/*-------------------- 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:16px;-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, #defaultTwcPageContainer .ng-js-slider-item{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:175px} .m-height-in{min-height:175px} .fixed-header{height:175px; 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:175px; left:0; top:0; z-index:500; display:flex; justify-content:center; padding:0; border-top:solid 20px #002366; border-bottom:solid 1px #f8f8f8} .header-flex{width:100%; height:155px; display:flex; justify-content:space-between; padding:0; max-width:1170px; margin:0 auto} .logo-box{padding:0; 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 auto; line-height:0} .logo img{max-height:114px; width:auto} .t-right{padding:0; display:flex; justify-content:center; margin:0; flex-direction:column} .t-section{padding:0; display:flex; justify-content:flex-end; align-items:center; width:100%; height:50px} .t-cta{display:flex; align-items:center; justify-content:flex-end} .t-links i{border:0; width:16px; height:16px; margin:0 10px 0 0} .t-links i svg{fill:#002366} .t-links a:hover, .t-links a:hover i svg path{color:#ee4b2b; fill:#ee4b2b} .t-phone{display:flex; margin:0 20px 0 0} .t-phone a{padding:0; font-size:20px; color:#ffffff; font-weight:600; line-height:1; text-align:left; display:flex; align-items:center; margin:0} .t-phone a:hover{color:#002366} .btn-login{display:flex; margin:0} .btn-login a{background:#002366; padding:15px 30px; font-size:16px; color:#ffffff; font-weight:500; line-height:1.2; text-align:center; display:flex; align-items:center; justify-content:center; margin:0} .btn-login a:hover{background:#ee4b2b; color:#ffffff} .btn-member{display:flex; margin:0 0 0 10px} .btn-member a{background:#ee4b2b; padding:15px 30px; font-size:16px; color:#ffffff; font-weight:500; line-height:1.2; text-align:center; display:flex; align-items:center; justify-content:center; margin:0} .btn-member a:hover{background:#002366; color:#ffffff} /*Menu Section*/ .mob-menu{margin:10px 0 0 auto; padding: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:135px; box-shadow:0 0 5px #bbb} .f-nav .header-abs-top{height:135px} .f-nav .header-flex{height:120px} .f-nav .logo img{max-height:80px} .f-nav .mob-menu{margin:0 0 0 auto} /*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*/ /*Bottom Section S*/ .bottom-bg{background:#002366; padding:0; width:100%} .b-cta-flex{margin:0 auto; display:flex; justify-content:space-between; width:100%; padding:100px 0 35px; max-width:1170px} .b-cta{margin:0; padding:0; width:auto; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start} .b-cta h4{font-size:20px; color:#ffffff; font-weight:400; line-height:1.2; margin:0 0 25px; display:block} .b-cta p, .b-cta a, .b-cta span{font-size:16px; color:#cccccc; font-weight:400; line-height:1.6; margin:0; text-decoration:none; word-wrap:anywhere} .b-cta a:hover{color:#ee4b2b} .b-links i{border:0; width:16px; height:16px; margin:3px 10px 0 0} .b-links i svg{fill:#ee4b2b; color:#cccccc} .b-links a:hover, .b-links a:hover i svg path{color:#ee4b2b; fill:#ffffff} .b-logo-box{} .b-logo{} .b-sm-box{padding:0/*; max-width:550px; width:100%*/} .b-sm{margin:0; width:100%} .b-sm-box div[id^="sm"]{margin:0} .b-sm-box div[class^="col-list"]{display:flex; margin:0; justify-content:flex-start} .b-sm-box div[class*="col-idx-"]{padding:0 15px; margin:0} /*.b-sm-box div[class*="col-idx-1"]{width:100%}*/ /*.b-sm-box div[class*="col-idx-3"]{margin:0 0 0 auto}*/ .b-sm-box div[id*="menu-item-"]{margin:0 0 12px 0; padding:0; text-align:left} .b-sm-box div[id*="menu-item-"]:last-child{margin:0} .b-sm-box div[id*="menu-item-"].m30{margin-top:30px} .b-sm-box .no-show h4{font-size:0; min-height:30px} .b-sm-box div a{font-size:16px; color:#cccccc; font-weight:400; margin:0; line-height:1.2; display:table; text-transform:none} .b-sm-box div a:hover{color:#ee4b2b} .b-contact-box{} .b-contact{margin:0 0 20px} .b-contact a{display:flex; align-items:flex-start; justify-content:flex-start} .b-phone a{font-size:20px; font-weight:600} .b-social{margin:0} .b-social ul.social-links {} .b-social ul.social-links li{padding:0} .b-social a {background:#ffffff; border-radius:3px} .b-social svg{width:30px; height:30px; border-radius:3px; border:0} .b-social a:not(.gbp) svg .s-bd{fill:#002366; border:0} .b-social svg .s-bg, .b-social a {fill:#ee4b2b; border:0} .b-social a.gbp svg .g.s-bg{fill:#ffffff} .b-social a:hover {background:#ffffff} .b-social a:hover svg .s-bd {fill:#002366} .b-social a:hover svg .s-bg, .b-social a.gbp:hover svg .g.s-bg {fill:transparent} .b-footer-flex{padding:35px 0 100px; width:100%; display:flex; align-items:center; justify-content:center; position:relative; max-width:1170px; margin:0 auto} .b-footer-flex:before{content:''; height:1px; width:100%; border-top:solid 1px #ffbe00; max-width:170px} .b-footer-flex:after{content:''; height:1px; width:100%; border-top:solid 1px #ffbe00; max-width:170px} .b-footer{padding:0 15px; width:100%} /*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 *{font-family:'Roboto', 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:'Roboto', Arial, Helvetica, sans-serif} #cmsbody{} #cmsfooter{text-align:center; clear:both; margin:0 auto; padding:0; display:table} #cmsfooter .footerAddress, #cmsfooter .footerPhone, #cmsfooter p, #cmsfooter br{display:none} #cmsfooter .footerDetails > div.footer{display:flex; justify-content:center; width:100%; align-items:center; flex-wrap:wrap} #cmsfooter .footerCopyright, #cmsfooter .footerCompany{width:auto !important; margin:0 10px} 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:#ee4b2b; border:0; font-size:16px; color:#ffffff; font-weight:600; padding:15px 30px; line-height:1; text-indent:0; clear:both; border-radius:0; -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:#002366; 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-tick.png) 0 7px no-repeat; padding:0 0 0 45px; margin:0 0 15px} .tick-list li a{color:#ffffff} .bul-list{margin:0 0 0 15px; padding:0} .bul-list li{padding:0 0 0 10px; margin:0 0 7px} .bul-list li::marker{color:#002366; font-size:14px} .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; max-width:100%} .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:#ffffff; 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 {flex:unset; min-width:170px} .b-sm-box div[class*="col-idx-"]{padding:0 15px} } @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, .header-flex, .f-nav .header-flex{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:95px} .t-right, .f-nav .t-right{flex:unset; height:auto; margin:0 70px 0 0; align-items:center; flex-direction:row} .btn-member{margin:0 0 0 10px} .btn-member a, .btn-login a{padding:15px 25px; font-size:16px; height:45px} .t-phone{margin:0 15px 0 0} .header-abs-top .mob-menu{position:absolute; float:none; top:40px; right:0; width:100%; z-index:999 !important; padding:0 !important; height:0; margin: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:#ffffff; border:solid 1px transparent; margin:0; top:0; right:15px; z-index:9999 !important; height:45px; width:45px; border-radius:0; padding:0} .top .navbar-header button span.icon-bar{background-color:#002366; margin:5px auto; height:2px; width:22px} .top .navbar-header button:hover, .menu-bg .navbar-header button:focus{background:#002366; border-color:#002366} .top .navbar-header button:hover span.icon-bar, .header-abs-top .navbar-header button:focus span.icon-bar{background-color:#002366} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:#002366 !important; border-color:#002366} .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-flex{padding:45px 0 0} .b-cta{margin:0 0 30px; min-width:auto; padding:0 15px} .b-footer-flex{padding:15px 0 45px} .b-sm-box{padding:0} } @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; border-bottom:solid 1px #002366} .logo-box, .f-nav .logo-box {padding:15px; flex:unset; min-width:130px} .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:80px; height:auto; width:auto} .header-abs-top .mob-menu{top:32px; height:0; float:none} .top .navbar-header button{right:15px} .t-right, .f-nav .t-right{padding:0; margin:0 70px 0 0; width:auto; align-items:center; height:auto; flex:unset; justify-content:center; min-width:auto} .t-section, .f-nav .t-section{height:auto; padding:0; width:auto} .t-phone{margin:0 20px 0 0} .b-cta-flex{padding:50px 0 0; flex-wrap:wrap; align-items:center} .b-cta{padding:0; margin:15px auto; width:auto; text-align:center; flex:unset; align-items:flex-start} /*.b-cta{align-items:flex-start; width:auto}*/ .b-sm-box{margin:20px auto 0; width:100%; order:1; max-width:100%} .b-sm-box div[class^="col-list"]{justify-content:space-between} } @media screen and (max-width:767px) { .m-height-home, .m-height-in, .fixed-header{height:165px; 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} .header-abs-top{border-width:10px 0 0 0} .fixed-header.f-nav{position:fixed} .header-abs-top .mob-menu{top:80px; height:0; float:none; margin:0} .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; width:100%; flex:unset; min-width:auto; justify-content:center; order:2; 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:70px} .t-right, .f-nav .t-right{margin:0; order:1; padding:5px 0 0; width:calc(100% - 0px); border:0; height:55px} .t-section, .f-nav .t-section{margin:0; width:100%; padding:0; height:auto; flex-wrap:nowrap; justify-content:space-between; border:0; flex-direction:row} .t-cta{width:auto; flex-direction:row} .btn-member, .btn-login{width:100%; padding:0; margin:0} .btn-member a, .btn-login a{width:100%; height:50px; font-size:16px; padding:15px 10px} .t-links i{margin:0 auto; width:20px; height:auto} .t-phone{margin:0; width:45px; height:45px} .t-phone a{font-size:0; padding:0; margin:0} .b-cta-flex{padding:50px 0 0; flex-direction:column; align-items:center} .b-cta{padding:0; margin:15px auto; width:100%; max-width:360px; text-align:center; flex:unset; align-items:flex-start} .b-sm-box{margin:0 auto 20px} .b-sm-box div[class*="col-idx-"] h4{padding:0; margin:0 auto 10px; text-align:left} .b-sm-box div[class*="col-idx-"]{padding:0 15px; margin:0 auto 30px; text-align:left; width:calc(100% / 2)} .b-sm-box div[class^="col-list"]{justify-content:center; flex-wrap:wrap} .b-logo-box{padding:0; width:100%; margin:0 auto 30px} .b-logo{margin:0 auto} .b-contact, .b-social{margin:0 auto 10px; text-align:center} .b-footer-flex{padding:15px 0 30px; flex-direction:column} .b-footer-flex:before, .b-footer-flex:after{padding:10px 0; max-width:90%} .b-footer-flex:after{margin:20px 0 0} #cmsfooter .footer{flex-direction:column; text-align:center} #cmsfooter .footer *{text-align:center} } /*Home Slider S*/ .home-slider-panel{position:relative} .home-slider-box .banner-image{background:#002366} .home-slider-box .banner-image img {width:100%; margin:0; height:100%; width:100%; opacity:1; object-fit:cover; object-position:50% 50%; max-height:620px} .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 #slider4915 .slick-dots{bottom:25px} .home-slider-box #slider4915 .slick-dots li button::before{font-size:40px; color:#fff; opacity:1} .home-slider-box #slider4915 .slick-dots li.slick-active button::before{color:#000} .home-slider-box #slider4915 div.banner-item:after {content:''; z-index:2; background:rgba(0,0,0,0); width:100%; height:100%; display:table; position:absolute; right:0; top:0; opacity:0} .home-slider-box #slider4915 div.banner-item .banner-content-block {margin:0 auto; top:0; bottom:0; width:100%; justify-content:flex-start; align-items:center; padding:0 100px} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content {text-align:left; padding:0 30px; display:table; margin:0} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content h4{font-size:72px; color:#ffffff; font-weight:600; line-height:1.2; margin:0 0 20px; text-align:left; display:table} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content p{font-size:24px; color:#ffffff; font-weight:400; line-height:1.4; margin:0 0 40px; text-align:left; display:table} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content a{background:#ee4b2b; padding:15px 25px 17px 25px; font-size:18px; color:#ffffff; font-weight:600; line-height:1; text-align:center; display:inline-block; vertical-align:middle; margin:0 10px 0 0} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content a:hover{background:#002366; color:#ffffff} @media screen and (max-width:1440px) { .home-slider-box #slider4915 div.banner-item .banner-content-block {padding:0 50px} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content h4{font-size:66px} } @media screen and (max-width:1200px) { .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content h4{font-size:54px; margin:0 0 15px} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content p{font-size:18px; margin:0 0 20px} } @media screen and (max-width:991px) { .home-slider-box #slider4915 div.banner-item .banner-content-block {padding:0 25px} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content h4{font-size:44px} } @media screen and (max-width:767px) { .home-slider-box .banner-image img {min-height:200px; object-position:50% 50%} .home-slider-box .slick-arrow{display:none !important} .home-slider-box #slider4915 div.banner-item .banner-content-block {padding:30px 15px} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content {width:100%; margin:0; padding:0; max-width:100%; text-align:center} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content h4{font-size:32px; margin:0 auto; text-align:center} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content p{margin:0 auto 20px; font-size:16px; text-align:center} .home-slider-box #slider4915 div.banner-item .banner-content-block .banner-content a{padding:15px; font-size:14px; margin:5px auto} } /*Home Slider E*/ /*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:#000000; font-weight:700; 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 #nc-contact-page .form-element input[type="text"], #cmsbody #nc-contact-page .form-element select, #cmsbody #nc-contact-page .form-element textarea{background:transparent; width:100% !important; max-width:100%; height:40px; padding:0 10px !important; font-size:14px; color:#000000; font-weight:500; border:1px solid #e3e3e3; border-radius:0 !important; border-width:1px; margin:5px 5px 10px 0 !important} #cmsbody form textarea, #cmsbody #nc-contact-page .form-element textarea{padding:15px 20px !important; height:110px !important} #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 .form-element.multi-checkbox dt{margin:0 0 20px !important} #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; font-weight:500} #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{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{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 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 #nc-contact-page .form-element dd#Submit-element input[type="submit"]{background:#ee4b2b; 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:0 !important} #cmsbody form .container_type_submit input[type="submit"]:hover, #cmsbody #nc-contact-page .form-element dd#Submit-element input[type="submit"]:hover{background:#002366; 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 #nc-contact-page .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 #cmsbody .b-form{margin:0; width:100%; padding:0; max-width:750px} body #cmsbody .b-form .baseapp-form h4 {display:none} body #cmsbody .b-form .baseapp-form p{display:none} body #cmsbody .b-form form {display:table; margin:0 auto; width:100%} body #cmsbody .b-form form dl{display:flex; margin:0 auto; flex-flow:wrap; justify-content:space-between; align-items:flex-start} body #cmsbody .b-form .fb-v2-form-element{margin:0; padding:0} body #cmsbody .b-form form .left.form-element{width:calc(100% / 2 - 10px); margin:0 !important} body #cmsbody .b-form form dd{margin:0 !important; width:100%} body #cmsbody .b-form form .left.form-element.l_78e731027d8fd50ed642340b7c9a63b3-container{width:100%} body #cmsbody .b-form .fb-v2-form-element.type_name > dt{display:none} body #cmsbody .b-form form .fb-v2-form-element.type_name .left.form-element.fb-v2-input-group-medium{width:calc(100% / 2 - 20px) !important; padding:0} body #cmsbody .b-form form dt{font-size:16px; color:#212f35; font-weight:500; padding:0; margin:0 0 7px !important; line-height:1.2; text-align:left; display:none; width:100%} body #cmsbody .b-form form input, body #cmsbody .b-form form select, body #cmsbody .b-form form textarea, body #cmsbody .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 2px #ffffff !important; border-radius:0 !important; margin:0 0 20px !important; display:block} body #cmsbody .b-form form textarea{height:115px !important; padding:10px 15px !important} body #cmsbody .b-form form input::placeholder{opacity:1; color:#ffffff} body #cmsbody .b-form form .form-element.__LOCATION__-container{display:none} body #cmsbody .b-form form div.multi-container, body #cmsbody .b-form div.container_type_multi_choice{margin:0; display:flex; align-items:flex-start; flex-wrap:wrap} body #cmsbody .b-form div.checkbox-container{margin-bottom:10px !important; display:flex; width:calc(100% / 1)} body #cmsbody .b-form .cols2 div.checkbox-container{width:calc(100% / 2); margin:7px 0 !important} body #cmsbody .b-form div.container_type_checkbox dt{display:none} body #cmsbody .b-form .container_type_multi_choice label, body #cmsbody .b-form label, body #cmsbody .b-form .multi-container label{display:flex; line-height:1; align-items:center; margin:0 10px 0 0 !important; width:auto; height:auto;color:#ffffff} body #cmsbody .b-form .container_type_multi_choice input[type=checkbox], body #cmsbody .b-form form div.multi-container input[type=checkbox], body #cmsbody .b-form .container_type_multi_choice input[type=radio], body #cmsbody .b-form .event-user-container input[type=radio]{width:auto !important; height:auto !important; display:flex; vertical-align:top; margin:0 10px 0 0 !important; padding:0 !important} body #cmsbody .b-form .cols3 .multi-container div.checkbox-container{width:calc(100% / 3); display:flex} body #cmsbody .b-form form .type_multi_choice .cols1 {display:flex; margin:0 0 5px !important} body #cmsbody .b-form form .form-element.SubmitButton dt{display:none; height:0} body #cmsbody .b-form form#formBuilder input[type="submit"]{background:#ffbe00; border:solid 1px #ffbe00 !important; border-radius:0 !important; color:#000000; font-size:18px; font-weight:700; display:table; padding:10px 15px !important; height:55px !important; max-width:100%; text-transform:none; width:100% !important; margin:0 !important; display:table; box-shadow:none} body #cmsbody .b-form form input[type="submit"]:hover{background:#002366 !important; color:#ffffff !important} body #cmsbody .b-form form div.form-element.container_type_captcha {width:auto !important} body #cmsbody .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 #cmsbody .b-form form .left.form-element.wordVerification-container dt{display:none} body #cmsbody .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 #cmsbody .b-form form .g-recaptcha div{max-width:320px !important} /*body #cmsbody .b-form form ul.errors{display:none}*/ body #cmsbody .b-form .form-errors{display:table; color:#ffbe00 !important; margin:0 0 10px} body #cmsbody .b-form form .container-error dd, body #cmsbody .b-form form .container-error.container_type_captcha{background:none; box-shadow:none; margin:0 !important} body #cmsbody .b-form form .container-error input, body #cmsbody .b-form form .container-error textarea, body #cmsbody .b-form form .container-error select, body #cmsbody .b-form form .container-error.container_type_captcha .g-recaptcha div{box-shadow:0 0 2px 2px #ff0000} body #cmsbody .b-form form ul.errors{background:transparent; color:black; font-weight:600; letter-spacing:0.5px} @media screen and (max-width:1200px) { body #cmsbody .b-form .baseapp-form{padding:0} body #cmsbody .b-form form .left.form-element{width:calc(100% / 1 - 10px); margin:0 !important} body #cmsbody .b-form form div.form-element.container_type_submit{width:calc(100% / 1 - 10px) !important} } @media screen and (max-width:767px) { body #cmsbody .b-form{padding:0} body #cmsbody .b-form form .left.form-element, body #cmsbody .b-form form .form-element.SubmitButton, body #cmsbody .b-form form .left.form-element.wordVerification-container{width:calc(100% / 1); margin:0 !important} body #cmsbody .b-form form .type_multi_choice .cols1{flex-direction:column} body #cmsbody .b-form form .left.form-element.wordVerification-container{height:75px !important} body #cmsbody .b-form form .g-recaptcha {max-width:250px !important; margin:0 auto} body #cmsbody .b-form .cols2 div.checkbox-container{width:calc(100% / 2) !important} body #cmsbody .b-form form div.form-element.container_type_submit{width:100% !important; margin:10px 0 0 auto !important} } /*NL Panel E*/ /*CUSTOM BLOG TEMPLATE S*/ .blog-listing{width:100%} .blog-search{background:#f8f8f8; text-align:center; padding:50px 15px; margin:0} .blog-search h1{font-weight:bold; color:#000000; text-transform:uppercase; font-size:30px; margin:0 0 10px} .blog-search p{font-size:14px; color:#000000; margin:0 0 5px} #cmsbody .blog-search form#searchBlogPost{margin:0 auto; display:flex; justify-content:center; align-items:flex-end} #cmsbody .blog-search .search-input {margin:0 5px 0; text-align:left} #cmsbody .blog-search .search-input label{color:#000000; font-weight:500; margin:0 0 5px; display:table} #cmsbody .blog-search .search-input input, #cmsbody .blog-search .search-input select{background:#fff; border:0; height:50px; font-size:13px; color:#000000; font-weight:500; padding:0 15px; display:block; width:220px !important; max-width:100%; margin:0 !important; border-radius:0 !important} #cmsbody .blog-search input[type="submit"]{background:#002366; color:#ffffff; font-size:16px; font-weight:500; border:0; border-radius:0 !important; cursor:pointer; padding:0 45px !important; margin:26px 0 0 0 !important; line-height:1; height:50px; width:auto !important; display:inline-block; vertical-align:middle} #cmsbody .blog-search input[type="submit"]:hover{background-color:#ee4b2b; color:#ffffff; border-color:#ee4b2b} .custom-blog-listing .container{max-width:1170px; padding:0 15px !important} @media screen and (max-width:1200px) { .custom-blog-listing .container{max-width:970px} } @media screen and (max-width:991px) { .custom-blog-listing .container{max-width:750px} } .custom-blog-listing{background:#ffffff} .filter-block{padding:50px 0 0} .filter-block:nth-child(2n){padding:0 0 50px} .filter-block-in{padding:0} .filter-block .blog-posts-all {display:flex; flex-wrap:wrap} .filter-block .blog-posts-all > p {margin:0 auto 15px} .filter-block .element-item {background:#f8f8f8; width:calc(100% / 3 - 20px); max-width:360px; margin:0 15px 15px; display:flex; flex-direction:column; border:solid 2px #f8f8f8} .filter-block .element-item .bl-img {position:relative; width:100%} .filter-block .element-item .blog-image {background-color:#0a0a0a; text-align:center} .filter-block .element-item .blog-image a{display:block; width:100%; height:100%} .filter-block .element-item .blog-image img{border-radius:5px 5px 0 0; max-height:230px} .filter-block .element-item .blog-image .blog-img img{display:none} .filter-block .element-item .blog-image .blog-img {border-radius:0} .filter-block .element-item .blog-text{padding:35px 30px 25px 30px; text-align:left; position:relative; line-height:1.6; display:flex; flex-wrap:wrap; height:100%} .filter-block .element-item .bl-tag {position:relative; display:block; line-height:140%; min-height:40px; left:-7px} .filter-block .element-item .bl-tag a{font-size:16px; line-height:1; padding:0 0 0 8px; min-height:20px; display:inline-block; vertical-align:middle; text-transform:uppercase} .filter-block .element-item .bl-tag a:hover{color:#333} .filter-block .element-item .bl-tag a::after{content:','} .filter-block .element-item .bl-tag a:last-child::after{content:''} .filter-block .element-item .blog-text .blog-head {line-height:0; margin:0 0 10px; padding:0} .filter-block .element-item .blog-text .blog-head h2{line-height:0; margin:0 0 10px; padding:0; min-height:30px; display:block} .filter-block .element-item .blog-text .blog-head h2 a{font-size:22px; color:#002366; line-height:1.4; font-weight:600} .filter-block .element-item .blog-text .blog-head h2 a:hover{color:#ee4b2b} .filter-block .element-item .blog-date, .filter-block .element-item .blog-date span{font-size:14px; color:#999; font-weight:400; padding:0} .filter-block .element-item .blog-tags {margin:0 0 20px} .filter-block .element-item .blog-tags a{background:#002366; font-size:16px; color:#ffffff; font-weight:500; line-height:1.6; margin:0; text-decoration:none; display:table; padding:0 5px} .filter-block .element-item .blog-button{align-self:flex-end; width:100%} .filter-block .element-item .blog-button a {font-size:18px; color:#002366; font-weight:600; text-transform:uppercase; padding:0; display:table; margin:0 0 0 auto} .filter-block .element-item .blog-button a:hover {color:#ee4b2b} .filter-block .element-item .blog-text .blog-body {font-size:15px; line-height:1.6; font-weight:400; margin:0 0 15px; width:100%; color:#000000} .most-popular{background:#002366; max-width:360px; margin-bottom:30px} .most-popular .mp-head{background:#ee4b2b; padding:30px 15px; text-align:center} .most-popular .mp-head h4, .most-popular .mp-head h4 span{color:#fff; font-size:26px; font-weight:bold; margin:0; line-height:1.1} .most-popular .mp-head h4 span{font-size:20px; text-transform:uppercase; line-height:1} .most-popular .mp-list{padding:20px 40px; text-align:center} .most-popular .mp-list ol{margin:0; padding:0} .most-popular .mp-list ol li {margin:0 0 15px; color:#fff; line-height:1.2; font-weight:bold} .most-popular .mp-list ol li:last-child {margin:0} .most-popular .mp-list ol li a{color:#fff; font-size:18px; line-height:1.2; font-weight:400} .most-popular .mp-list ol li:hover, .most-popular .mp-list ol li:hover a{color:#000000} #filters {padding:20px 0} #filters a{font-weight:normal; color:#002366; font-size:16px; padding:0 5px 0 0; margin:0} #filters a:hover, #filters a.is-checked{color:#000000; border-bottom:solid 2px #002366} #filters.filter-view {padding:0; text-align:center} #filters.filter-view .tag-head {background:#002366; padding:30px; text-align:center} #filters.filter-view .tag-head h4{color:#fff; font-size:24px; font-weight:bold; margin:0; line-height:1.2} #filters.filter-view .tag-list {padding:15px 30px} #filters.filter-view .tag-list .tagLink{display:block; margin:10px 0; text-align:center} #cmsbody .pagination {display:table; margin:0 auto 30px; max-width:1170px; width:100%; padding:0 15px} #cmsbody .paginationControl {font-size:0; display:table; padding:0; 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:#000000; 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:#002366; color:#fff; border-color:#002366} #cmsbody .paginationControl a:first-child, #cmsbody .paginationControl a:last-child {background:#ee4b2b; color:#ffffff} #cmsbody .paginationControl span:first-child.disabled, #cmsbody .paginationControl span:last-child.disabled {background:#f8f8f8; color:#666; border-color:#f8f8f8} #cmsbody .blog-item-view{width:100%; max-width:1170px; padding:0 15px; margin:0 auto; display:table} #cmsbody .blog-item-view .blog-holder{padding:0} #cmsbody .blog-item-view .blog-sharing{margin:30px 0 0} @media screen and (max-width:1200px) { .filter-block .element-item {width:45%} .filter-block .blog-posts-all .element-item {width:29.5%} .most-popular .mp-head h4{font-size:20px} .most-popular .mp-list ol li a{font-size:16px} .filter-block .element-item .blog-text .blog-head h2 a{font-size:20px} .filter-block .element-item .blog-text .blog-body {font-size:14px} } @media screen and (max-width:991px) { .most-popular{margin-bottom:30px} .filter-block .blog-posts-all .element-item{width:calc(100% / 2 - 30px)} } @media screen and (max-width:767px) { #filters {text-align:center} #filters a{margin:0 5px 5px} .filter-block .blog-posts-all .element-item{width:calc(100% / 1 - 20px); margin:0 auto 30px; padding:0} .blog-search{padding:20px 15px 30px; margin:0} #cmsbody .blog-search form#searchBlogPost{flex-direction:column} #cmsbody .blog-search .search-input {display:table; margin:5px auto; width:90%} #cmsbody .blog-search .search-input input, #cmsbody .blog-search .search-input select{max-width:100%; width:100% !important} #cmsbody .blog-search input[type="submit"]{margin:15px auto 0 auto !important; width:90% !important} } /*CUSTOM BLOG TEMPLATE E*/ /*==========MM V2 S==========*/ /*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*/ /***************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:#002366; 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:#ee4b2b} #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:#ee4b2b; 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:#002366; 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:#ee4b2b; color:#ffffff} #cmsbody .current-confirmation button {color:transparent; position:relative; background:#002366; 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:#002366; left:0; right:0} #cmsbody .current-confirmation button:hover{background:#ee4b2b; color:transparent} #cmsbody .current-confirmation button:hover:after{color:#002366} @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*/ #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:30px auto; flex-flow:wrap; justify-content:space-between} #cmsbody #nsi-account-page .nsi-member-details h2 {width:100%; display:block; font-weight:600} #cmsbody #nsi-account-page .nsi-member-details .nsi-item {width:calc(100% / 4 - 10px); padding:45px 15px; text-align:center; border:solid 2px #002366; border-width:10px 5px 1px 1px; margin:0 0 30px; display:flex; flex-wrap:wrap; justify-content:center} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 {font-size:18px; line-height:1.2; margin:0 0 15px; display:flex; justify-content:center; align-items:center; text-align:center} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3 i {margin:0 5px 0 0; width:20px; height:20px} #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:#333; min-height:50px; width:100%} #cmsbody #nsi-account-page .nsi-member-details .nsi-item a.btn {background:#002366; font-size:14px; color:#ffffff; font-weight:700; text-transform:uppercase; line-height:1; letter-spacing:0; padding:12px 20px; text-shadow:none; border:0; border-radius:0; margin:20px auto 0; align-self:flex-end} #cmsbody #nsi-account-page .nsi-member-details .nsi-item a.btn:hover {background:#ee4b2b; color:#ffffff} #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 .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} #cmsbody #nsi-account-page .membership-list {font-size:16px} @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% / 2 - 10px)} } @media screen and (max-width:767px) { #cmsbody #nsi-account-page {padding:0 15px} #cmsbody #nsi-account-page .nsi-member-details .nsi-item {width:100%; padding:50px 30px} #cmsbody #nsi-account-page .nsi-member-details .nsi-item h3, #cmsbody #nsi-account-page .nsi-member-details .nsi-item p{min-height:auto} } /*Member Dashboard 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:#002366; 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:#002366; 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:#002366; 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:#002366; 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:0; line-height:1} #cmsbody .buttons:hover, #cmsbody form[id^="PaymentDetailsForm"] input[type=submit]:hover, #cmsbody .SubmitButton .cancel-link a:hover{background:#ee4b2b; color:#ffffff} /*Payment Form E*/ /*Membership Manager S*/ .memberSignup{display:flex; flex-wrap:wrap; justify-content:space-between} .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:24px; color:#002366; font-weight:500; line-height:1.4} .memberSignup .memberType{width:calc(100% / 3 - 15px); margin:0 0 20px 0; padding:25px 30px 35px 30px; border-radius:2px; background:#fff; border:solid 2px #002366; 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-align:center} .memberSignup .memberType h3{margin:0 0 10px; font-size:24px; 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 .memberTypeDescription p{margin:10px 0 0} .memberSignup .memberType a{background:#002366; color:#fff; padding:10px 20px; margin:25px auto 0 auto; display:table; font-weight:bold; font-size:16px; line-height:1.6; border-radius:0} .memberSignup .memberType a:hover{background:#ee4b2b; color:#ffffff} .memberSignup .memberType .memberTypeDescription, .memberSignup .memberType .memberTypeDescription *{font-size:16px; color:#002366; text-align:center; font-weight:400; line-height:1.6; margin:25px 0 0} .membershipType-block h1{margin:0 0 25px} .membershipType-block p{font-size:16px; color:#002366; font-weight:400; line-height:1.4; margin:0 0 25px} .memberSignup{display:flex; margin:20px 0 0} #cmsbody .member-signup-form{background:#f8f8f8; padding:30px 0 30px 30px; margin:30px 0 0; border:solid 1px #002366} .shopPreviousOrderBreadcrumb{margin-bottom:15px} .member-manage-profile{padding:30px 0 0} #cmsbody form[id^="formBloomMemberManager"] div.form-element input, #cmsbody form[id^="formBloomMemberManager"] div.form-element select, #cmsbody form[id^="MembershipDetails"] div.form-element input{background:#ffffff; 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:#002366} #cmsbody form[id^="formBloomMemberManager"] .form-element.multi-checkbox{width:calc(100% / 1 - 0px); padding:0} #cmsbody form[id^="formBloomMemberManager"] .form-element.multi-checkbox .multi-container{display:flex; flex-wrap:wrap} #cmsbody form[id^="formBloomMemberManager"] .form-element.multi-checkbox .multi-container .checkbox-container{width:calc(100% / 3); padding:0 10px 0 0} #cmsbody form[id^="formBloomMemberManager"] .form-element.multi-checkbox .multi-container .checkbox-container label{line-height:1.2} #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:#002366; 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} #cmsbody form[id^="formBloomMemberManager"] div.form-element input[type="submit"]:hover {background:#ee4b2b; 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} #cmsbody form[id^="formBloomMemberManager"] .qq-uploader div.qq-upload-button{background:#ddd; height:auto !important; width:130px !important; text-align:left; padding:10px; border:solid 1px #ebecee; border-radius:5px; font-size:14px; color:#545454; font-weight:normal; text-align:center} #cmsbody form[id^="formBloomMemberManager"] .qq-upload-wrapper.photo-item{height:208px} #cmsbody form[id^="formBloomMemberManager"] .qq-upload-wrapper .photo-bar{height:19px} #cmsbody form[id^="formBloomMemberManager"] .qq-upload-wrapper.photo-item span.qq-upload-file{color:#fff; height:auto; font-size:12px !important} #cmsbody form[id^="formBloomMemberManager"] .qq-upload-wrapper .photo-bar a{margin-top:-7px} @media screen and (max-width:991px) { .memberSignup .memberType{width:calc(100% / 3 - 15px); padding:15px 15px 30px 15px} } @media screen and (max-width:767px) { .memberSignup .memberType{width:calc(100% / 1 - 0px); padding:15px 15px 30px 15px} .membershipType-block{padding:0 15px} #cmsbody .member-signup-form{padding:30px 0} #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} #cmsbody form[id^="formBloomMemberManager"] .form-element.multi-checkbox .multi-container .checkbox-container{width:calc(100% / 2) !important; padding:0 10px 0 0; margin:0 !important} .MM-page .shopPreviousOrderBreadcrumb, .MM-page h1{padding:0 15px} .shopPreviousOrderBreadcrumb{padding:0 15px} .shopPreviousOrderBreadcrumb + 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:#002366; color:#fff; font-size:14px; text-transform:uppercase; border:0; margin:0 0 0 auto !important; height:auto; width:auto !important; padding:10px 15px !important;display:inline-block;vertical-align:middle;position:relative} .shopPreviousOrders .shopPreviousOrdersTable a:hover {background:#ee4b2b; color:#ffffff} /*Membership Manager E*/ /*MM V2 S*/ #cmsbody #generic-membership-manager-listing .gmml-list-item td.gmml-image-cell {width:100px; padding:0 20px 0 0; text-align:left} #cmsbody #generic-membership-manager-listing .gmml-list-item {border-bottom:1px solid #ccc; padding:10px 0} #cmsbody #generic-membership-manager-listing .gmml-list-item td.gmml-text-cell h3 {font-size:24px; font-weight:normal !important; line-height:1.4 !important; margin-bottom:4px} #cmsbody #generic-membership-manager-listing .gmml-list-item td.gmml-text-cell h3 a{font-size:24px; font-weight:normal !important; line-height:1.4 !important} #cmsbody #generic-membership-manager-listing .gmml-list-item td.gmml-text-cell h4{color:#000 !important; font-size:18px !important; line-height:1.4 !important; margin:0 0 5px 0} #cmsbody #generic-membership-manager-listing .gmml-list-item div.gmml-sub, #cmsbody #generic-membership-manager-listing .gmml-list-item div.gmml-address, #cmsbody #generic-membership-manager-listing .gmml-list-item div.gmml-short-desc, #cmsbody #generic-membership-manager-listing .gmml-list-item div#gmml-description{font-size:16px; line-height:1.4; margin-bottom:5px} #cmsbody #generic-membership-manager-listing .gmml-list-item div.gmml-short-desc, #cmsbody #generic-membership-manager-listing .gmml-list-item div#gmml-description{margin-bottom:10px} #cmsbody #generic-membership-manager-listing .gmml-list-item div.gmml-service-provided{color:#000; font-size:16px; margin-bottom:5px} #cmsbody #generic-membership-manager-listing .gmml-list-item div.read-more a, #cmsbody #generic-membership-manager-listing .gmml-list-item div.gmml-website a {font-size:16px} #cmsbody #generic-membership-manager-listing .gmml-list-item .paginationControl{padding-top:20px} #cmsbody div.eSanz-directory-search {background:#ee4b2b; border:0; padding:20px 20px 10px 20px} #cmsbody div.eSanz-directory-search form{padding:0} #cmsbody div.eSanz-directory-search table.eSanz-directory-search-table{margin:0 auto; width:80%} #cmsbody div.eSanz-directory-search table td{padding:0 10px} #cmsbody div.eSanz-directory-search input.fields{max-width:290px; width:100%; margin:0 0 10px 0; padding:5px 10px; height:40px; display:block} /*#cmsbody div.eSanz-directory-search input[placeholder="Name"]{max-width:100% !important}*/ #cmsbody div.eSanz-directory-search select.styled{max-width:290px; width:100%; margin:0 0 10px 0; border:1px solid #d8d8d8; border-radius:3px; padding:4px 5px; color:#3c3c3c; font-size:13px; height:40px; display:block} #cmsbody div.eSanz-directory-search input.buttons{width:100%; border:none; border-radius:3px; padding:10px 10px; color:#fff; font-size:16px; height:40px} #cmsbody div.eSanz-directory-search form .zend_form {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto 10px; width:100%; max-width:100%} #cmsbody div.eSanz-directory-search form .zend_form > div {padding:0 5px} #cmsbody div.eSanz-directory-search form .zend_form > div dt {display:none} #cmsbody div.eSanz-directory-search form .zend_form > div dd {display:flex; justify-content:flex-start; align-items:center; margin:0} #cmsbody div.eSanz-directory-search form .zend_form input{font-size:14px; max-width:300px; width:100%; margin:0 !important; padding:5px 15px; height:50px !important; display:block; border:0; border-radius:0} #cmsbody div.eSanz-directory-search form .zend_form select{max-width:100%; width:100%; margin:5px 0 !important; border:1px solid #d8d8d8; border-radius:0; padding:4px 5px; color:#3c3c3c; font-size:13px; height:50px; display:block} #cmsbody div.eSanz-directory-search form .zend_form input[type=submit]{background:#002366; color:#fff; width:100% !important; border:none; border-radius:0; color:#fff; font-size:18px; height:50px; padding:10px 30px} #cmsbody div.eSanz-directory-search form .zend_form input[type=submit]:hover{background:#ee4b2b; color:#ffffff} @media screen and (max-width:991px) { #cmsbody div.eSanz-directory-search table.eSanz-directory-search-table{width:100%} } @media screen and (max-width:640px) { #cmsbody div.eSanz-directory-search table.eSanz-directory-search-table td{display:block} #cmsbody div.eSanz-directory-search table.eSanz-directory-search-table td *{max-width:100%} #cmsbody div.eSanz-directory-search{padding:20px 10px 10px} #cmsbody div.eSanz-directory-search form .zend_form > div {width:calc(100% / 1)} #cmsbody div.eSanz-directory-search form .zend_form input, #cmsbody div.eSanz-directory-search form .zend_form select{max-width:100%} } #cmsbody .eSanz-category-list {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:30px} #cmsbody .eSanz-category-list a{background:url(icn-mm-category.png) 0 23px no-repeat; background-size:15px auto; display:flex; width:calc(100% / 4 - 20px); border-bottom:solid 1px #ddd; padding:20px 0 20px 25px; margin:0 0 10px} #cmsbody .eSanz-category-list a span{line-height:1.2; font-weight:600; color:#002366} #cmsbody .eSanz-category-list a:hover span{color:#ee4b2b} #cmsbody .eSanz-membership-manager-listing {margin-top:30px} #cmsbody .eSanz-membership-manager-listing *{line-height:1.8} #cmsbody .eSanz-membership-manager-listing .mm-controls {display:flex; flex-wrap:wrap; width:100%; justify-content:stretch; align-items:center; margin:0 0 20px} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-result{margin:0 auto 0 0} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-result span{/*background:url(icn-mm-result-arrow.png) 0 50% no-repeat; padding:0 0 0 25px;*/ font-size:20px; font-weight:500; color:#333} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-views {margin:0} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-views .toggle-hold {display:flex; flex-wrap:wrap} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-views a, #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-views a:hover{background:url(icn-mm-list-view.png) 0 50% no-repeat; background-color:transparent !important; padding:0 0 0 35px; font-size:14px; color:#002366; font-weight:bold; display:table; /*width:23px;*/ height:24px; margin:0; border:0} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-views a.icn-grid{background:url(icn-mm-grid-view.png) 0 50% no-repeat; /*width:25px;*/ height:25px; border-radius:0} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-views a.productView\=grid--\>{display:none} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-return input {background:url(icn-mm-result-arrow.png) 5px 50% no-repeat; font-size:16px; font-weight:600; color:#ee4b2b; padding:0 0 0 25px; line-height:1; height:30px; width:100%; display:table; margin:0 10px 0 0; border:0} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-return input:hover {background-position:0 50%} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-print {margin:0 0 0 auto} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-print a{background:url(icn-mm-print.png) 50% 50% no-repeat; padding:0; font-size:0; display:block; width:23px; height:24px} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-sort {margin:0 0 0 auto} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-sort a{background:url(icn-mm-sort.png) 50% 50% no-repeat; padding:0; font-size:0; display:block; width:23px; height:24px} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-sort a span{font-size:0} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-sort a.sortdesc{background:url(icn-mm-sort-za.png) 50% 50% no-repeat} #cmsbody .eSanz-membership-manager-listing .mm-controls .mm-sort a.sortasc{background:url(icn-mm-sort.png) 50% 50% no-repeat} #cmsbody .eSanz-membership-manager-listing .eSanz-listing, #cmsbody .eSanz-membership-manager-listing .eSanz-listing .mm-list-view, #cmsbody .eSanz-membership-manager-listing .eSanz-listing .mm-grid-view{display:flex; flex-wrap:wrap; width:100%; justify-content:space-evenly} #cmsbody .eSanz-membership-manager-listing h4 {width:100%} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item {border:1px solid #ee4b2b; padding:0 20px; margin:0 0 30px; display:flex; justify-content:flex-start; width:calc(100% / 3 - 20px); flex-direction:column} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item .eSanz-image-cell {width:100%; padding:20px 0; margin:0; text-align:center; border-bottom:solid 1px #e4e4e4; min-height:170px; display:flex; align-items:center; justify-content:center} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item .eSanz-image-cell img {max-height:150px; width:210px; object-fit:contain; object-position:50% 50%} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item .eSanz-text-cell {width:100%; padding:20px 0} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item .eSanz-text-cell h3 {font-size:18px; font-weight:400; line-height:1.4; margin-bottom:15px} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item .eSanz-text-cell h3 a{color:#002366; font-size:20px; font-weight:500; line-height:1.4} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item .eSanz-text-cell h4{color:#000 !important; font-size:18px !important; line-height:1.4 !important; margin:0 0 7px 0} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item div.eSanz-address{background:url(icn-mm-mappin.png) 0 7px no-repeat; font-size:15px; line-height:1.4; margin-bottom:0; padding:0 0 0 25px; color:#333333} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item div.eSanz-address span{font-weight:bold} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item div.eSanz-address p{line-height:1.4; margin:0 0 10px} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item div.eSanz-phone {background:url(icn-mm-phone.png) 0 9px no-repeat; padding:0 0 0 25px} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item div.eSanz-phone a{font-size:16px; line-height:1.2; margin-bottom:5px} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item div.eSanz-email {background:url(icn-mm-email.png) 0 9px no-repeat; background-size:16px auto; padding:0 0 0 25px} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item div.eSanz-email a{font-size:16px; line-height:1.2; margin-bottom:5px} #cmsbody .eSanz-membership-manager-listing .mm-list-view .eSanz-list-item {width:calc(100% / 1 - 0px); flex-direction:row; padding:0; margin:0 0 15px} #cmsbody .eSanz-membership-manager-listing .mm-list-view .eSanz-list-item .eSanz-image-cell {width:25%; padding:40px 20px; border-right:solid 1px #e4e4e4; border-bottom:0; min-height:auto} #cmsbody .eSanz-membership-manager-listing .mm-list-view .eSanz-list-item .eSanz-text-cell {width:75%; padding:20px 40px; align-self:center} #cmsbody .eSanz-pagination {display:table; margin:10px auto 30px; max-width:1170px; width:100%} #cmsbody .paginationControl {font-size:0; display:table; padding:0; margin:0 auto} #cmsbody .paginationControl span, #cmsbody .paginationControl a{background:#ffffff; border:solid 1px #e1e1e1; display:inline-block; padding:10px 10px; min-width:35px; height:37px; font-size:14px; color:#000; font-weight:500; line-height:1; text-align:center; margin:0 10px 0 0} #cmsbody .paginationControl a:hover, #cmsbody .paginationControl span.disabled {background:#ee4b2b; color:#fff; border-color:#ee4b2b} #cmsbody .paginationControl a:first-child, #cmsbody .paginationControl a:last-child {background:#fff; color:#ee4b2b; border:0; color:#333; padding:0} #cmsbody .paginationControl span:first-child.disabled, #cmsbody .paginationControl span:last-child.disabled {background:#f2f2f2; color:#666; border-color:#f2f2f2} @media screen and (max-width:991px) { #cmsbody .eSanz-category-list a{width:calc(100% / 3 - 20px)} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item {width:calc(100% / 2 - 20px)} } @media screen and (max-width:767px) { #cmsbody .eSanz-category-list {justify-content:space-evenly} #cmsbody .eSanz-category-list a{width:calc(100% / 1 - 20px); max-width:200px} #cmsbody .eSanz-membership-manager-listing .eSanz-list-item {width:calc(100% / 1 - 0px); margin:0 0 20px} #cmsbody .eSanz-membership-manager-listing .mm-list-view .eSanz-list-item .eSanz-image-cell {padding:15px} #cmsbody .eSanz-membership-manager-listing .mm-list-view .eSanz-list-item .eSanz-text-cell {padding:15px} } /*#cmsbody #eSanz-item-view *{line-height:1.8}*/ #cmsbody #eSanz-item-view #eSanz-details-table {display:flex; align-items:flex-start; justify-content:space-between; flex-direction:column} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-images-cell{width:100%; text-align:left} #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-company-photo{padding-bottom:20px} #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-company-photo img{max-height:200px; width:auto} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell{width:100%; text-align:left; padding-bottom:20px; display:flex} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell .eSanz-details-left{flex:2.5} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell .eSanz-details-right{flex:1; border-left:solid 1px #eeeeee; padding:0 0 0 30px} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell h1{margin-bottom:10px} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell h2{margin-bottom:10px; font-size:2rem} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell .mm-text{display:table; color:#000000; line-height:1.2; margin:0 0 20px} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell span{font-size:16px; font-weight:700; display:table; color:#000000; line-height:1.2; margin:0 0 5px} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell .eSanz-bio{margin-bottom:25px; font-size:16px; line-height:1.6} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell .eSanz-company-description h3{font-weight:bold; font-size:16px; margin:10px 0 0 0; line-height:1.4} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell .eSanz-company-directions{font-size:16px; color:#000; margin-bottom:10px} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell .eSanz-company-hours{font-size:16px; color:#000; margin-bottom:10px; font-weight:500} #cmsbody #eSanz-item-view #eSanz-details-table h3{margin-bottom:20px; font-size:1.25rem} #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-company-contact-details{margin:0 0 20px 0; padding:25px; background:#f8f8f8; width:100%} #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-company-contact-details > div{display:flex; margin:0 0 5px} #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-company-contact-details > div span{margin:0 10px 0 0; font-weight:bold} #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-company-contact-details > div p, #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-company-contact-details > div a{font-weight:500; margin:0} #cmsbody #eSanz-item-view #eSanz-details-table div.eSanz-contact-details-heading{font-size:20px; font-weight:700; color:#231f20; margin:0 0 20px 0; line-height:1} #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-phone, #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-email, #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-address, #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-reg-number{font-size:15px; font-weight:500; color:#231f20} /*#cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell #eSanz-email a{background:#ee4b2b; padding:10px 30px; margin:15px 0 0 0; color:#fff; line-height:1.2; display:table; text-align:center; border-radius:30px} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell #eSanz-email a:hover{background:#002366}*/ #cmsbody #eSanz-item-view .eSanz-back-button {text-align:right} #cmsbody #eSanz-item-view .eSanz-back-button input {background:#002366; color:#ffffff; font-size:14px; padding:15px 20px 12px 20px; line-height:1; height:auto; display:table; margin:0 0 0 auto; border-radius:30px; text-transform:uppercase; border:0} #cmsbody #eSanz-item-view .eSanz-back-button input:hover {background:#ee4b2b} @media screen and (max-width:767px) { #cmsbody #eSanz-item-view #eSanz-details-table {flex-direction:column} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-images-cell{width:100%; display:block; padding:10px 20px} #cmsbody #eSanz-item-view #eSanz-details-table #eSanz-details-cell{width:100%; display:block; padding:10px 15px} #cmsbody #eSanz-item-view #eSanz-details-table .eSanz-company-contact-details{padding:25px 15px} } /*MM V2 E*/ /*==========MM V2 E==========*/