@font-face {
    font-family: "Nimbus-Sans-TW01Con";
    src: url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/2101adaa-6a98-4fa9-b085-3b04c3722637.eot?#iefix");
    src: url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/2101adaa-6a98-4fa9-b085-3b04c3722637.eot?#iefix") format("eot"), url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/8fb1090e-b4d0-4685-ac8f-3d0c29d60130.woff") format("woff"), url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/5d5fc44e-e84b-48ca-a5a7-bed8bdbf79a1.ttf") format("truetype"), url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/24512b2a-e22d-4ebb-887c-a334d039433c.svg#24512b2a-e22d-4ebb-887c-a334d039433c") format("svg");
}

@font-face {
    font-family: "Helvetica-W01-Light";
    src: url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix");
    src: url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix") format("eot"), url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"), url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"), url("https://static.wix.com/services/third-party/fonts/user-site-fonts/fonts/05ad458f-263b-413f-b054-6001a987ff3e.svg#05ad458f-263b-413f-b054-6001a987ff3e") format("svg");
}

#main-new .maincontainer {
    padding-top: 50px;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSansLight.eot');
    src: url('../fonts/OpenSansLight.eot') format('embedded-opentype'),
    url('../fonts/OpenSansLight.woff2') format('woff2'),
    url('../fonts/OpenSansLight.woff') format('woff'),
    url('../fonts/OpenSansLight.ttf') format('truetype'),
    url('../fonts/OpenSansLight.svg#OpenSansLight') format('svg');
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'),
    url('../fonts/opensans-regular.woff2') format('woff2'),
    url('../fonts/opensans-regular.woff') format('woff'),
    url('../fonts/opensans-regular.ttf') format('truetype'),
    url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}

.request-demo-wrapper a:hover {
    color: #ff7100;
}

.button-middle-wrapper a:visited {
    color: white;
}

#top-part {
    position: relative;
}

#main-new footer {
    position: relative;
}

#top-part .top-part-inner {
    background: #fff none repeat scroll 0 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 88px;
    width: 526px;
    padding: 10px 10px;
}

body {
    /*overflow:visible !important;*/
    overflow-x: hidden !important;
}

#top-part .top-part-inner h3 {
    font-size: 44px;
    font-weight: normal;
    text-align: center;
}

#top-part .top-part-inner p {
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #000;
    font-family: 'OpenSansLight';
    padding: 10px;
    line-height: normal;
}

#top-part .top-part-inner h3 span:nth-child(1) {
    font-family: georgia, palatino, book antiqua, palatino linotype, serif !important;
    color: #ff7100;
    font-weight: bold;
}

#top-part .top-part-inner h3 span:nth-child(2) {
    color: #000000;
}

#top-part .top-part-inner h3 span:nth-child(3) {
    color: #ff7100;
    font-weight: bold;
}

#top-part .top-part-inner .coming-soon-btn {
    bottom: -60px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
}

#top-part .top-part-inner .coming-soon-btn a {
    background: rgba(255, 113, 0, 1);
    color: #fff;
    padding: 10px 10px;
    font-size: 18px;
    display: inline-block;
    font-weight: normal;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;

}

#top-part .top-part-inner .coming-soon-btn a:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    text-decoration: none;
}

#top-part .top-logo-title {
    text-align: left;
    font-size: 26px;
    font-weight: normal;
    color: #ff7100;
    font-family: 'OpenSansLight';
    padding-top: 15px;
    line-height: normal;
}

#top-part .top-logo-title p {
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
}

#top-part .top-logo-title h3 {
    font-size: 46px;
    font-weight: normal;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
}

#top-part .top-logo-title h3 span:nth-child(1) {
    font-family: georgia, palatino, book antiqua, palatino linotype, serif !important;
    color: #ff7100;
}

#top-part .top-logo-title h3 span:nth-child(2) {
    color: #000000;
    font-weight: bold;
    font-family: 'OpenSansRegular';
}

#top-part .top-logo-title h3 span:nth-child(3) {
    color: #ff7100;
    font-weight: bold;
}

#top-part .normal-text {
    font-weight: normal;
    font-size: 27px;
    line-height: 1.5em;
    font-family: "Nimbus-Sans-TW01Con";
    text-align: justify;
    padding-top: 21px;

}

#top-part h2.title {
    color: #000;
    font-weight: bold;
    font-family: "Nimbus-Sans-TW01Con";
    font-size: 30px;
    padding-left: 0px;
    text-align: center;
    padding: 0;
    margin: 0;
}

#top-part #key-features-box h2.title {
    font-size: 35px;
}

#top-part .bathroom-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

#top-part #key-features-box {
    background: #ffffff;
    padding: 40px 0px;
    margin: 20px 0px 0px;

}

#top-part #key-features-box h2 {
    padding: 0px 0px 16px;
    text-align: center;
    font-weight: 600;
}

#top-part #key-features-box .tab-box {
    background: #fff;
    margin: 15px 0px;
}

#top-part #key-features-box .tab-box .title {
    color: #ff7100;
    font-weight: bold;
    font-size: 31px;
    font-family: 'OpenSansRegular';
    text-align: center;
    padding: 10px 0px;
}

#top-part #key-features-box .tab-box img {
    text-align: center;
}

#top-part #key-features-box .tab-box p {
    text-align: center;
    font-family: 'OpenSansLight';
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    width: 80%;
    margin: 0 auto 10px;
}

.embed-responsive-item {
    display: block;
    margin: 0 auto;
    width: 70%;
}

#top-part #suppliers {
    background: #fff;
    padding: 20px 0px;
}

#top-part #suppliers .title {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #000;
    font-family: "Nimbus-Sans-TW01Con";
    padding: 15px 0px;
    line-height: normal;
}

#top-part #owl-demo .item img {
    width: 90%;
}

@media (max-width: 767px) {
    #top-part #customers-say-box .span4 {
        text-align: center;
    }
}

#top-part #customers-say-box {
    background: #e4e4e4;
    padding: 10px 0ex;
}

#top-part #customers-say-box .title {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #000;
    font-family: "Nimbus-Sans-TW01Con";
    padding: 15px 0px;
    line-height: normal;
}

#top-part #customers-say-box .subtitle {
    text-align: center;
    font-size: 15px;
    color: #000;
    font-family: "Nimbus-Sans-TW01Con", serif;
    margin-top: -15px;
    line-height: normal;
}

#top-part #customers-say-box p {
    font-size: 16px;
    font-family: "Helvetica-W01-Light";
}

#top-part #customers-say-box p span {
    text-align: right;
    display: block;
    color: #ff7100;
    font-weight: bold;
}

#top-part #customers-say-box p strong {
    text-align: right;
    display: block;
    color: #000;
    font-weight: bold;
}

#top-part #customers-say-box ul {
    display: block;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

#top-part #customers-say-box ul li {
    display: inline-block;
    padding: 10px;
}

#top-part #customers-say-box .tab-box {
    margin: 20px;
}

footer {
    overflow: hidden;
    margin: 0px;
    font-family: "Helvetica-W01-Light";
}

footer .tell_number {
    font-family: "Nimbus-Sans-TW01Con";
    font-size: 28px;
    font-weight: bold;
}

footer .copyright {
    font-family: "Nimbus-Sans-TW01Con";
    font-size: 18px;
    font-weight: bold;
}

footer .footerl-text {
    font-family: "Nimbus-Sans-TW01Con";
    font-size: 13px;
    font-weight: bold;
}

footer .btn-signup {
    font-family: "Nimbus-Sans-TW01Con";

}

footer li {
    font-size: 20px;
}

#myModalcokies .bckgrd_modal {
    background-color: #FF7100;
}

.lega-btn {
    color: #fff;
    font-family: "Nimbus-Sans-TW01Con";
    font-size: 16px;
    font-weight: bold;
    clear: both;
    padding-left: 20%
}

.lega-btn:hover, .lega-btn:focus {
    color: #ff7100;
}

#top-part .header-top-img img {
    margin: 0 auto;
    display: block;
    text-align: center;
}

/*Responsive css Create Start*/
@media (min-width: 992px)and (max-width: 1199px) {
    #top-part .top-part-inner {
        top: 80px;
    }

    .embed-responsive-item {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    #top-part #key-features-box .tab-box p {
        font-size: 21px;
    }

    #myModalcokies {
        top: 55%;
    }

    footer li {
        font-size: 20px;
        padding: 0 4px;
    }

    #topnav #navbtn {
        top: -12px;
    }

    #topnav nav ul li a {
        background: #000;
        font-weight: normal;
        font-family: arial;
    }

    .nav {
        float: right;
        margin: 53px 0 0;
    }
}

@media (min-width: 768px)and (max-width: 991px) {
    #topnav #navbtn {
        top: -12px;
    }

    .nav {
        float: right;
        margin: 53px 0 0;
    }

    #topnav nav ul li a {
        background: #000;
    }

    #myModalcokies {
        top: 59%;
    }

    footer li {
        font-size: 20px;
        padding: 0 4px;
    }

    #top-part .top-part-inner {
        top: 60px;
    }

    .embed-responsive-item {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    #top-part #key-features-box .tab-box p {
        font-size: 18px;
    }

    #top-part .normal-text {
        font-size: 20px;
    }

    #top-part #customers-say-box ul li {
        display: inline-block;
        padding: 10px;
        width: 40%;
    }

    #top-part .top-logo-title h3 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    footer li {
        font-size: 20px;
        padding: 0 0 10px;
    }

    .left-footer-link {
        margin: 8px auto !important;
    }

    footer .left-footer-link li a {
        font-size: 20px;
    }

    footer .middle {

        text-align: center;
        margin-top: 10px;
    }

    footer .btn-signup {
        float: none;
        display: block;
        clear: both;
        margin-top: 10px;
    }

    #top-part #key-features-box .tab-box .title {
        line-height: 30px;
    }

    #top-part #customers-say-box {
        background: #e4e4e4;
        padding: 10px;
    }

    #top-part .normal-text {
        font-size: 20px;
        padding: 0px 10px;
    }

    #top-part #key-features-box .tab-box {
        margin: 15px;
        height: auto;
    }

    #top-part #key-features-box .tab-box img {
        max-width: 89%;
        width: auto;
    }

    .embed-responsive-item {
        display: block;
        margin: 10px auto;
        width: 94%;
    }

    #top-part .top-part-inner {
        width: 80%;
        top: 20px;
        padding: 2px;
    }

    #top-part .top-part-inner h3 {
        font-size: 20px;
        padding: 0px;
        margin: 0px;
        line-height: normal;
    }

    #top-part .top-part-inner p {
        font-size: 13px;
        padding: 0px 0px;
        margin: 0px 0px 4px 0px;
    }

    #top-part .top-part-inner .coming-soon-btn a {
        font-size: 12px;
        padding: 5px;
        bottom: -13px;
    }

    #top-part .top-part-inner .coming-soon-btn {
        bottom: -38px;
    }

    header {
        height: 60px;
    }

    #topnav #navbtn {
        top: -21px;
    }

    .nav {
        float: right;
        margin: 32px 200px 0 0;
    }

    #top-part .top-logo-title h3 {
        font-size: 23px;
        margin-bottom: 0px;
        text-align: center;
    }

    #top-part .top-logo-title p {
        font-size: 15px;
        text-align: center;
    }

    #top-part .normal-text {
        font-size: 20px;
    }

    footer .tell_number {
        font-size: 23px;
    }

    .left-footer-link {
        left: 0px;
        margin: 0 auto;
        clear: both;
        text-align: center;
        display: block;
    }

    footer .btn-signup {
        margin-top: 30px;
    }

    .lega-btn {
        text-align: center;
        margin-bottom: 33px;
        display: block;
        padding-left: 0px;
    }

    #myModalcokies {
        top: 10%;
        display: none;
    }

}

@media (max-width: 320px) {
    .left-footer-link {
        height: auto;
    }

    #myModalcokies {
        top: 61%;
    }
}

.request-demo-wrapper {
    bottom: -87px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
}

.button-middle-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.button-middle-wrapper a:hover, .add-brand a:hover, .button-bottom-wrapper .span2 a:hover, .button-bottom-wrapper .span3 a:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    text-decoration: none;
}

.button-middle-wrapper a, .add-brand a {
    background: black;
    color: #fff;
    padding: 10px 25px;
    font-size: 18px;
    display: inline-block;
    font-weight: normal;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    backface-visibility: hidden;
    transition: transform 0.4s, opacity 0.4s;
}

.button-middle-wrapper a.subscribe, .add-brand a.add {
    background: rgba(255, 113, 0, 1);
    color: white;
}

.button-bottom-wrapper .button-wrap {
    align-items: center;
    text-align: center;
}

.button-bottom-wrapper .button-wrap a {
    background: black;
    color: #fff;
    padding: 10px 25px;
    font-size: 18px;
    display: inline-block;
    font-weight: normal;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    backface-visibility: hidden;
    transition: transform 0.4s, opacity 0.4s;
}

.button-bottom-wrapper a.subscribe {
    background: rgba(255, 113, 0, 1);
    color: white;
}

.add-brand {
    text-align: center;
}

@media (min-width: 768px) and (max-width: 980px) {
    .button-bottom-wrapper .button-wrap a {
        font-size: 13px;
    }

    .secure-icon-wrapper {
        margin-top: 25px;
    }

    .social-icon-wrapper {
        width: 22.92817679558011% !important;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    .fa.fa-google-plus, .fa.fa-pinterest, .fa.fa-linkedin {

        /*display: none !important;*/
    }
}

@media (max-width: 767px) {
    .button-middle-wrapper {
        display: unset;
    }

    .button-middle-wrapper .span4 {
        text-align: center !important;
        margin: 0 !important;
    }

    .button-bottom-wrapper a, .button-middle-wrapper a {
        width: 85%;
        text-align: center;
        margin: 5px;
    }

    .social-icon-wrapper {
        display: flex !important;
        flex-direction: row;
        align-content: center;
        justify-content: space-between;

    }

    .secure-icon-wrapper {
        margin-top: 15px;
        display: flex !important;
        flex-direction: row;
        align-content: center;
        justify-content: center;
    }
}

.button-middle-wrapper .span4 {
    margin: 0;
    padding: 0;
}

.button-middle-wrapper .span4:first-child {

    text-align: left;
}

.button-middle-wrapper .span4:last-child {
    text-align: right;
    margin-right: -26px;
    margin-left: 10px;
}

.button-middle-wrapper .span4:nth-child(2) {
    text-align: center;
}

/*Responsive css Create End*/

.app-icons {
    float: right;
!important;
}

.app-icons a:hover {
    background-color: white !important;
}

.app-icons a img.small {
    display: none;
}

@media (max-width: 480px) {
    .app-icons a {
        width: 40px;
        filter: invert(100%) brightness(200%);
        margin-right: 10px;
    }

    .app-icons a img {
        display: none;
    }

    .app-icons a img.small {
        display: inline-block;
        filter: grayscale(100%) brightness(50%) contrast(260%) invert(100%);
    }
}
.idapt-i{
    font-weight: 700;
    font-style: italic;
    font-family: Georgia;
}