@import url("../fonts/fonts.css");
/* 
Layout 
*/
body {
    font-size: 13px;
    font-family: "proxima_nova_rgregular";
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

th {
    border-bottom: none;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h5, .h5 {
    font-size: 14px;
}
p {
    margin: 0 0 10px;
}
/* 
Layout 
*/
@media (min-width: 1200px) {
    .container {
        width: 1030px;
    }
}

/* 
Layout 
*/
.col-left {
    width: 13%;
    float: left;
}

.col-main.with-sidebar {
    width: 85.5%;
    float: right;
    margin-left: 1.5%;
}

.col-main.with-sidebar.specify {
    width: 81.9%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.col-main.with-sidebars {
    width: 72.5%;
    float: left;
}

.col-right {
    width: 17.5%;
    float: right;
}

.col-top-left {
    width: 100%;
    /*float: left;
    */;
}

.col-top-right {
    width: 100%;
    float: right;
}

.clearfix {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

header {
    margin-top: 75px;
    color: #9E9E9D;
    font-family: "proxima_nova_rgregular";
}

header a {
    color: #9E9E9D;
    text-decoration: none;
}
/*
 * Header brand menu
 */
.header-border .brand-menu {
    width:   100%;
    margin-top: -50px;
    margin-left: 200px;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.header-border .brand-menu li{
    display: inline-block;
    margin: 0 11px;
}
.header-border .brand-menu.brand-menu-moved {
    margin-left: 160px;
    width: 100%;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.header-border .brand-menu li:first-child {
    margin: 0 11px 0 -25px;
}
/**Search styling*
*/
a.spec-header {
    width: 110px;
    height: 65px;
    display: inline-block;
    background-image: url(../images/spec-head.jpg);
}
.shrink a.spec-header {
  width: 86px;
  height: 57px;
  background-image: url(../images/spec-head-collapsed.jpg);
  margin-left: 10px;
}
.search-header {
    width: 270px;
    float: right;
}

.col-5-min {
    max-width: 20%;
}

.logo {
    margin-bottom: 50px;
}

/**cart styling *
*/

.cart-header .my_selection a {
    color: #20CDDA;
}

.cart-header .my_selection a:hover {
    color: #6E6E6E;
}

.cart-header ul li {
    /*float: left;
    display: block;
    font-weight: normal;
    line-height: 12px;
    font-family: "proxima_nova_rgbold";
    padding: 0 6px;
    border-left: 1px solid #9E9E9D;
    */
    float: left;
    display: block;
    padding: 0 6px;
    border-left: 1px solid #9E9E9D;
    font-family: "proxima_nova_rgbold";
}

/* 
My selection 
*/
.my_selection a {
    font-family: "proxima_nova_rgbold";
}

.cart-header ul li:first-child {
    border: 0;
}

.cart-header a:hover, .cart-header a:focus {
    color: #20CDDA;
    text-decoration: none;
}

/**Search styling*
*/
.search-header {
    margin: 19px 0 6px 25px;
    display: block;
    position: relative;
    float: left;
}
.header-right .facebook {
    float: right;
    position: relative;
    top: 19px;
    margin-left: 15px;
}
.header-right .facebook li {
    float: left;
    padding: 0 3px;
}
.header-right .first-country-item {
    border-left: 1px solid rgba(184,184,184,0.5);
}

.search-header .form-control {
    color: #6e6e6e;
    height: 28px;
    width: 270px;
    font-family: "proxima_novasemibold";
    letter-spacing: 1px;
    border-radius: 0;
    border-color: #f0f0f0;
    box-shadow: none;
    font-size: 13px;
    text-transfrom: uppercase;
}
.detail-product .form-control{
    clear:both;
}
/* 
Forms 
*/
.form-control {
    border: 1px solid #EDEDED;
    line-height: 16px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    position: relative;
    font-family: "proxima_nova_rgregular";
    color: #6e6e6e;
    background: #ffffff;
    /*background: -webkit-linear-gradient(top,#ffffff, #ffffff);
    */;
}

/*menu styling
*/
.navbar-default {
    background: none !important;
    border: 0;
    -moz-box-shadow: 0 0 0 #FFF;
    -webkit-box-shadow: 0 0 0 #FFF;
    box-shadow: 0 0 0 #FFF;
}

/* 
Filter Bar Layout 
*/

.navbar-collapse {
    padding: 0;
}

.navbar-collapse ul li {
    display: block;
    margin: 0 5px;
}

.navbar-collapse ul li:first-child {
    margin-left: 0;
}

.navbar-collapse ul li:last-child {
    margin-right: 0;
}

.navbar-collapse ul li a {
    text-align: left;
    width: 130px;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 8px solid #9E9E9D;
}

.navbar-collapse ul li a:hover {
    color: #FFF !important;
    background: #20CDDA !important;
    padding: 10px 10px;
    border-bottom: 8px solid #20CDDA;
}

/* 
Menus Subpages 
*/
.menu-rollover ul li {
    background: #EDEDED;
    margin: 5px 0;
    width: 100%;
    height: 4.5%;
    text-align: center;
    display: block;
    float: left;
}

.menu-rollover ul li.special {
    height: 10%;
}

.menu-rollover ul li a {
    color: #9E9E9D;
    text-transform: uppercase;
    padding: 1.29em 1em;
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-family: "proxima_nova_rgbold";
    letter-spacing: 1.4px;
}

.menu-rollover ul li a:hover, .menu-rollover ul li a:focus {
    background: #20CDDA;
    color: #FFF;
    text-decoration: none;
}


.menu-rollover ul li:first-child {
    margin-top: 0;
}

.menu-rollover ul li.last {
    margin-bottom: 0;
    max-height: 57px;
    height: 100px;
}
.frontpage .menu-rollover ul li.last {
    margin-bottom: 0;
    max-height: 100px;
    height: 100px;
    text-indent: -9999px;
}

.frontpage .menu-rollover ul li.last a {
    height: 100px;
    background-image: url(../images/spec-left.jpg);
    
}

.specify-content .menu-rollover ul li.last a {
    height: 57px;
}

.menu-rollover ul li a :hover {
    background: #6E6E6E;
}

.menu-rollover ul li:last-child a:hover {
    background-image: url(../images/spec-left-over.jpg); 

}

.menu-rollover ul li:last-child a {
    color: #6E6E6E;
}

.menu-rollover ul.specify-menu li {
    background: #4b4b4b;
    margin-bottom: 5px;
    height: 100px;
}
.specify-content .menu-rollover ul li.last {
    background: #4b4b4b;
}
.specify-content .menu-rollover ul li:last-child {
    margin-bottom: 10px;
}
.specify-content .menu-rollover ul li:hover {
    background: #4b4b4b;
}
.specify-content .menu-rollover ul li a {
    display: table-cell;
    vertical-align: middle;
    color: #EBEC00;
    background: #4b4b4b;
    height: 57px;
    width: 17.5%;
}
.specify-content .menu-rollover ul li a:hover
{
    background: #6E6E6E;
    color: #20CDDA;
}

.navbar {
    margin-bottom: 0;
}

.navbar-static {
    margin-bottom: 20px;
}

.sticky-wrapper {
    z-index: 99;
}

.navbar-inner {
    z-index: 990;
    margin-top: 10px;
}

/* Newsletter Widget */
.newsletter {
    background-color: #20cdda;
    padding: 12px;
    color: #575757;
    font-size: 14px;
    min-height: 211px;
}
.newsletter p {
    margin-bottom: 5px;
}
.newsletter .copy {
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
.newsletter .field {
    margin-bottom: 10px;
}
.newsletter .field input {
    border: 1px solid #ebea3e;    
    margin: 0;
    width: 100%;
    padding: 5px;
}
.newsletter .field input::-webkit-input-placeholder {
    color: #20cdda;
}
.newsletter .field input:-moz-placeholder { /* Firefox 18- */
   color: #20cdda;  
}

.newsletter .field input::-moz-placeholder {  /* Firefox 19+ */
   color: #20cdda;  
}

.newsletter .field input:-ms-input-placeholder {  
   color: #20cdda;  
}

.newsletter .submit button {
    border: none;
    background-image: url(../images/email-icon.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    margin: 0;
    padding: 5px 0 5px 20px;
    width: 100%;
    border-radius: 5px;
    background-color: rgb(131, 131, 131);
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 13px;
}
.newsletter .error-msg {
    font-size: 11px;
    padding-top: 2px;
    color: red;
    font-style: italic;
}
.newsletter .be-inspired {
    margin-bottom: 5px;
}
input.error, select.error, textarea.error {
    border: 2px solid red;
}
#newsletter-form {
    margin-bottom: 6px;
}
.newsletter .privacy {
    font-size: 10px;
    text-align: center;
    color: #fff;
}
.newsletter .privacy a {
    color: #ebea3e;
}
.newsletter .leader {
    font-size: 16px;
    font-family: 'brownregular', Verdana, Arial;

}

/* 
slider Maina page 
*/

.flexslider {
    position: relative;
}

.flex-control-paging {
    position: absolute;
    bottom: 15px;
    right: 9px;
}

.flex-control-paging li {
    display: block;
    float: left;
}

.flex-control-paging li a {
    font-size: 0;
    background: url(../images/nav-slide.png) top right no-repeat;
    width: 9px;
    height: 8px;
    display: block;
    margin: 0;
}

.flex-control-paging li a.flex-active {
    background: url(../images/nav-slide.png) top left no-repeat;
}

.flex-direction-nav a {
    top: 60%;
}

.flex-direction-nav .flex-next {
    background: url(../images/nav-next.png) 0 0 no-repeat;
    width: 26px;
    font-size: 0;
}

.flex-direction-nav .flex-prev {
    background: url(../images/nav-next.png) -30px 0 no-repeat;
    width: 26px;
    font-size: 0;
}

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before {
    content: none;
}

.image-detail-product .flex-control-paging li a {
    font-size: 0;
    background: url(../images/nav-slide3.png) top right no-repeat;
    width: 9px;
    height: 9px;
    display: block;
    margin: 0;
}

.image-detail-product .flex-control-paging li a.flex-active {
    background: url(../images/nav-slide3.png) top left no-repeat;
}

.section {
    opacity: 0;
    margin-top: 15px;
    position: relative;
}
/* 
Button Style 
*/
.btn {
    border: 0;
    background: none;
    -moz-box-shadow: 0 #000;
    -webkit-box-shadow: 0 #000;
    box-shadow: 0 #000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    text-shadow: none;
    height: 25px;
}

.btn-001 {
    background: #6E6E6E;
    color: #FFF;
    font-size: 10px;
    height: 25px;
    /* 
        width: 110px;
     
    */;
}

.btn-001:hover, .btn-001:focus {
    background: #FFFFFF;
    color: #6E6E6E;
}

.button-block1 {
    position: absolute;
    bottom: 40px;
    left: 40px;
}

.btn-002 {
    background: #E77C00;
    color: #FFF;
    font-size: 10px;
    width: 110px;
}

.btn-002:hover {
    background: #FFF;
    color: #E77C00;
}

.button-block2 {
    position: absolute;
    bottom: 50px;
    left: 145px;
}

.btn-default {
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 13px;
    display: inline-block;
}

.btn-003 {
    background: #000;
    color: #FFF;
    font-size: 10px;
    width: 110px;
}

.btn-003:hover {
    background: #FFF;
    color: #000;
}

.button-block3 {
    position: absolute;
    bottom: 50px;
    right: 25px;
}

.btn-004 {
    background: #7BBCDA;
    color: #FFF;
    font-size: 10px;
    width: 110px;
}

.btn-004:hover {
    background: #FFF;
    color: #20CDDA;
}

.button-block4 {
    position: absolute;
    bottom: 100px;
    right: 20px;
}

.btn-005 {
    background: #6E6E6E;
    color: #FFF;
    font-size: 10px;
    width: 86px;
}

.btn-006 {
    background: #9E9E9D;
    color: #FFF;
    font-size: 10px;
    width: 86px;
}

.btn-007 {
    background: #20cdda;
    color: #FFF;
    font-size: 10px;
    width: 110px;
    white-space: normal;
}

.btn-007:hover {
    background: #20cdda;
    color: #000;
}

.btn-008 {
    background: #6E6E6E;
    color: #FFF;
    font-size: 10px;
    padding: 5px 20px;
    margin: 0 30px;
}

.btn-008:hover {
    background: #20cdda;
    color: #FFF;
}

.btn-009 {
    background: #20cdda;
    color: #FFF;
    font-size: 10px;
    height: 30px;
    font-family: 'proxima_nova_rgbold';
    width: 130px;
    padding: 3px 10px;
    margin: 5px;
    white-space: normal;
}

.btn-009:hover {
    background: #9e9e9d;
    color: #FFF;
}

.btn-0010 {
    background: #6E6E6E;
    color: #FFF;
    margin: 5px;
    font-family: 'proxima_nova_rgbold';
    width: 130px;
    font-size: 10px;
    white-space: normal;
}

.btn-0010:hover {
    background: #9e9e9d;
    color: #FFF;
}

.btn-011 {
    background: #6E6E6E;
    color: #FFF;
    font-size: 10px;
    font-family: 'proxima_nova_rgbold';
    height: 25px;
    padding: 1px 15px;
    display: inline-block;
    line-height: 25px;
    margin: 5px 0;
    white-space: normal;
}

.btn-011:hover {
    background: #20cdda;
    color: #FFF;
}

.btn-search {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
    border: 0;
    text-indent: -99999px;
    width: 17px;
    height: 17px;
    background: url(../images/search-btn.png) top right no-repeat;
}
/* 
Footer 
*/
footer {
    margin: 60px 0;
    font-family: 'proxima_novasemibold';
    padding: 10px 0;
    font-size: 11px;
    color: #9e9e9d;
    border-top: 1px solid #9e9e9d;
}

.region-footer-right {
    text-align: right;
}

.region-footer-right ul {
    float: right;
}

.region-footer-right ul li {
    margin: 0 5px 0 0;
    border-left: 1px solid #EDEDED;
    padding-left: 10px;
}

.region-footer-right ul li a {
    padding: 0 10px;
    color: #9e9e9d;
    font-family: 'proxima_novasemibold';
    font-size: 11px;
}

.region-footer-right ul li a:hover, .region-footer-right ul li a:focus {
    color: #20CDDA;
    text-decoration: none;
}

.region-footer-right ul li:first-child {
    border: 0;
}

/* 
sponsor 
*/

.sponsor {
    margin: 20px 0;
}

.sponsor ul li {
    /* 
width: 12.5%; 
    */
    text-align: left;
    height: 50px;
    margin-right: 20px;
    display: table-cell;
    vertical-align: middle;
    float: left;
    line-height: 50px;
}

.sponsor ul li a {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}

/*.sponsor img {
    opacity: 0.4;
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
}

.sponsor img:hover {
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
}
*/

.sponsor img {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    /*filter: alpha(opacity=30);
    */
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
        );
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.sponsor img:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    /*filter: alpha(opacity=75);
    */
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
        );
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/* 
Footer Right 
*/
.region-footer-right ul li {
    display: block;
    float: left;
}

.region-footer-right ul li:last-child {
    margin-right: 0;
}

.region-footer-right ul li:last-child a {
    padding-right: 0;
}

.sidebar-adv-search {
    float: left;
    width: 26%;
}

/* 
Adv Search 
*/
.main-adv-search {
    float: right;
    width: 72%;
}

/* 
BreadCrumb 
*/
.breadcrumb {
    background: none;
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: 2px solid #9E9E9D;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 9px;
    font-size: 13px;
    color: #20CDDA;
    white-space: nowrap;
}

.breadcrumb ul li {
    /*float: left;
    */
    padding:0 15px 0 20px;
    background: url(../images/breadcrumb.png) 0 5px no-repeat;
    display: inline-block;
    background-position: left 8px;
}

.breadcrumb ul li:first-child {
    padding-left: 0;
    background: none;
}

.breadcrumb ul li a {
    color: #9E9E9D;
    letter-spacing: 1.3px;
    font-size: 13px;
	line-height:22px;
    font-family: "proxima_novasemibold";
    text-transform: uppercase;
}

/* 
Left bar Range Categories 
*/

.sidebar-adv-search h3 {
    font-size: 23px;
    color: #20CDDA;
    text-align: center;
    margin-top: 10px;
}

/*Search page
*/
.search-result {
    border-bottom: 1px solid #9E9E9D;
    font-size: 13px;
    padding-bottom: 10px;
    margin: 50px 0 10px;
    width: 33%;
    float: left;
}

.search-result-page {
    border-bottom: 1px solid #9E9E9D;
    font-size: 13px;
    padding-bottom: 10px;
    margin: 10px 0 10px;
}

/* 
Scroll 
*/
p.jump-to {
    float: right;
    color: #20cdda;
    position: absolute;
    top: 5px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.jump-to a {
    color: #c8c8c8;
    font-weight: normal;
    text-transform: none;
    padding: 0 5px;
    border-right: 1px solid #c8c8c8;
}

.jump-to a:last-of-type {
    border-right: none;
}

.col-4 {
    width: 22.91%;
    float: left;
    margin: 7.5px;
}

/* 
Defaul Product 
*/

.images-product {
    border-top: 4px solid #035576;
    background: #035576;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.new-alert{
    position: absolute;
    top: 0;
    right: 0;
}

/* 
Defaul Product Images
*/

.images-product a {
    overflow: hidden;
    /*height: 160px;
    */
    display: block;
    z-index: 1;
}

.images-product img {
    width: 100%;
}

/* 
Line Branding Defaul Product 
*/
.images-product.brand-1 {
    border-top: 4px solid #035576;
    background: #035576;
}

.images-product.brand-15 {
    border-top: 4px solid #e87d00;
    background: #e87d00;
}

.images-product.brand-22 {
    border-top: 4px solid #aa1722;
    background: #aa1722;
}

.images-product.brand-28 {
    border-top: 4px solid #0091cc;
    background: #0091cc;
}

.images-product.brand-29 {
    border-top: 4px solid #7CBDDA;
    background: #7CBDDA;
}

.images-product.brand-2 {
    border-top: 4px solid #000000;
    background: #000000;
}

.images-product.brand-4 {
    border-top: 4px solid #009c31;
    background: #009c31;
}
.images-product.brand-3 {
    border-top: 4px solid #eac244;
    background: #eac244;
}


.product-name {
    margin: 10px 0 15px;
    color: #6E6E6E;
    max-height: 120px;
    font-family: 'proxima_novasemibold';
    overflow: hidden;
    letter-spacing: 1px;
    font-size: 12px;
}

/* 
Compare Section 
*/
.main-search .btn-compare {
    margin: 5px 0 0;
}

.btn-compare {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-family: 'proxima_nova_rgbold';
    min-height: 20px;
    letter-spacing: 0.8px;
    padding-left: 28px;
    color: #6e6e6e;
    background: url(../images/yellow.png) 0 0 no-repeat;
}

.compare-link a {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    min-height: 20px;
    letter-spacing: 0.8px;
    padding-left: 28px;
    color: #6e6e6e;
    background: url(../images/yellow.png) 0 0 no-repeat;
}

/* 
Compare Selection 
*/
.btn-selection {
    display: inline-block;
    font-size: 12px;
    padding-left: 28px;
    color: #6e6e6e;
    font-family: 'proxima_nova_rgbold';
    line-height: 20px;
    margin: 5px 0 0;
    letter-spacing: 1.1px;
    background: url(../images/blue.png) 0 0 no-repeat;
}

.price {
    font-family: "proxima_nova_rgbold";
    font-size: 12px;
    letter-spacing: 1px;
}

/* 
Products 
*/
.orange-product .images-product {
    border-top: 3px solid #e77c00;
    background: #e77c00;
}

.orange-product .new-product {
    background: #e77c00;
}

.black-product .images-product {
    border-top: 3px solid #000;
    background: #000;
}

.black-product .new-product {
    background: #000;
}

.blue-product .images-product {
    border-top: 3px solid #7cbcd9;
    text-align: center;
    background: #7cbcd9;
}

.blue-product .new-product {
    background: #7cbcd9;
}

/* 
Comparison Page 
*/
.custom_compare {
    border: 3px solid #ebea3e;
}

.custom_compare .title-compare {
    background: #ebea3e;
    padding: 10px;
    font-weight: bold;
}

.main-compare {
    padding: 10px 5px;
    letter-spacing: 0.5px;
    font-size: 12px;
    color: #6E6E6E;
    font-family: "proxima_nova_rgbold";
}

.custom-box-search {
    padding-bottom: 4px;
}

/* 
Help Content 
*/

.help-content {
    display: none;
    position: absolute;
    background-color: #20cdda;
    color: #fff;
    margin-top: -50px;
    padding: 10px 20px 10px 10px;
    -moz-box-shadow: 0 3px 3px #9e9e9d;
    -webkit-box-shadow: 0 3px 3px #9e9e9d;
    box-shadow: 0 3px 3px #9e9e9d;
    z-index: 11;
}

.help {
    position: relative;
    z-index: 12;
}

.help:hover {
    cursor: pointer;
}

/* 
Tootltip Section and title 
*/
a.tooltip-product {
    color: #6a6a6a;
}

a.tooltip-product:hover {
    color: #20cdda;
}

.title-custom-search {
    font-size: 12px;
    font-family: 'proxima_nova_rgbold';
    /*color: #6e6e6e;
    */
    text-transform: uppercase;
    /*border-bottom: 3px solid #6e6e6e;
    */
    padding-bottom: 5px;
    letter-spacing: 1px;
    color: #FFF;
    background: #20cdda;
    padding: 8px 10px;
    position: relative;
}

.title-4 {
    width: 23.17%;
    margin: 0 7.5px;
    float: left;
}

.title-4:first-child {
    margin-left: 0;
}

.title-4:last-child {
    margin-right: 0;
}

.search-title {
    border-bottom: 1px solid #9e9e9d;
    padding-bottom: 10px;
    margin: 0 0 20px;
}

/* 
Product Section 
*/

.product-section:hover img {
    /*opacity: 0.5;
    */
    cursor: pointer;
}

.product-section {
    overflow: hidden;
    margin: 0 7.5px 20px;
    position: relative;
}

.product-section .btn-compare:hover, .compare-link a:hover, .product-section .btn-compare:focus, .compare-link a:focus {
    background: url(../images/gray.png) 0 0 no-repeat;
}

.brand-section {
    overflow: hidden;
    margin: 0 7.5px 20px;
    position: relative;
}

.btn-selection:hover, .btn-selection:focus {
    background: url(../images/gray.png) 0 0 no-repeat;
}

a.btn-selection:hover {
    color: #20cdda;
}

.new-product {
    display: none;
    color: #FFF;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    background: #035576;
    font-size: 12px;
}

.product-section:hover .new-product {
    display: block;
    width: 100%;
}
#adv-search-form .select-options {
    z-index: 13;
}
.select-options li:last-child {
    border: 0;
}

.category-widget h3 {
    font-size: 12px;
    color: #20CDDA;
    border-top: 2px solid #20CDDA;
    letter-spacing: 1px;
    padding: 10px 0 2px;
    margin-top: 0;
    font-family: "proxima_nova_rgbold";
}

.category-widget ul li a {
    display: block;
    background: url(../images/adv-search-bulb.png) 0 0 no-repeat;
    padding-left: 15px;
    font-family: "proxima_novasemibold";
    line-height: 12px;
    font-size: 12px;
    color: #6E6E6E;
}

.category-widget ul li {
    display: block;
    font-family: "proxima_novasemibold";
    line-height: 12px;
    margin: 9px 0;
    font-size: 12px;
    color: #6E6E6E;
}

.category-widget ul li a {
    color: #6E6E6E;
    letter-spacing: 0.5px;
    font-family: "proxima_novasemibold";
    font-size: 12px;
}

.category-widget ul li a:hover, .category-widget ul li a:focus {
    color: #9E9E9D;
}

.category-widget ul li.active > a {
    color: #20CDDA;
}

.category-widget ul li.active a {
    background: url(../images/adv-search-bulb-hover.png) 0 0 no-repeat;
}

.category-widget ul li a:hover, .category-widget ul li a:focus {
    background: url(../images/adv-search-bulb-hvr.png) 0 0 no-repeat;
    color: #9E9E9D;
    cursor: pointer;
}
/* 
Category Widget Level 2 
*/
.category-widget ul ul {
    display: none;
}

.category-widget ul li.active ul {
    display: block;
}

.category-widget ul ul li a,
.category-widget ul ul li a:hover,
.category-widget ul li.active ul a {
    background: none;
}

/* 
Page content 
*/
#page-content h2 {
    font-size: 14px;
    color: #6E6E6E;
    border-bottom: 1px solid #6E6E6E;
    padding-bottom: 10px;
    margin: 0 0 15px;
}

#page-content {
    color: #6E6E6E;
    font-size: 16px;
    min-height: 10px;
    margin-bottom: 30px;
    margin-top: 0;
    letter-spacing: 0.5px;
    font-family: "proxima_nova_rgregular";
}

#page-content-product {
    color: #6E6E6E;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: "proxima_nova_rgregular";
}
#page-content-product.brand-introduction {
    position: absolute;
    color: #fff;
    font-size: 15px;
    top: 60px;
    left: 170px;
    width: 270px;
}


.no-title {
    margin-top: 30px;
}

.form-item {
    margin-top: 0;
}

/* 
Main Product 
*/
.webform-component .main-product {
    margin-top: 0;
}

.main-product {
    margin-top: 38px;
    position: relative;
}

/* 
Main Content Default pages in general 
*/
.main-content {
    float: left;
    width: 83%;
}
.main-content .new-products .brand-header
{
    padding-bottom: 9px;
}
.main-content .new-products .brand-header .brand-header-line
{
    border-color: black;
    margin-bottom: 0px;
    margin-top: 17px;
}

.col-right-inside {
    float: right;
    width: 15.2%;
}

/* 
Widget Comparision
*/
.widget-right {
    margin-bottom: 15px;
}

.product-row {
    margin: 0 -7.5px;
}

.block-product {
    width: 24.93%;
    float: left;
}

.block-brand {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
    float: left;
}

/* 
* Advanced menu
*/
.adv-menu {
    position: relative;
    padding-bottom: 10px;
}

/* 
* Banner Product
*/
#banner-product {
    position: relative;
    min-height: 225px;
    margin-bottom: 25px;
}

.button-banner-product {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.button-banner-product .btn-001:hover {
    background: #20cdda;
    color: #FFF;
}

.btn-compare:hover {
    background: url(../images/gray.png) top left no-repeat;
    color: #6E6E6E;
}

/* 
* Comparision Widget
*/
.widget-right .compare .title-compare {
    background: none repeat scroll 0 0 #EBEA3E;
    height: 25px;
    padding: 3px 10px;
    font-size: 12px;
    color: #6E6E6E;
}

.widget-right .compare {
    font-size: 12px;
    color: #6E6E6E;
}

.widget-right .compare {
    border: 3px solid #ebea3e;
}

.widget-right .compare .title-compare {
    background: #ebea3e;
    letter-spacing: 1.5px;
    padding: 4px 10px 4px 5px;
    font-family: "proxima_nova_rgbold";
}

.last {
    border: 0;
}

/* 
* Product
*/
.product-name h3 {
    font-size: 14px;
    color: #20CDDA;
}

.product-name ul {
    margin-bottom: 25px;
}

.product-name ul li a {
    color: #6E6E6E;
    font-size: 12px;
}

.product-name ul li a:hover, .product-name ul li a.active {
    color: #20CDDA;
}

.images-product-block {
    background: #20CDDA;
    overflow: hidden;
}

/* 
* Range Product
*/

h3.range-title {
    margin: 14px 0 5px;
    /*line-height: 14px;
*/
    font-size: 14px;
    letter-spacing: 1.3px;
    height: 20px;
}

h3.range-title a {
    color: #6e6e6e;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "proxima_nova_rgbold";
}

/* 
* Detail Product
*/
.image-detail-product {
    float: left;
    width: 49.1%;
}

.content-detail-product {
    float: right;
    width: 49%;
}

#product-image-thumbs ul li {
    margin: 10px 0;
    padding: 0 7px;
    max-width: 66px;
}

.image-detail-product .flex-control-nav {
    position: absolute;
    z-index: 99;
    bottom: 15px;
    right: 9px;
    width: auto;
    display: inline-block;
}

.content-detail-product h1 {
    font-size: 23px;
    color: #20cad7;
    margin-top: 0;
    letter-spacing: 2px;
    font-family: 'proxima_nova_rgbold';
    text-transform: uppercase;
}

.sosmed a {
    display: block;
    float: left;
    margin-right: 3px;
}

.sosmed_mut a {
    display: inline-block;
    float: none;
}

.stock {
    float: right;
    font-size: 13px;
    text-align: right;
    color: #6E6E6E;
    line-height: 25px;
}

.product-info {
    line-height: 22px;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    color: #6e6e6e;
    padding: 15px 0;
    border-bottom: 1px solid #9E9E9D;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.product-info ul li {
    background: url(../images/li-content.png) 0 10px no-repeat;
    padding-left: 15px;
}

.content-detail-product h3 {
    font-size: 12px;
    color: #20cdda;
    margin-top: 0;
    letter-spacing: 1.5px;
    font-family: 'proxima_nova_rgbold';
}

.product-code table {
    width: 100%;
}

.code-title {
    width: 25%;
    white-space: nowrap;
}

.code-desc {
    width: 50%;
}

.code-price {
    width: 17%;
    text-align: right;
    white-space: nowrap;
}
.code-btn .show-compare{
    height: 20px;
    width: 20px;
    display: block;
    background: url(../images/btn-plus.png) no-repeat;
    float: right;
}
.show-compare.minus{
    background: url(../images/btn-minus.png) no-repeat;
}
.child-compare{
    position: absolute;
    border: 1px solid #9E9E9D;
    display: none;
}
.child-compare ul{
    padding-bottom: 5px;
    padding-left: 24%;
}
.child-compare li{
    display: inline-block;
    padding-right: 10px;
}
.child-compare .btn-compare,
.child-compare .btn-selection,
.child-compare .btn-remove,
.child-compare .cart-status .btn-remove{
    font-size: 11px;
}

.product-code {
    font-size: 12px;
    color: #6E6E6E;
    line-height: 18px;
    border-bottom: 1px solid #9E9E9D;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.technical-download {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.block-video {
    width: 31%;
    float: left;
    margin: 0 7px;
    height: 152px;
}

.block-video .title {
    display: block;
    color: #6E6E6E;
    font-size: 12px;
    margin: 10px 0;
}

.block-video a {
    display: block;
    background: #20CDDA;
}

.block-video a img {
    width: 100%;
}

.block-video a:hover img {
    opacity: 0.5;
}

.link-block ul li {
    margin: 5px 0;
}

.link-block ul li a {
    color: #6E6E6E;
    font-size: 12px;
    padding-left: 30px;
    line-height: 20px;
}

/* 
* Compare Section
*/

.compare_link {
    background: url(../images/yellow.png) 0 0 no-repeat;
}

.add_selection {
    background: url(../images/blue.png) 0 0 no-repeat;
}

.stockist {
    background: url(../images/stockist.png) 2px 0 no-repeat;
    padding: 4px 25px;
    display: block;
    text-transform: uppercase;
    margin: 5px 0;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'proxima_nova_rgbold';
}

.link-block .btn-selection {
    margin: 0;
}

/* 
* Similar Section in Product detail
*/
.similar-product {
    float: left;
    width: 49.1%;
}

.similar-product .block-product-footer {
    margin: 0 14px 0 0;
}
/* 
Overwride the default of flexslider style for content sections
*/
.similar-product .flex-direction-nav .flex-next,
.similar-product .flex-direction-nav .flex-prev {
    top: 80px;
}

.similar-product.full {
    width: 100%;
    float: none;
}

.similar-product.full .block-product-footer {
    width: 14.89%;
    margin: 0 9px 20px;
    min-width: 150px;
}

.viewed-product {
    float: right;
    width: 49.1%;
}

.product-bottom h3 {
    background: #ebea3e;
    color: #6e6e6e;
    font-size: 12px;
    padding: 3px 10px;
    line-height: 20px;
    margin-bottom: 15px;
    font-family: 'proxima_nova_rgbold';
    letter-spacing: 1.5px;
}

.block-product-footer {
    width: 31.0%;
    margin: 0 7px;
    float: left;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

/* 
* Facebook
*/

.pop {
    position: relative;
    height: 33px;
    display: inline-block;
    cursor: pointer;
}

.popup {
    opacity: 0;
    visibility: hidden;
    display: none ! important/9;
    position: absolute;
    top: 40px;
    left: -43px;
    -moz-box-shadow: 1px 0 8px #c3c3c3;
    -webkit-box-shadow: 1px 0 8px #c3c3c3;
    box-shadow: 1px 0 8px #c3c3c3;
    padding: 10px;
    border: 1px solid #c3c3c3;
    background: #FFF;
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    -ms-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
}

.pop:hover .popup,
.pop_hover .popup {
    visibility: visible;
    z-index: 99;
    opacity: 1;
}

/*.pop { overflow:hidden; }
*/
.pop:hover,
.pop_hover {
    overflow: visible;
}

/*.pop iframe {display: block ! important/9;}
*/

.ico-fb {
    display: inline-block;
    float: left;
    margin-right: 5px;
    color: #6e6e6e;
}

.dest {
    width: 210px;
    color: #6e6e6e;
    font-size: 10px;
    line-height: 20px;
}

/* 
* Slider Arrows 
*/

.arrow-top {
    position: absolute;
    top: -15px;
    left: 45px;
    z-index: 9;
}

.icon-3d {
    background-image: url(../images/icon-download.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.icon-3d:hover {
    background-image: url(../images/icon-download.png);
    background-position: 0 -33px;
    background-repeat: no-repeat;
}

.icon-cad {
    background-image: url(../images/icon-download.png);
    background-position: -40px 0;
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.icon-cad:hover {
    background-image: url(../images/icon-download.png);
    background-position: -40px -33px;
    background-repeat: no-repeat;
}

.icon-new {
    background-image: url(../images/icon-download.png);
    background-position: -79px 0;
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.icon-new:hover {
    background-image: url(../images/icon-download.png);
    background-position: -79px -33px;
    background-repeat: no-repeat;
}

.popup-download {
    width: 135px;
    top: 30px;
    margin-top: 10px;
}

.popup h3 {
    font-size: 12px;
    color: #6e6e6e;
    border-bottom: 1px solid #20cdda;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.popup p {
    font-size: 12px;
    color: #6e6e6e;
    margin-bottom: 0;
}

.popup a {
    color: #6e6e6e;
}

.arrow-top2 {
    position: absolute;
    top: -7px;
    left: 55px;
    z-index: 9;
}

#product-images {
    overflow: hidden;
}

.product-image-brand-1 {
    border-top: 3px solid #035576;
    overflow: hidden;
    display: inherit;
}

.product-image-brand-15 {
    border-top: 3px solid #e87d00;
    overflow: hidden;
    display: inherit;
}

.product-image-brand-22 {
    border-top: 3px solid #aa1722;
    overflow: hidden;
    display: inherit;
}

.product-image-brand-28 {
    border-top: 3px solid #0091cc;
    overflow: hidden;
    display: inherit;
}

.product-image-brand-27 {
    border-top: 3px solid #035576;
    overflow: hidden;
    display: inherit;
}

.product-image-brand-29 {
    border-top: 3px solid #7CBDDA;
    overflow: hidden;
    display: inherit;
}

.product-image-brand-2 {
    border-top: 3px solid #000000;
    overflow: hidden;
    display: inherit;
}

.product-image-brand-4 {
    border-top: 3px solid #009c31;
    overflow: hidden;
    display: inherit;
}

.product-image-brand-3 {
    border-top: 3px solid #eac244;
    overflow: hidden;
    display: inherit;
}

.img-responsive {
    width: 100%;
}

.product-name h3 {
    font-size: 14px;
    color: #20CDDA;
}

.product-name-landing {
    margin: 0;
    color: #6E6E6E;
    height: 130px;
    overflow: hidden;
    font-size: 12px;
}

.product-name-landing h3 {
    font-size: 14px;
    margin: 15px 0 11px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #20CDDA;
    line-height: 14px;
    font-family: "proxima_nova_rgbold";
}

.product-name-landing h3 a {
    font-size: 14px;
    color: #20CDDA;
}

.product-name-landing ul {
    margin-bottom: 25px;
}

.product-name-landing ul li a {
    color: #6E6E6E;
    line-height: 12px;
    font-size: 12px;
    font-family: "proxima_novasemibold";
    letter-spacing: 0.5px;
}

.product-name-landing ul li {
    line-height: 12px;
    margin: 0 0 2px 0;
}

.product-name-landing ul li a:hover, .product-name-landing ul li a:focus, .product-name-landing ul li a.active {
    color: #20CDDA;
}

.product-row {
    margin: 0 -7.5px;
}

#page-content h2 {
    font-size: 12px;
    font-family: 'proxima_novasemibold';
    color: #6E6E6E;
    border-bottom: 1px solid #6E6E6E;
    padding-bottom: 10px;
    margin: 0 0 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.product-section .product-name {
    max-height: 150px;
    overflow: hidden;
}

/* 
* Product Range Section left side
*/
.block-product-range {
    margin: 0 7.5px 20px;
    width: 22.93%;
    float: left;
    height: 300px;
    overflow: hidden;
}

.product-name a {
    margin: 10px 0 15px;
    color: #6E6E6E;
    height: 53px;
    overflow: hidden;
    font-size: 12px;
    display: inline-block;
}

/* 
* Mini Breadcrumb
*/
.breadcrumb ul li:last-child a {
    color: #20CDDA;
}

/* 
* Adv Search menu Section
*/
.advance-search {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    padding: 0;
    margin: 0;
}

.advance-search-new {
    padding: 20px 0;
    width: 275px;
}

.ex-row {
    margin: 0 -7.5px;
}

.main-product h2 {
    font-size: 23px;
    color: #20cad8;
    display: block;
    margin: 0 0 15px;
}

/* 
* Comparison Section 3
*/
/*added style for comparison design*/
.comparison {
    overflow: auto;
    position: relative;
    width: 77%;
    padding: 25px 0 0 0
}
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none; /* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
.mCSB_container { /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
} /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 13px;
    background: #d9d9d9;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 13px;
    margin: 0 auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(136, 136, 136, 1);
}
.image-comparison {
    overflow: hidden;
    position: relative;
}
/*added style end*/
.image-comparison {
    overflow: hidden;
    position: relative;
}

/* 
* Comparison products
*/
.main-products table tr td h3.title {
    line-height: 14px;
    margin: 10px 0 10px;
    height: 60px;
    overflow: hidden;
}

.main-products table tr td h3.title a {
    color: #20CDDA;
    font-size: 12px;
    font-family: 'proxima_nova_rgbold';
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.main-products table tr td {
    padding: 0 5px 5px;
}

.main-products table tr.highlight td {
    padding: 0 5px;
}

table {
    width: 100%;
}

.price-compare.blue-fonts {
    padding-left: 0;
}

.price-compare {
    padding: 9px 15px 9px 5px;    
    border-top: 1px solid #20cdda;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 12px;
    color: #6e6e6e;
    position: relative;
}

.blue-fonts {
    color: #20CDDA;
    font-family: 'proxima_nova_rgbold';
    font-size: 12px;
    padding-left: 0;
    text-transform: uppercase;
}

.main-products td {
    vertical-align: top;
    width: 142px !important;
    padding: 0 2px;
    color: #6e6e6e;
}

/* 
* Comparision products
*/
.button-compare {
    padding: 30px 0 0;
    text-align: center;
}

.button-compare .btn-selection {
    font-size: 12px;
    text-align: left;
    padding-right: 10px;
    line-height: 20px;
    background: url(../images/blue.png) 0 0 no-repeat;
}

.button-compare .btn-selection:hover {
    background: url(../images/gray.png) 0 0 no-repeat;
    color: #6e6e6e;
}

/* 
* Cart products
*/
.cart-status .btn-remove,
.in-cart {
    display: block;
    text-align: left;
    font-size: 12px;
    padding-left: 28px;
    color: #6e6e6e;
    letter-spacing: 0.8px;
    font-family: 'proxima_nova_rgbold';
    line-height: 20px;
    margin: 5px 0 0;
    text-transform: uppercase;
    background: url(../images/cart-selected.png) 0 0 no-repeat;
}

.cart-status .btn-remove:hover,
.in-cart:hover {
    color: #20cdda;
    background: url(../images/cart-selected.png) 0 0 no-repeat;
}

.btn-remove {
    display: block;
    text-align: left;
    font-size: 12px;
    padding-left: 28px;
    color: #6e6e6e;
    letter-spacing: 0.5px;
    font-family: 'proxima_nova_rgbold';
    line-height: 20px;
    margin: 5px 0 0;
    text-transform: uppercase;
    background: url(../images/btn-remove.png) 0 0 no-repeat;
}

.btn-remove:hover, .btn-update:hover {
    background: url(../images/btn-remove-over.png) 0 0 no-repeat;
    color: #6e6e6e;
}

/* 
* heighlight 
*/

.heighlight {
    background: #ededed;
}

.add-to-selection {
    text-align: left;
}

.button-compare .remove a {
    color: #6e6e6e;
    font-size: 12px;
    font-family: 'proxima_nova_rgbold';
}

/*
* Highlight Comparison
*/
.highlight.active {
    background: none !important;
}
.highlight.active {
    background-color: red;
}


.highlight.active td {
    background: #ededed !important;
}

.highlight.active td div.blue-fonts {
    background: none !important;
}

/*
* Range products
*/
.range-product-name {
    height: 30px;
    overflow: hidden;
}

.delete {
    background: url(../images/remove.png) 0 0 no-repeat;
    display: block;
    height: 9px;
    width: 9px;
    font-size: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
}

.delete:hover {
    background: url(../images/remove-hover.png) 0 0 no-repeat;
    display: block;
    height: 9px;
    width: 9px;
}

/*
* Img products
*/
.img-responsive {
    width: 100%;
}

.back-button {
    float: right;
    background: url(../images/back.png) 0 4px no-repeat;
    padding-left: 20px;
}

.back-button a {
    color: #9e9e9d;
}

/*
* Products Details
*/
.main-product h2 {
    font-size: 23px;
    color: #20cad8;
    display: block;
    font-family: 'proxima_nova_rgbold';
    margin: 0 20px 15px 0;
    letter-spacing: 2px;
}
/*
* Compare section
*/
.button-compare {
    padding: 30px 0 0;
    text-align: center;
}

.button-compare .btn-selection {
    font-size: 12px;
    text-align: left;
    padding-right: 10px;
    line-height: 20px;
    background: url(../images/blue.png) 0 0 no-repeat;
}

.button-compare .btn-selection:hover {
    background: url(../images/gray.png) 0 0 no-repeat;
    color: #6e6e6e;
}

.button-compare .btn-remove {
    display: block;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #6e6e6e;
    line-height: 20px;
    margin: 5px 0 0;
}

.heighlight {
    background: #ededed;
}

.delete:hover {
    background: url(../images/remove-hover.png) 0 0 no-repeat;
    display: block;
    height: 9px;
    width: 9px;
}

/*
* My Selction section 
*/
.select-title{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6e6e6e 
}
.shortlist-result{
    width: 100%;
    float: left;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #6e6e6e 
}
.image-selection {
    width: 68px;
    padding-right: 10px !Important;
    position: relative;
    float: left;
}
.shortlist-result .image-selection .new-alert{
    right: 0;
    top: 0
}
.image-selection .new-alert {
    top: 7px;
    right: 21px;
}
.image-selection .new-alert img {
    width: auto;
}
.item-selection {
    width: 200px;
}
.select-title .item-selection{
    width: 398px;
    float: left;
}
.select-title .qty-selection, .select-title .code-selection, .select-title .rrp-selection, .select-title .update-selection{
    width: 150px;
    float: left;
}
.shortlist-result .no-weight, .shortlist-result .qty-selection, .shortlist-result .rrp-selection, .shortlist-result .update-selection{
    width: 150px
}
.main-selection {
    font-size: 13px;
    color: #6e6e6e;
}

.main-selection table {
    width: 100%;
}

.item-selection, .code-selection, .qty-selection, .update-selection, .rrp-selection {
    font-size: 12px;
    color: #6E6E6E;
    font-family: 'proxima_nova_rgbold';
    letter-spacing: 1.5px;
}

.detail-selection {
    width: 310px;
    vertical-align: top;
    font-size: 14px;
    margin-left: 5px;
    color: #20cdda;
    float: left;
}

.detail-selection p {
    margin: 0;
}

.code-selection {
    width: 122px;
    vertical-align: middle !important;
}

.qty-selection {
    width: 118px;
    vertical-align: middle !important;
    float: left;
}

.qty-selection input {
    width: 70px;
    border: 2px solid #cdcdcd;
    padding: 2px 5px;
}

.update-selection {
    width: 122px;
    vertical-align: middle !important;
    float: left;
}
.bottom-button-block .rrp-selection, .bottom-button-block .update-selection.total{
    line-height: 28px
}
.bottom-button-block .update-selection.total{
    width: auto;
}

.rrp-selection {
    width: 110px;
    font-size: 13px;
    vertical-align: middle !important;
    float: left;
}

.btn-update {
    background: url(../images/btn-refresh.png) 0 0 no-repeat;
    padding-left: 28px;
    line-height: 25px;
    display: block;
    margin: 3px 0;
    font-family: 'proxima_nova_rgbold';
    color: #6E6E6E;
}

.main-selection tr td {
    vertical-align: middle;
    border-top: 1px solid #6E6E6E;
    padding: 7.5px 0;
}
.shortlist-result .detail-selection{
    margin:0 10px;
}
.detail-selection h3 {
    font-size: 12px;
    font-family: 'proxima_nova_rgbold';
    letter-spacing: 1.5px;
    color: #20cdda;
    margin: 0;
    text-transform: uppercase;
}

.image-selection img {
    width: 68px;
}
.bottom-button-block{
    width: 100%;
    float: left;
}
.bottom-button-block.final-btn{
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #6E6E6E;
}
.result-btm-top {
    display: block;
    float: right;
}
.bottom-button-block .final-selection{
    width: auto;
    float: right;
}
.total {
    text-align: right;
    padding-right: 15px !important;
}

.final-selection {
    text-align: right;
}

.btn-update:hover {
    background: url(../images/btn-refresh-hover.png) 0 0 no-repeat;
}

/*
* Gallery section 
*/
.banner-gallery {
    position: relative;
    margin-bottom: 8px;
}

/*
* Banner section in Gallery Section
*/
.title-banner {
    position: absolute;
    bottom: 16px;
    right: 150px;
    font-size: 38px;
    color: #FFF;
    text-align: right;
    line-height: 40px;
    margin-bottom: 16px;
}

.title-banner span {
    display: block;
}

.gallery-category {
    float: left;
    position: relative;
    margin: 8px;
    width: 48.3%;
    max-height: 260px;
    cursor: pointer;
}

.section-gallery-category {
    margin: 0 -8px;
}

.gallery-category:hover {
    opacity: 0.5;
}

.gallery-text {
    position: absolute;
    top: 0;
    z-index: 5;
    margin: 18px 20px;
    width: 260px;
    height: 224px;
}

.gallery-text a {
    color: #fff;
}

.gallery-text a:hover {
    color: #fff;
}

.gallery-text h4 {
    font-size: 29px;
}

.gallery-text h4 span {
    display: block;
}

.gallery-text p {
    font-size: 22px;
    position: absolute;
    bottom: 0;
}

.white {
    color: #FFF;
}

.blue-dark {
    color: #035576;
}

.gray {
    color: #6e6e6e;
}

.title-banner-inspiring {
    position: absolute;
    bottom: 30px;
    right: 47px;
    font-size: 38px;
    font-family: "proxima_nova_rgregular";
    color: #FFF;
    text-align: right;
    line-height: 40px;
    margin-bottom: 16px;
}

.title-banner-inspiring span {
    display: block;
    font-family: "proxima_nova_rgregular";
    font-style: italic;
}

.hightlight {
    background: #20cdda;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    font-family: "proxima_nova_rgregular";
    padding: 20px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 50px;
    margin: 20px 0;
    line-height: 16px;
}

.title-gallery {
    position: absolute;
    width: 100%;
    height: 282px;
    display: table;
    visibility: hidden;
}

.title-gallery p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    margin: 0 15px;
}

.section-images-gallery {
    margin: -7.5px;
}

.image-detail-gallery {
    float: left;
    width: 66.1%;
}

/*
* Content Gallery section 
*/
.content-detail-gallery {
    float: right;
    width: 32%;
    color: #6E6E6E;
    font-size: 12px;
}

.content-detail-gallery h1, .main-product h1, .content-detail-video h1 {
    font-size: 23px;
    color: #20CDDA;
    margin: 0 0 10px;
}

.gallery-info, .video-info {
    font-size: 14px;
    color: #6E6E6E;
    line-height: 18px;
    margin: 10px 0;
}

.gallery-details {
    border-top: 1px solid #a9a9a8;
    padding: 10px 0;
    color: #6E6E6E;
}

.gallery-details .title {
    color: #20cdda;
    margin-bottom: 5px;
    font-size: 12px;
}

#detail-gallery .flex-control-paging {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.similar-gallery {
    width: 100%;
}

.similar-gallery h3 {
    background: #ebea3e;
    margin: 0 0 20px;
    font-size: 12px;
    padding: 5px 10px;
    color: #6e6e6e;
}

.block-gallery-footer {
    width: 15.2%;
    float: left;
    margin: 7.5px;
}

.gallery-name {
    margin: 10px 0 15px;
    color: #6E6E6E;
    max-height: 120px;
    overflow: hidden;
    font-size: 12px;
}

.view-all {
    border-top: 1px solid #b6b6b6;
    padding: 10px 0;
    margin: 10px 0 10px;
}

.view-all a {
    background: url(../images/blue.png) 0 0 no-repeat;
    color: #6e6e6e;
    padding-left: 25px;
    line-height: 20px;
    font-size: 12px;
    display: block;
    margin-bottom: 30px;
}

.detail-gallery {
    margin-bottom: 55px;
}

/*
* Video section 
*/
.main-video h1 {
    color: #20CDDA;
    font-size: 23px;
    margin-bottom: 15px;
}

.main-video {
    font-size: 14px;
    color: #6E6E6E;
}

.content-video {
    margin: 38px 0 20px;
}

.filter-menu {
    width: 15.8%;
    float: left;
    margin: 0 5px;
}

.filter-search {
    border-bottom: 1px solid #9e9e9d;
    margin: 0 8px 22px;
    position: relative;
    padding-bottom: 22px;
}

.main-content-video {
    margin: 0 -7.5px;
}

.section-video {
    width: 31.3%;
    float: left;
    overflow: hidden;
    margin: 7.5px 10.2px;
    color: #6e6e6e;
    font-size: 12px;
    position: relative;
    height: 280px;
}

.section-photo {
    width: 18.45%;
    float: left;
    overflow: hidden;
    margin: 7.5px 7.5px;
    color: #6e6e6e;
    font-size: 12px;
    position: relative;
    height: 230px;
}

.video-box {
    background: #20CDDA;
}

.photo-box {
    background: #20CDDA;
}

.photo-box:hover img {
    opacity: 0.5;
    cursor: pointer;
}

.frame-video {
    background: url(../images/background-video.jpg);
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

.frame-video:hover {
    cursor: pointer;
    opacity: 0.5;
}

.play {
    display: block;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.play a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/play-video.png) no-repeat center center;
}

.play a img {
    margin: 0 auto;
    display: block;
    padding: 59px 0;
    background: none;
    width: initial !important;
}

.section-video h3, .section-photo h3 {
    font-size: 12px;
    color: #20cdda;
    margin: 15px 0 0;
    text-transform: uppercase;
}

.section-video h3 a, section-photo h3 a {
    color: #20cdda;
    letter-spacing: 1.5px;
}

.section-video p, .section-photo p {
    margin-bottom: 0;
}


.video-detail-product {
    width: 71.1%;
    float: left;
}

.content-detail-video {
    width: 27%;
    float: right;
}

.video-preview {
    height: 403px;
}
.video-poster img {
    width: 100%;
    height: auto;
}
.play-button {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.frame-video {
    width: 100%;
    top: 0;
    left: 0;
}

.title-thumb {
    font-size: 12px;
    color: #6e6e6e;
    margin: 10px 0;
    line-height: 14px;
}

#video-image-thumbs ul li {
    margin: 7.5px 5px;
    display: block;
}

.similiar-video {
    margin-top: 107px;
}

/*
* Stockist section 
*/
.main-stockist {
    color: #6e6e6e;
    float: left;
    width: 48%;
}

.map-stockist {
    float: right;
    width: 50%;
    height: 407px;
}
a.locate.external-map {
    display: none;
}
.form-stockist {
    margin-top: 45px;
}

.form-stockist td {
    padding: 5px;
}

.tab-stock1 {
    width: 150px;
}

/*
* Store locator section 
*/
.inp-maps {
    width: 200px;
}

/*
* Stockist Section Store Locator
*/
.form-stockist .select-holder {
    width: 100px;
}

.form-stockist .select-options li {
    padding: 0;
}

.result-stockist {
    margin: 37px 0 0;
    border-bottom: 1px solid #cecece;
    padding-bottom: 0;
    position: relative;
}

.result-stockist.marcnewson h1 {
    color: #e87d00;
}

.block-result h3, .block-result h3 {
    font-size: 12px;
    color: #6e6e6e;
    margin-bottom: 20px;
}

section.address {
    color: #6e6e6e;
    font-size: 12px;
    margin: 10px 20px 20px 0;
    float: left;
    height: 150px;
    width: 22.3%;
}

section.address h5, .section-result h5 {
    color: #20cdda;
    margin: 0 0 5px;
}

section.address h5.cmn_stockist {
    color: #E77C00;
}
.display-store {
    background: #20cdda none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 4px 10px;
    text-align: center;
    width: auto;
}
a.locate {
    background: url(../images/stockist.png) 0 0 no-repeat;
    padding-left: 25px;
    font-size: 12px;
    line-height: 25px;
    color: #6e6e6e;
    display: block;
    margin: 8px 0;
}

a.locate:hover {
    background: url(../images/stockist-hover.png) 0 0 no-repeat;
}

.block2 {
    border-top: 1px solid #cecece;
}

.block3 {
    border-top: 1px solid #cecece;
    padding-top: 20px;
}

.result-left {
    float: left;
    width: 65%;
}

.result-right {
    float: right;
    width: 33%;
}

.section-result {
    color: #6e6e6e;
    font-size: 12px;
    margin: 0 20px 20px 0;
    float: left;
    width: 46.9%;
}

.product-result {
    padding: 15px 0;
    border-bottom: 1px solid #cecece;
    position: relative;
}

.img-pro-result {
    width: 60px;
}

.det-pro-result {
    font-size: 12px;
    color: #6e6e6e;
    width: 77%;
}

.det-pro-result h3 {
    color: #20cdda;
    font-size: 12px;
    margin: 5px 0;
}

.det-pro-result p {
    margin: 0;
}

.setting-pro {
    position: absolute;
    bottom: 15px;
    left: 75px;
}

a.select-rounded {
    display: block;
    padding-left: 25px;
    background: url(../images/gray.png) 0 0 no-repeat;
    color: #6e6e6e;
    line-height: 20px;
    margin: 5px 0;
}

.selected a.select-rounded {
    background: url(../images/gray-select.png) 0 0 no-repeat;
}

a.select-rounded:hover {
    background: url(../images/gray-hover.png) 0 0 no-repeat;
    color: #cecece;
}

.selected-stockist h3 {
    font-size: 12px;
    color: #20cdda;
    margin: 15px 0 10px;
}

.list-stockist {
    margin: 45px 0 0;
}

.panel-default {
    border: 0;
}

.panel-default>.panel-heading {
    background: #FFF;
    border-top: 1px solid #b5b5b4;
    padding: 0;
}

.panel-group {
    border-bottom: 1px solid #b5b5b4;
}

.panel-default>.panel-heading a {
    color: #20cdda;
    font-size: 14px;
    display: block;
    padding: 10px 0;
    background: #FFF;
    font-family: "proxima_nova_rgbold";
    position: relative;
    text-transform: uppercase;
}

.collaps {
    right: 10px;
    position: absolute;
    top: 15px;
}

.banner-caption {
    position: absolute;
    top: 25px;
    left: 28px;
}

/*
* Banner Product
*/
#banner-product h1 {
    white-space: pre-line;
    display: table-caption;
    color: #FFF;
    letter-spacing: 3px;
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgbold';
}

.category-search select {
    width: 180px;
}

.menu2 ul li:first-child {
    margin-left: 0;
}

.menu2 ul li:last-child, .menu2 ul li.search-menu:last-child {
    margin-right: 0 !important;
}

.clear {
    clear: both;
}

.block-product-footer .product-section {
    margin: 0;
}

.block-product-footer:last-child {
    margin-right: 0;
}

.block-product-footer .images-product a {
    height: auto;
}

/*
* Category Search
*/
.category-search div#show {
    width: 280px;
    height: 200px;
    padding: 20px;
    color: #6e6e6e;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    top: 50%;
    margin-top: -160px;
    background: #40464b;
    border-radius: 6px;
}

.category-search input[type="checkbox"] {
    display: none;
}

.category-search input[type="checkbox"] + label {
    display: block;
    cursor: pointer;
}
.advance-search label.selected, label.selected {
    color: #20CDDA;
}



.category-search input[type="checkbox"] + label span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 8px;
}

/*
* ie8
*/
label .ie8 {
    display: none;
}
/*--> end checkbox <--
*/
tbody {
    border: 0;
}

.no-weight {
    font-weight: normal;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    float: left;
}

/*
* Select Search
*/
#comparison-table{
    display: none;
}
.main-products table#comparison-table tr td {
    padding: 0 5px;
}

.select-search {
    margin-bottom: 20px;
}

.section-element img, #banner-product img {
    width: 100%;
}

.navbar-inner {
    background: #FFF;
}

h3 a {
    color: #20cdda;
}

.custom-compare-block {
    width: 47%;
}

span.customSelect {
    font-size:11px;
    background-color: #f5f0de;
    color:#7c7c7c;
    padding:5px 7px;
    border:1px solid #e7dab0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px;
}
span.customSelect.changed {
    background-color: #f0dea4;
}
.section-element {
    position: relative;
    display: block;
    height: 430px;
    margin: 7.5px 0;
    padding: 0;
    color: #FFF;
    background-size: 1000px 430px;
    background-position: center right;
}

/* 
shrink Menu
*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFF;
    z-index: 10;
    -o-transition:  height 0.3s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    text-align: center;
}

.main-container {
    margin-top: 115px;
}

.logo {
    width: 190px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
}

.small-logo {
    width: 150px;
}

.logo img {
    width: 100%;
    image-rendering:optimizeQuality;
}
.small-logo .logo img {
    height: auto;
}

.gone {
    opacity: 0;
    visibility: hidden;
}

.menu-hide {
    opacity: 0;
    position: absolute;
    right: 17px;
    top: 32px;
    cursor: pointer;
    height: 0;
    visibility: hidden;
}

.adv-container {
    position: relative;
}

.show {
    opacity: 1;
    visibility: visible;
}

.logo, .small-logo, .cart-header, .gone, .cart-header-scroll, .roll-count {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.menu-hide, .cart-header-scroll, .roll-count {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.small-logo {
    margin-bottom: 10px;
    height: 80px;
}

.navbar-inner.gone {
    height: 0;
}

.cart-header-height {
    margin-top: -10px;
}

.none {
    display: none;
}

.index-adv {
    z-index: 8;
}
/**always place debug error on top*
*/
.status {
    position: relative;
    z-index: 999;
}
/**always place  error on top*
*/
.error {
    position: relative;
    z-index: 999;
}

/* 
home page sections 
*/
.section-element.gwa-banner {
    font-size: 13px;
    color: #000;
    margin: -20px -20px;
}

.section-element.gwa-banner .right {
    float: none;
    float: right;
    padding-top: 85px;
    padding-right: 21px;
}

.section-element.gwa-banner .title, 
.section-element.gwa-banner .description {
    font-family: "proxima_nova_rgregular", Helvetica, sans-serif;
    color: #ffffff;
    padding-left: 3px;
    margin-bottom: 32px;
    font-size: 37px;
    font-weight: normal;
}

.section-element.gwa-banner .title.full,
.section-element.gwa-banner .description.full {
    position: relative;
    z-index: 1;
}

.section-element.gwa-banner .right .title, 
.section-element.gwa-banner .right .description {
    font-family: "proxima_nova_rgregular", Helvetica, sans-serif;
    font-size: 44px;
    text-align: right;
    line-height: 45px;
}

.section-element.gwa-banner .right .description {
    font-family: "proxima_nova_rgregular", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.428571429;
}

.section-element.gwa-banner .title.grey {
    color: #8b8b8b;
}

.section-element.gwa-banner .description {
    margin-bottom: 10px;
    font-size: 13px;
}

.section-element.gwa-banner .gwa-image {
    position: absolute;
    right: 0;
    top: 0;
    max-height: 432px;
    max-width: 394px;
}

.section-element.gwa-banner.blue {
    padding-top: 39px;
    margin: 15px 0;
}

/*special Sections
*/
.section-element.gwa-banner.blue .row ul.container-button-gwa {
    position: absolute;
    bottom: 70px;
}

.section-element.gwa-banner.blue .row h2 {
    margin-top: -40px;
}

ul.container-button-gwa {
    position: absolute;
    bottom: 33px;
}

ul.container-button-gwa.left {
    left: 42px;
}

ul.container-button-gwa.right {
    right: 0;
}

ul.container-button-gwa li a {
    font-family: "proxima_novasemibold", Helvetica, sans-serif;
    color: #fff;
    font-size: 10px;
    display: block;
    padding: 5.5px 14px;
    width: 110px;
    text-align: center;
}

ul.container-button-gwa li {
    float: left;
    background-color: #6E6E6E;
    margin-right: 10px;
    -moz-border-radius: 15px;
    /* 
   gecko 
    */
    -webkit-border-radius: 15px;
    /* 
   webkit 
    */
    border-radius: 15px;
    /* 
   CSS3 standard 
    */
    -khtml-border-radius: 15px;
    /* 
   old konkeror 
    */
    -moz-box-shadow: 0 1px 1px #666;
    -webkit-box-shadow: 0 1px 1px #666;
    box-shadow: 0 1px 1px #666;
}

ul.container-button-gwa li:hover a {
    color: #6E6E6E;
}

ul.container-button-gwa.oranges li {
    background-color: #E77C00;
}

ul.container-button-gwa li:hover,
ul.container-button-gwa.oranges li:hover,
ul.container-button-gwa.black li:hover,
ul.container-button-gwa.black li:hover,
ul.container-button-gwa.blue-tosca li:hover {
    background-color: #FFFFFF;
}

ul.container-button-gwa.oranges li:hover a {
    color: #E77C00;
}

ul.container-button-gwa.black li {
    background-color: #000;
}

ul.container-button-gwa.black li:hover a {
    color: 000000;
}

ul.container-button-gwa.blue-tosca li {
    background-color: #7BBCDA;
}

ul.container-button-gwa.blue-tosca li:hover a {
    color: #7BBCDA;
}

.gwa-full-image {
    position: absolute;
    left: 0;
    top: 0;
}

.panel-heading {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

.menu-hide .icon-navigation {
    background: url(../images/menu_expand_button.png) right 0 no-repeat;
    width: 35px;
    height: 25px;
    font-size: 0;
    display: block;
}

/*
* Special pannels Different modules
*/
.panel {
    -moz-box-shadow: 0 0 0 #FFF !important;
    -webkit-box-shadow: 0 0 0 #FFF !important;
    box-shadow: 0 0 0 #FFF !important;
}

.panel-group .panel+.panel {
    margin-top: 0;
}

/*custom banne homepage
*/
.banner-home-01 div {
    width: 550px;
    position: absolute;
    top: 20px;
    left: 40px;
    color: #FFF;
}

.banner-home-01 h6 {
    margin-top: 93px;    
}
.banner-home-01 h6 a {
    border: 0;
    -moz-box-shadow: 0 #000;
    -webkit-box-shadow: 0 #000;
    box-shadow: 0 #000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    text-shadow: none;
    background: #6E6E6E;
    color: #FFF;
    font-size: 10px;
    padding: 5px 20px;
}

/*
* Banner home section
*/
.banner-home-01 h6 a:hover {
    background: #FFFFFF;
    color: #6E6E6E;
}

.banner-home-01 h3 {
    font-size: 37px;
    font-weight: normal;
    margin-bottom: 20px;
}

.banner-home-01 p {
    font-size: 13px;
    width: 500px;
    line-height: 15px;
}

.caroma_marc_newson h6 {
    position: absolute;
    bottom: 80px;
    left: 160px;
}

.caroma_marc_newson h6 a {
    border: 0;
    -moz-box-shadow: 0 #000;
    -webkit-box-shadow: 0 #000;
    box-shadow: 0 #000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    text-shadow: none;
    background: #E77C00;
    color: #FFF;
    font-size: 10px;
    padding: 5px 20px;
}

.caroma_marc_newson h6 a:hover {
    background: #FFFFFF;
    color: #E77C00;
}

.essentials-content {
    position: absolute;
    top: 100px;
    right: 25px;
    color: #FFF;
    width: 500px;
    text-align: right;
}

.essentials div  h2 {
    font-size: 42px;
    margin-bottom: 20px;
    width: 500px;
}

.essentials div  p {
    font-size: 13px;
    max-height: inherit;
    overflow: hidden;
    line-height: 16px;
}

.essentials h6 {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.essentials h6 a {
    border: 0;
    -moz-box-shadow: 0 #000;
    -webkit-box-shadow: 0 #000;
    box-shadow: 0 #000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    text-shadow: none;
    background: #000;
    color: #FFF;
    font-size: 10px;
    padding: 5px 20px;
}

.essentials h6 a:hover {
    background: #FFF;
    color: #20CDDA;
}

.care h6 {
    position: absolute;
    bottom: 10px;
    right: 50px;
}

.care h6 a {
    border: 0;
    -moz-box-shadow: 0 #000;
    -webkit-box-shadow: 0 #000;
    box-shadow: 0 #000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    text-shadow: none;
    background: #7c868f;
    color: #FFF;
    font-size: 10px;
    padding: 5px 20px;
}

.care h6 a:hover {
    background: #FFF;
    color: #20CDDA;
}

.popup-download ul li {
    color: #20cdda;
    background-image: url(../images/li-back.jpg);
    background-position: 0 5px;
    padding-left: 10px;
    background-repeat: no-repeat;
}

.btn:focus {
    outline: none;
}

.conceptcenter_detail_it > b {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

.conceptcenter_detail_it > span {
    display: inline-block;
    width: 75%;
}

.carousel ul li .block-product-footer {
    width: 100%;
    margin: 0;
}

/*
* Similar products section in page detail
*/
.similar-product, .viewing-product {
    position: relative;
    overflow: hidden;
}

.similar-product .flex-direction-nav .flex-prev, .viewing-product .flex-direction-nav .flex-prev {
    left: 0;
    top: 50%;
    z-index: 999;
    opacity: 1;
}

.similar-product .flex-direction-nav .flex-next, .viewing-product .flex-direction-nav .flex-next {
    right: 0;
    top: 50%;
    z-index: 999;
    opacity: 1;
}

.header-ipad {
    display: none;
}

h3 a:hover, .breadcrumb ul li:last-child a:hover, .product-name-landing a:hover h3, .main-products table tr td h3.title a:hover, .breadcrumb ul li:last-child a:hover, .main-products table tr td h3.title a:hover {
    color: #9E9E9D;
}

.cart-scroll {
    margin-top: 15px;
}

/*
*Specify Landing Page Section *
*/
.bim-item-list{
    background: #20CDDA;
    width: 100%;
    margin-top: 20px;
    height: 45px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}
.bim-item-list ul li{
    float: left;
    margin-top: 13px;
    border-right: 1px solid #fff;
    text-align: center;
    width: 14.2%;
}
.bim-item-list ul li:last-child{
    border: 0;
}
.bim-item-list ul li a{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}
.bim-item-list ul li a:hover{
    color: #EBEC00;
}
.specify-content .solutions-banners{
    margin-top: 20px;
}
.specify-content .home-banner{
    float: left;
    margin-right: 15px;
}
.specify-content .home-banner:nth-child(3){
    margin-right: 0;
}

/*BIM PAGE*/
.bim-page .bim-item-list ul li{
    color: #fff;
    font-family: "proxima_nova_rgbold", Arial, Verdana;
    letter-spacing: 1px;
}
.bim-page .bim-item-list ul li:hover, .bim-page .bim-item-list ul li.selected {
    cursor: pointer;
    background-image: url(../images/bim-hover.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #20cdda;
    height: 88px;
    line-height: 88px;
    vertical-align: middle;
    position: relative;
    top: -35px;

}
.bim-page .widget-right .compare {
    border: none;
}
.bim-page #btn-email-selections {
    background-color: #eedc00;
}
.bim-page #download-all-files {
    padding: 5px 10px;
}
.bim-page .main-compare {
    padding: 10px 0;
}
.bim-page .compare h2 {
    margin-right: 0;
}
.bim-page #email-selection-form {
    width: 100%;
}
.bim-page #email-selection-form input, .bim-page #email-selection-form button{
    width: 100%;
}
.bim-list-holder {
    height: 88px;
}
.bim-right {
    float:right; 
    margin-right: 8px; 
    padding: 0;
}
.bim-page #product-result {
    width: 850px;
    max-width: 100%;
}
.category-tree {
    background-color: #fff;
}
.category-list {
    display: none;
}
.category-list > ul > li.item {
    float: left;
    cursor: pointer;
}
.category-list > ul > li.selected {
    background: url(../images/cat-icon-hover-bg.png) center right no-repeat;
}
.category-list  ul ul li.selected a {
    color: #20CDDA;
}
button.add-to-downloads {
    border: none;
    width: 100%;
    height: 26px;
    font-size: 12px;
    margin-top: 10px;
    background-color: #ccc;
    border-radius: 10px;
}
/**cart styling *
*/
.header-right-ipad .cart-header {
    margin-top: 15px;
}

.header-right-ipad  .region-header-right {
    width: 525px;
    float: right;
}

.active-filter-title {
    color: #61dbe4;
    border-bottom: 3px solid #61dbe4;
}

/*
* Filters global default
*/
.active-filter-title {
    color: #FFF;
    border-bottom: 0;
}

.chk-count {
    border-radius: 50%;
    padding: 1px 4px;
    border: 3px solid #61dbe4;
    color: #61dbe4;
    text-align: center;
}

.no-circle {
    border: none;
}

/*
* Cart header
*/
.cart-header-scroll {
    position: absolute;
    top: 23px;
    right: 360px;
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    -ms-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
}

.roll-count {
    background: url(../images/roll-count.png) 0 0 no-repeat;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    display: block;
    color: #21cddb;
    font-weight: bold;
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    -ms-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
}

.roll-count .shortlist-count {
    margin-right: 2px;
}

.collapsed .colaps-icon {
    background: url(../images/nav-bottom.jpg) 0 0 no-repeat;
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 10px;
    top: 16px;
}

.colaps-icon {
    background: url(../images/nav-top.jpg) 0 0 no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 16px;
}

.menu-hide .icon-navigation:hover {
    background: url(../images/menu_expand_button-hover.png) right 0 no-repeat;
}

/* 
contact us  page section
*/
.stockists-notice {
    text-transform: uppercase;
    background-color: #9e9e9d;
    color: #fff;
    padding: 5px;
}
.stockists-notice a:hover {
    color: #20cdda;
    text-decoration: underline;
}
.contact-new h3 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border-bottom: 1px solid #4b4b4b;
    padding-bottom: 10px;
    background: url(../images/contact-help.png) right 0 no-repeat;
    font-weight: normal;
    color: #4b4b4b;
    font-family: 'proxima_nova_rgregular';
}

.contact-new .button-container{ float: right;}

.contact-custom .panel-default>.panel-heading, .contact-custom .panel-group {
    border: 0;
    position: relative;
}

.contact-custom .panel-group .panel+.panel {
    margin: 0;
    padding: 0;
}

.contact-custom .panel-default>.panel-heading a {
    background: #20cdda;
    color: #FFF;
    font-weight: normal;
    padding: 4px 10px;
    font-size: 14px;
    margin: 6px 0;
    letter-spacing: 0.7px;
    font-family: 'proxima_nova_rgregular';
}

h1.contact-title {
    font-family: 'proxima_nova_rgregular';
    font-size: 23px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    color: #20CDDA;
    font-weight: normal;
    margin: 0 0 15px;
}

.main-contact, .main-contact p {
    font-family: 'proxima_nova_rgregular';
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: normal;
}

.contact-custom .form-control {
    color: #4b4b4b;
    padding: 8px 10px 5px 10px;
    font-size: 12px;
    height: initial;
    line-height: 12px;
    font-weight: normal;
    font-family: 'proxima_nova_rgregular';
}

.contact-custom .panel-collapse {
    padding-bottom: 0;
}

.collapsed .colaps-icon {
    background: url(../images/nav-bottom.jpg) 0 0 no-repeat;
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 10px;
    top: 17px;
}

.colaps-icon {
    background: url(../images/nav-top.jpg) 0 0 no-repeat;
    display: block;
    width: 8px;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 15px;
}

.content-contact textarea {
    background: #ededed;
    border: 0;
    height: 280px;
    margin-bottom: 10px;
}

.contact-right .button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.button .btn {
    font-weight: normal;
    font-family: 'proxima_nova_rgregular';
    font-size: 11px;
    text-align: center;
}

.contact-right {
    min-height: 443px;
    position: relative;
}

/* new contact */
.link-show, .link-show2 {
    background: #20cdda;
    color: #FFF;
    font-weight: normal;
    padding: 4px 10px;
    font-size: 14px;
    margin: 6px 0 0;
    letter-spacing: 0.7px;
    position: relative;
    font-family: 'proxima_nova_rgregular';
}

.text-show, .text-show2 {
    position: absolute;
    display: none;
    z-index: 9;
    background: #FFF;
    width: 91.2%;
    -moz-box-shadow: 0 3px 3px #9e9e9d;
    -webkit-box-shadow: 0 3px 3px #9e9e9d;
    box-shadow: 0 3px 3px #9e9e9d;
    padding: 10px;
}

.open .arrow-li {
    background: url(../images/expand.jpg) 0 0 no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.arrow-li {
    background: url(../images/collapsed.jpg) 0 0 no-repeat;
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 10px;
    top: 11px;
}

.select-box {
    margin: 10px 0;
}

.contact-inner ul li {
    color: #9E9E9D;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #20CDDA;
}

.select-options {
    z-index: 1000;
}

#webform-client-form-3 label {
    display: none;
}
#webform-client-form-3 .stockist {
    padding-left: 25px;
}
/* 
Filter Selections Style 
*/
.filter-selections {
    margin-bottom: 14px;
    position: relative;
    width: 80%;
}

.filter-selections li {
    font-size: 14px;
    margin-right: 5px;
    float: left;
    margin-bottom: 15px;
}

.filter-selections li.remove-all {
    float: right;
    margin-right: 0;
    cursor: pointer;
    position: absolute;
    right: -25%;
}

.filter-selections li .glyphicon {
    cursor: pointer;
    margin-left: 2px;
}

.shrink {
    z-index: 8000;
}

/* 
Overwride jQuery UI Dialog Style 
*/
.ui-widget-overlay {
    background: #000;
    opacity: 0.6;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
    border-radius: 0;
    padding: 50px 56px 30px;
    font-family: 'brownregular';
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all {
    border-radius: 0;
    background: none;
    border: none;
    border-bottom: 1px solid #999;
    padding: 0 0 8px;
    font-size: 12px;
    color: #151515;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog label {
    display: none;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.ui-dialog.ui-widget input {
    font-size: 12px;
    font-family: 'brownregular';
}

.ui-dialog .form-buttons {
    float: right;
    margin-top: 15px;
}

.ui-dialog .form-buttons input {
    margin-left: 2px;
    width: 80px;
    line-height: 22px;
}
.ui-autocomplete-loading {
    background: white url(../images/ui-anim_basic_16x16.gif) right center no-repeat;
}
/* 
Input Text Style 
*/
.input-text {
    border: 1px solid #EDEDED;
    color: #666;
    font-size: 12px;
    font-family: 'brownregular';
    width: 100%;
    padding: 0 5px;
    height: 24px;
    display: block;
}

.input-text::-webkit-input-placeholder {
    color: #666;
}

.menu-gray-ipad, .menu-yellow-ipad {
    font-size: 12px;
    font-weight: bold;
    font-family: "proxima_nova_rgregular";
}

.cart-header-iphone {
    display: none;
    background: url(../images/ico-selection-off.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    position: absolute;
    right: 95px;
    top: 40px;
}

.cart-header-scroll.blue-ico .roll-count {
    background: url(../images/roll-count.png) 0 0 no-repeat;
}

.cart-header-iphone.blue-ico {
    background: url(../images/ico-selection.png) 0 0 no-repeat;
}

.new-menu-iphone {
    display: none;
}

#block-system-main > div > div.custom-box-search.filter-search {
    margin-left: 0;
    margin-right: 0;
}

.label-default, .label-danger {
    background: #ddd;
    color: #6e6e6e;
    font-size: 12px;
    padding: 5px 20px 5px 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

/*
* glyphicon ico
*/
.glyphicon-remove {
    background: url(../images/delete-section.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    left: 10px;
}

.glyphicon-remove:before {
    content: none;
}

.label-danger {
    text-transform: uppercase;
}

/*
* Compare icons Section
*/
.side-compare {
    width: 23%;
    float: left;
    padding-right: 1%;
    padding-top: 25px
}

/*.section-compare {
    width: 83%;
    float: right;
}*/

.section-compare > ul {
    display: block;
    float: left;
    width: 150px;
    margin-left: 8px;
}

.sect-1 {
    height: 257px;
    overflow: hidden;
    margin-bottom: 10px;
}

.sect-features {
    height: 200px;
    overflow: hidden;
}

.sect-product_type, .sect-care_lever_available {
    height: 45px;
}

/*
* My selection Section
*/
.section-compare ul li {
    min-height: 31px;
}

.selection-mobile {
    display: none;
    margin: 20px 0;
}

.selection-mobile > ul {
    display: block;
    float: left;
}

.selection-mobile > ul > li {
    border-bottom: 1px solid #6E6E6E;
    width: 100%;
}
.section-compare ul li h3.title{
    font-family: "proxima_nova_rgbold";
    color: #20cdda;
    font-size: 12px;
    letter-spacing: 1.5px;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 10px 0;
    overflow: hidden;
}
.select-01 {
    width: 400px;
}

.select-02, .select-03, .select-04, .select-05 {
    width: 150px;
}

.selection-box {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
}

.t-item-selection, .t-code-selection, .t-qty-selection, .t-rrp-selection, .t-update-selection {
    font-weight: bold;
    height: 30px;
    padding-bottom: 5px;
}

.selection-bottom {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.total-btm {
    position: absolute;
    right: -80px;
    top: 16px;
    width: 200px;
    text-align: right;
}

/*
* Banners Global Default
*/
.banner-category {
    position: relative;
}

.banner-category section {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 400px;
    color: #FFF;
}

.banner-category h3 {
    font-size: 37px;
    margin-bottom: 25px;
    line-height: 40px;
}

.banner-category p {
    width: 400px;
    font-size: 14px;
}

.banner-category h1 {
    font-size: 37px;
    margin-bottom: 25px;
    line-height: 40px;
    color: #fff;
}

.banner-category h6 {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

/*
* Category menu
*/

.sub-category {
    background: #035576;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    padding: 15px;
    margin: 20px 0;
    text-align: center;
}

.sub-category ul {
    display: inline-block;
}

.sub-category ul li {
    display: inline-block;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    border-left: 1px solid #FFF;
    line-height: 16px;
}

.sub-category ul li:first-child {
    border-left: 0;
}

.sub-category ul li a {
    margin: 0 20px;
    display: block;
    color: #FFF;
}

.box-cat-landing {
    width: 201px;
    margin: 0 1.1em 0 0;
    position: relative;
    display: inline-block;
}

.box-cat-landing h3 {
    position: absolute;
    bottom: 10px;
    background: #035576;
    opacity: 0.8;
    color: #FFF;
    font-size: 12px;
    width: 100%;
    right: 0;
    padding: 10px;
    text-align: center; 
}

/*
* Boxes Default Global
*/
.box-cat-landing h3 a {
    color: #FFF;
    opacity: 1;
    line-height: 14px;
    display: table-cell;
    height: 28px;
    vertical-align: middle;
    text-align: center;
    width: 178px;
    font-family: "proxima_nova_rgregular";
}

.product-cat-list {
    margin-bottom: 20px;
    width: 102%;
}
.product-brand {
    margin-top: -20px;
    margin-right: 5px;
}
.banner-landing {
    display: inline-block;
    margin: 0 2px;
    float: left;
    position: relative;
    width: 422px;
}

/*
* Banners category landing page
*/
.banner-landing section {
    position: absolute;
    top: 0;
    left: 20px;
    color: #FFF;
    width: 300px;
}

.banner-landing h3 {
    line-height: 33px;
    font-size: 29px;
}

.banner-landing h6 {
    position: absolute;
    bottom: 0;
    left: 20px;
}
.banner-landing a:hover + h6 a, .banner-landing a:focus + h6 a {
    background-color: #fff;
    color: #6e6e6e;
}
/*
* Global Css Title
*/
.yellow-title {
    background: #ebea3e;
    margin: 20px 0;
    padding: 7px 20px;
}

.yellow-title h2 {
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
    font-weight: normal;
    color: #6e6e6e;
}

/*
* Inspiration home Global Block
*/
.inspiration-block {
    display: inline-block;
    width: 200px;
    margin: 0 5px;
}

.inspiration-block  h5 {
    text-align: center;
    margin: 15px 0;
    display: block;
}

.inspiration-block  h5 a {
    color: #1d1d1b;
}

/*
* Tag Elements Tags
*/
.tag_element {
    padding: 20px;
    color: #1d1d1b;
    text-transform: capitalize;
}

.tag_element h3 {
    font-size: 13px;
    color: #1d1d1b;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.tag_element ul {
    display: inline-block;
    margin: 0 -5px;
}

.tag_element ul li {
    display: inline-block;
    margin: 0 5px;
}

.tag1 a {
    font-size: 13px;
    color: #1d1d1b;
}

.tag2 a {
    font-size: 17px;
    color: #1d1d1b;
}

.tag3 a {
    font-size: 25px;
    color: #1d1d1b;
}

.tag3 a {
    font-size: 9px;
    color: #1d1d1b;
}

.tag4 a {
    font-size: 32px;
    color: #7cbcd9;
}

.tag5 a {
    font-size: 24px;
    color: #035576;
}

.tag6 a {
    font-size: 32px;
    color: #e77c00;
}

/*
* Ico Elements
*/
.ico-facebook {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 2px;
    background: url(../images/ico-facebook.png) 0 0 no-repeat;
}

.ico-facebook:hover, .ico-facebook:focus {
    background: url(../images/ico-facebook-hover.png) 0 0 no-repeat;
}

.ico-istagram {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 2px;
    background: url(../images/ico-istagram.png) 0 0 no-repeat;
}

.ico-istagram:hover, .ico-istagram:focus {
    background: url(../images/ico-istagram-hover.png) 0 0 no-repeat;
}

.ico-twitter {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 2px;
    background: url(../images/ico-twitter.png) 0 0 no-repeat;
}

.ico-twitter:hover, .ico-twitter:focus {
    background: url(../images/ico-twitter-hover.png) 0 0 no-repeat;
}

.ico-istagram:hover, .ico-istagram:focus {
    background: url(../images/ico-istagram-hover.png) 0 0 no-repeat;
}

.ico-pintrest {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 2px;
    background: url(../images/ico-pintrest.png) 0 0 no-repeat;
}

.ico-pintrest:hover, .ico-pintrest:focus {
    background: url(../images/ico-pintrest-hover.png) 0 0 no-repeat;
}

.cart-header ul li.my_selection {
    border-left: 0;
}
.ico-au {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 2px;
    background: url(../images/ico-au-hover.png) 0 0 no-repeat;
}
.ico-au:hover, .ico-au:focus{
    background: url(../images/ico-au.png) 0 0 no-repeat;    
} 
.ico-nz {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 2px;
    background: url(../images/ico-nz.png) 0 0 no-repeat;
}
.ico-nz:hover, .ico-nz:focus{
    background: url(../images/ico-nz-hover.png) 0 0 no-repeat;
} 

/*
* Fancybox Gallery
*/
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px !important;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: 0;
    padding: 5px 5px;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    color: #6e6e6e;
    font-weight: normal;
    line-height: 14px;
    white-space: normal;
}

.fancybox-title-float-wrap {
    position: relative;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 8000;
    text-align: left;
}

.title-gallery-iphone {
    display: block;
    color: #20cdda;
    font-weight: normal;
    margin: 5px 0;
    text-transform: uppercase;
}

.cart-header ul li.sosmed-header {
    position: absolute;
    top: 77px;
    right: 270px;
}

.header-border .col-md-3 {
    float: left;
    width: 355px;
    margin-top: 45px;
}
.header-border.border .col-md-3 {
    margin-top: auto;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.header-border .col-md-9 {
    float: right;
    width: 600px;
    position: relative;
}
/* 
Hotspot Overwrite 
*/
.hs-wrap:hover {
    z-index: 8042;
}

.tip-tooltip {
    display: block;
    border-radius: 5px;
    padding: 10px 10px 20px;
    min-height: 20px;
    min-width: 30px;
    background-color: #FFF;
    color: #6a6a6a;
}

.tip-tooltip .fancybox-close {
    right: initial;
    left: -18px;
}

.sniper-spot {
    background: url(../images/hotspot-b.png) 0 0 no-repeat;
    width: 13px;
    height: 13px;
    border: 0;
    box-shadow: none;
    cursor: pointer;
}

.sniper-spot:before, .sniper-spot:after {
    background: none;
}

.sniper-spot.active,
.sniper-spot.inlist {
    border: 0;
    opacity: 1;
    box-shadow: none;
    background: url(../images/hotspot-y.png) 0 0 no-repeat;
}

.tip-tooltip.top:before {
    border-color: #FFF transparent transparent transparent;
    left: 6px;
}

.img-pop {
    float: left;
    width: 160px;
}

.txt-pop {
    float: right;
    width: 210px;
}

.txt-pop ul {
    margin-left: 20px;
}

.txt-pop ul li {
    list-style-type: square;
    font-size: 11px;
}

.img-pop h6 {
    margin: 10px 0 5px;
    padding: 0;
    font-weight: bold;
}

.img-pop p {
    margin: 0 0 5px;
}

.img-pop .price-pop {
    font-weight: bold;
    margin: 0 0 15px;
}

/* 
Image Responsinve 
*/
.img-responsive-area img.moved {
    width: auto;
    max-width: 100%;
    height: auto;
    float: none !important;
    display: block;
    margin: 0 auto 10px;
}

.sosialmedia {
    position: relative;
    top: -10px;
}

.table>tbody>tr>td {
    border-left: 1px solid #20CDDA;
    border-top: 1px solid #20CDDA;
}

.table>tbody>tr>td:first-child {
    border-left: 0;
}

.table>tbody>tr:first-child>td {
    border-top: 0;
}

/*
* Video Section
*/
.frame-video {
    border: 1px solid #CCC;
    overflow: hidden;
}

/*
* Brochures Section
*/
.main-brochure .section-video {
    margin: 7.5px 15px;
    width: 22%;
    height: 430px;
}

.main-brochure .main-content-video {
    margin: 0 -15px;
}

.main-brochure .frame-video {
    height: 325px;
}



.form-textarea {
    padding: 10px;
    border: 1px solid #EDEDED;
}

.care div {
    width: 35%;
    float: left;
    position: relative;
    height: 100%;
    color: #FFF;
}
div.anchor-wrap {
    display: inline-block;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    padding: 20px;
    position: absolute;
}

div.anchor-wrap:hover {
    cursor: pointer;
}
.care div h2 {
    color: #FFF;
    font-size: 37px;
    margin-bottom: 20px;
}

/*
News Sections
*/
.img-news {
    width: 50%;
}

.text-news {
    width: 45%;
    line-height: 18px;
    position: relative;
    min-height: 202px;
    color: #686868;
}

.box-news {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ededed;
}

.box-news h3 {
    color: #20cddd;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
}
.box-news .img-news img {
    background-color: #20cdda;
} 
.news-content h3 {
    font-size: 12px;
    margin-top: 0;
    color: #20cdda;
}
.more {
    display: inline-block;
    background: #6E6E6E;
    color: #FFF;
    font-weight: normal;
    text-transform: uppercase;
    padding: 3px 20px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
}

.more:hover {
    background-color: #e0e0e0;
    color: #333;
}
.more.blue, .more.blue:hover, .more.blue:focus {
    position: static;
    background-color: #20CDDA;
    color: #FFF;
}
.section-brochure {
    width: 22.5%;
    height: 430px;
    margin: 7.5px 12.6px;
    float: left;
    overflow: hidden;
    color: #6e6e6e;
    font-size: 12px;
    position: relative;
}

.brochure-box {
    background: #20CDDA;
}

/*
* Brochures Section
*/
.frame-brochure {
    border: 1px solid #ddd;
    overflow: hidden;
}

.frame-brochure img {
    width: 100%;
}

.section-brochure h3 {
    font-size: 12px;
    color: #20cdda;
    margin: 15px 0 0;
    text-transform: uppercase;
}

.frame-brochure:hover {
    cursor: pointer;
    opacity: 0.5;
}

/*
*required to ensure that it sits at same height as other Drupal error state elements
*/
.selectError {
    border: 2px solid red;


}

.last-child {
    border-bottom: 0 !important;
}

.block.block-gwa-global-element .content ul {
    list-style-type: disc;
    margin-left: 15px;
}

#video-player iframe {
    width: 100% !important;
}

.title-custom-search .arw {
    background: url(../images/filter_arrow.png) 0 0 no-repeat;
    width: 12px;
    display: inline-block;
    height: 7px;
    float: right;
    margin-top: 5px;
    position: absolute;
    right: 8px;
}

.box-cat-landing:hover h3 .hvr-hide, .box-cat-landing a:focus .hvr-hide{
    display: block;
}

.hvr-hide {
    display: none;
}

.box-cat-landing:hover h3 .hvr-show, .box-cat-landing a:focus .hvr-show {
    display: none;
}

.hvr-show {
    color: #FFF;
    opacity: 1;
    line-height: 14px;
    display: table-cell;
    height: 28px;
    vertical-align: middle;
    text-align: center;
    width: 178px;
}

/*
* Form Controls
*/

.form-managed-file input.form-file {
    border: 0 none;
    clip: rect(0, 100px, 200px, 0);
    cursor: pointer;
    font-family: "proxima_nova_rgbold";
    font-size: 15px;
    margin: 0;
    overflow: hidden;
    padding: 4px 12px;
    width: 215px;
    background: #20cdda none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
}
.sbt-btn{ margin-top: 0}


input.form-control {
    text-transform: uppercase;
}

.form-textarea-wrapper TEXTAREA {
    color: #4b4b4b;
}

a {
    color: #20CDDA;
}

a:hover, .main-content a:focus {
    color: #9E9E9D;
}

.blue-inpho-hidden {
    display: none;
}

.blue-inpho {
    display: block;
    background: #20cdda;
    text-align: center;
}

.blue-inpho h5 {
    display: inline-block;
    background: url(../images/warning.png) 0 0 no-repeat;
    padding: 5px 5px 5px 40px;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
}

.section-article {
    display: inline-block;
    width: 200px;
}

.article-box {
    float: left;
    margin-right: 15px;
}

.image-box .caption {
    color: #20CDDA;
    font-weight: normal;
    display: block;
}

.content-video .section-article {
    width: 100%;
    margin-bottom: 10px;
}

.content-video .section-article h3 {
    margin-top: 0;
}

.article-box img {
    width: 150px;
}

.col-1.first ul li a:last-child {
    font-weight: bold;
}

.main-menu {
    text-align: left;
}

/*
* Main Menu
*/
.main-menu > ul > li.parent-nav:hover div.col-1.first ul li:last-child a {
    color: #696969;
    font-weight: bold;
}

.gallery-text.gray a {
    color: #9E9E9D;
}

.main-menu > ul > li.parent-nav:hover div.col-1.first ul li:last-child a:hover {
    color: #20CDDA;
}

.gallery-category a {
    width: 100%;
}

.main-menu > ul > li.parent-nav:hover ol li.main-li-1 a, .main-menu > ul > li.parent-nav:hover ul li.main-li-1 a {
    color: #035576;
}

.main-menu > ul > li.parent-nav:hover ol li.main-li-2 a, .main-menu > ul > li.parent-nav:hover ul li.main-li-2 a  {
    color: #e87d00;
}

.main-menu > ul > li.parent-nav:hover ol li.main-li-3 a, .main-menu > ul > li.parent-nav:hover ul li.main-li-3 a {
    color: #0091cc;
}

.main-menu > ul > li.parent-nav:hover ol li.main-li-4 a, .main-menu > ul > li.parent-nav:hover ul li.main-li-4 a {
    color: #7cbdda;
}

.main-menu > ul > li.parent-nav:hover ol li.main-li-1:hover a ,.main-menu > ul > li.parent-nav:hover ul li.main-li-1:hover a , .main-menu > ul > li.parent-nav:hover ol li.main-li-2:hover a , .main-menu > ul > li.parent-nav:hover ol li.main-li-3:hover a , .main-menu > ul > li.parent-nav:hover ol li.main-li-4:hover a {
    color: #9E9E9D;
}

.sub-menu ol li.main-li-1, .sub-menu ul li.main-li-1 {
    border-bottom: 1px solid #035576;
}

.sub-menu ol li.main-li-2, .sub-menu ul li.main-li-2 {
    border-bottom: 1px solid #e87d00;
}

.sub-menu ol li.main-li-3, .sub-menu ul li.main-li-3 {
    border-bottom: 1px solid #0091cc;
}

.sub-menu ol li.main-li-4, .sub-menu ul li.main-li-4 {
    border-bottom: 1px solid #7cbdda;
}

ul li.parent-nav:hover .sub-menu-mobile {
    display: block;
    background: #FFF;
    margin: 0 -10px;
    padding: 0 10px;
}

.sub-menu-mobile {
    display: none;
}

ul li.parent-nav:hover .sub-menu-mobile ol li, ul li.parent-nav:hover .sub-menu-mobile ul li {
    padding: 5px 0;
    border-bottom: 1px solid #20CDDA;
}

.advanced-search-form {
    background: #FFF;
}

/* 
Site Tour Style 
*/
.site-tour-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    display: none;
}

.site-tour-popup {
    max-width: 855px;
    margin: 0 auto;
    position: relative;
    top: 20%;
}
.site-tour-popup img.lazyload {
    width: 855px;
    height: 430px;
}
.site-tour-popup .flex-control-paging {
    z-index: 2;
    right: 9%;
}

.site-tour-popup .flex-control-paging li a {
    z-index: 2;
    border: 2px solid #666;
    border-radius: 9px;
}

.site-tour-popup .flex-control-paging li a.flex-active {
    background: #333;
}

.site-tour-close {
    background: url(../images/btn-remove-over.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top: -9px;
    right: -9px;
    z-index: 3;
    cursor: pointer;
}

.site-tour-show {
    cursor: pointer;
}

.site-tour-show:hover {
    color: #20CDDA;
}

.menu-left-bottom ul li a {
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #20CDDA;
    border-top: 2px solid #20CDDA;
    letter-spacing: 1px;
    padding: 10px 0 2px;
    font-family: "proxima_nova_rgbold";
}
/* 
Circle Icons for header
*/
.circle-icon-group {
    -webkit-transition: all ease-in-out .15s;
    -moz-transition: all ease-in-out .15s;
    -ms-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

.circle-icon {
    float: left;
    margin-left: 15px;
    margin-top: 22px;
}

.circle-icon a {
    line-height: 32px;
    display: block;
    color: #20cdda;
    font-family: "proxima_nova_rgbold";
    font-size: 13px;
}

.circle-icon .icon {
    background: url(../images/blue-circle-icon.png);
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    text-align: center;
    margin-right: 9px;
}

.circle-icon.yellow a {
    color: #ebec00;
    margin-right: 22px;
}

.circle-icon.yellow .icon {
    background: url(../images/yellow-circle-icon.png);
}

.circle-icon-group.hide-text {
    float: left;
    margin-left: -190px;
    margin-top: 0;
}

.circle-icon-group.hide-text .circle-icon {
    width: 32px;
    overflow: hidden;
    height: 32px;
    margin-left: 10px;
}
.circle-icon-group.hide-text ul{
    display: none;
}
/* 
Yellow Box Header
*/
.yellow-box {
    margin-top: 10px;
}

.yellow-box a {
    text-align: center;
    background: #EBEC00;
    margin-bottom: 0;
    padding: 36px 7px;
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-family: "proxima_nova_rgbold";
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #6E6E6E;
}

.yellow-box a:hover {
    background: #6E6E6E;
    color: #EBEC00;
}
/* 
* addinitional icon inside circle icon group
*/
.circle-icon-group ul{
    float: left;
    padding-left: 20px;
    border-left: 1px solid rgba(184, 184, 184, 0.5);
}

/*
* Main header
*/

.category-text-links {
    background: #596686;
    border-radius: 15px;
    margin-bottom: 20px;
}

.category-text-links li a {
    display: block;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    border-left: 1px solid #FFF;
}

.category-feature-links {
    margin-bottom: 20px;
}

.category-feature-links a {
    background: #CCC;
    display: block;
    height: 250px;
    padding: 180px 10px 0;
}

.main-product .col-left {
    top: 0;
}

.main-product .col-main.with-sidebar {
    margin-top: 0;
}



.menu-left-bottom ul li a {
    font-size: 12px !important;
}

.bar-panner {
    background: #0091cc;
    color: #FFF;
    padding: 10px 25px;
    text-transform: uppercase;
    margin-bottom: 26px;
    font-weight: bold;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.bar-panner.Caroma-Marc-Newson {
    background: #e87d00;
}

.bar-panner.Caroma-Elements {
    background: #0091cc;
}

.bar-panner.Caroma-Inspire {
    background: #0091cc;
}
.bar-panner.Dorf {
    background: #000000;
}
.bar-panner.Stylus {
    background: #009c31;
}
.bar-panner.Fowler {
    background: #eac244;
}



.bar-panner a {
    color: #FFF;
    font-weight: bold;
}


/*
Product Detail page Section
*/
images-productdetailpage .product-options {
    margin-bottom: 5px;
}

.productsdetailpage .product-options li {
    display: inline-block;
    margin-right: 5px;
    float: left;
    max-width: 48px;
}

.productsdetailpage .description ul {
    margin-left: 15px;
}

.productsdetailpage .description ul li {
    list-style-type: disc;
    display: list-item;
}

.productsdetailpage .widget-right {width: 100%;}
.where-to-buy {float: left;  width: 100%; position: relative;margin-bottom: 5px;}
.where-to-buy .buy-btn {background: #20cdda; color: #ffffff; font-family: "proxima_nova_rgbold"; font-size: 18px;padding: 12px 20px; display: block;text-align: center; float: left; width: 100%;}
.where-to-buy .buy-btn  > span { float: left;left: 50%;position: relative;transform: translateX(-50%);transition: all 0.5s ease-in-out 0.2s;}
.where-to-buy .buy-btn.active > span {left: 0; transform: translateX(0px);}
.near-by-store {float: left; width: 100%;border: 2px solid #20cdda;padding: 10px 20px; display: none; z-index: 99; background: #ffffff; position: absolute; top: 49px;}
.near-by-store .title {float: left; width: 100%;}
.near-by-store .title h2 {font-size: 13px; color: #20cdda; font-family: "proxima_novasemibold"; float: left;letter-spacing: 1px; margin: 7px 0 0;}
.near-by-store .title a.location-btn {font-size: 12px; color: #6e6e6e; font-family: "proxima_novasemibold";background: #ebea3e; float: right; border-radius: 15px; padding: 5px 15px;}
.near-by-store ul{float: left; width: 100%;}
.near-by-store ul li{float: left; width: 376px}
.suggested-location {float: left; width: 100%;margin: 20px 0 10px;}
.icon-box {width: 50px;float: left;}
.flexslider .slides .icon-box img {width: auto;}
.icon-box span {display: block;font-family: "proxima_nova_rgbold"; font-size: 12px; color: #20cdda;margin:6px 0 0 1px;}
.description {float: left; width: 320px;}
.description h2{font-size: 15px;letter-spacing: 0;font-family: 'proxima_nova_rgbold';color: #6e6e6e; margin: 0;}
.description p  {font-size: 13px;color: #6e6e6e;font-family: "proxima_nova_rgregular";}
.description a{color: #6e6e6e;font-family: "proxima_nova_rgregular"; font-size: 13px;}
.description a.get-direction-btn{ background: url(../images/direction-icon.png) #6e6e6e 7px center no-repeat;font-family: "proxima_novasemibold";font-size: 12px;padding: 5px 11px 5px 25px;color: #ffffff;border-radius: 15px;margin-left: 12px;}
.nearby-slider {float: left;/*  width: 376px; */ position: relative; max-width: 100%;}
.where-to-buy .nearby-slider .flex-viewport, .where-to-buy .nearby-slider {width: 100%; overflow: hidden;}
.nearby-slider ul.flex-direction-nav {bottom: 30px;position: absolute;right: -25px;width: 60px;}
.nearby-slider ul.flex-direction-nav li {margin: 0;}
.nearby-slider .flex-direction-nav .flex-prev {background: url("../images/left-arrow.jpg") #fff no-repeat scroll 0 0;}
.nearby-slider .flex-direction-nav .flex-next {background: url("../images/right-arrow.jpg") #fff no-repeat scroll 0 0}
.nearby-slider .flex-direction-nav a {margin-top: 0;height: 22px;}
.select-location {background: #ffffff; height: 100%; width: 100%; z-index:100; position: absolute; left: 0; top: 0; padding: 16px 20px; display: none;}
.select-location h2 {font-size: 18px; color: #6e6e6e;font-family: "proxima_novasemibold"; letter-spacing: 0; float: left;}
.select-location  .form-control{border: 1px solid #cbcbcd; border-radius: 0;box-shadow: none;padding: 6px 18px; margin-bottom: 7px}
.select-location .close-btn{background: url("../images/cross-btn.png") 0 0 no-repeat;width: 18px;height: 18px;text-indent: 40px;float: right;position: relative;overflow: hidden;}
.select-location .search-btn{ color: #fff;background: #20cdda;padding: 6px 44px;font-size: 15px;font-family: proxima_nova_rgbold;text-transform: uppercase;margin-top: 10px;height: auto;border-radius: 18px;}

.where-to-loader{background: #ffffff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
.detail-product .near-by-store.location-not-found.opened-outer {border: none;}
.where-to-loader img {position: relative; top: 50%; margin-top: -20px}
.where-to-loader.active-loader { z-index: 999;}
.productsdetailpage .widget-right.full-width {width: 100%;}
.ct-img{background-position: 33% 0;}
.location-not-found  .where-to-loader.not-detected, .where-to-buy .location-not-found .select-location {height: auto;}
.where-to-loader.not-detected .link-block.fl ul {text-align: left;padding: 14px 0 10px 15px;box-sizing:border-box; border: 1px solid #20cdda;}
.where-to-loader.not-detected .link-block.fl li{width: 100%; font-family: 'proxima_nova_rgregular'; font-size: 15px; }
.where-to-loader.not-detected .link-block.fl li a{color: #333333;font-size: 15px;display: inline-block; background: none; margin: 0 0 0 9px; padding: 0; }
.where-to-loader.not-detected .link-block.fl li a.location-btn-1 {background: #20cdda; margin: 0; padding: 2px 15px 5px; color: #ffffff;border-radius: 20px;}
.where-to-buy .location-not-found .select-location {border: 1px solid #20cdda;} 
.where-to-buy .location-not-found  .select-location, .product-detail.where-to-buy .location-not-found  .where-to-loader.not-detected {border: 1px solid #20cdda;}

.nearest-store.store-home-container .nearest-block {width: 177px;padding: 12px 0;}
.nearest-store.store-home-container .middle-sxn {width: 608px;float: left;position: relative;}
.nearest-store.store-home-container .change-store.yns, .nearest-store.store-home-container .change-store-block {width: 100%; position: relative;float: left; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; padding: 1px 60px 1px 68px;}
.nearest-store.store-home-container .change-store.yns {display: none;}
.nearest-store.store-home-container .change-store-block { padding: 20px; position: absolute; left:0; top: 0; display: none; }
.nearest-store.store-home-container .store-buttons {width: 201px; text-align: center; float: right; display: none; }
.nearest-store.store-home-container .flex-direction-nav .flex-prev {background: url("../images/prev-arrow.png") no-repeat scroll 0 0; margin: 0; width: 31px; height: 31px;}
.nearest-store.store-home-container .flex-direction-nav .flex-next {background: url("../images/next-arrow.png") no-repeat scroll 0 0; margin: 0; width: 31px; height: 31px;}
.nearest-store.store-home-container .nearest-st-info {width: 100%;padding: 10px 0;}
.nearest-store.store-home-container .nearest-st-info::after, .change-store-block::after {background: transparent;}
.nearest-store.store-home-container .get-direction {color: #01d1d5;font-family: "proxima_nova_rgbold";font-size: 12px;height: 25px;line-height: 23px;padding: 0;text-align: center;text-transform: uppercase;width: 150px;float: left; margin-top: 10px;}
.nearest-store.store-home-container .flex-direction-nav {left: 0;margin-top: -14px;position: absolute;top: 50%;width: 100%;}
.nearest-store.store-home-container .nearest-block.loading {width: 100%;}
.nearest-store.store-home-container .search-data {float: left; width: auto;margin-right: 15px;}
.nearest-store.store-home-container .nearest-block p {font-size: 20px;color: #ffffff;font-family: "proxima_nova_rgbold";width: 85px;line-height:21px;margin-left: 15px;margin-top: 4px;}
.nearest-store.store-home-container .nearest-block.loading p {font-size: 12px;}
.store-home-container.nearest-store {padding: 0 0 0 13px;overflow: hidden;max-height: 100px;}
.nearest-store.store-home-container .store-buttons input.btnchange-store {float: none; display: inline-block;}
.nearest-store.store-home-container .store-buttons input.btnchange-store:focus{border-color: #ffffff;box-shadow: none;}
.nearest-store.store-home-container .flex-direction-nav .flex-disabled {opacity: 0.5 !important;}
.nearest-store.store-home-container .post-code {margin-right: 10px;width: 370px;}
.nearest-store.store-home-container .store-confirm {height: 30px;}
.nearest-store.store-home-container .where-to-loader {border: 1px solid #20cdda; display: none;}
.menu-rollover ul li.last {height: 98px;}
/* GDD-772
.menu-rollover ul li.last a{background-position: 0 -27px}
*/
.nearest-store.store-home-container .slide-loading {min-height: 74px;}
.nearest-store.store-home-container .link-block.fl {border-left: 3px solid #ffffff;border-right: 3px solid #ffffff;color: #ffffff;font-family: "proxima_nova_rgbold";font-size: 16px;height: 100%;padding: 20px 10px;width: 100%;}
.nearest-store.store-home-container .link-block.fl a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #e6e6e6;display: inline-block;font-family: "proxima_nova_rgbold";font-size: 15px;margin: 0 0 0 10px;padding: 0;}

/*
new home page style
*/
.nearest-store{
    background: #20cdda;
    width: 100%;
    min-height: 70px;
    display: inline-block;
    padding:0 10px;
    margin-top: 12px;
    position: relative;
}
.nearest-block{
    width: 130px;
    float: left;
    padding:10px 0;
    position: relative;
}
.store-marker{
    background: #fff url('../images/map-near-icon.png') no-repeat center;
    width: 47px;
    height: 47px;
    float: left;
    margin-top: 2px;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.nearest-block p{
    font-family: "proxima_nova_rgbold";
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    width: 65px;
    float: left;
    margin-left: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.nearest-st-info{
    width: 360px;
    min-height: 71px;
    float: left;
    padding:10px 0 10px 25px;
    position: relative;
}
.nearest-st-info:after,
.change-store-block:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #fff
}
.nearest-st-info h5{
    font-family: "proxima_nova_rgbold";
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #fff;
    margin:0;
}
.nearest-st-info p{
    font-size: 12px;
    line-height: 16px;
    color:#fff;
    padding:0;
    margin:0;
}
.store-buttons{
    width: 325px;
    float: left;
    margin-top: 22px
}
.store-buttons input,
.store-buttons a,
.store-buttons i,
button.store-confirm{
    border:none;
    background: #fff;
    width: 150px;
    float: left;
    height: 25px;
    font-family: "proxima_nova_rgbold";
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #20cdda;
    text-align: center;
    line-height: 1;
    margin:0 5px;
    border:1px solid #fff;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -ms-border-radius:25px;
    border-radius:25px;
    -webkit-transition: background 0.4s ease-out 0s;
    -moz-transition: background 0.4s ease-out 0s;
    -ms-transition: background 0.4s ease-out 0s;
    transition: background 0.4s ease-out 0s;
}
.store-buttons input:hover,
.store-buttons a:hover,
.store-buttons i:hover,
button.store-confirm:hover{
    background: none;
    color: #fff
}
.teaser-info .home-button,
.innovation-info a,
.time-clean a{
    background: #6e6e6e;
    width: 107px;
    height: 24px;
    float: right;
    text-align: center;
    color: #fff;
    line-height: 24px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -ms-border-radius:24px;
    border-radius: 24px;
    -webkit-transition: background 0.4s ease-out 0s;
    -moz-transition: background 0.4s ease-out 0s;
    -ms-transition: background 0.4s ease-out 0s;
    transition: background 0.4s ease-out 0s;
}
.teaser-info .home-button:hover,
.innovation-info a:hover,
.time-clean a:hover{
    background:#20cdda;
    color: #fff
}
.store-buttons input.btnchange-store{
    background: none;
    color: #fff
}
.store-buttons input.btnchange-store:hover{
    background: #fff;
    color: #20cdda
}
.change-store-block{
    width: 705px;
    float: left;
    padding: 20px 0 0 20px;
    min-height: 71px;
    position: relative;
}
.post-code{
    width: 240px;
    height: 30px;
    float: left;
    border:none;
    font-family: "proxima_nova_rgbold";
    font-size: 12px;
    text-transform: uppercase;
    padding:0 10px;
}
.change-store-block .selectBox-dropdown{
    min-width: 230px;
    height: 30px;
    background: #9e9e9d;
    float: left;
    font-family: "proxima_nova_rgbold";
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    margin:0 25px 0 16px;
    border:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
}
.change-store-block .selectBox-dropdown .selectBox-label{
    width: 80%!important;
    padding:5px 0 5px 15px;

}
.change-store-block .selectBox-dropdown .selectBox-arrow{
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #fff;
    float: right;
    height: 0;
    outline: medium none;
    right: 10px;
    top: 10px;
    width: 0;
    background: none;
}
.change-store-block .selectBox-dropdown:focus, 
.change-store-block .selectBox-dropdown:focus .selectBox-arrow{
    border-color: none
}

.productsdetailpage .product-image-brand-1 {
    border-top: 8px solid #035576;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-15 {
    border-top: 8px solid #e87d00;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-27 {
    border-top: 8px solid #035576;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-28 {
    border-top: 8px solid #0091cc;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-29 {
    border-top: 8px solid #7CBDDA;
    overflow: hidden;
}
.productsdetailpage .product-image-brand-1 {
    border-top: 8px solid #035576;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-15 {
    border-top: 8px solid #e87d00;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-22 {
    border-top: 8px solid #aa1722;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-28 {
    border-top: 8px solid #0091cc;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-27 {
    border-top: 8px solid #035576;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-29 {
    border-top: 8px solid #7CBDDA;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-2 {
    border-top: 8px solid #000000;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-4 {
    border-top: 8px solid #009c31;
    overflow: hidden;
}

.productsdetailpage .product-image-brand-3 {
    border-top: 8px solid #eac244;
    overflow: hidden;
}

/*
Adv Search Section
*/
.advsearchpage .sidebar-adv-search {
    float: left;
    width: 26%;
    margin-top: -4px;
}

.advsearchpage .sidebar-adv-search h3 {
    font-size: 22px;
    font-weight: bold;
    color: #20CDDA;
    text-align: left;
    margin: 0;
    letter-spacing: 1.2px;
}

.advsearchpage .advance-search {
    margin-top: 20px;
    display: block;
    position: inherit;
}

.advsearchpage .advance-search h3 {
    font-size: 14px;
    color: #6E6E6E;
    text-align: left;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #6e6e6e;
}

.advsearchpage .advance-search-new {
    padding: 0 0;
    width: 255px;
}

.advsearchpage .main-menu > ul > li:last-child {
    border-bottom: 8px solid #20CDDA;
    background: #FFF;
    margin-left: 1.5%;
    padding-left: 0;
}

.advsearchpage .main-menu > ul > li:last-child:hover {
    float: left;
    margin-left: 1.5%;
    width: 13%;
    padding: 0;
    cursor: text;
}

.advsearchpage .adv-search {
    color: #20CDDA;
    cursor: text;
}

.advsearchpage .adv-search:hover {
    color: #20CDDA;
    cursor: text;
}

.advsearchpage .adv-search:hover, .advsearchpage .open, .advsearchpage .main-menu > ul > li:hover .adv-search {
    color: #20CDDA;
    cursor: text;
}

.advsearchpage .sidebar-adv-search .sub-menu {
    border-top: 0;
    -moz-box-shadow: 0 0 0 #FFF;
    -webkit-box-shadow: 0 0 0 #FFF;
    box-shadow: 0 0 0 #FFF;
}

.advsearchpage .advance-search .inp-search {
    border: 1px solid #f0f0f0;
    color: #6e6e6e;
    line-height: 13px;
    padding: 7px 10px 4px;
    font-size: 12px;
}

.advsearchpage ::-webkit-input-placeholder {
    color: #6e6e6e;
}

.advsearchpage :-moz-placeholder {
    color: #6e6e6e;
}

.advsearchpage ::-moz-placeholder {
    color: #6e6e6e;
}

.advsearchpage :-ms-input-placeholder {
    color: #6e6e6e;
}

.advsearchpage .sidebar-adv-search .sub-menu {
    padding: 0;
}

.advsearchpage #advanced-filter-items {
    margin-top: 2px;
}

.advsearchpage .main-adv-search {
    margin-top: -11px;
}

.fancybox-title .child-right {
    float: right;
    width: 31%;
    margin-top: 10px;
}
.fancybox-title .child-left {
    float: left;
    width: 65%;
}
.fancybox-title .child-right .btn-selection {
    float: left;
    width: 70%;
    background-position: 0 10px;
    font-size: 11px;
    line-height: 1.2em;
    border-right: 1px solid #CCC;
    color: #A8A8A8;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 10px;
}
.fancybox-title .child-right .in-cart {
    cursor: default;
}
.fancybox-title .child-right .ico-pintrest {
    margin-top: 11px;
}

#skip {
    text-align: right;
}

#skip a {    
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skip a:focus {
    position: static;
    width: auto;
    height: auto;
}

a:focus { 
    outline: none; 
    text-decoration:none;
    color: #6e6e6e;
}
*::-moz-focus-inner { 
    border: none; 
}

#main-content-area:focus {
    outline: none;
}           

#webform-client-form-6 label{
    display:none;
}     

.solutions-hero {
    width: 500px;
    height: 208px;
    float: left;
    margin-right: 10px;
    margin-bottom: 24px;
    max-width: 100%;

}
.packages li {
    float: left;
}

/*Case study stylings*/
h1.case-head {
    background-color: #9e9e9d;    
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    padding: 6px;
    margin-bottom: 0;

}
.case-study {
    width: 50%;
    padding: 25px 0;
    float: left;
    position: relative;
    border-bottom: 1px solid #e2e2e2;
}
.case-study .case-study-hero {
    width: 196px;
    float: left;
    margin-right: 20px;
    height: 196px;

}
hr.heading-rule {
    margin-top: 2px;
    border-top: 2px solid #20cdda;  
}
.main-product h2.case-study-head {
    font-family: "proxima_novasemibold";
    font-size: 18px;    
    letter-spacing: 1.5px;

}
a.case-study-more {
    background-color: #20cdda;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 10px;
    position: absolute;
    bottom: 25px;
    right: 20px;
}
.case-hero-holder {
    padding-left: 0;
}

.case-study-section.background {
    margin-top: 10px;
}
.single-solution-page h3 {
    background-color: #EBEA3E;
    color: #4b4b4b;
}
.product-bottom h3, h3.case-study-section {
    background: #ebea3e;
    color: #6e6e6e;
    font-size: 12px;
    padding: 3px 10px;
    line-height: 20px;
    margin-bottom: 20px;
    font-family: 'proxima_nova_rgbold',Arial,Verdana;
    letter-spacing: 1.5px;
}
a.case-study-download {
    background-color: #20cdda;
    border-radius: 10px;
    padding: 6px 10px;
    margin-left: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-family: "proxima_nova_rgbold",Arial,Verdana;
}
.single-solution-page .block-product {
    width: 15.4%;
    margin: 0 4px;
    min-width: 150px;
}
.single-solution-page h1 {
    font-size: 18px;
    font-family: "proxima_novasemibold",Helvetica,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.main-product .single-solution-page h2.case-study-head {
    font-size: 30px;
    text-transform: uppercase;

}
.packages li {
    min-width: 155px;
    margin-right: 15px;
    font-size: 17px;
    text-transform: uppercase;
    background-color: #20cdda;
    border-radius: 10px;
    margin-bottom: 10px;

}
.packages li:hover {
    cursor: pointer;
}
.packages li span {
    display: inline-block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 2;
    color: #fff;
}
.packages span.active {
    background-color: #eedc00;
}
.product-package-wrapper .solution-products{
    padding-left: 0;
    padding-right: 0;
}
.send-package-button {
    background-color: #ebea3e;
    padding: 3px 10px;
    border-radius: 10px;
    color: #4b4b4b;
    font-family: "proxima_novasemibold",Arial,Verdana;
    text-transform: uppercase;
    white-space: nowrap;
    border: none;
}

#btn-email-selections:hover, .print-package:hover, #send-to-wrapper #edit-submit:hover {
    color: #fff;
}
button.print-package {
    font-size: 13px;
    height: 21px;
    line-height: 20px;
}
button.print-package, a.print-package, #download-all-files {
    background-color: #20cdda;
    padding: 0 10px;
    border-radius: 10px;
    color: #4b4b4b;
    font-family: "proxima_novasemibold",Arial,Verdana;
    text-transform: uppercase;
    white-space: nowrap;
    border: none;
    margin-top: 12px;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
}
.solutions-email h2, .compare h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #505050;
}
.package-email {
    margin-bottom: 20px;
}
.custom-form-error, .custom-form-success {
    width: 100%;
    height: 34px;
    background-color: #20cdda;
    margin-bottom: 10px;
    display: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 34px;
}

body[class*='page-solutions-'] .custom-form-error, .custom-form-success {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.asset-download {
    margin-top: 15px;
}
.asset-download .popup-download {
    width: 150px;
    left: -55px;
}
.asset-download .arrow-top2 {
    left: 65px;
}
/* Category Icons */
.category-icons {
    margin-top: 20px;
}
.category-icons li.parent:hover {
    background: url(../images/cat-icon-hover-bg.png) center right no-repeat;
}
.category-icons > ul > li {
    width: 67px;
    height: 67px;
    text-align: center;
}
.category-icons li {
    display: inline-block;
    margin: 0 8px;
    position: relative;
}
.category-icons li ul {
    position: absolute;
    background: #FFF;
    display: none;
    z-index: 1;
    width: 200px;
    padding-bottom: 5px;
}
.category-icons li:hover ul {
    display: block;
    border-top: 8px solid #20cdda;
    -moz-box-shadow: 0 3px 3px #9e9e9d;
    -webkit-box-shadow: 0 3px 3px #9e9e9d;
    box-shadow: 0 3px 3px #9e9e9d;
    margin-top: 5px;
}
.category-icons li ul li {
    display: block;
    padding: 3px 0;
    border-bottom: 2px solid #20CDDA;
    font-size: 14px;
    text-align: left;
}
.category-icons li ul li:last-child {
    border-bottom: none;
}
.category-icons a {
    color: #9e9e9d;
    font-family: "proxima_novasemibold", Arial, Verdana;
    letter-spacing: 0.8px;
}
.category-icons a:hover {
    color: #20cdda;
}
.category-icons li img {
    width: 55px;
    margin-top: 6px;
}
.category-icons li.parent-sub {
    text-transform: uppercase;
    padding: 12px 0;

}
.category-icons .parent-sub a {
    color: #20cdda;
}
.category-icons li.disabled,
.category-icons li.disabled:hover {
    cursor: default;
    opacity: 0.2;
    background: none;
}
.category-icons li.disabled:hover ul {
    display: none !important;
}
.form-managed-file .form-submit {
    padding :6px 12px;
    background: #20cdda none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    margin: 0 5px;
    width: auto;
    font-size   : 14px;
    cursor      : pointer;
    border:none;
    font-family:"proxima_nova_rgbold";
}
.auto-crop-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
}
.auto-crop-img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* Our Story Page */
.story-menu{
    margin-bottom: 30px;
}
.story-menu ul li{
    list-style-type: none;
    float: left;
    border-radius: 50%;
    width: 220px;
    margin-right: 35px;
    text-align: center;
}
.story-menu ul li:last-child{
    margin: 0;
}
.story-menu ul li a{
    display: block;
    height: 220px;
    font-size: 16px;
    line-height: 1.1em;
    font-weight: bold;
    padding-top: 20%;
    color: #fff;
    border-radius: 50%;
    background: #696969;
    position: relative;
}
.story-menu ul li a:before{
    content: "";
    display: block;
    height: 95px;
    width: 81px;
    margin: 0 auto 5px;
    background: url(../images/story_icons.png) no-repeat;
    zoom: 0.9;
}
/*.story-menu ul li a.innovation:before{
    background: url(../images/story_icons.png) -88px 0 no-repeat;
}
.story-menu ul li a.quality:before{
    background: url(../images/story_icons.png) -174px 0 no-repeat;
}
.story-menu ul li a.service:before{
    background: url(../images/story_icons.png) -256px 0 no-repeat;
}*/
.story-menu ul li.active a.design:before,
.story-menu ul li a.design:before{
    background: url(../images/story_icons.png) 0 -94px no-repeat;
}
.story-menu ul li.active a.innovation:before,
.story-menu ul li a.innovation:before{
    background: url(../images/story_icons.png) -88px -94px no-repeat;
}
.story-menu ul li.active a.quality:before,
.story-menu ul li a.quality:before{
    background: url(../images/story_icons.png) -174px -94px no-repeat;
}
.story-menu ul li.active a.service:before,
.story-menu ul li a.service:before{
    background: url(../images/story_icons.png) -256px -94px no-repeat;
}
.story-menu ul li a:hover,
.story-menu ul li.active a{
    color: #fff;
    background: #00c1d5;
}
.story-description{
    display: none;
}
.story-description.active{
    display: block;
}
/*
NPI STYLES
*/
.new-products .range-summary h3{
    font-size: 16px;
    color: #20CDDA;
    text-transform: uppercase;
    font-family: "proxima_nova_rgbold";
}
.new-products .range-toggle{
    padding-bottom:35px;
}
.new-products-cleanflush{
    overflow:hidden;
}
/*flush page*/
.button-blue{    
    background:#20cdda;
    padding:8px 40px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius:25px;
    border-radius:25px;
    -webkit-box-shadow:-2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:-2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}
.button-blue:hover, .button-blue:focus{
    color:#fff
}
.clean-flush-banner{
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 560px;
    position: relative;
}
.new-std{
    position: absolute;
    bottom:85px;
    left:0;
    right:0;
    font-family: 'proxima_nova_rgregular';
    color:#fff;
    font-size: 56px;
    text-align: center;
    line-height:normal
}
.scroll-down{
    width: 100%;
    max-width:370px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding:8px 0
}
.scroll-down:hover{
    color: #fff;
}
.clan-flush-sticky{
    width:100%;
    background:#fff;
    padding:0 20px;
    overflow:hidden
}
ul.clean-flush-nav{
    width:auto;
    float:left;
}
ul.clean-flush-nav li{
    list-style-type:none;
    float:left;
    padding:0 20px
}
ul.clean-flush-nav li:first-child{
    padding-left:0
}
ul.clean-flush-nav li a{
    font-size:12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color:#20cdda;
    font-weight:600;
    line-height: 25px;
    padding:18px 0;
    display:block
}
.insignia-logo{
    width: 26px;
    height:26px;
    background: url('../images/insignia-logo.png')no-repeat 0 -40px;
    display: block;
}
ul.clean-flush-nav li a.active .insignia-logo,
ul.clean-flush-nav li a:hover .insignia-logo{
    background-position:0 -10px
}
ul.clean-flush-nav li a:hover,
ul.clean-flush-nav li a.active{
    color:#333333
}
.clean-flush-logo{
    float:right;
    margin-top: 16px
}
.sticky {
    position: fixed;
    top: 0;
    z-index: 10000;    
    max-width:1000px;
}
.confess{
    width:100%;
    background:#fafafa;
    overflow:hidden;
    height:560px;
}
.confess-banner{
    background-size:cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 50%;
    height:560px;
    float:left
}
.confess-info{
    width: 50%;
    min-height: 560px;
    float:left;
    padding:40px 45px;
    position: relative
}
.confess h3{
    font-family: "proxima_nova_rgregular";
    font-size:46px;
    line-height: 48px;
    color:#20cdda;
    font-weight:normal;
    margin:0 0 35px 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3)
}
.range h3{
    pading-right:60px;
    text-shadow:none;
}
.confess p{
  font-size:14px;
  margin-bottom: 25px
}
.find-out-more{
    position: absolute;
    right:45px;
    bottom:40px;
    
}
.good-design-award{
    position:absolute;
    bottom:40px
}
.award{
    position:relative;
    margin-top:25px; 
    padding-right:58px
}
.award .good-design-award{
    right:-40px;
    bottom:0
}
.how-it-works{
margin-top:20px;
display:inline-block
}
.region-cleanflush-products-region{
    background:#fafafa;
    width:100%;
    overflow: hidden;    
}
/*flexslider*/
.flush-slidingpanle{
    width:100%;
    height:560px;
    position:relative;
    overflow:hidden
}
.flush-slidingpanle .flex-direction-nav a.flex-next::before, 
.flush-slidingpanle .flex-direction-nav a.flex-prev::before{
    content: none
}
.flush-slidingpanle .flexslider:hover .flex-next{
    right:0
}
.flush-slidingpanle .flexslider:hover .flex-prev{
    left:0
}
.block-gwa-slider .flex-viewport{
    overflow: hidden;
}
.block-gwa-slider .flex-viewport img{
    height: auto;
    width: auto;
}
.flex-slide-slider .flex-direction-nav a{
    top:50%;;
    margin:0
}
.flush-slidingpanle .flex-slide-slider .flex-direction-nav a,
.flush-slidingpanle .flex-slide-slider .flex-direction-nav a{
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.flex-slide-slider .flex-direction-nav .flex-next{
    background:url('../images/slider-flush-next.png') no-repeat 0 0;
    width:33px;
    height: 70px;
   display: block;
   right:0
}
.flex-slide-slider .flex-direction-nav .flex-prev{
    background:url('../images/slider-flush-prev.png') no-repeat 0 0;
    width:33px;
    height: 70px;
   display: block;
   left:0
}
.flex-slide-slider .flex-direction-nav .flex-disabled{
    display: none;
    z-index: -2
}
.flush-listing{
    position: relative;
    height:560px
}
.flush-listing h3{
    font-family: 'proxima_nova_rgregular';
    font-size: 18px;
    color: #333333
}
.flush-listing p{
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    margin-bottom:20px
}
.caroma-nz-flush{
    background-size: cover;
    background-position: center top; 
    width: 100%;
    height: 560px
}
.flexslider .slides img.clean-flush-banner-logo{
    width: 285px;
    margin: 0 auto;
    margin-bottom: 35px
}
.flush-listing.caroma-nz-flush .flush-content{
    width: 480px;
    margin:0 auto;
    position: absolute;
    top:50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.flexslider.flush-carousel{
    position: absolute;
    bottom:28px;
    left:0;
    right:0;
}
.flexslider.flush-carousel .slides > li{
    width: 212px!important;
    margin: 5px 12px;
    position:relative
}
.flexslider.flush-carousel .slides > li:nth-child(2){
    margin-left: 40px
}
.flexslider.flush-carousel .slides > li:before{
    content:"";
    background: url('../images/car-flush-arrow.png') no-repeat;
    width: 6px;
    height: 10px;
    position:absolute;
    top:10px;
    right:-15px
}
.flexslider.flush-carousel .slides > li:last-child:before{
    display: none
}
.flexslider.flush-carousel .slides > li.flex-active-slide .title-slide{
    background: #20cdda;
    color: #fff;    
}
.title-slide{
    background: #fff;
    width: 100%;
    font-family: "proxima_nova_rgbold";
    color:#20cdda;
    text-transform: uppercase;;
    font-size: 12px;
    padding:5px 0;    
    text-align: center;
    display: block;    
    cursor: pointer;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
    -webkit-border-radius:30px;
    border-radius: 30px;
}
.flexslider.flush-carousel .flex-direction-nav{
    display: none;
}
.flush-half{
    width:50%;
    min-height: 560px;
    float:left;
    position: relative
}
.flush-half.tabs-listing-content{
    background:#fff;
    float:right
}
.flush-half .carousel-inner{
    position: absolute;
    top:50%;
    height:auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.button-blue.watch-action {
    bottom: 60px;
    position: absolute;
    right: 30px;
}
.flush-cc{
    height:700px;
    background-size:cover;
    background-position:center center
}
.flush-half-content{
    padding: 115px 70px;
}
.flush-half-content h2{
    font-family: 'proxima_nova_rgregular';
    font-size: 30px;
    color:#00cedc;  
    margin:0 0 10px 0
}
.flush-half-content p{
    padding-top: 15px;
    margin-bottom: 0
}
.flexslider .slides > li.caroma-works{
    background: url('../images/customer-tech-bg.jpg')no-repeat center;
}
h2.title-top{
    font-family: 'proxima_nova_rgregular';
    font-size: 46px;
    line-height: 48px;
    color:#20cdda;  
    margin:0;
    padding:40px 0 20px 0
}
.flush4 h4{
     font-family: 'proxima_nova_rgbold';
    font-size: 14px;
    color:#00cedc;  
    margin:0
}
.flush4 .flush-half-content p{
    padding: 10px 0 20px 0
}
.flush5 .flush-content{
    width: 450px;
    position: absolute;
    bottom: 100px;
    left: 40px
}
.flush5 .flush-content p{
    color:#fff;
    line-height: 16px
}
/*carousel style*/
.flush3 .carousel-inner{
   max-width: 920px;
   margin: 0 auto
}
.flush3 .carousel-control.left, .flush3 .carousel-control.right{
    background:none
}
.flush3-top{
    min-height: 75px;
    padding: 26px 40px 0 40px
}
.flush3-top h2, .flush3-top a{
    font-family: 'proxima_nova_rgregular';
    font-size: 25px;
    color:#00cedc;  
    margin:0 0 10px 0;
}
.flush3-top h2{
    float:left
}
.flush3-top a{
    background: url('../images/moodboard-icon.jpg')no-repeat 0 0;
    padding-left:35px;
    float: right;
    display:none
}
.flush-listing .flush3-content{
    padding:15px 40px 
}
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height: 1
}

/*GDD- 213*/
.captcha legend, .captcha .fieldset-description, .captcha .description {display: none;}
.captcha .fieldset-wrapper img {margin-left: 320px;}
.captcha .form-item > input {margin-left: 134px;margin-top: 10px;width: 180px;}
/*GDD- 213*/

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.carousel-inner>.item.active.right, .carousel-inner>.item.next {
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.flush3 .carousel-control{
    bottom: 38px;
    width: auto;
    z-index: 16
}
.fill{
    background-size:cover;
    background-position: center center;
    height:486px
}
.flush3 .fancybox-effects-a{
    position: absolute;
    bottom: 16px;
    right: 13px;
}
.carousel-control {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
/*	text-shadow: 0 1px 2px rgba(0,0,0,.6);*/
	background-color: rgba(0,0,0,0);
	filter: alpha(opacity=100);
	opacity: 1
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control:focus, .carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 50%;
	margin-right: -10px
}
.carousel-control .icon-next, .carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1
}
.carousel-control .icon-prev:before {
	content: '\2039'
}
.carousel-control .icon-next:before {
	content: '\203a'
}
.caroma-works .carousel
{
    height: 560px;
}
.caroma-works .carousel-indicators {
    left:0;
    right:0;
    width: 100%;
    margin-left: 0;
    position:relative
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}
.caroma-works .carousel-indicators li{
    width: 100%;
    height: auto;
    text-indent: 0;
    text-align: left;
    margin:6px 0;
    border:none;
    background:none
}
.caroma-works .carousel-indicators .active{
    width: 100%;
    height: auto;
}
.caroma-works .carousel-indicators li .title-tab{
    background:url('../images/current-inactive.png') no-repeat 0 5px;
    display:block;
    padding-left:15px
}
.caroma-works .carousel-indicators li.active .title-tab{
    background:url('../images/current-active.png') no-repeat 0 5px;
     color:#20cdda;
     font-weight: bold
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px 5px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
	text-shadow: none
}
.region region-store-locator-cleanflush{
    padding-top:30px
}
.region region-store-locator-cleanflush .main-product{
    margin-top:0
}

/* Video section */
.action {
    font-family: 'Avenir Next', 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 1.15em;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 1em 2em;
    color: #fff;
    border: 2px solid;
    border-radius: 40px;
    background: none;
    -webkit-flex: none;
    flex: none;
}
.video-wrap {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.video-wrap--show {
    pointer-events: auto;
}

.video-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 0;
    background: black;
}

.video-wrap--show .video-inner {
    opacity: 1;
}

.video-player {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.video-loaded .loader {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.action__label {
    display: inline-block;
    margin: 0 0 0 0.75em;
}
.action__label--hidden {
    position: absolute;
    top: 200%;
}
.video-loaded .action--play {
    opacity: 1;
    pointer-events: auto;
}
.action--close {
    line-height: 1;
    position: absolute;
    z-index: 1000;
    top: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    padding: 0;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: scale3d(0.7,0.7,1);
    transform: scale3d(0.7,0.7,1);
}
.video-wrap--show .action--close {
    opacity: 1;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
i.glyphicon.icon-remove {
    background: url(../images/icon-close-slim.png) 50% 50% no-repeat;
    width: 100%;
    height: 100%;
    background-size: 180% 180%;
}
@media screen and (min-width: 25em) {
    .video-inner {
        width: 30vw;
        height: 30vw;
        
        -webkit-transform: scale3d(0.1,0.1,1) rotate3d(0,0,1,-5deg);
        transform: scale3d(0.1,0.1,1) rotate3d(0,0,1,-5deg);
    }
    .video-wrap--show .video-inner {
        opacity: 0;
        -webkit-animation: showVideo-1 1.25s forwards;
        animation: showVideo-1 1.25s forwards;
    }
    .video-wrap--hide .video-inner {
        -webkit-animation: hideVideo 1.25s forwards;
        animation: hideVideo 1.25s forwards;
    }
    .video-player {
        left: 50%;
        width: auto;
        height: 100vh;
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
        -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.7,0.7,1) rotate3d(0,0,1,5deg);
        transform: translate3d(-50%,-50%,0) scale3d(0.7,0.7,1) rotate3d(0,0,1,5deg);
    }
    .video-wrap--show .video-player,
    .video-wrap--hide .video-player {
        -webkit-transform: translate3d(-50%,-50%,0) scale3d(1,1,1);
        transform: translate3d(-50%,-50%,0) scale3d(1,1,1);
    }
}
/* This is the same as an aspect ratio of 16/9.
Here we take the viewport height as main measure
and size the video-inner accordingly.
The video itself will use the viewport width as main 
measure so that we ensure a filling of the screen.
*/
@media screen and (min-width: 25em) and (min-aspect-ratio: 1280/720) {
    .video-inner {
        width: 30vh;
        height: 30vh;
    }
    .video-wrap--show .video-inner {
        -webkit-animation: showVideo-2 1.25s forwards;
        animation: showVideo-2 1.25s forwards;
    }
    .video-player {
        width: 100vw;
        height: auto;
    }   
}

/* Animation for showing the video wrapper */
@-webkit-keyframes showVideo-1 {
    50% {
        width: 50vw;
        height: 50vw;
        opacity: 1;
        -webkit-transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
        transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
    }
    100% {
        width: 100vw;
        height: 100vh;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
}

@keyframes showVideo-1 {
    50% {
        width: 50vw;
        height: 50vw;
        opacity: 1;
        -webkit-transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
        transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
    }
    100% {
        width: 100vw;
        height: 100vh;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
}

/* Alternate animation for showing the video wrapper */
@-webkit-keyframes showVideo-2 {
    50% {
        width: 50vh;
        height: 50vh;
        opacity: 1;
        -webkit-transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
        transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
    }
    100% {
        width: 100vw;
        height: 100vh;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
}

@keyframes showVideo-2 {
    50% {
        width: 50vh;
        height: 50vh;
        opacity: 1;
        -webkit-transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
        transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
    }
    100% {
        width: 100vw;
        height: 100vh;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
}

/* Animation for hiding the video wrapper */
@-webkit-keyframes hideVideo {
    0% {
        width: 100vw;
        height: 100vh;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
    100% {
        width: 100vw;
        height: 100vh;
        opacity: 0;
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
}

@keyframes hideVideo {
    0% {
        width: 100vw;
        height: 100vh;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
    100% {
        width: 100vw;
        height: 100vh;
        opacity: 0;
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
}
/* ------------- */
@media screen and (min-width:768px) {
    .flush3 .carousel-control .glyphicon-chevron-left, 
    .flush3 .carousel-control .glyphicon-chevron-right, 
    .flush3 .carousel-control .icon-next, 
    .flush3 .carousel-control .icon-prev {
        height: auto;
        margin-top: -12px
    }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: -10px;
	font-size: 40px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right: -10px
}
.carousel-caption {
	right: 20%;
	left: 20%;
	padding-bottom: 30px
}
.caroma-works .carousel-indicators{
    position: relative;
    top:0;
    left:0;
    bottom:0;
    width:100%
}
.carousel-indicators {
	bottom: 20px
}
}
.control-slide{
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    width: 10%;
    margin: 0 auto;
    min-height: 50px;
}
/*video panel- clean flush*/
.video-pannel{
    background-color: #000;
    position: relative;
    width: 100%;
    height:560px;

    overflow: hidden
}
.thumbnail_container:before{
    content: "";
    background:rgba(44,62,87,0.5);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.video-pannel video{
    margin-top:-50px
}
.video-action{
    width:500px;
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin:0 auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video-action h2{
    font-family: "proxima_nova_rgregular";
    font-size:46px;
    line-height: 48px;
    color:#20cdda;
    margin:0
}
.video-action span{
    display: block;
    margin: 15px 0 30px 0;
}
.video-action span img{
    cursor: pointer
}
.button-blue.watch-action-btn{
    display: inline-block;
    margin:0;
    cursor: pointer
}
.thumbnail_container{
    width:100%;
}
.video-pannel iframe{
    width:100%;
    min-height:560px;
    height:100%
}
.start-video {   
    text-align:center;
    -webkit-transform:translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;    
    transition: all 0.3s;
}
.video-pannel-title {
    font-family: 'proxima_nova_rgregular';
    font-size: 30px;
    color:#20cdda;
    position: absolute;
    top: 70%;
    left:0;
    right:0;
    z-index: 1;
    text-align: center;    
}
/*product pannel style*/
.ex-row-clean{
    padding:45px 50px 0 50px;
    overflow: hidden
}
.ex-row-clean .block-product{
    width: 20%;
    margin-bottom: 45px
}
.product-pannel-list{
    background:#fafafa;
    height: 100%;
    padding-bottom: 50px;
    overflow: hidden
}
.text-center{
    text-align: center
}
.product-pannel-cont{
    width:420px;
    margin:0 auto;
    padding-bottom:65px
}
.product-pannel-cont h4{
    font-family: 'proxima_nova_rgregular';
    font-size: 21px;
    margin: 30px 0 15px 0
}
.product-pannel-cont p{
    font-size: 14px
}
/*flush stockists*/
.flush-storelocator h1{
     font-family: 'proxima_nova_rgregular';
     font-size: 30px
}
.search-stockists-flush{
    margin-top:50px
}
.search-stockists-flush section.address h5{
     font-family: 'proxima_nova_rgregular';
     font-size: 18px
}
.search-stockists-flush .merchant-street{
    font-size: 13px
}
.flush-storelocator .col-sm-3.control-label{
    padding-left:0
}
.flush-storelocator .form-group{
    overflow: hidden
}
.region-store-locator-cleanflush{
    width:100%;
    overflow: hidden;
}
.state-links {
    display: inline;
    padding-left: 10px;
}
.state-links li {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 0 10px;
    line-height: 12px;
}
.state-links li:last-child {
    border-right: none;
}

#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.9);
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}
/*tabs*/
ul.img-tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.img-tabs li {
	color: #333333;
	font-size: 14px;
	display: block;
	padding: 3px 15px 3px 0;
	margin: 5px 0;
	cursor: pointer;
}
ul.img-tabs li.current{    
        color:#20cdda;
        font-weight: bold
}
.img-tab-content {
	display: none;
	height: 100%
}
.img-tab-content.current {
	display: inherit;
}

ul.img-tabs li .tablink-cont p{
    color:#333;
    font-size:14px;
    line-height: 17px
}
.half-left-wrap {
	padding-left: 40px;
        padding-right: 70px
}
.half-left-wrap-top {
	padding: 60px 0 30px 40px
}
.flush-half.tabs-listing {
	height: auto
}
.half-left-wrap-top {
	width: 100%;
	float: left
}
.flush-listing .tabs-listing p, .half-left-wrap-top p {
	color: #000;
        line-height: 17px
}
.flush5{
    background-size:cover;
    background-position: center top;
    height:700px
}
.pp-topban{
    background-size:cover!important;
    background-position: center center!important;
    height: 123px;
}
.action--play {
    display: none !important;
}
/*.open-new{
    display: inline
}*/
/*celebrate75*/
.blue-button{
    background:#20cdda;
    color:#fff;
    font-family:'proxima_nova_rgbold';
    font-size:12px;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
    border:none;
    padding:5px 25px;
    -webkit-border-radius:25px;
    -ms-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;

}
.celebrate-banner{
    position:relative;
    margin-bottom:30px
}
.logo-75{
    position: absolute;
    left: 15px;
    top: 48%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.yearsfirst-banner{
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
    width:100%;
    height:400px;
}
.text-congrats{
    width:265px;
    position: absolute;
    top:46%;
    right:10px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.text-congrats h2{
    font-family:"proxima_nova_rgregular";
    font-size:25px;
    color:#20cdda;
    font-weight:normal;
    line-height:normal;
    letter-spacing: normal;
    margin:0 0 15px;
}
.text-congrats p{
    font-size:14px;
    color:#000;
}
.years-story{
    width:630px;
    float:left;
}
.years-story h3{
    font-family:'proxima_nova_rgbold';
    font-size:16px;
    color:#20cdda;
    margin:0 0 15px 0;
}
.video-story{
    display:block;
    margin:20px 0 0 0;
}
.video-img{
    display: block;
    position: relative;
}
.video-img img{
    width: 100%;
    max-width: 100%
}
.play-btn{
    width:0;
    height: 0;
    position: absolute;
    top:50%;
    left:0;
    right: 0;
    margin:0 auto;
    cursor: pointer;
    border-top:50px solid transparent;
    border-bottom:50px solid transparent;
    border-left:80px solid #20cdda;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video-story .blue-button{
    margin-top:50px 
}
.celebrate-form{
    width:349px;
    float:right;
}
.thankyou-copy{
    display: none
}
.guide-copy-nz{
    background:#20cdda url('../images/young-guide.png') no-repeat 96% 10px;
     padding:15px 0 15px 20px;
}
.guide-copy-nz span{
    font-family: 'proxima_nova_rgbold';
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    letter-spacing:0.5px;
    display:block;
}
.download{
    font-size:27px;
    line-height:26px;
}
.guide-copy-nz span.free{
    font-size:62px;
    line-height:58px;
    letter-spacing: 4px
}
.guide-copy-nz span.design-guide{
    font-size:22px;
    line-height:26px;
    letter-spacing: 16px
}
.guide-copy-nz span.design-guide .guide{
    letter-spacing: 23px
}
.thankyou-copy .guide-copy-nz span.free{
    font-size: 58px;
    letter-spacing: 0
}
.form-guide-nz{
    min-height: 300px;
    padding:30px 20px 20px 20px;
    overflow: hidden;
    border:3px solid #20cdda;
}
.select75{
    margin-bottom:20px
}
.design-guide-info p{
    color: #6e6e6e;
    line-height: normal;
}
.design-check{
    display: block;
    position: relative;
}
.design-check input{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 3px
}
.design-check p{
    font-family: 'proxima_nova_rgbold';
    padding-left:25px;
}
.download-now{
    float: right;
    margin-top: 15px
}
.celeb75-form #edit-actions {
    position: relative;
}
.celeb75-form #edit-actions .ajax-progress-throbber {
    position: absolute;
    left: 0px;
    top: 20px;
}

/* Video Feature */
.video-feature-content {
    position: absolute;
    top: 60px;
    right: 30px;
    color: rgb(255, 255, 255);
    width: 300px;
    text-align: left;
}
.video-feature-content h2 {
    font-size: 42px;
    margin: 0 0 20px;
}

.video-feature-content .btn-blue {
    border: 0;  
    -moz-box-shadow: 0 #000;  
    -webkit-box-shadow: 0 #000;  
    box-shadow: 0 #000;  
    -moz-border-radius: 15px;  
    -webkit-border-radius: 15px;  
    -khtml-border-radius: 15px;  
    border-radius: 15px;  
    text-shadow: none;  
    background: #20CDDA;  
    color: #FFF;  
    font-size: 10px;  
    padding: 5px 20px;
    margin-top: 50px;
}
.video-feature-content .btn-blue:hover {
    background-color: #FFF;
    color: #20CDDA;
}
.video-feature-panel {
    background: none repeat scroll 0 0 #000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.video-feature-panel iframe {
    border: medium none;
    height: 100%;
    width: 100%;
}
.video-feature-close {
    background-image: url(../images/icon-close-slim.png);
    cursor: pointer;
    display: block;
    height: 75px;
    padding: 12px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 30px;
    width: 75px;
}
@media (max-width:992px){
    .flush-storelocator .main-stockist, 
    .flush-storelocator .map-stockist,
    .pp-topban img{
        width: 100%
    }
    .ex-row-clean .block-product{
        width:33%;
        max-width: 100%
    }
    .video-pannel{
        overflow: hidden
    }
    .flush-slidingpanle .flex-direction-nav{
        display: block
    }
    .flexslider.flush-carousel{
        position: relative;
        margin-top: 30px
    }
    .flexslider.flush-carousel .slides{
        transform: none!important;
        width:100%!important;
    }
    .flexslider.flush-carousel .slides > li:nth-child(2){
        margin:5px 12px
    }
    .flexslider.flush-carousel .slides > li:nth-child(3)::before{
        background:none
    }
    .flexslider.flush-carousel .slides > li{
        width: 46%!important
    }
    .flush-half-content{
        padding:30px
    }
    .confess-info{
        padding:20px
    }
    .half-left-wrap{
        padding-right: 20px
    }
    h2.title-top, 
    .confess h3{
        font-size:35px;
        line-height: 35px
    }
    ul.img-tabs li{
        padding: 0
    }
    .img-tab-content{
        height:auto;
        position: absolute;
        top:50%;
        transform: translateY(-50%)
    }
    .find-out-more{
        right:20px
    }
}
@media (max-width:768px){
    .navbar-default{
        background:#fff!important;
    }
    .sticky{
        max-width:720px;
        width:100%;
        margin-top: -5px;
        top:5px!important;
    }
    .years-story {
    width: 53%;
    margin-left: 0;
}
.celebrate-form {
    width: 45%;
}
.download {
    font-size: 22px;
}
.guide-copy-nz span.free {
    font-size: 50px;
}
.guide-copy-nz span.design-guide {
    letter-spacing: 10px;
}
.guide-copy-nz span.design-guide .guide {
    letter-spacing: 16px;
}
    .store-buttons{
        width: 100%;
        margin-top: 0;
        padding: 10px 0 10px 10px;
        border-top:3px solid #fff;
    }
    .change-store-block{
        width: 100%;
        padding:10px;
    }
    .change-store-block:after{
        display: none;
    }
    .post-code{
        width: 35%
    }
    .change-store-block .select-holder{
        width: 35%;
        margin:0 10px;
    }
    .change-store-block .select-options{
        width: 100%
    }

	/*GDD- 213*/
	.captcha .fieldset-wrapper img, .captcha .form-item > input{margin-left: 0;}
	.captcha.form-wrapper, .form-item.form-type-textfield.form-item-captcha-response > label {width: 100%; float: left;}
	 
	/*GDD- 213*/
}
@media (max-width: 600px){
    .yearsfirst-banner{
        height: 300px;
        margin:10px 0;
    }
    .logo-75{
        width:80px;
        left: 0;
        position: relative;
        text-align: center;
        top: 0;
        margin-top: 20px;
        margin:0 auto;
        -webkit-transform: none;
        -moz-transform:none;
        -ms-transform: none;
        transform: none;
    }
    .logo-75 img{
        width: 100%
    }
    .text-congrats{
        left:0;
        right:0;
        width: 100%;
        margin:0 auto;
        position: relative;
        top: 0;
        -webkit-transform: none;
        -moz-transform:none;
        -ms-transform: none;
        transform: none;        
    }
   .main-product .text-congrats h2{
        font-size: 20px
    }
    .years-story, .celebrate-form{
        width: 100%
    }
    .video-story .blue-button{
        margin:20px 0 30px 0;
    }
}
@media (min-width:521px){
    .flexslider .slides > li.caroma-works:before{
        content:"";
        position: absolute;
        top:0;
        left:50%;
        right:0;
        bottom:0;
        width:50%;
        height:100%;
        background: transparent;
        z-index: 999
            
    }
}
@media (max-width: 520px){    
    .node-type-page .main-subpage{
        margin-left:-15px;
        margin-right: -15px
    }
  .new-std{
    font-size: 24px;
    line-height: 26px;
  }  
  .new-std span{
    display: block;
  }
  .flexslider.flush-carousel{
      display:none
  }
  .flush-listing.caroma-nz-flush .flush-content{
      width:100%;
      padding:0 25px
  }
  .flexslider .slides img.clean-flush-banner-logo{
      width:200px
  }
  .flush-half{
      width:100%;
      min-height:65%;
      overflow:hidden
  }
  .flush-half-content{
      padding:30px 20px
  }
  .flush3-top{
      padding:20px 20px 10px 20px
  }
  .flush3-top a{
      display: none
  }
  .flush3 .carousel.slide{
      height: 405px;
      padding:0 15px
  }
  .flush-listing .flush3-content{
      padding:15px 20px
  }
  .control-slide{
      width:30%
  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
      margin-top:5px
  }
  .half-left-wrap-top{
      padding:20px;      
  }
  h2.title-top{
      font-size: 25px;
      left:20px;
      line-height: 26px;
      padding:0 0 15px 0
  }
  .half-left-wrap{
      padding-left: 10px
  }
  .half-left-wrap{
      padding-right: 0
  }
  ul.img-tabs li{
      font-size: 13px;
      padding: 5px 10px
  }
  .flush5 .flush-content{
      width:100%;
      botttom:0;
      left:0;
      top:90px;
      position:relative;
      padding:0 20px
  }
  .flush5 .flush-content p{
      color:#333
  }
  .pp-topban{
      height: 90px
  }
  .product-pannel-cont{
      padding:0 20px 30px 20px;
      width:100%
  }
  .ex-row-clean{
      padding: 0 15px;
      margin:0
  }
  .ex-row-clean .block-product{
      width:50%;
  }
  .tablink-cont{
      width:100%;
      float:left;
      padding:10px 20px 0 20px;
      overflow: hidden
  }
  ul.img-tabs{
      width: 100%;
      float:left;
      padding:0
  }
  .title-tab, ul.img-tabs li.current .title-tab{
      background-position: 0 4px;      
  }
  ul.img-tabs li{
      padding:2px 10px
  }
  .video-pannel{
      min-height:580px;
  }
  .video-pannel-title{
      display:none
  }
  .start-video > img{
      width: 150px
  }
  .flush-cc{
      height:335px
  }
  .flush-half-content h2{
      font-size:24px
  }
  .slide-scroll-down{
      left:0;
      right:0;
      margin:0 auto
  }
  .ex-row-clean .block-product{
      height:inherit
  }
  .region.region-store-locator-cleanflush{
      padding:10px 15px
  }
  .flush-storelocator .col-sm-7, .flush-storelocator .col-sm-4{
      padding:0
  }
  .flush-storelocator .col-sm-offset-3{
      margin-left: 0;
      padding:0
  }  
  .confess-banner{
      width: 100%
  }
  .confess-info{
      width:100%;
      min-height: 100%;
  }
  .good-design-award{
      position:relative;
      bottom:0
  }
  .confess-info .find-out-more{
      position: relative;
      right:0;
      bottom:0;
      float:right;
      margin-top:40px
  }
  .flush-half.tabs-listing-content{
    float:left;
    min-height: 35%
}
.button-blue.watch-action{
    bottom:15px
}
.video-action{
    width:80%
}
.clan-flush-sticky{
    padding:22px 7px;
    width:100%;
    text-align: center
}
.sticky{
    max-width: 100%
}
ul.clean-flush-nav li{
    padding: 0 17px;
    margin-bottom: 10px
}
.clean-flush-logo{
    display:none
}
  .caroma-works .carousel-indicators{
    overflow: hidden;
    padding:0 20px
}
.confess{
    height: auto
}
.form-guide-nz {
    padding: 15px 10px;
}
}
@media (max-width:480px){
    .clean-flush-banner{
        height: 450px
    }
    .flush5{
        background-image:url('../images/flush5-mob.jpg')!important;
    }
    .thumbnail_container{
       background-image:url('../images/video-pannel-mob.jpg')!important;  
       height:580px
    }
    .ex-row-clean .btn-selection, .ex-row-clean .btn-compare{
        font-size: 11px;
        letter-spacing: 0
    }
    .ex-row-clean .product-name a{
        font-size: 11px;
        margin:5px 0;
        height:60px;
    }
    .clan-flush-sticky{
        padding: 10px 
    }
    ul.clean-flush-nav li a{
        padding:0
    }
    ul.clean-flush-nav li{
        padding:0 14px
    }

    .logo-75 {
        left: 0;
        position: relative;
        text-align: center;
        top: 0;
        padding-top: 0;
    }
}
@media (max-width:320px){ 
/*    .clean-flush-banner{
        background-image:url('../images/clean-flush-banner-mob.jpg')!important;
    }*/
.scroll-down{
    max-width:300px
}
    .button-blue{
        font-size: 11px
    }
        .scroll-down{
        bottom:42px
    }    
    .thumbnail{
        margin-left: -236px;
    } 
    .flush-storelocator .map-stockist{
      display: block
  }
  h2.title-top, .confess h3{
      font-size: 25px;
      padding-bottom: 10px
  }
  .caroma-works .carousel-indicators li{
      margin:1px 0
  }
   .logo-75{
    width: 60px
  }
  .yearsfirst-banner{
    height: 250px
  }
  .download{
    font-size:18px;
  }
  .guide-copy-nz span.free{
    font-size:40px;
  }
  .guide-copy-nz span.design-guide{
    font-size: 16px
  }
  .guide-copy-nz span.design-guide .guide{
    letter-spacing: 15px
  }
  .thankyou-copy .guide-copy-nz span.free{
    font-size: 39px
  }
}
.main-content.one{
    margin-top:30px;
}
@media (max-width: 567px){
    .store-buttons{
        padding:10px 5px;
    }
    .store-buttons input,
    .store-buttons a,
    .store-buttons i{
        width: 46%;
        margin:0 2%;                
    }
    .change-store-block{
        width:100%;
        padding:10px;
        margin:0;
    }
    .change-store-block .selectBox-dropdown{
        min-width: 100%;
        margin:10px 0;
    }
}
@media (max-width: 767px){
    .change-store-block{
        width:100%;
        margin:0;
        padding:10px;
    }
    .change-store-block .selectBox-dropdown{
        min-width: 48%;
        margin:0 2% 10px 2%;
    }
}
/*****GDD-213******/

.captcha .fieldset-wrapper img {
     margin-left: 66px; 
}
.form-item .description{
    display: none;
}
.form-item-captcha-response .description{
    display: block;
     float: none; 
     width: auto;
     margin-left:0px; 
}
.form-item-captcha-response label{
    display: none;
}
#edit-captcha-response {
    width: 180px;
    margin: 10px 0;
}
.captcha img {
    float: left;
    margin-right: 2%;
    margin-left: 66px;
}
.form-item-captcha-response {
    height: 60px;
}
#edit-name, #edit-pass{
    width: 380px;
}

@media (max-width:499px) {
    .captcha .fieldset-wrapper img {
         margin-left: 0px; 
    }
    #edit-name, #edit-pass{
        width: inherit;
    }
    #edit-actions {
        margin: 150px 0;
    }
	.page-win #edit-actions {
		margin: 0px 0;
	}
}
/*****GDD-213******/
/*GDD-820*/

.choose-holiday-img{
    max-width: 60px;float:left;margin-right: 15px;
}
.choose-holiday-col{
    height: 60px;margin: 10px 0;
}
.purchase-product-img{
    width:100%;margin: 40px 0 20px 0;
}
.plan-your-bathroom-img{
    max-width: 358px;
}
.heading-terms{
    font-family: 'proxima_nova_rgbold';
    font-size: 12px;
    color:#6e6e6e;
    margin: 5px 0;
}
.peragraph-terms{
    font-family: "proxima_nova_rgregular";
    font-size: 12px;
    color:#6e6e6e;
}
.ready-to-enter-img{
    width:35%;float:left;margin-left: 2%;
}
.ready-to-enter-img-4{
    width:35%;float:left;margin-left: 2%;
}
.ready-to-enter-img1{
    width:35%;float:left;margin-left: -5%;
}
.ready-to-enter-img2{
    width:35%;float:left;margin-left: -5%;
}
.win-header-img{
    width:100%;
}
#form-guide-text{
    float:left;
    text-align: center;
}
#form-guide-container{
    margin:0 23%;
}
.heading-drag2{
    font-size: 10px;
    color:#cdcdcc;
    margin-top: 5px;
    margin-bottom: 30px;
}
.heading-drag{
    font-size: 13px;
    color:#9e9e9d;
}
.blue-button-drag {
    font-family: 'proxima_nova_rgbold';
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
    border: none;
    padding: 5px 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #20cdda;
    background: white;
    color: #20cdda;
    margin: 9px;
}
.form-guide-win-dashed{
    padding: 25px 10px 10px 10px;
    overflow: hidden;
    border: 1px dashed #20cdda;
    margin:30px 0;
}
.form-guide-win {
    padding: 25px 10px 10px 10px;
    overflow: hidden;
    border: 1px solid #20cdda;
    margin-top: 35px;
}
#heading-win-hoiliday{
    font-size: 14px;
    color: #20cdda;
    text-transform: uppercase;
    font-family: "proxima_nova_rgregular";
    margin-top:30px;
    margin-bottom:10px;
}
.blue-button-win{
    background: #20cdda;
    color: #fff;
    font-family: 'proxima_nova_rgregular';
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
    border: none;
    padding: 10px 40px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    width:100%;
    margin-top: 40px;
}
#heading-win-header{
    font-weight: 200;
    margin: 60px 0 30px 0;
}
#heading-win-small-header{
    font-size: 18px;
    font-weight: 200;
    margin-top:40px;
    margin-bottom:10px;
    font-family: "proxima_nova_rgregular";
}
.bodytext{
    font-size: 14px;
}
.content-win{
    margin:40px;
}
.ready-to-enter .text-center-win1{
    margin-top: 30px;
}
.ready-to-enter .text-center-win2{
    padding-top: 15px;
}
.ready-to-enter h3{
    font-size: 14px;
    color: #20cdda;
    margin: 2px 10%;
    text-transform: uppercase;
    font-family: "proxima_nova_rgregular";
}
.ready-to-enter h4{
    font-size: 12px;
    color: #014765;
    margin: 0 10%;
    text-transform: uppercase;
    font-family: "proxima_nova_rgbold";
}
.heading-steps{
    font-size: 24px;
    color: #014765;
    text-transform: uppercase;
    font-family: "proxima_nova_rgbold";
}
#section-steps {
    padding-top: 40px;
    clear: both;
}
#heading-win-small-styleguide{
    font-size: 18px;
    font-weight: 200;
    margin-top:30px;
    margin-bottom:10px;
    font-family: "proxima_nova_rgregular";
}
@media only screen and (max-width: 990px) {
    .style-guide-btn{
        margin-bottom:30px;
        padding-left: 0px;
    }
}
@media only screen and (max-width: 768px) {
    #form-guide-text{
        float:none;
    }
}
@media only screen and (max-width: 500px) {
    #form-guide-container{
        margin:0;
    }
    #form-guide-text{
        float:none;
    }
    .blue-button-win{
         font-size: 16px;
    }
}
.ready-img{
    margin-top: 50px; 
	display: inline-block; position: relative; /*popup*/
}
.choose-holiday-img{
    max-width: 68px;float:left;margin-right: 15px; border: 4px solid #ffffff;border-radius: 40px;
}
.choose-holiday-col{
    height: 60px;margin: 10px 0;
}
.purchase-product-img{
    width:100%;margin: 40px 0 20px 0;
}
.plan-your-bathroom-img{
    max-width: 358px;
}
.heading-terms{
    font-family: 'proxima_nova_rgbold';
    font-size: 12px;
    color:#6e6e6e;
    margin: 5px 0;
}
.peragraph-terms{
    font-family: "proxima_nova_rgregular";
    font-size: 12px;
    color:#6e6e6e;
}
.ready-to-enter-img{
    width:35%;float:left;margin-left: 2%;
}
.ready-to-enter-img1{
    width:35%;float:left;margin-left: -5%;
}
.ready-to-enter-img2{
    width:35%;float:left;margin-left: -5%;
}
.win-header-img{
    width:100%;
}
#form-guide-text{
    float:left;
    text-align: center;
}
#form-guide-container{
    margin:0 23%;
}
.heading-drag2{
    font-size: 10px;
    color:#cdcdcc;
    margin-top: 5px;
    margin-bottom: 30px;
}
.heading-drag{
    font-size: 13px;
    color:#9e9e9d;
}
.blue-button-drag {
    font-family: 'proxima_nova_rgbold';
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
    border: none;
    padding: 5px 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #20cdda;
    background: white;
    color: #20cdda;
    margin: 9px;
}
.form-guide-win-dashed{
    padding: 25px 10px 10px 10px;
    overflow: hidden;
    border: 1px dashed #20cdda;
    margin:30px 0;
}
.form-guide-win {
    padding: 25px 10px 10px 10px;
    overflow: hidden;
    border: 1px solid #20cdda;
    margin-top: 35px;
}
#heading-win-hoiliday{
    font-size: 14px;
    color: #20cdda;
    text-transform: uppercase;
    font-family: "proxima_nova_rgregular";
    margin-top:30px;
    margin-bottom:10px;
}
.blue-button-win{
    background: #20cdda;
    color: #fff;
    font-family: 'proxima_nova_rgregular';
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
    border: none;
    padding: 10px 40px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    width:100%;
    margin-top: 40px;
}
#heading-win-header{
    font-weight: 200;
    margin: 60px 0 30px 0;
}
#heading-win-small-header{
    font-size: 18px;
    font-weight: 200;
    margin-top:40px;
    margin-bottom:10px;
    font-family: "proxima_nova_rgregular";
}
.bodytext{
    font-size: 14px;
}
.content-win{
    margin:40px;
}
.ready-to-enter .text-center-win1{
    margin-top: 30px;
}
.ready-to-enter .text-center-win2{
    padding-top: 15px;
}
.ready-to-enter h3{
    font-size: 14px;
    color: #20cdda;
    margin: 2px 10%;
    text-transform: uppercase;
    font-family: "proxima_nova_rgregular";
}
.ready-to-enter h4{
    font-size: 12px;
    color: #014765;
    margin: 0 10%;
    text-transform: uppercase;
    font-family: "proxima_nova_rgbold";
}
.heading-steps{
    font-size: 24px;
    color: #014765;
    text-transform: uppercase;
    font-family: "proxima_nova_rgbold";
}
#section-steps {
    padding-top: 40px;
    clear: both;
}
#heading-win-small-styleguide{
    font-size: 18px;
    font-weight: 200;
    margin-top:30px;
    margin-bottom:10px;
    font-family: "proxima_nova_rgregular";
}
.ready-to-enter-text{
    width:60%;float:left;
}
#section-steps .row{
margin: 0 20px;
}

/* popups */
.popup-sxn {display: none;}
.popup-sxn {background: #ffffff none repeat scroll 0 0;color: #333333;font-family: "proxima_nova_rgregular";font-size: 13px;left: 50%;line-height: 17px;margin-left: -265px;padding: 20px 30px;position: absolute;top: 0;width:530px;z-index: 9999;}
.overlay-outer {background: rgba(0, 0, 0, .8);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999;}
.popup-sxn .cross-btn {position: absolute; right: 10px; top: 20px;}
.popup-sxn h2 {font-family: "proxima_nova_rgregular";font-size: 18px;color: #20cdda;}
.popup-sxn li {position: relative;}
.popup-sxn li::before {background: #333333 none repeat scroll 0 0;content: "";height: 3px;left: -10px;position: absolute;top: 7px;width: 3px;}
/* popups */
.choose-holiday-col.active img {border: 4px solid #20cdda;border-radius: 40px;box-shadow: 0 0 7px #606060;}
@media only screen and (max-width: 990px) {
    .style-guide-btn{
        margin-bottom:30px;
        padding-left: 0px;
    }
}
@media only screen and (max-width: 768px) {
    #form-guide-text{
        float:none;
    }
}

/* popups */
@media (max-width: 767px){
.content-win{margin: 0;}
.popup-sxn {width: 100%; left: 0;margin-left: 0;}
.ready-to-enter-text{padding-bottom: 30px;}
.form-managed-file input.form-file {margin-bottom: 20px;}
.success:first-child span{display: none;}
.success span.file-types {padding-left: 0 !important;  text-align: center !important;}
}
/* popups */
@media only screen and (max-width: 500px) {
    #form-guide-container{
        margin:0;
    }
    #form-guide-text{
        float:none;
    }
    .blue-button-win{
         font-size: 16px;
    }
    .ready-to-enter-img-4 {
        width: 80%;
        float: none;
        margin-left:10%;
    }
    .ready-to-enter-text{
        width:80%;
        float:none;
        margin-left:10%;
		padding-bottom: 30px;
    }
}

/*GDD-760*/


/* ===================== FILE INPUT ===================== */
.webform-component-managed_file {
  width: 100%;
  position: relative;
}
.webform-component-managed_file input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.webform-component-managed_file .file-dummy {
  width: 100%;
  padding: 30px;
 
  border: 2px dashed rgba(255, 255, 255, 0.2);
  text-align: center;
  transition: background 0.3s ease-in-out;
  float:left;
}
.webform-component-managed_file .file-dummy .success {
  display: none;
}
.webform-component-managed_file:hover .file-dummy {
  background: rgba(255, 255, 255, 0.1);
}
.webform-component-managed_file input[type=file]:focus + .file-dummy {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline: -webkit-focus-ring-color auto 5px;
}
.webform-component-managed_file input[type=file]:valid + .file-dummy {
}
.webform-component-managed_file input[type=file]:valid + .file-dummy .success {
  display: inline-block;
}
.webform-component-managed_file input[type=file]:valid + .file-dummy .default {
  display: none;
}

/*GDD-820*/