/*
 * Version 5.3.0 
 * HMI Technologies Mumbai
 ** CSS Document ** 
 *
 * This is an css file usd for the new trade signup page
 *
*/

@font-face {
     font-family: 'auloresregular';
     src: url('/site-assets/images/fci-lp/aulores-webfont.woff2') format('woff2'), url('/site-assets/images/fci-lp/aulores-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }
 
 .cursive-font {
     font-family: 'auloresregular', serif;
 }
 
 html {
     scroll-behavior: smooth;
 }
 
 html,
 body,
 .main {
     font-family: "titillium", sans-serif;
     /* font-family: 'gilroy-regular', sans-serif; */
     color: #000;
 }
 
 h1,
 h2,
 h3,
 h4 {
     color: #000;
 }
 
 .trade-banner {
     padding: 80px 0;
     background-size: cover;
     background-position: center bottom;
     min-height: 650px;
 }
 
 .trade-banner h1,
 .offer-boxs h2 {
     font-size: 34px;
     font-weight: bold;
     color: #fff;
     margin-bottom: 0px;
 }
 
 .trade-banner h1 span {
     font-weight: 400;
     display: block;
 }
 
 .cta-boxs {
     padding: 55px 0 60px;
 }
 
 .offer-boxs {
     padding: 30px 0 30px;
 }
 
 .offer-boxs h2 {
     color: #000;
 }
 
 .flex-col {
     flex: 1 0 18%;
     display: flex;
     text-align: center;
     justify-content: center;
 }
 
 .flex-col.black-bg {
     padding: 10px;
 }
 
 .cta-boxs .boxc-info .cta-btn-white {
     max-width: none;
 }
 
 .flex-col .book-calender {
     border: 1px solid #fff;
     color: #fff;
     padding: 0 10px;
 }
 
 .flex-col .book-calender .sprite-icon {
     margin-top: 24px;
 }
 
 .flex-col .book-calender p {
     color: #fff;
 }
 
 .flex-col .book-calender .divider-line,
 .fci-qty-infoinr .divider-line {
     background: #fff;
 }
 
 .cta-boxs .cta-title {
     font-size: 17px;
     font-weight: bold;
     padding-bottom: 25px;
 }
 
 .divider-line {
     width: 60px;
     height: 2px;
     background: #000;
     margin: 0 auto;
     display: block;
 }
 
 .cta-boxs p {
     margin: 22px 0 30px;
     color: #3a3a3a;
 }
 
 .offer-boxs p {
     margin: 18px 0 25px;
     color: #3a3a3a;
 }
 
 .cta-boxs .cta-inr-box {
     background: #F5FAFF;
     padding: 30px 60px 30px 40px;
 }
 
 .offer-boxs .cta-inr-box {
     background: none;
	 padding: 0px 0px 0px;
 }
 
 .cta-boxs .cta-inr-box h4 {
     font-size: 23px;
     font-weight: 700;
     margin: 10px 0 10px;
 }
 
 .cta-boxs .cta-inr-box .cta-btn-white {
     margin: 0;
 }
 
 .tradeicons {
     background: url('/site-assets/images/fci-lp/icons-trades.png');
     position: relative;
     display: inline-block;
 }
 
 .brands-ic {
     width: 90px;
     height: 90px;
     background-position: 8px 7px;
     border: 1px solid #000;
     padding: 20px;
     border-radius: 50%;
 }
 
 .showroom-ic {
     width: 90px;
     height: 90px;
     background-position: 8px -62px;
     border: 1px solid #000;
     padding: 20px;
     border-radius: 50%;
 }
 
 .projectx-ic {
     width: 90px;
     height: 90px;
     background-position: -62px 9px;
     border: 1px solid #000;
     padding: 20px;
     border-radius: 50%;
 }
 
 
 .cta-sprite-icon {
     background: url('/site-assets/images/fci-lp/cta-icons.png');
     display: block;
     height: 107px;
     width: 101px;
 }
 
 .videochat-ic {
     background-position: -10px -10px;
 }
 
 .calender-ic {
     background-position: -131px -10px;
 }
 
 .wchat-ic {
     background-position: -252px -10px;
 }
 
 .cta-section {
     background: #F4F5F7;
     margin-top: 15px;
     padding: 17px 15px 8px;
 }
 
 .btm-cta-section {
     margin-top: 0;
     padding-top: 30px;
 }
 
 .stock-info {
     padding: 40px 0 15px;
 }
 /* outdoor collections */
 
 .outdoor-collections {
     background: #27292D;
     padding: 130px 0 80px;
     position: relative;
     min-height: 640px;
 }
 
 .designer-support {
     padding-top: 0;
     background-color: #27292D;
     min-height: 680px;
 }
 
 .outdoor-collections .left-col h2,
 .designer-support .left-col h3 {
     font-size: 70px;
     line-height: 1.5;
     color: #fff;
     margin-bottom: 30px;
 }
 
 .outdoor-collections .overflow-slider-cont {
     position: absolute;
     right: 0;
     width: 57%;
     height: 100%;
     padding-right: 0;
 }
 
 .outdoor-collections .left-col p,
 .fci-qty-infoinr p {
     font-size: 17px;
     color: #fff;
 }
 
 .overflow-slider-cont .outdoor-slide-collection {
     margin-left: 0;
 }
 
 .outdoor-slide-collection .outdoor-banr-slide {
     margin-top: 0;
     margin-bottom: 45px;
 }
 
 .outdoor-slide-collection .lSAction {
     top: auto;
     bottom: 5px;
 }
 
 .outdoor-slide-collection .product-list-content {
     max-width: 260px !important;
 }
 /* outdoor special offer */
 
 .outdoor-offer {
     position: relative;
 }
 
 .offerbox {
     background: #27292D;
     padding: 40px 50px 60px 70px;
     color: #fff;
 }
 
 .designer-support .offerbox {
     padding-left: 0;
     position: relative;
     z-index: 1;
 }
 
 .offerbox .title-box h3 {
     font-size: 70px;
     color: #fff;
     line-height: 1;
     font-weight: 400;
 }
 
 .designer-support .offerbox .title-box h3 {
     font-size: 58px;
     margin-bottom: 50px;
 }
 
 .designer-support .offerbox .cta-btn-white {
     max-width: 300px;
     height: 75px;
     line-height: 75px;
 }
 
 .offerbox .title-box .divider {
     width: 200px;
     background: #fff;
     height: 3px;
     margin: 35px 0;
 }
 
 .offerbox .title-box span {
     font-size: 40px;
     font-weight: 400;
 }
 
 .offerbox .offer-form-box p {
     margin-bottom: 40px;
     font-size: 30px;
 }
 
 .offerbox .offer-form-box p span {
     font-size: 17px;
     display: block;
 }
 
 .offerbox .offer-form-box form {
     margin-left: -4px;
 }
 
 .offer-form-box form .form-btn {
     height: 60px;
     background: #000;
     color: #fff;
     width: 400px;
     border: 0 none;
 }
 
 .offer-form-box form .form-btn:hover {
     background: #fff;
     color: #000;
 }
 
 .offerbox .offer-form-box form label {
     font-size: 16px;
     text-transform: uppercase;
     margin-bottom: 12px;
 }
 
 .offerbox .input-checkbox-label span,
 .offerbox .input-checkbox-label span a {
     text-transform: initial;
     color: #fff;
 }
 
 .offerbox .offer-form-box form input[type="text"],
 .offerbox .offer-form-box form input[type="email"],
 .offerbox .offer-form-box form select {
     height: 55px;
 }
 
 .offerbox .offer-form-box form input::placeholder {
     color: rgba(58, 59, 75, 0.497452);
 }
 
 .fci-quality-info .flex-mobile {
     display: flex;
     justify-content: flex-end;
 }
 
 .outdoor-offer .offerform-img-box {
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
     position: absolute;
     width: 47%;
     right: 0;
     z-index: -1;
     background-position: center center;
 }
 
 .designer-support .offerform-img-box,
 .opentrade-acc .offerform-img-box {
     z-index: 0;
     width: 49%;
 }
 
 .fci-quality-info .offerform-img-box {
     left: 0;
     right: auto;
 }
 
 .wardbslide-info .title {
     font-size: 17px;
     font-weight: bold;
     line-height: 1;
     margin-bottom: 10px;
 }
 
 .cta-inr-box .cta-btn-white {
     background-color: transparent;
 }
 /* trade features */
 
 .tradefeature {
     padding: 75px 0 10px;
 }
 
 .tradefeature .tradefbox {
     margin-bottom: 60px;
 }
 
 .tradefeature .tradefbox strong,
 .inspirationbox .tradefbox strong {
     font-size: 25px;
     line-height: 1.2;
     font-weight: 600;
     color: #000;
     margin-bottom: 15px;
     display: block;
 }
 
 .tradefeature .tradefbox p {
     font-size: 16px;
     color: #3a3a3a;
     margin: 0;
 }
 
 .tradefeature .featurerow {
     display: flex;
     flex-wrap: wrap;
 }
 
 .tradefeature .tradefbox .tradeicons {
     margin-bottom: 8px;
     display: inline-block;
     height: 44px;
 }
 /* icons sprite */
 
 .account-ic {
     width: 41px;
     background-position: -81px -82px;
 }
 
 .delay-ic {
     width: 36px;
     background-position: -213px -10px;
 }
 
 .library-ic {
     width: 41px;
     background-position: -10px -151px;
 }
 
 .logistics-ic {
     width: 41px;
     background-position: -132px -151px;
 }
 
 .installation-ic {
     width: 36px;
     background-position: -213px -122px;
 }
 
 .techart-ic {
     width: 36px;
     background-position: -213px -66px;
 }
 
 .protected-ic {
     width: 41px;
     background-position: -152px -10px;
 }
 
 .aftersale-ic {
     width: 41px;
     background-position: -152px -73px;
 }
 
 .quickship-ic {
     width: 41px;
     background-position: -71px -151px;
 }
 /* design inspiration */
 
 .dinspiration {
     padding: 0 0 55px;
 }
 
 .dinspiration .inspirationbox {
     border: 1px solid #D8D8D8;
     padding: 30px;
 }
 
 .dinspiration .tradefbox p {
     font-size: 18px;
 }
 
 .dinspiration .subscribe {
     margin: 30px 0 0;
 }
 
 .dinspiration .subscribe .input-radio-label span {
     margin-left: 5px;
     display: inline-block;
 }
 /* open trade account */
 
 .opentrade-acc {
     background: #27292D;
     min-height: 680px;
 }
 
 .opentrade-acc .offerform-img-box {
     left: 0;
     right: auto;
 }
 
 .opentrade-acc .offerbox {
     padding-right: 0;
 }
 
 .opentrade-acc .separator-text {
     background: #27292D;
 }
 
 .col-6-md-offset {
     margin-left: 49%;
 }
 /* common btn */
 
 .cta-btn-white {
     width: 100%;
     max-width: 240px;
     display: inline-block;
     line-height: 45px;
     text-align: center;
     height: 50px;
     font-size: 16px;
     font-weight: bold;
     background: #ffffff;
     border-radius: 5px;
     margin: 22px 0;
     color: #000;
     padding: 0 10px;
     border: 1px solid #000;
 }
 
 .cta-btn-white:hover {
     background: #000;
     color: #fff;
     border-color: #fff;
 }
 /* trade form */
 
 #tsu2,
 .text-tsu2 {
     display: none;
 }
 /*common css*/
 
 a.underline {
     text-decoration: underline;
 }
 
 a:hover {
     text-decoration: none;
 }
 
 .row {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .mb-40 {
     margin-bottom: 40px;
 }
 
 .col {
     padding-left: 15px;
     padding-right: 15px;
 }
 
 [class^="col-"],
 [class*=" col-"],
 .position-relative {
     position: relative;
 }
 
 .signup-offer .input-checkbox:focus+.input-checkbox-label {
     border: 0;
     outline: 0 !important;
 }
 
 .signup-offer .input-checkbox:checked+.input-checkbox-label:before {
     background: #333;
 }
 
 .d-none {
     display: none !important;
 }
 
 .img-responsive {
     width: 100%;
 }
 
 img {
     vertical-align: middle;
     border-style: none;
 }
 
 .footer-social-block a,
 #header-nav .icon-links li a,
 #header-nav .main-nav li a,
 #top-nav a {
     text-decoration: none;
 }
 
 .embed-responsive {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }
 
 .embed-responsive iframe,
 .embed-responsive object,
 .embed-responsive embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .showmobile {
     display: none;
 }
 
 .hidemobile {
     display: block;
 }
 /*end common css*/
 
 @media (max-width: 940px) {
     .cta-boxs .cta-inr-box {
         margin-bottom: 15px;
     }
     .outdoor-collections .overflow-slider-cont {
         position: relative;
         width: 100%;
     }
     .outdoor-slide-collection .outdoor-banr-slide {
         margin-left: 0;
     }
     .hidemobile {
         display: none;
     }
     .showmobile {
         display: block;
     }
     .outdoor-offer .offerform-img-box {
         width: 100%;
         height: auto;
         position: static;
         padding: 0;
         background-image: none !important;
         margin-bottom: 15px;
     }
     .trade-banner h1 br {
         display: none;
     }
     .flex-mobile {
         display: flex;
         flex-direction: column;
     }
     .flex-mobile .offerform-img-box {
         order: 1;
     }
     .outdoor-offer .offerform-img-box img {
         width: 100%;
     }
     .offer-form-box form .form-btn {
         width: 100%;
         font-size: 17px;
         height: 65px;
     }
     .offerbox {
         margin: 0 -15px;
     }
     .no-col-padding {
         padding: 0;
     }
     .toppicks-head {
         width: 100%;
     }
     .col-6-md-offset {
         margin-left: 0;
     }
     .opentrade-acc .offerbox {
         margin: 0;
         padding-left: 0;
         padding-right: 0;
     }
     .subscribe .btn-black {
         width: 100%;
     }
     .designer-support .offerbox {
         padding-left: 15px;
     }
 }
 
 @media (max-width: 768px) {
     .outdoor-collections {
         padding: 30px 0 40px;
     }
     .toppicks-head h3,
     .outdoor-collections .left-col h2,
     .talk-expert .title-box h3 {
         font-size: 50px;
     }
     .outdoor-collections .left-col p,
     .fci-qty-infoinr p {
         margin-bottom: 50px;
     }
     .cta-btn-white {
         height: 60px;
         line-height: 55px;
         max-width: initial;
         width: 98.5%;
     }
     .overflow-slider-cont .cta-btn-white {
         margin-right: 15px;
     }
     .talk-expert {
         text-align: center;
         display: block;
         margin-bottom: 15px;
     }
     .fci-qty-infoinr {
         padding: 50px 20px 30px;
     }
 }
 
 @media (max-width: 767px) {
     .cta-boxs {
         padding-bottom: 0;
         padding-top: 20px;
     }
     .cta-btn-white {
         width: 96%;
     }
     .offerbox {
         padding: 40px 25px 10px 20px;
     }
     .fciawards .award-box {
         min-height: 180px;
     }
     .offerbox .field-block {
         margin-bottom: 25px;
     }
     .outdr-prod-list {
         padding: 20px 0;
     }
     .talk-expert .title-box {
         margin: 0 15px 0;
     }
     .designer-support .offerbox {
         padding-bottom: 20px;
     }
 }