#html{padding: 0; margin-left: 0 !important;}

#page{width: 100%; max-width: 100%; min-height: 500px; margin: 0 auto; background: #FFFFFF;}

#page-header {width: 100%; max-width: 100%; background-color: #290A72;}
#HeaderLogo {float: left; width: 62%;}
#HeaderNavText {float: left; width: 38%; padding: 20px 20px 0px 20px; box-sizing: border-box;}
#HeaderNavText-Phone h3 {/*font-family: 'PT Serif', serif;*/ font-size: 28px; line-height: 30px; padding-top: 10px; text-align: right; color: #FFFFFF;}
#HeaderNavText-Phone h4 {/*font-family: 'PT Serif', serif;*/ font-size: 22px; line-height: 25px; text-align: right; color: #FFFFFF;}
#HeaderNavText-Phone a, #HeaderNavText-Phone a:hover  {color: #FFFFFF !important;}

#butterfly {display: none; position: absolute; width: auto;}
#butterfly img {width: auto;}

#areasSortMenu, #dropDownMenu {width: 100%;}
#areasSortMenu ul, #dropDownMenu ul {display: table; width: 100%; padding: 0px; margin: 0px;}
#dropDownMenu ul, #dropDownMenu ul li {float: left; display: block; overflow: show;}

#areasSortMenu ul li, #dropDownMenu ul li {display: table-cell; overflow: hidden; vertical-align: middle; padding: 0px; margin: 0px; box-sizing: border-box; list-style: none; width: 25%;}
#areasSortMenu ul li {width: 8.333333333333333333333333333333333333%;}
#areasSortMenu ul li a, #dropDownMenu ul li a {float: left; width: 100%; padding: 110px 10px; margin: -100px 0px; box-sizing: border-box; text-align: center; color: #FFFFFF; background-color: #13023B;}
#dropDownMenu ul li:nth-of-type(2), #dropDownMenu ul li:nth-of-type(3) {cursor: pointer; float: left; width: 25%; padding: 15px 10px; margin: 0px; box-sizing: border-box; text-align: center; color: #FFFFFF; background-color: #13023B;}
#areasSortMenu ul li a:hover, #dropDownMenu ul li a:hover {color: #FFFFFF !important; background-color: #4F3096;}

#areasSortMenu ul li a {background-color: #1D0553;}

#dropDownMenu ul li:hover {background-color: #6549A6 !important;}
#dropDownMenu ul li a {padding: 15px 10px; margin: 0px 0px;}
#dropDownMenu ul li ul {position: absolute; margin-top: 15px; margin-left: -10px; display: none; width: 25%; box-sizing: border-box;}
#dropDownMenu ul li ul li, #dropDownMenu ul li ul li:nth-of-type(2), #dropDownMenu ul li ul li:nth-of-type(3) {width: 100%; padding: 0px;}
#dropDownMenu ul li ul li a {padding: 10px; box-sizing: border-box;}
#dropDownMenu ul li ul li a, #dropDownMenu ul li:first-of-type a {background-color: #6549A6 !important;}
#dropDownMenu ul li ul li a:hover, #dropDownMenu ul li:first-of-type:hover a {background-color: #8971C1 !important;}
#HeaderNav #dropDownMenu ul li:hover ul {display: block;}
.arrowText, .smallArrow {display: inline;}
.smallArrow {height: 22px; font-size: 14px; line-height: 22px; padding-left: 5px; box-sizing: border-box; vertical-align: top;}

#HeaderNav-Desktop #dropDownMenu ul li ul {display: block !important;}
#categoriesShow, #areasShow {display: none;}

#mobile-nav-controls {float: left; display: none; width: 20%; min-height: 75px; background-color: #361289;}

#menu-square{position:relative; display: inline-block;}
#menu-square input{display: none;}
#menu-square label {position:relative; display: block; width: 80px; height: 80px; background: #290a72; border-radius: 5px; cursor: pointer; transition: 0.6s ease-out; border:5px solid #4E29A2;}
#menu-square label:before{content: ""; position: absolute; top: 20%; left: 20%; display: block; width: 60%; height: 40%; transition: 0.6s ease-out; border-top: 8px solid #FFFFFF; border-bottom: 8px solid #FFFFFF;}
#menu-square label:after{content: ""; position: absolute; top: 45%; left: 20%; display: block; width: 60%; transition: 0.6s ease-out; border-top: 8px solid #FFFFFF;}
#menu-square input[type=checkbox]:checked ~ label{background: #6444AD;}
#menu-square input[type=checkbox]:checked ~ label::before{background: #FFFFFF; top: 45%; left: 25%; width:50%; height: 0px; border-top:4px solid #FFFFFF; border-bottom:4px solid #FFFFFF; transition: 0.6s ease-in; -webkit-transform: rotate(405deg); transform: rotate(405deg);}
#menu-square input[type=checkbox]:checked ~ label::after{left: 25%; width:50%; transition: 0.6s ease-in; border-top:8px solid #FFFFFF; -webkit-transform: rotate(-405deg); transform: rotate(-405deg);}

#areas-dropdown {width: 100%;}
#areas-dropdown ul {list-style: none; width: 100%; padding: 0px; margin: 0px;}
#areas-dropdown ul.nav { display: none; position: absolute; margin-top: 42px;}
#areas-dropdown ul.toggle {float: left; cursor: pointer; width: 100%; padding: 10px; color: #FFFFFF; background-color: #361289; box-sizing: border-box;}
#areas-dropdown ul.toggle:hover + ul.nav {display: block;}
#areas-dropdown ul li {float: left; width: 100%; padding: 0px; margin: 0px; text-align: center;}
#areas-dropdown ul li a {float: left; width: 100%; padding: 10px; color: #FFFFFF; background-color: #13023B; box-sizing: border-box;}
#areas-dropdown ul li a:hover {color: #FFFFFF !important; background-color: #4F3096;}

/*
#HeaderNav-container-outer {width: 100%; background-color: #13023B; transition: visibility 0s, opacity 0.5s linear;}
#HeaderNav, #HeaderNav-Desktop {clear: both;}
#HeaderNav ul, #HeaderNav-Desktop ul {display: table; width: 100%; padding: 0px; margin: 0px;}
#HeaderNav ul li, #HeaderNav-Desktop ul li {display: table-cell; float: left; width: 20%; margin: 0px; padding: 0px; list-style: none; }
#HeaderNav ul li:nth-of-type(6), #HeaderNav-Desktop ul li:nth-of-type(6) {clear: both;}
#HeaderNav ul li a, #HeaderNav-Desktop ul li a {float: left; width: 100%; padding: 10px; box-sizing: border-box; text-align: center; color: #FFFFFF; background-color: #13023B; text-transform: uppercase; font-family: 'Roboto', sans-serif;}
#HeaderNav ul li a:hover, #HeaderNav-Desktop ul li a:hover {color: #FFFFFF !important; background-color: #4F3096;}
#HeaderNav .nav-selected, #HeaderNav .nav-path-selected, #HeaderNav-Desktop .nav-selected, #HeaderNav-Desktop .nav-path-selected {background-color: #4F3096 !important;}
#HeaderNav ul li:nth-of-type(1) a, #HeaderNav ul li:nth-of-type(6) a {background-color: #6549A6 !important;}
#HeaderNav ul li:nth-of-type(1) a:hover, #HeaderNav ul li:nth-of-type(6) a:hover, #HeaderNav ul li:nth-of-type(1) a.nav-path-selected:hover, #HeaderNav ul li:nth-of-type(6) a.nav-path-selected:hover, #HeaderNav ul li:nth-of-type(1) a.nav-path-selected, #HeaderNav ul li:nth-of-type(6) a.nav-path-selected {background-color: #8971C1 !important;}
*/
#HeaderNav-Desktop {display: none;}

#page-body {min-height: 500px; background-color: #FFFDEF; background-image: url('/themes/sba_theme/images/butterfly-background-3.png'); background-position: right bottom; background-repeat: no-repeat;}
#page-body:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#page-body-main, #page-body-main-contact {float: left; width: 100%; padding: 20px; box-sizing: border-box;}
#page-body-test {float: left; width: 100%; padding: 0px; box-sizing: border-box;}
#page-body-main strong {line-height: 40px}
#page-body-main .ccm-spacer + strong:after {content: ":";}
#page-body-main strong + br {display: none;}
.ccm-core-commerce-product-property-list h2 {padding-top: 0px; padding-bottom: 0px;}
.ccm-core-commerce-product-property-list h2:before {content: ""; display: block; height: 1px; width: 100%; margin: 10px 0px; box-sizing: border-box; background: #290A72;}
.product-list-search-field:first-of-type {padding-left: 10px;}
.product-list-search-field  {padding-left: 3px;}
.product-list-sort-header, .product-list-sort-select {display: none;}
.ccm-search-option-type-select select {padding: 1px; width: 212px;}
/*#product-list-core-commerce-product-search-field-set39 {display: block !important;}*/
.product-list-search-field-base {display: none;}
.ccm-search-option-type-select label {margin-right: 10px;}
#product-list-core-commerce-product-search-field-set37 td:first-of-type:after, #product-list-core-commerce-product-search-field-set39 td:first-of-type:after {content:":"; margin-left: -4px; margin-right: 4px;}
#product-list-core-commerce-product-search-field-set37 td:first-of-type, #product-list-core-commerce-product-search-field-set39 td:first-of-type {padding-right: 0px !important;}

.numbers {padding: 2px;}

#page-body-main input[type="button" i], #page-body-main input[type="submit" i], #page-body-main input[type="file" i] {padding: 10px 20px; margin-top: 10px; background-color: #6444AD; border: 3px solid #280B6A; color: #FFFFFF; cursor: pointer; }
#page-body-main input[type="file" i] {width: 314px; box-sizing: border-box; background-color: #8265C4; border: 3px solid #6444AD;}
#page-body-main input[type="text" i] {vertical-align: top;}

#page-body-main-apply {display: none;}

#page-body-main-contact hr {display: none;}

.formBlockSurveyCell.question {width: 200px;}
.formBlockSurveyCell input[type=text], .formBlockSurveyCell textarea {padding: 5px;}
.formBlockSurveyCell textarea {width: 302px;}

#Social-Media-outer {width: 100%;}
#Social-Media {float: right; width: 100px; padding-bottom: 10px; box-sizing: border-box; text-align: right;}
#Social-Media img {width: 60px; height: auto; border-radius: 10px;}

#footer {width: 100%; max-width: 100%; min-height: 200px; background-color: #290A72;}
#footer-column {float: left; width: 30%; padding: 20px; box-sizing: border-box;}
#footer-column:nth-of-type(2) {text-align: right; width: 70%;}
#footer-column ul {padding: 0px 0px 0px 20px; margin: 0px;}
#footer-column ul li {padding-bottom: 10px; color: #FFFFFF;}
#footer-column ul li a {color: #FFFFFF;}

#copyright, #copyright a {color: #FFFFFF;}
#copyright a:hover {color: #B19EDC !important;}

.span5 {display: none !important;}
.row .span5 {display:block !important;}
/*.span5.ccm-input-text {display: block;}*/

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*
.control-label {/*display: none;}
#price_from, #price_to {display: none;}
#price_from + label, #price_to + label, #keywords + label {display: none;}
.ccm-input-select {display: block;}
.product-list-search-field {display: block !important;}
.product-list-search-field-base , .product-list-search-field:nth-of-type(2) .product-list-search-field:nth-of-type(3), .product-list-search-field:nth-of-type(4), .product-list-search-field:nth-of-type(6) {display: none !important;}
.search-container strong, #numResults {display: none !important;}*/