@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800');
/
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.greybox h2 {
    text-align: center;
}.greybox {
    background-color: lightgrey;
    padding: 20px;
	text-align: center;
}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block;WIDTH:100%;MARGIN:AUTO}.fade .slick-slide img{display:block;width:100%;margin:AUTO}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(//clientcontent/cys_common_content/slick-1-6-0/slick/ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(//clientcontent/cys_common_content/slick-1-6-0/slick/fonts/slick.eot);src:url('//clientcontent/cys_common_content/slick-1-6-0/slick/fonts/slick.eot?#iefix') format('embedded-opentype'),url(//clientcontent/cys_common_content/slick-1-6-0/slick/fonts/slick.woff) format('woff'),url(//clientcontent/cys_common_content/slick-1-6-0/slick/fonts/slick.ttf) format('truetype'),url('//clientcontent/cys_common_content/slick-1-6-0/slick/fonts/slick.svg#slick') format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;background:none;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:none}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;z-index:500;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:25px;z-index:500}[dir='rtl'] .slick-prev{right:25px;left:auto}.slick-prev:before{content:'â†'}[dir='rtl'] .slick-prev:before{content:'â†’'}.slick-next{right:25px}[dir='rtl'] .slick-next{right:auto;left:25px}.slick-next:before{content:'â†’'}[dir='rtl'] .slick-next:before{content:'â†'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'â€¢';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}
.s-reveal-1
{
    animation: fadeIn 5s;''
}
.dcspg-newcatalog-nav {display: none;}
.dcspg-newcatalog-pagecount {display: none;}
h2.dcspg-newcatalog-itemcount {
    display: none;
}
.topsep hr {
    width: 338px;
    margin-top: -28px;
    float: right;
    border-bottom: 2px solid #000000;
}
.section.group.team-wrap {
    width: 85%;
    margin: 0 auto;
    padding: 2%;
    border: 1px solid #dcc58a;
}

.transparentheader {/* background: rgb(255, 255, 255); */background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));/* background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); */background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); */filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);/* background-image: url(images/headerbg.png); *//* background-repeat: repeat-x; */background: #ffffff;/* height: 255px; */z-index: 100;position: inherit;width: 90%;padding: 0 5%;max-width: 1920px;/* padding-left:4%; *//* padding-right:4%; */top: 0;border-top: 0px;animation: fadeIn 3s;}
.menucontainer
{
    margin-right: 0%;
}

.fixedmenubtn
{
    position:fixed;
    right: 2.5%;
}
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 5000; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #e6e7e8; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #000000;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}


.nav-toggle {
padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.nav-toggle:hover { 
  cursor: pointer;
}
.nav-toggle:before { 
  content:"+";
}
.nav-toggle.active:before { 
  content:"-";
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 550px) {

    .sidenav a {font-size: 16px;}
    .nav-toggle {
    font-size: 16px;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 14px;}
    .nav-toggle {
    font-size: 14px;
    }
}


.nav-items {
  background: #e6e7e8;
  display: none;
}
.nav-items ul, .nav-items li {
  margin: 0;
  padding: 0;
}
.nav-items a {
padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 14px;
text-indent:10px;
    color: #818181;
  display: block;
}


body {
    margin: 0;
    padding: 0;
    color: #3a4655;
    font-family: 'Work Sans', sans-serif;
    line-height: normal;
    font-size: inherit;
    width:100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    /* letter-spacing: .5px; */
}
.dcspg-page {
	font-size:
	inherit;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 96%;
	font-family: 'Work Sans', sans-serif;
	overflow:
	hidden;
}
.dcspg-header {
    width: 100%;
}

.middletagheader {
    margin-top: 30px;
}

.dcspg-pageheader {
    clear: both;
    margin-top:0px;
}
.dcspg-contentcontainer
{
    margin-left:auto;
    margin-right:auto;
    margin-top: 1%;
}
.dcspg-leftnav
{float:left;width:14%;margin-right: 1%; display:none;}
 .dcspg-body {
     width: 95%;
     padding: 1%;
     min-height: 470px;
     background-color: #FFF;
     float:none;
     padding-top: 0px;
	 margin:auto;
}

.dcspg-rightnav {
    width: 12%;
    float: left;
    margin-left: 8px;
    text-align: center;
}

.dcspg-pagefooter
{
    clear:both;

}

.dcspg-footer {
    clear:both;
    background-color: #203163;
    color: #ffffff;
}
.addresscontainer {
	text-align:center;
    width: 90%;
    margin: auto;
    font-size: 100%;
    /* text-align: center; */
    /* margin-top: 50px; */
}
.addresscontainer ul {
    list-style: none;
    /* font-size: 14px !important; */
    /* color: #ffffff; */
    /* font-size: 1em !important; */
    /* text-decoration: none; */
}
.addresscontainer a:link {
    color: #ffffff;
    font-size: 1em !important;
    text-decoration: none;
}
.addresscontainer a:visited {
    color: #ffffff;
    font-size: 1em !important;
    text-decoration: none;
}.addresscontainer a:active {
    color: #ffffff;
    font-size: 1em !important;
    text-decoration: none;
}
.addresscontainer a:hover {
    color: #000000;
 
}
.copyright {
    padding-top:10px;
    padding-bottom:10px;
    font-size: 12px;
    text-align:center;
    clear: both;
    margin-bottom:0px;
    color: #fff;
}
.copyright a:link {
    color:#000000;
    text-decoration:none;}
.copyright a:visited { color:#000000;
text-decoration:none; }
.copyright a:hover { color:#3b4752; }
p a:link {
    color:#203163;
	font-weight:bold;
    text-decoration:none;}
p a:visited { color:#203163;
text-decoration:none; }
p a:hover { color:#000000; }


/*Site Header Css */

.logo1
{float:left;max-width:100%;}
.logo1 img {
    width:100%;
   
}

.tophiddenMenu {
  /*position: fixed;
  top: 0;
  width: 100%;
  background:#185f9b;
 
  z-index: 5000; 
  display: none;*/
  
    display: none;
  position: fixed;
  top: 0;
  width: 100%;
  border-top: 1px solid #fff;
  background-color:#ffffff;
  z-index:90;
}

.topbannernav{/* width: 110%; */text-transform:uppercase;text-align:right;padding-right:10px; padding-top:12px; margin-right:0px;/* line-height:30px; */}

.topbannernav a:link {
    padding-right:10px;
    padding-left:10px;
    color:#000000;
    text-decoration:none;
    }
.topbannernav a:visited { color:#000000;
text-decoration:none; }
.topbannernav a:hover { color:#3b4752; }

.header-search-reg a:link { color:#000000;
text-decoration:none; }
.header-search-reg a:visited { color:#000000;
text-decoration:none; }
.header-search-reg a:hover { color:#3b4752;
text-decoration:underline; }

#reg
{text-align:right;clear:both;margin-top:0px;margin-bottom:25px;position:relative;display: inline-block;}
#workbooklink
{text-align:right;clear:both;margin-top:0px;margin-bottom:25px;position:relative;display: inline-block;}


#reg .tooltiptext{
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  line-height:normal; padding:5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 98%; 
 opacity: 0;
  transition: opacity 1s;
    transform: translate3d(0,-10px,0);
  transition: all 1s ease-in-out;

}

#reg:hover .tooltiptext {
  visibility: visible;
    opacity: 1;
    transform: translate3d(0,0,0);
}

#reg .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}

#workbooklink .tooltiptext{
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  line-height:normal; padding:5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 90%; 
 opacity: 0;
  transition: opacity 1s;
    transform: translate3d(0,-10px,0);
  transition: all 1s ease-in-out;
}

#workbooklink:hover .tooltiptext, {
  visibility: visible;
    opacity: 1;
    transform: translate3d(0,0,0);
}

#workbooklink .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;

}



.dcspg-searchform {
    border: 1px solid #ccc;
    border-radius: 7px;
    background-color: #ffffff;
    padding: 3px;
    width: 200px;
    float: right;
    line-height:20px;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.1);
}
.dcspg-searchform-textbox {
    border: none;
    color: #999;
    background-color:transparent;
}

.dcspg-searchform-submit {
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	color: transparent;
	background: transparent url(https://assets.creatingyourspace.com/media/images/glas.png) no-repeat;
}

 .search-form {
            display: none;
    top: 100px;
    margin-right: 7%;
            background: #FFFFFF;
            padding: 23px;
            /* width: 76%; */
        
            z-index: 1500;
            position: absolute;
            float: right;
            right: 0;
           box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
          
}
.bannernavbtn-container
{
    clear:both;
    float:right;
    /* border: 1px solid #dfc389; */
   margin-right: 65px; 
}
.contactButton {
    text-transform:uppercase;
    background-color:#616264;
    display:inline-block;
    cursor:pointer;
    color:#ffffff !important;
    font-size:14px;
    padding:10px 25px;
    text-decoration:none;
    border:1px #616264 solid;
    float:right;
}
.contactButton:hover {
    background-color:#000000;
}
.contactButton:active {
    position:relative;
    top:1px;
}

.bluealt {
        
        
}


.startButton {
    text-transform:uppercase;
    background-color:transparent;
    display:inline-block;
    cursor:pointer;
    color:#3b4752;
    /* margin-right: 10px; */
    font-size:10px;
    padding: 6px 15px;
    text-decoration:none;
    border:1px #ffffff solid;
    float:right;
    border: 1px solid #000000;
}
.startButton:hover {
    background-color:#ffffff;
}
.startButton:active {
    position:relative;
    top:1px;
}
.home-btn {
    float: right;
    font-size: 18px;
    line-height: 40px;
}
.floatleft
{
    float:left;
}
.slide-btn-container
{
    margin-top:12px;
    margin-bottom:12px;
    height:29px;
}
.slide .contactButton
{
 font-size: 12px;
    padding: 5px 10px;
}
.pnumber
{text-align: right;font-size: 24px;line-height:175%;margin-top:10px;}
.pnumber .tagline
{
    font-family: 'Work Sans', sans-serif;
    font-size:32px;
    font-weight:normal;
}

.pnumbermobile
{visibility:hidden;
height:0px;
}

.locationmobile
{visibility:hidden;
height:0px;
}


.cpbtn
{
    margin: auto;
    line-height: normal;  
    font-size:20px;
  text-align:center;
  font-family: 'Work Sans', sans-serif;
  max-width:225px;
  text-transform:uppercase;
        }

.cpbtn:before,
.cpbtn:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

.cpbtn a{
  text-decoration:none;
  color:#525252;
  display:block;
  padding:0em;


  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
  -ms-transition:-ms-transform .15s linear;

  
}


.cpbtn img
{width: 100%;}

.cpbtn a:hover,.cpbtn a:focus{

  -webkit-transform: scale(.95);
  -moz-transform: scale(.95);
  -o-transform: scale(.95);
  -ms-transform: scale(.95); /* IE 9 */
  position:relative;
  z-index:5;
}

.smicons
{
    padding-top: 30px;
	
}
.smicons a:link
{
	padding-right: 0px;
    padding-left: 20px;}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
    padding: 0 5px;
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    /* W3C */
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    /* move the element up by 5px */
}
.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Header Styles */ 


h1 {
    background-color: #d2d5e0;
    border: 1px solid #d2d5e0;
    color: #1d2f62;
        padding-bottom: 2%;
    padding-top: 1%;
    text-align:center;
    /* text-transform:uppercase; */
    font-family: 'Work Sans';
    font-size:48px;
    animation: fadeIn 5s;
    margin-bottom: 20px;
    /* text-shadow: 2px 2px 5px #00000024; */
}



h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.5em;
    /* line-height: 120%; */
    color:#3b4752;    padding-bottom: 10px;
    /* text-transform: uppercase; */
}

h3 {
    font-size: 1.2em;
    line-height: 120%;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
}

h4 {
    font-size: 1.2em;
    line-height: 120%;
    margin: 30px 0 10px;
    text-transform: uppercase;
}
h5 {
color: #32657e;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    margin-right: 0;
    margin-bottom: 1.5em;
}
strong
{
    font-weight:bold;
}
p span
{
    color: #32657e;
    font-weight: 700;
}

ul,ol,dl,p {
  font-size:initial;
  margin-bottom: 10px;
  /* line-height: 1.8em; */
  /* color: #3d4853; */
}

element.style {
    display: block;
}
div#specsbox p
{
	font-size:14px;
}
li {
  line-height:normal;
}

p {font-family: 'Work Sans', sans-serif;
      line-height:150%;
    margin-right: 0;
    margin-bottom: 1.5em;
    margin-left: 0;
}

.slide p
{font-size:12px;
clear:both;
}
.slide h2
{
    margin:0; font-size:14px; font-weight:bold;float:left;line-height:25px;
}

ol, ul {
    list-style:outside;
    font-size:100%;
    margin-left:1.5em;
    margin-bottom: 1.5em;
}
li
{
   font-size: initial;
        /* font-family: 'Montserrat', sans-serif; */
        /* font-size:18px; */
      line-height:125%; 
}

.glossaryitem {
    font-weight:bold;
}
div.clear {
    clear:both;
    margin-top:5px;
}
div.clr {
    clear:both;
    margin-top:5px;
}
.dcspg-login {
    background-image:none;
    height:175px;
}

#topofpage
{   display: none;
}

/* Content Image Style */
.contentimage {
    float: right;
    margin: 6px 0 0 30px;
}

.contentimageleft {
    float: left;
    margin-top: 6px;
    margin-right: 30px;
    margin-bottom: 0;
    margin-left: 0px;
}
.contentimage img {
    box-shadow: 2px 2px 3px #aaaaaa;

}

.contentimageleft img {
        box-shadow: 2px 2px 3px #aaaaaa;
}

.trans a:link { opacity:1.0;
 filter:alpha(opacity=100);
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
    }
.trans a:visited { opacity:1.0;
 filter:alpha(opacity=100); /* For IE8 and earlier */ }
.trans a:hover { opacity:0.5;
 filter:alpha(opacity=50); /* For IE8 and earlier */ }
 
.dcspg-leftnav .trans
{text-align:center;margin-top: 0;margin-bottom: 5px;}

.inlineframe 
{
    padding:20px;
    min-height:400px;
    display: none;
    margin: 0 auto;
}

.inlineframe h1
{
    background-image:none;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0), inset 0 0 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0), inset 0 0 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.2), inset 0 0 0px rgba(0, 0, 0, 0.1);
    background-color:transparent;
    line-height:120%;
    color:#ffffff;
}
.slide-container {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -75%);
}
.centered-lower {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slide-styles {
    font-size: 24px;
	font-weight:bold;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 35px;
    color: #000000;
	font-family: 'Work Sans', sans-serif;
	text-transform:uppercase;
}
/* Contact Form - Shop at Home Page */
.contact {
    font-family: 'Work Sans', sans-serif;
    max-width: 500px;
    font-size: small;
    float: none;
    line-height: normal;

    padding: 20px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
background: #e7e7e8;
}
.contact .formleft {
    float: left;
    width: 44%;
    margin-right: 25px;
}
.contact .formleft .dcspg-formfield-shorttext {
        width: 98%;
}
.contact .formleft .dcspg-formfield-email {
        width: 98%;
}
.contact .formleft .dcspg-formfield-phone {
     width: 98%;
}
.contact .dcspg-formfield-address1 {
     width: 98%;
}
.contact .dcspg-formfield-address2 {
     width: 98%;
}
.contact .dcspg-formfield-city {
    width: 150px;
    margin-right: 10px;
}
.contact .dcspg-formfield-state {
    width: 25px;
    margin-right: 10px;
}
.contact .dcspg-formfield-zip {
    width: 25px;
    margin-left: 10px;
}
.contact .dcspg-formfield-multi {
    margin-left: 10px;
}
.contact .selectlist {
    width: 200px;
}
.contact .dcspg-formfield-longtext {
    width: 100%;
    height: 100px;
}

.formleft.datetime img {
    width: 25px;
}

.contact .dcspg-formfield-drop {
    margin-bottom:16px;
}

.contact input{
    margin-bottom:16px;
}


.questionnaire {

    max-width: 80%;
    margin:auto;
    float: none;
    line-height: normal;
    font-size:14px;
    font-weight:bold;
    padding: 20px;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
background: #e7e7e8;
}

/*Button styles Items */
.products-btn {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:#ededed;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #333;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:25px;
    line-height:25px;
    padding-left:10px;
    padding-right:10px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    margin-left:10px;
}
.products-btn:hover {

    background-color:#dfdfdf;
    border:1px solid #999;
}.products-btn:active {
    position:relative;
    top:1px;
}

.mobilebtn {
    background-color: #3b4752;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #3b4752;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    line-height:24px;
    padding:5px;
    margin-top: 10px;
    bottom-top: 20px;
    width: 96.5%;
    text-align:center;
    text-decoration: none;
}
.mobilebtn:hover {
    background-color:#e3c993;
}
.mobilebtn:active {
    position:relative;
    top:1px;
}

.mobilebtn-pink {
    background-color: #e6cac3;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #e6cac2;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    line-height:24px;
    padding:5px;
    margin-top: 10px;
    bottom-top: 20px;
    width: 96.5%;
    text-align:center;
    text-decoration: none;
}
.mobilebtn-pink:hover {
    background-color:#e3c993;
}
.mobilebtn-pink:active {
    position:relative;
    top:1px;
}

.cta-colorpage 
{

    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size:14px;
    text-transform:uppercase;
    font-style:normal;
    height:34px;
    line-height:34px;
    margin-top:10px;
    padding-left:16px;
    padding-right:16px;
    margin-right:10px;
    float:left;
}

.ctabtn {
	font-weight:400;
    display: inline-block;
    font-style: normal;
    padding: 5px;
    margin-top: 10px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
	font-family: 'Work Sans', sans-serif;
}
.ctabtn-top {
	font-weight:500;
    display: inline-block;
    font-style: normal;
    padding: 5px;
    margin-top: 10px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
	font-family: 'Work Sans', sans-serif;
}
.btn-color1 {

    background-color: #d2d5e0;
    border: 1px solid #d2d5e0;
    color: #1d2f62;
	    font-size: 18px;
		
		
    
}
.btn-color1:hover {

    background-color:#bec0c9;
}
.btn-color1 a:link { color:#1d2f62;
text-decoration:none; }
.btn-color1 a:visited { color:#1d2f62;
text-decoration:none; }

.btn-color2 {

    background-color: #1d2f62;
    border: 1px solid #1d2f62;
    color: #ffffff;
    
}
.btn-color2:hover {

    background-color:#1a2851;
}
.btn-color2 a:link { color: #ffffff;
text-decoration:none; }
.btn-color2 a:visited { color: #ffffff;
text-decoration:none; }
.header-search-reg a:link { color:#000000;
text-decoration:none; }

.btn-color1:active {
    position:relative;
    top:1px;
}
.clientbtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #3b4752;
    -webkit-box-shadow:inset 0px 1px 0px 0px #3b4752;
    box-shadow:inset 0px 1px 0px 0px #3b4752;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3b4752), color-stop(1, #3b4752) );
    background:-moz-linear-gradient( center top, #3b4752 5%, #3b4752 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b4752', endColorstr='#3b4752');
    background-color:#3b4752;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px;
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:1px solid #3b4752;
    display:inline-block;
    color:#ffffff;

    font-size:20px;
    font-weight:bold;
    font-style:normal;
    height:44px;
    line-height:44px;
    padding-left:20px;
    padding-right:20px;
    text-decoration:none;
    text-align:center;
    text-shadow:none;
}
.clientbtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #378de5 5%, #378de5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#378de5');
    background-color:#378de5;
}
.clientbtn:active {
    position:relative;
    top:1px;
}
.registerbtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #3b4752;
    -webkit-box-shadow:inset 0px 1px 0px 0px #3b4752;
    box-shadow:inset 0px 1px 0px 0px #3b4752;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3b4752), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #3b4752 5%, #378de5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b4752', endColorstr='#378de5');
    background-color:#3b4752;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px;
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
    font-style:normal;
    height:44px;
    line-height:44px;
    width:154px;
    text-decoration:none;
    text-align:center;
    text-shadow:none;
}
.registerbtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #378de5 5%, #378de5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#378de5');
    background-color:#378de5;
}
.registerbtn:active {
    position:relative;
    top:1px;
}


#newsletter {
	display:none;
    background-image: url(https://assets.creatingyourspace.com/media/images/newsletter.png);
    background-repeat:no-repeat;
    background-position:center top;
    padding-top:86px;
    padding-left:2px;
    margin-top:10px;
    padding-bottom:10px;
    color:#000000;
    border-radius:5px;
    width: 164px;
    clear:both;
}
#Newsletter .dcspg-formfield-shorttext {
    
}

#newsletter .dcspg-form-captcha {
    visibility: hidden;
    height: 0px;
}

/*Catalog Landing Pages*/
 .dcspg-catalog3-filterdiv {
     float: left;
}
 .dcspg-catalog3-body {
     float: left;
     width: 85%;
}
 .dcspg-catalog3-name {
     display: none;
}
 .dcspg-catalog3-filterdiv {
     float: left;
     width: 14%;
     padding-right: 1%;
}
 @media only screen and (max-width: 1024px) {
   .We_Bring_The_Showroom {
    font-size: 18px !important;
}
span.to_you {
    font-size: 28px;
}
     .dcspg-catalog3-filterdiv .ui-accordion .ui-accordion-icons {
         font-size: 14px;
    }
     .dcspg-catalog3-filterdiv .dcspg-catalog1-item {
         width: 29%;
    }
}
 @media only screen and (max-width: 768px) {
     .dcspg-catalog3-filterdiv {
         width: 100%;
         padding-right: 0px;
    }
     .dcspg-catalog3-body {
         width: 100%;
    }
     .dcspg-catalog3-body .dcspg-catalog1-item {
         width: 46%;
    }
}
 @media only screen and (max-width: 767px) {
     .dcspg-catalog3-body .dcspg-catalog1-item {
         width: 96%;
    }
}
 .dcspg-catalog1 {
     border-radius: 0px;
     border: none 1px #ccc;
     padding: 5px;
}
 .dcspg-catalog2 {
     border-radius: 0px;
     border: none 1px #ccc;
     padding: 5px;
}
 .dcspg-catalog2-header {
     min-height: 0px;
     height:0px;
}
 .dcspg-catalog2-body h3 {
     font-size:1em;
}
 .dcspg-catalog1-item {
     border-radius: 0px;
     border: none;
     box-shadow: none;
     display: inline-block;
     text-align: center;
     margin: 5px 0px 10px 5px;
     background-color: #FFFFFF;
     font-size: 13px;
     line-height: 16px;
     vertical-align: top;
     color: #000000;
     width: 30.4%;
}
 .dcspg-catalog1-item img {
     max-width: 200px;
     max-height: 170px;
}
 .dcspg-catalog-colorcount {
     line-height: 30px;
     background-color: #3b4752;
     color: #ffffff;
     margin-top: 10px;
     max-width: 250px;
     margin-left: auto;
     margin-right: auto;
}
 .dcspg-catalog1-item a:link {
     color:#000000;
    text-decoration: none;
}
 .dcspg-catalog1-item a:visited {
    color:#000000;
}
 .dcspg-catalog1-item a:hover {
    color:#3b4752;
}
 .dcspg-catalog2-name {
     visibility:hidden;
}
 .dcspg-catalog1-name {
     visibility:hidden;
}
 .dcspg-productdetail-status-img {
     max-width: 40px;
     max-height: 40px;
}
 td.dcspg-catalog2-filter-td {
     width: 18%;
     vertical-align: top;
}
 td.dcspg-catalog2-body-td {
     width: 80%;
     vertical-align: top;
}
 .dcspg-catalog1-nav {
     overflow: hidden;
     padding: 0px;
}
 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
     position: absolute;
     left: .1em;
     top: 50%;
     margin-top: -8px;
}
 .ui-accordion .ui-accordion-icons {
     font-size: 13px;
}
 .ui-accordion .ui-accordion-icons {
     padding-left: 1.1em;
}
 input.ui-button {
     padding: .4em 1em;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     margin: .5em;
}
 .ui-accordion .ui-accordion-content {
     padding: .5em .1em;
}
 .dcspg-catalog-filter-heading {
     margin-bottom: 0px;
}
 .dcspg-catalog-filter-item {
     float: left;
     display: inline-block;
     clear: both;
     font-size: 11px;
}


.condensed-version {
    max-width: 988px;
    margin: auto;
}

.clr.break-page {
    margin-bottom: 6%;
}

.video-box {
    background-color: #f0f0f0;
    padding: 2%;
}

.video-text {
    padding: 10px;
}
.video-text h2{
    padding-top:0px;
}


.video-text {
    height: 175px;
}

p.content2-text {
    font-size: 115%;
}

 
 .pk-layout1 h2 {
    padding-top: 0px;
	font-size: 1.4em;
 }
.pk-image-left {
    float: left;
    padding-top: 0px;
    max-width: 325px;
    padding-right: 25px;
    padding-bottom: 25px;
}
 .pk-image-right {
	 padding-top:0px;
     max-width: 325px;
     text-align: right;
    float: right;
    padding-left: 25px;
    padding-bottom: 20px;
}

.pk-image-right img {
    max-width: 325px;
}

.pk-image-left img {
   max-width: 325px;
}
@media only screen and (max-width: 1610px) {
	.pk-image-left img {
    width: 100%;
}
}

@media only screen and (max-width: 767px) {
.pk-image-right {
    width: 100%;
	padding-left:0px;
	float:none;
}
}
/*Menu Items */


/* ###################################################################
    
    ITEM NAME  : Meganizr Responsive CSS3 Mega Menu
    ITEM URI   : http://codecanyon.net/item/meganizr-responsive-css3-mega-menu/2629504
    VERSION    : 1.1.0
    AUTHOR     : Valeriu Timbuc
    AUTHOR URI : http://vtimbuc.net
    LICENSE    : Purchased License - Regular or Extended - http://codecanyon.net/licenses/regular_extended

################################################################### */



/* ###################################################################

    // 1. RESET STYLES
    // 2. NAVIGATION BAR STYLES
    // 3. SEARCH FORM
    // 4. DROPDOWN
    // 5. CONTENT STYLES
    // 6. RESPONSIVE
    // 7. EXTRA COLOR STYLES

################################################################### */



/* // 1. RESET STYLES */
/* ################################################################ */
.meganizr, .meganizr ul, .meganizr li, .meganizr a, .meganizr img, .meganizr div, .meganizr p, .meganizr form, .meganizr input, .meganizr textarea, .meganizr h3, .meganizr h4, .meganizr h5 { margin: 0; padding: 0; font-size: 12px; font-family: sans-serif; }
.meganizr a { text-decoration: none; }
.meganizr li { list-style: none; }
.meganizr input, .meganizr textarea, .meganizr img { outline: none; border: none; background: none; }



/* // 2. NAVIGATION BAR STYLES */
/* ################################################################ */
.meganizr {
    position: relative;
    z-index: 500;
    clear: both;
    width: 100%;
    height: 37px;
    border: 1px solid #eee;
    border-bottom: 2px solid #ccc;
    
    background: #203163;
    text-align:center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.meganizr:before,
.meganizr:after {
    content: '';
    clear: both;
}

/* Nav List */
.meganizr > li {
    position: relative;
    display: inline-block;

    height: 37px;


}

.meganizr > li.mzr-full-width { position: static; }

.meganizr > li.mzr-align-right {
    float: right;
    border-right: none;
}

/* Nav Links */
.meganizr > li > a {
    position: relative;
    z-index: 550;
    display: block;
    padding: 3px 25px 0 25px;
    line-height: 34px;
text-transform:uppercase;
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;

    -webkit-transition: color .15s ease-in, background-image .2s linear .15s;
    -moz-transition: color .15s ease-in, background-image .2s linear .15s;
    -o-transition: color .15s ease-in, background-image .2s linear .15s;
    -ms-transition: color .15s ease-in, background-image .2s linear .15s;
    transition: color .15s ease-in, background-image .2s linear .15s;
}

.meganizr > li > a:hover { color: #d2d5e0; }

.meganizr > li > a:active {
    color: #525252;

    -webkit-transition: color 1ms;
    -moz-transition: color 1ms;
    -o-transition: color 1s;
    -ms-transition: color 1s;
    transition: color 1s;
}

.meganizr > li.mzr-drop:hover > a:after,
.meganizr > li.mzr-drop > a.mzr-click:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 38px;
    background: transparent url(https://assets.creatingyourspace.com/media/images/drop-arrow.png) no-repeat bottom center;
}

.meganizr > li.mzr-drop:hover > a,
.meganizr > li.mzr-drop > a.mzr-click { z-index: 650; }

/* Home Icon */

.meganizr > li.mzr-home-dark > a,
.meganizr > li.mzr-home-light > a {
    text-indent: -9999px;
    background-position: center center;
    background-repeat: no-repeat;
}

.meganizr > li.mzr-home-dark > a { background-image: url(https://assets.creatingyourspace.com/media/images/home_dark.png); }

.meganizr > li.mzr-home-light > a { background-image: url(https://assets.creatingyourspace.com/media/images/home_light.png); }



/* // 3. SEARCH FORM */
/* ################################################################ */
.meganizr > li.mzr-search > form {
    position: relative;
    height: 20px;
    margin-right: 20px;
    padding: 10px 25px 8px 25px;
}

.meganizr > li.mzr-search input {
    width: 80px;
    height: 20px;
    line-height: 20px;

    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    color: #5e5e5e;
    text-shadow: 0px 1px 1px white;

    -webkit-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -o-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    transition: width .2s ease-in;

    box-shadow: none;
}

.meganizr > li.mzr-search input:focus {
    width: 130px;
    background: none;
    outline: none;
}

.meganizr > li.mzr-search input[type=submit] {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 0;
    background: url(https://assets.creatingyourspace.com/media/images/search-icon.png) no-repeat 0 0;
}



/* // 4. DROPDOWN */
/* ################################################################ */
.meganizr > li > div,
.meganizr > li > ul,
.meganizr > li > ul li > ul {
    position: absolute;
    z-index: 600;
    padding: 10px 0;
    top: 37px;
    left: -1px;

    opacity: 0;
    overflow: hidden;
    visibility: hidden;

    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.meganizr > li.mzr-align-right > div {
    left: auto;
    right: -1px;
}

/* Transitions */
.mzr-slide > li > div,
.mzr-slide > li > ul,
.mzr-slide > li > ul li > ul,
.mzr-fade > li > div,
.mzr-fade > li > ul,
.mzr-fade > li > ul li > ul {
    -webkit-transition: all .25s linear .15s;
    -moz-transition: all .25s linear .15s;
    -o-transition: all .25s linear .15s;
    -ms-transition: all .25s linear .15s;
    transition: all .25s linear .15s;
}

.mzr-slide > li > div,
.mzr-slide > li > ul,
.mzr-slide > li > ul li > ul { top: 100px; }

.mzr-slide > li.mzr-drop:hover > div,
.mzr-slide > li.mzr-drop:hover > ul,
.mzr-slide > li > ul li.mzr-drop:hover > ul {
    top: 37px;

    opacity: 1;
    overflow: visible;
    visibility: visible;
}

.mzr-fade > li.mzr-drop:hover > div,
.mzr-fade > li.mzr-drop:hover > ul,
.mzr-fade > li > ul li.mzr-drop:hover > ul,
.meganizr > li.mzr-drop:hover > div,
.meganizr > li.mzr-drop:hover > ul,
.meganizr > li > ul li.mzr-drop:hover > ul {
    opacity: 1;
    overflow: visible;
    visibility: visible;
}

/* Dropdown Columns */
.meganizr .drop-two-columns { width: 320px; }
.meganizr .drop-three-columns { width: 480px; }
.meganizr .drop-four-columns { width: 640px; }
.meganizr .drop-five-columns { width: 800px; }
.meganizr .drop-six-columns { width: 960px; }
.meganizr .mzr-full-width > div { width: 100%; }

/* Content Columns */
.meganizr .one-col { width: 140px; }
.meganizr .two-col { width: 300px; }
.meganizr .three-col { width: 460px; }
.meganizr .four-col { width: 620px; }
.meganizr .five-col { width: 780px; }
.meganizr .six-col { width: 940px; }

.meganizr .one-col, .meganizr .two-col, .meganizr .two-colalt, .meganizr .three-col, .meganizr .four-col, .meganizr .five-col, .meganizr .six-col {
    display:inline-block;
    text-align:center;
    margin: 10px;
    vertical-align:text-top;
}

/* Fluid Content Columns */
@media only screen and (min-width: 960px) {

    .meganizr .mzr-full-width .one-col { width: 9%; }
    .meganizr .mzr-full-width .two-colalt { width: 20%; }
    .meganizr .mzr-full-width .two-col { width: 30.6664%; }
    .meganizr .mzr-full-width .three-col { width: 47.3328%; }
    .meganizr .mzr-full-width .four-col { width: 63.9992%; }
    .meganizr .mzr-full-width .five-col { width: 80.6656%; }
    .meganizr .mzr-full-width .six-col { width: 97.332%; }

    .meganizr .mzr-full-width .one-col, .meganizr .mzr-full-width .two-col, .meganizr .mzr-full-width .three-col, .meganizr .mzr-full-width .four-col, .meganizr .mzr-full-width .five-col, .meganizr .mzr-full-width .six-col { margin: 1.3332%; }

}

/* Dropdown Levels */
.meganizr > li > ul,
.meganizr > li > ul li > ul {
    width: 160px;
    padding: 10px;
}

.meganizr > li > ul li.mzr-drop:hover > ul,
.meganizr.mzr-fade > li > ul li.mzr-drop > ul { top: -11px; }

.meganizr > li > ul li { position: relative; }

.meganizr > li > ul li > ul {
    position: absolute;
    left: 100%;
}

.meganizr > li.mzr-align-right > ul {
    left: auto;
    right: 0;
}

.meganizr > li > ul li.mzr-align-left > ul {
    position: absolute;
    left: auto;
    right: 105%;
}

.meganizr > li > ul a {
    display: block;
    line-height: 38px;

    border-bottom: 1px dotted #e1e1e1;

    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    color: #5e5e5e;
    text-shadow: 0px 1px 1px white;

    -webkit-transition: color .15s ease-in;
    -moz-transition: color .15s ease-in;
    -o-transition: color .15s ease-in;
    -ms-transition: color .15s ease-in;
    transition: color .15s ease-in;
}

.meganizr > li > ul li:last-child a { border: none; }

.meganizr > li > ul a:hover { color: #888; }

.meganizr > li > ul li.mzr-drop > a { background: url(https://assets.creatingyourspace.com/media/images/arrow.png) no-repeat 140px 16px; }

.meganizr > li > ul li.mzr-align-left.mzr-drop > a { background: url(https://assets.creatingyourspace.com/media/images/arrow-inverse.png) no-repeat 140px 16px; }



/* // 5. CONTENT STYLES */
/* ################################################################ */

/* Images */
.mzr-content img {
    max-width: 100%;

    opacity: 0.9;

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.mzr-content img:hover {
    opacity: 1;
}

/* Text */
.mzr-content h2, .mzr-content h3, .mzr-content h4 {
    color: #555;
    margin: 10px 0;
}

.mzr-content h2 { font-size: 20px; }
.mzr-content h3 { font-size: 18px; }
.mzr-content h4 { font-size: 16px; }

.mzr-content p {
    padding: 10px 0;
    line-height: 18px;
    color: #333;
}

/* Button */
.mzr-content .button,
.mzr-content input[type=submit] {
    cursor: pointer;
    display: inline-block;
    padding: 6px 25px;
    margin: 5px 0 10px 0;

    background: #eeeeee;
    border: 1px solid #e4e4e4;
    color: #666;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;

    -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
}

.mzr-content .button:hover,
.mzr-content input[type=submit]:hover {
    -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
}

.mzr-content .button:active,
.mzr-content input[type=submit]:active {
    -webkit-transition-duration: 25ms;
    -moz-transition-duration: 25ms;
    -o-transition-duration: 25ms;
    -ms-transition-duration: 25ms;
    transition-duration: 25ms;

    -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
}

/* Links */
.mzr-content a { color: #666; }
.mzr-content a:hover { color: #333; }

.mzr-content .mzr-links a {
    display: block;
    padding: 5px 0;
    line-height: 20px;
    border-bottom: 1px dotted #e1e1e1;
}

.mzr-content .mzr-links li:last-child a { border: none; }

/* Cursor */
.mzr-content { cursor: default; }

/* Floats */
.mzr-content .fl { float: left; }
.mzr-content .fr { float: right; }
.mzr-content .cb { clear: both; }
.mzr-content .cl { clear: left; }
.mzr-content .cr { clear: right; }
.mzr-content .block { display: block; margin-top: 10px;}

/* Forms */
.mzr-content input[type=text], .mzr-content input[type=email], .mzr-content textarea {
    display: block;
    width: 160px;
    padding: 9px 10px 8px 35px;
    line-height: 18px;
    margin-bottom: 10px;
    
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: 10px 9px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    -webkit-transition: box-shadow linear 0.2s;
    -moz-transition: box-shadow linear 0.2s;
    -ms-transition: box-shadow linear 0.2s;
    -o-transition: box-shadow linear 0.2s;
    transition: box-shadow linear 0.2s;

    border: 1px solid transparent;
}

.mzr-content input[type=text]:hover, .mzr-content input[type=email]:hover, .mzr-content textarea:hover { background-color: #f0f0f0; }
.mzr-content input[type=text]:focus, .mzr-content input[type=email]:focus, .mzr-content textarea:focus {
    background-color: #f0f0f0;
    outline: none;
}

.mzr-content textarea { width: 250px; max-width: 250px; height: 100px; }

.mzr-content #name { background-image: url(https://assets.creatingyourspace.com/media/images/user.png); }
.mzr-content #email { background-image: url(https://assets.creatingyourspace.com/media/images/mail.png); }
.mzr-content #message { background-image: url(https://assets.creatingyourspace.com/media/images/baloon.png); }



/* // 6. RESPONSIVE */
/* ################################################################ */

@media only screen and (max-width: 959px) {

    .mzr-responsive {
        height: auto;
        float: left;
        clear: both;
    }

    .mzr-responsive > li,
    .mzr-responsive > li.mzr-align-right {
        display: inline-block;
        position: static;
        border: none;

    }

    .mzr-responsive > li.mzr-drop { background: url(https://assets.creatingyourspace.com/media/images/arrow-down.png) no-repeat right center; }

    .mzr-responsive .drop-two-columns,
    .mzr-responsive .drop-three-columns,
    .mzr-responsive .drop-four-columns,
    .mzr-responsive .drop-five-columns,
    .mzr-responsive .drop-six-columns { width: 100%; }

    .mzr-responsive .one-col,
    .mzr-responsive .two-col,
    .mzr-responsive .three-col {
        width: 45.5%;
        margin: 2%;
    }

    .mzr-responsive .four-col,
    .mzr-responsive .five-col,
    .mzr-responsive .six-col,
    .mzr-responsive .mzr-contact .one-col,
    .mzr-responsive .mzr-contact .two-col,
    .mzr-responsive .mzr-contact .three-col,
    .mzr-responsive .mzr-contact .four-col,
    .mzr-responsive .mzr-contact .five-col,
    .mzr-responsive .mzr-contact .six-col {
        width: 95.5%;
        margin: 2%;
    }

    .mzr-responsive.mzr-slide > li > div,
    .mzr-responsive.mzr-slide > li > ul,
    .mzr-responsive.mzr-slide > li > ul li > ul,
    .mzr-responsive.mzr-fade > li > div,
    .mzr-responsive.mzr-fade > li > ul,
    .mzr-responsive.mzr-fade > li > ul li > ul { top: auto; }

    .mzr-responsive.mzr-slide > li.mzr-drop:hover > div,
    .mzr-responsive.mzr-slide > li.mzr-drop:hover > ul,
    .mzr-responsive.mzr-slide > li > ul li.mzr-drop:hover > ul,
    .mzr-responsive.mzr-fade > li.mzr-drop:hover > div,
    .mzr-responsive.mzr-fade > li.mzr-drop:hover > ul,
    .mzr-responsive.mzr-fade > li > ul li.mzr-drop:hover > ul { top: auto;  }

    .mzr-responsive > li.mzr-search input { width: 90%; }
    .mzr-responsive > li.mzr-search input:focus { width: 90%; }
    .mzr-responsive > li.mzr-search input[type=text] {
        border: 1px solid #ccc;
        padding-left: 5px;
    }

    .mzr-responsive .mzr-content input[type=text],
    .mzr-responsive .mzr-content input[type=email],
    .mzr-responsive .mzr-content textarea {
        width: 80%;
        max-width: 80%;
        padding: 9px 4% 8px 15%;
    }

    .mzr-responsive li.mzr-drop.mzr-levels,
    .mzr-responsive li.mzr-drop.mzr-contact {
        position: relative;
    }

    .mzr-responsive > li.mzr-drop > ul,
    .mzr-responsive > li.mzr-drop > ul li > ul {
        width: 100%;
        padding: 0;
    }

    .mzr-responsive > li > ul li > ul,
    .mzr-responsive > li > ul li.mzr-align-left > ul,
    .mzr-responsive > li.mzr-align-right > ul {
        left: -1px;
    }

    .mzr-responsive > li > ul a {
        margin-left: 10px;
        margin-right: 10px; 
    }

    .mzr-responsive > li > ul li.mzr-drop > a,
    .mzr-responsive > li > ul li.mzr-align-left.mzr-drop > a { background: url(https://assets.creatingyourspace.com/media/images/arrow-down.png) no-repeat 100% center; }

}

@media only screen and (max-width: 767px) {

    .mzr-responsive > li,
    .mzr-responsive > li.mzr-align-right { width: 49.5%; }

}

@media only screen and (max-width: 479px) {
  dcspg-catalog1-item img {
    max-width: 100px;
    max-height: 100px;
}
    .home-btn {
    display: none;
}
    
    .topsep hr {
    width: 338px;
    margin-top: -2px !images;
    float: right;
}
    
    .middletagheader {
    margin-top: 0px;
    text-align: center;
}
    .pnumber {
    display: none;
}

    .mzr-responsive > li,
    .mzr-responsive > li.mzr-align-right {
        display: block;
        width: 100%;
    }

    .mzr-responsive .one-col,
    .mzr-responsive .two-col,
    .mzr-responsive .three-col,
    .mzr-responsive .four-col,
    .mzr-responsive .five-col,
    .mzr-responsive .six-col {
        width: 95.5%;
        margin: 2%;
    }

}


/*******************************************************************************
                            FLEXY MENU
*******************************************************************************/
.flexy-menu {
    width: 100%;
    margin:0;
    padding: 0;
    position:relative;
    float:left;
    font-family: 'Work Sans', sans-serif;
    list-style: none;
    margin-bottom: 10px;
    background: #444444;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#333333));
    background: -webkit-linear-gradient(top, #444444 0%,#333333 100%);
    background: -o-linear-gradient(top, #444444 0%,#333333 100%);
    background: -ms-linear-gradient(top, #444444 0%,#333333 100%);
    background: linear-gradient(to bottom, #444444 0%,#333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 );
}
.flexy-menu li {
    display:inline-block;
    font-size:13px;
    margin:0;
    padding:0;
    float:left;
    line-height: 20px;
    position:relative;
}
.flexy-menu > li > a {
    padding:20px 22px;
    color:#ccc;
    text-decoration:none;
    display:block;
    text-transform:uppercase;
    -webkit-transition:color 0.2s linear, background 0.2s linear;   
    -moz-transition:color 0.2s linear, background 0.2s linear;  
    -o-transition:color 0.2s linear, background 0.2s linear;    
    transition:color 0.2s linear, background 0.2s linear;   
}
.flexy-menu li:hover > a,
.flexy-menu li.active a {
    background: #888888;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #888888 0%, #666666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#666666));
    background: -webkit-linear-gradient(top, #888888 0%,#666666 100%);
    background: -o-linear-gradient(top, #888888 0%,#666666 100%);
    background: -ms-linear-gradient(top, #888888 0%,#666666 100%);
    background: linear-gradient(to bottom, #888888 0%,#666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#666666',GradientType=0 );
    color: #fff;
}



/*----------------------------
    Right alignment (item)
----------------------------*/
.flexy-menu li.right{
    float: right; 
}

/*-----------------------------
    Drop down configuration
-----------------------------*/
.flexy-menu ul, 
.flexy-menu ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;  
    display: none;
    position: absolute;
    z-index: 99999;
    width: 132px;
    background: #333;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.flexy-menu ul {
    top: 60px;
    left: 0;
}
.flexy-menu ul li ul {
    top: 0;
    left: 100%;
}
.flexy-menu ul li {
    clear:both;
    width:100%;
    border: none;
    font-size:12px;
}
.flexy-menu ul li a {
    padding:10px 20px;
    width:100%;
    color:#dedede;
    font-size:13px;
    text-decoration:none;
    display:inline-block;
    float:left;
    clear:both;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    -webkit-transition:color 0.2s linear, background 0.2s linear;   
    -moz-transition:color 0.2s linear, background 0.2s linear;  
    -o-transition:color 0.2s linear, background 0.2s linear;    
    transition:color 0.2s linear, background 0.2s linear;   
}

/*-----------------------------
    Drop down indicators
-----------------------------*/
.flexy-menu > li .indicator{
    position: absolute;
    color: #dedede;
    top: 20px;
    right: 8px;
    font-size: 17px;
}
.flexy-menu ul > li .indicator{
    top: 10px;
    right: 8px;
}

/*------------------
    Preset sizes
------------------*/
.thin > li > a{
    padding: 10px 22px;
}
.thin ul{
    top: 40px;
}
.thin > li .indicator{
    top: 10px;
}

.thick > li > a{
    padding: 40px 22px;
}
.thick ul{
    top: 100px;
}
.thick > li .indicator{
    top: 40px;
}

/*-------------------------
    Icons configuration
-------------------------*/
.flexy-menu i{
    line-height: 20px !important;
    margin-right: 6px;
    font-size: 18px;
    float: left;
}

/*------------------------------------
    Collapsible menu configuration
------------------------------------*/
.flexy-menu > li.showhide{
    display: none;
    width: 100%;
    height: 50px;
    cursor: pointer;
    color:#dedede;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    background: #444444;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#333333));
    background: -webkit-linear-gradient(top, #444444 0%,#333333 100%);
    background: -o-linear-gradient(top, #444444 0%,#333333 100%);
    background: -ms-linear-gradient(top, #444444 0%,#333333 100%);
    background: linear-gradient(to bottom, #444444 0%,#333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 );
}
.flexy-menu > li.showhide span.title{
    margin: 16px 0 0 25px;
    float: left;
}
.flexy-menu > li.showhide span.icon{
    margin: 17px 20px;
    float: right;
}
.flexy-menu > li.showhide .icon em{
    margin-bottom: 3px;
    display: block;
    width: 20px;
    height: 2px;
    background: #ccc;
}

/*-----------------
    Light Theme
-----------------*/
.light,
.light > li.showhide{ 
    background: #f5f5f5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f5f5f5 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#eaeaea 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#eaeaea 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eaeaea',GradientType=0 ); 
}
.light{ border: solid 1px #dfdfdf; }
.light a{ color: #555 !important; }
.light li:hover > a,
.light li.active a { color: #fff !important; }
.light ul, .light ul li ul { background: #eaeaea; }
.light > li.showhide{ color: #555 !important;}
.light > li.showhide .icon em{ background: #555; }
.light li .indicator{ color: #555; }
.light li:hover > .indicator{ color: #fff; }

/*------------
    Colors
------------*/
.blue li:hover > a, 
.blue li.active a { 
    background: #02b8fa;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyYjhmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjkzYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #02b8fa 0%, #0293c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02b8fa), color-stop(100%,#0293c8));
    background: -webkit-linear-gradient(top, #02b8fa 0%,#0293c8 100%);
    background: -o-linear-gradient(top, #02b8fa 0%,#0293c8 100%);
    background: -ms-linear-gradient(top, #02b8fa 0%,#0293c8 100%);
    background: linear-gradient(to bottom, #02b8fa 0%,#0293c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02b8fa', endColorstr='#0293c8',GradientType=0 ); 
    color: #fff!important; 
}

.green li:hover > a, 
.green li.active a { 
    background: #88c425;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YzQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDllMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #88c425 0%, #6d9e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88c425), color-stop(100%,#6d9e1e));
    background: -webkit-linear-gradient(top, #88c425 0%,#6d9e1e 100%);
    background: -o-linear-gradient(top, #88c425 0%,#6d9e1e 100%);
    background: -ms-linear-gradient(top, #88c425 0%,#6d9e1e 100%);
    background: linear-gradient(to bottom, #88c425 0%,#6d9e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c425', endColorstr='#6d9e1e',GradientType=0 ); 
    color: #fff!important;
}

.sitecolor li:hover > a, 
.sitecolor li.active a { 
    background: #3b4752; 
    color: #fff!important; 
}

.red li:hover > a
{ 
    background: #cf0404;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzAzMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #cf0404 0%, #a70303 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#a70303));
    background: -webkit-linear-gradient(top, #cf0404 0%,#a70303 100%);
    background: -o-linear-gradient(top, #cf0404 0%,#a70303 100%);
    background: -ms-linear-gradient(top, #cf0404 0%,#a70303 100%);
    background: linear-gradient(to bottom, #cf0404 0%,#a70303 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#a70303',GradientType=0 ); 
    color: #fff!important; 
}

.red li.active a { 
    background: #cf0404;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzAzMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #cf0404 0%, #a70303 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#a70303));
    background: -webkit-linear-gradient(top, #cf0404 0%,#a70303 100%);
    background: -o-linear-gradient(top, #cf0404 0%,#a70303 100%);
    background: -ms-linear-gradient(top, #cf0404 0%,#a70303 100%);
    background: linear-gradient(to bottom, #cf0404 0%,#a70303 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#a70303',GradientType=0 ); 
    color: #fff!important; 
}



.orange li:hover > a, 
.orange li.active a { 
    background: #ff670f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjcwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODRmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ff670f 0%, #d84f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff670f), color-stop(100%,#d84f00));
    background: -webkit-linear-gradient(top, #ff670f 0%,#d84f00 100%);
    background: -o-linear-gradient(top, #ff670f 0%,#d84f00 100%);
    background: -ms-linear-gradient(top, #ff670f 0%,#d84f00 100%);
    background: linear-gradient(to bottom, #ff670f 0%,#d84f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#d84f00',GradientType=0 ); 
    color: #fff!important; 
}

.yellow li:hover > a, 
.yellow li.active a { 
    background: #febf01;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYjk5MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #febf01 0%, #cb9901 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf01), color-stop(100%,#cb9901));
    background: -webkit-linear-gradient(top, #febf01 0%,#cb9901 100%);
    background: -o-linear-gradient(top, #febf01 0%,#cb9901 100%);
    background: -ms-linear-gradient(top, #febf01 0%,#cb9901 100%);
    background: linear-gradient(to bottom, #febf01 0%,#cb9901 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#cb9901',GradientType=0 ); 
    color: #444!important; 
}
.yellow li .indicator{ color: #dedede; }
.yellow li:hover > .indicator{ color: #444; }
.yellow.light li .indicator{ color: #555; }

.purple li:hover > a, 
.purple li.active a { 
    background: #a737fa;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3MzdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YTA2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a737fa 0%, #8a06ee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a737fa), color-stop(100%,#8a06ee));
    background: -webkit-linear-gradient(top, #a737fa 0%,#8a06ee 100%);
    background: -o-linear-gradient(top, #a737fa 0%,#8a06ee 100%);
    background: -ms-linear-gradient(top, #a737fa 0%,#8a06ee 100%);
    background: linear-gradient(to bottom, #a737fa 0%,#8a06ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a737fa', endColorstr='#8a06ee',GradientType=0 ); 
    color: #fff!important; 
}

.pink li:hover > a, 
.pink li.active a { 
    background: #f82b4c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4MmI0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzA3MmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f82b4c 0%, #e3072c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f82b4c), color-stop(100%,#e3072c));
    background: -webkit-linear-gradient(top, #f82b4c 0%,#e3072c 100%);
    background: -o-linear-gradient(top, #f82b4c 0%,#e3072c 100%);
    background: -ms-linear-gradient(top, #f82b4c 0%,#e3072c 100%);
    background: linear-gradient(to bottom, #f82b4c 0%,#e3072c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f82b4c', endColorstr='#e3072c',GradientType=0 ); 
    color: #fff!important; 
}


/*******************************************************************************
                            Vertical configuration
*******************************************************************************/
.flexy-menu.vertical{
    width: 100%;
}
.flexy-menu.vertical li{
    width: 100%;
}
.flexy-menu.vertical li a{
    display: inline-block !important;
    width: 100%;
    padding:18px 20px 16px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
}
.flexy-menu.vertical ul li{
    width: 100%;
}

/*--------------------------------
    Drop down on vertical menu
--------------------------------*/
.flexy-menu.vertical ul, 
.flexy-menu.vertical ul li ul {
    width: 150px;
}
.flexy-menu.vertical ul {
    top: 0;
    left: 100%;
}
.flexy-menu.vertical ul li ul {
    top: 0px;
}

/*---------------------------------
    Vertical menu on right side 
---------------------------------*/
.flexy-menu.vertical.right{
    float: right !important;
}
.flexy-menu.vertical.right ul{
    left: -150px !important;
}

/*------------------------------
    Indicator on vertical menu 
------------------------------*/
.flexy-menu.vertical > li .indicator{
    top: 17px;
    right: 15px;
    font-size: 17px;
}
.flexy-menu.vertical ul > li .indicator{
    top: 18px;
    right: 15px;
}


/*****************************************************************************
                            Responsive design
*****************************************************************************/
@media only screen and (max-width: 768px) {
    .flexy-menu.vertical{
        width: 100%;
    }
    .flexy-menu li{
        display: block;
        width: 100%;    
        box-sizing:border-box;
        -moz-box-sizing:border-box; 
        -webkit-box-sizing:border-box; 
    }
    .flexy-menu > li > a{
        padding-top:15px;
        padding-bottom:15px;
        padding-left: 25px;
    }
    .flexy-menu a{
        width: 100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box; 
        -webkit-box-sizing:border-box; 
    }
    .flexy-menu ul, 
    .flexy-menu ul li ul,
    .flexy-menu.vertical ul, 
    .flexy-menu.vertical ul li ul{
        width: 100%;
        left: 0;
        border-left: none;
        position: static;
        box-sizing:border-box;
        -moz-box-sizing:border-box; 
        -webkit-box-sizing:border-box; 
    }
    .flexy-menu ul li {
        border-left: none;
        border-right: none;
    }
    .flexy-menu ul li a,
    .flexy-menu.vertical ul li a    {
        padding-top:10px;
        padding-bottom:10px;
    }
    .flexy-menu ul > li > a{
        padding-left: 40px !important;
    }
    .flexy-menu > li .indicator{
        top: 15px;
        right: 25px;
        font-size: 17px;
    }
    .flexy-menu ul > li .indicator{
        right: 24px;
    }
    .flexy-menu.vertical ul > li .indicator{
        top: 10px;
        right: 15px;
    }
    .flexy-menu > li > ul > li > a{ padding-left: 40px !important; }
    .flexy-menu > li > ul > li > ul > li > a{ padding-left: 60px !important; }
    .flexy-menu > li > ul > li > ul > li > ul > li > a{ padding-left: 80px !important; }
}


/* Mobile Top Menu */
 .sidr {
     display:none;
     position:absolute;
     position:fixed;
     top:0;
     height:100%;
     z-index:999999;
     width:260px;
     overflow-x:none;
     overflow-y:auto;
     font-size:15px;
     background:#203163;
     color:#fff;
    /*-webkit-box-shadow:inset 0 0 5px 5px #222;
     -moz-box-shadow:inset 0 0 5px 5px #222;
     box-shadow:inset 0 0 5px 5px #222*/
}
 .sidr .sidr-inner {
     padding:0 0 15px 
}
 .sidr .sidr-inner>p {
     margin-left:15px;
     margin-right:15px 
}
 .sidr.right {
     left:auto;
     right:-260px 
}
 .sidr.left {
     left:-260px;
     right:auto 
}
 .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
     font-size:11px;
     font-weight:normal;
     padding:0 15px;
     margin:0 0 5px;
     color:#fff;
     line-height:24px;
     background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
     background-image:-webkit-linear-gradient(#4d4d4d, #1a1a1a);
     background-image:-moz-linear-gradient(#4d4d4d, #1a1a1a);
     background-image:-o-linear-gradient(#4d4d4d, #1a1a1a);
     background-image:linear-gradient(#4d4d4d, #1a1a1a);
     -webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
     -moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
     box-shadow:0 5px 5px 3px rgba(0,0,0,0.2) 
}
 .sidr p {
     font-size:13px;
     margin:0 0 12px 
}
 .sidr p a {
     color:rgba(255,255,255,0.9) 
}
 .sidr>p {
     margin-left:15px;
     margin-right:15px 
}
 .sidr ul {
     display:block;
     margin:0 0 15px;
     padding:0;
     border-top:0px solid #1a1a1a;
     border-bottom:0px solid #4d4d4d 
}
 .sidr ul li {
     display:block;
     margin:0;
     line-height:48px;
     border-top:0px solid #4d4d4d;
     border-bottom:1px solid #ffffff; 
}
 .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
     border-top:none;
     line-height:49px 
}
 .sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
    /*-webkit-box-shadow:inset 0 0 15px 3px #222;
     -moz-box-shadow:inset 0 0 15px 3px #222;
     box-shadow:inset 0 0 15px 3px #222*/
}
 .sidr ul li a, .sidr ul li span {
     padding:0 15px;
     display:block;
     text-decoration:none;
     color:#fff 
}
 .sidr ul li ul {
     border-bottom:none;
     margin:0 
}
 .sidr ul li ul li {
     line-height:40px;
     font-size:13px 
}
 .sidr ul li ul li:last-child {
     border-bottom:none 
}
 .sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
     border-top:none;
     line-height:41px 
}
 .sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {
     -webkit-box-shadow:inset 0 0 15px 3px #222;
     -moz-box-shadow:inset 0 0 15px 3px #222;
     box-shadow:inset 0 0 15px 3px #222 
}
 .sidr ul li ul li a, .sidr ul li ul li span {
     color:rgba(255,255,255,0.8);
     padding-left:30px 
}
 .sidr form {
     margin:0 15px 
}
 .sidr label {
     font-size:13px 
}
 .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select {
     width:100%;
     font-size:13px;
     padding:5px;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
     margin:0 0 10px;
     -webkit-border-radius:2px;
     -moz-border-radius:2px;
     -ms-border-radius:2px;
     -o-border-radius:2px;
     border-radius:2px;
     border:none;
     background:rgba(0,0,0,0.1);
     color:rgba(255,255,255,0.6);
     display:block;
     clear:both 
}
 .sidr input[type=checkbox] {
     width:auto;
     display:inline;
     clear:none 
}
 .sidr input[type=button], .sidr input[type=submit] {
     color:#333;
     background:#fff 
}
 .sidr input[type=button]:hover, .sidr input[type=submit]:hover {
     background:rgba(255,255,255,0.9) 
}
 #mobile-header {
     display: none;
}
 @media only screen and (max-width: 767px){
     #mobile-header {
         display: block;
    }
}
/* line 292, ../sass/app.scss */
 #mobile-header {
     display: none;
     height: 48px;
     background: #203163;
     text-align: left;
	 padding-left:10px;
     line-height: 48px;
}
/* line 299, ../sass/app.scss */
 #mobile-header #responsive-menu-button {
     margin-left: 5px;
     color: #fff;
     background:transparent;
    /* padding: 10px 10px 8px;*/
     font-family: 'Open Sans', sans-serif;
     font-size: 18px;
     text-transform:uppercase;
     text-decoration: none;
}
/* Mobile */
 @media only screen and (max-width: 767px) {
    /* line 314, ../sass/app.scss */
     #navigation {
         display: none;
    }
    /* line 317, ../sass/app.scss */
     #mobile-header {
         display: block;
         position: fixed;
         width: 100%;
         top: 0;
         z-index: 200;
    }
}

.mobilelinks
{display:none;
}
.mobiletopmenu
{display:none;
}


/*****************************************************************************
                            Website Template Responsive design
*****************************************************************************/

@media only screen and (max-width: 1300px) {
  .We_Bring_The_Showroom {
    font-size: 23px;
}
span.to_you {
    font-size: 38px;
}



}
@media only screen and (max-width: 1279px) {
    .topbannernav 
    { font-size:80%;}
    .header-search-reg
    { font-size:80%;}
    .cpbtn {
    font-size: 1.1em;
    }
    .meganizr > li > a {
    padding: 3px 18px 0 18px;
    }
    body {
    width: 100%;
	}
}
@media only screen and (max-width: 1175px) {
  .We_Bring_The_Showroom {
    font-size: 20px;
}

    .meganizr > li > a {
    padding: 3px 12px 0 12px;
    }
    
}
@media only screen and (max-width: 1100px) {
  .We_Bring_The_Showroom {
    font-size: 18px;
}

    .meganizr > li > a {
    padding: 3px 12px 0 12px;
    }
    
}

 @media only screen and (max-width: 767px) {
	 
	 .centered-lower {
    width: 75%;
    top: 50%;
}

.slide-styles {
    font-size: 14px;
}
     
     .tophiddenMenu {
    z-index: 100;
    visibility:hidden;
    
     }
      .parallax1 {
    background-image: url(images/parallax1.jpg);
    min-height: 200px;
   /* background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 3%;
margin-bottom: 3%;
}
     .parallax2 {
    background-image: url(images/parallax2.jpg);
    min-height: 200px;
    /* background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 3%;
    margin-bottom: 3%;
    display: none;
}
.parallax3 {
    background-image: url(images/parallax3.jpg);
    min-height: 200px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 3%;
margin-bottom: 3%;
}


     
     .desktoponly
{display:none;
}

     .bannernavbtn-container {
    float: none;
     }
     .topbannernav {
    text-align: center;
    /* line-height:50px; */
  }
.transparentheader {
    position: relative;
    z-index: 0;
height:225px;
}
.topsep{width: 338px;/* margin-top: -28px; */float: right;}

.menucontainer {
    margin-right: 0px;
}
.bannernavbtn-container {
    clear: both;
    float: left;
    text-align: center;
    display: block;
    margin: 3% 0;
    border: none;
    margin-left: 40px;
}
     .mobiletopmenu
   {display: block; 
    margin-top:50px;
    }    
    
    .mobilelinks
    {
    display: block;   
    }
    h1 {
        font-size: 20px;

    }
    
 
     .logo1 {
   
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}
.fixedmenubtn {
    top: 10px;
}
    .logo1 img {
}
     .contact .formleft {
    width: 100%;
     }
     .contact .dcspg-formfield-city {
    width: 225px;
     }
     .contact .dcspg-formfield-state {
    width: 225px;
     }
     contact .dcspg-formfield-zip {
    width: 50px;
     }
     
.topbannernav
{
    
/* margin: 0 !IMPORTANT; */
    
line-height: normal;
}

         .mapright
{
    display:none;
}
     
     #topofpage
{
    display: block;   
}
.header-search-reg {
    float: none;
    text-align: center;
}

.dcspg-searchform {
    margin-left: auto;
    margin-right: auto;
    float: none;
 }
 .meganizr
 {
    display:none;
}
#reg
{
        text-align: center;
        margin-bottom: 0;
}

#workbooklink
{
        text-align: center;
}
.addresscontainer {
    text-align: center;
}
 .smicons {
    float: none;
}

.dcspg-leftnav {
    width: 100%;
    margin-right: 0px;
}
#newsletter {
    display: none;
}

.dcspg-body {
    width: 96%;
    padding: 2%;
}
 }
