/*-------------------- General Layout Styles --------------------*/ .nc{visibility:visible} .clearfloat { clear:both; height:0; font-size:1px; line-height:0 } html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:18px;-webkit-tap-highlight-color:transparent} *,:after,:before{box-sizing:border-box} *{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important} #defaultTwcPageContainer .block-item .columns .container.container-empty, #defaultTwcPageContainer .block-item .twc-container{outline-style:dotted; outline-width:1px !important; outline-color:#ccc !important} #defaultTwcPageContainer div.block-item.highlight > .bk-dropped-item > .bk-dropped-item-contents, #defaultTwcPageContainer div.block-item.selected > .bk-dropped-item > .bk-dropped-item-contents, #defaultTwcPageContainer div.block-item.resizing{outline-style:solid; outline-width:2px !important; outline-color:#555 !important} body{background:#ffffff; overflow-x:hidden; margin:0; display:block; text-rendering:optimizeLegibility; min-height:100%; font-size:calc(.35842vw + .95296em)} *:focus{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important} .m-height-home{min-height:160px} .m-height-in{min-height:160px} .fixed-header{height:160px; display:table; width:100%; position:absolute;top:0} .fixed-header, .fixed-header *{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .header-abs-top{background:#ffffff; position:absolute; width:100%; height:160px; left:0; top:0; z-index:500; display:flex; justify-content:space-between; padding:0; border-bottom:solid 1px #f2f2f2} .logo-box{padding:10px 25px; margin:0; display:flex; justify-content:flex-start; align-items:center; min-width:200px} .logo{padding:0; text-align:center} .logo a{display:table; margin:0} .logo img{max-height:78px; width:auto} .t-right{padding:0; display:flex; justify-content:space-between; margin:0; flex-direction:column} .t-section{padding:0 30px; display:flex; justify-content:flex-end; align-items:center; margin:20px 0; width:100%; height:55px} .t-links i{border:0; width:16px; height:16px; margin:0 10px 0 0} .t-links i svg{fill:#ffffff} .t-links a:hover, .t-links a:hover i svg path{color:#056839; fill:#056839} .t-buttons{display:flex; justify-content:flex-end} .t-buttons a{background:#056839; padding:15px 25px; font-size:16px; color:#ffffff; font-weight:600; line-height:1; text-align:center; border:solid 1px #056839; border-radius:5px; display:flex; align-items:center; justify-content:center; margin:0; text-transform:uppercase} .t-buttons a:hover{background:#3a3a3c; color:#ffffff} .btn-join{margin:0 0 0 20px} .btn-join a{background:#ffffff; color:#3a3a3c; border-color:#3a3a3c} .btn-member-dashboard{margin:0} .btn-member-dashboard a[href="/nolink.html"]{display:none} .btn-member-dashboard a{background:#3a3a3c; color:#ffffff; margin:0 0 0 20px} .btn-member-dashboard a:hover{background:#056839; color:#ffffff} .t-search {background:none; margin:0 0 0 20px; display:flex; padding:0; align-self:center} .t-search .web-search-ctr {margin:0; width:100%; display:flex; align-items:center} .t-search .web-search-ctr form{display:flex; margin:0} .t-search .web-search-ctr form input[type="text"]{background:#f5f5f5; color:#3a3a3c; font-size:14px; margin:0 !important; padding:0 15px !important; height:auto; width:100%; margin:0; font-size:13px; border-radius:0; border:0; display:none} .t-search .web-search-ctr form input[type="text"]::placeholder{opacity:1; color:#3a3a3c} .t-search .web-search-ctr form input[type="submit"]{background-color:#f5f5f5; background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px auto; border:0; color:transparent; width:50px; height:50px; font-size:0; font-weight:bold; line-height:1; display:flex; align-items:center; justify-content:center; margin:0 !important; padding:0 !important; white-space:normal; cursor:pointer; border-radius:100% !important} .t-search .web-search-ctr form input[type="submit"]:hover{background-color:#d5d5d5} /*Menu Section*/ .mob-menu{margin:0 0 0 auto; padding:0 30px 20px 0} .menu{padding:0; height:60px; position:relative} /*.menu *{-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s}*/ .menu .top{height:auto; padding:0} .menu .navbar-inverse{background-color:transparent !important; border:0 !important} .menu .navbar{min-height:auto !important; margin:0 !important} .f-nav{z-index:1899; position:fixed; top:0; width:100%; height:120px; box-shadow:0 0 5px #f2f2f2} .f-nav .header-abs-top{height:120px} .f-nav .logo img{max-height:60px} .f-nav .t-section{margin:5px 0 0} .f-nav .mob-menu{padding:0 30px 0 0} /*Menu Section*/ /*AH*/ .main-banner{width:100%; z-index:200; position:relative} .banner{} /*AH*/ /*Main Content Section S*/ .main-con-bg{margin:0; width:100%} .main-con-bg-in{background:#ffffff; margin:0; width:100%; padding:50px 0} #cmsbody .container{height:auto !important} /*Main Content Section E*/ /*Members Gallery Section S*/ .members-gallery-bg{background:#ffffff; padding:75px 50px; width:100%} .members-gallery-flex{margin:0 auto; display:flex; justify-content:center; width:100%; padding:0; max-width:100%; flex-direction:column} .members-gallery-flex h4{color:#3a3a3c; font-size:36px; margin:0 0 30px} /*Members Gallery Section E*/ /*Bottom Section S*/ .bottom-bg{background:#3a3a3c; padding:0; width:100%} .no-js .bottom-bg, .bottom-bg.lazyloaded{background:url(bottom-bg.jpg) 50% 50% no-repeat; background-size:cover} .b-cta-flex{margin:0 auto; display:flex; justify-content:space-around; width:100%; padding:70px 0; max-width:100%} .b-cta{margin:0; padding:0 15px; width:auto} .b-cta h4{font-size:18px; color:#ffffff; font-weight:600; line-height:1.2; margin:0 0 20px; text-transform:uppercase; display:block} .b-cta p, .b-cta a, .b-cta span{font-size:16px; color:#ffffff; font-weight:400; line-height:1.6; margin:0; text-decoration:none; word-wrap:anywhere} .b-cta a:hover{color:#b4d1c3} .b-links i{border:0; width:16px; height:16px; margin:3px 15px 0 0} .b-links i svg{fill:#ffffff; color:#ffffff} .b-links a:hover, .b-links a:hover i svg path{fill:#f5f5f5} .b-sm-box{padding:0} .b-sm{margin:0} .b-sm-box div[id^="sm"]{margin:0} .b-sm-box div[class^="col-list"]{display:flex; margin:0} .b-sm-box div[class*="col-idx-"]{padding:0 30px; margin:0} .b-sm-box div[id*="menu-item-"]{margin:0 0 20px 0; padding:0; text-align:left} .b-sm-box .sm-heading h4{font-size:18px; color:#ffffff; font-weight:600; line-height:1.2; margin:0 0 25px; text-transform:uppercase} .b-sm-box .sm-heading.m-sep {margin-top:30px} .b-sm-box .no-show h4{font-size:0; min-height:25px} .b-sm-box div a, .b-sm-box div h4{font-size:16px; color:#ffffff; font-weight:400; margin:0; line-height:1.2; display:table; text-transform:none} .b-sm-box div a:hover{color:#b4d1c3} .b-logo-box{} .b-logo {margin:0 0 40px} .b-logo a{margin:0; display:table} .b-contact-box{} .b-contact{margin:0 0 30px} .b-contact a{display:flex; align-items:flex-start; justify-content:flex-start} .b-address{margin:0 0 15px; padding:0} .b-phone a{font-size:20px; font-weight:bold} .b-social{margin:0 0 30px 0; display:flex; align-items:center} .b-social ul.social-links {margin:0 0 0 -10px} .b-social ul.social-links li{padding:0} .b-social svg{width:40px; height:40px; border-radius:100%; border:0; display:flex; align-items:center; justify-content:center} .b-social a{width:28px; height:28px; display:flex; align-items:center; justify-content:center; margin:0 0 0 5px} .b-social a:not(.gbp) svg .s-bd{fill:#ffffff; border:0} .b-social svg .s-bg, .b-social a {fill:transparent; border:0} .b-social a.gbp svg .g.s-bg{fill:#ffffff} .b-social a:hover svg .s-bd {fill:#056839} .b-social a:hover svg .s-bg, .b-social a.gbp:hover svg .g.s-bg {fill:transparent} .b-btn-join{} .b-btn-join a{background:#056839; padding:15px 25px; font-size:18px; color:#ffffff; font-weight:600; line-height:1; text-align:center; border-radius:5px; display:flex; align-items:center; justify-content:center; margin:0; text-transform:uppercase} .b-btn-join a:hover{background:#ffffff; color:#3a3a3c} .b-nl-box{} .b-form h4{font-size:30px; color:#ffffff; font-weight:700; line-height:1.2; margin:0 0 5px; text-transform:none; display:block} .b-form p{font-size:18px; color:#ffffff; font-weight:400; line-height:1.6; margin:0 0 20px; text-decoration:none} .b-footer{padding:0} .b-footer *{font-size:14px !important} /*Bottom Section E*/ /*Generic Styles*/ body, p:not(.twc-container *), td:not(.twc-container *), span:not(.twc-container *), a:not(.twc-container *), .contact, .footer, .fields, #qm0 a, #formBuilder *, form *, #nsi-shop-listing:not(.twc-container *) *, #nsi-shop.new-shop-view-responsive:not(.twc-container *) *{font-family:'Red Hat Text', Arial, Helvetica, sans-serif} h1:not(.twc-container h1), h2:not(.twc-container h2), h3:not(.twc-container h3), h4:not(.twc-container h4), h5:not(.twc-container h5), h6:not(.twc-container h6), .b-contact span{font-family:'Red Hat Text', Arial, Helvetica, sans-serif} #cmsbody{} #cmsfooter{text-align:left; clear:both; margin:20px 0 0; padding:0; display:table} #cmsfooter .footerAddress, #cmsfooter .footerPhone, #cmsfooter p, #cmsfooter br{display:none} img{max-width:100%; height:auto} #cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li a {background-image:url(nc-social-icons.png) !important} #cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-instagram a {background-position:-201px 0 !important} #cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-pinterest a {background-position:-168px 0 !important} #cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-flickr a {background-position:-234px 0 !important} #cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-tiktok a {background-position:-267px 0 !important} #cmsbody img{-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s} #formBuilder {display:table; width:100%} #cmsbody #nc-contact-page .nc-contact-form-container dd#Submit-element input, #formBuilder input[type='submit'] {background:#056839; border:0; font-size:16px; color:#ffffff; font-weight:600; padding:15px 30px; line-height:1; text-indent:0; clear:both; border-radius:5px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s} #cmsbody #nc-contact-page .nc-contact-form-container dd#Submit-element input:hover, #formBuilder input[type='submit']:hover {background:#3a3a3c; color:#fff} #cmsbody #formBuilder .qq-uploader div.qq-upload-button{height:30px !important; width:120px; text-align:left} #cmsbody #formBuilder .qq-upload-wrapper.photo-item{height:208px} #cmsbody #formBuilder .qq-upload-wrapper .photo-bar{height:19px} #cmsbody #formBuilder .qq-upload-wrapper.photo-item span.qq-upload-file{color:#fff; height:auto; font-size:12px !important} #cmsbody #formBuilder .qq-upload-wrapper .photo-bar a{margin-top:-7px} #cmsbody #nc-contact-page div.left dd, #cmsbody #nc-contact-page div.right dd{float:none; width:100%} /*Generic Styles*/ .content-padding > div, .content-padding .row.twc-section-row, #cmsbody .content-padding-block.sec-md{padding-left:100px; padding-right:100px} .tick-list{margin:0; padding:0; list-style:none} .tick-list li{background:url(icn-.png) 0 0 no-repeat; padding:0 0 5px 45px; margin:0 0 15px} .tick-list li a{color:#ffffff} .con-list{margin:0; padding:0; list-style:none} .con-list li{background:url(icn-logo.png) 0 6px no-repeat; background-size:12px auto; padding:0 0 0 25px; margin:0 0 5px} .con-list-white{margin:0; padding:0; list-style:none} .con-list-white li{background:url(icn-logo-white.png) 0 6px no-repeat; background-size:12px auto; padding:0 0 0 25px; margin:0 0 5px} .twc-tab-title-list-container .slick-list .slick-track{display:flex} .twc-tab-title-list-container .slick-list .slick-track .twc-tab-title{float:none; display:flex !important; height:auto; align-items:center; justify-content:center} @media screen and (max-width:767px) { .twc-tab-title-list-container .slick-list .slick-track{display:flex; flex-direction:column} .twc-tab-title-list-container .slick-list .slick-track .twc-tab-title{width:100% !important} } .twc-slider-content-list .slick-prev, .twc-slider-content-list .slick-prev:hover{transform:none; width:15px; height:15px; z-index:100; background:none; color:#414042; left:-10px} .twc-slider-content-list .slick-next, .twc-slider-content-list .slick-next:hover{transform:none; width:15px; height:15px; z-index:100; background:none; color:#414042; right:-10px} .twc-slider-content-list .slick-prev:before{content:'\2039' !important; color:#414042; font-size:50px !important; font-weight:100; line-height:0.5; width:15px; height:15px; display:block; position:absolute; margin:0; padding:0; text-align:center; top:0; left:0; transform:none; } .twc-slider-content-list .slick-next:before{content:'\203A' !important; color:#414042; font-size:50px !important; font-weight:100; line-height:0.5; width:15px; height:15px; display:block; position:absolute; margin:0; padding:0; text-align:center; top:0; right:0;transform:none} #cmsbody .blog-item-view{padding:0 15px} .testimonial-panel .testimonialComment{font-size:18px; line-height:1.4; color:#ffffff; text-align:center; max-width:945px; display:table; margin:0 auto} .testimonial-panel .testimonialName{font-size:18px; font-weight:900; color:#fff; max-width:945px; width:100%; margin:0 auto; display:table; text-align:center} iframe{width:100%} @media screen and (max-width:1440px) { .logo-box, .f-nav .logo-box {padding:15px; flex:unset; min-width:170px} } @media screen and (max-width:1200px) { .m-height-home, .m-height-in, .fixed-header{min-height:auto; height:auto; position:relative} .m-height-in .header-abs-top, .m-height-in .f-nav .header-abs-top{position:relative} .header-abs-top, .f-nav .header-abs-top{height:auto; top:auto; position:relative} .logo-box, .f-nav .logo-box {padding:15px; flex:unset; min-width:170px} .logo, .f-nav .logo{position:relative; height:auto; border:0; padding:0} .logo img, .f-nav .logo img, .m-height-in .logo img{max-height:60px} .t-right, .f-nav .t-right{flex:unset; height:auto; margin:0 50px 0 0; width:auto} .header-abs-top .mob-menu{position:absolute; float:none; top:23px; right:0; width:100%; z-index:999 !important; padding:0 !important; height:0} .fixed-header.f-nav{position:relative; height:auto} .menu, .navbar-header, .menu .top, .f-nav .menu{height:0; padding:0; float:none; border:0; margin:0} .top .navbar-header button{background:#f2f2f2; border:solid 1px transparent; margin:0; top:0; right:15px; z-index:9999 !important; height:50px; width:50px; border-radius:100%; padding:0} .top .navbar-header button span.icon-bar{background-color:#3a3a3c; margin:4px auto; height:2px; width:18px} .top .navbar-header button:hover, .menu-bg .navbar-header button:focus{background:#056839; border-color:#056839} .top .navbar-header button:hover span.icon-bar, .header-abs-top .navbar-header button:focus span.icon-bar{background-color:#056839} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:#056839 !important; border-color:#056839} .top .navbar-header button:hover span.icon-bar, .top .navbar-header button:focus span.icon-bar{background-color:#ffffff !important; border:0} .navbar-collapse{width:100% !important; border:0 !important; padding:0 !important} .content-padding > div, .content-padding .row.twc-section-row{padding-left:15px; padding-right:15px} .b-cta{width:auto; margin:0; min-width:300px; padding:0 30px} .b-sm-box{padding:0} .b-sm-box div[class*="col-idx-"]{padding:0 15px} } @media screen and (max-width:991px) { .m-height-home, .m-height-in, .fixed-header{min-height:auto; height:auto; position:relative} .header-abs-top, .f-nav .header-abs-top, .m-height-in .header-abs-top, .m-height-in .f-nav .header-abs-top{top:auto; height:auto; flex-wrap:nowrap; z-index:500; position:relative} .logo-box, .f-nav .logo-box {padding:10px 15px; flex:unset; min-width:100px} .logo, .f-nav .logo{position:relative; height:auto; border:0; padding:0; text-align:center} .logo img, .f-nav .logo img, .m-height-in .logo img{max-height:50px; height:auto; width:auto} .header-abs-top .mob-menu{top:20px; height:0; float:none} .top .navbar-header button{right:15px} .t-right, .f-nav .t-right{padding:0; margin:0 45px 0 0; width:auto; align-items:center; height:auto; flex:unset; justify-content:center; min-width:auto} .t-section{flex-wrap:wrap; border:0; height:auto; justify-content:flex-end} .t-buttons a{font-size:13px; padding:15px} .btn-join, .t-search{margin:0 0 0 10px} .btn-member-dashboard a{margin:0 0 0 10px} .b-cta-flex{justify-content:space-between; flex-wrap:wrap; padding:50px 0} .b-cta{padding:0 30px; margin:30px 0} .b-sm-box{padding:0 15px; width:100%} .b-sm-box div[class^="col-list"]{justify-content:space-between} .members-gallery-bg{padding:50px 15px; width:100%} .members-gallery-flex h4{font-size:26px} } @media screen and (max-width:767px) { .m-height-home, .m-height-in, .fixed-header{height:140px; position:relative} .header-abs-top, .f-nav .header-abs-top, .header-flex, .f-nav .header-flex, .m-height-in .header-abs-top, .m-height-in .f-nav .header-abs-top{padding:0; top:auto; height:auto; flex-wrap:wrap; z-index:500; position:relative} .m-height-in .header-abs-top, .m-height-in .f-nav .header-abs-top{position:relative} .fixed-header.f-nav{position:fixed} .header-abs-top .mob-menu{top:15px; height:0; float:none} .top .navbar-header button{right:15px; width:50px; height:50px} .menu #navbar{max-height:calc(90vh - 50px) !important; overflow-y:scroll !important} .logo-box, .f-nav .logo-box{padding:15px 15px; width:100%; flex:unset; min-width:auto; justify-content:flex-start; order:1; margin:0} .logo, .f-nav .logo{text-align:center; border:0; padding:0} .logo a{margin:0 auto} .logo img, .f-nav .logo img, .m-height-in .logo img{max-height:50px} .t-right, .f-nav .t-right{margin:0; order:2; padding:0 10px 10px; width:100%; border:0; height:60px} .t-section, .f-nav .t-section{margin:0; padding:0; height:auto; flex-wrap:wrap; padding:0; justify-content:space-between; border:0} .t-search{margin:-175px 65px 0 auto; width:50px; padding:0} .t-buttons{width:100%; justify-content:flex-start; } .btn-join, .btn-login{display:flex; flex-grow:1; margin:0} .btn-login, .btn-member-dashboard a{margin:0 3px 0 0} .btn-join a, .btn-login a, .btn-dashboard a{width:100%; padding:15px 9px; height:auto; font-size:13px} /*.btn-dashboard div{width:100%; display:flex}*/ .t-links i{margin:0 auto; width:20px; height:auto} .b-cta-flex{padding:50px 0; flex-direction:column} .b-cta{padding:0 15px; margin:15px auto; width:100%; max-width:360px; text-align:left; flex:unset} .b-sm-box{padding:0} .b-sm-box div[class*="col-idx-"]{padding:0 15px} .b-sm-box .sm-heading.m-sep {margin-top:30px} .b-sm-box div[id*="menu-item-"]{margin:0 0 10px 0} .b-sm-box div[id*="menu-item-"] a{font-size:14px} .b-cta .b-btn-join{margin:0 auto; width:100%} } /* Home Slider */ .home-slider-panel{position:relative} .home-slider-box{} .home-slider-box .slick-prev{width:20px; height:40px; left:30px} .home-slider-box .slick-next{width:20px; height:40px; right:30px} .home-slider-box .slick-prev:hover{left:25px} .home-slider-box .slick-next:hover{right:25px} .home-slider-box .slick-dotted.slick-slider{margin:0} .home-slider-box #slider4869 {background:#ffffff url(home-banner-bg.png) 50% 50% no-repeat} .home-slider-box #slider4869 div.banner-item {display:flex; max-height:650px; flex-wrap:wrap; padding:50px 0} .home-slider-box #slider4869 div.banner-item .banner-image {max-width:960px; width:100%; flex:1} .home-slider-box .banner-image img {width:100%; margin:0; max-height:550px; object-fit:cover; border-radius:0 15px 15px 0} .home-slider-box #slider4869 div.banner-item .banner-content-block {position:relative; line-height:1; margin:0; top:0; bottom:0; width:100%; max-width:960px; flex:1} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content {text-align:left; padding:30px 30px 30px 90px; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; margin:0 auto 0 0; width:100%; max-width:850px; /*! height:100%; */} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4{font-size:60px; color:#3a3a3c; font-weight:700; line-height:1.1; margin:0 0 20px; text-align:left; width:100%} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4 span{font-size:60px; color:#056839; font-weight:700; line-height:1.1} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content p{font-size:28px; color:#3a3a3c; font-weight:600; line-height:1.4; margin:0 0 25px; text-align:left; width:100%} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content a{background:#056839; font-size:18px; color:#ffffff; font-weight:600; line-height:1; margin:5px 5px 5px 0; text-align:center; text-transform:uppercase; display:inline-block; vertical-align:middle; padding:15px 25px; border-radius:5px} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content a:hover{background:#3a3a3c} .home-slider-box #slider4869 div.banner-item .banner-content-block img {margin:0} .home-slider-box #slider4869 .slick-dots{bottom:25px; display:none !important} .home-slider-box #slider4869 .slick-dots li button::before{font-size:40px; color:#fff; opacity:1} .home-slider-box #slider4869 .slick-dots li.slick-active button::before{color:#000} @media screen and (max-width:1440px) { .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4, .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4 span{font-size:50px} } @media screen and (max-width:1280px) { .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content {padding:0 30px} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4, .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4 span{font-size:40px} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content p {font-size:20px} } @media screen and (max-width:991px) { .home-slider-box #slider4869 div.banner-item {padding:25px 0} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content {padding:0 30px} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4, .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4 span{font-size:36px; margin:0 0 15px} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content p {font-size:18px; margin:0 0 10px} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content a{padding:10px 20px} } @media screen and (max-width:767px) { .home-slider-box #slider4869 div.banner-item {flex-direction:column; max-height:100%; padding:25px 0} .home-slider-box #slider4869 div.banner-item .banner-image{order:1} .home-slider-box .banner-image img {min-height:200px} .home-slider-box #slider4869 div.banner-item .banner-content-block{order:2; max-height:100%} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content {padding:30px 30px 10px} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4, .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content h4 span{font-size:32px; line-height:1.2} .home-slider-box #slider4869 div.banner-item .banner-content-block .banner-content p {font-size:20px; margin:0 0 20px} .home-slider-box .slick-arrow{display:none !important} } /* Home Slider */ /*Common Form Style S*/ #cmsbody .baseapp-form{width:100%; padding:0} #cmsbody .baseapp-form h3{font-size:20px; font-weight:bold} #cmsbody .baseapp-form form dl{display:flex; margin:0 auto; flex-flow:wrap; justify-content:space-between; align-items:flex-end} #cmsbody .baseapp-form div{font-size:15px} #cmsbody .fb-v2-form-element, #cmsbody div.form-element{margin:0; padding:0} #cmsbody #formBuilder .left.form-element.__fbFid-container {width:100%; margin:0; display:none; height:0} #cmsbody div.form-element, #cmsbody .container_type_name{margin:0 0 10px !important; width:100%} #cmsbody .form-element.container_type_section{margin:0 0 30px} #cmsbody .form-element.container_type_section label{font-size:20px} #cmsbody .form-element.container_type_section div{font-size:14px} #cmsbody form label, #cmsbody form dt, #cmsbody form p{font-size:14px; color:#3a3a3c; font-weight:600; padding:0; margin:0 0 10px 0 !important; line-height:1.2; white-space:normal} #cmsbody form input, #cmsbody form select, #cmsbody form textarea, #cmsbody form input[type=text], #cmsbody #rc-contacb-form-loc-list .form-element input[type="text"], #cmsbody #rc-contacb-form-loc-list .form-element select, #cmsbody #rc-contacb-form-loc-list .form-element textarea{background:transparent; width:100% !important; max-width:100%; height:40px; padding:0 10px !important; font-size:14px; color:#3a3a3c; font-weight:500; border:1px solid #e3e3e3; border-radius:0 !important; border-width:1px; margin:5px 5px 10px 0 !important} #cmsbody form textarea, #cmsbody #rc-contacb-form-loc-list .form-element textarea{padding:15px 20px !important; height:110px !important} #cmsbody form input, #cmsbody form select{} #cmsbody .container_type_name .type_name > dt{display:none} #cmsbody form dt{float:none !important; display:block; width:100% !important} #cmsbody form#PaymentDetailsForm dd{border:0} #cmsbody form#PaymentDetailsForm input[type=text]{margin:0 !important} #cmsbody form#PaymentDetailsForm .cardNumber-container dd, #cmsbody form#PaymentDetailsForm .cardVerification-container dd, #cmsbody form#PaymentDetailsForm .cardExpiry-container dd{border:solid 1px #dddddd; padding:10px 20px !important} #cmsbody form #savePayment-element{display:flex; align-items:flex-start; border:0; padding:0; margin:0} #cmsbody form input[type=checkbox]{padding:0 15px !important; width:auto !important; margin:7px 10px 7px 0 !important; height:auto} #cmsbody form #savePayment-element p{margin:0} #cmsbody form div.left dd, #cmsbody form div.right dd{width:100%; float:none; margin:0 !important; padding:0 !important} #cmsbody form dd{display:table; width:100% !important; margin:0 !important} #cmsbody form .container_type_name .layout_normal{display:flex; justify-content:space-between} #cmsbody form div.multi-container, #cmsbody form div.container_type_multi_choice{margin:0} #cmsbody form div.checkbox-container{width:100%; margin-bottom:10px !important; display:inline-block; vertical-align:top} #cmsbody form .multi-container label, #cmsbody form .event-user-container label{display:flex; line-height:1; align-items:flex-start} #cmsbody form .multi-container input[type=checkbox], #cmsbody form .container_type_multi_choice input[type=radio], #cmsbody form .event-user-container input[type=radio]{width:auto !important; height:auto; display:inline-block; vertical-align:top; margin:0 10px 5px 0 !important; padding:0 !important} #cmsbody form .event-user-container br{display:none} #cmsbody form div.fb-v2-input-group-small, #cmsbody form div.fb-v2-input-group-medium, #cmsbody form .layout_normal div.form-element{width:calc(100% / 2 - 10px) !important; padding:0} #cmsbody form div.container_type_static_heading dt{display:none} #cmsbody form div.form-centre-element-container{margin-bottom:15px} #cmsbody #formBuilder .qq-uploader div.qq-upload-button, #cmsbody form .qq-uploader div.qq-upload-button{background:#ddd; height:auto !important; width:130px !important; text-align:left; padding:18px; border:solid 1px #ebecee; border-radius:5px; font-size:14px; color:#545454; font-weight:normal; text-align:center} #cmsbody #formBuilder .qq-upload-wrapper.photo-item, #cmsbody form .qq-upload-wrapper.photo-item{height:208px} #cmsbody #formBuilder .qq-upload-wrapper .photo-bar, #cmsbody form .qq-upload-wrapper .photo-bar{height:19px} #cmsbody #formBuilder .qq-upload-wrapper.photo-item span.qq-upload-file, #cmsbody form .qq-upload-wrapper.photo-item span.qq-upload-file{color:#fff; height:auto; font-size:12px !important} #cmsbody #formBuilder .qq-upload-wrapper .photo-bar a, #cmsbody form .qq-upload-wrapper .photo-bar a{margin-top:-7px} #cmsbody form div.form-element.container_type_submit {width:calc(100% / 1 - 10px)} #cmsbody form .container_type_submit dt{display:none} #cmsbody form .container_type_submit input[type="submit"], #cmsbody #rc-contacb-form-loc-list .form-element dd#Submit-element input[type="submit"]{background:#056839; border:0; color:#ffffff; width:auto !important; max-width:auto; font-size:16px; font-weight:600; line-height:1.2; display:table; margin:0 !important; padding:15px 45px !important; height:auto; text-transform:uppercase; white-space:normal; cursor:pointer; border-radius:5px !important} #cmsbody form .container_type_submit input[type="submit"]:hover, #cmsbody #rc-contacb-form-loc-list .form-element dd#Submit-element input[type="submit"]:hover{background:#3a3a3c; color:#ffffff} #cmsbody form div.form-element.container_type_captcha {width:calc(100% / 1 - 10px) !important; padding:0; margin:0; height:auto} #cmsbody .container_type_captcha dt{padding-bottom:3px} #cmsbody .container_type_captcha p{display:none} #cmsbody .g-recaptcha {height:70px; -webkit-transform:scale(0.75); transform:scale(0.75); -webkit-transform-origin:0 0; transform-origin:0 0} #cmsbody .captcha-container{width:100%; position:relative; display:table; clear:both} #cmsbody .fb-error{background-color:rgba(255,255,255,0.8); border-radius:3px; padding:5px; margin-left:10px} #cmsbody .form-description{display:none} #cmsbody span[id^=__formerro]{display:block; margin:0 0 20px; text-align:center; color:#ff0000 !important; font-weight:500; font-size:18px} /*#cmsbody ul.errors{display:none}*/ #cmsbody form ul.errors{background:transparent; color:red; font-weight:600; letter-spacing:0.5px} #cmsbody .container-error dd, #cmsbody .subform.container-error dd dd, #cmsbody .container-error.container_type_captcha{background:none; box-shadow:none; margin:0 !important} #cmsbody .container-error input, #cmsbody .container-error textarea, #cmsbody .container-error select, #cmsbody .container-error.container_type_captcha .g-recaptcha div{box-shadow:0 0 1px 1px #ff0000} #cmsbody .event-register{max-width:360px} #cmsbody #ivt-prog-base td{padding:3px 5px !important; vertical-align:middle; white-space:normal; font-size:14px} #cmsbody #ivt-prog-base td select{margin:0 !important; padding:5px 10px 5px 10px !important; height:auto; width:60px !important} #cmsbody form label.required:after{color:red} #cmsbody form label.required.optional:after{display:none} @media screen and (max-width:1200px) { #cmsbody .baseapp-form{padding:0 15px} #cmsbody form div.form-element.container_type_captcha, #cmsbody form div.form-element.container_type_submit{width:calc(100% / 1 - 0px) !important} #cmsbody form .container_type_submit input[type="submit"], #cmsbody #rc-contacb-form-loc-list .form-element dd#Submit-element input[type="submit"]{margin:0 !important} } @media screen and (max-width:767px) { #cmsbody .eventContentDiv{padding:0 15px} #cmsbody .eventContentDiv td{white-space:normal; word-break:break-word; vertical-align:top; font-size:16px} #cmsbody .eventContentDiv .normalText td{padding:5px !important} #cmsbody form div.checkbox-container, #cmsbody form .form-element .cols1 > label{width:100% !important} } /*Common Form Style E*/ /*NL Panel S*/ body .b-form{margin:0; width:100%; padding:0; max-width:375px} body .b-form .baseapp-form {padding:0} body .b-form .baseapp-form h4 {display:none} body .b-form .baseapp-form p{display:none} body .b-form form {display:table; margin:0 auto; width:100%} body .b-form form dl{display:flex; margin:0 auto; flex-flow:wrap; justify-content:space-between; align-items:flex-start} body .b-form .fb-v2-form-element{margin:0; padding:0} body .b-form form .left.form-element{width:calc(100% / 1 - 0px); margin:0} body .b-form form .left.form-element.container_type_single_text, body .b-form form .left.form-element.container_type_checkbox, body .b-form form .subform, body .b-form form .left.form-element.container_type_paragraph, body .b-form form .left.form-element.container_type_multi_choice, body .b-form form .left.form-element.SubmitButton{width:calc(100% / 1 - 0px)} body .b-form form dd{margin:0 !important; width:100%} body .b-form form .left.form-element.l_78e731027d8fd50ed642340b7c9a63b3-container{width:100%} body .b-form .fb-v2-form-element.type_name > dt{display:none} body .b-form form .fb-v2-form-element.type_name .left.form-element.fb-v2-input-group-medium{width:calc(100% / 2 - 10px) !important; padding:0} body .b-form form label{font-size:16px; color:#ffffff; font-weight:500; padding:0; margin:0 0 7px !important; line-height:1.2; text-align:left; display:none; width:100%} body .b-form form input, body .b-form form select, body .b-form form textarea, body .b-form form input[type=text]{background:rgba(255,255,255,0); width:100% !important; max-width:100%; height:55px !important; padding:0 15px !important; font-size:16px; color:#ffffff; font-weight:400; border:solid 1px #ffffff !important; border-radius:5px !important; margin:0 0 15px !important; display:block} body .b-form form textarea{height:115px !important; padding:10px 15px !important} body .b-form form input::placeholder{opacity:1; color:#fff} body .b-form form .form-element.__LOCATION__-container{display:none} body .b-form form div.multi-container, body .b-form div.container_type_multi_choice{margin:0; display:flex; align-items:flex-start; flex-wrap:wrap} body .b-form div.checkbox-container{margin-bottom:10px !important; display:flex; width:calc(100% / 1)} body .b-form div.container_type_checkbox dt{display:none} body .b-form .container_type_multi_choice label, body .b-form label, body .b-form .multi-container label{display:flex; line-height:1; align-items:center; margin:0 10px 0 0 !important; width:auto; height:auto} body .b-form .container_type_multi_choice input[type=checkbox], body .b-form form div.multi-container input[type=checkbox], body .b-form .container_type_multi_choice input[type=radio], body .b-form .event-user-container input[type=radio]{width:auto !important; height:auto; display:inline-block; vertical-align:top; margin:0 10px 0 0 !important; padding:0 !important} body .b-form .cols3 .multi-container div.checkbox-container{width:calc(100% / 3); display:flex} body .b-form form .type_multi_choice .cols1 {display:flex; margin:0 0 5px !important} body .b-form form .form-element.SubmitButton dt{display:none} body .b-form form#formBuilder input[type="submit"]{background:#056839; border:0 !important; border-radius:5px; color:#fff; font-size:16px; font-weight:700; display:table; padding:10px 25px !important; height:55px !important; max-width:100%; text-transform:uppercase; width:100% !important; margin:0 !important; display:table; box-shadow:none} body .b-form form input[type="submit"]:hover{background:#ffffff !important; color:#3a3a3c !important} body .b-form form .left.form-element.wordVerification-container{height:100px !important; overflow:hidden; text-align:left; max-width:100% !important; width:50%; align-self:flex-start; margin:0 !important;display:flex; flex-direction:column} body .b-form form .left.form-element.wordVerification-container dt{display:none} body .b-form form .g-recaptcha {height:auto; max-width:250px !important; margin:0; -webkit-transform:scale(0.75); transform:scale(0.75); -webkit-transform-origin:0 0; transform-origin:0 0} body .b-form form .g-recaptcha div{max-width:320px !important} /*body .b-form form ul.errors{display:none}*/ body .b-form form .container-error dd, body .b-form form .container-error.container_type_captcha{background:none; box-shadow:none; margin:0 !important} body .b-form form .container-error input, body .b-form form .container-error textarea, body .b-form form .container-error select, body .b-form form .container-error.container_type_captcha .g-recaptcha div{box-shadow:0 0 2px 2px #ff0000} body .b-form form ul.errors{background:transparent; color:black; font-weight:600; letter-spacing:0.5px} @media screen and (max-width:767px) { body .b-form{padding:0} body .b-form form .left.form-element, body .b-form form .form-element.SubmitButton, body .b-form form .left.form-element.wordVerification-container{width:calc(100% / 1); margin:0 !important} body .b-form form .type_multi_choice .cols1{flex-direction:column} body .b-form form .left.form-element.wordVerification-container{height:75px !important} body .b-form form .g-recaptcha {max-width:250px !important; margin:0 auto} body .b-form form input[type="submit"]{width:100% !important; margin:0 auto !important} } /*NL Panel E*/ /*Search Page S*/ .web-search-ctr {margin:0 0 30px} .web-search-ctr form{display:flex} #cmsbody .web-search-ctr form input[type="text"]{margin:0 !important; padding:0 20px !important; height:auto; width:100%; border-radius:5px !important} #cmsbody .web-search-ctr form input[type="submit"]{background:#056839; border:0; color:#ffffff; width:auto !important; max-width:auto; font-size:16px; font-weight:600; line-height:1.2; display:table; margin:0 !important; padding:15px 45px !important; height:auto; text-transform:uppercase; white-space:normal; cursor:pointer; border-radius:5px !important} #cmsbody .web-search-ctr form input[type="submit"]:hover{background:#3a3a3c; color:#ffffff} #website-search-listing p, #website-search-listing a{line-height:1.4} #website-search-listing a{font-weight:500; display:table; margin:0 0 5px; padding:5px 0 0} #website-search-listing p{border-bottom:solid 1px #f9f8fb; padding:0 0 20px} #website-search-listing > br{display:none} #website-search-listing .paginationControl{padding:0} @media screen and (max-width:767px) { #cmsbody .web-search-ctr form input[type="text"]{padding:0 10px !important} #cmsbody .web-search-ctr form input[type="submit"]{padding:15px 15px !important} } /*Search Page E*/ /*==========MM V2 S==========*/ /***************Member Directory Listing*************/ #cmsbody #RegistrationInformationForm{display:table} #cmsbody #RegistrationInformationForm input, #cmsbody #RegistrationInformationForm select{width:100%; font-size:14px} #cmsbody #nfb-breadcrumb{white-space:normal; display:table; margin:0} #cmsbody .nfb-breadcrumb {padding:0; display:table; width:100%; border:0; margin-bottom:20px} #cmsbody .nfb-breadcrumb li{display:inline-block} #cmsbody .nfb-crumb a{font-size:15px; font-weight:600; color:#ffffff; background-image:none !important; padding:10px 20px; margin:0 2px 11px; background:#056839; border-radius:20px; line-height:1.4; display:block} #cmsbody .nfb-crumb:active a, #cmsbody .nfb-crumb.current a {color:#fff !important; border-radius:20px; background-color:#3a3a3c} #cmsbody .nfb-crumb .nfb-left-crumb {background:none !important; display:none} #cmsbody .eve-reg-breadcrumb li.last.nfb-crumb.registration-complete a:after {content:"Confirm Registration"; position:absolute; color:#3a3a3c; left:25px} #cmsbody .eve-reg-breadcrumb li.last.nfb-crumb.registration-complete a {color:transparent !important} #cmsbody .eve-reg-breadcrumb li.last.current.nfb-crumb.registration-complete a:after {color:#fff} #cmsbody .step-buttons button {color:#ffffff; position:relative; background:#056839; border:0; width:auto !important; max-width:auto; font-size:14px; font-weight:700; display:inline-block; vertical-align:middle; margin:10px 10px 10px 0 !important; padding:15px 35px !important; height:45px; text-transform:uppercase; border-radius:20px 0 0 0; line-height:1} #cmsbody .step-buttons button:hover {background:#3a3a3c; color:#ffffff} #cmsbody .current-confirmation button {color:transparent; position:relative; background:#056839; border:0; width:auto !important; max-width:auto; font-size:14px; font-weight:700; display:inline-block; vertical-align:middle; margin:10px 10px 10px 0 !important; padding:15px 35px !important; height:45px; text-transform:uppercase; border-radius:20px 0 0 0; line-height:1} #cmsbody .current-confirmation button:after {content:"Confirm Registration"; position:absolute; color:#056839; left:0; right:0} #cmsbody .current-confirmation button:hover{background:#3a3a3c; color:transparent} #cmsbody .current-confirmation button:hover:after{color:#056839} @media screen and (max-width:767px) { #cmsbody .formBuilder div.fb-v2-input-group-small, #cmsbody .formBuilder div.fb-v2-input-group-medium{width:100% !important} } /*Member Dashboard S*/ .mm-dashboard .main-con-bg-in{padding:0} .mm-dashboard .main-con-bg-in .container{width:100%} .mm-dashboard .dashboard-heading{background:rgb(244, 244, 244); padding:50px 15px; text-align:center} .mm-dashboard .main-con-bg-in .container .nsi-member-details{display:table; margin:0 auto; padding:30px 15px 15px; width:100%; max-width:1600px} .mm-dashboard .main-con-bg-in .container .nsi-member-list{background:#f4f4f4; max-width:100%; display:block; margin:0 auto; padding:50px 15px; width:100%} .mm-type-text ul{margin:0; padding:0; list-style:none} .mm-type-text ul li{background:url(icn-logo.png) 0 4px no-repeat; background-size:12px auto; padding:0 0 5px 25px; margin:0 0 10px} #cmsbody #nsi-account-page {max-width:100%} #cmsbody #nsi-account-page h1 {margin:0 0 15px} #cmsbody #nsi-account-page p {font-size:16px} #cmsbody #nsi-account-page .nsi-member-details {display:flex; margin:15px auto 0; flex-flow:wrap} #cmsbody #nsi-account-page .nsi-member-details h2 {width:100%; display:block; font-weight:600} #cmsbody #nsi-account-page .nsi-member-details .nsi-item {background:#056839; width:calc(100% / 5 - 10px); padding:25px 30px; text-align:left; border:solid 2px #056839; border-width:0; margin:0 5px 30px; display:flex; flex-wrap:wrap; justify-content:flex-start; border-radius:15px} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 {font-size:20px; line-height:1.2; margin:0 0 5px; display:flex; justify-content:center; align-items:flex-start; text-align:left; flex-direction:column;width:100%;color:#fff;font-weight:600} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 i {background:none !important; margin:0 0 10px 0; width:39px; height:39px} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 i svg {width:30px; height:30px; fill:#ffffff} /*#cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 i.icon-pencil {background:url(icn-pencil.png) 50% 50% no-repeat; background-size:100% auto} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 i.icon-lock {background:url(icn-lock.png) 50% 50% no-repeat; background-size:100% auto} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 i.icon-logout {background:url(icn-power.png) 50% 50% no-repeat; background-size:100% auto} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 i.icon-resourse {background:url(icn-file.png) 50% 50% no-repeat; background-size:100% auto; margin-right:5px} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 i.icon-list {background:url(icn-mm-list-view.png) 50% 50% no-repeat; background-size:90% auto}*/ #cmsbody #nsi-account-page .nsi-member-details .nsi-item p {font-size:16px; color:#ffffff; width:100%; display:none} #cmsbody #nsi-account-page .nsi-member-details .nsi-item a.btn {background:#ffffff; font-size:13px; color:#3a3a3c; font-weight:700; text-transform:uppercase; line-height:1; letter-spacing:0; padding:15px 20px; text-shadow:none; border:0; border-radius:5px; margin:20px 0 0; align-self:flex-end; white-space:normal} #cmsbody #nsi-account-page .nsi-member-details .nsi-item a.btn:hover {background:#3a3a3c; color:#ffffff} #cmsbody .shopPreviousOrderTable td{padding:10px 0} #cmsbody .shopPreviousOrderTable .action-row .shopPreviousOrderLabel a {display:inline-block; vertical-align:middle; margin:10px 10px 10px 0; position:relative} #cmsbody .shopPreviousOrderTable .action-row .shopPreviousOrderLabel a:after {content:'|'; padding:0 0 0 15px} #cmsbody .shopPreviousOrderTable .action-row .shopPreviousOrderLabel a:last-child:after {display:none} #cmsbody .shopPreviousOrders{padding:0} #cmsbody .shopPreviousOrders .shopPreviousOrdersHeadingTr td{padding:0 5px 10px} #cmsbody .shopPreviousOrders .shopPreviousOrderValueTr td{padding:5px} #cmsbody .shopPreviousOrdersTable .shopPreviousOrderValueTr .shopPreviousOrderValueTd{vertical-align:middle} #cmsbody .shopPreviousOrdersTable .shopPreviousOrderValueTr .shopPreviousOrderValueTd:last-child {text-align:center} #cmsbody .shopPreviousOrdersTable .shopPreviousOrderValueTr .shopPreviousOrderValueTd a {display:inline-block; vertical-align:middle; margin:5px 10px 5px 0 !important; position:relative; font-weight:bold; border-radius:5px} #cmsbody #nsi-account-page .membership-list {background:#ffffff; font-size:16px; padding:30px; max-width:1570px; margin:0 auto} #cmsbody #nsi-account-page .nsi-member-list h2 {font-weight:600; text-align:center} @media screen and (max-width:1440px) { /*#cmsbody #nsi-account-page .nsi-member-details .nsi-item {width:calc(100% / 3 - 10px)}*/ } @media screen and (max-width:1280px) { #cmsbody #nsi-account-page .nsi-member-details .nsi-item {width:calc(100% / 4 - 10px)} .mm-dashboard .main-con-bg-in .container .nsi-member-details{padding:15px 30px 15px} .mm-dashboard .main-con-bg-in .container .nsi-member-list, #cmsbody #nsi-account-page .membership-list{padding:30px} } @media screen and (max-width:1200px) { #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 {min-height:60px} } @media screen and (max-width:991px) { #cmsbody #nsi-account-page .nsi-member-details .nsi-item {width:calc(100% / 3 - 10px)} } @media screen and (max-width:767px) { #cmsbody #nsi-account-page {padding:0} #cmsbody #nsi-account-page .nsi-member-details {justify-content:center} #cmsbody #nsi-account-page .nsi-member-details .nsi-item {width:calc(100% / 1 - 50px); padding:25px; margin:5px; max-width:265px} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3, #cmsbody #nsi-account-page .nsi-member-details .nsi-item p{min-height:auto} .mm-dashboard .dashboard-heading{padding:30px 15px} .mm-dashboard .main-con-bg-in .container .nsi-member-details{padding:15px} .mm-dashboard .main-con-bg-in .container .nsi-member-list, #cmsbody #nsi-account-page .membership-list{padding:30px 15px} #cmsbody .shopPreviousOrders{max-width:100%; overflow-x:scroll} #cmsbody .shopPreviousOrders .shopPreviousOrdersHeadingTr td, #cmsbody .shopPreviousOrders .shopPreviousOrderValueTr td{font-size:14px} } /*Member Dashboard E*/ /*Login Form S*/ .member-login-form {padding:0 15px} .member-login-form .baseapp-form {margin:0 auto; max-width:500px; border:solid 1px #efefef; padding:30px !important; display:table} .member-login-form #frmAccountLogin{margin:30px 0 0; max-width:450px} .member-login-form #frmAccountLogin #Submit-label{display:none} .member-login-form #frmAccountLogin #Submit-element input{margin:0 !important} .member-login-form #frmAccountLogin .ssoProviders-container, .member-login-form #frmAccountLogin .forwardUrl-container{margin:0 !important} /*Login Form E*/ /*Payment Form S*/ .info-section, .baseapp-form {padding:0 15px} #cmsbody form[id^="PaymentDetailsForm"]{margin:20px 0 0; padding:0} #cmsbody form[id^="PaymentDetailsForm"] div.form-element, #cmsbody form[id^="PaymentDetailsForm"] dd{margin:0 0 5px !important; padding:0} #cmsbody form[id^="PaymentDetailsForm"] dl{border:0} #cmsbody form[id^="PaymentDetailsForm"] div.form-element.termsAndConditions-container dt{display:none} #cmsbody form[id^="PaymentDetailsForm"] dt{font-size:14px; color:#056839; font-weight:500; padding:0; margin:0 0 10px 0 !important; line-height:1.2} #cmsbody form[id^="PaymentDetailsForm"] dt#billAddress-label{font-size:18px; color:#056839; font-weight:600; padding:0; margin:15px 0 !important} #cmsbody form[id^="PaymentDetailsForm"] input, #cmsbody form[id^="PaymentDetailsForm"] select, #cmsbody form[id^="PaymentDetailsForm"] textarea, #cmsbody form[id^="PaymentDetailsForm"] input[type=text]{background:#ffffff; width:100% !important; max-width:100%; height:45px; padding:0 20px !important; font-size:14px; color:#056839; font-weight:500; border:solid 1px #ccc; border-radius:3px; border-width:1px; margin:0 0 5px 0 !important} #cmsbody form[id^="PaymentDetailsForm"] input[type=radio], #cmsbody form[id^="PaymentDetailsForm"] input[type=checkbox]{display:inline-block; width:auto !important; vertical-align:middle; margin:0 10px 0 0 !important} #cmsbody form[id^="PaymentDetailsForm"] textarea{height:100px; padding:15px 20px !important} #cmsbody form[id^="PaymentDetailsForm"] dt{float:none !important; /*! display:block; */ width:100% !important} #cmsbody form[id^="PaymentDetailsForm"] .StripeElement{padding:10px} #cmsbody .buttons, #cmsbody form[id^="PaymentDetailsForm"] input[type=submit], #cmsbody .SubmitButton .cancel-link a{background:#056839; border:0; color:#ffffff; width:auto !important; max-width:auto; font-size:14px; font-weight:700; display:inline-block; vertical-align:middle; margin:10px !important; padding:15px 35px !important; height:45px; text-transform:uppercase; border-radius:5px; line-height:1} #cmsbody .buttons:hover, #cmsbody form[id^="PaymentDetailsForm"] input[type=submit]:hover, #cmsbody .SubmitButton .cancel-link a:hover{background:#3a3a3c; color:#ffffff} /*Payment Form E*/ /*Membership Manager S*/ .mm-type-page .main-con-bg-in{padding:0} .mm-type-page .main-con-bg-in .container{width:100%} .mm-type-page .mm-type-heading{background:rgb(244, 244, 244); padding:50px 15px; text-align:center} .mm-type-page .main-con-bg-in .container .mm-type-text{max-width:1170px; display:table; margin:0 auto; padding:30px 15px 15px; width:100%} .mm-type-page .main-con-bg-in .container .mm-type-period{max-width:1170px; display:table; margin:0 auto; padding:0 15px 30px; width:100%} .mm-type-text ul{margin:0; padding:0; list-style:none} .mm-type-text ul li{background:url(icn-logo.png) 0 4px no-repeat; background-size:12px auto; padding:0 0 5px 25px; margin:0 0 10px} .memberSignup{display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px auto 0; max-width:1170px;} .memberSignup #signup-tag, .memberSignup #signup-title{width:100%} .memberSignup #signup-title h1{margin:0 0 20px; display:none} .memberSignup #signup-tag{width:100%; margin:0 0 10px; text-align:center} .memberSignup #signup-tag p{font-size:30px; color:#056839; font-weight:700; line-height:1.4} .memberSignup .memberType{width:calc(100% / 3 - 10px); margin:0 0 15px 0; padding:35px 30px; border-radius:7px; background:#fff; border:solid 2px rgb(206, 206, 206); border-width:1px} .memberSignup .memberType h2{font-size:18px; margin:10px 0; font-weight:600; line-height:1.4; text-align:center} .memberSignup .memberType h2 a{font-size:18px; line-height:1.4; margin:0 auto; font-weight:700; letter-spacing:0.5px; text-transform:uppercase; text-align:center} .memberSignup .memberType h3{margin:0 0 10px; font-size:26px; text-align:center; line-height:1.2; font-weight:bold} .memberSignup .memberType ul{margin:15px 0 0; padding:0 0 0 20px} .memberSignup .memberType .memberTypeDescription {margin:10px 0} .memberSignup .memberType a{background:#056839; color:#fff; padding:10px 20px; margin:25px auto 0 auto; display:table; font-weight:bold; font-size:16px; line-height:1.6; border-radius:3px; text-transform:uppercase} .memberSignup .memberType a:hover{background:#3a3a3c; color:#ffffff} .memberSignup .memberType .memberTypeDescription, .memberSignup .memberType .memberTypeDescription *{font-size:18px; color:#3a3a3c; font-weight:400; line-height:1.6; margin:25px auto 0} .memberSignup .memberType .memberTypeDescription p{margin:10px auto 0} .membershipType-block h1{margin:0 0 25px} .membershipType-block p{font-size:16px; color:#056839; font-weight:400; line-height:1.4; margin:0 0 25px} #cmsbody .member-signup-form{background:#f6f6f6; padding:30px 15px; margin:30px 0 0; border:solid 1px #056839} .shopPreviousOrderBreadcrumb{margin-bottom:15px} #cmsbody form[id^="formBloomMemberManager"] div.form-element input, #cmsbody form[id^="MembershipDetails"] div.form-element input{max-width:350px} #cmsbody form[id^="formBloomMemberManager"] .zend_form, #cmsbody form[id^="MembershipDetails"] .zend_form dl, #cmsbody form[id^="formBloomMemberManager"] .subform dl{display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%;align-items:flex-start} #cmsbody form[id^="formBloomMemberManager"] div.form-element, #cmsbody form[id^="MembershipDetails"] div.form-element{width:calc(100% / 3 - 0px); padding:0 30px 0 0} #cmsbody form[id^="formBloomMemberManager"] div.subform{width:calc(100% / 1 - 0px); padding:0} #cmsbody form[id^="formBloomMemberManager"] div.subform dt{font-size:16px; color:#056839} #cmsbody form[id^="formBloomMemberManager"] .form-element.multi-checkbox{width:calc(100% / 1 - 30px)} #cmsbody form[id^="MembershipDetails"] .contact-contact-116674-container, #cmsbody form[id^="MembershipDetails"] .multi-checkbox{flex-basis:100%} #cmsbody form[id^="formBloomMemberManager"] .form-element.captcha-container{flex-basis:34%} #cmsbody form[id^="formBloomMemberManager"] .form-element.captcha-container .g-recaptcha{height:65px} #cmsbody form[id^="formBloomMemberManager"] .form-element.captcha-container p{font-size:11px} #cmsbody form[id^="formBloomMemberManager"] div.form-element.Submit-container {width:100%} #cmsbody form[id^="formBloomMemberManager"] div.form-element input[type="submit"] {background:#056839; color:#fff; font-size:16px; text-transform:uppercase; border:0; margin:4px 15px 4px 0 !important; height:45px; width:auto !important; padding:10px 30px !important; border-radius:5px !important} #cmsbody form[id^="formBloomMemberManager"] div.form-element input[type="submit"]:hover {background:#3a3a3c; color:#ffffff} #cmsbody form[id^="formBloomMemberManager"] div.form-element.static{width:100%; margin:0 0 15px 0} #cmsbody form[id^="formBloomMemberManager"] div.form-element.static div{font-weight:bold; font-size:15px; text-decoration:underline} #cmsbody form[id^="formBloomMemberManager"] div.form-element.static dt{display:none} #cmsbody form[id^="formBloomMemberManager"] div#membership_address-subform {width:100%} #cmsbody form[id^="formBloomMemberManager"] div#membership_address-subform dt#membership_address-label{display:none} #cmsbody form[id^="formBloomMemberManager"] #membership_address-subform dd{padding:0} #cmsbody form[id^="formBloomMemberManager"] #membership_address-subform dl{display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0} #cmsbody form[id^="formBloomMemberManager"] #membership_address-subform dl div.subform-description{width:100%; font-weight:bold; font-size:15px; text-decoration:underline; margin:0 0 15px 0} @media screen and (max-width:991px) { .memberSignup .memberType{width:calc(100% / 3 - 15px); padding:15px 15px 30px 15px} } @media screen and (max-width:767px) { .mm-type-page .mm-type-heading{padding:30px 15px} .memberSignup .memberType{width:calc(100% / 1 - 0px)} .membershipType-block{padding:0 15px} #cmsbody form[id^="formBloomMemberManager"] div.form-element input, #cmsbody form[id^="MembershipDetails"] div.form-element input{max-width:100%} #cmsbody form[id^="formBloomMemberManager"] div.form-element, #cmsbody form[id^="MembershipDetails"] div.form-element{width:calc(100% / 1 - 0px); padding:0} #cmsbody form div.checkbox-container{width:100% !important} .MM-page .shopPreviousOrderBreadcrumb, .MM-page h1{padding:0 15px} } #discount-container-widget form{width:auto; display:table} #discount-container-widget form input[type="submit"]{margin:0 !important; font-size:14px; padding:10px 15px !important} .shopPreviousOrders .shopPreviousOrdersTable a {background:#056839; color:#fff; font-size:14px; text-transform:uppercase; border:0; margin:0 0 0 auto !important; height:auto; width:auto !important; padding:10px 25px !important; display:inline-block; vertical-align:middle; position:relative} .shopPreviousOrders .shopPreviousOrdersTable a:hover {background:#3a3a3c; color:#ffffff} /*Membership Manager E*/ /*==========MM V2 E==========*/ /*Shop Search Listing S*/ #cmsbody .search-container{background:#f9f9f9; padding:20px 15px; margin:0 auto 30px; border:solid 1px #eee; border-radius:10px; max-width:1140px} #cmsbody .search-container form{display:flex; justify-content:space-between} #cmsbody .search-container form .search-input{width:calc(100% - 20px); padding:0 10px} #cmsbody .search-container form .search-input.search-button{width:auto} #cmsbody .search-container form .search-input label{display:none} #cmsbody .search-container form .search-input select, #cmsbody .search-container form .search-input input{background:#fff; color:#3a3a3c; margin:5px 0 !important; font-size:16px; padding:10px 15px !important; height:auto !important; border-radius:5px !important} #cmsbody .search-container form .search-input input[type=submit]{background:#056839 !important; color:#fff !important; border-color:#3a3a3c !important; width:auto !important; height:auto !important; padding:10px 25px !important} #cmsbody .search-container form .search-input input[type=submit]:hover{background:#3a3a3c !important; color:#ffffff !important; border-color:#ffffff !important} .not-found{text-align:center; font-size:16px; font-weight:600; margin:0} @media screen and (max-width:767px) { #cmsbody .search-container form{flex-wrap:wrap} #cmsbody .search-container form .search-input{width:calc(100% / 2 - 0px)} #cmsbody .search-container form .search-input.search-button{width:calc(100% / 1 - 0px)} } /*Shop Search Listing E*/ /*==========Shop Responsive S==========*/ /*Responsive Shop Products Styles S*/ #cmsbody #nsi-breadcrumb {margin:0 0 35px} #cmsbody #nsi-breadcrumb *{font-size:14px; font-weight:normal; text-transform:uppercase} #cmsbody .new-shop-listing-responsive #nsi-breadcrumb {margin:0 0 15px 15px} .new-shop-listing-responsive h1, .new-shop-listing-responsive #nsi-page-text{margin:0 15px 20px} .new-shop-listing-responsive h1{text-transform:uppercase; margin:30px 15px; display:block; width:100%} .new-shop-listing-responsive h2{margin:30px 15px} .new-shop-listing-responsive #nsi-categories{display:flex; width:100%; flex-wrap:wrap} .new-shop-listing-responsive #nsi-categories h2{margin:0 0 20px 15px} .new-shop-listing-responsive #nsi-categories .nsi-cat{display:flex; justify-content:center; margin:0; width:calc(100% / 3); padding:15px} .new-shop-listing-responsive #nsi-categories .nsi-cat-inner{margin:0 auto 15px; text-align:center; border:solid 5px #056839; border-radius:10px; display:flex; justify-content:center; flex-wrap:wrap; width:100%; height:100%; align-items:center} .new-shop-listing-responsive #nsi-categories .nsi-cat-inner a.nsi-shop-listing-thumb{margin:0 auto 20px; width:100%; padding:0} .new-shop-listing-responsive #nsi-categories .nsi-cat-inner a.nsi-shop-listing-thumb img{max-height:250px} .new-shop-listing-responsive #nsi-categories .nsi-cat-inner .nsi-cat-name{font-size:20px; font-weight:600; display:table; min-height:0; margin:auto auto 0; color:#3a3a3c; width:100%; align-self:flex-end; text-transform:uppercase} .new-shop-listing-responsive #nsi-categories .nsi-cat-inner .nsi-cat-qty{font-size:16px; font-weight:bold; margin-bottom:10px; color:#3a3a3c; align-self:flex-end} .new-shop-listing-responsive ul.item-list-fullwidth{padding:0; margin:0; list-style:none; display:flex; flex-wrap:wrap} .new-shop-listing-responsive ul.item-list-fullwidth li{display:flex; float:none; margin:0 0 30px 0; padding:0 5px; width:calc(100% / 3)} .new-shop-listing-responsive ul.item-list-fullwidth li:nth-child(3n+1){clear:both} .new-shop-listing-responsive ul.item-list-fullwidth .nsi-li{background:#ffffff; border:solid 5px #056839; width:100%; text-align:center; padding:0 0 10px; margin:0 auto; height:100%; display:flex; justify-content:center; flex-wrap:wrap; max-width:360px;border-radius:10px;overflow:hidden} .new-shop-listing-responsive .nsi-shop-listing-thumb {background:#ffffff; display:flex; position:relative; margin-bottom:20px; width:100%; justify-content:center; padding:0} .new-shop-listing-responsive .nsi-shop-listing-thumb a {/*min-height:200px;*/ position:relative; display:flex !important; /*! align-items:center; */ justify-content:center} .new-shop-listing-responsive .nsi-shop-listing-thumb img{display:block !important; margin:auto; max-height:360px; width:auto; margin:0 auto !important; object-fit:cover; object-position:50% 50%} .new-shop-listing-responsive .nsi-list .nsi-shop-listing-thumb img{display:block !important} .new-shop-listing-responsive .nsi-shop-listing-cat-name{color:#056839; font-weight:600; font-size:16px; min-height:45px; text-align:left; padding:0 15px; display:table; margin:0 0 10px; line-height:1.4; text-transform:uppercase} .new-shop-listing-responsive .nsi-shop-listing-prod-name{color:#3a3a3c; font-weight:500; font-size:20px; min-height:45px; text-align:center; padding:0 15px; display:table; margin:0 auto 10px; line-height:1.2} .new-shop-listing-responsive .nsi-shop-listing-price{font-size:20px; color:#056839; font-weight:600; text-align:center; padding:0 15px} .new-shop-listing-responsive .nsi-shop-listing-price span{font-size:20px; color:#3a3a3c; font-weight:600} .new-shop-listing-responsive .nsi-list .nsi-shop-listing-description{white-space:normal} .new-shop-listing-responsive .nsi-buy-now{margin:0; text-align:left; padding:0} .new-shop-listing-responsive .nsi-buy-now a.btn-buy-now{background:#056839; color:#ffffff; font-weight:500; font-size:14px; text-transform:uppercase; padding:15px 15px; display:inline-block; vertical-align:middle; height:50px; line-height:1; border:solid 1px #056839; border-radius:0; margin:0 !important} .new-shop-listing-responsive .nsi-buy-now a.btn-buy-now i{background:url(icn-cart-white.png) 50% 50% no-repeat; background-size:16px auto; display:inline-block; vertical-align:text-bottom; width:16px; height:20px; margin:0 5px 0 0} .new-shop-listing-responsive .nsi-buy-now a.btn-buy-now:hover{background:#3a3a3c; color:#ffffff; border:solid 1px #056839} .new-shop-listing-responsive .nsi-buy-now a.btn-buy-now:hover i{background:url(icn-cart-white.png) 50% 50% no-repeat} #cmsbody .new-shop-listing-responsive .nsi-buy-now form{display:flex; align-items:center} #cmsbody .new-shop-listing-responsive .nsi-buy-now input{background:#ffffff; color:#3a3a3c; font-weight:normal; font-size:14px; padding:10px; line-height:1; border:solid 1px #056839; border-radius:0; height:50px !important; width:50px; max-width:50px !important; margin:0 2px !important} .new-shop-listing-responsive .nsi-view-more {text-align:center; display:flex; align-items:center; margin:0 15px 10px 15px; justify-content:center; flex-wrap:wrap;align-self:flex-end;width:100%} .new-shop-listing-responsive .nsi-view-more a.btn-view-more{background:#056839; color:#ffffff; font-weight:500; font-size:14px; text-transform:uppercase; padding:15px 25px; display:table; line-height:1; border:0; margin:5px auto} .new-shop-listing-responsive .nsi-view-more a.btn-view-more:hover{color:#ffffff; border-color:#3a3a3c; background:#3a3a3c} .new-shop-listing-responsive .nsi-view-more .nsi-list-item-compare {margin:0 0 0 auto; font-size:14px;color:#3a3a3c} .new-shop-listing-responsive a.register-quote{background:#056839; color:#ffffff; font-weight:500; font-size:14px; text-transform:uppercase; padding:15px 15px; display:table; height:auto; line-height:1; border:solid 1px #056839; border-radius:0; width:100%; margin:10px auto 0} .new-shop-listing-responsive a.register-quote:hover{background:#3a3a3c; color:#ffffff; border:solid 1px #056839} #nsi-shop.new-shop-view-responsive .catalog-lists .slick-prev{background:url(slider-arrow-prev.png); left:0; z-index:100} #nsi-shop.new-shop-view-responsive .catalog-lists .slick-next{background:url(slider-arrow-next.png); right:0; z-index:100} #nsi-shop.new-shop-view-responsive {padding:0 15px} #nsi-shop.new-shop-view-responsive *{font-size:16px} #nsi-shop.new-shop-view-responsive .item-content-left {padding:0} #nsi-shop.new-shop-view-responsive .item-content-left .catalog-image{text-align:center} #nsi-shop.new-shop-view-responsive .item-content-left .catalog-image img{margin:0 auto; width:auto; height:auto; max-width:100%} #nsi-shop.new-shop-view-responsive .item-content-left .no-mainImage{margin:0 auto; display:table} #nsi-shop.new-shop-view-responsive .item-content-left .slider-nav-thumbnails .slick-track{margin:20px auto 0} #nsi-shop.new-shop-view-responsive .item-phone{text-align:center; margin-top:30px; clear:both} #nsi-shop.new-shop-view-responsive .item-phone a{font-size:30px; color:#3a3a3c; text-transform:uppercase; font-weight:bold; display:block} #nsi-shop.new-shop-view-responsive #productDetailForm{margin:0} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-variants{background:#fff; border:solid 1px #056839; border-width:0 0 1px 0; margin:0 0 20px 0; padding:0} #nsi-shop.new-shop-view-responsive #productDetailForm table{display:table; margin:0; width:100%} #nsi-shop.new-shop-view-responsive #productDetailForm .nsi-col-1, #nsi-shop.new-shop-view-responsive #productDetailForm .nsi-col-2{display:inline-block; vertical-align:middle; font-size:16px; color:#3a3a3c; padding:5px 10px 5px 0; font-weight:normal} #nsi-shop.new-shop-view-responsive #productDetailForm select{display:inline-block; vertical-align:middle; border:solid 1px #191919; font-size:16px; color:#3a3a3c; height:30px; padding:0 10px} #nsi-shop.new-shop-view-responsive #productDetailForm select[name='quantity'] {height:50px; width:50px !important; margin:0 5px !important} #nsi-shop.new-shop-view-responsive #productDetailForm a#productAddToCart{background:#056839 url(icn-cart-white.png) 20px 50% no-repeat; padding:15px 25px 15px 45px; margin:0; border:solid 1px #056839; font-size:14px; color:#ffffff; text-shadow:none; text-transform:uppercase; font-weight:600; display:inline-block; vertical-align:middle; border-radius:0; height:50px; margin:0 !important} #nsi-shop.new-shop-view-responsive #productDetailForm a#productAddToCart i{display:none} #nsi-shop.new-shop-view-responsive #productDetailForm a#productAddToCart:hover{background:#3a3a3c url(icn-cart-white.png) 20px 50% no-repeat !important; border-color:#3a3a3c; text-decoration:none !important; color:#ffffff !important} #nsi-shop.new-shop-view-responsive #productDetailForm a.register-quote{background:#056839; padding:15px 25px; margin:0 0 15px; border:solid 1px #056839; font-size:14px; color:#ffffff; text-shadow:none; text-transform:uppercase; font-weight:600; display:inline-block; vertical-align:middle; border-radius:0; height:50px} #nsi-shop.new-shop-view-responsive #productDetailForm a.register-quote:hover{background:#3a3a3c; border-color:#3a3a3c; text-decoration:none !important; color:#ffffff !important} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-price{display:table; margin:0 0 20px} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-price .nsi-rrp{display:block} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-price .nsi-rrp, #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-price .nsi-rrp span{font-size:16px; color:#3a3a3c; text-decoration:line-through; text-align:left} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-price .nsi-currency-symbol{font-size:32px; color:#056839} #nsi-shop.new-shop-view-responsive fieldset {margin:20px 0; border:0} #nsi-shop.new-shop-view-responsive fieldset legend{font-size:16px; font-weight:bold; color:#3a3a3c; text-transform:uppercase; margin:0 0 20px} #nsi-shop.new-shop-view-responsive fieldset table{display:table; margin:0 auto} #nsi-shop.new-shop-view-responsive fieldset td{font-size:14px; font-weight:600; color:#3a3a3c; vertical-align:middle; padding:0 5px} #nsi-shop.new-shop-view-responsive fieldset select{display:inline-block; vertical-align:middle; border:solid 1px #191919; font-size:12px; color:#3a3a3c; height:40px; padding:0 10px} #nsi-shop.new-shop-view-responsive fieldset input[type=checkbox]{display:inline-block; vertical-align:text-top; font-size:12px; color:#3a3a3c; margin:0 10px 0 0; line-break:1} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-variants #nsi-quantity-row{padding:30px 0; display:block; width:100%} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-variants #nsi-quantity-row td{display:inline-block; vertical-align:middle} #nsi-shop.new-shop-view-responsive .item-content-right {padding:0 0 0 30px} #nsi-shop.new-shop-view-responsive h1 {font-size:30px; line-height:1.2 !important; margin:0 0 20px; font-weight:700; color:#3a3a3c} #nsi-shop.new-shop-view-responsive .item-short-desc{margin:0 0 20px} #nsi-shop.new-shop-view-responsive .item-content-right .item-short-desc *{line-height:1.6; margin:0 0 15px; font-weight:400} #nsi-shop.new-shop-view-responsive .item-description-block {margin-top:75px} .new-shop-view-responsive #nsi-tabbed-box{background:#fff; clear:both} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li{background:#fff; border:solid 5px #3a3a3c; border-width:0 0 5px 0; border-radius:0; width:33%; margin:0 1px 0 0; text-align:center; padding:25px 15px 20px 15px} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li.selected, .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li:hover{background:#fff; border-color:#056839} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li a{font-size:20px; color:#3a3a3c; font-weight:600; letter-spacing:0} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li a:hover{text-decoration:none} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li.selected a, .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li:hover a {color:#3a3a3c} .new-shop-view-responsive #nsi-tabbed-box .yui-content {border:0; border-radius:0; padding:0; min-height:auto} .new-shop-view-responsive #nsi-tabbed-box .yui-content div {border:solid 1px #056839; border-radius:0; padding:45px} .new-shop-view-responsive #nsi-tabbed-box .yui-content *{font-size:16px; line-height:1.8; color:#3a3a3c} .new-shop-view-responsive .other-products{background:#fff; padding:60px 0 0} .new-shop-view-responsive .other-products .other-products-head h2{color:#3a3a3c; font-size:30px !important; font-weight:bold; text-transform:uppercase; margin:0 0 30px; text-align:left; padding:0 0 20px} .new-shop-view-responsive .other-products .other-products-item {display:flex; justify-content:space-between; flex-wrap:wrap} .new-shop-view-responsive .other-products .nsi-li{background:#056839; width:calc(96% / 3); margin:10px 0 30px; padding:10px; border:0; max-width:360px} .new-shop-view-responsive .other-products .nsi-li-thumb{margin:0 auto 30px; background-color:#fff; width:100% !important; display:table; text-align:center; padding:0;text-indent:0} .new-shop-view-responsive .other-products .nsi-li-thumb:hover{border-width:1px} .new-shop-view-responsive .other-products .nsi-li a.nsi-li-prod-name{color:#3a3a3c; font-weight:600; font-size:20px !important; display:table; margin:0; padding:15px 30px; min-height:90px} .new-shop-view-responsive .other-products .nsi-li a.nsi-li-view-details {color:#3a3a3c; font-weight:500; font-size:14px; display:table; margin:0; padding:0 30px 30px 30px; text-transform:uppercase} .new-shop-listing-responsive .btn:hover, #nsi-shop-cart-view .btn:hover {background-position:0 -26px} .new-shop-listing-responsive .btn [class^="icon-"], .new-shop-listing-responsive .btn [class*=" icon-"], #nsi-shop-cart-view .btn:hover [class^="icon-"], #nsi-shop-cart-view .btn:hover [class*=" icon-"], #nsi-shop-cart-view .btn:hover [class^="icon-"], #nsi-shop-cart-view .btn:hover [class*=" icon-"]{background-image:url(glyphicons-halflings-white.png) !important} #cmsbody #nsi-shop-cart-view div.nsi-error-message {background:#dff0d8; border:0; color:#3a3a3c; padding:7px; text-align:center; margin:30px 0; font-size:14px} #cmsbody #nsi-shop-cart-view .nsi-ship-calc .nsi-ship-heading{width:100%; margin-bottom:20px} #cmsbody #nsi-shop-cart-view a.btn i{display:none} #cmsbody #nsi-shop-cart-view #nsi-ship-and-total{display:none} #cmsbody .nsi-shop-controls .toggle-hold-text{padding-top:7px} #cmsbody .nsi-shop-controls a{background:#056839; font-size:11px; font-weight:600; color:#ffffff; line-height:1.2; letter-spacing:0; text-shadow:none; border:0; border-radius:5px; padding:6px 10px !important; margin:0 5px 0 0; height:25px; vertical-align:middle; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;vertical-align:middle;/*! display:table; */} #cmsbody .nsi-shop-controls i {vertical-align:top} #cmsbody #nsi-shop-cart-view a.btn, #cmsbody #nsi-shop-cart-view input.btn, #cmsbody #nsi-shop-checkout a.btn, #cmsbody #nsi-shop-checkout input.btn, #cmsbody #nsi-shop-checkout button{background:#056839; font-size:11px; font-weight:600; color:#fff; line-height:1; text-shadow:none; border:0; border-radius:0; padding:7px 10px !important; text-transform:uppercase; margin:0 5px 0 0; height:25px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s} #cmsbody .nsi-shop-controls a:hover, #cmsbody #nsi-shop-cart-view a.btn:hover, #cmsbody #nsi-shop-cart-view input.btn:hover, #cmsbody #nsi-shop-checkout a.btn:hover, #cmsbody #nsi-shop-checkout input.btn:hover, #cmsbody #nsi-shop-checkout button:hover{background:#3a3a3c !important; color:#fff !important; text-decoration:none} #cmsbody #nsi-shop-checkout .forgot-pass{margin-left:65px; margin-top:-50px} #cmsbody #nsi-shop-checkout span.cancel-link {width:50%} #cmsbody #nsi-shop-checkout .baseapp-form form dl{flex-direction:column; justify-content:flex-start; align-items:flex-start;} #cmsbody #nsi-shop-checkout .fb-v2-form-element, #cmsbody #nsi-shop-checkout div.form-element{margin:5px 0 !important; width:100%;} #cmsbody #nsi-shop-checkout .fb-v2-form-element select, #cmsbody #nsi-shop-checkout div.form-element select{padding:0 15px !important} #cmsbody #nsi-shop-checkout .fb-v2-form-element label, #cmsbody #nsi-shop-checkout div.form-element label{display:table} #cmsbody #nsi-shop-checkout .fb-v2-form-element.type-email .fb-v2-input{display:flex; align-items:center} #cmsbody #nsi-shop-checkout .fb-v2-form-element.type-email .fb-v2-input span, #cmsbody #nsi-shop-checkout .fb-v2-form-element.type-email .fb-v2-input a{font-size:14px;} #cmsbody .nsi-check-head{font-size:14px; padding:7px 10px} #cmsbody #nsi-shop-checkout .baseapp-form form #billingFullName-element dl{flex-direction:row; flex-wrap:nowrap; justify-content:space-between} #cmsbody #nsi-shop-checkout .baseapp-form form #billingFullName-element dl .fb-v2-form-element{width:calc(100% / 2 - 10px) !important;} /*Responsive Shop Products Styles E*/ @media screen and (max-width:991px) { #nsi-shop-listing #shop-search-result-container #nsi-listing-view ul li:nth-child(3n+1){clear:none} #nsi-shop-listing #shop-search-result-container #nsi-listing-view ul li:nth-child(2n+1){clear:both} #cmsbody #nsi-breadcrumb{margin:15px auto} #nsi-shop.new-shop-view-responsive .item-content-right{margin:50px auto 0; padding:0 15px} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li{padding:25px 5px 20px 5px} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li a{font-size:16px} } @media screen and (max-width:767px) { #cmsbody #nsi-shop-listing .nsi-shop-controls{margin:0 15px 20px} #cmsbody .new-shop-listing-responsive #nsi-breadcrumb {margin:0 15px 15px} .new-shop-listing-responsive h1, .new-shop-listing-responsive #nsi-page-text{margin:0 15px 20px} .new-shop-listing-responsive h1{margin:15px 0; padding:0 15px} #cmsbody .new-shop-view-responsive{padding:0 15px} .new-shop-view-responsive #nsi-product-table #nsi-image-cell, .new-shop-view-responsive #nsi-product-table .product-form{width:auto; float:none; margin:0 0 30px} .new-shop-listing-responsive #nsi-categories .nsi-cat{width:calc(100% / 2)} .new-shop-listing-responsive ul.item-list-fullwidth li{margin:0 auto 15px; width:calc(100% / 2)} .new-shop-listing-responsive .nsi-shop-listing-prod-name{min-height:auto} .new-shop-listing-responsive #nsi-categories .nsi-cat-inner a.nsi-shop-listing-thumb img{max-height:150px} .new-shop-view-responsive #nsi-tabbed-box-2 .nsi-li{width:45%} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li{width:32.9%; height:55px; padding:15px 5px 0} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li a{font-size:12px; font-weight:600; letter-spacing:0} .new-shop-view-responsive #nsi-tabbed-box .yui-content div {padding:30px 15px} .new-shop-view-responsive #nsi-tabbed-box .yui-content *{font-size:14px} .new-shop-view-responsive .other-products .other-products-item {flex-wrap:wrap; justify-content:space-around} .new-shop-view-responsive .other-products .other-products-item .nsi-li{width:96%; margin:10px auto 30px} } @media screen and (max-width:640px) { #cmsbody #nsi-shop-listing .nsi-shop-controls{height:auto !important} #cmsbody #nsi-shop-listing .nsi-shop-controls{height:auto !important} #cmsbody #nsi-shop-listing .nsi-shop-controls *{font-size:12px !important} #cmsbody #nsi-shop-listing .nsi-shop-controls h3{padding-bottom:5px !important; margin-bottom:10px !important; position:relative !important; width:100%; display:block} #cmsbody #nsi-shop-listing .nsi-shop-controls .nsi-view-as{padding-left:0; position:relative !important} #cmsbody #nsi-shop-listing .nsi-shop-controls .nsi-sort{padding-left:0; position:relative !important} #cmsbody #nsi-shop-listing .nsi-shop-controls .nsi-bottom-right{position:relative !important} .new-shop-listing-responsive ul.item-list-fullwidth li{width:calc(100% / 1)} .new-shop-listing-responsive .nsi-shop-listing-thumb a{min-height:100px} } #cmsbody .pagination {display:table; margin:0 auto 30px; max-width:1170px; width:100%} #cmsbody .paginationControl {font-size:0; display:table; padding:0 15px; margin-top:30px; width:100%} #cmsbody .paginationControl span, #cmsbody .paginationControl a{background:#ffffff; border:solid 1px #e1e1e1; display:inline-block; padding:12px 15px; min-width:40px; height:40px; font-size:14px; color:#000; font-weight:500; line-height:1; text-align:center; margin:0 10px 0 0; border-radius:0} #cmsbody .paginationControl a:hover, #cmsbody .paginationControl span.disabled {background:#056839; color:#fff; border-color:#056839} #cmsbody .paginationControl a:first-child, #cmsbody .paginationControl a:last-child {background:#fff; color:#000000} #cmsbody .paginationControl span:first-child.disabled, #cmsbody .paginationControl span:last-child.disabled {background:#f2f2f2; color:#666; border-color:#f2f2f2} /*==========Shop Responsive E==========*/