body {


    font-family: 'Open Sans', sans-serif;


    font-weight: 400;


    background-image: none;


    background-color: #fff;


}


a {


    color: #2e2e2e;


}


a:hover {


    text-decoration: none;


}


.mk-header-toolbar {


    background-color: #1e2024;


    min-height: 35px;


}


.mk-header-toolbar {


    width: 100%;


    position: relative;


}


.mk-toolbar-holder {


    padding: 0 20px;


}


.mk-header-tagline, 


.header-toolbar-contact, 


.mk-header-date {


    color: #ffffff;


}


.header-toolbar-contact, 


.mk-header-date, 


.mk-header-tagline {


    font-size: 13px;


    margin-right: 15px;


}


.header-toolbar-contact, 


.mk-header-date, 


.mk-header-login, 


.mk-header-signup, 


.mk-header-tagline, 


.mk-header-toolbar, 


.mk-header-toolbar .mk-header-searchform, 


.mk-language-nav>a {


    height: 35px;


    line-height: 35px;


}


.header-toolbar-contact svg, 


.mk-header-date svg, 


.mk-header-tagline svg {


    padding-right: 6px;


    height: 16px;


    vertical-align: middle;


}


.mk-svg-icon {


    width: auto;


    height: auto;


    fill: currentColor;


}


.mk-toolbar-navigation a, 


.mk-toolbar-navigation a:hover, 


.mk-language-nav > a, 


.mk-header-login .mk-login-link, 


.mk-subscribe-link, 


.mk-checkout-btn, 


.mk-header-tagline a, 


.header-toolbar-contact a, 


.mk-language-nav > a:hover, 


.mk-header-login .mk-login-link:hover, 


.mk-subscribe-link:hover, 


.mk-checkout-btn:hover, 


.mk-header-tagline a:hover {


    color: #ffffff;


}


.mk-header-social {


    display: inline-block;


    float: right;


    height: 30px;


}


.mk-header-social ul {


    list-style: outside none none;


    margin: 3px 0 0;


    padding: 0;


}


.mk-header-social ul li {


    margin: 0;


    display: inline-block;


}


.mk-header-social ul li a {


    position: relative;


    display: block;


    margin: 0 5px;


}


.mk-header-toolbar .mk-header-social svg {


    fill: #ffffff;


}


.mk-header-social ul li a svg {


    height: 16px;


    vertical-align: middle;


}


.mk-toolbar-resposnive-icon {


    position: absolute;


    left: 50%;


    top: 0;


    line-height: 16px!important;


    width: 24px;


    height: 24px;


    cursor: pointer;


    display: none;


}


.mk-toolbar-resposnive-icon {


    z-index: 80;


}


@media handheld, only screen and (max-width: 780px){


    .mk-toolbar-resposnive-icon {


        display: block;


    }


}


@media handheld, only screen and (max-width: 780px) {


    .mk-header-toolbar {


        padding: 10px 5px;


        display: none;


        height: auto;


        line-height: auto;


    }


}


@media handheld, only screen and (max-width: 780px) {


    #mk-header-checkout, 


    #mk-toolbar-navigation, 


    .header-toolbar-contact, 


    .mk-header-date, 


    .mk-header-login, 


    .mk-header-signup, 


    .mk-header-social, 


    .mk-header-tagline {


        width: 100%;


        float: none;


        display: block;


        height: auto;


        line-height: 25px;


        margin: 0 10px 5px;


        padding: 0;


    }


    .mk-header-social li svg {


        height: 24px;


    }


}


.add-header-height {


    height: 90px;


    line-height: 90px;


}


.header-logo {


    margin: 0 auto;


    text-align: center;


    width: 100%;


    position: relative;


}


.fit-logo-img a {


    display: inline-block;


    height: 100%;


    position: relative;


}


.mk-desktop-logo.dark-logo {


    display: block;


}


.mk-desktop-logo.light-logo {


    display: none;


}


.header-logo .mk-resposnive-logo, 


.logo-in-middle .header-logo,


.header-logo .mk-sticky-logo {


    display: none;


}


.fit-logo-img a img {


    display: block;


    height: auto;


    max-height: 100%;


    max-width: none;


}





.mk-header-nav-container {


    display: block;


    position: relative;


    margin: 0 auto;


    z-index: 99;


    text-align: center;


}


.mk-main-navigation {


    display: inline-block;


    text-align: center;


    margin: 0 auto;


}


.main-nav-side-search {


    display: inline-block;


    margin: 0 0 0 10px;


    vertical-align: top;


    position: relative;


    display: none;


}


.main-navigation-ul, 


.main-navigation-ul li.menu-item, 


.main-navigation-ul ul.sub-menu {


    margin: 0;


    padding: 0;


    list-style: none;


}


.main-navigation-ul>li.menu-item {


    float: left;


    display: inline-block;


}


.main-navigation-ul li.menu-item {


    position: relative;


    display: block;


    list-style-type: none;


}


.header-style-2 .main-navigation-ul>li.menu-item {


    line-height: 50px;


}


.main-navigation-ul a.menu-item-link, .main-navigation-ul span {


    display: block;


    text-decoration: none;


    white-space: normal;


}


.main-navigation-ul>li.menu-item>a.menu-item-link {


    display: inline-block;


    text-align: center;


    text-decoration: none;


    font-weight: 700;


    font-size: 13px;


    position: relative;


    box-sizing: border-box;


}


.main-navigation-ul > li.menu-item > a.menu-item-link {


    color: #3d4045;


    font-size: 13px;


    font-weight: 400;


    padding-right: 10px !important;


    padding-left: 10px !important;


    text-transform: capitalize;


    letter-spacing: 0px;


}


.main-navigation-ul>li.menu-item>a.menu-item-link {


    padding: 14px 25px;


    line-height: 23px;


}


.main-navigation-ul>li.current-menu-ancestor>a.menu-item-link:after, 


.main-navigation-ul>li.current-menu-item>a.menu-item-link:after, 


.main-navigation-ul>li.menu-item:hover>a.menu-item-link::after {


    -webkit-transform: scale(1,1);


    -ms-transform: scale(1,1);


    transform: scale(1,1);


    filter: alpha(opacity=@opacity * 100);


    -moz-opacity: 100;


    -khtml-opacity: 100;


    opacity: 100;


    opacity: 1;


}


.sticky-style-fixed .main-navigation-ul>li.menu-item>a.menu-item-link {


    transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;


    -webkit-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;


    -moz-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;


    -ms-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;


    -o-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;


}





.main-navigation-ul>li.menu-item>a.menu-item-link:after {


    content: "";


    display: block;


    width: 100%;


    height: 2px;


    -webkit-transform: scale(0,1);


    -ms-transform: scale(0,1);


    transform: scale(0,1);


    -ms-transform-origin: left center;


    transform-origin: left center;


    -webkit-transform-origin: left center;


    transition: all .15s ease-out;


    filter: alpha(opacity=@opacity * 100);


    -moz-opacity: 0;


    -khtml-opacity: 0;


    opacity: 0;


}


.menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover, 


.menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link, 


.menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link, 


.menu-hover-style-4 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link, 


.menu-hover-style-4.mk-vm-menuwrapper li a:hover, 


.menu-hover-style-4.mk-vm-menuwrapper li:hover > a, 


.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-item > a, 


.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-ancestor > a,


.main-navigation-ul > li.menu-item > a.menu-item-link:after {


    background-color: #00a94f;


    color: #3d4045;


}


.dropdownJavascript li.has-mega-menu:hover>ul.sub-menu, 


.dropdownJavascript li.no-mega-menu:hover>ul.sub-menu,


.dropdownJavascript li>ul.sub-menu {


    display: none;


}


.mk-main-navigation li.no-mega-menu ul.sub-menu, 


.mk-main-navigation li.has-mega-menu > ul.sub-menu, 


.mk-shopping-cart-box {


    background-color: #ffffff;


}


.main-navigation-ul li.has-mega-menu>ul.sub-menu {


    position: absolute;


    top: 100%;


    left: 0;


    padding: 17px 0;


}


.has-mega-menu>ul.sub-menu>li.mega_col_5 {


    width: 19.8%;


}


.has-mega-menu>ul.sub-menu>li.menu-item {


    box-sizing: border-box;


    padding: 0 20px;


}


.has-mega-menu>ul.sub-menu>li.menu-item {


    display: block;


    left: 0;


    position: relative;


    float: left;


    width: 23%;


    border: 0;


    background-color: transparent;


    box-shadow: none;


    padding-left: 10px;


}


.mk-main-navigation ul .megamenu-title {


    color: #00a94f;


}


.has-mega-menu .megamenu-title {


    font-size: 13px;


    font-weight: 400;


    line-height: 14px;


    margin: 0 0 6px;


    padding: 9px 10px 16px;


    text-align: left;


}


.has-mega-menu>ul.sub-menu>li>ul.sub-menu {


    display: block;


}


.has-mega-menu>ul.sub-menu>li>ul.sub-menu li.menu-item {


    line-height: 1;


}


.main-navigation-ul li.menu-item {


    position: relative;


    display: block;


    list-style-type: none;


}


.has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link {


    line-height: 5px !important;


}


.has-mega-menu>ul.sub-menu>li>ul.sub-menu li.menu-item a.menu-item-link {


    display: block;


    position: relative;


    text-align: left;


    float: none;


    margin: 0;


    padding: 10px;


    line-height: 18px;


}


.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link {


    font-size: 12px;


    font-weight: 300;


    text-transform: capitalize;


    letter-spacing: 0px;


}


.main-navigation-ul>li.menu-item .sub-menu a.menu-item-link {


    transition: all .2s ease-in-out;


}


.main-nav-side-search {


    display: inline-block;


    margin: 0 0 0 10px;


    vertical-align: top;


    position: relative;


    display: none;


}


.mk-search-trigger {


    padding: 16px 0;


    display: block;


    font-size: 16px;


}


.mk-search-trigger:hover .mk-svg-icon, 


.mk-header-start-tour:hover .mk-svg-icon {


    fill: #00a94f;


}


@media handheld, only screen and (max-width: 1020px) {


    .add-header-height, 


    .header-style-1 .mk-header-inner, 


    .header-style-3 .mk-header-inner, 


    .header-style-3 .header-logo, 


    .header-style-1 .header-logo, 


    .header-style-1 .shopping-cart-header, 


    .header-style-3 .shopping-cart-header {


        height: 90px!important;


        line-height: 90px;


    }


}





@media handheld, only screen and (max-width: 1020px) {


    .header-style-1 .mk-nav-responsive-link, 


    .header-style-2 .mk-nav-responsive-link, 


    .logo-in-middle .header-logo {


        display: block;


    }


}


.mk-css-icon-close, 


.mk-css-icon-menu {


    width: 18px;


    height: 18px;


    -webkit-transform: translateZ(0);


    transform: translateZ(0);


}


.mk-css-icon-close div, 


.mk-css-icon-menu div {


    background-color: #3d4045;


}


.mk-css-icon-close div, 


.mk-css-icon-menu div {


    height: 3px;


    margin-bottom: 3px;


    border-radius: 3px;


    display: block;


    position: relative;


}


.mk-css-icon-menu-line-1, 


.mk-css-icon-menu-line-3 {


    transition: all .2s ease;


}


@media handheld, only screen and (max-width: 1020px) {


    .header-style-1.mobile-align-right .header-logo, 


    .header-style-2.mobile-align-right .header-logo, 


    .header-style-4.mobile-align-right .header-logo {


        float: left !important;


        text-align: left;


    }


}


@media handheld, only screen and (max-width: 1020px) {


    .logo-is-responsive .mk-resposnive-logo {


        display: block !important;


    }


    .logo-is-responsive .mk-desktop-logo, 


    .logo-is-responsive .mk-sticky-logo {


        display: none !important;


    }


    .fit-logo-img a img {


        max-width: 200px;


        display: block;


    }


    .header-logo {


        text-align: left;


    }


    .fit-logo-img a {


        display: inline-block;


        height: 100%;


        position: relative;


    }


}


.mk-nav-responsive-link {


    display: none;


    position: absolute;


    top: 50%;


    margin-top: -18px;


    line-height: 8px;


    cursor: pointer;


    padding: 10px;


}


.mk-responsive-wrap {


    overflow-y: scroll;


    position: absolute;


    width: 100%;


    -webkit-overflow-scrolling: touch;


    overflow-scrolling: touch;


    display: none; 


    z-index: 20;


    background-color: #fff;


}





/*===================================


BUILDER HOME STYLES


======================================*/


.section-container {


    background-color: #eaeaea;


    padding: 120px 0;


}


.sectionbulider-home-container {


    


    padding-bottom: 100px;


}


.gothrow-thumbnail {


    border: none;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    -o-border-radius: 0;


    padding: 40px 20px;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.gothrow-thumbnail:hover {


    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


}





.thumbnail-icon {


    width: 140px;


    margin: 0 auto;


    padding: 26px;


    background-color: #fff;


    border-radius: 50%;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


    margin-bottom: 20px;


}


.gothrow-thumbnail:hover .thumbnail-icon  {


    background-color: #00a950;


}


.thumbnail-icon svg {


    fill: #00a950;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.gothrow-thumbnail:hover .thumbnail-icon svg {


    fill: #fff;


}


.gothrow-thumbnail > span {


    display: block;


    letter-spacing: 0px;


    text-transform: uppercase;


    font-size: 22px;


    color: #3d4045;


    text-align: center;


    font-style: normal;


    font-weight: 300;


    padding-bottom: 0px;


}


.gothrow-thumbnail > span em {


    font-size: 12px;


    text-transform: none;


    color: #00a950;


    font-weight: 400;





}





/*=====================================


BUILDER LOGIN STYLES


=======================================*/


.loginformbox {


    max-width: 600px;


    background: #f8f8f8;


    margin: 24px auto;


    padding: 20px;


    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


}


#err-msg,


.error-label {


    font-weight: 400;


    text-align: center;


    display: block;


    font-size: 12px;


    font-style: italic;


}


.error-label {


    text-align: right;


}


.loginformbox .form-control {


    height: 44px;


    padding: 6px 12px;


    font-size: 15px;


    line-height: 1.42857143;


    color: #3d4145;


    /*background-color: #eaeaea;*/


    background-image: none;


    border: solid 2px #d2d2d2;


    border-radius: 0;


    box-shadow: none;


}


.loginbuttonbox .btn-successd,


.loginbuttonbox .btn-success,


.registration_build-sucess .btn-sucess {


    /*background-color: #00a950;


    background-image: none;


    padding: 10px 24px;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    -o-border-radius: 0;


    font-size: 16px;


    text-transform: uppercase;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;*/


    border: solid 2px #00a950;


    color: #fff;


    font-size: 12px;


    line-height: 100%;


    font-weight: 700;


    letter-spacing: 1px;


    padding: 14px 24px;


    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    background-color: #00a950;


    height: 42px;


    background-image: none;


    text-shadow: none;


}


.loginbuttonbox .btn-successd:hover,


.loginbuttonbox .btn-successd:focus,


.loginbuttonbox .btn-success:hover,


.loginbuttonbox .btn-success:focus,


.registration_build-sucess .btn-sucess:hover,


.registration_build-sucess .btn-sucess:focus {


    /*background-color: #0d8847;*/


    background-color: transparent; 


    color: #00a950;


}


.loginbuttonbox .btn-successdd {


    /*background-color: #00a950;


    background-image: none;


    padding: 10px 24px;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    -o-border-radius: 0;


    font-size: 16px;


    text-transform: uppercase;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;*/


    border: solid 2px #00a950;


    color: #00a950;


    font-size: 12px;


    line-height: 100%;


    font-weight: 700;


    letter-spacing: 1px;


    padding: 14px 24px;


    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    background-color: transparent;


    height: 42px;


}


.loginbuttonbox .btn-successdd:hover,


.loginbuttonbox .btn-successdd:focus {


    /*background-color: #0d8847;*/


    background-color: #00a950;


    color: #fff;


}


.newuser-title {


    display: block;


    letter-spacing: 0px;


    text-transform: uppercase;


    font-size: 42px;


    color: #3d4045;


    text-align: center;


    font-style: normal;


    font-weight: 300;


    padding-bottom: 0;


    margin: 0;


}





/*================================


FOOTER STYLES


==============================*/


.installer-container {


    position: relative;


    width: 100%;


    min-height: 0px;


    margin-bottom: 0px;


    background-color: #00a94f;


    padding: 25px 0 25px;


}


.installer-title {


    letter-spacing: 0px;


    text-transform: none;


    font-size: 20px;


    color: #ffffff;


    text-align: right;


    font-style: normal;


    font-weight: 300;


    padding-top: 10px;


    padding-bottom: 0px;


    margin: 0 0 18px;


}


.buttonwrapper-container {


    margin-bottom: 0px;


    margin-top: 12px;


    margin-right: 15px;


}


.installer-button {


    border: solid 2px #fff;


    color: #ffffff;


    font-size: 12px;


    line-height: 100%;


    font-weight: 700;


    letter-spacing: 1px;


    padding: 10px 24px;


    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


}


.installer-button:hover {


    background-color: #ffffff;


    color: #43474d;


    border-color: #43474d;


}





/*==================================


FOOTER STYLES


=================================*/


.footer-container, 


.footer-container p {


    font-size: 14px;


    color: #ffffff;


    font-weight: inherit;


}


.footer-container {


    background-color: #586472;


    width: 100%;


    position: relative;


    padding: 20px 0 0;


}


.sub-footer {


    background-color: #303c4a;


    min-height: 61px;


}


.footer-copyright, 


#mk-footer-navigation li a {


    color: #ffffff;


}


.footer-copyright {


    font-size: 11px;


    letter-spacing: 1px;


    float: left;


    padding: 25px 0 20px;


    font-size: bold;


    -moz-opacity: 80;


    -khtml-opacity: 80;


    opacity: 80;


    opacity: .8;


}


.footer-copyright a {


    color: #fff;


}


@media handheld, only screen and (max-width: 1140px) {


    .footer-copyright {


        padding-left: 20px;


    }


}


.footer-navigation {


    float: right;


}


.footer-navigation ul {


    list-style: none;


    margin: 0;


    padding: 0;


    display: block;


}


.footer-navigation ul li {


    display: inline-block;


    float: left;


    margin: 0;


    padding: 0;


}


.footer-navigation ul li a {


    margin: 25px 12px 20px;


    display: block;


    font-size: 12px;


    -moz-opacity: 80;


    -khtml-opacity: 80;


    opacity: 80;


    opacity: .8;


}


.footer-navigation ul li a, 


.footer-copyright {


    line-height: 16px;


    filter: alpha(opacity=@opacity * 100);


}


.footer-copyright, 


.footer-navigation li a {


    color: #ffffff;


}


.footer-navigation ul li a:hover {


    filter: alpha(opacity=@opacity * 100);


    -moz-opacity: 100;


    -khtml-opacity: 100;


    opacity: 100;


    opacity: 1;


}


.footer-container .widgettitle {


    text-transform: uppercase;


    font-size: 14px;


    color: #ffffff;


    font-weight: inherit;


    display: block;


    margin-bottom: 15px;


    letter-spacing: 1px;


}


#mk-footer .footer-wrapper {


    padding: 10px 0;


}


.footer-wrapper {


    padding: 10px 0;


}


.footer-container .widget {


    margin-bottom: 15px;


}


.footer-container ul {


    list-style-type: none;


    padding: 0;


    margin: 0;


}


.footer-container .widget:not(.widget_social_networks) a {


    color: #ffffff;


}


.footer-container .widget-sub-navigation ul li a, 


.footer-container .widget_nav_menu ul li a {


    padding: 3px 0;


    display: block;


}


.footer-container .widget:not(.widget_social_networks) a:hover {


    color: #c6c6c6;


}


.widget_nav_menu li a .mk-svg-icon {


    margin-right: 7px;


}


.widget_contact_info ul li {


    position: relative;


    display: block;


    margin: 0 0 10px;


    padding: 0 0 0 25px;


    line-height: 20px;


}


.widget_contact_info ul li svg {


    position: absolute;


    top: 2px;


    left: 0;


    fill: #b2b2b2;


    height: 16px;


    vertical-align: middle;


    width: auto;


}





/*==============================


HEADER STEP STYLES


====================================*/


.title-step-container {


    padding-bottom: 50px;


}


.header-title-container {


    background-color: #303c4a;


    padding: 27px 10px;


    text-align: center;


    color: #fff;


    margin-bottom: 50px;


}


.header-title-step {





}


.header-title-step h1 {


    font-size: 60px;


    margin: 0;


    padding: 0;


    line-height: 1.25;


    color: #fff;


    font-weight: 300;


}


#nevigation_area.step-navigation-container {


    box-shadow: none;


    -moz-box-shadow: none;


    -webkit-box-shadow: none;


    -o-box-shadow: none;


    margin: 0;


} 


.stepsul {


    list-style-type: none;


    margin: 0 -35px;


    padding: 0;


    text-align: center;


    position: relative;


    z-index: 1;


}


.step-item {


    display: inline-block;


    vertical-align: middle;


    padding-left: 35px;


    padding-right: 35px;


}


.step-item a {


    display: block;


    width: 72px;


    height: 72px;


    border-radius: 50%;


    -moz-border-radius: 50%;


    -webkit-border-radius: 50%;


    -o-border-radius: 50%;


    -ms-border-radius: 50%;


    border: solid 2px #787878;


    background-color: #fff;


    color: #1e2024;


    font-weight: 700;


    font-size: 30px;


    text-align: center;


    padding: 4px;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.step-item a span {


    display: block;


    padding: 4px;


    background-color: #c3c3c3;


    border-radius: 50%;


    -moz-border-radius: 50%;


    -webkit-border-radius: 50%;


    -o-border-radius: 50%;


    -ms-border-radius: 50%;


    line-height: 52px;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.step-item:hover a,


.step-item a.active {


    border-color: #303c4a;


    color: #fff;


}


.step-item:hover a span,


.step-item a.active span {


    background-color: #00a950;


}


.stepsul:before {


    content: '';


    display: block;


    position: absolute;


    top: 50%;


    margin-top: -1px;


    left: 65px;


    right: 65px;


    height: 2px;


    background-color: #303c4a;


    z-index: -1;


}


.steps-menu {


    max-width: 1064px;


    margin-left: auto;


    margin-right: auto;


}


.stepstotal7.stepsul {


    margin-right: -45px;


    margin-left: -45px;


}


.stepstotal7 .step-item {


    padding-left: 45px;


    padding-right: 45px;


}


.stepstotal8.stepsul {


    margin-right: -34px;


    margin-left: -34px;


}


.stepstotal8 .step-item {


    padding-left: 34px;


    padding-right: 34px;


}


@media all and (max-width: 1200px) {


    .stepstotal8.stepsul {


        margin-right: -25px;


        margin-left: -25px;


    }


    .stepstotal8 .step-item {


        padding-left: 25px;


        padding-right: 25px;


    }


    .stepstotal7.stepsul {


        margin-right: -35px;


        margin-left: -35px;


    }


    .stepstotal7 .step-item {


        padding-left: 35px;


        padding-right: 35px;


    }


}


@media all and (max-width: 991px) {


    .stepstotal8 .step-item {


        padding-left: 10px;


        padding-right: 10px;


    }


    .stepstotal8.stepsul {


        margin-right: -10px;


        margin-left: -10px;


    }


    .stepstotal7.stepsul {


        margin-right: -18px;


        margin-left: -18px;


    }


    .stepstotal7 .step-item {


        padding-left: 18px;


        padding-right: 18px;


    }


}


@media all and (max-width: 767px) {


    .stepsul:before {


        display: none;


    }


    .stepstotal7.stepsul,


    .stepstotal8.stepsul {


        margin-right: 0;


        margin-left: 0;


    }


    .stepstotal7 .step-item,


    .stepstotal8 .step-item {


        padding-left: 5px;


        padding-right: 5px;


        padding-bottom: 2px;


    }


    .step-item a {


        width: 60px;


        height: 60px;


        font-size: 22px;


    }


    .step-item a span {


        line-height: 40px;


    }


}


/*================================


FENCE LAYOUT STYLES


=================================*/


.fence-section-container {


    position: relative;


    padding-bottom: 36px;


}


.fence-wrapper {


    max-width: 1064px;


    margin-left: auto;


    margin-right: auto;


}


.setbox-container {


    position: relative;


    margin-left: -9px;


    margin-right: -11px;
	text-align:center;


}


.setbox-item {


    float: none;


    width: 13.9%;


    padding-left: 4px;


    padding-right: 4px;
	display:inline-block;


}


.setbox-item-block {


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    -o-border-radius: 0;


    border: none;


    padding: 0;


    height: auto;


}


.setbox-item-block:hover {


    border: none;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


    cursor: pointer;


}


.setbox-image {


    border: solid 2px #303c4a;


    display: block;


    padding: 6px;


    background-color: #fff;


    margin-bottom: 1px;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.setbox-item-block:hover .setbox-image,


.setbox-item-block.active .setbox-image {


    /*padding: 0;*/


    border-color: #00a950;


}


.setbox-title {


    margin: 0;


    padding: 10px 2px;


    text-transform: uppercase;


    background-color: #303c4a;


    color: #fff;


    font-size: 14px;


    font-weight: 400;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.setbox-item-block:hover .setbox-title,


.setbox-item-block.active .setbox-title {


    background-color: #00a950;


}


.setbox-image span {


    background-color: #dedede;


    display: block;


    padding: 10px;


    height: 78px;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


/*.setbox-item-block:hover .setbox-image span {


    height: 90px;


}*/


.boxset-area {


    padding-bottom: 40px;


    margin-bottom: 0;


}


.left-container {


    float: left;


    width: 214px;


}


.right-container {


    float: right;


    width: 800px;


}


.sidebarlisting {


    list-style-type: none;


    margin: 0;


    padding: 0;


}


.sidebarlisting-button {


    background-color: #00a950;


    background-image: none;


    border: solid 2px #002613;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    -o-border-radius: 0;


    -ms-border-radius: 0;


    margin-top: 0;


    margin-bottom: 0;


    display: block;


    color: #fff;


    min-height: 77px;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


    padding: 11px 0;


    box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.5);


    -moz-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.5);


    -webkit-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.5);


    -o-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.5);


    -ms-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.5);


}


.sidebarlisting-button:hover,


.sidebarlisting-button.active {


    background-color: #303c4a;


}


.sidebarlisting-button + .sidebarlisting-button {


    margin-top: 7px;


}


.sidebarlisting-button h2 {


    margin: 0;


    text-transform: uppercase;


    font-size: 26px;


    font-weight: 600;


    line-height: 1.3;


}


.sidebarlisting-button span,


.sidebarlisting-button strong {


    display: block;


}


.sidebarlisting-button h2 strong {


    font-weight: 400;


    font-size: 18px;


    line-height: 1;


}


.canvas-block {


    text-align: center;


    background: #FFF;


    border: 3px #01733a solid;


    height: 413px;


    padding: 10px 0;


    vertical-align: middle;


    overflow: hidden;


    position: relative;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    -ms-border-radius: 0;


}


.stepbody-container {


    padding-bottom: 40px;


}





.stepfooter-container {


    background-color: #fff;


    border: none;


}


.stepfooter-block {


    position: relative;


    padding-right: 350px;


}


.priceblock-area {


    position: absolute;


    top: 0;


    right: 0;


    background-color: #303c4a;


    border: solid 1px #303c4a;


    padding: 9px 15px;


    border-radius: 40px;


    -moz-border-radius: 40px;


    -webkit-border-radius: 40px;


    -o-border-radius: 40px;


    -ms-border-radius: 40px;


    color: #fff;


    text-align: center;


    min-width: 300px;


}


.canvasprice,


.priceblock-area strong {


    color: #fff;


    display: block;


}


.canvasprice {


    font-size: 30px;


    text-transform: uppercase;


    font-weight: 700;


    color: #fff;


    margin: 0;


    line-height: 1.1;


}


.canvasprice:hover,


.canvasprice:focus {


    color: #fff;


    outline: none;


    text-decoration: none;


}


.priceblock-area strong {


    font-size: 14px;


    font-weight: 400;


}


.button-step {


    float: left;


}


.button-step a {


    display: block;


    text-align: center;


}


.button-step a:hover {


    text-decoration: none;


}


.button-step a span,


.button-round-shape span {


    display: block;


}


.button-round-shape {


    width: 72px;


    height: 72px;


    border-radius: 50%;


    -moz-border-radius: 50%;


    -webkit-border-radius: 50%;


    -o-border-radius: 50%;


    -ms-border-radius: 50%;


    border: solid 2px #00532a;


    background-color: #fff;


    color: #1e2024;


    font-weight: 700;


    font-size: 30px;


    text-align: center;


    padding: 4px;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


    margin-bottom: 3px;


}


.button-round-shape span {


    padding: 15px;


    background-color: #00532a;


    border-radius: 50%;


    -moz-border-radius: 50%;


    -webkit-border-radius: 50%;


    -o-border-radius: 50%;


    -ms-border-radius: 50%;


    line-height: 0;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.button-step a:hover .button-round-shape {


    border-color: #303c4a;


}


.button-step a:hover .button-round-shape span {


    background-color: #303c4a;


}


.button-step a svg {


    fill: #fff;


}


.button-text {


    text-transform: uppercase;


    font-size: 14px;


}


.reset-button,


.stepsave-button {


    /*float: left;*/


    display: inline-block;


    vertical-align: middle;


    margin-left: 10px;


    margin-right: 10px;


}


.reset-button a,


.stepsave-button a {


    color: #fff;


    background-color: #00a950;


    border: solid 1px #002613;


    padding: 19px 30px;


    border-radius: 40px;


    -moz-border-radius: 40px;


    -webkit-border-radius: 40px;


    -o-border-radius: 40px;


    -ms-border-radius: 40px;


    color: #fff;


    text-align: center;


    font-size: 22px;


    font-weight: 700;


    text-transform: uppercase;


    min-height: 72px;


    display: block;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.stepsave-button {


    width:264px;


}


.reset-button {


    min-width: 174px;


}


.stepsave-button a {


    line-height: 1;


    padding-top: 13px;


    padding-bottom: 12px;


}


.button-next {


    float: right;


}


.stepfooter-container {


    text-align: center;


}


.reset-button a:hover,


.stepsave-button a:hover {


    background-color: #303c4a;


    border: solid 1px #303c4a;


}


.sidebarlisting-part h2 {


    margin: 9px 0;


}


.stepsBoxTotal9 .setbox-item {


    width: 11.1111%; 


}


.setboxcolor-item .setbox-title {


    text-transform: none;


    font-size: 13px;


}


.fence-description {


    padding: 20px;


    background-color: #00a950;


    color: #dcfbea;


    margin-bottom: 40px;


    text-align: center;


}


.fence-description p {


    margin-bottom: 0;


}


.sidebarlisting-inputform {


    background-color: #fff;


    cursor: auto;


    padding: 0;


}


.sidebarlisting-inputform:hover {


    background-color: #fff;


}


.sidebarlisting-inputform input[type=text] {


    display: block;


    width: 100%;


    padding: 10px;


    background-color: #fff;


    border: none;


    color: #000;


    font-size: 24px;


    height: 73px;


    text-align: center;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.sidebarlisting-inputform input[type=text]:focus,


.sidebarlisting-inputform:focus {


    border-color: #00a950;


    color: #00a950;


    outline-color: #00a950;


}


.sidebarlisting-inputform:hover {


    border-color: #00a950;


}


.lengthmassage {


    font-style: italic;


}


#zoom_in,


#zoom_out {


    -webkit-user-select: none;


  -moz-user-select: none;     


  -ms-user-select: none; 


  user-select: none; 


}


.canvas-block.right_box_col_step3 {


    padding: 0;


    margin-bottom: 0;


}


.canvas-block .jspContainer {


    height: 406px!important;


}


.canvas-block .jspHorizontalBar {


    height: 27px;


}


.canvas-block .jspDrag {


    background: #00a950;


    height: 27px;


    -webkit-transition: height 0.35s ease;


    -o-transition: height 0.35s ease;


    transition: height 0.35s ease;


    bottom: 0;


    top: inherit;


    position: absolute;


}


.canvas-block .jspActive {


    height: 30px;


}


.canvas-block .jspTrack {


    background: #d6d6d6;


}


.fence-section-footer .stepfooter-block {


    padding-right: 0;


}


.fence-section-blocks-area {


    background-color: #eaeaea;


    padding: 50px 0 25px;


    margin-bottom: 40px;


    text-align: center;


}


.fence-section-blocks-area .gothrow-thumbnail {


    background-image: none;


    margin-left: auto;


    margin-right: auto;


    float: none;


    width: auto;


    max-width: 300px;


}





.setbox-image .white {


    background:#FFF;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.setbox-image .bech {


    background:#CABFA4;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.setbox-image .begi {


    background:#a99f8f;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.setbox-image .red {


    background:#e8e2c2;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.setbox-image .green {


    background:#6e3326;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.setbox-image .pine {


    background:#7C846A;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.setbox-image .red_gum {


    background:#4B4C46;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.setbox-image .nigt_miss {


    background:#323233;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.setbox-image .gry {


    background:#574c3f;


    -webkit-border-radius: 0;


    -moz-border-radius: 0;


    border-radius: 0;


}


.thumbanilboxs-fence {


    padding-bottom: 30px;


}


.thumbnail-block {


    border: solid 1px #e4e3e3;


    background-color: #ececec;


}


.thumbnail-boximage {


    padding: 15px;


    min-height: 200px;


}


.thumbanilboxs-fence .thumbnail-boximage,


.selectgate-container .thumbnail-boximage {


    cursor: pointer; 


}


.selectgate-container .thumbnail-boximage {


    min-height: 230px;


}


.thumbnail-boximage img {


    max-height: 170px;


    display: inline-block;


}


.thumbnail-box h4 {


    margin: 0;


    padding: 14px 8px;


    background-color: #00a950;


    color: #fff;


    font-weight: 700;


    font-size: 18px;


    line-height: 1;


    text-transform: uppercase;


    font-size: 16px;


}


.body_mid form .thumbnail-block input[type="text"] {


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    -o-border-radius: 0;


    border: none;


    background: #00964b;


    padding: 10px;


    color: #fff;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


}


.body_mid form .thumbnail-block:hover input[type="text"] {


    background: #1e8652;


}


.body_mid form .thumbnail-block:hover input[type="text"]:focus {


    outline: 0;


}


.shorthelptext {


    font-size: 13px;


    font-style: italic;


    color: #000;


    font-weight: 600;


}


.stepbox-wrapper-container {


    padding: 20px 0;


    background-color: #303c4a;


    margin-bottom: 20px;


}


.stepbox-wrapper-container .thumbnail-block {


    border: none;


    margin-bottom: 15px;


}


.thumbnail-box h4:empty {


    display: none;


}


.fullfence-container {





}


.reset-button.info-button a {


    font-size: 13px;


}


.stepblock-wrapper {


    margin-bottom: 30px;


}


.info-textblock {


    padding: 12px;


    font-size: 16px;


    font-weight: 600;


    color: #fdfdfd;


    margin-bottom: 30px;


    background-color: #00a94f;


}


.thumbnail-boximagefixed img {


    /*max-height: inherit;*/


    max-height: 200px;


    max-width: 100%;


}


.stepfooter-laststage {


    padding-right: 235px;


}


.stepfooter-laststage .priceblock-area {


    min-width: 224px;


}


.stepfooter-laststage .reset-button {


    min-width: inherit;


    margin-left: 5px;


    margin-right: 5px;


}


.stepfooter-laststage .stepsave-button {


    width: auto;


}


.stepfooter-laststage .reset-button a {


    padding: 23px;


    font-size: 18px;


}


.stepfooter-laststage .stepupload-button {


    border: none;


    padding: 0;


    background-image: none;


    background-color: transparent;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    -o-border-radius: 0;


}


.stepcanvaslast-block {


    margin-bottom: 30px;


}


.stepupload-button a span {


    font-size: 13px;


    font-weight: 400;


    text-transform: none;


    font-style: italic;


}


.stepcanvaslast-block .jspPane,


.stepcanvaslast-block .image_pic_scrool {


    top: 0;


    left: 0;


    right: 0;


    bottom: 0;


}


.stepcanvaslast-block .image_pic_scrool {


    position: absolute;


}


.images_gallery_slid {


    height: auto;


}


.images_gallery_slid ul {


    height: auto;


}


.thumbanilboxs-fenceimage3 .thumbnail-boximage img {


    padding-top: 50px;


}


.canvas-block.right_box #picket_img {


    top: 9px;


}


.stepfooter5 .reset-button a {


    padding: 19px;


    line-height: 29px;


    font-size: 18px;


}


.stepfooter5 .stepsave-button a {


    padding: 19px;


    font-size: 18px;


}


.stepfooter5 .reset-button, 


.stepfooter5 .stepsave-button {


    margin-left: 8px;


    margin-right: 8px;


}


.stepfooter5 .reset-button {


    min-width: 97px;


}


.stepfooter5 .stepfooter-block {


    padding-right: 324px;


}


.right_box #plinth_img {


    top: 9px;


}





/*======================================


RESPONSIVE STYLES


=======================================*/


@media all and (max-width: 1170px) {


    .steps-menu,


    .fence-wrapper {


        max-width: 930px;


    }


    .left-container {


        width: 180px;


    }


    .right-container {


        width: 740px;


    }


    .sidebarlisting-button h2 {


        font-size: 20px;


    }


    .sidebarlisting-button h2 strong {


        font-size: 16px;


    }


    .stepfooter-block,


    .stepfooter5 .stepfooter-block {


        padding-right: 262px;


    }


    .priceblock-area {


        min-width: 250px;


    }


    .stepfooter5 .stepsave-button {


        width: 200px;


    }


    .thumbanilboxs-fenceimage3 .thumbnail-boximage img {


        padding-top: 70px;


    }


    .thumbanilboxs-fenceimage2 .thumbnail-boximage img {


        padding-top: 7px;


    }


    .thumbanilboxs-fenceimage-thumb4 .thumbnail-boximage img {


        padding-top: 31px;


    }


    .stepbox-wrapper-container .thumbnail-boximage {


        display: table-cell;


        display: block;


        text-align: center;


        vertical-align: middle;


    }


    .only-step-7 .stepfooter-block,


    .only-step-8 .stepfooter-block {


        padding-top: 85px;


        padding-right: 0;


    }


    .only-step-7 #save_back_step6,


    .only-step-8 #save_back_step6 {


        float: right;


    }


    .only-step-8 #canvas {


    	position: relative;


    }


    .only-step-8 #canvas {


    	width: 100% !important;


    }


    .only-step-8 .scroll-pane.horizontal-only,


    .only-step-8 .canvas-block .jspContainer,


    .only-step-8 .stepcanvaslast-block .jspPane {


    	width: 924px !important


    }


}


@media all and (max-width: 991px) {


    .steps-menu {


        max-width: 736px;


    }


}


@media handheld, only screen and (max-width: 1020px) {


    .header-logo {


        /*text-align: center;*/


    }


    .fit-logo-img a img {


        max-width: 100%;


    }


}





@media all and (max-width: 991px) {


    .gothrow-thumbnail {


        min-height: 307px;


    }


    


}


@media all and (max-width: 767px) {


    .gothrow-thumbnail {


        min-height: inherit;


        padding: 20px;


    }


    .sectionbulider-home-container {


        padding-bottom: 30px;


    }


    .section-container {


        padding: 50px 0;


    }


    .thumbnail-icon {


        width: 100px;


        padding: 20px;


        margin-bottom: 4px;


    }


    .installer-textcontainer {


        text-align: center;


    }


    .buttonwrapper,


    .installer-title {


        text-align: center;


    }


    .buttonwrapper-container {


        margin-top: 0;


        margin-right: 0;


    }


    .installer-title {


        padding-top: 0;


        margin-bottom: 30px;


    }


    .footer-container .widget {


        /*text-align: center;*/


    }


    .installer-button {


        display: block;


    }


    .footer-container .widget img {


        display: inline-block;


    }


    .footer-container #nav_menu-3,


    .footer-container #contact_info-2 {


        text-align: left;


    }


    .footer-copyright {


        display: block;


        padding: 13px;


        text-align: center;


        float: none;


    }


    .footer-navigation ul li a {


        margin-top: 0;


        margin-bottom: 0;


    }


    .footer-navigation ul li {


        float: none;


        display: inline-block;


        vertical-align: middle;


    }


    .footer-navigation {


        float: none;


        display: block;


        text-align: center;


        padding-bottom: 13px;


    }


    .header-title-step h1 {


        font-size: 40px;


    }


}





@media all and (max-width: 480px) {


    .footer-container #nav_menu-3, 


    .footer-container #contact_info-2 {


        /*text-align: center;*/


    }


    .footer-wrapper .col-xs-6 {


        width: 100%;


    }


    .header-title-step h1 {


        font-size: 30px;


    }


}








.is-active .mk-css-icon-menu-line-1 {


    -webkit-transform: rotate3d(0,0,1,45deg);


    transform: rotate3d(0,0,1,45deg);


    top: 6px;


}


.is-active .mk-css-icon-menu-line-2 {


    opacity: 0;


}


.is-active .mk-css-icon-menu-line-3 {


    -webkit-transform: rotate3d(0,0,1,-45deg);


    transform: rotate3d(0,0,1,-45deg);


    top: -6px;


}


.mk-responsive-nav {


    border-bottom: 1px solid rgba(255,255,255,.1);


    position: relative;


    width: 100%;


    margin: 0;


    padding: 0;


}


.mk-responsive-nav li {


    display: block;


    margin: 0;


    position: relative;


}


.mk-responsive-nav>li {


    border-bottom: 1px solid rgba(128,128,128,.2);


}


.mk-responsive-nav li a {


    border-top: 1px solid rgba(255,255,255,.1);


    display: block;


    padding: 15px 20px;


    text-align: left;


    text-transform: uppercase;


    text-decoration: none;


    font-weight: 700;


    font-size: 13px;


    line-height: 1;


}


.mk-responsive-nav li a:focus, 


.mk-responsive-nav li a:hover {


    color: #00a950;


}


.mk-responsive-nav li ul {


    margin: 0;


    padding: 0 0 0 5px;


}


.mk-responsive-nav>li>ul {


    display: none;


    border-top: 1px solid rgba(128,128,128,.2);


}


.mk-responsive-nav li ul li .megamenu-title, 


.mk-responsive-nav li ul li a {


    font-size: 12px;


    line-height: 12px;


    margin: 0;


    padding: 12px 15px;


    text-align: left;


    text-transform: none;


    font-weight: 400;


}


.mk-responsive-nav .mk-nav-arrow {


    position: absolute;


    right: 0;


    top: 0;


    text-align: center;


    cursor: pointer;


    filter: alpha(opacity=@opacity * 100);


    -moz-opacity: 70;


    -khtml-opacity: 70;


    opacity: 70;


    opacity: .7;


    width: 70px;


    height: 100%;


    line-height: 50px;


}


.mk-responsive-nav .mk-nav-arrow:hover {


    filter: alpha(opacity=@opacity * 100);


    -moz-opacity: 100;


    -khtml-opacity: 100;


    opacity: 100;


    opacity: 1;


}


.mk-responsive-nav .mk-nav-arrow svg {


    height: 16px;


}


.mk-svg-icon {


    width: auto;


    height: auto;


    fill: currentColor;


}


.stepcanvaslast-block {


    position: relative;


}


.canvas-block.right_box_col_step6 {


    position: relative;


    padding: 0;


}


.stepcanvaslast-block .zoom_bar_wrapper {


    top: 0;


    bottom: 0;


    height: 413px !important;


}


.stepcanvaslast-block .zoom_bar_wrapper + .zoom_bar_wrapper {


    right: 0;


}


.zoom_bar_wrapper .zoom_icon {


    height: 100%;


}


.zoom_in,


.house_zoom_in {


    position: absolute;


    display: block;


    top: 0;


    z-index: 950;


}


.zoom_out,


.house_zoom_out {


    bottom: 0;


    position: absolute;


    display: block;


    z-index: 950;


}


.zoom_bar_wrapper .zoom_icon {


    position: relative;


    padding: 0;


    margin: 0;


    z-index: 900;


    height: 100%;


}


.selectgate-container .thumbnail-box.housebox.active {


    opacity: 0.5;


    filter: alpha(opacity=50);


}


.uploadhouse {


    padding-top: 15px;


}


.uploadhouse span {


    display: inline-block;


    vertical-align: middle;


}


.btn-upload {


    background-color: #303c4a;


    border: solid 1px #303c4a;


    color: #fff;


    padding: 8px 26px;


    border-radius: 30px;


    -moz-border-radius: 30px;


    -webkit-border-radius: 30px;


    -o-border-radius: 30px;


}


.btn-upload:hover,


.btn-upload:focus {


    background-color: #333;


    color: #fff;


    outline: 0;


}


.upload-field {


    background-color: #fff;


    padding: 0;


    border-radius: 30px;


    -moz-border-radius: 30px;


    -webkit-border-radius: 30px;


    -o-border-radius: 30px;


    border: none;


    overflow: hidden;


}


.upload-field > span {


    display: block;


    margin-left: 15px;


    overflow: hidden;


}


.upload-field input[type=file] {


    display: block;


    background: #fff;


    margin-left: -102px;


    font-size: 14px;


    line-height: 1.5;


    color: #333;


    padding: 8px;


    cursor: pointer;


}


.upload-scrool_pan .thumbnail-box h4 {


    padding: 0;


}


.upload-scrool_pan .thumbnail-box h4 a {


    padding: 14px 8px;


    color: #fff;


    display: block;


}


.upload-scrool_pan .thumbnail-box h4 a:hover {


    color: #000;


    background-color: #42b97a;


}


@media handheld, only screen and (max-width: 1020px) {


    .header-style-1 .mk-nav-responsive-link, 


    .header-style-2 .mk-nav-responsive-link, 


    .logo-in-middle .header-logo {


        display: block !important;


    }


    .mobile-align-right .mk-nav-responsive-link {


        right: 20px;


    }


    .mk-header-nav-container {


        height: 100%;


        z-index: 200;


    }


    .mk-header-nav-container {


        width: auto !important;


        display: none !important;


    }


    .add-header-height {


        height: 90px!important;


        line-height: 90px;


        position: relative;


    }


    .mk-header-inner {


        position: relative;


    }


    .mk-nav-responsive-link {


        z-index: 9;


    }


    .header-container .container {


        width: auto;


        padding-left: 0;


        padding-right: 0;


    }


}


.mk-svg-icon {


    width: auto;


    height: auto;


}


.mk-toolbar-resposnive-icon svg {


    height: 16px;


}


.mk-toolbar-resposnive-icon svg, 


.mk-header .mk-shoping-cart-link svg {


    fill: #3d4045;


}


.selectgate-container.selectgate-have-house .thumbnail-boximage,


.upload-scrool_pan .thumbnail-boximage {


    min-height: 190px;


}


@media handheld, only screen and (max-width: 780px) {


    .header-logo img {


        max-width: 200px!important;


    }


    .header-logo img {


        top: 50%;


        position: absolute;


        -webkit-transform: translate(0,-50%)!important;


        -ms-transform: translate(0,-50%)!important;


        transform: translate(0,-50%)!important;


        ms-transform: translate(0,-50%)!important;


    }


}


@media handheld, only screen and (min-width: 781px) {


    .mk-header-toolbar {


        display: block !important;


    }





}


@media all and (max-width: 1200px) {


    .right_box #post_right_img{


        right: 90px;


    }


    .right_box #post_left_img{


        left: 90px;


    }


    .right_box #rail_img{


        left: 90px;


    }


    .right_box #picket_img{


        left: 90px;


    }


    .right_box #plinth_img{


        left: 90px;


    }


    .setbox-item {


        padding-left: 1px;


        padding-right: 1px;


    }


    #nevigation_area.step-navigation-container {


        overflow: hidden;


    }


    .selectgate-container.selectgate-have-house .thumbnail-boximage, 


    .upload-scrool_pan .thumbnail-boximage {


        min-height: 165px;


    }


}


@media all and (max-width: 991px) {


    .fence-wrapper {


        max-width: 734px;


    }


    .setbox-title {


        font-size: 12px;


    }


    .left-container {


        width: 154px;


    }


    .right-container {


        width: 570px; 


    }


    .sidebarlisting-button h2 {


        font-size: 18px;


    }


    .sidebarlisting-button h2 strong {


        font-size: 14px;


    }


    .sidebarlisting-button {


        padding: 16px 0;


    }


    .setboxcolor-item .setbox-title {


        font-size: 10px;


    }


    .setbox-image span {


        height: 64px;


    }


    .right_box #post_right_img{


        right: 5px;


    }


    .right_box #post_left_img{


        left: 5px;


    }


    .right_box #rail_img{


        left: 5px;


    }


    .right_box #picket_img{


        left: 5px;


    }


    .right_box #plinth_img{


        left: 5px;


    }


    .thumbnail-box h4 {


        font-size: 14px;


    }


    .thumbanilboxs-fenceimage-thumb4 .thumbnail-boximage img {


        padding-top: 68px;


    }


    .thumbanilboxs-fenceimage-thumb3 .thumbnail-boximage img {


        padding-top: 6px;


    }


    .thumbnail-boximage {


        min-height: 182px;


    }


    .thumbanilboxs-fenceimage2 .thumbnail-boximage img {


        padding-top: 30px;


    }


    .thumbanilboxs-fenceimage3 .thumbnail-boximage img {


        padding-top: 74px;


    }


    .stepbox-wrapper-container .thumbnail-boximage {


        min-height: 120px;


    }


    .scroll-pane.horizontal-only {


        width: 100% !important;


    }


    .stepfooter-block, 


    .stepfooter5 .stepfooter-block {


        padding-right: 0;


        padding-top: 90px;


    }


    .only-step-7 .stepfooter-block.stepfooter-laststage .reset-button a, 


    .only-step-8 .stepfooter-block.stepfooter-laststage .reset-button a {


        padding: 23px 15px;


        font-size: 16px;


    }


    .canvas-block {


        background-position: center center !important;


    }


    .stepcanvaslast-block #home-bg .jspPane, 


    .stepcanvaslast-block #home-bg .image_pic_scrool {


        width: 720px !important


    }


    .widget_contact_info ul li {


        word-wrap: break-word;


    }


    .selectgate-container.selectgate-have-house .thumbnail-boximage, 


    .upload-scrool_pan .thumbnail-boximage {


        min-height: 120px;


    }


    .fence-wrapper.selectgate-container {


        max-width: 720px;


    }


    .only-step-8 .scroll-pane.horizontal-only,


    .only-step-8 .canvas-block .jspContainer,


    .only-step-8 .stepcanvaslast-block .jspPane,


    .only-step-8 .stepcanvaslast-block #home-bg .jspPane {


    	width: 728px !important


    }


    .images_gallery_slid {


    	left: 0;


    }


}


@media all and (max-width: 767px) {


    .fence-wrapper {


        max-width: 620px;


    }


    .right-container,


    .left-container {


        width: 100%;


    }


    .left-container {


        margin-bottom: 15px;


    }


    .sidebarlisting-button {


        padding: 5px 0;


        min-height: 52px;


        width: 20%;


        float: left;


    }


    .sidebarlisting-button + .sidebarlisting-button {


        margin-top: 0;


    }


    .boxset-area,


    .title-step-container {


        padding-bottom: 15px;


    }


    .setbox-image span {


        height: 65px;


        padding: 4px;


    }


    .header-title-container {


        margin-bottom: 15px;


    }


    .button-step a span.button-text {


        display: none;


    }


    .button-round-shape {


        width: 50px;


        height: 50px;


    }


    .button-round-shape span {


        padding: 8px;


    }


    .reset-button {


        min-width: inherit;


    }


    .reset-button a, 


    .stepsave-button a {


        padding: 13px 20px;


        min-height: 50px;


        font-size: 15px;


    }


    .stepsave-button {


        width: auto;


    }


    .stepsave-button a {


        padding-top: 17px;


    }


    .setbox-item {


        width: 25%;


        padding-bottom: 2px;


    }


    .sidebarlisting-button h2 {


        font-size: 16px; 


    }


    .sidebarlisting-button.sidebarlisting-inputform {


        padding-top: 0;


        padding-bottom: 0;


    }


    .sidebarlisting-inputform input[type=text] {


        height: 48px;


    }


    .step5_box,


    .thumbanilboxs-fence-large .row,


    .selectgate-container .row {


        margin-right: -4px;


        margin-left: -4px;


    }


    .step5_box > div,


    .thumbanilboxs-fence-large .row > div,


    .selectgate-container .row > div {


        width: 25%;


        float: left;


        padding-left: 4px;


        padding-right: 4px;


    }


    .thumbanilboxs-fence-large .row > div,


    .selectgate-container .row > div {


        width: 33.333%;


    }


    .setboxcolor-item .setbox-title {


        display: none;


    }


    .setboxcolor-item .setbox-image span {


        height: 57px;


    }


    .setboxcolor-item .setbox-image {


        padding: 3px;


    }


    .thumbnail-boximage {


        min-height: 130px;


        cursor: pointer;


    }


    .thumbnail-boximage img {


        max-height: 100px;


    }


    .body_mid form .thumbnail-block input[type="text"] {


        padding: 4px 10px;


        font-size: 20px;


    }


    .thumbanilboxs-fenceimage-thumb4 .thumbnail-boximage img {


        max-height: 150px;


        padding-top: 9px;


    }


    .thumbanilboxs-fenceimage2 .thumbnail-boximage img {


        padding-top: 0;


    }


    .thumbanilboxs-fenceimage3 .thumbnail-boximage img {


        padding-top: 34px;


    }


    .thumbanilboxs-fence-large .thumbnail-box h4 {


        min-height: 56px;


    }


    .stepfooter5 .stepsave-button a {


         padding: 10px 20px 8px; 


         font-size: 15px; 


    }


    .stepfooter5 .reset-button a {


        padding: 13px 20px;


        min-height: 50px;


        font-size: 15px;


        line-height: 22px;


    }


    .stepcanvaslast-block #home-bg .jspPane, 


    .stepcanvaslast-block #home-bg .image_pic_scrool {


        width: 613px !important;


    }


    .only-step-7 .stepfooter-block.stepfooter-laststage .stepedit-button a, 


    .only-step-7 .stepfooter-block.stepfooter-laststage .stepemail-button a,


    .only-step-8 .stepfooter-block.stepfooter-laststage .stepedit-button a, 


    .only-step-8 .stepfooter-block.stepfooter-laststage .stepemail-button a,


    .only-step-7 .stepfooter-block.stepfooter-laststage .reset-button a,


    .only-step-8 .stepfooter-block.stepfooter-laststage .reset-button a {


        padding: 13px 20px;


        min-height: 50px;


        font-size: 15px;


    }


    .stepfooter-laststage .stepupload-button {


        position: absolute;


        top: 0;


        left: 0;


    }


    .only-step-7 .stepfooter-block.stepfooter-laststage .stepedit-button,


    .only-step-8 .stepfooter-block.stepfooter-laststage .stepedit-button {


        float: left;


    }


    .fence-wrapper.selectgate-container {


        max-width: 620px;


    }


    .selectgate-container.selectgate-have-house .thumbnail-boximage, 


    .upload-scrool_pan .thumbnail-boximage {


        min-height: 130px;


    }


    .stepbox-wrapper-container .thumbnail-block {


        margin-bottom: 4px;


    }


    .right_box #post_right_img {


        right: 30px;


    }


    .right_box #post_left_img {


        left: 30px;


    }


    .right_box #rail_img {


        left: 32px;


    }


    .right_box #plinth_img {


        left: 30px;


    }


    .right_box #picket_img {


        left: 30px;


    }


    .only-step-8 .stepfooter-laststage .reset-button {


    	float: right;


    }


    .only-step-8 .stepfooter-laststage .priceblock-area {


    	left: 0;


    	min-width: 100%;


    } 


    .only-step-8 .stepfooter-block.stepfooter-laststage .stepedit-button {


    	float: none;


    }


    .only-step-8 .stepfooter-laststage .reset-button {


    	float: none;


    	display: block;


    	margin-bottom: 4px;


    }


    .step7-block .upload-scrool_pan .thumbnail-block {


    	margin-bottom: 4px;


    }


    .step7-block .canvas-block {


    	height: auto;


    	min-height: 160px;


    }


    .toucan-canvas {


		height: 483px !important;


	}


	.only-step-8 .scroll-pane.horizontal-only,


    .only-step-8 .canvas-block .jspContainer,


    .only-step-8 .stepcanvaslast-block .jspPane,


    .only-step-8 .stepcanvaslast-block #home-bg .jspPane {


    	width: 614px !important


    }


}


@media all and (max-width: 650px) {


    .fence-wrapper {


        max-width: 450px;


    }


    .sidebarlisting-button {


        padding: 10px 0;


        border-width: 1px;


    }


    .sidebarlisting-button h2 {


        font-size: 14px;


    }


    .sidebarlisting-button h2 strong {


        font-size: 11px;


    }


    .canvas-block img {


        max-width: 420px;


        height: auto;


    }


    .step1-start .canvas-block {


        height: 325px;


    }


    .reset-button, .stepsave-button {


        display: block;


        margin-right: 0;


        margin-left: 0;


        margin-bottom: 5px;


    }


    .button-step {


        position: absolute;


        top: 12px;


        left: 0;


    }


    .button-step.button-next {


        left: 60px;


    }


    .setboxcolor-item .setbox-image {


        padding: 1px;


        border-width: 1px;


    }


    .setboxcolor-item .setbox-image span {


        height: 45px;


    }


    .step-item a {


        border: none;


        padding: 0;


    }


    .stepstotal7 .step-item, 


    .stepstotal8 .step-item {


        padding-left: 2px;


        padding-right: 2px;


        padding-bottom: 2px;


    }


    .step-item a {


        width: 50px;


        height: 50px;


        font-size: 22px;


    }


    .step-item a span {


        line-height: 42px;


    }


    .sidebarlisting-part h2 {


        margin: 6px 0;


    }


    .sidebarlisting-inputform input[type=text] {


        font-size: 20px;


    }


    .step5_box > div,


    .thumbanilboxs-fence-large .row > div {


        width: 50%;


        margin-bottom: 3px;


    }


    .thumbanilboxs-fenceimage-thumb4 .thumbnail-boximage img {


        max-height: 100px;


    }


    .stepfooter5 .stepsave-button {


        width: auto;


    }


    .stepfooter5 .stepsave-button a {


        line-height: 28px;


    }


    .jspHorizontalBar {


        /*bottom: 10px;*/


    }


    .only-step-7 #save_back_step6, 


    .only-step-8 #save_back_step6 {


        float: none;


    }


    .stepfooter-laststage .stepupload-button {


        position: static;


        float: none;


        width: auto;


        height: 50px;


    }


    .only-step-7 .stepfooter-block.stepfooter-laststage .stepedit-button, 


    .only-step-8 .stepfooter-block.stepfooter-laststage .stepedit-button {


        float: none;


    }


    .stepbox-wrapper-container .thumbnail-boximage {


        min-height: 130px;


    }


    .fence-wrapper.selectgate-container {


        max-width: 450px;


    }


    .step1-start .canvas-block,


    .step2-block .canvas-block {


	    height: 325px;


	}


	.right_box #post_right_img {


	    right: 12px;


	}


	.right_box #post_left_img {


	    left: 12px;


	}


	.right_box #rail_img {


	    left: 12px;


	}


	.right_box #plinth_img {


	    left: 12px;


	}


	.right_box #picket_img {


	    left: 12px;


	}


	.canvas-block.right_box #picket_img {


	    top: 16px;


	}


	.right_box #plinth_img {


	    top: 16px;


	}


	.toucan-canvas {


		height: 373px !important;


	}


	.only-step-8 .scroll-pane.horizontal-only,


    .only-step-8 .canvas-block .jspContainer,


    .only-step-8 .stepcanvaslast-block .jspPane,


    .only-step-8 .stepcanvaslast-block #home-bg .jspPane {


    	width: 444px !important


    }


    .only-step-8 .canvas-block {


    	height: 330px;


    }


    .only-step-8 #canvas,


    .stepcanvaslast-block .zoom_bar_wrapper {


    	height: 330px !important;


    }


    .only-step-8 .stepcanvaslast-block #home-bg .image_pic_scrool {


    	width: 444px !important;


    }


}





@media all and (max-width: 479px) {


    .fence-wrapper {


        max-width: 374px;


    }


    .canvas-block img {


        max-width: 360px;


    }


    .sidebarlisting-button h2 {


        font-size: 11px;


    }


    .sidebarlisting-button h2 strong {


        font-size: 8px;


    }


    .setboxcolor-item .setbox-image span {


        height: 37px;


    }


    .fence-wrapper.selectgate-container {


        max-width: 374px;


    }


    .selectgate-container.selectgate-have-house .thumbnail-boximage, 


    .upload-scrool_pan .thumbnail-boximage {


        min-height: 90px;


    }


    .step1-start .canvas-block, 


    .step2-block .canvas-block {


	    height: 280px;


	}


	.right_box #post_right_img {


	    right: 5px;


	}


	.right_box #post_left_img {


	    left: 5px;


	}


	.right_box #rail_img {


	    left: 5px;


	}


	.right_box #plinth_img {


	    left: 4px;


	}


	.right_box #picket_img {


	    left: 4px;


	}


	.canvas-block.right_box #picket_img {


	    top: 14px;


	}


	.right_box #plinth_img {


	    top: 14px;


	}


	.step-item a span {


	    line-height: 34px;


	}


	.step-item a {


	    width: 42px;


	    height: 42px;


	    font-size: 18px;


	}


	.toucan-canvas {


		height: 324px !important;


	}


	.only-step-8 .scroll-pane.horizontal-only,


    .only-step-8 .canvas-block .jspContainer,


    .only-step-8 .stepcanvaslast-block .jspPane,


    .only-step-8 .stepcanvaslast-block #home-bg .jspPane {


    	width: 368px !important


    }


    .only-step-8 .canvas-block {


    	height: 300px;


    }


    .only-step-8 #canvas,


    .stepcanvaslast-block .zoom_bar_wrapper {


    	height: 300px !important;


    }


    .only-step-8 .stepcanvaslast-block #home-bg .image_pic_scrool {


    	width: 300px !important;


    }


}


@media all and (max-width: 400px) {


    .fence-wrapper {


        max-width: 292px;


    }


    .canvas-block img {


        max-width: 280px;


    }


    .stepbody-container {


        padding-bottom: 10px;


    }


    .stepfooter-block, .stepfooter5 .stepfooter-block {


        padding-top: 68px;


    }


    .priceblock-area {


        position: relative;


    }


    .button-step.button-next {


        right: 0;


        left: inherit;


    }


    .setbox-item {


        width: 33.33%;


        padding-bottom: 2px;


    }


    .sidebarlisting-button {


        width: 33.333%;


    }


    .setboxcolor-item .setbox-image span {


        height: 27px;


    }


    .thumbnail-box h4 {


        min-height: 56px;


    }


    .stepbox-wrapper-container .thumbnail-block {


        margin-bottom: 5px;


    }


    .stepbox-wrapper-container .thumbnail-boximage {


        min-height: 70px;


    }


    .upload-scrool_pan .thumbnail-box h4 {


        min-height: inherit;


    }


    .canvas-block .upload-scrool_pan .thumbnail-box img {


        max-width: 223px;


    }


    .uploadhouse span {


        width: 100%;


        margin-bottom: 5px;


    }


    .only-step-8 .stepfooter-block {


        padding-top: 0;


    }


    .fence-wrapper.selectgate-container {


        max-width: 292px;


    }


    .selectgate-container.selectgate-have-house .thumbnail-boximage, 


    .upload-scrool_pan .thumbnail-boximage {


        min-height: 74px;


    }


    .sidebarlisting-button h2 {


        font-size: 13px;


    }


    .sidebarlisting-button h2 strong {


        font-size: 10px;


    }


    .step1-start .canvas-block, 


    .step2-block .canvas-block {


	    height: 222px;


	}


	.right_box #post_right_img {


	    right: 3px;


	}


	.right_box #post_left_img {


	    left: 3px;


	}


	.right_box #rail_img {


	    left: 3px;


	}


	.right_box #plinth_img {


	    left: 3px;


	}


	.right_box #picket_img {


	    left: 3px;


	}


	.canvas-block.right_box #picket_img {


	    top: 12px;


	}


	.right_box #plinth_img {


	    top: 12px;


	}


	.step-item a span {


	    line-height: 24px;


	}


	.step-item a {


	    width: 32px;


	    height: 32px;


	    font-size: 15px;


	}


	.toucan-canvas {


		height: 258px !important;


	}


	.only-step-8 .scroll-pane.horizontal-only,


    .only-step-8 .canvas-block .jspContainer,


    .only-step-8 .stepcanvaslast-block .jspPane,


    .only-step-8 .stepcanvaslast-block #home-bg .jspPane {


    	width: 286px !important


    }


    .only-step-8 .canvas-block {


    	height: 246px;


    }


    .only-step-8 #canvas,


    .stepcanvaslast-block .zoom_bar_wrapper {


    	height: 246px !important;


    }


    .only-step-8 .stepcanvaslast-block #home-bg .image_pic_scrool {


    	width: 246px !important;


    }


}


#home-bg-img {


	position: absolute;


	top: 50%;


	left: 50%;


	-webkit-transform: translate(-50%, -50%);


	-ms-transform: translate(-50%, -50%);


	-o-transform: translate(-50%, -50%);


	transform: translate(-50%, -50%);


}


#home-bg-img.draggable-item {


	-webkit-transform: translate(0%, 0%);


	-ms-transform: translate(0%, 0%);


	-o-transform: translate(0%, 0%);


	transform: translate(0%, 0%);


}


.images_gallery_slid ul li {


	line-height: 1;


}


.only-step-8 .stepcanvaslast-block .image_pic_scrool {


	position: relative;


	height: auto;


}


.only-step-8 .canvas-block .jspContainer {


	height: auto !important;


}


.only-step-8 .stepcanvaslast-block .jspPane {


	top: inherit;


	right: inherit;


	bottom: 0;


	left: inherit;


}


.only-step-8 .canvas-block .jspContainer {


	overflow: visible;


}


.only-step-8 .images_gallery_slid {


	left: 50%;


	-webkit-transform: translateX(-50%);


	-ms-transform: translateX(-50%);


	-o-transform: translateX(-50%);


	transform: translateX(-50%);


	right: inherit;


}


.dashboarddetails-title {


    padding-bottom: 30px;


}


.dashboarddetails-title h2 {


    margin: 0;


    text-align: center;


    font-weight: 600;


    color: #00a950;


    font-size: 48px;


    letter-spacing: -0.02em;


    text-transform: uppercase;


}


.sectionuser-dashboard {


    padding: 40px 0 50px;


}


.ueserform-blocks,


.dashboard-svaved-lists {


    background-color: #fff;


    max-width: 600px;


    margin: 0 auto;


    padding: 40px 20px;


    -webkit-transition: all 0.35s ease;


    -o-transition: all 0.35s ease;


    transition: all 0.35s ease;


    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


}


.ueserform-blocks .form-control {


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    border: solid 2px #d4d4d4;


    height: 42px;


}


.form-control:focus {


    border-color: #00a950;


    outline: 0;


    -webkit-box-shadow: none;


    box-shadow: none;


}


.ueserform-blocks .form-group label {


    display: block;


}


.ueserform-blocks .form-control-static {


    min-height: 42px;


    padding-top: 10px;


    padding-bottom: 10px;


    font-weight: 700;


    color: #00a950;


}


.btn-dashboard-update,


.btn-viewsave {


    border: solid 2px #00a950;


    color: #fff;


    font-size: 12px;


    line-height: 100%;


    font-weight: 700;


    letter-spacing: 1px;


    padding: 10px 24px;


    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    background-color: #00a950;


    height: 42px;


}


.btn-dashboard-update:hover,


.btn-dashboard-update:focus,


.btn-viewsave:hover,


.btn-viewsave:focus {


    background-color: transparent;


    color: #00a950;


    border-color: #00a950;


}


.btn-dashboard-cancel {


    border: solid 2px #00a950;


    color: #00a950;


    font-size: 12px;


    line-height: 100%;


    font-weight: 700;


    letter-spacing: 1px;


    padding: 10px 24px;


    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    background-color: transparent;


    height: 42px;


    width: 116px;


}


.btn-dashboard-cancel:hover,


.btn-dashboard-cancel:focus {


    background-color: #00a950;


    color: #fff;


    border-color: #00a950;


}


.dashboard-svaved-lists {


    max-width: 800px;


}


.btn-viewsave {


    height: 36px;


}


.table.tablesvaved>tbody>tr>td, 


.table.tablesvaved>tbody>tr>th, 


.table.tablesvaved>tfoot>tr>td, 


.table.tablesvaved>tfoot>tr>th, 


.table.tablesvaved>thead>tr>td, 


.table.tablesvaved>thead>tr>th {


    vertical-align: middle;


}


@media all and (max-width: 767px) {


    .dashboarddetails-title h2 {


        font-size: 36px;


    }


}


.loginformbox {


	position: relative;


}


.forgot-password {


	position: absolute;


	right: 0;


	bottom: -30px;


	color: #333;


	font-size: 13px;


}


.forgot-password:hover {


	color: #00a950;


	text-decoration: none;


}


.ueserform-blocks .bg-danger,


.ueserform-blocks .bg-success {


	padding: 12px;


	margin-bottom: 12px;


}


.topmenu_logoutblock {


	padding-top: 15px;


}


.topmenu_logoutblock ul {


	list-style-type: none;


	margin: 0;


	padding: 0;


}


.topmenu_logoutblock li {


	display: inline-block;


	vertical-align: middle;


}


.btn-logdashboard {


	border: solid 2px #fff;


    color: #fff;


    font-size: 12px;


    line-height: 100%;


    font-weight: 700;


    letter-spacing: 1px;


    padding: 14px 24px;


    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;


    border-radius: 0;


    -moz-border-radius: 0;


    -webkit-border-radius: 0;


    background-color: transparent;


    height: 42px;


}


.btn-logdashboard:hover,


.btn-logdashboard:focus {


	background-color: #00a950;


    color: #fff;


    border-color: #00a950;


}


.header-title-step h1 > small {


	font-size: 50%;


	line-height: 1.3;


	color: #727f8e;


	display: block;


}


.cartcontainer {


	max-width: 1000px;


    background: #f8f8f8;


    margin: 24px auto;


    padding: 20px;


    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);


}


.checkout_btn_block {


    float: right;


}


.checkout_btn_block .btn-dashboard-update {


    height: 36px;


    padding-top: 11px;


    padding-bottom: 11px;


}


.list_pages.table .form-control,


.cartcontainer-shipping .form-control {


    border-width: 2px;


    border-radius: 0;


}


.cartcontainer-shipping .form-control {


    height: 44px;


}


.list_pages.table .input-group-btn:last-child>.btn, 


.list_pages.table .input-group-btn:last-child>.btn-group {


    border-radius: 0;


    background-color: #00a950;


    border-color: #00a950;


    background-image: none;


}


.list_pages.table>thead>tr>th {


    font-weight: bold;


}


.bg-success {


    padding: 15px;


    margin-bottom: 15px;


}


.selectgate-container .thumbnail-boximage.thumbnail-boximagefixedselect {


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.selectgate-container .thumbnail-boximage.thumbnail-boximagefixedselect img {


    display: none;


}


.selecttitle,


.selecttitle1,


.selecttitle2 {


    text-align: center;


    font-size: 30px;


    margin: 0;


}


.selecttitle {


    color: #fff;


    margin-bottom: 40px;


    margin-top: 10px;


}


.selecttitle1 {


    font-size: 36px;


    margin: 24px 0;


    font-weight: 500;


}


.selecttitle2 {


    color: #303c4a;


    margin-bottom: 40px;


    margin-top: 10px;


}


.selecttitle1 span {


    display: inline-block;


    padding: 5px 10px;


    background-color: #00a950;


    color: #fff;


    text-transform: uppercase;


}


.step7-fullfence-container {


    width: 300px;


    height: 340px;


    margin-right: auto;


    margin-left: auto;


    padding: 0;


}


.step7-fullfence-container .scroll-pane.horizontal-only {


    display: block;


    width: 100%; 


}


.step7-fullfence-container .scrool_pan {


    display: -webkit-flex;


    display: -ms-flexbox;


    display: flex;


    -webkit-align-items: center;


    -ms-flex-align: center;


    align-items: center;


    height: 332px;


}


.step7-fullfence-container .scroll-pane.horizontal-only img {


    max-width: 100%;


    height: auto;


}


.info-textblock {


    text-align: center;


}


#house_image_frm {


    margin-left: auto;


    margin-right: auto;


    max-width: 300px;


    position: relative;


    padding-right: 110px;


}


.upload-btn {


    position: absolute;


    top:15px;


    right: 0;


    bottom: 0;


}


.fortouch-s .btn-upload {


    border-radius: 4px;


    -moz-border-radius: 4px;


    -webkit-border-radius: 4px;


    -o-border-radius: 4px;


    -ms-border-radius: 4px;


    height: 84px;


}


.upload-field {


    width: 190px;


}


.touchmobile {


    margin-top: 8px;


}





#takePictureField {


    width:190px;


    height:38px;


    opacity:0


}


#cameraval {


    width: 100%;


    height:38px;


    position: absolute;


    top: 0;


    left: 0;


    font-size:14px;


    line-height: 38px;


    text-indent: 42px;


    pointer-events: none;


    background-color: #586472;


    padding: 0;


    border-radius: 30px;


    -moz-border-radius: 30px;


    -webkit-border-radius: 30px;


    -o-border-radius: 30px;


    border: none;


    overflow: hidden;


    text-align: left;


    color: #fff;


    background-image: url(../images/camera.svg);


    background-repeat: no-repeat;


        background-size: 20px;


    background-position: 14px;





}


#camerabutton {


    cursor: pointer;


    display: block;


    width: 90px;


    background-color: purple;


    height:25px;


    color: white;


    position: absolute;


    right:0;


    top: 0;


    font-size: 11px;


    line-height:25px;


    text-align: center;


    -webkit-transition: 500ms all;


    -moz-transition: 500ms all;


    transition: 500ms all;


    opacity: 0;


    filter: alpha(opacity=0);


}





#camerabutton:hover {


    background-color: blue;


}


.uploadhouse .touchmobile {


    display: block;


    position: relative;


}


.fornontouch-s .uploadhouse .touchmobile {


    display: none;


}


@media all and (max-width: 500px) {


	.step7-fullfence-container {


		width: auto;


		max-width: 300px;


	}


	.fortouch-s .btn-upload {


		padding: 8px 11px;


	}


	.uploadhouse span {


		display: block;


		width: 100%;


	}


	.uploadhouse .upload-btn {


		width: auto;


	}


	.touchmobile {


		margin-top: 0;


	}


	.uploadhouse span.upload-field {


		margin-bottom: 4px;


	}


	#house_image_frm {


		padding-right: 78px;


	}


}


.loaderscroll {


	position: absolute;


	top: 50%;


	left: 50%;


	background-image: url(../images/ajaxloader.gif);


	background-repeat: no-repeat;


	width: 32px;


	height: 32px;


	background-position: center;


	margin-top: -16px;


	margin-left: -16px;


	display: none;


}


@media all and (max-width: 650px) {


    .step6-section-container .canvas-block {


        padding: 0;


    }


}


.only_gt_li:after {


    top: 100%;


}


.only_post:after {


    top: 100%;


}


.registration_build-sucess {


    text-align: center;


}


.registration_build-sucess p {


    color: #00a950;


    margin-bottom: 40px;


}


@media (max-width: 650px) {


    .only-step-8 .canvas-block img {


         max-width: inherit; 


        height: auto;


    }


}





.only-step-8 .images_gallery_slid ul li {


    line-height: 110px;


}




.setbox-image .red_gumm {
     background:url(red-gum.jpg) no-repeat center center;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }


.setbox-image .delux {
      background:url(delux.jpg) no-repeat center center;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }

.setbox-image .gry {
    background:url(woodgrain-pine.jpg) no-repeat center center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
 

.canvas-block.bellbrae-canvas #plinth_img { top: 16px;}
.canvas-block.bellbrae-canvas #picket_img { top: 20px;}
.canvas-block.bellbrae-canvas #rail_img { bottom: 8px; }


.canvasprice {font-size: 26px; text-transform: none;}


#gate_form span {
    font-size: 16px;
    padding: 5px 0;
    display: block;
    background: #1e8652;
    color: #fff;
    font-weight: bold;
}

.figurediv {
    height: 172px;
    display: table;

}


.figurediv_mid {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: bottom;
}