/*-------------------- 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} *,:after,:before, *:focus,:after *,:before *{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important; outline-offset:-1000px !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} *: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} .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:#4770a8; position:absolute; width:100%; height:115px; left:0; top:0; z-index:501; display:flex; justify-content:space-between; align-items:center; border-bottom:solid 1px #4770a8} .header-abs-menu{background:#fff40d; position:absolute; width:100%; height:60px; left:0; top:115px; z-index:502; display:flex; align-items:center; justify-content:space-between} .header-flex{height:115px; width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; max-width:100%} .logo-box{padding:0 30px; margin:0} .logo{padding:5px 0; text-align:left} .logo a{display:table; margin:0; line-height:0} .logo img{max-height:89px; width:auto} .t-right{margin:0; display:flex; padding:0 30px; align-items:center; justify-content:flex-end} .t-section{margin:0 0 0 auto; display:flex; justify-content:flex-end; padding:0; align-items:flex-start; flex-direction:column} .t-links {display:flex; align-items:center} .t-links i{border:0; width:20px; height:20px; margin:1px 10px 0 0} .t-links i svg{fill:#fff40d} .t-links a:hover, .t-links a:hover i svg path{color:#fff40d; fill:#fff40d} .t-phone{margin:0 30px 0 0} .t-phone a{font-size:20px; color:#ffffff; font-weight:500; line-height:1; text-align:left; display:flex; align-items:center; justify-content:center; margin:0} .t-phone a:hover{color:#fff40d} .btn-contact{margin:0 0 0 20px; display:flex} .btn-contact a{background:#ffffff; color:#4770a8; font-size:16px; font-weight:500; line-height:1; text-transform:uppercase; padding:15px 30px; text-align:center; display:flex; align-items:center; justify-content:center; width:100%; border-radius:30px} .btn-contact a:hover{background:#fff40d; color:#4770a8} .t-links.btn-contact i svg{fill:#4770a8} .t-links.btn-contact a:hover i svg path{fill:#4770a8} .social{margin:0} .social ul.social-links {margin:0 0 0 -10px} .social ul.social-links li{padding:0} .social svg{width:32px; height:32px; border-radius:100%; border:0} .social a:not(.gbp) svg .s-bd{fill:#ffffff; border:0} .social svg .s-bg, .social a {fill:transparent; border:0} .social a.gbp svg .g.s-bg{fill:#ffffff} .social a:hover svg .s-bd {fill:#fff40d} .social a:hover svg .s-bg, .social a.gbp:hover svg .g.s-bg {fill:transparent} .t-cart{margin:0 0 0 5px; padding:0; align-self:center} .t-cart a{color:#ffffff; font-size:16px; font-weight:500; display:flex; align-items:center; justify-content:flex-start} .t-cart a i{margin:0 10px 0 0; display:flex; align-items:center; justify-content:center} .t-search {background:#ffffff; margin:0 0 0 15px; display:flex; padding:0; border-radius:30px; overflow:hidden; max-width:200px} .t-search .web-search-ctr {margin:0; width:100%; display:flex} .t-search .web-search-ctr form, .t-search form{display:flex; margin:0} .t-search .web-search-ctr form input[type="text"], .t-search form input[type="text"]{background:#ffffff; color:#4770a8; font-size:14px; margin:0 !important; padding:0 20px !important; height:auto; width:100%; border-radius:30px; border:0; height:50px} .t-search .web-search-ctr form input[type="text"]::placeholder, .t-search form input[type="text"]::placeholder{opacity:1; color:#4770a8} .t-search .web-search-ctr form input[type="submit"]{background-color:#FFF40D; background-image:url('data:image/svg+xml;charset=UTF-8,'); background-repeat:no-repeat; background-position:50% 50%; text-align:center; border:0; color:transparent; width:60px; 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:0 !important} .t-search .web-search-ctr form input[type="submit"]:hover{background-color:#183C74} .t-search form a.btn-go{background-color:#183C74; text-align:center; border:0; color:transparent; width:60px; 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:0 !important} .t-search form a.btn-go i{margin:0 auto !important} .t-search form a.btn-go:hover{background-color:#081f3f} /*Menu Section*/ .mob-menu{margin:0 auto} .menu{padding:0 15px; height:60px; position:relative} .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 3px #fff40d} .f-nav .header-abs-top, .f-nav .header-flex{height:75px} .f-nav .header-abs-menu{top:75px} .f-nav .logo img{max-height:55px} /*Menu Section*/ /*AH*/ .main-banner{width:100%; z-index:200; position:relative} /*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:#4770a8; padding:0; width:100%} .b-cta-flex{margin:0 auto; width:100%; padding:75px 0; display:flex; justify-content:space-between; max-width:1170px} .b-cta{margin:0; padding:0 30px; display:flex; justify-content:space-between; flex-direction:column} .b-cta h4{font-size:20px; color:#ffffff; font-weight:700; line-height:1.2; margin:0 0 20px; text-transform:uppercase} .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:#fff40d} .b-links i{border:0; width:20px; height:20px; margin:3px 10px 0 0} .b-links i svg{fill:#ffffff; color:#ffffff} .b-links a:hover, .b-links a:hover i svg path{color:#fff40d; fill:#fff40d} .b-logo-box{} .b-logo {margin:0 auto 20px} .b-logo a{margin:0 auto; display:table} .b-phone {margin:0 auto} .b-phone a{display:flex; align-items:flex-start; justify-content:flex-start; width:auto; font-size:20px; font-weight:600} .b-social{margin:0 auto 20px} .b-social ul.social-links {} .b-social ul.social-links li{padding:0} .b-social svg{width:40px; height:40px; border-radius:100%; border:0} .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:#fff40d} .b-social a:hover svg .s-bg, .b-social a.gbp:hover svg .g.s-bg {fill:transparent} .b-sm-box{} .b-sm{display:table; margin:0; width:100%; padding:0} .b-sm-box div[id^="sm"]{margin:0; display:flex; align-items:flex-start; justify-content:space-between; flex-direction:column} .b-sm-box div[class^="col-list"]{display:flex; margin:0; justify-content:space-between} .b-sm-box div[class*="col-idx-"]{padding:0 15px} .b-sm-box div[id*="menu-item-"]{margin:0 0 7px; padding:0; text-align:left} .b-sm-box .no-show h4{font-size:0; min-height:25px} .b-sm-box div a, .b-sm-box div p{font-size:16px; color:#ffffff; font-weight:400; margin:0; line-height:1.4; display:table; text-transform:none} .b-sm-box div a:hover{color:#fff40d} .b-contact-box{} .b-contact{margin:0; padding:0; width:100%; display:flex; align-items:center; justify-content:space-between} .b-contact > div{display:flex; align-items:center} .b-contact a, .b-contact p{} .b-aus-made{margin:0 auto 30px} .b-btn-contact{margin:0 auto; justify-content:center; width:100%} .b-btn-contact a{background:#fff40d; color:#4770a8; font-size:18px; font-weight:500; line-height:1; text-transform:uppercase; padding:15px 30px; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:30px} .b-btn-contact a:hover{background:#ffffff; color:#4770a8} .b-links.b-btn-contact i{border:0; width:24px; height:24px; margin:0 15px 0 0} .b-footer-flex{background:#ffffff; margin:0 auto; width:100%; padding:25px 0; display:flex; justify-content:center; align-items:center; max-width:100%} .b-footer{margin:0 auto; padding:0} /*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, #cmsbody form *{font-family:'Poppins', 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){font-family:'Poppins', 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:#183c74; border:0; font-size:15px; color:#ffffff; font-weight:500; padding:15px 30px; line-height:1; text-indent:0; clear:both; border-radius:30px; width:auto !important; -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:#4770a8; color:#ffffff} #cmsbody #formBuilder .qq-uploader div.qq-upload-button{background:#fff; border:solid 1px #ccc; height:50px !important; width:120px; text-align:left; text-align:center; cursor:pointer} #cmsbody #formBuilder .qq-uploader div.qq-upload-button-hover{cursor:pointer} #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, #cmsbody .content-padding-block.sec-md{padding-left:100px; padding-right:100px} .content-padding .container-fluid .row.twc-section-row{max-width:1700px; margin:0 auto} .con-list{margin:0; padding:0; list-style:none} .con-list li{background:url(con-.png) 0 5px no-repeat; margin:0 0 15px 0; padding:0 0 0 35px} .text-block-left div, .text-block-right div{display:table; margin:0; text-align:center; padding:0 100px} .text-block-right div{margin:0 0 0 auto} .text-block-left div img, .text-block-right div img{display:table; margin:0 auto} .text-block-left div span, .text-block-right div span{font-size:24px; color:#010101; font-weight:bold} .img-round img{border-radius:100%} .radius-box > div{border-radius:15px; overflow:hidden} #cmsbody div.faqViewContainer{max-width:100%} #cmsbody div.faqViewContainer, #cmsbody div.faqView:first-child div.faqQuestion a, #cmsbody div.faqView:last-child div.faqQuestion a{border-radius:0} .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:#183c74; 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:#183c74; right:-10px} .twc-slider-content-list .slick-prev:before{content:'\2039' !important; color:#183c74; 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:#183c74; 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} @media screen and (max-width:991px) { .twc-slider-content-list .slick-prev.slick-arrow, .twc-slider-content-list .slick-next.slick-arrow{bottom:0 !important; top:100%; margin:10px auto 0} .twc-slider-content-list .slick-prev.slick-arrow, .twc-slider-content-list .slick-prev.slick-arrow:hover{left:calc(50% - 30px)} .twc-slider-content-list .slick-next.slick-arrow, .twc-slider-content-list .slick-next.slick-arrow:hover{right:calc(50% - 30px)} } iframe{width:100%} @media screen and (max-width:1360px) { .logo-box, .f-nav .logo-box {padding:15px} .logo img{max-height:89px; height:auto; width:auto; margin:0} .content-padding > div, .content-padding .row.twc-section-row{padding-left:15px; padding-right:15px} } @media screen and (max-width:1200px) { .logo-box, .f-nav .logo-box {padding:15px} .logo img{max-height:65px; height:auto; width:auto; margin:0} .t-right{padding:0 15px} .t-phone, .t-cart, .social{margin:0 15px 0 0} .t-phone a, .btn-contact a{font-size:16px} .t-cart a{font-size:0} .t-cart a i{margin:0 auto} .btn-contact {margin: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, .header-flex, .f-nav .header-flex{position:relative; height:auto; top:auto; z-index:100; flex-wrap:wrap} .header-abs-menu, .f-nav .header-abs-menu{height:auto; top:auto; z-index:101; box-shadow:0 0 3px #dedede; position:relative} .logo-box, .f-nav .logo-box {text-align:left; margin:0; padding:20px 15px; min-width:auto; width:100%} .logo, .f-nav .logo{position:relative; height:auto; border:0; padding:0; text-align:center; margin:0} .logo a, .f-nav .logo a, .logo img, .f-nav .logo img{max-height:65px; height:auto; width:auto; margin:0} .t-right{margin:0 0 15px; padding:0 15px; justify-content:space-between; width:100%; align-items:center} .header-abs-menu, .f-nav .header-abs-menu{position:relative; border:0} .header-abs-menu .mob-menu{position:absolute; float:none; top:27px; right:0; width:100%; z-index:999 !important; padding:0 !important; height:0} .fixed-header, .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:#183c74; border:0; margin:0; top:0; right:5px; z-index:9999 !important; height:50px; width:50px; border-radius:100%; padding:0} .top .navbar-header button span.icon-bar{background-color:#ffffff; margin:4px auto; height:2px; width:20px} .top .navbar-header button:hover, .menu-bg .navbar-header button:focus{background:#fff40d; border-color:#fff40d} .top .navbar-header button:hover span.icon-bar, .header-abs-top .navbar-header button:focus span.icon-bar{background-color:#fff40d} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:#fff40d !important; border-color:#fff40d} .top .navbar-header button:hover span.icon-bar, .top .navbar-header button:focus span.icon-bar{background-color:#183c74 !important; border:0} .navbar-collapse{width:100% !important; padding:0 !important} .menu #navbar{max-height:calc(90vh - 135px) !important; overflow-y:scroll !important; border-bottom:solid 1px #000000} .t-phone, .t-cart, .social{margin:0 15px 0 0} .t-phone a, .btn-contact a{font-size:16px} .t-cart a{font-size:0} .t-cart a i{margin:0 auto} .btn-contact {margin:0 0 0 auto} .b-cta{padding:0 15px} } @media screen and (max-width:767px) { .m-height-home, .m-height-in, .fixed-header{height:135px} .header-abs-top, .f-nav .header-abs-top, .header-flex, .f-nav .header-flex{padding:0; top:auto; height:auto; z-index:100; position:relative; flex-wrap:wrap; align-items:flex-start; justify-content:center} .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:135px; top:0} .fixed-header.f-nav{position:fixed} .header-abs-menu .mob-menu{top:67px} .top .navbar-header button{right:15px; width:50px; height:50px} .menu #navbar{max-height:calc(90vh - 135px) !important; overflow-y:scroll !important; border-bottom:solid 1px #000000} .logo-box, .f-nav .logo-box{padding:10px 15px; margin:0; min-width:auto; width:100%; order:2} .logo, .f-nav .logo{text-align:left; border:0; padding:0} .logo a, .f-nav .logo a{margin:0} .logo img, .f-nav .logo img{max-height:65px; height:auto} .t-right, .f-nav .t-right{padding:0; margin:0 auto 0 0; flex-wrap:nowrap; width:calc(100% - 0px); height:50px; order:1; flex-direction:row; align-self:center} .btn-contact{margin:0 0 0 auto} .btn-contact a{font-size:0; padding:10px; border-radius:30px; width:45px; height:45px} .t-links.btn-contact i{margin:0 auto} .t-links {} .t-links i{margin:0 auto; width:20px; height:auto} .t-phone, .t-cart{margin:0; width:40px; height:45px} .t-phone a, .t-cart a{font-size:0; padding:0; margin:0; width:45px; height:45px; align-items:center} .social{margin:0} .t-search{margin:0 0 0 5px} .t-search .web-search-ctr form input[type="text"], .t-search form input[type="text"]{height:45px} .b-cta-flex {width:100%; padding:35px 0; flex-direction:column} .b-cta{margin:15px auto; width:100%; padding:0 15px; max-width:400px} .b-sm-box div[id^="sm"]{justify-content:center; align-items:center} } /*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 !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:#183c74; 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:16px; color:#183c74; 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 .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{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 #rc-contacb-form-loc-list .form-element dd#Submit-element input[type="submit"], #cmsbody .nc-contact-form-container form input[type="submit"]{background:#183c74; 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:30px !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, #cmsbody .nc-contact-form-container form input[type="submit"]:hover{background:#4770a8; color:#ffffff} #cmsbody form div.form-element.container_type_captcha {width:calc(100% / 1 - 0px) !important; padding:0; margin:0; height:0} #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 #cmsbody .b-form{margin:0 auto; width:100%; padding:0; max-width:650px} 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:#183c74; 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,1); width:100% !important; max-width:100%; height:55px !important; padding:0 15px !important; font-size:16px; color:#183c74; font-weight:400; border:0 !important; border-radius:30px !important; margin:0 0 25px !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:#183c74} 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:#183c74; border:solid 1px #183c74 !important; border-radius:30px !important; color:#fff40d; font-size:16px; font-weight:600; display:table; padding:10px 15px !important; height:55px !important; max-width:100%; text-transform:uppercase; width:100% !important; margin:0 !important; display:table; box-shadow:none} body #cmsbody .b-form form input[type="submit"]:hover{background:#4770a8 !important; color:#ffffff !important} body #cmsbody .b-form form div.form-element.container_type_captcha {width:100% !important; order:7} 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}*/ .form-errors{display:table; text-align:center; margin:0 auto 15px} 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 div.form-element.container_type_submit{width:calc(100% / 2 - 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 input, body #cmsbody .b-form form select, body #cmsbody .b-form form textarea, body #cmsbody .b-form form input[type=text]{margin:0 0 15px !important; height:50px !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:auto !important} } /*NL Panel E*/ /*==========Shop Responsive S==========*/ /*Shop Search Listing S*/ #cmsbody .search-container{background:#4770a8; padding:20px 15px; margin:0 auto 30px; border:solid 1px #eee; border-radius:0; 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:#183c74; margin:5px 0 !important; font-size:14px; padding:10px 15px !important; height:auto !important; border-radius:30px !important} #cmsbody .search-container form .search-input input[type=submit]{background:#183c74 !important; color:#fff40d !important; border-color:#183c74 !important; width:auto !important; height:auto !important; padding:10px 25px !important; font-size:16px; text-transform:uppercase} #cmsbody .search-container form .search-input input[type=submit]:hover{background:#fff40d !important; color:#183c74 !important; border-color:#fff40d !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*/ /*Responsive Shop Products Styles S*/ #cmsbody #nsi-shop-listing .nsi-shop-controls{height:70px !important; margin:0 0 20px} #cmsbody #nsi-shop-listing .nsi-shop-controls *{font-size:12px} #cmsbody #nsi-shop-listing .nsi-shop-controls h3{height:32px; font-size:18px !important; padding-bottom:10px !important; margin-bottom:10px !important} #cmsbody #nsi-shop-listing .nsi-shop-controls h3 b{padding:0; font-size:18px} #cmsbody #nsi-shop-listing .nsi-shop-controls .nsi-view-as {padding:0} #cmsbody #nsi-shop-listing .nsi-shop-controls .nsi-view-as span{line-height:1} #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 0} .new-shop-listing-responsive h1, .new-shop-listing-responsive #nsi-page-text{margin:0 0 20px} .new-shop-listing-responsive h1{text-transform:uppercase; margin:30px 0; 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:5px} .new-shop-listing-responsive #nsi-categories .nsi-cat-inner{margin:0 auto 15px; text-align:center; border:solid 5px #183C74; border-radius:0; 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:16px; font-weight:600; display:table; min-height:0; margin:auto auto 0; color:#4770A7; 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:#4770A7; 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:#f9f9f9; border:solid 1px #183C74; width:100%; text-align:center; padding:0 0 10px; margin:0 auto; height:100%; display:flex; justify-content:space-between; flex-wrap:wrap; max-width:360px} .new-shop-listing-responsive .nsi-shop-listing-thumb {background:#ffffff; display:flex; position:relative; margin-bottom:20px; width:100%; justify-content:center; padding:0; min-height:275px} .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} .new-shop-listing-responsive .nsi-list .nsi-shop-listing-thumb img{display:block !important} .new-shop-listing-responsive .nsi-shop-listing-prod-name{color:#4770A7; font-weight:500; font-size:18px; text-align:center; padding:0 15px; display:table; margin:0 auto 10px; line-height:1.2; width:100%} .new-shop-listing-responsive .nsi-shop-item-code{color:#183C74; font-weight:600; font-size:14px; 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:#183C74; font-weight:600; text-align:center; padding:0 15px; display:none} .search-container form .search-input select, .search-container form .search-input input{background:#fff !important} .new-shop-listing-responsive .nsi-shop-listing-price span{font-size:20px; color:#183C74; 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:#183C74; color:#FFF40D; font-weight:500; font-size:12px; text-transform:uppercase; padding:10px 15px; display:inline-block; vertical-align:middle; height:auto; line-height:1; border:0; border-radius:30px; 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:#4770A7; color:#FFF40D; border:0} .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:#4770A7; font-weight:normal; font-size:13px; padding:10px; line-height:1; border:solid 1px #183C74; border-radius:30px !important; height:40px !important; width:50px; max-width:40px !important; margin:0 2px !important} .new-shop-listing-responsive .nsi-view-more {text-align:center; display:flex;margin:0 15px 10px 15px; justify-content:space-between; flex-wrap:wrap; align-self:flex-end; width:100%} .new-shop-listing-responsive .nsi-view-more .btn-view, .new-shop-listing-responsive .nsi-view-more .nsi-list-item-add-to-cart {display:flex; margin:2px 0; padding:5px 0 0 0} .new-shop-listing-responsive .nsi-view-more a.btn-view-more{background:#183C74; color:#FFF40D; font-weight:500; font-size:12px; text-transform:uppercase; padding:10px 20px; height:auto; display:flex; align-items:center; justify-content:center; line-height:1; border-top:solid 1px #183C74; border-bottom:solid 1px #183C74; margin:0 auto 0 0; border-radius:30px} .new-shop-listing-responsive .nsi-view-more a.btn-view-more:hover{color:#FFF40D; border-color:#4770A7; background:#4770A7} .new-shop-listing-responsive .nsi-view-more .nsi-list-item-compare {margin:0 0 0 auto; font-size:14px; color:#4770A7} .new-shop-listing-responsive a.register-quote{background:#183C74; color:#ffffff; font-weight:500; font-size:14px; text-transform:uppercase; padding:15px 15px; display:table; height:auto; line-height:1; border:solid 1px #183C74; border-radius:30px; width:100%; margin:10px auto 0} .new-shop-listing-responsive a.register-quote:hover{background:#4770A7; color:#ffffff; border:solid 1px #183C74} #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:#4770A7; 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 #183C74; 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:#4770A7; 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 #183C74; font-size:16px; color:#4770A7; 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:#183C74 url(icn-cart-white.png) 20px 50% no-repeat; padding:15px 25px 15px 45px; margin:0; border:solid 1px #183C74; font-size:14px; color:#ffffff; text-shadow:none; text-transform:uppercase; font-weight:600; display:inline-block; vertical-align:middle; border-radius:30px; 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:#4770A7 url(icn-cart-white.png) 20px 50% no-repeat !important; border-color:#4770A7; text-decoration:none !important; color:#ffffff !important} #nsi-shop.new-shop-view-responsive #productDetailForm a.register-quote{background:#183C74; padding:15px 25px; margin:0 0 15px; border:solid 1px #183C74; 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:#4770A7; border-color:#4770A7; text-decoration:none !important; color:#ffffff !important} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-price{display:none; 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:#4770A7; text-decoration:line-through; text-align:left} #nsi-shop.new-shop-view-responsive #productDetailForm #nsi-price .nsi-currency-symbol{font-size:32px; color:#183C74} #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:#4770A7; 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:#4770A7; vertical-align:middle; padding:0 5px} #nsi-shop.new-shop-view-responsive fieldset select{display:inline-block; vertical-align:middle; border:solid 1px #183C74; font-size:12px; color:#4770A7; 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:#4770A7; 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 10px} #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 #4770A7; 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:#183C74} .new-shop-view-responsive #nsi-tabbed-box #nsi-tabs li a{font-size:20px; color:#4770A7; 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:#183C74} .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 #183C74; border-radius:0; padding:45px} .new-shop-view-responsive #nsi-tabbed-box .yui-content *{font-size:16px; line-height:1.4; color:#183C74} .new-shop-view-responsive .other-products{background:#fff; padding:60px 0 0} .new-shop-view-responsive .other-products .other-products-head h2{color:#4770A7; 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:#183C74; 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:#4770A7; 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:#4770A7; font-weight:500; font-size:14px; display:table; margin:0; padding:0 30px 30px 30px; text-transform:uppercase} .new-shop-listing-responsive .btn:hover, .new-shop-view-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:#4770A7; 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:#183C74; 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 input{width:auto !important} #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:#183C74; 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; width:auto !important; -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:#4770A7 !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}nsi-shop-cart-view #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} #cmsbody .nsi-check-section #orderReviewSection > p{font-size:18px; font-weight:600; margin:20px 0 10px 0; text-align:left; color:#4770A7} /*Responsive Shop Products Styles E*/ #cmsbody #nsi-shop-cart-view h1{margin:0 0 30px} #cmsbody #nsi-shop-cart-view .nsi-ship-calc{margin:20px 0 !important; float:none} #cmsbody #nsi-shop-cart-view .nsi-ship-heading{width: 100%} #cmsbody #nsi-shop-cart-view .nsi-ship-calc .baseapp-form{padding:0 30px 30px} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .zend_form{width:auto !important; align-items:flex-start} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element {width:calc(100% / 3 - 20px)} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element.notes-container {width:calc(100% / 1 - 0px)} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element.isQuoteRequest-container {order:10} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element.captcha-container {order:9} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest #notes-element textarea{width:100% !important} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element input{width:100% !important} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element.btnSubmit-container {align-self:flex-end} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element.btnSubmit-container .btn {height:40px !important; width:100% !important} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest dd {margin:0 !important} @media screen and (max-width:1200px) { .new-shop-listing-responsive .nsi-view-more {justify-content:center} } @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} .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)} #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} #cmsbody #nsi-shop-cart-view .nsi-ship-calc .baseapp-form{padding:0 15px 15px} #cmsbody #nsi-shop-cart-view {padding:0 15px} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element {width:calc(100% / 1 - 0px)} #cmsbody #nsi-shop-cart-view .nsi-ship-calc .baseapp-form{padding:0 15px 15px} #cmsbody #nsi-shop-cart-view {padding:0 15px} #cmsbody #nsi-shop-cart-view form#frmCartQuoteRequest .form-element {width:calc(100% / 1 - 0px)} #cmsbody #nsi-shop-cart-view {padding:0 15px} #cmsbody #nsi-cart-table table {display:flex} #cmsbody #nsi-cart-table table tbody{display:flex; flex-wrap:wrap; width:100%; justify-content:end} #cmsbody #nsi-cart-table table tbody tr{display:flex; flex-wrap:wrap} #cmsbody #nsi-cart-table table tbody tr.nsi-top-row {width:25%} #cmsbody #nsi-cart-table table tbody tr.nsi-line-1 {width:75%; border-top:1px solid #ccc} /* #cmsbody #nsi-cart-table table tbody tr.nsi-line-1:nth-child(3) {width:100%} */ #cmsbody #nsi-cart-table table tbody tr.nsi-bottom-row {width:100%} #cmsbody #nsi-cart-table table tbody tr td{width:100%; border-left:1px solid #ccc;border-right:1px solid #ccc; white-space:normal} #cmsbody #nsi-ship-and-total .nsi-ship-calc{display:block} #cmsbody #bottom-cart-btn{display:flex; flex-wrap:wrap; justify-content:space-around; flex-direction:column} #cmsbody #bottom-cart-btn a{margin:5px !important} } @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} } /*==========Shop Responsive E==========*/