/* Projects Styling -----------------------------------------*/ /* Fonts -----------------------------------------*/ @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-ExtraBold.eot');src:url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),url('../fonts/OpenSans-ExtraBold.woff') format('woff'),url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');font-weight:bold;font-style:normal;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-BoldItalic.eot');src:url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),url('../fonts/OpenSans-BoldItalic.woff') format('woff'),url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),url('../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');font-weight:bold;font-style:italic;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-ExtraBoldItalic.eot');src:url('../fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),url('../fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');font-weight:bold;font-style:italic;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Bold.eot');src:url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Bold.woff2') format('woff2'),url('../fonts/OpenSans-Bold.woff') format('woff'),url('../fonts/OpenSans-Bold.ttf') format('truetype'),url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-MediumItalic.eot');src:url('../fonts/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'),url('../fonts/OpenSans-MediumItalic.woff') format('woff'),url('../fonts/OpenSans-MediumItalic.ttf') format('truetype'),url('../fonts/OpenSans-MediumItalic.svg#OpenSans-MediumItalic') format('svg');font-weight:500;font-style:italic;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Light.eot');src:url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Light.woff2') format('woff2'),url('../fonts/OpenSans-Light.woff') format('woff'),url('../fonts/OpenSans-Light.ttf') format('truetype'),url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');font-weight:300;font-style:normal;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Medium.eot');src:url('../fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Medium.woff2') format('woff2'),url('../fonts/OpenSans-Medium.woff') format('woff'),url('../fonts/OpenSans-Medium.ttf') format('truetype'),url('../fonts/OpenSans-Medium.svg#OpenSans-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-LightItalic.eot');src:url('../fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),url('../fonts/OpenSans-LightItalic.woff') format('woff'),url('../fonts/OpenSans-LightItalic.ttf') format('truetype'),url('../fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');font-weight:300;font-style:italic;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Italic.eot');src:url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Italic.woff2') format('woff2'),url('../fonts/OpenSans-Italic.woff') format('woff'),url('../fonts/OpenSans-Italic.ttf') format('truetype'),url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');font-weight:normal;font-style:italic;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Regular.eot');src:url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular.woff2') format('woff2'),url('../fonts/OpenSans-Regular.woff') format('woff'),url('../fonts/OpenSans-Regular.ttf') format('truetype'),url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-SemiBoldItalic.eot');src:url('../fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff'),url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),url('../fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');font-weight:600;font-style:italic;font-display:swap;} @font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-SemiBold.eot');src:url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),url('../fonts/OpenSans-SemiBold.woff') format('woff'),url('../fonts/OpenSans-SemiBold.ttf') format('truetype'),url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');font-weight:600;font-style:normal;font-display:swap;} /*---------------------------------------------------*/ /* Settings -----------------------------------------------------*/ :root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} *,*::before,*::after{box-sizing:border-box} html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent} article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block} body{margin:0;font-family:'Open Sans';font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff} [tabindex="-1"]:focus:not(:focus-visible){outline:0!important} hr{box-sizing:content-box;height:0;overflow:visible} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem} p{margin-top:0;margin-bottom:1rem;font-size:15px;} abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none} address{margin-bottom:1rem;font-style:normal;line-height:inherit} ol,ul,dl{margin-top:0;margin-bottom:1rem} ol ol,ul ul,ol ul,ul ol{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-left:0} blockquote{margin:0 0 1rem} b,strong{font-weight:bolder} small{font-size:80%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} a:hover{color:#005EB8;text-decoration:none} a:not([href]){color:inherit;text-decoration:none} a:not([href]):hover{color:inherit;text-decoration:none} pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em} pre{margin-top:0;margin-bottom:1rem;overflow:auto} figure{margin:0 0 1rem} img{vertical-align:middle;border-style:none} svg{overflow:hidden;vertical-align:middle} table{border-collapse:collapse} caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom} th{text-align:inherit} label{display:inline-block;margin-bottom:.5rem} button{border-radius:0} button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color} input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit} button,input{overflow:visible} button,select{text-transform:none} select{word-wrap:normal} button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none} input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0} input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox} textarea{overflow:auto;resize:vertical} fieldset{min-width:0;padding:0;margin:0;border:0} legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal} progress{vertical-align:baseline} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{outline-offset:-2px;-webkit-appearance:none} [type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} output{display:inline-block} summary{display:list-item;cursor:pointer} template{display:none} [hidden]{display:none!important} h1,.h1{font-size:41px;margin-bottom:26px;line-height:1.2;} h2,.h2{font-size:30px;font-weight:600;margin-bottom:32px;line-height:1.2;} h3,.h3{font-size:20px;font-weight:600;margin-bottom:15px} h4,.h4{font-size:20px;margin-bottom:20px} h5,.h5{font-size:15px;font-weight:600;margin-bottom:10px} h6,.h6{font-size:15px;margin-bottom:20px} .btn,.hs-button{color:#fff;background-color:#F78F13;border:1px solid #F78F13;border-radius:3px;padding:5px 10px 5px;text-align:center;text-transform:capitalize;max-width:147px;width:100%;display:inline-block;font-size:15px;} .btn:hover,.hs-button:hover{color:#F78F13;text-decoration:none;background-color:transparent;} .btn:focus,.btn.focus{outline:0;} .btn.disabled,.btn:disabled{opacity:.65} a.btn.disabled,fieldset:disabled a.btn{pointer-events:none} .btn-primary{color:#fff;background-color:#005EB8;border:1px solid #005EB8;} .btn-primary:hover{color:#005EB8;background-color:transparent;} .btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,0.5)} .btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff} .btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf} .btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0.5)} .btn-border{background:transparent;color:#fff;border-color:#fff;} .btn-border:hover{color:#fff;background-color:#F78F13;border-color:#F78F13;} .btn-border:focus,.btn-primary.focus{color:#fff;background-color:#F78F13;border-color:#F78F13;} .btn-blue{color:#fff;background-color:#005EB8;border:1px solid #005EB8;} .btn-blue:hover{color:#005EB8;background-color:transparent;} .load-more{display:table;margin:0 auto 0;max-width:217px;right:-12px;position:relative;} .d-flex{display:flex;flex-wrap:wrap;} .search-new-result .d-flex{display:flex;flex-wrap:wrap;justify-content: center;} .justify-content-between{justify-content:space-between} .justify-content-around{justify-content:space-around} .justify-content-flex-end{justify-content:flex-end;} .align-items-start{align-items:flex-start} .align-items-end{align-items:flex-end} .align-items-center{align-items:center} .container{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto;max-width:1064px;} .container-blog{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto;max-width:1174px;} .bg-image{background-repeat:no-repeat;background-position:center;background-size:cover;} .wpcf7 label{display:block;margin-bottom:21px;} .wpcf7-form-control-wrap{position:relative;display:block;} .wpcf7-spinner{position:absolute;left:0;bottom:0;} .wpcf7 form{text-align:right;position:relative;} .wpcf7 form span{display:block;} .wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{display:none!important;} .wpcf7 form .wpcf7-response-output{border:none;color:#46b450;padding:0.2em 0;margin:2em 0 1em;} .for-mobile-only{display:none!important;} input[type="text"],input[type="email"],input[type="date"],textarea,input[type="tel"]{background:#fff;padding:2px 12px;border:1px solid #707070;width:100%;color:#000000;border-radius:3px;font:normal normal normal 15px/28px Open Sans;} .wpcf7-not-valid-tip{text-align:left;} textarea{resize:none;height:69px;} input[type="submit"]{margin-left:auto;} ::-webkit-input-placeholder{/* Chrome/Opera/Safari */ color:#000000;} ::-moz-placeholder{/* Firefox 19+ */ color:#000000;} :-ms-input-placeholder{/* IE 10+ */ color:#000000;} :-moz-placeholder{/* Firefox 18- */ color:#000000;} .row-wrap { margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; } .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { padding-left: 15px; padding-right: 15px; } .col-1 { -ms-flex: 8.3333333333%; flex: 8.3333333333%; max-width: 8.3333333333%; } .col-2 { -ms-flex: 16.6666666667%; flex: 16.6666666667%; max-width: 16.6666666667%; } .col-3 { -ms-flex: 25%; flex: 25%; max-width: 25%; } .col-4 { -ms-flex: 33.3333333333%; flex: 33.3333333333%; max-width: 33.3333333333%; } .col-5 { -ms-flex: 41.6666666667%; flex: 41.6666666667%; max-width: 41.6666666667%; } .col-6 { -ms-flex: 50%; flex: 50%; max-width: 50%; } .col-7 { -ms-flex: 58.3333333333%; flex: 58.3333333333%; max-width: 58.3333333333%; } .col-8 { -ms-flex: 66.6666666667%; flex: 66.6666666667%; max-width: 66.6666666667%; } .col-9 { -ms-flex: 75%; flex: 75%; max-width: 75%; } .col-10 { -ms-flex: 83.3333333333%; flex: 83.3333333333%; max-width: 83.3333333333%; } .col-11 { -ms-flex: 91.6666666667%; flex: 91.6666666667%; max-width: 91.6666666667%; } .col-12 { -ms-flex: 100%; flex: 100%; max-width: 100%; } .list-unstyled{list-style:none;margin:0;padding:0;} .breadcrumb.list-unstyled{display:flex;flex-wrap:wrap;} .bread-crumb-with-bg .breadcrumb li{ font-size: 13px; font-weight: 600; line-height: 2.78;color: #FFFFFF; } .breadcrumb.list-unstyled li{margin-right:4px;} #popper-popup{font-weight:bold;padding:30px;font-size:13px;border-radius:4px;display:none;width:100%;max-width:341px;box-shadow:0px 3px 6px #00000029;border:1px solid #BABABA;background:#ffffff;top:-50%;right:-336px;position:absolute;margin-top:-30px;} #popper-popup h4{color:#000000;font-size:15px;font-weight:600;} #popper-popup form p{margin-bottom:0;} #popper-popup label{margin-bottom:0;} #popper-popup .hs-form-field{margin-bottom:10px;} #popper-popup[data-popper-reference-hidden]{visibility:hidden;pointer-events:none;} #popper-popup[show-popper]{display:block;z-index:99999;} .text-center{text-align:center;} #page { overflow: hidden; } .small-popup{font-weight:bold;padding:30px;font-size:13px;border-radius:4px;display:none;width:100%;max-width:341px;box-shadow:0px 3px 6px #00000029;border:1px solid #BABABA;background:#fff;right:20px;position:absolute;z-index:11;top:100%;} .small-popup .hbspt-form {text-align: left; } .small-popup:before {visibility: visible; content: ""; transform: rotate(-45deg); position: absolute; width: 36px; height: 36px; background: #fff;top: -18px;right:85px} .small-popup .hs-form-field{margin-bottom:10px;} .small-popup .hs-form-field label{margin-bottom:3px;} .small-popup .hs-form-field span{margin:0;max-width:inherit;display:inline-block;} .ask-expert-form .hs-error-msgs{background: none; box-shadow: none; border: 0; padding: 10px 0 0 0;} .ask-expert-form .hs-error-msgs li{width: 100%; padding: 0; text-align: left; font-weight: 500;} /*keep popper visible in the Divi Builder for editing*/ #et-fb-app #popper-popup{display:block;} /*build the arrow targeting the divider with class 'popper-arrow'*/ #popper-arrow,#popper-arrow::before{position:absolute;width:36px;height:36px;background:#fff;} #popper-arrow{visibility:hidden;position:absolute;top:50%;left:-18px;transform:translateY(-50%);} #popper-arrow::before{visibility:visible;content:"";transform:rotate(45deg);} /*hide arrow when reference outside of viewport*/ #popper-popup[data-popper-reference-hidden] #popper-arrow::before{visibility:hidden;} /* Dropdown Css Start*/ .wrap-drop{background:#005EB8;cursor:pointer;max-width:145px;padding:10px 20px 11px;position:relative;width:100%;z-index:3;text-align:left;color:#FFFFFF;font-size:14px;border:1px solid transparent;border-bottom:0;border-radius:0px 3px 3px 0px;} .wrap-drop.active{border-color:#3E3E3E;background:#fff;} .wrap-drop.active span{color:#3E3E3E;} .wrap-drop::after{position:absolute;content:"";display:inline-block;width:9px;height:9px;border-right:0.2em solid #FFFFFF;border-top:0.2em solid #FFFFFF;transform:rotate(135deg);right:17px;top:14px;} .wrap-drop .drop{background:#fff;display:none;left:-1px;list-style:none;margin-top:0;opacity:0;padding-left:0;pointer-events:none;position:absolute;right:-1px;top:100%;z-index:2;border:1px solid #3E3E3E;border-top:0;margin-top:-2px;} .wrap-drop .drop li a{color:#3E3E3E;display:block;padding:9px 1rem;text-decoration:none;} .wrap-drop span{color:#fff;} .wrap-drop .drop li{margin-left:0;} .wrap-drop .drop li:hover a{background-color:#005EB8;color:#fff;} .wrap-drop.active::after{border-right:0.2em solid #005EB8;border-top:0.2em solid #005EB8;} .wrap-drop.active .drop{display:block;opacity:1;pointer-events:auto;} html { scroll-behavior: smooth; } /* Header Css Start -----------------------------------------------------*/ .site-header{background:rgba(255,255,255,0.95);color:#ffffff;position:relative;z-index:200;position:absolute;top:0;left:0;width:100%;padding:30px 0 0;} .main-header .btn{padding:9px 7px 8px 7px;max-width:149px;width:100%;} .main-header{max-width:1174px;padding:0 20px;margin:0 auto;} .main-header .logo img{width:100%;} .main-header .logo{width:138px;margin-top:6px; position: relative; z-index: 111; display: block; } .main-header .logo a { display: block; } .right-header{width:calc(100% - 138px);margin-left:auto;text-align:right;} .top-header{margin-bottom:28px;z-index:123;position:relative;} .ubermenu.ubermenu-main .ubermenu-item-level-0 > a{position:relative;} .ubermenu.ubermenu-main .ubermenu-item-level-0 > a:after{content:"";position:absolute;width:1px;height:18px;background:#BABABA;right:0;top:50%;transform:translateY(-50%);} .ubermenu.ubermenu-main .ubermenu-item-level-0:nth-child(5) > a:after{display:none;} .ubermenu.ubermenu-main .ubermenu-item-level-0:nth-child(5) > a{padding-right:0;} header .ubermenu.ubermenu-main .ubermenu-item-level-0:nth-child(5):hover > a:before{margin-left:26px;} header .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator{position:absolute;right:30px;top:50%;/*margin-top:-8px;*/} header .ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group{padding:30px 0;} header .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text{} header .ubermenu-sub-indicators .ubermenu-tabs.ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator{margin-top:-14px;font-size:26px;} header .ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target{padding-left:50px;padding-right:50px;align-items:center;display:flex;} header .ubermenu.ubermenu-main .ubermenu-item-level-0 > a:before{width:72px;height:9px;background:#005EB8;content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);opacity:0;transition:0.5s all;} header .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > a:before{opacity:1;} header .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text{padding-left:22px;} .top-header ul{display:flex;margin-bottom:0;padding:0;flex-wrap:wrap;list-style:none;} header .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop{margin-top:14px;} header .ubermenu-has-submenu-mega:after{position:absolute;background:transparent;content:"";left:0;height:16px;width:100%;bottom:-15px;} header .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover span{text-decoration:underline;} .top-header li{margin-left:29px;} .top-header li a{color:#000000;font-size:14px;} .top-header li a:hover{color:#005EB8;} .search-bar{position:relative;margin-left:37px;max-width:182px;} .search-bar-wrap{display:flex;flex-wrap:wrap;max-width:538px;width:100%;justify-content:flex-end;} .wrap-drop{margin-right:25px;} .search-bar input[type=submit]{background:url(../images/search-icon.svg) no-repeat;outline:none;-webkit-appearance:none;border:0;text-shadow:none;padding:8px 20px;background-size:15px;background-position:center;position:absolute;left:10px;top:2px;} .search-bar input[type=text]{border:1px solid #EDEDED;border-radius:3px;background:#fff;padding:7px 20px 7px 44px;} .search-bar{max-width:inherit;} .search-bar form{display:flex;} .search-bar input[type=text]{background: url(../images/search-icon.svg) no-repeat #FFF;background-position:12px center;max-width:180px;padding:7px 15px 7px 35px;} .search-bar input[type=submit]{background: #005EB8; margin-right: 25px; position: inherit; color: #FFF;border-radius:0px 3px 3px 0px;} body.menu-is-opened{overflow:hidden;} .main-navigation{text-align:center;width:calc(100% + 138px);left:-138px;position:relative;margin-top:-25px;} .top-nav ul.nav-menu.toggled-on,.hamburger{display:inline-block;float:right;} .top-nav ul.nav-menu,.top-nav div.nav-menu > ul{display:none;} .top-nav ul{padding-left:0;list-style:none;} .top-nav li{font-size:14px;line-height:1.25em;position:relative;} .top-nav li:last-child{border:0;padding-right:0;} .top-nav li a{color:#000;} .top-nav li .submenuToggle{position:absolute;top:1.227em; /*27px;*/right:5px;width:1.818em; /*40px;*/height:1.818em; /*40px;*/background:#eee url(../images/menu-right-arrow.svg) no-repeat center;background-size:1.591em; /*35px;*/display:block;cursor:pointer;border-radius:100%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .top-nav li.submenuOpened > .submenuToggle{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .menu-header-container .search-bar-wrap{display:none;} .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto,.ubermenu span.ubermenu-target{border-bottom:1px solid #000;} .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{background:transparent!important;color:#000!important;} .ubermenu-main li.mobile-menu-only{display:none!important;} /*----------New css B----------*/ .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab ul.ubermenu-tab-content-panel { padding: 25px 15px; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item {padding: 0 10px; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li { position: relative; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li > a { font-size: 14px; padding: 12px 10px; position: relative; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li.ubermenu-item-has-children > a:after { content: "\f107"; font-family: "Font Awesome 5 Free"; display: inline-block; width: 15px; height: 15px; font-size: 14px; color: #9b9b9b; position: absolute; right: 5px; top: 12px; transition: 0.3s all ease-in-out; font-family: 'Font Awesome 5 Pro'; font-weight: 900; transform: rotate(-90deg); } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li { padding: 0; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li .ubermenu-submenu { position: absolute; left: 100%; min-width: 210px; top: 0; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; z-index: -1; padding: 0; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li { border-bottom-color: #cecece; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li .ubermenu-submenu > li { background-color: #005EB8; transition: 0.3s all ease-in-out; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li .ubermenu-submenu > li:hover { background-color: #1384f1; } /*.ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li .ubermenu-submenu > li:hover > a { color: #9b9b9b; }*/ .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li .ubermenu-submenu > li > a { color: #FFFFFF; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li:hover .ubermenu-submenu { opacity: 1; visibility: visible; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li .ubermenu-submenu > li { border-bottom-color : #FFFFFF; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li:hover { z-index: 111; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-submenu > .column-box:last-child > ul > .ubermenu-item-has-children > .ubermenu-submenu { left: 0; top : 100%; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab ul.ubermenu-tab-content-panel > .ubermenu-column-1-3:nth-child(3) > .ubermenu-submenu > li.ubermenu-item-has-children > .ubermenu-submenu { left: auto; right: 100%; } /*-----Menu new list--------*/ .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop { background-color: #FFFFFF; padding: 25px 15px; margin-top: 15px; } .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop > .ubermenu-column-1-3 { background: transparent; border: 0; padding: 0 12px; } .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop > .ubermenu-column-1-3 > .ubermenu-submenu > li { border-bottom-color: #cecece; } .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop > .ubermenu-column-1-3 > .ubermenu-submenu > li > a { font-size: 14px; padding: 12px 10px; position: relative; } .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop > .ubermenu-column-1-3 > .ubermenu-submenu > li:first-child { margin-top: 0; } /*-----Form-----*/ .calculator-hubspot h2 { width: 100%; display: block; color: #005EB8; font-size: 20px; line-height: 1.4; margin-bottom: 25px; } .calculator-hubspot form fieldset.form-columns-2 { width: 100%; max-width: 100% !important; } .calculator-hubspot form fieldset.form-columns-1 { width: 50%; max-width: 50%; } .calculator-hubspot form fieldset.form-columns-1 .hs-form-field { max-width: 100%; } .calculator-hubspot form fieldset.form-columns-1 .hs-form-field input { width: 100% !important; } .calculator-hubspot form .hs-form-field.hs-message { width: 100% !important; } .calculator-hubspot form fieldset.form-columns-1 .hs-form-field textarea { width: 100% !important; height: 120px; } .calculator-hubspot form fieldset.form-columns-1:last-of-type { width: 100%; max-width: 100%; } .quick-links.products .ask-expert-form .form-columns-2 > .hs-form-field { width: 100%; } .quick-links.products .ask-expert-form fieldset .hs-error-msgs { padding: 5px 0 0; } .quick-links.products .ask-expert-form fieldset .hs-error-msgs li { width: 100%; padding: 0; } .calculator-hubspot .hbspt-form { width: 76.2%; margin-left: 0; margin-right: auto; } .calculator-hubspot .container { max-width: 1170px; } /* hamburger menu */ .hamburger{margin:10px 0 0 0;float:right;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;overflow:visible;display:none;} .hamburger-box{width:40px;height:24px;display:inline-block;position:relative;} .hamburger-inner{display:block;top:50%;margin-top:-2px;} header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i,header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i::before,header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i::after{width:32px;height:2px;background-color:#707070;border-radius:0px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease;right:0;top:43px;} header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i::before,.header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i::after{content:"";display:block;} header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i::before{top:-10px;} header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i::after{bottom:-10px;} .hamburger--3dxy-r .hamburger-box{perspective:80px;} .hamburger--3dxy-r .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645,0.045,0.355,1),background-color 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);} .hamburger--3dxy-r .hamburger-inner::before,.hamburger--3dxy-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);} .hamburger.is-active{position:relative;z-index:120;margin-top:0;} .hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg);} .hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg);background:#333;} .hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg);background:#333;} /* banner */ /*---------------------------------------------------*/ .banner{overflow:hidden;position:relative;} .banner-slide{height:782px;padding-top:335px;} .banner-slide .banner-content{max-width:368px;} .banner-slide .container h2{color:#F78F13;margin-bottom:6px;font-size:30px;font-weight:600;} .banner-slide .container span{color:#FFFFFF;font-size:18px;font-weight:600;margin-bottom:9px;display:block;} .banner-slide .container p{color:#FFFFFF;font-size:15px;margin-bottom:25px;} .banner .owl-prev,.banner .owl-next{margin-top:85px;} /* subscribe */ /*---------------------------------------------------*/ .subscribe{background-color:#005EB8;background-blend-mode:multiply;padding:64px 0 54px; position: relative; } .subscribe h2{color:#FFFFFF;padding-top:17px;margin-bottom:5px;} .subscribe p{color:#fff;font-size:18px;} .subscribe-content{max-width:516px;} .subscribe-form{max-width:350px;margin-left:auto;width:100%;} section.default-blocks.static-card-block{margin-top:30px;} .subscribe-form .hbspt-form fieldset .input input { width: 100%; } .subscribe .hs-form-field{margin-bottom:15px;} .subscribe .hs-form-field > label{color: #FFF; margin-bottom: 5px; font-size: 15px;} .subscribe .hs_submit{text-align:right;} .subscribe .hs-error-msgs,.contact-form .hs-error-msgs{margin:0;} .contact-form .hs-form-field{margin-bottom:15px;} .contact-form .hs-form-field > label{margin-bottom: 5px; font-size: 15px;} .contact-form .hs_submit{text-align:right;} .contact-form .hbspt-form fieldset .input input { width: 100%; } /* quick-links */ /*---------------------------------------------------*/ .home .quick-links{margin-top:-95px;z-index:123;position:relative;} .quick-links{margin:40px 0;} .quick-links .container{position:relative;} .quick-links ul{background:#005EB8;box-shadow:7px 7px 14px #00000029;border:1px solid #EDEDED77;list-style:none;margin:0;display:flex;flex-wrap:wrap;padding:36px 0 18px;} .quick-links li{text-align:center;border-right:1px solid #4E8FCE;padding:0 18px;width:20%;margin-bottom:18px;} .quick-links li:last-child{border:0} .quick-links li a{ color:#fff; font-size:15px; display: block; width: 100%; } .quick-links li a:hover{opacity:0.5;} .quick-links li span{display:block;margin:20px auto 0;max-width:110px;} .products-by-applications{padding:68px 0;position:relative;overflow:hidden;} .shape-bg{background-repeat:no-repeat;background-size:contain;background-position:-360px center;height:640px;width:100%;position:absolute;top:180px;left:0;z-index:-1;} .applications-content-left{width:41%;} .applications-content-right{width:59%;padding-left:97px;} .applications-content-right h3{color:#1D1D1B;font-size:30px;line-height:1.2; } .applications-content-right p{font-size:20px;color:#000000;} .applications-content-left h1{color:#005EB8;font-size:41px;font-weight:400;margin-bottom:0;} .applications-content-right ul{list-style:none;margin:29px 0 0 0;padding:0;display:flex;flex-wrap:wrap;} .applications-content-right ul li{color:#000000;font-size:20px;font-weight:600;width:50%;border-bottom:1px solid #707070;padding:25px 0 25px 68px;position:relative;display:flex;flex-wrap:wrap;align-items:center;} .applications-content-right ul li img{width:47px;position:absolute;top:50%;left:0;transform:translateY(-50%);} .applications-content-right ul li span{display:block;line-height:1.4;} .applications-content-right ul li:last-child,.applications-content-right ul li:nth-last-child(2){border:0;} .applications-content-right ul li a { position: absolute; width: 100%; top: 0; left: 0; height: 100%; z-index: 1; } /* Learning Center */ /*---------------------------------------------------*/ .learning-center{padding-top:40px;padding-bottom:130px;} .learning-center .container > h2{color:#005EB8;text-align:center;margin-bottom:8px;} .learning-center .container > h2 + p{color:#000000;font-size:20px;text-align:center;} ul.tabs{margin:31px 0 52px;padding:0px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;} ul.tabs li{color:#BABABA;padding:0px 48px;cursor:pointer;font-size:18px;font-weight:600;border-right:1px solid #707070;line-height:1.4;} ul.tabs li.current{color:#000000;} ul.tabs li:last-child{border:0;} .tab-content{display:none;padding:0 0;} .tab-content.current{display:inherit;} .tab-content .bg-image { box-shadow:0px 3px 6px #00000029; max-width:507px; width:100%; background-color:rgb(0 94 184 / 20%);background-blend-mode:multiply; height: 394px; } .two-card-blocks .blocks .main-top { height: 100%; } .blog-content{padding-left:79px;width:50.4%;padding-top:38px;padding-bottom:38px;} .blog-content h2{margin-bottom:17px;color:#1D1D1B;} .blog-content span{color:#000000;font-size:20px;font-weight:600;display:block;margin-bottom:4px;text-transform:capitalize;} .blog-content p{font-size:15px;margin-bottom:34px;color:#000000;} .bread-crumb-with-bg { padding-top:160px; padding-bottom:3px; background-color:#005EB8; background-blend-mode:hard-light; color:#FFFFFF; font-size:13px; font-weight:600; } .bread-crumb-with-bg h1,.bread-crumb-with-bg a,.bread-crumb-with-bg p{color:#FFFFFF;} .bread-crumb-with-bg h1 { margin-bottom:6px; margin-top:34px; font-size:30px; font-weight:600; } .bread-crumb-with-bg p { font-size:15px;max-width:430px; font-weight: 400; } .content { padding-top:87px; } .markets.single-author .subscribe.bg-image { margin-top:140px; } .bread-crumb-with-bg .container-blog > p { padding-bottom: 23px; } .page-template-contact-us .bread-crumb-with-bg { padding-top: 170px; } /* our-markets-slider */ /*---------------------------------------------------*/ .news-details + .our-markets-slider { padding-top: 20px; } .our-markets-slider{padding-top:120px;padding-bottom:34px;position:relative;overflow:hidden;} .our-markets-slider .container > h2{color:#005EB8;text-align:center;margin-bottom:8px;} .our-markets-slider .container > h2 + p{color:#000000;font-size:20px;text-align:center;} .slide-img{width:50%;} .slide-content{background:#3E3E3E;box-shadow:0px 3px 6px #00000029;padding:82px 53px 90px;width:50%;text-align:center;} .slide-content h3,.slide-content p{color:#fff;} .slide-content h3{font-size:16px;margin-bottom:7px;} .slide-content p{font-size:12px;} .slide-content .btn{font-size:13px;max-width:127px;} .our-markets-slider .our-markets-slide{transform:scale(.86);transition:.4s ease all;position:relative;} .our-markets-slider .our-markets-slide:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(62 62 62 / 76%);} .active .our-markets-slide{opacity:1;transform:scale(1.14);} .active .our-markets-slide:after{background:transparent;} .our-markets-slider-wrap{margin:38px 0;} .our-markets-slider .owl-item.active .slide-content { position: relative; z-index: 1; } /* 2 blocks */ /*---------------------------------------------------*/ .two-card-blocks .blocks{width:48%;margin-right:4%;} .two-card-blocks .blocks:nth-child(2n+2){margin-right:0;} .two-card-blocks a{ color:#005EB8; height: 100%; } .blocks{background:#FFFFFF;box-shadow:7px 7px 14px #00000029;border:1px solid #EDEDED;border-radius:4px;overflow:hidden;position:relative;margin-bottom:59px;} .block-img{width:36.2%;} .block-content{width:63.8%;padding:26px 26px 31px 26px;} .block-content h2{font-size:20px;font-weight:600;margin-bottom:10px;} .block-content p{color:#707070;font-size:15px;margin-bottom:17px;line-height:1.55;} .block-content ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;} .block-content li{color:#005EB8;font-size:15px;margin-bottom:6px;border-right:1px solid #BABABA;line-height:1.1;margin-right:10px;padding-right:10px;} .block-content li:last-child{border:0;} /* 3 blocks */ /*---------------------------------------------------*/ .three-card-blocks .blocks{width:30.66%;margin-right:4%; } .three-card-blocks .blocks:nth-child(3n+3){margin-right:0;} .three-card-blocks a{display:block;color:#000000;} .three-card-blocks .block-img{height:189px;width:100%;} .three-card-blocks .block-content{width:100%;padding:30px 26px 31px 26px;} .three-card-blocks .block-content ul{display:block;margin:-6px 0 0 0;} .three-card-blocks .block-content li{margin-right:0;padding-right:0;border:0;margin-bottom:9px;} .three-card-blocks .block-content li a { color: #007bff; } .three-card-blocks .block-content li a:hover { color: #000000; } /* 2 blocks */ /*---------------------------------------------------*/ .two-square-card-blocks .blocks{width:48%;margin-right:4%;} .two-square-card-blocks .blocks:nth-child(2n+2){margin-right:0;} .two-square-card-blocks a{display:block;color:#000000;} .two-square-card-blocks .block-img{height:189px;width:100%;} .two-square-card-blocks .block-content{width:100%;padding:30px 26px 31px 26px;} .two-square-card-blocks .block-content ul{display:block;margin:-6px 0 0 0;} .two-square-card-blocks .block-content li{margin-right:0;padding-right:0;border:0;margin-bottom:9px;width:50%;} .two-square-card-blocks .block-content ul{display:flex;flex-wrap:wrap;} /* 4 blocks */ /*---------------------------------------------------*/ .four-card-blocks .blocks{width:22%;margin-right:4%;} .four-card-blocks .blocks:nth-child(4n+4){margin-right:0;} .four-card-blocks a{display:block;color:#000000;} .four-card-blocks .block-img{height:189px;width:100%;} .four-card-blocks .block-content{width:100%;padding:30px 26px 31px 26px;} .four-card-blocks .block-content ul{display:block;margin:-6px 0 0 0;} .four-card-blocks .block-content li{margin-right:0;padding-right:0;border:0;margin-bottom:9px;} /* 2 two-image-text-blocks */ /*---------------------------------------------------*/ .two-image-text-blocks .image-text-blocks{width:48%;margin-right:4%;} .two-image-text-blocks .image-text-blocks:nth-child(2n+2){margin-right:0;} .image-text-blocks a{color:#005EB8;} .two-image-text-blocks .image-text-blocks{background:#FFFFFF;box-shadow:none;border:0;overflow:hidden;position:relative;margin-bottom:59px;} .image-text-blocks .block-img{width:100%;border-radius:4px;height:242px;} .image-text-blocks .block-content{width:100%;padding:26px 0 31px 0;} .image-text-blocks .block-content h2{font-size:20px;font-weight:600;margin-bottom:10px;color:#000000;} .image-text-blocks .block-content p{color:#707070;font-size:15px;margin-bottom:17px;line-height:1.55;} /* 3 three-image-text-blocks */ /*---------------------------------------------------*/ .three-image-text-blocks .image-text-blocks{width:30.66%;margin-right:4%;} .three-image-text-blocks .image-text-blocks:nth-child(3n+3){margin-right:0;} /* 4 four-image-text-blocks */ /*---------------------------------------------------*/ .four-image-text-blocks .image-text-blocks{width:22%;margin-right:4%;} .four-image-text-blocks .image-text-blocks:nth-child(4n+4){margin-right:0;} .four-image-text-blocks .image-text-blocks .block-img{height:174px;} /* Contact block */ /*---------------------------------------------------*/ .contact-block{margin-right:auto;margin-left:auto;margin-top:34px;margin-bottom:34px;max-width:1132px;width:100%;border-radius:4px;position:relative;padding:34px 42px 41px;} .contact-block-left{width:52%;padding-right:20px;} .contact-block-right{max-width:209px;padding-left:20px;margin-left:auto;padding-top:7px;width:100%;} .contact-block-right .btn{max-width:100%;font-size:15px;padding:5px 10px;} .contact-block-right .btn.btn-border{margin-top:18px;} .contact-block h2{font-size:20px;color:#FFFFFF;font-weight:600;margin-bottom:10px;} .contact-block .contact-block-left p{margin-bottom:0;color:#FFFFFF;font-size:15px;} .news-container .contact-block-left{width:67%;} /* News details */ /*---------------------------------------------------*/ .news-details-content{padding-top:65px;} .news-details-content p{line-height:1.55;margin-bottom:31px;color:#000;} .news-details-content p strong{font-weight:600;font-size:14px;} .news-details-content img{width:100%;} .resource-listing{margin-bottom:46px;} .news-details{padding-bottom:0;} .news-banner-title{position:relative;padding:100px 0 64px 0;color:#fff;} .news-banner-title:after{content:"";position:absolute;left:0;width:100%;top:0;background:rgba(0,0,0,0.5);height:100%;} .news-banner-title h1{font-size:41px;font-weight:400;line-height:1.4;margin-bottom:7px;} .news-banner-title span,.news-banner-title p{display:block;font-size:20px;} .news-banner-title span{margin-bottom:23px;} .news-container{position:relative;margin-right:auto;margin-left:auto;max-width:741px;} .news-banner-title .news-container{position:relative;z-index:123;} .resources{background:#EDEDED;padding-bottom:99px;padding-top:70px;} .resources.page-id-5541 { padding-top:0; } .resources .news-container{max-width:762px;} .resources h2{color:#005EB8;margin-bottom:26px;} .resource-list{margin-bottom:34px;} .resource-img{width:32%;position:relative;} .resource-img img{position:absolute;right:10px;bottom:8px;} .resource-content{width:68%;padding-left:38px;padding-bottom:36px;} .resource-content h3{color:#000000;margin-bottom:2px;} .resource-content span{font-size:15px;display:block;color:#000000;margin-bottom:9px;} .resource-content p{color:#000000;margin-bottom:20px;} .resource-content a{color:#005EB8;} .resource-content a:hover{color:#000;} .social-share{border-bottom:1px solid #000;padding-bottom:24px;margin-bottom:37px;} .social-share a{color:#000;font-size:24px;margin-right:12px;} .social-share a:hover{color:#007bff;} #popper-popup .wpcf7-spinner{position:absolute;left:100px;bottom:-27px;} .news-container .social-share:last-of-type { margin-bottom: 0; } .news-details-content .news-container .social-share { display: flex; align-items: center; justify-content: flex-end; } .news-details-content .news-container .social-share h3 { color: #707070; font-size: 15px; line-height: 1.4; padding-right: 15px; margin-bottom: 0; } .news-details-content .dataTables_wrapper { overflow-x: auto; padding-top: 36px; } .news-details-content .dataTables_wrapper table { width: 100%; } .news-details-content table tbody tr:nth-child(odd) td { background-color: #EDEDED; } .news-details-content table tr th { color: #000000; font-size: 15px; line-height: 1.87; font-weight: 700; background-color: #c1c1c1; } .news-details-content table tr td {color: #000000; font-size: 15px; line-height: 1.87; font-weight:400; padding: 15px; min-width: 150px; } .news-details-content table tr td:last-child { color: #000000; font-size: 15px; line-height: 1.87; font-weight: 700; } /* 404 */ /*---------------------------------------------------*/ .error404{height:100%;color:#ffffff;} .error404 #top{display:none!important;} /*.error404 .site-header{display:none;}*/ .error404 .logo-wrap{max-width:250px;margin:auto auto 35px;} /*.error404 footer{display:none;}*/ .error404 #page{height:100%;} .error404 .page-content-section{height:100%;padding:140px 0;} .error404 .btn-primary:hover{background-color:#6c757d;border-color:#6c757d;opacity:1;color:#ffffff;} .banner-404 { margin-top: 158px; } .banner-404.bread-crumb { padding: 18px 0; } .banner-404.bread-crumb h1 { font-size: 41px; line-height: 1.5; color: #FFFFFF; font-weight: 400;text-align: center; margin: 0 0 25px; } .banner-404.bread-crumb p { font-size: 20px; line-height: 1.3; color: #FFFFFF; font-weight: 400; text-align: center; max-width: 100%; } .banner-404.bread-crumb .wrap { padding: 110px 0 157px; } .banner-404.bread-crumb + .quick-links { margin-top: -100px; padding-bottom: 40px; } .banner-404.bread-crumb a { line-height: 2.8; } /* Custom Popup */ .popup-main { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; z-index: 99; } .popup-overlay { position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: rgb(0 0 0 / 60%); } .popup-img { position: relative; z-index: 1; } /* Blog main content and comment content -------------------------------------------------------------- */ .entry-content .item{margin-bottom:50px;} .entry-content .item .title{font-size:30px;margin-bottom:5px;} .entry-content .item .meta-box{margin-bottom:25px;} .entry-content .item .meta-box > div{display:inline-block;vertical-align:middle;margin-right:15px;color:#999;font-size:14px;} .entry-content .item .meta-box .post-category a{display:inline-block;vertical-align:middle;} .entry-content .item .img-blk{margin-bottom:20px;} .page-numbers{padding-left:0;} /* paginiation text color */ .page-numbers .page-numbers,.page-numbers .page-numbers.next:hover,.page-numbers .page-numbers.prev:hover,.page-numbers .page-numbers.next,.page-numbers .page-numbers.prev{color:#999;border-color:#999;} .page-numbers li{list-style:none;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;} .page-numbers .page-numbers{border:1px solid;width:auto;padding:3px 15px;display:block;} /* paginiation hover and selected color */ .page-numbers .page-numbers:hover,.page-numbers .page-numbers.current{background:#4ecfcc;color:#fff;border-color:#4ecfcc;} .page-numbers .page-numbers.next:hover,.page-numbers .page-numbers.prev:hover,.page-numbers .page-numbers.next,.page-numbers .page-numbers.prev{border:0;background:none;} .page-numbers .page-numbers.prev{padding-left:0;} .bread-crumb{padding-bottom:3px;} /* Single image attachment view -------------------------------------------------------------- */ .article.attachment{overflow:hidden;} .image-attachment div.attachment{text-align:center;} .image-attachment div.attachment p{text-align:center;} .image-attachment div.attachment img{display:block;height:auto;margin:0 auto;max-width:100%;} .image-attachment .entry-caption{margin-top:8px;} /* contact/callout Block -------------------------------------------------------------- */ .contact-block.small-block{max-width:447px;} .contact-block.small-block .contact-block-left{width:100%;padding-right:0;} .contact-block.small-block .contact-block-right{max-width:100%;padding-left:0;margin-left:0;padding-top:27px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} .contact-block.small-block .contact-block-right .btn{max-width:100%;font-size:13px;padding:5px 5px;margin:0 0px;display:block;width:48%;} .contact-block.medium-block{max-width:741px;} .contact-block.medium-block .contact-block-left{width:63%;} .contact-callout-block .contact-block{margin-left:0;} .callout-block{background-color:#005EB8;background-blend-mode:multiply;padding:48px 32px 47px;margin-bottom:43px;} .callout-block h2{font-size:20px;color:#FFFFFF;font-weight:600;margin-bottom:10px;} .callout-block p{margin-bottom:25px;color:#FFFFFF;font-size:15px;} .callout-block.small-block{max-width:347px;} .callout-block.large-block{max-width:741px;} /* Content Promo Block -------------------------------------------------------------- */ .content-promo-img{width:50%;} .content-promo-content{width:50%;padding:57px 41px;} .content-promo-content h2{font-size:20px;color:#FFFFFF;font-weight:600;margin-bottom:10px;} .content-promo-content p{margin-bottom:25px;color:#FFFFFF;font-size:15px;} .content-promo{margin-bottom:49px;background-position:right center;background-repeat:no-repeat;background-size:cover;} .content-promo.medium-block{ max-width:839px; margin: 0 auto; } .content-promo.small-block{max-width:545px;} /* page banner slider Block -------------------------------------------------------------- */ .page-banner-slider{max-width:490px;overflow:hidden;margin-bottom:24px;} .page-banner-slider .slide-img{height:309px;} .page-banner-slider .slide-img,.page-banner-slider .slide-content{width:100%;} .page-banner-slider .slide-content{padding:28px 20px 37px;} .page-banner-slider .slide-content p{font-size:15px;} .page-banner-slider .slide-content h3{font-size:18px;} .page-banner-slider .slide-content .btn{font-size:15px;max-width:147px;} .page-banner-slider .owl-dots{bottom:204px;} .page-banner-slider .owl-nav .owl-next,.page-banner-slider .owl-nav .owl-prev{margin-top:-84px;} .page-banner-slider.no-content .owl-nav .owl-next,.page-banner-slider.no-content .owl-nav .owl-prev{margin-top:0;} .page-banner-slider.no-content .owl-dots{bottom:21px;} .resources-block .block-img{position:relative;} .resources-block .block-img img{position:absolute;right:16px;bottom:13px;} /* Contact form Block -------------------------------------------------------------- */ .contact-form-block{background-repeat:no-repeat;background-size:cover;max-width:1134px;margin:65px auto;padding-top:55px;padding-bottom:22px;} .contact-form-block.with-bg .form-field,.contact-form-block.with-bg h2,.contact-form-block.with-bg p{color:#fff;} .form-field{width:50%;padding:0 21px;margin-bottom:23px;} .form-field.market-field input[type="text"]:first-child{margin-bottom:23px;} .contact-form-area{padding:0 80px;margin:61px -21px;} .contact-form-area input[type="submit"]{margin:20px auto 0;display:table;max-width:188px;} .contact-form-block h2{font-size:20px;} .contact-form-block p,.contact-form-block h2{text-align:center;margin-bottom:5px;} .form-field.d-flex.radio-box{margin:5px 0;} .form-field.d-flex.radio-box p{margin-right:36px;} .radio-field label{margin-left:6px;margin-right:22px;} .form-field textarea{height:91px;} .contact-form-area form { margin: 0 -12px; display: flex; flex-wrap: wrap; align-items: flex-start; } .contact-form-area form .hs-form-field{flex: 0 0 50%; max-width: 50%; padding: 0 12px;margin-bottom:16px;} .contact-form-area form .hs-form-field input{min-height:37px;} .contact-form-area form .hs-form-field label{font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; width: 100%; margin-bottom: 5px;} .contact-form-area form .hs-form-field.hs_company{max-width:100%;flex:0 0 100%;} .contact-form-area form .hs_submit{text-align: center; flex: 0 0 100%; max-width: 100%; padding: 0 12px; margin: 10px 0;} .contact-form-area form .hs_submit input[type="submit"]{min-width: 192px; max-width: 192px; margin: auto;} .with-bg .contact-form-area form .hs-form-field label{color:#FFF;} .with-bg .hbspt-form .submitted-message{color:#FFF;} /* Cable Assembly Block -------------------------------------------------------------- */ .step-circle{border:2px solid #005EB8;width:90px;height:90px;border-radius:45px;text-align:center;line-height:80px;background:#fff; overflow: hidden; } .round-pro-img .step-circle img { width: 100%; object-fit: cover; height: 100%; } .cable-assembly-block{max-width:498px;padding:60px 42px;margin-top:20px;margin-bottom:20px;border:1px solid #BABABA;border-radius:2px;box-shadow:7px 7px 14px rgb(0 0 0 / 16%);margin-left:20px;} .cable-assembly-block h2{font-size:20px;color:#000000;font-weight:600;margin-bottom:6px;text-align:center;line-height:1.4;} .cable-assembly-block p{color:#000000;text-align:center;margin-bottom:29px;} .step-content{padding:10px 0 0 0;} .step{position:relative;} .step:last-child:after{display:none;} .step:after{content:"";height:2px;background-color:#005EB8;width:100%;right:-88px;position:absolute;top:50%;transform:translateY(-50%);margin-top:-13px;z-index:-1;} .step span{display:block;text-align:center;color:#000;font-size:14px;margin-top:7px;} .step-content form label{font-size:15px;display:block;line-height:1.9;color:#000;margin-bottom:3px;} .step.active .step-circle{border:2px solid #005EB8;background:#005EB8;} .step.active .step-circle path{fill:#fff;} .step.active .step-circle #Path_140{fill:none;} .form-checkbox{margin:15px 0;} input[type="checkbox"] + label{font-size:15px;font-weight:700;color:#000;display:inline-block;vertical-align:text-top;margin-bottom:0;margin-left:11px;margin-top:-4px;} .cable-assembly-step{margin-bottom:30px;justify-content:space-between;} .half-width{width:50%;padding-right:13px;} .half-width:last-child{padding-left:13px;padding-right:0;} .half-width select{width:100%;height:34px;margin-bottom:13px;} .step-content input[type="submit"]{margin:16px auto 0;max-width:192px;display:table;} .selections-assembly{max-width:779px;padding:30px 20px;} .selections-assembly h2{color:#005EB8;font-size:30px;border-bottom:1px solid #707070;padding-bottom:10px;margin-bottom:20px;} .selections-assembly h3{font-size:20px;color:#000000;} .selections-assembly .cable-assembly-step{max-width:390px;margin:0 auto;} .selections-assembly .step-circle{border:2px solid #BABABA;} .selections-assembly .step:after{background-color:#BABABA;} .step-content-data{padding:0 30px;} .connector-search-results h2{color:#005EB8;font-size:30px;padding-bottom:10px;margin-bottom:40px;} .connector-search-results{background:#F9F9F9;height:100vh;padding:45px 20px;} .connector-search-results tr th{background:#f9f9f9;} .connector-search-results tr th:first-child,.connector-search-results tr th:nth-child(2),.connector-search-results tr th:nth-child(3),.connector-search-results tr td:first-child,.connector-search-results tr td:nth-child(2),.connector-search-results tr td:nth-child(3){text-align:left;} .connector-search-results tr th{color:#000;font-weight:700;text-align:center;padding-left:10px;padding-bottom:20px;font-size:15px;line-height:1.86;} .connector-search-results tr td{padding:24px 10px;font-size:15px;color:#000000;text-align:center;} .connector-search-results tr td p{margin-bottom:0;font-size:15px;color:#000;max-width:322px;line-height:1.22;} .connector-search-results tr{background:#fff;} .connector-search-results tr:nth-child(even){background-color:#EDEDED;} .connector-search-results table{width:100%;} .pagination-container .pagination{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;align-items:center;margin:60px 0;} .pagination-container .pagination>li{} .pagination-container .pagination>li>a,.pagination-container .pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#000000;text-decoration:none;background-color:#F9F9F9;font-size:20px;font-weight:600;} .pagination-container .pagination .prev a{background:url(../images/prev-arrow.svg) no-repeat;height:38px;width:53px;margin-left:0;padding:0;} .pagination-container .pagination .next a{background:url(../images/next-arrow.svg) no-repeat;height:38px;width:53px;margin-left:0;padding:0;} .pagination-container .pagination .next a:hover,.pagination-container .pagination .prev a:hover{opacity:0.7;} .pagination-container .pagination>li>span{position:relative;} .pagination-container .pagination>li>span:after,.pagination-container .pagination>li>a:hover:after{height:4px;width:21px;background:#000;content:"";position:absolute;bottom:0;left:50%;margin:0 auto;transform:translateX(-50%);} .step-content form select{width:100%;height:34px;margin-bottom:13px;} .form-input-box{width:62%;} .form-radio-box-inner{margin-left:10px;align-items:center;margin-top:38px;} .form-radio input[type="radio"]{margin-right:9px;} .form-radio label{margin-bottom:0;margin-top:-5px;font-size:15px;color:#000;margin-right:8px;} .form-radio-box{margin-bottom:18px;} .step-content input[type="submit"]{} /* Accordion ================================================== */ .acc{margin:21px auto;padding:0 30px;} .acc__card{position:relative;margin-bottom:1px;} .acc__card:nth-child(even) .acc__title{background:#F9F9F9;} .acc__title{background:#EDEDED;color:#212121;cursor:pointer;display:block;padding:1.268em 1.5em;position:relative;font-size:14px;color:#000;font-weight:700;text-align:left;} .acc__title a{z-index:123;position:absolute;right:79px;top:15px;} /* Show the tooltip on hover */ .acc__title a:hover .special-text__tooltip{visibility:visible;opacity:1;} .acc__title > span{max-width:125px;display:inline-block;width:100%;} .acc__title strong{font-size:15px;color:#005EB8;} .acc__title a .special-text__tooltip{font-size:13px;position:absolute;font-weight:400;width:100%;left:-25px;bottom:100%;margin-bottom:6px;padding:2px 30px 2px 10px;background:#fff;border:1px solid #000000;color:#000000; /* Hide the tooltip by default */visibility:hidden;opacity:0; /* Prettify */text-align:left;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-delay:initial;-moz-transition-delay:initial;transition-delay:initial; /* The above are Bourbon mixins equivalent to the following: -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; */} /* The bordered part of the triangle */ .special-text__tooltip::before,.special-text__tooltip::after{content:"";position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;top:100%;left:50%;margin-left:-2px;} .special-text__tooltip::before{border-top:10px solid #707070;margin-top:0px;} /* The white fill of the triangle */ .special-text__tooltip::after{border-top:10px solid white;margin-top:-2px;z-index:1;} .acc__title::after{font-family:'Open Sans';position:absolute;right:24px;content:"+";top:3px;font-size:32px;color:#005EB8;font-weight:700;} .acc__title.active::after{content:"-";font-size:62px;font-weight:400;top:-24px;} .acc__panel{background:#F7F7F7;color:#000000;display:none;margin:0;padding:0 22px;text-align:left;} .acc__panel table{width:100%;} .acc__panel table tr{border-bottom:1px solid #707070;} .acc__panel table tr td{padding:4px 0;} .acc__panel table tr td:first-child{max-width:72px;} .acc__panel table tr:last-child{border:0;} .selections-assembly ul{list-style:none;display:flex;flex-wrap:wrap;margin-top:26px;padding:0 30px 19px 55px;} .selections-assembly ul li{margin-right:20px;color:#000;font-size:15px;} .selections-assembly ul li:last-child{margin-left:auto;margin-right:0;width:192px;} .selections-assembly ul li:last-child a.btn{max-width:191px;} .build-drawing-btn{padding:23px 30px;border-top:1px solid #707070} .build-drawing-btn a.btn{max-width:192px;margin-right:10px;} .build-drawing-btn a.btn:last-child{margin-right:0;margin-left:auto;float:right;} .request-a-quote-callout-form{max-width:575px;padding:40px 42px 60px;margin-top:20px;margin-bottom:20px;border:1px solid #BABABA;border-radius:2px;box-shadow:7px 7px 14px rgb(0 0 0 / 16%);margin-left:20px;} .request-a-quote-callout-form label{color:#000000;font-size:15px;} .request-a-quote-callout-form h2{font-size:20px;color:#000000;font-weight:600;margin-bottom:10px;} .request-a-quote-callout-form p{margin-bottom:40px;color:#000;} .request-a-quote-callout-form input{margin-bottom:15px;} .request-a-quote-callout-form input[type="submit"]{margin:23px 0 0 0;display:block;max-width:100%;} .cart-edit{border-bottom:1px solid #707070;padding:0 0 40px;margin-bottom:63px;} .cart-edit .btn{max-width:192px;} .edit-cart a{color:#000000;} .cart-edit .quantity-input label,.cart-edit .quantity-input input{color:#000;font-weight:700;} .cart-edit .quantity-input input{border:1px solid #707070;border-radius:3px;padding-left:5px;padding-top:5px;padding-bottom:5px;margin-left:5px;width:83px;} .my-cart-assembly .acc{padding:0;} .my-cart-assembly .acc__title:after{display:none;} .my-cart-assembly .acc__title strong{margin-right:34px;} .selections-assembly.my-cart-assembly h2{padding-bottom: 24px} .add-new-assembly{max-width:192px;display:table;margin-left:auto;margin-top:-40px;margin-bottom:20px;} .quantity-input{font-size:14px;} .edit-cart a{margin-left:28px;font-size: 14px;} .edit-cart a img{vertical-align:middle;display:inline-block;margin-top:-5px;} .privacy-statement{max-width:575px;margin-left:20px;margin-top:26px;} .privacy-statement p{font-size:12px;color:#000000;} .privacy-statement p strong{display:block;} /* Footer Css Start -----------------------------------------------------*/ footer{clear:both;padding:57px 0 0;color:#000000;} footer a{color:#000000;font-size:14px;} footer a:hover{color:#005EB8;} footer h3{font-size:15px;color:#000000;font-weight:600;margin-top:-3px;margin-bottom:16px;} footer h4{color:#000000;font-size:20px;font-weight:400;margin-top:28px;margin-bottom:4px;} footer ul li{margin-bottom:8px;} footer ul li a{line-height:1.6;display:table;} footer li.current_page_item a{color:#005EB8;} footer .links{max-width:125px;margin-right:11px;width:100%;margin-top:-4px;} .contact-form{margin-top:-4px;max-width:350px;margin-left:auto;width:100%;} .contact-form .wpcf7{margin-top:22px;} .contact-form input[type="submit"]{margin-top:-7px;} .footer-logo{margin-right:51px;width:143px;} .footer-logo img{width:100%;} footer ul{padding-left:0;list-style:none;} .address-info{background:#EDEDED;padding:33px 0 23px 0;margin-top:40px;} .address-info p{margin-bottom:10px;font-size:14px;} .address{font-size:14px;color:#000000;max-width:222px;width:100%;} .address:first-child{margin-left:194px;} .social a{font-size:24px;margin-right:12px;} .social a:hover{color:#007bff;} .address:nth-child(2){margin-right:4%;} .copyright{background:#3E3E3E;padding:35px 0 41px 0;} .copyright p{color:#fff;margin-bottom:0;} footer .contact-form .hbspt-form .fieldset:last-of-type .hs-input { width: 100%; } /* Blog/Whitepaper Css Start -----------------------------------------------------*/ /*#page { overflow: hidden; }*/ .blog-video-content { padding: 14px 0 50px; } .blog-container { position: relative; margin-right: auto; margin-left: auto; max-width: 741px; } .blog-video-content .blog-container { border-bottom: 1px solid #707070; padding-bottom: 50px; } .news-details-content h1 { color: #005EB8; font-size: 41px; line-height: 1.3; font-weight: 400; } .news-details-content p { color: #000000; font-size: 15px; line-height: 1.54; font-weight: 400; } .blog-video-content .video-block { margin: 45px 0; position: relative; padding-bottom: 56.16%; } .blog-video-content .video-block iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .news-details + .blog-video-content .video-block { margin-top: 0; } .news-details.bottom-pad-0 { padding-bottom: 0; } .blog-video-content h2 { color: #000000; font-size: 14px; line-height: 1.65; font-weight: 600; } .blog-video-content ul { padding: 0; justify-content: space-between; } .blog-video-content ul li{ color: #000000; font-size: 15px; line-height: 2.21; font-weight: 400; position: relative; width: 44%; padding-left: 10px; display: block; } .blog-video-content ul li:before { content: ""; display: inline-block; position: absolute; height: 4px; width: 4px; border-radius: 50%; background-color: #000000; left: 0; top: 15px; } .blog-video-content .social-block { display: flex; align-items: center; justify-content: flex-end; } .blog-video-content .social-block h3 { color: #707070; font-size: 15px; line-height: 1.4; padding-right: 15px; margin-bottom: 0; } .blog-video-content .social-block a { color: #000000; font-size: 24px; margin-right: 14px; } .blog-video-content .social-block a:hover { color: #007bff; } /* Two column slider Css Start -----------------------------------------------------*/ .bg-cover { background-size: cover; background-repeat: no-repeat; background-position: center; } .two-column-slider { padding: 0 0 60px; } .two-column-slider .container { padding: 0; position: relative; margin-right: auto; margin-left: auto; max-width: 741px; overflow: hidden; } .two-column-slider h2 { color: #005EB8; font-size: 30px; line-height: 1.5; margin-bottom: 50px; } .two-column-slider .image-block { padding-bottom: 65.88%; } .two-column-slider .content h3 { color: #000000; font-size: 20px; line-height: 1.5; font-weight: 600; margin-bottom: 10px; } .two-column-slider .content { padding: 30px; border: 1px solid #EDEDED; border-radius: 4px; } .two-column-slider .content p { color: #707070; font-size: 15px; line-height: 1.5; font-weight: 400; margin-bottom: 0; padding-bottom: 10px; } .two-column-slider .slider-main { padding: 0 79px; } .two-column-slider .slider-main .items { box-shadow: 7px 7px 14px rgba(0, 0, 0, 0.16); margin: 21px; } /* Three column slider Css Start -----------------------------------------------------*/ .three-column-slider { padding: 0 0 60px; } .three-column-slider .owl-carousel { padding: 0 100px; } .three-column-slider h2 { color: #005EB8; font-size: 30px; line-height: 1.5; margin-bottom: 50px; text-align: center; } .three-column-slider .content { padding: 30px; border-radius: 4px; } .three-column-slider .content h3 { color: #000000; font-size: 20px; line-height: 1.5; font-weight: 600; margin-bottom: 0; padding-bottom: 10px; } .three-column-slider .content p { color: #707070; font-size: 15px; line-height: 1.5; font-weight: 400; margin-bottom: 0; padding-bottom: 15px; } .three-column-slider .owl-item > div { border: 1px solid #EDEDED; border-radius: 4px; overflow: hidden; box-shadow: 7px 7px 14px rgba(0, 0, 0, 0.16); } .three-column-slider .owl-carousel .owl-stage-outer { padding-bottom: 10px; } .three-column-slider .owl-carousel .owl-item img { object-fit: cover; max-height: 174px; } .related-items-main .content { padding: 30px 0; } .related-items-main .owl-item > div { box-shadow: none; border: 0; } .related-items-main .owl-prev { top: 80px; transform: none; } .related-items-main .owl-next { top: 116px; transform: translate(0,0) rotate(180deg); } /* Blog/White papaer Css Start -----------------------------------------------------*/ .whitepaper-img-form { padding: 94px 0; } .whitepaper-img-form .container { padding: 0; max-width: 741px; } .whitepaper-img-form .main-cust { align-items: flex-start; } .whitepaper-img-form .image-block { width: calc(38.1% - 30px); margin: 10px 15px 15px 12px; padding-bottom: 46.7%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); } .whitepaper-img-form .form-block { width: 61.9%; padding-left: 20px; } .whitepaper-img-form .form-block h1 { color: #005EB8; font-size: 30px; line-height: 1.2; font-weight: 600; margin: 0; padding-bottom: 15px; } .whitepaper-img-form .form-block p { color: #000000; } .whitepaper-img-form .form-block .bottom { border-top: 1px solid #707070; padding-top: 15px; margin-top: 34px; } .whitepaper-img-form .form-block .bottom h2 { color: #000000; font-size: 20px; line-height: 1.4; font-weight: 600; margin: 0; padding-bottom: 15px; } .whitepaper-img-form .form-block .bottom form { display: flex; flex-wrap: wrap; margin: 0 -12px; } .whitepaper-img-form .form-block .bottom form .form-group { padding: 0 12px; margin-bottom: 10px; width: 50%; } .whitepaper-img-form .form-block .bottom form .btn-block, .whitepaper-img-form .form-block .bottom form .form-group.email { padding: 0 12px; margin-bottom: 10px; width: 100%; } .whitepaper-img-form .form-block .bottom form label { color: #000000; font-size: 15px; line-height: 1.94; display: block; margin: 0 0 2px 0; } .whitepaper-img-form .form-block .bottom form input[type="submit"] { color: #fff; background-color: #F78F13; border: 1px solid #F78F13; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; max-width: 162px; width: 100%; display: inline-block; font-size: 15px; transition: 0.3s all ease-in-out; outline: none; } .whitepaper-img-form .form-block .bottom form input[type="submit"]:hover { color: #F78F13; text-decoration: none; background-color: transparent; } .whitepaper-img-form .form-block .bottom form .btn-block { margin-top: 20px; } .download-pdf { color: #fff; background-color: #F78F13; border: 1px solid #F78F13; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; max-width: 162px; width: 100%; display: inline-block; font-size: 15px; transition: 0.3s all ease-in-out; text-decoration: none; margin-top: 22px; outline: none; } .download-pdf:hover { color: #F78F13; text-decoration: none; background-color: transparent; } /*-------About auther css-------*/ .about-author-main { position: relative; margin-bottom: 30px; } .about-author-main .container { max-width: 741px; padding: 0 0 30px; border-bottom: 1px solid #707070; } .about-author-main .auther-photo { width: 106px; height: 130px; border-radius: 4px; } .about-author-main .auther-photo img { width: 100%; height: 100%; object-fit: cover; } .about-author-main .author-content { width: calc(100% - 130px); padding-left: 40px; } .about-author-main .author-content h2 { color: #005EB8; font-size: 20px; line-height: 1.4; font-family:'Open Sans'; font-weight: 600; padding-bottom: 15px; margin-bottom: 0; } .about-author-main .author-content .name { padding-bottom: 5px; } .about-author-main .author-content .name small { position: relative; font-size: 15px; line-height: 1.55; color: #707070; padding-right: 18px; font-family:'Open Sans'; font-weight: 600; display: inline-block; } .about-author-main .author-content .name small:not(:last-child):after { content: ""; display: inline-block; width: 2px; height: 15px; background-color: #707070; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; } .about-author-main .author-content p { font-size: 15px; line-height: 1.55; color: #707070; padding-right: 18px; font-family:'Open Sans'; font-weight: 400; display: block; padding-bottom: 12px; margin: 0; } .about-author-main .author-content p a { color: #005EB8; transition: 0.3s all ease-in-out; } .about-author-main .author-content p a:hover { opacity: 0.5; } .about-author-main .author-content .social a { font-size: 23px; margin-right: 14px; color: #000000; transition: 0.3s all ease-in-out; } .about-author-main .author-content .social a:hover { color: #007bff; } about-author-main .auther-photo img { height: 100%; width: 100%; object-fit: cover; } /* Bulkcable three tab block -----------------------------------------------------*/ .bulkcable-three-tab .container { max-width: 1173px; border-radius: 4px; padding: 20px; } .bulkcable-three-tab .container > div { border-radius: 4px; overflow: hidden; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .bulkcable-three-tab .list .box { position: relative; background-color: #005EB8; width: 33.33%; padding: 41px 45px; } .bulkcable-three-tab .list .box:after { content: ""; display: block; width: 1px; background-color: rgba(255, 255, 255, 0.3); height: calc(100% - 90px); position: absolute; top: 50%; transform: translateY(-50%); right: 1px; } .bulkcable-three-tab .box .img-block small { color: #FFFFFF; font-size: 20px; line-height: 1.4; font-weight: 600; padding-left: 38px; } .bulkcable-three-tab .box p { color: #FFFFFF; font-size: 15px; line-height: 1.55; font-weight: 400; } .bulkcable-three-tab .list .box .img-block { align-items: center; padding-bottom: 15px; min-height: 102px; } .bulkcable-three-tab .list .box .img-block svg, .bulkcable-three-tab .list .box .img-block > img { max-width: 82px; } .bulkcable-three-tab .list .box.active { background-color: #FFFFFF; border-radius: 4px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); overflow: hidden; } .bulkcable-three-tab .list .box.active p, .bulkcable-three-tab .list .box.active .img-block small { color: #005EB8; } .bulkcable-three-tab .list .box.active .img-block svg path { fill: #005EB8; } /* Calculator Css Start -----------------------------------------------------*/ .calculator-main { padding: 52px 0 82px; } .calculator-main .container { max-width: 1170px; } .calculator-main h1 { color: #005EB8; font-size: 30px; line-height: 1.2; font-weight: 600; margin-bottom: 38px; } .calculator-main .calculator-form-main { width: 74.3%; padding: 43px 50px 42px 50px; position: relative; border-radius: 4px; } .calculator-main .calculator-form-main form { display: flex; flex-wrap: wrap; margin: 0 -25px; } .calculator-main .calculator-form-main form .form-group > label { display: block; width: 100%; margin-bottom: 3px; color: #FFFFFF; font-size: 15px; line-height: 1.95; } .calculator-main .calculator-form-main form .form-group { width: 50%; margin-bottom: 21px; padding: 0 25px; position: relative; } .calculator-main .calculator-form-main form .form-group div#loader { position: absolute; top: 0; left: -15px; max-width: 30px; } .calculator-main .calculator-form-main form .form-group div#loader img { max-width: 100%; } .calculator-main .calculator-form-main form .form-group .CHANGEME-filter-result > span { color: #FFFFFF; font-weight: 700; font-size: 16px; display: block; padding-top: 5px; } .calculator-loader { width: 100%; text-align: center; } .calculator-main .calculator-form-main form .form-group.or:after { content: "OR"; display: inline-block; width: 15px; position: absolute; color: #FFFFFF; font-size: 17px; line-height: 1.6; font-family: 'Open Sans'; font-weight: bold; right: -2px; top: 35px; } .calculator-main .calculator-form-main form .form-group input[type="text"], .calculator-main .calculator-form-main form .form-group input[type="email"], .calculator-main .calculator-form-main form .form-group input[type="number"] { width: 100%; margin-bottom: 2px; color:#707070; font-size: 15px; line-height: 1.2; border: 1px solid #707070; padding: 7px 12px; border-radius: 3px; outline: none; } select { width: 100%; margin-bottom: 2px; color:#707070; font-size: 15px; line-height: 1.2; border: 1px solid #707070; padding: 5px 12px; border-radius: 3px; outline: none; } .calculator-main .calculator-form-main form .btn-block { padding: 0 25px; width: 100%; text-align: right; } .calculator-main .calculator-form-main form .btn-block .submit { color: #fff; background-color: #F78F13; border: 1px solid #F78F13; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; min-width: 162px; display: inline-block; font-size: 15px; } .calculator-main .calculator-form-main form .btn-block .submit:hover { color: #F78F13; text-decoration: none; background-color: transparent; } .calculator-main .calculator-form-main form .btn-block .reset { color: #fff; background-color: transparent; border: 1px solid #FFFFFF; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; min-width: 162px; display: inline-block; font-size: 15px; margin-right: 14px; } .calculator-main .calculator-form-main form .btn-block .reset:hover { color: #F78F13; text-decoration: none; background-color: transparent; } .calculator-main .btn-block { width: 25.7%; padding-left: 39px; } .calculator-main .btn-block .blue-btn { color: #fff; background-color: #005EB8; border: 1px solid #005EB8; border-radius: 3px; padding: 11px 10px; text-align: center; text-transform: capitalize; width: 100%; display: inline-block; font-size: 14px; line-height: 1.36; margin-bottom: 20px; } .calculator-main .btn-block .blue-btn:hover { background-color: #FFFFFF; border-color: #005EB8; color: #005EB8; } .calculator-main .btn-block .social-list { justify-content: flex-end; } .calculator-main .btn-block .social-list a { color: #000000; font-size: 14px; line-height: 1.65; margin-left: 28px; } .calculator-main .btn-block .social-list a i { font-size: 16px; margin-left: 5px; } .calculator-main .btn-block .social-list a:hover { color: #007bff; } .calculator-results { padding: 50px 0 20px; width: 76.2%; } .calculator-results h2 { width: 100%; display: block; color: #005EB8; font-size: 20px; line-height: 1.4; margin-bottom: 25px; } .calculator-hubspot h2 { width: 100%; display: block; color: #005EB8; font-size: 20px; line-height: 1.4; margin-bottom: 10px; } .calculator-hubspot p { font-size: 13px; line-height: 1.78; color: #000000; width: 76.2%; margin-left: 0; margin-right: auto; } .form-andbtn-block { width: 100%; } .calculator-results .table-responsive { width: 46%; } .calculator-results .table-responsive:nth-of-type(2) { margin-left: 53px; } .calculator-results .table-responsive tr:nth-child(odd) td { background-color: #EDEDED; border-bottom: 3px solid #FFFFFF; } .calculator-results .table-responsive h3 { font-size: 15px; line-height: 1.94; color: #000000; font-weight: bold; margin-bottom: 7px; } .calculator-results .table-responsive tr:nth-child(even) td { background-color: rgba(237, 237, 237, 0.32); } .calculator-results .table-responsive tr td { padding: 17px 15px 15px 20px; } .calculator-results .table-responsive table { width: 100%; } .calculator-results .table-responsive tr td h4 { color: #000000; font-size: 14px; line-height: 1.45; font-weight: bold; display: inline-block; vertical-align: middle; margin: 0; } .calculator-results .table-responsive:nth-of-type(2) tr:nth-child(4) td { background-color: transparent; } .calculator-results .table-responsive tr td .img { width: 100%; height: 165px; background-color: rgba(224, 224, 224, 0.51); display: flex; align-items: center; } .calculator-results .table-responsive tr td .img img { width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; } .calculator-results .table-responsive tr td .img.white-bg { background-color: #FFFFFF; } /*IE Support CSS */ @media all and (-ms-high-contrast:none){ .calculator-results .table-responsive tr td .img img { width: 209px; } } .calculator-results .table-responsive tr td span { color: #000000; font-size: 14px; line-height: 1.2; font-weight: normal; display: inline-block; vertical-align: middle; margin-left: auto; } .calculator-results .table-responsive tr td > div { align-items: center; } .calculator-results .table-responsive:nth-of-type(2) tr:nth-child(4) td { padding: 0; } .calculator-results p { width: 100%; font-size: 13px; line-height: 1.78; color: #000000; } .calculator-results p:first-of-type { margin-top: 45px; } /* Product family Css Start -----------------------------------------------------*/ .product-family-cust .specifiations-block { display: none; } .product-family-cust { padding: 50px 0; width: 100%; flex-wrap: wrap; } .product-family-cust > p { text-align: center; font-size: 20px; line-height: 1.1; color: #000000; font-weight: 600; margin-bottom: 27px; } .product-family-cust ul.tabs { border-top: 1px solid #6FA1D1; border-radius: 3px; border-bottom: 1px solid #6FA1D1; display: inline-flex; width: auto; overflow: hidden; margin: 0; } .product-family-cust .maintabs-wrap { justify-content: center; display: flex; flex-wrap: wrap; margin-bottom: -60px; } .product-family-cust ul.tabs li { font-size: 18px; line-height: 1.1; font-weight: normal; padding: 52px; background-color: #005EB8; color: #FFFFFF; position: relative; border-right: 0; } .product-family-cust ul.tabs li.current { background-color: #FFFFFF; color: #005EB8; } .product-family-cust ul.tabs li:last-child { border-right: 1px solid #6FA1D1; } .product-family-cust ul.tabs li:first-child { border-left: 1px solid #6FA1D1; } .product-family-cust ul.tabs li:not(:last-child):after { content: ""; display: block; width: 1px; background-color: rgba(255, 255, 255, 0.3); position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 47%; } .product-family-cust ul.tabs li.current:after { display: none; } .product-family-cust ul.tabs li.current { border-right: 1px solid #6FA1D1; } .product-family-cust .tab-content .bg-image { width: 36.2%; max-width: none; background-color: transparent; height: 100%; position: relative; } .product-family-cust .tab-content .bg-image > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product-family-cust .tab-content .bg-image.contain-bg { background-size: contain; } .product-family-cust .tab-content .main-top { height: 100%; } .product-family-cust .block-content h3 { line-height: 1.4; color: #000000; font-size: 20px; font-weight: 600; margin-bottom: 10px; } .product-family-cust .block-content li { margin-right: 8px; } .product-family-cust .standard-block .title-block { text-align: center; } .standard-block .title-block h2{font-size: 41px; line-height: 1.4; color: #005EB8; font-weight: 600; margin-bottom: 10px; } .product-family-cust .standard-block .title-block p{ max-width: 880px; width: 100%; margin-left: auto; margin-right: auto; font-size: 15px; line-height: 1.4; color: #000000; font-weight: 400; margin-bottom: 62px; } .standard-block { background-color: rgba(237, 237, 237, 0.48); padding: 122px 0 60px; } .specifiations-block { padding: 90px 0; } .specifiations-block .container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; max-width: 1174px; } .specifiations-block .title-block h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 25px; } .specifiations-block .table-responsive table { width: 100%; } .specifiations-block .table-responsive table thead tr td { color: #000000; font-size: 15px; line-height: 1.4; font-weight: bold; } .specifiations-block .table-responsive table tr td { padding: 20px 25px; } .specifiations-block .table-responsive table tbody tr td { color: #000000; font-size: 15px; line-height: 1.3; font-weight: normal; } .specifiations-block .table-responsive table tbody tr:nth-child(odd) td { background-color: #EDEDED; } .table-responsive { overflow-x: auto; } .bulkcable-three-tab { position: relative; margin-bottom: 15px; z-index: 1; } .connector-tab-block .container-blog { position: relative; z-index: 1; padding-top: 28px; } .related-items-slider { background-color: #EDEDED; padding: 90px 0; } .related-items-slider .title h2 { color: #005EB8; font-size: 30px; line-height: 1.2; font-weight: 600; } .related-items-slider .slider .img-block { display: flex; align-items: center; justify-content: flex-end; background-color: #FFFFFF; border-radius: 4px; overflow: hidden; margin-bottom: 32px; height: 174px; } .related-items-slider .slider .img-block img { max-width: 230px; } .related-items-slider .slider .content-block p { font-size: 15px; line-height: 1.5; color: #000000; margin: 0; padding-bottom: 10px; font-weight: 400; } .related-items-slider .slider .content-block strong { font-size: 15px; line-height: 1.5; color: #000000; margin: 0; padding-bottom: 20px; font-weight: bold; display: block; } .related-items-slider .slider { padding: 0 148px; } .related-items-slider .container { max-width: 1166px; } .related-items-slider .slider .owl-nav .owl-prev { top: 95px; } .related-items-slider .slider .owl-nav .owl-next { top: 95px; } .standard-block .block-img { width: 36.2%; } /* Thank you Css Start -----------------------------------------------------*/ .thankyou-main { padding: 123px 0; } .thankyou-main .container { max-width: 626px; text-align: center; } .thankyou-main h1 { font-size: 30px; line-height: 1.21; color: #005EB8; font-weight: 600; margin-bottom: 25px; padding-bottom: 0; } .thankyou-main p { font-size: 15px; line-height: 1.8; color: #005EB8; font-weight: 400; margin-bottom: 0; padding-bottom: 15px; color: #000000; } /* Connectors & Product finder landing Css Start -----------------------------------------------------*/ .bulkcable-three-tab .list .box a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .connector-tab-block { padding: 80px 0; position: relative; } .connector-tab-block:after { content: ""; display: block; width: 100%; height: 550px; background-image: url(../images/pattren-bg-connectors.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; bottom: 0; z-index: -1; } .tabs-contents-main { padding: 170px 0 80px; background-color: #EDEDED; border-top: 1px solid #BABABA; border-bottom: 1px solid #BABABA; box-shadow: 7px 7px 14px rgba(0, 0, 0, 0.16); margin-top: -160px; } .connector-tab-block { padding: 80px 0; } .tabs-contents-main h2 { text-align: center; color: #005EB8; font-size: 30px; line-height: 1.2; font-weight: 600; padding-bottom: 15px; margin-bottom: 0; } .tabs-contents-main p { text-align: center; color: #000000; font-size: 15px; line-height: 1.54; font-weight: 400; padding-bottom: 20px; margin-bottom: 0; } .tabs-contents-main p a { text-decoration: underline; color: #000000; } .tabs-contents-main p a:hover { color: #005EB8; } .tabs-contents-main .tab-content form { display: flex; flex-wrap: wrap; margin: 0 -22px } .tabs-contents-main .tab-content form .form-group { padding: 0 22px; width: 50%; margin: 10px 0; align-items: flex-end; } .tabs-contents-main .tab-content form .form-group.full { width: 100%; } .tabs-contents-main .tab-content .form-block { max-width: 544px; width: 100%; margin: 0 auto; } .tabs-contents-main .tab-content form .form-group select { border: 1px solid #707070; border-radius: 3px; padding: 1px 25px 1px 12px; color: #000000; font-size: 15px; font-weight: 400; line-height: 1.94; width: 100%; outline: none; background-image: url(../images/arrow-down-black.svg); background-size: 12px; background-position: calc(100% - 15px); background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; } .tabs-contents-main .tab-content form .form-group select::-ms-expand { display: none; } .tabs-contents-main .tab-content form .form-group input[type="text"], .tabs-contents-main .tab-content form .form-group input[type="number"] { border: 1px solid #707070; border-radius: 3px; padding: 1px 25px 1px 12px; color: #000000; font-size: 15px; font-weight: 400; line-height: 2; width: 100%; outline: none; } .tabs-contents-main .tab-content form .form-group select option { color: #000000; font-size: 15px; font-weight: 400; line-height: 1.94; } .tabs-contents-main .tab-content form .form-group label { display: block; margin-bottom: 10px; color: #000000; font-size: 15px; line-height: 1.54; font-weight: 400; } .tabs-contents-main .tab-content form .btn-group { text-align: center; width: 100%; margin-top: 25px; } .tabs-contents-main .tab-content form .btn-group input[type="submit"] { color: #fff; background-color: #F78F13; border: 1px solid #F78F13; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; max-width: 192px; width: 100%; display: inline-block; font-size: 15px; } .tabs-contents-main .tab-content form .btn-group input[type="submit"]:hover { color: #F78F13; text-decoration: none; background-color: transparent; } .tabs-contents-main .form-group.custom-radio { display: flex; } .tabs-contents-main .tab-content form .custom-radio input[type="radio"] { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; } .tabs-contents-main .form-group.custom-radio .block { position: relative; margin: 5px 20px 5px 0; } .tabs-contents-main .form-group.custom-radio .block label { display: block; color: #000000; font-size: 15px; line-height: 1.54; font-weight: 400; position: relative; margin-bottom: 0; padding-left: 22px; cursor: pointer; } .tabs-contents-main .form-group.custom-radio .block label:before { content: ""; display: inline-block; border: 1px solid #707070; border-radius: 50%; height: 14px; width: 14px; position: absolute; left: 0; top: 3px; background-color: #FFFFFF; } .tabs-contents-main .form-group.custom-radio .block label:after { content: ""; display: inline-block; background-color: #707070; border-radius: 50%; height: 8px; width: 8px; position: absolute; left: 3px; top: 6px; opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; } .tabs-contents-main .form-group.custom-radio input[type="radio"]:checked + label:after { opacity: 1; visibility: visible; } /* Bulkcable & Product result Css Start -----------------------------------------------------*/ .result-product-main { position: relative; min-height: 630px; } .result-product-main .left-filter { background-color: #EDEDED; padding: 50px 37px; max-width: 295px; width: 100%; position: absolute; left: 0; top: 0; height: 100%; } body.side-filter-open .result-product-main .left-filter { left: -100%; } .result-product-main .left-filter .title { margin-bottom: 31px; position: relative; } .result-product-main .left-filter .title > img { margin-right: 24px; } .result-product-main .left-filter .title small { font-weight: bold; color: #000000; font-size: 20px; line-height: 1.4; font-family:'Open Sans'; } .result-product-main .left-filter .title a { margin-left: auto; display: inline-block; width: 30px; text-align: right; position: absolute; width: 100%; left: 0; top: 0; } .result-product-main .left-filter .title a:hover { opacity: 0.3; } .result-product-main .left-filter .select-box { margin-bottom: 10px; } .result-product-main .left-filter .select-box label { display: block; margin-bottom: 5px; color: #000000; font-size: 15px; line-height: 1.54; font-weight: 400; } .result-product-main .left-filter .select-box select { border: 1px solid #707070; border-radius: 3px; padding: 1px 25px 1px 12px; color: #000000; font-size: 15px; font-weight: 400; line-height: 1.94; width: 100%; outline: none; background-image: url(../images/arrow-down-black.svg); background-size: 12px; background-position: calc(100% - 15px); background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; } .result-product-main .left-filter .select-box option { color: #000000; font-size: 15px; font-weight: 400; line-height: 1.94; } .result-product-main .left-filter input[type="text"], .result-product-main .left-filter input[type="number"] { border: 1px solid #707070; border-radius: 3px; padding: 1px 12px 1px 12px; color: #000000; font-size: 15px; font-weight: 400; line-height: 1.94; width: 100%; outline: none; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; } .result-product-main .left-filter .custom-radio{ width: 100%; margin: 10px 0; display: flex; } .result-product-main .left-filter .custom-radio .block { position: relative; margin: 5px 20px 5px 0; } .result-product-main .left-filter .custom-radio .block input[type="radio"] { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; } .result-product-main .left-filter .custom-radio .block label { display: block; color: #000000; font-size: 15px; line-height: 1.54; font-weight: 400; position: relative; margin-bottom: 0; padding-left: 22px; cursor: pointer; } .result-product-main .left-filter .custom-radio .block label:before { content: ""; display: inline-block; border: 1px solid #707070; border-radius: 50%; height: 14px; width: 14px; position: absolute; left: 0; top: 5px; background-color: #FFFFFF; } .result-product-main .left-filter .custom-radio .block label:after { content: ""; display: inline-block; background-color: #707070; border-radius: 50%; height: 8px; width: 8px; position: absolute; left: 3px; top: 8px; opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; } .result-product-main .left-filter .custom-radio .block input[type="radio"]:checked + label:after { opacity: 1; visibility: visible; } .result-product-main .left-filter .btn-group { text-align: center; width: 100%; margin-top: 25px; } .result-product-main .left-filter .btn-group input[type="submit"] { color: #fff; background-color: #F78F13; border: 1px solid #F78F13; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize;width: 100%; display: inline-block; font-size: 15px; } .result-product-main .left-filter .btn-group input[type="reset"]{ color: #fff; background-color: #005EB8; border: 1px solid #005EB8; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize;width: 100%; display: inline-block; font-size: 15px; } .result-product-main .left-filter .btn-group input[type="reset"]:hover { color: #005EB8; background-color: transparent; } .result-product-main .left-filter .btn-group input[type="reset"] { margin-top: 20px; } .result-product-main .left-filter .btn-group input[type="submit"]:hover { color: #F78F13; text-decoration: none; background-color: transparent; } .result-product-main .right-table-block { padding: 50px 51px 58px; width: calc(100% - 295px); margin-left: auto; } body.side-filter-open .right-table-block { width: 100%; } .result-product-main .right-table-block table { min-width: 1045px; table-layout: fixed; width: 100%; } .result-product-main .right-table-block > h2 { font-size: 20px; line-height: 1.4; font-weight: 600; color: #005EB8; margin-bottom: 22px; } .result-product-main .right-table-block table thead tr td { color: #000000; font-size: 15px; line-height: 1.4; font-weight: bold; text-align: center; padding: 10px; word-break: break-word; } .result-product-main .right-table-block table thead tr td:first-child { text-align: right; padding-right: 66px; width: 218px; } .result-product-main .right-table-block table thead tr td:nth-child(2) { text-align: left; width: 267px; padding-right: 15px; } .result-product-main .right-table-block table thead tr td:nth-child(3) { width: 111px; text-align: center; } .result-product-main .right-table-block table thead tr td:nth-child(4) { width: 114px; text-align: center; } .result-product-main .right-table-block table thead tr td:nth-child(5) { width: 127px; text-align: center; } .result-product-main .right-table-block table thead tr td:nth-child(6) { width: 91px; text-align: center; } .result-product-main .right-table-block table thead tr td:nth-child(7) { width: 89px; text-align: center; } .result-product-main .right-table-block table tbody tr td:nth-child(3), .result-product-main .right-table-block table tbody tr td:nth-child(4), .result-product-main .right-table-block table tbody tr td:nth-child(5), .result-product-main .right-table-block table tbody tr td:nth-child(6), .result-product-main .right-table-block table tbody tr td:nth-child(7), .result-product-main .right-table-block table tbody tr td:nth-child(8), .result-product-main .right-table-block table tbody tr td:nth-child(9) { text-align: center; } .result-product-main .right-table-block table tbody tr td { color: #000000; font-size: 15px; line-height: 1.4; font-weight: normal; } .result-product-main .right-table-block table tbody tr td a { color: #000000; font-size: 15px; line-height: 1.4; font-weight: normal; word-break: break-word; display: inline-block; } .result-product-main .right-table-block table tbody tr td img { width: 64px; display: inline-block; vertical-align: middle; } .result-product-main .right-table-block table tbody tr td span { width: calc(100% - 68px); display: inline-block; vertical-align: middle; text-align: left; padding-left: 22px; } .result-product-main .right-table-block table tbody tr:nth-child(odd) td { background-color: #EDEDED; } .result-product-main .right-table-block table tbody tr td { padding: 20px 15px 20px 15px; } .result-product-main .right-table-block .title { transition: 0.3s all ease-in-out; display: none;align-items: center;} body.side-filter-open .result-product-main .right-table-block .title { display: block; padding-bottom: 25px; position: relative; max-width: 200px; width: 100%; } .result-product-main .right-table-block .title img { margin-right: 24px; transform: rotate(180deg); } .result-product-main .right-table-block .title small { font-weight: bold; color: #000000; font-size: 20px; line-height: 1.4; font-family: 'Open Sans'; } .result-product-main .right-table-block .title a { margin-left: 25px; position: absolute; width: 100%; left: 0; top: 0; text-align: right; } .right-table-block .pagination-block { padding: 67px 0 33px; text-align: center; } .right-table-block #pagination li, .simple-pagination li { transition: 0.3s all ease-in-out; display: inline-block; margin: 0 5px } .right-table-block #pagination li a, .simple-pagination li a, .simple-pagination li span { font-size: 20px; line-height: 1.4; color: #000000; font-weight: 600; display: block; padding: 4px 6px; position: relative; } .right-table-block #pagination, .simple-pagination ul { display: flex; align-items: center; justify-content: center; } .simple-pagination li a:after, .simple-pagination li span:after { content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background-color: #FFFFFF; } .simple-pagination li span.current:after { background-color: #000000; } .simple-pagination li span.next:after, .simple-pagination li span.prev:after { display: none; } .simple-pagination ul { padding: 0; margin: 0; } .simple-pagination li { transition: 0.3s all ease-in-out; display: inline-block; margin: 0 5px; } .simple-pagination span.next, .simple-pagination span.prev, .simple-pagination a.next, .simple-pagination a.prev { border: 1px solid #707070; background-color: #000000; width: 53px; text-align: center; color: #FFFFFF; cursor: pointer; transition: 0.3s all ease-in-out; } .simple-pagination span.next:after, .simple-pagination span.prev:after, .simple-pagination a.next:after, .simple-pagination a.prev:after { display: none; } .right-table-block #pagination li.pegbtn a, .simple-pagination li.active a { border: 1px solid #707070; background-color: #000000; width: 53px; text-align: center; color: #FFFFFF; } .right-table-block #pagination li.pegbtn i { color: #FFFFFF; font-size: 20px; } .right-table-block #pagination li.pegbtn:hover { background-color: #FFFFFF; } .right-table-block #pagination li.pegbtn:hover i { color: #707070; } .right-table-block #pagination li a:after { content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background-color: #FFFFFF; } .right-table-block #pagination li.pegbtn a:after { background-color: transparent; } .right-table-block #pagination li.active a:after { background-color: #000000; } .result-product-main .right-table-block .contact-callout-block { padding: 0; } .result-product-main .right-table-block .contact-callout-block .contact-block-left { width: 55%; } .simple-pagination span.next:hover, .simple-pagination span.prev:hover, .simple-pagination a.next:hover, .simple-pagination a.prev:hover { background-color: #FFFFFF; } .simple-pagination span.next:hover i, .simple-pagination span.prev:hover i, .simple-pagination a.next:hover i, .simple-pagination a.prev:hover i { color: #000000; } /* Product finder detail Css Start -----------------------------------------------------*/ .products-main-details .container { max-width: 1166px; } .products-main-details { padding: 78px 0 44px; } .prod-left-img h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-family:'Open Sans'; font-weight: 600; margin-bottom: 9px; } .products-main-details .prod-left-img > p { font-size: 15px; line-height: 1.54; color: #000000; font-family:'Open Sans'; font-weight: 400; margin-bottom: 30px; } .products-main-details .main-wrap { margin: 0 -15px; align-items: flex-start; } .products-main-details .prod-left-img { width: 41.34%; padding: 0 15px; } .products-main-details .prod-left-img .btm-detail { padding: 10px 30px 16px 21px; background-color: #EDEDED; } .products-main-details .prod-left-img .btm-detail h3 { font-size: 20px; line-height: 1.4; color: #000000; font-family:'Open Sans'; font-weight: 400; padding-bottom: 11px; margin: 0; } .products-main-details .prod-left-img .btm-detail h3 strong { font-weight: 600; padding-left: 5px; } .products-main-details .prod-left-img .btm-detail p { font-size: 15px; line-height: 1.54; color: #000000; font-family:'Open Sans'; font-weight: 400; margin-bottom: 15px; } .products-main-details .prod-left-img .btm-detail p:last-of-type { margin-bottom: 0; } .products-main-details .prod-left-img figure { text-align: center; } .products-main-details .prod-left-img img { margin: 0 auto; max-height: 271px; max-width: 367px; } .products-main-details .right-details { position: relative; width: 55.72%; margin-left: auto; border: 1px solid #BABABA; box-shadow: 7px 7px 14px rgba(0, 0, 0, 0.16); border-radius: 4px; padding: 37px 55px 40px; margin-right: 12px; } .products-main-details .right-details .part-number-sec{display:flex;} .products-main-details .right-details .api-loader{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;text-align: center;background-color: rgba(255,255,255,0.8);} .products-main-details .right-details strong { font-size: 20px; line-height: 1.2; color: #000000; font-family:'Open Sans'; font-weight: 600; margin-bottom: 15px; display: block; width: 100%; } .products-main-details .right-details table { width: 100%; } .products-main-details .right-details table thead tr td:first-child { padding-left: 0; } .products-main-details .right-details table tbody tr td { color: #000000; font-size: 15px; line-height: 1.88; font-weight: normal; padding: 9px 15px; } .products-main-details .right-details table thead tr td { color: #000000; font-size: 15px; line-height: 1.88; font-weight: 600; padding: 8px 15px; } .products-main-details .right-details table tbody tr td:not(:last-child) a { color: #000000; text-decoration: underline; } .products-main-details .right-details table tbody tr td:not(:last-child) a:hover { color: #F78F13; } .products-main-details .right-details table tbody tr td:first-child { width: 44%; } .products-main-details .right-details table tbody tr td:nth-child(2) { width: 28%; } .products-main-details .right-details table tbody tr td:nth-child(3) { width: 28%; } .products-main-details .right-details table tbody tr:nth-child(odd) td { background-color: #EDEDED; } .products-main-details .stock-check h4 { font-size: 20px; line-height: 1.4; color: #000000; font-family: 'Open Sans'; font-weight: 600; padding-bottom: 10px; margin: 0; } .products-main-details .stock-check p { font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 400; margin-bottom: 30px; } .products-main-details .stock-check .btn { max-width: 100%; } .products-main-details .build-your-assembly h4 { font-size: 20px; line-height: 1.4; color: #000000; font-family: 'Open Sans'; font-weight: 600; padding-bottom: 10px; margin: 0; } .products-main-details .build-your-assembly p { font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 400; margin-bottom: 30px; } .products-main-details .build-your-assembly .btn { max-width: 100%; } .products-main-details .form-main h4 { font-size: 20px; line-height: 1.4; color: #000000; font-family: 'Open Sans'; font-weight: 600; padding-bottom: 10px; margin: 0; } .products-main-details .form-main label { display: block; margin-bottom: 10px; color: #000000; font-size: 15px; line-height: 1.54; font-weight: 400; } .products-main-details .form-main select { border: 1px solid #707070; border-radius: 3px; padding: 3px 25px 3px 12px; color: #000000; font-size: 15px; font-weight: 400; line-height: 1.94; width: 100%; outline: none; background-image: url(../images/arrow-down-black.svg); background-size: 12px; background-position: 94% center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; } .products-main-details .form-main form { display: flex; flex-wrap: wrap; margin: 0 -7px; } .products-main-details .form-main .form-group { padding: 0 7px; width: 50%; margin: 10px 0; align-items: flex-end; } .products-main-details .form-main .form-group.full { width: 100%; } .products-main-details .form-main .form-group input[type="text"], .products-main-details .form-main .form-group input[type="number"], .products-main-details .form-main .form-group input[type="email"], .products-main-details .form-main .form-group textarea { border: 1px solid #707070; border-radius: 3px; padding: 1px 25px 1px 12px; color: #000000; font-size: 15px; font-weight: 400; line-height: 2; width: 100%; outline: none; } .products-main-details .form-main .form-group textarea { height: 48px; resize: none; } .products-main-details .form-main .form-group input[type="submit"] { color: #fff; background-color: #F78F13; border: 1px solid #F78F13; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; width: 100%; display: inline-block; font-size: 15px; } .products-main-details .form-main .form-group input[type="submit"]:hover { color: #F78F13; text-decoration: none; background-color: transparent; } /*Data table css Start*/ .products-main-details .right-details .dataTables_info { color: #000000; font-size: 16px; line-height: 1.88; font-weight: 400; } .products-main-details .right-details .dataTables_paginate a.paginate_button.next, .products-main-details .right-details .dataTables_paginate a.paginate_button.previous { position: relative; border: 0; background-color: transparent; width: 40px; height: 40px; text-align: center; font-size: 0; } .products-main-details .right-details .dataTables_paginate a.paginate_button:hover { opacity: 0.8; } .products-main-details .right-details .dataTables_wrapper .dataTables_paginate { display: flex; width: auto; align-items: center; justify-content: center; } .products-main-details .right-details .dataTables_paginate a.paginate_button.previous:after { content: "<"; display: block; font-family: 'Font Awesome 5 Duotone'; font-weight: 900; font-size: 25px; color: #000; display: block; background-color: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; position: absolute; } .products-main-details .right-details .dataTables_paginate a.paginate_button.next:after { content: ">"; display: block; font-family: 'Font Awesome 5 Duotone'; font-weight: 900; font-size: 25px; color: #000; display: block; background-color: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; position: absolute; } .products-main-details .right-details span > .paginate_button { color: #000000 !important; font-size: 16px; line-height: 1.88; font-weight: 400; padding: 0; margin: 0; border: 0; } .products-main-details .right-details span > a.paginate_button.current, .products-main-details .right-details span > a.paginate_button:hover { font-weight: bold; background: none; border: 0; padding: 0; color: #000000 !important; box-shadow: none; border: 0; background: transparent; } .products-main-details .right-details span > a.paginate_button:hover, .products-main-details .right-details span > a.paginate_button:focus, .products-main-details .right-details span > a.paginate_button:active { box-shadow: none !important; border: 0 !important; background: transparent !important; } .products-main-details .right-details .dataTables_paginate a.paginate_button.next:hover, .products-main-details .right-details .dataTables_paginate a.paginate_button.previous:hover { background: transparent; } /*Data table css End*/ .products-main-details #pagination li { transition: 0.3s all ease-in-out; display: inline-block; margin: 0 6px; } .products-main-details #pagination li.pegbtn a { border: 1px solid #707070; background-color: #000000; width: 53px; text-align: center; color: #FFFFFF; display: inline-block; } .products-main-details #pagination li.pegbtn i { color: #FFFFFF; font-size: 20px; } .products-main-details #pagination li.pegbtn:hover { background-color: #FFFFFF; } .products-main-details #pagination li.pegbtn:hover i { color: #707070; } .products-main-details #pagination li a:after { content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background-color: #FFFFFF; transition: 0.3s all ease-in-out; } .products-main-details #pagination li.pegbtn a:after { background-color: transparent; } .products-main-details #pagination li.active a:after, .products-main-details #pagination li a:hover:after { background-color: #000000; } .products-main-details #pagination li a { font-size: 20px; line-height: 1.4; color: #000000; font-weight: 600; display: block; padding: 4px 6px; position: relative; } .products-main-details .pagination-block { text-align: center; margin-top: 38px; } .products-main-details .pagination-block ul#pagination { padding: 0; } .products-main-details .right-details table tbody tr td a.btn { font-size: 14px; line-height: 1.36; min-width: 83px;max-width:none; width: auto; padding: 11px 10px; margin: 5px 0; } .quick-links.products .container{ max-width: 1178px; } .quick-links.products ul { border-radius: 4px; border: 1px solid rgba(237, 237, 237, 0.47); padding: 38px 0; justify-content: center; } .quick-links.products li { width: 16.66%; margin-bottom: 0; padding-bottom: 20px; } .quick-links.products li a { display: block; width: 100%; } .quick-links.products li:first-child a { margin-top: 15px; } .quick-links.products li a span { font-size: 15px; line-height: 1.48; max-width: 130px; } .specifications-main { padding: 50px 0 100px; } .specifications-main .container { max-width: 1178px; } .specifications-main h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 25px; } .specifications-main .table-responsive table { width: 100%; } .specifications-main .lists { margin: 0 -22px; } .specifications-main .table-responsive { width: calc(33.33%); padding: 0 22px; } .specifications-main .table-responsive table tbody tr td { padding: 15px 16px; } .specifications-main .table-responsive table tbody tr td small { color: #000000; font-size: 13px; line-height: 1.88; font-weight: 400; width: 65%; display: inline-block; vertical-align: middle; } .specifications-main .table-responsive table tbody tr td strong { color: #000000; font-size: 13px; line-height: 1.88; font-weight: 600; width: 35%; display: inline-block; vertical-align: middle; text-align: right; } .specifications-main .table-responsive table tbody tr:nth-child(odd) td { background-color: #EDEDED; } .compatible-with { background-color: rgba(237, 237, 237, 0.49); padding: 98px 0; } .compatible-with .container { max-width: 1178px; } .compatible-with h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 15px; } .compatible-with p { font-size: 15px; line-height: 1.54; color: #000000; font-family:'Open Sans'; font-weight: 400; margin-bottom: 20px; } .compatible-with .lists { margin: 0 -22px; padding-top: 14px; } .compatible-with .box { width: 100%; padding: 0 22px; margin: 0 -22px; display: flex; flex-wrap: wrap; justify-content: space-between; } .compatible-with .box a { width: calc(33.33% - 22px); font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 400; padding: 17px 16px 17px 14px; display: block; text-decoration: underline; } .compatible-with .box a:hover { opacity: 0.5; } .compatible-with .box a:nth-child(odd) { background-color: #EDEDED; } .compatible-with .box a:nth-child(even) { background-color: #FFFFFF; } #pagination li { transition: 0.3s all ease-in-out; display: inline-block; margin: 0 5px } #pagination li a { font-size: 20px; line-height: 1.4; color: #000000; font-weight: 600; display: block; padding: 6px; position: relative; } #pagination { display: flex; align-items: center; justify-content: center; } #pagination li.pegbtn a { border: 1px solid #707070; background-color: #000000; width: 53px; text-align: center; color: #FFFFFF; } #pagination li.pegbtn i { color: #FFFFFF; font-size: 20px; } #pagination li.pegbtn:hover { background-color: #FFFFFF; } #pagination li.pegbtn:hover i { color: #707070; } #pagination li a:after { content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background-color: #FFFFFF; } #pagination li.pegbtn a:after { background-color: transparent; } #pagination li.active a:after { background-color: #000000; } .compatible-with .pagination-block { text-align: center; padding-top: 60px; } .compatible-with .pagination-block #pagination { padding: 0; } .tools-accessories { padding: 78px 0 90px; } .tools-accessories-wrap {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 0 -20px;} .tools-accessories-wrap .tools-item {width: 33.33%;margin: 0 0 40px 0;padding: 0 20px;} .tools-accessories-wrap .tools-item .tools-content h3 {font-size: 15px;line-height: 1.54;color: #000000;font-family: 'Open Sans';font-weight: 600;margin-bottom: 24px;} .tools-accessories-wrap .tools-item .tools-content {text-align: center;} .tools-accessories .container{ max-width: 1174px; } .products-main-details + .quick-links.products { margin-top: 2px; } .tools-accessories .item .img { background-color: #EDEDED; border-radius: 4px; display: flex; align-items: center; justify-content: center; height: 174px; padding: 20px; } .tools-accessories .item .img { padding-bottom: 20px; } .tools-accessories .item .img img { max-height: 136px; } .tools-accessories .item .content { padding: 25px 0 0; } .tools-accessories .item .content p { display: block; width: 100%; font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 400; margin-bottom: 7px; } .tools-accessories .item .content strong { display: block; width: 100%; font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 700; margin-bottom: 30px; } .tools-accessories .item .content h3 { display: block; width: 100%; font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 24px; } .tools-accessories.gray-bg .item a.btn { margin-top: 8px; } .tools-accessories .btn { max-width: none; min-width: 135px; width: auto; margin-left: 1px; } .tools-accessories h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 30px; } .tools-accessories .owl-carousel { max-width: 834px; width: 100%; margin: 0 auto; position: static; } .products-three-slider { position: relative; } .products-three-slider .owl-prev { position: absolute; top: 110px; left: 0; } .products-three-slider .owl-next { position: absolute; top: 110px; right: 0; } .tools-accessories.gray-bg { background-color: rgba(237, 237, 237, 0.5); } .tools-accessories.gray-bg strong { margin-bottom: 20px; } .tools-accessories.gray-bg p { margin-bottom: 20px; } .resources-main { padding: 100px 0 120px; } .resources-main h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 12px; } .resources-main .container{ max-width: 1166px; } .resources-main .resources-list { margin: 0 -34px; } .resources-main .resources-box { width: 50%; padding: 0 34px; margin: 15px 0; } .resources-main .resources-box .bg-cover { width: 245px; height: 147px; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16); } .resources-main .resources-box .r-content { width: calc(100% - 245px); padding-left: 42px; padding-top: 4px; } .resources-main .resources-box .r-content h3 { display: block; width: 100%; font-size: 20px; line-height: 1.4; color: #000000; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 6px; margin-top: -5px; } .resources-main .resources-box .r-content small { display: block; width: 100%; font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 400; margin-bottom: 10px; } .resources-main .resources-box .r-content p { display: block; width: 100%; font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 400; margin-bottom: 10px; } .resources-main .resources-box .r-content p a:hover { color: #000000; } .resources-main .btn-block { margin-top: 40px; } .resources-main .btn-block a { max-width: none; width: auto; min-width: 217px; } .part-structure-main { padding: 75px 0; background-color: rgba(237, 237, 237, 0.22); } .part-structure-main .container{ max-width: 1174px;} .part-structure-main .lists { margin: 0 -15px; } .part-structure-main h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 15px; } .part-structure-main strong { display: block; width: 100%; font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 15px; } .part-structure-main p { font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 400; margin-bottom: 15px; } .part-structure-main .left-part-struct { width: 100%; /*width: 61.6%;*/ padding: 0 15px; } /*.part-structure-main .left-part-struct figure { border-radius: 4px; border: 1px solid #EDEDED; padding: 25px; margin-bottom: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);display:inline-block;vertical-align: middle;}*/ .part-structure-main .details-cable { /*width: 25%;*/ width: 100%; padding: 0 15px; margin-left: auto; } .part-structure-main figure img { max-width: 100%; max-height: 100%; } .products-main-details .cable-assembly-step { max-width: 390px; margin: 0 auto 30px; width: 100%; } .build-your-assembly small { font-size: 15px; line-height: 1.54; color: #000000; font-family: 'Open Sans'; font-weight: 400; margin: 30px 0 15px; display: block; text-align: center; } /* About us Css Start -----------------------------------------------------*/ .about-us-main { padding: 106px 0 80px; } .about-us-main .container { max-width: 877px; } .about-us-main h1 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 18px; } .about-us-main p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; } .about-us-main strong { font-size: 14px; line-height: 1.65; color: #000000; font-weight: 600; display: block; margin-top: 17px; } .about-us-main .bg-cover { padding-bottom: 35.98%; width: 100%; min-height: 301px; margin-top: 30px; } .about-us-history .container { max-width: 877px; } .about-us-history { background-color: #EDEDED; padding: 53px 0; } .about-us-history h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 20px; } .about-us-history p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; padding-right: 15px; margin-bottom: 22px; } .about-us-history .container ul:last-of-type { margin-bottom: 0; } .our-core-values { padding: 78px 0 55px; } .our-core-values .container { max-width: 877px; } .our-core-values h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; display: block; width: 100%; text-align: center; margin-bottom: 20px; } .our-core-values p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; } .our-core-values .list { margin: 0 -35px; justify-content: center; padding-top: 8px; } .our-core-values .list .box { padding: 0 35px; width: 33.33%; text-align: center; margin: 15px 0; } .our-core-values .box .content h3 { font-size: 20px; line-height: 1.2; color: #000000; font-weight: 600; display: block; width: 100%; text-align: center; margin-bottom: 12px; } .our-core-values .box .content { padding-top: 0; } .our-core-values .box .content p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; } .our-core-values .img-b { text-align: center; margin-bottom: 25px; height: 78px; } .our-core-values .img-b img { max-height: 100%; width: auto; max-width: 100%; } .about-contact-us { position: relative; padding: 73px 0 77px; } .about-contact-us .container { max-width: 1100px; position: relative; z-index: 1; } .about-contact-us .image-back { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #005EB8; background-blend-mode: multiply; } .about-contact-us h2 { font-size: 30px; line-height: 1.2; color: #FFFFFF; font-weight: 600; display: block; width: 100%; text-align: center; margin-bottom: 20px; } .about-contact-us .list { margin: 0 -60px; justify-content: space-between; } .about-contact-us .list .box { padding: 0 60px; width: 33.33%; margin: 21px 0 11px; } .about-contact-us .list .box h3 { font-size: 20px; line-height: 1.2; color: #FFFFFF; font-weight: 600; display: block; width: 100%; margin-bottom: 7px; } .about-contact-us .list .box h4 { font-size: 15px; line-height: 1.54; color: #FFFFFF; font-weight: 700; display: block; width: 100%; margin-bottom: 0; } .about-contact-us .list .box a { font-size: 15px; line-height: 1.54; color: #FFFFFF; font-weight: 400; display: block; width: 100%; margin-bottom: 0; text-decoration: none; width: fit-content; } .about-contact-us .list .box a:hover { opacity: 0.5; } .about-contact-us .list .box small { font-size: 15px; line-height: 1.54; color: #FFFFFF; font-weight: 400; display: block; width: 100%; margin-bottom: 0; text-decoration: none; width: fit-content; } /* Application Css Start -----------------------------------------------------*/ .application-interconnect { padding: 110px 0 70px; } .application-interconnect .container { max-width: 877px; } .application-interconnect h1 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 18px; } .application-interconnect strong { font-size: 14px; line-height: 1.65; color: #000000; font-weight: 600; display: block; margin: 17px 0 24px; } .application-interconnect .bg-cover { padding-bottom: 41.7%; width: 99%; min-height: 301px; margin-top: 20px; } .application-interconnect p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; display: block; width: 100%; margin-bottom: 15px; } blockquote { max-width: 588px; margin: 25px auto 40px; padding: 19px 0 26px; border-top: 1px solid #707070; border-bottom: 1px solid #707070; font-size: 18px; line-height: 1.56; font-weight: 400; color: #707070;} .limage-with-rcontent { background-color: #EDEDED; padding: 86px 0 68px; } .limage-with-rcontent .container { max-width: 877px; } .limage-with-rcontent h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 18px; } .limage-with-rcontent p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; display: block; width: 100%; margin-bottom: 15px; } .limage-with-rcontent figure { max-width: 392px; } .limage-with-rcontent figure img { box-shadow: 7px 7px 14px rgba(0, 0, 0, 0.16); max-width: 100%; } .limage-with-rcontent figure figcaption { font-size: 14px; line-height: 1.54; color: #000000; font-weight: 600; display: block; width: 100%; margin-top: 17px; } .limage-with-rcontent .r-content { width: calc(100% - 392px); padding-left: 44px; position: relative; top: -7px; } .limage-with-rcontent .img-content { padding: 24px 0; } .content-with-table { padding: 80px 0 120px; } .content-with-table .container { max-width: 877px; } .content-with-table h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 18px; } .content-with-table .content-block p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; display: block; width: 100%; margin-bottom: 15px; } .content-with-table .content-block h3 { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 600; display: block; width: 100%; margin-bottom: 10px; } .content-with-table .content-block { width: 47%; } .content-with-table .table-block { width: 48%; margin-left: auto; } .content-with-table .top-block { padding: 18px 0 31px; } .content-with-table table { width: 100%; } .content-with-table table tr td { color: #000000; font-size: 15px; line-height: 1.87; font-weight: 400; padding: 15px; } .content-with-table table tr td:last-child { color: #000000; font-size: 15px; line-height: 1.87; font-weight: 700; } .content-with-table table tr:nth-child(odd) td { background-color: #EDEDED; } .content-with-table .table-responsive { overflow-x: auto; padding-top: 36px; } .content-with-table .slider-and-content { border-top: 1px solid #707070; padding-top: 40px; } .slider-and-content .imgs { height: 309px; overflow: hidden; border-radius: 4px 0 0 4px; } .slider-and-content .imgs img { height: 100%; object-fit: cover; } .slider-and-content .content-btm { background-color: #3E3E3E; padding: 26px 53px 35px; text-align: center; box-shadow: 0 3px 6px rgba(0,0,0,0.16); } .slider-and-content .content-btm h4 { color: #FFFFFF; font-size: 18px; line-height: 1.87; font-weight: 600; text-align: center; margin-bottom: 0; } .slider-and-content .content-btm p { font-size: 15px; line-height: 1.54; color: #FFFFFF; font-weight: 400; display: block; width: 100%; margin-bottom: 18px; text-align: center; } .slider-and-content .single-slider-block { max-width: 392px; width: 100%; position: relative; } .slider-and-content .single-slider-block .single-slider { width: 100%; } .slider-and-content .tbl-content-block { width: calc(100% - 392px); margin-left: auto; padding-left: 42px; position: relative; } .slider-and-content .owl-nav .owl-prev, .slider-and-content .owl-nav .owl-next { top: 33%; } .slider-and-content .tbl-content-block p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; display: block; width: 100%; margin-bottom: 30px; } .environmental-seals { background-color: #EDEDED; padding: 50px 0 50px; } .environmental-seals .container { max-width: 880px; } .environmental-seals h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 18px; } .environmental-seals p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; display: block; width: 100%; margin-bottom: 15px; } .environmental-seals h3 { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 600; display: block; width: 100%; margin-bottom: 15px; } .environmental-seals .social-list { align-items: center; justify-content: flex-end; margin-top: 50px; } .environmental-seals .social-list small { font-size: 15px; line-height: 1.54; color: #707070; font-weight: 400; padding-right: 15px; } .environmental-seals .social-list a { font-size: 24px; margin-right: 12px; color: #000000; } .related-items-main { padding: 95px 0; } .related-items-main .container { max-width: 1133px; } .related-items-main .content-promo.medium-block { width: 100%; position: relative; } .related-items-main .content-promo.medium-block:after { content: ""; display: block; width: 100%; left: 0; top: -55px; background-color: #707070; height: 1px; position: absolute; } .related-items-main .container > h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 30px; padding: 0 120px; } .related-items-main .bottom-items { padding-top: 16px; } .limage-with-rcontent + .two-column-slider { padding-top: 50px; } .limage-with-rcontent + .two-column-slider h2 { margin-bottom: 20px; } .content-with-table .top-block.tbl-left .content-block { order: 2; } .content-with-table .top-block.tbl-left .table-block { order: 1; margin-right: auto; margin-left: 0; } .content-with-table .slider-and-content.r-slider .single-slider-block { order: 2; } .content-with-table .slider-and-content.r-slider .tbl-content-block { order: 1; padding-right: 42px; padding-left: 0; } .hbspt-form form > fieldset { margin-bottom: 15px; } .hbspt-form form > .hs-submit { padding-top: 10px; } .hbspt-form form > fieldset { margin-bottom: 15px; max-width: 100%; width: 100%; } .hbspt-form form > .hs-submit { padding-top: 10px; } .hbspt-form form > fieldset .hs_email input[type="email"], .hbspt-form form > fieldset .hs_state input[type="text"], .hbspt-form form > fieldset .hs_country input[type="text"], .hbspt-form form > fieldset .hs_message textarea.hs-input { width: 100%; } .hbspt-form .hs_recaptcha.hs-recaptcha.field.hs-form-field { margin-right: 15px; } .contact-form .hbspt-form form > fieldset .hs-message .input textarea { width: 100%; } /* Careers Css Start -----------------------------------------------------*/ .careers-banner { padding: 161px 0; position: relative; } .careers-banner .container { max-width: 1174px; padding: 0 20px; } .careers-banner:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.35); } .careers-banner:before { content: ""; display: block; width: 75.4%; height: 100%; position: absolute; left: 0; top: 0; /* background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); */ background-image: url(../images/gredient-bg-careers.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .careers-banner .content-block h1 { font-size: 30px; line-height: 1.2; color: #F78F13; font-weight: 600; margin-bottom: 10px; } .careers-banner .content-block h2 { font-size: 18px; line-height: 1.28; color: #FFFFFF; font-weight: 600; margin-bottom: 15px; } .careers-banner .content-block p { font-size: 15px; line-height: 1.54; color: #FFFFFF; font-weight: 400; display: block; width: 100%; margin-bottom: 15px; } .careers-banner .content-block { max-width: 370px; width: 100%; position: relative; z-index: 1; } .careers-banner .content-block a.btn { max-width: none; display: inline-block; width: auto; } .careers-person-detail { padding: 50px 0 105px; } .careers-person-detail .container { max-width: 877px; } .careers-person-detail h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 18px; } .careers-person-detail p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; } .careers-person-detail-new + .careers-person-detail { padding-top: 0; } .careers-person-detail-new { padding: 80px 0; } .careers-person-detail-new .container { max-width: 877px; } .careers-person-detail .column, .careers-person-detail-new .column { margin-bottom: 25px; } .careers-person-detail .column iframe, .careers-person-detail-new .column iframe { width: 100%; } .careers-person-detail .video-in, .careers-person-detail-new .video-in { position: relative; padding-bottom: 56.6%; } .careers-person-detail .video-in iframe, .careers-person-detail-new .video-in iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .person-details-box { max-width: 686px; width: 100%; margin: 0 auto; } .person-details-box .wrap { border-top: 1px solid #707070; border-bottom: 1px solid #707070; margin: 60px auto 40px; padding: 30px 0; } .person-details-box .person-img { width: 112px; height: 112px; border: 1px solid #707070; overflow: hidden; border-radius: 50%; } .person-details-box .person-img img { width: 100%; object-fit: cover; } .person-details-box .person-rdetails { width: calc(100% - 112px); padding-left: 38px; } .person-details-box .person-rdetails p { font-size: 18px; line-height: 1.56; color: #707070; font-weight: 400; display: block; width: 100%; margin-bottom: 15px; } .person-details-box .person-rdetails h3 { font-size: 18px; line-height: 1.56; color: #707070; font-weight: 700; display: block; width: 100%; margin-bottom: 0; } .person-details-box .person-rdetails h4 { font-size: 18px; line-height: 1.56; color: #707070; font-weight: 400; display: block; width: 100%; margin-bottom: 0; } .our-core-values.gray-bg { background-color: #EDEDED; } .our-core-values .btn-block { text-align: center; padding: 30px 0; } .multi-image { min-height: 352px; } .accordion-main { padding: 100px 0; } .accordion-main .container { max-width: 867px; } .accordion-main h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 18px; } .accordion-main p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; } .accordion-submenu { display: none; padding: 0 20px 20px 20px; } .accordion-common li { display: block; } .accordion-common li:nth-child(odd) { background-color: #EDEDED; } .accordion-common li a { font-size: 14px; line-height: 1.54; color: #000000; font-weight: 700; padding: 20px; display: block; position: relative; } .accordion-common { padding: 20px 0 30px; margin: 0; } .accordion-main a.btn { margin-top: 15px; } .accordion-common li a:after { content: "+"; display: block; font-size: 32px; line-height: 0.8; color: #005EB8; font-weight: 700; position: absolute; right: 20px; top: 20px; transition: 0.3s all ease-in-out; } .accordion-common li.active a:after { content: "-"; } /* Contact Css Start ----------------------------------------------------*/ .contact-form-main { padding: 75px 0 0; } .contact-form-main h2 { font-size: 20px; line-height: 1.41; color: #000000; font-weight: 600; margin-bottom: 14px; text-align: center; } .contact-form-main p { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; padding-right: 15px; max-width: 645px; margin: 0 auto 34px; } .contact-form-main .form-block { border: 1px solid #BABABA; padding: 34px 27px; box-shadow: 7px 7px 14px rgba(0, 0, 0, 0.16); border-radius: 3px; margin-top: 25px; margin-bottom: -209px; position: relative; z-index: 1; background-color: #FFFFFF; } .contact-form-main .form-block .form-group { width: 50%; padding: 0 6px; margin-bottom: 16px; } .contact-form-main .form-block .form-group.full { width: 100%; } .contact-form-main .form-block .form-group label { font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; width: 100%; margin-bottom: 5px; } .contact-form-main form { margin: 0 -12px; display: flex; flex-wrap: wrap; align-items: flex-start; } .contact-form-main .one-half { padding: 0 22px; display: flex; flex-wrap: wrap; width: 50%; } .contact-form-main form .hs-form-field{flex: 0 0 50%; max-width: 50%; padding: 0 12px;margin-bottom:16px;} .contact-form-main form .hs-form-field input{min-height:37px;} .contact-form-main form .hs-form-field label{font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; width: 100%; margin-bottom: 5px;} .contact-form-main form .hs-form-field.hs_company{max-width:100%;flex:0 0 100%;} .contact-form-main form .hs_submit{text-align: center; flex: 0 0 100%; max-width: 100%; padding: 0 12px; margin: 10px 0;} .contact-form-main form .hs_submit input[type="submit"]{min-width: 192px; max-width: 192px; margin: auto;} .contact-form-main .form-block input[type="text"], .contact-form-main .form-block input[type="email"], .contact-form-main .form-block input[type="number"], .contact-form-main .form-block textarea { border: 1px solid #707070; border-radius: 3px; font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; width: 100%; outline: none; padding: 4px 15px; } .contact-form-main .form-block input[type="submit"] { color: #fff; background-color: #F78F13; border: 1px solid #F78F13; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; width: 100%; display: inline-block; font-size: 15px; width: 97%; margin-left: 3%; transition: 0.3s all ease-in-out; } .contact-form-main .form-block input[type="submit"]:hover { color: #F78F13; text-decoration: none; background-color: transparent; } .contact-form-main .form-block textarea { height: 48px; resize: none; } .contact-form-main .form-block .form-group select { border: 1px solid #707070; border-radius: 3px; font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; width: 100%; outline: none; padding: 6px 15px; text-transform: capitalize; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; background-image: url(../images/select-down-arow-ic.svg); background-position: 98% center; background-repeat: no-repeat; background-size: 10px; } .contact-form-main .form-block .btn-block { margin-top: 25px; } .about-contact-us.without-img-gray { padding-top: 255px; } .about-contact-us.without-img-gray { background-color: #EDEDED; } .about-contact-us.without-img-gray .list .box h3 { color: #000000; } .about-contact-us.without-img-gray .list .box h4 { color: #3E3E3E; } .about-contact-us.without-img-gray .list .box a, .about-contact-us.without-img-gray .list .box small{color: #3E3E3E; } /* Distributor Css Start ----------------------------------------------------*/ .distributor-main .container { max-width: 1180px; } .filters .filters-inner { padding: 28px 0; } .distributer-loader { position: fixed; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.2); z-index: 11; top: 0; left: 0; } .filters .filters-inner { align-items: center; } .filters .filters-inner select { border: 1px solid #F78F13; border-radius: 3px; font-size: 15px; line-height: 1.54; color: #FFFFFF; font-weight: 400; width: 100%; outline: none; padding: 6px 15px; text-transform: capitalize; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; background-image: url(../images/white-select-down-arow-ic.svg); background-position: 98% center; background-repeat: no-repeat; background-size: 15px; background-color: #F78F13; width: 349px; } .filters .filters-inner form { position: relative; max-width: 350px; width: 100%; margin-left: 42px; } .filters .filters-inner form input[type="search"] { border: 1px solid #707070; border-radius: 3px; font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; width: 100%; outline: none; padding: 5px 25px 5px 15px; } .filters .filters-inner form input[type="submit"] { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 30px; background-image: url(../images/ic-search.svg); background-size: 14px; background-position: center; background-repeat: no-repeat; padding: 0; border: 0; font-size: 0; border-radius: 3px; background-color: transparent; } .list-distributor { width: 100%; padding: 45px 0; } .list-distributor:nth-last-of-type(even) { background-color: #EDEDED; } .list-distributor .row { margin: 0 -30px; justify-content: space-between; display: flex; flex-wrap: wrap; } .list-distributor .box { padding: 0 30px; width: 33.33%; margin: 21px 0 11px; } .list-distributor .box h3 { font-size: 20px; line-height: 1.2; color: #000000; font-weight: 600; display: block; width: 100%; margin-bottom: 12px; } .list-distributor .box h4 { font-size: 15px; line-height: 1.54; color: #707070; font-weight: 400; display: block; margin-bottom: 0; } .list-distributor .box h4 a { color: #707070; text-decoration: none; font-weight: 400; font-size: 15px; line-height: 1.54; } .list-distributor .box h4 a:hover { opacity: 0.5; } .list-distributor .box > a { display: block; width: fit-content; margin-bottom: 12px; color: #005EB8; font-weight: 400; font-size: 15px; line-height: 1.54; } .list-distributor .box > a:hover { opacity: 0.5; } .list-distributor .box .blue-btn { color: #fff; background-color: #005EB8; border: 1px solid #005EB8; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; max-width: 147px; width: 100%; display: inline-block; font-size: 15px; transition: 0.5s all ease-in-out; } .list-distributor .box .blue-btn:hover { background-color: #FFFFFF; color: #005EB8; } .list-distributor .box p:last-of-type { margin-bottom: 0; } .pagination.distributer { padding: 77px 0 40px; } .genre-filter-navigation ul li { border: 0; } .genre-filter-navigation ul li a.page-numbers { font-size: 20px; line-height: 1.4; color: rgb(0, 0, 0); font-weight: 600; display: block; position: relative; padding: 6px; } .genre-filter-navigation ul li a.page-numbers { border: 0; } .genre-filter-navigation ul li a.page-numbers:hover { background-color: transparent; } .genre-filter-navigation ul span.page-numbers.current, .genre-filter-navigation ul a.next.page-numbers { border: 1px solid #707070; background-color: #000000; width: 53px; height: 42px; text-align: center; color: #FFFFFF; align-items: center; justify-content: center; display: inline-flex; color: #FFFFFF; } .genre-filter-navigation ul span.page-numbers.current:hover, .genre-filter-navigation ul a.next.page-numbers:hover { border: 1px solid #707070; background-color: #000000; opacity: 0.7; } .genre-filter-navigation ul { display: flex; align-items: center; } #pagination.genre-filter-navigation ul a.next.page-numbers { font-size: 0; color: #FFFFFF; } #pagination.genre-filter-navigation ul a.next.page-numbers:after { content: ">"; display: block !important; width: 100%; font-family: 'Font Awesome 5 Duotone'; font-weight: 900; font-size: 25px; color: #FFFFFF; display: block !important; background-color: transparent; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; } #pagination ul li a:after { display: none; } /* FAQ Css Start ----------------------------------------------------*/ .faq-main { padding: 86px 0 128px; } .faq-main .container { max-width: 984px; } .faq-main h1 { font-size: 30px; line-height: 1.2; color: #005EB8; font-weight: 600; margin-bottom: 18px; } .faq-main p { font-size: 15px; line-height: 1.54; color: #707070; font-weight: 400; display: block; } .faq-main .accordion-common li:nth-child(odd) { background-color: transparent; } .faq-main .accordion-common li a { font-weight: 600; font-size: 20px; line-height: 1.3;color: #000000; padding: 16px 30px; outline: none; } .faq-main .accordion-common li a:after { left: 0; right: auto; background-image: url(../images/blue-plus-ic.svg); background-size: 13px; background-repeat: no-repeat; background-position: left center; content: ""; width: 14px; height: 14px; top: 23px; } .faq-main .accordion-common li.active a:after { background-image: url(../images/black-cross-icon.svg); background-size: 10px; } .faq-main ul.accordion-common { padding-top: 0; } .faq-main .accordion-common li .accordion-submenu { padding: 0 30px 20px 30px; } /*hubspot general css*/ .hs-error-msgs{padding:0;margin:-4px 0 -20px 0} .hs_error_rollup{display:none;} .hs-error-msgs li{list-style-type:none;} .hs-error-msg{color:#f00 !important;margin:0 !important;font-size:14px !important;} .calculator-hubspot{padding-bottom:40px;} .calculator-hubspot form { margin: 0 -12px; display: flex; flex-wrap: wrap; align-items: flex-start; } .calculator-hubspot form .hs-form-field{flex: 0 0 50%; max-width: 50%; padding: 0 12px;margin-bottom:16px;} .calculator-hubspot form .hs-form-field input{min-height:37px;} .calculator-hubspot form .hs-form-field label{font-size: 15px; line-height: 1.54; color: #000000; font-weight: 400; width: 100%; margin-bottom: 5px;} .calculator-hubspot form .hs-form-field.hs-message{max-width:100%;flex:0 0 100%;} .calculator-hubspot form .hs_submit{text-align: center; flex: 0 0 100%; max-width: 100%; padding: 0 12px; margin: 10px 0;} .calculator-hubspot form .hs_submit input[type="submit"]{min-width: 192px; max-width: 192px; margin: auto;} .hbspt-form .submitted-message{text-align: center;} /*****Search result css****/ .search-result-data { padding: 100px 0 120px; } .search-result-data h1 { color: #005EB8; font-size: 30px; line-height: 1.18; font-weight: 600; margin-bottom: 30px; display: block; } .search-result-data h2 { color: #000000; font-size: 20px; line-height: 1.32; font-weight: 600; margin-bottom: 10px; display: block; } .search-result-data h2 a { color: #000000; font-size: 20px; text-decoration: underline; } .search-result-data h2 a:hover { color: #005EB8; } .search-result-data p { color: #000000; font-size: 15px; line-height: 1.46; font-weight: 600; } .search-result-data p a { color: #005EB8; font-size: 15px; } .search-result-data .list-box { width: 100%; display: block; padding-bottom: 45px; } .search-result-data .search_result { padding-bottom: 35px; } .single-market .news-details { padding-bottom: 0; } .common-title-block { padding: 50px 0; } .tablepress tbody tr:first-child { background-color: #FFFFFF; } .tablepress tbody tr:first-child td { color: #000000; font-size: 15px; line-height: 1.4; /*font-weight: bold;*/ } .tablepress tbody tr:nth-child(odd) td { background-color: #EDEDED; } .tablepress tbody tr td { padding: 20px 25px; } /*****Search result new css****/ .search-new-result .categories-lt { background-color: #EDEDED; max-width: 343px; padding: 125px 60px; width: 100%; } .search-new-result .categories-lt strong { color: #005EB8; font-size: 20px; line-height: 1.81; font-weight: 600; display: block; padding-bottom: 21px; } .search-new-result .categories-lt ul li { color: #000000; font-size: 20px; line-height: 1.4; font-weight: 400; cursor: pointer; width: fit-content; } .search-new-result .categories-lt ul li em{ font-style: normal; } .search-new-result .categories-lt ul li.active { color: #005EB8; } .search-new-result .categories-lt ul li.active > span { display: inline-block; width: fit-content; position: relative; } .search-new-result .categories-lt ul li.active > span:after { content: ""; display: inline-block; width: 100%; height: 1px; bottom: 0; background-color: #005EB8; position: absolute; left: 0; } .search-new-result .categories-lt ul li:hover { color: #005EB8; } .search-new-result .categories-lt ul li ul { padding: 15px 0 0 35px; } .search-new-result .categories-lt ul li { display: block; padding: 0 0 10px 0; position: relative; } .search-new-result .categories-lt > ul { padding: 0; } .search-new-result .directory-listing-left { background-color: #EDEDED; max-width: 343px; padding: 125px 60px; width: 100%; } .search-new-result .directory-listing-left strong { color: #005EB8; font-size: 20px; line-height: 1.81; font-weight: 600; display: block; padding-bottom: 21px; } .search-new-result .directory-listing-left ul li { color: #000000; font-size: 20px; line-height: 1.4; font-weight: 400; cursor: pointer; width: fit-content; } .search-new-result .directory-listing-left ul li em{ font-style: normal; } .search-new-result .directory-listing-left ul li.active { color: #005EB8; } .search-new-result .directory-listing-left ul li.active > span { display: inline-block; width: fit-content; position: relative; } .search-new-result .directory-listing-left ul li.active > span:after { content: ""; display: inline-block; width: 100%; height: 1px; bottom: 0; background-color: #005EB8; position: absolute; left: 0; } .search-new-result .directory-listing-left ul li:hover { color: #005EB8; } .search-new-result .directory-listing-left ul li ul { padding: 15px 0 0 35px; } .search-new-result .directory-listing-left ul li { display: block; padding: 0 0 10px 0; position: relative; } .search-new-result .directory-listing-left > ul { padding: 0; } .directory-listing-left .selected-cat-list { display: none; } .search-new-result .result-rt .entry-header h1 { color: #005EB8; font-size: 30px; line-height: 1.8; font-weight: 700; display: block; padding-bottom: 25px; margin-bottom: 0; } .search-new-result .entry-content p { font-size: 16px; color: #000000; } .search-new-result .entry-content form#searchform { position: relative; max-width: 600px; width: 100%; display: flex; } .search-new-result .entry-content form#searchform input[type=submit] { background: #005EB8; margin-right: 25px; position: inherit; color: #FFF; border-radius: 0px 3px 3px 0px; outline: none; -webkit-appearance: none; border: 0; text-shadow: none; padding: 8px 20px; border: 1px solid #005EB8; } .search-new-result .entry-content form#searchform > div { display: flex; width: 100%; } .search-new-result .entry-content form#searchform input[type="text"] { border-radius: 0; outline: none; } .search-new-result .entry-content form#searchform input[type=submit]:hover { background-color: #216cb4; border-color: #216cb4; } .search-new-result .result-rt { width: calc(100% - 343px); padding: 50px 94px; } .search-new-result .result-rt h2 { color: #005EB8; font-size: 40px; line-height: 1.8; font-weight: 600; display: block; padding-bottom: 20px; margin-bottom: 0; padding-left: 30px; } .search-new-result .result-rt h3 { color: #000000; font-size: 20px; line-height: 1.4; font-weight: 600; display: block; padding-bottom: 14px; margin-bottom: 0; } .search-new-result .three-card-blocks .block-content { padding: 30px 25px; } .search-new-result .block-content p { word-break: break-word; } .three-card-blocks .block-content > * { word-break: break-word; } .search-new-result .block-content p:last-of-type { margin-bottom: 0; word-break: break-all; } .search-new-result .three-card-blocks .block-img { height: auto; width: 100%; position: relative; padding-bottom: 59.4%; background-color: #EDEDED; } .search-new-result .three-card-blocks .block-img img { width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; height: 100%; } nav.navigation.pagination .nav-links { display: flex; align-items: center; justify-content: center; } nav.navigation.pagination .nav-links a, nav.navigation.pagination .nav-links span.current { font-size: 20px; line-height: 1.4; color: #000000; font-weight: 600; position: relative; display: inline-block; margin: 0 10px; padding: 0; } nav.navigation.pagination .nav-links span.current:after { content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; background-color: #000000; bottom: -2px; } nav.navigation.pagination .nav-links .prev { border: 1px solid #707070; background-color: #000000; width: 53px; height: 42px; text-align: center; color: #FFFFFF; align-items: center; justify-content: center; display: inline-flex; color: #FFFFFF; } nav.navigation.pagination .nav-links .next { border: 1px solid #707070; background-color: #000000; width: 53px; height: 42px; text-align: center; color: #FFFFFF; align-items: center; justify-content: center; display: inline-flex; color: #FFFFFF; } nav.navigation.pagination .nav-links .prev:hover, nav.navigation.pagination .nav-links .next:hover { opacity: 0.7; } nav.navigation.pagination { padding-top: 50px; } .search-new-result .three-card-blocks .blocks { width: 28%; margin: 2.66666667%; } .search-new-result .three-card-blocks .blocks:nth-child(3n+3) { margin-right: 2.66666667%; } /*-------- Documentation page --------*/ .search-new-result.documentation .result-rt h2 { font-size: 20px; } .three-card-search { max-width: calc(100% - 5.33333334%); margin: 0 auto; width: 100%; background-color: #ededed; padding: 20px; margin-bottom: 20px; } .three-card-search input[type="submit"] { color: #fff; background-color: #F78F13; border: 1px solid #F78F13; border-radius: 3px; padding: 5px 10px 5px; text-align: center; text-transform: capitalize; max-width: 230px; width: 100%; display: inline-block; font-size: 15px; } .three-card-search input[type="submit"]:hover { color: #F78F13; text-decoration: none; background-color: transparent; } .search-new-result input[type="text"] { width: calc(100% - 260px); border-color: #707070; font-size: 13px; } .contact-form .hbspt-form form > .hs-submit { margin-right: 8px; } .documentation .directory-listing-right .ajax-loader-wr { margin: 10px auto; display: block; text-align: center; } .laschf-sort { max-width: calc(100% - 5.33333334%); margin: 0 auto 15px auto; width: 100%; } .laschf-sort select { max-width: 400px; width: 100%; } .documentation .directory-listing-right-inner p.ajax-no-result { max-width: calc(100% - 5.33333334%); margin: 0 auto; width: 100%; text-align: center; font-weight: 700; } .documentation .pagination-right { display: flex; align-items: center; justify-content: center; } .documentation .prev, .documentation .next { position: relative; display: block; padding: 0; margin-left: -1px; line-height: 1.25; color: #FFFFFF; background-color: #000000; border: 1px solid transparent; height: 38px; width: 52px; align-items: center; display: inline-flex; justify-content: center; font-size: 28px; } .documentation .prev.disabled, .documentation .next.disabled { color: #ffffff; pointer-events: none; cursor: auto; border-color: #707070; opacity: 0.6; } .pagination-wr .page-numbers:not(.prev):not(.next) { text-align: center; padding: 0; font-size: 20px; line-height: 1.4; color: #000000; font-weight: 600; position: relative; display: inline-block; margin: 0 10px; padding: 0; } .pagination-wr { padding-top: 50px; } .pagination-wr .page-numbers.current:after { content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; background-color: #000000; bottom: -2px; } .search-new-result.documentation .directory-listing-left ul li input[type="checkbox"] { height: 15px; width: 15px; } .search-new-result .directory-listing-left ul li span.checkmark { padding-left: 8px; } .search-new-result.documentation .directory-listing-left ul li label.active { color: #005EB8; } /*.assembly-builder{ padding-top:100px; }*/ .assembly-builder iframe{ overflow: hidden; height: 900px !important; width: 100%; } .padding-top-0 { padding-top: 0 !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-left-0 { padding-left: 0 !important; } .padding-right-0 { padding-right: 0 !important; } /* Search pagination css */ .page-pagination-sec {display: inline-block;vertical-align: middle;width: 100%;text-align: center;} .page-pagination-sec .pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} .page-pagination-sec {text-align: center;} .pagination li.page-item {display: inline-block;vertical-align: middle;} .page-pagination-sec .page-item.disabled .page-link {color: #ffffff;pointer-events: none;cursor: auto;background-color: #000000;border: 1px solid #707070;opacity: 0.6;} .page-pagination-sec .page-link {position: relative;display: block;padding: .25rem .75rem;margin-left: -1px;line-height: 1.25;color: #323e48;background-color: transparent;border: 1px solid transparent;} .page-pagination-sec .pagination .page-link:not(.prev):not(.next) {text-align: center;padding: 0;font-size: 20px;line-height: 1.4;color: #000000;font-weight: 600;position: relative;display: inline-block;margin: 0 10px;padding: 0;} .page-pagination-sec .page-item.active .page-link:after {content: "";display: block;width: 100%;height: 2px;position: absolute;left: 0;background-color: #000000;bottom: -2px;} .page-pagination-sec .page-link.next{border: 1px solid #707070;background-color: #000000;width: 53px;height: 42px;text-align: center;color: #FFFFFF;align-items: center;justify-content: center;display: inline-flex;color: #FFFFFF;} .page-pagination-sec .page-link.prev {border: 1px solid #707070;background-color: #000000;width: 53px;height: 42px;text-align: center;color: #FFFFFF;align-items: center;justify-content: center;display: inline-flex;color: #FFFFFF;} .page-pagination-sec .page-link.next:hover{opacity: 0.6;} .page-pagination-sec .page-link.prev:hover{opacity: 0.6;} .pagination .dots-before a::before {content: '...';} ul.pagination li a{cursor:pointer;} .pagination li.dots-before:nth-child(2) a::after {content: '...';} .pagination li.dots-before:nth-child(2) a::before {content: '';} /* ************** */ /*Resource menu */ .ubermenu-item-level-0 > .ubermenu-submenu > .ubermenu-item-level-1 > .ubermenu-submenu > li.ubermenu-item-has-children:hover > ul.ubermenu-submenu { opacity: 1; visibility: visible; } .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop > .ubermenu-column-1-3 > .ubermenu-submenu > li { position: relative; } .custom-sub-third > .ubermenu-submenu > .three-column-list:last-child > .ubermenu-submenu > .ubermenu-item > .ubermenu-submenu { left: auto; right: 100%; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item { position: relative; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item:hover { z-index: 11; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item:hover > .ubermenu-submenu { opacity: 1; visibility: visible; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item > .ubermenu-submenu { position: absolute; left: 100%; min-width: 210px; top: 0; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; z-index: -1; padding: 0; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item > .ubermenu-submenu > li { background-color: #005EB8; transition: 0.3s all ease-in-out; border-bottom-color: #FFFFFF; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item > .ubermenu-submenu > li > a { color: #FFFFFF; font-size: 14px; padding: 12px 10px; position: relative; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item > .ubermenu-submenu > li:hover { background-color: #1384f1; } .custom-sub-third > .ubermenu-submenu > .three-column-list > ul.ubermenu-submenu > .ubermenu-item-has-children > a.ubermenu-target { position: relative; } .custom-sub-third > .ubermenu-submenu > .three-column-list > ul.ubermenu-submenu > .ubermenu-item-has-children > a.ubermenu-target:after { content: "\f107"; font-family: "Font Awesome 5 Free"; display: inline-block; width: 15px; height: 15px; font-size: 14px; color: #9b9b9b; position: absolute; right: 5px; top: 12px; transition: 0.3s all ease-in-out; font-family: 'Font Awesome 5 Pro'; font-weight: 900; transform: rotate(-90deg); } .ubermenu .ubermenu-nav .custom-sub-third.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop { padding-bottom: 50px; } .tax-products_cables_category .product-family-cust { padding-bottom: 0; } .resources-block.container-blog { padding-top: 50px; padding-bottom: 50px; } .how-to-buy { padding-top: 50px; padding-bottom: 50px; } /*=================Media start here =========================*/ /* responsive start */ @media (min-width:768px) { .quick-links.mobile { display: none; } .shape-bg-mobile { display: none; } .desktop-hide { display: none; } .top-nav ul.nav-menu,.top-nav div.nav-menu > ul{display:inline-block!important;text-align:right;width:100%;} .top-nav ul{margin:0;text-indent:0;} .top-nav li{margin:0 0 0 40px;position:relative;border-right:1px solid #BABABA;padding-right:44px;} .top-nav li a,.top-nav li{display:inline-block;text-decoration:none;} .top-nav li a{color:#000;position:relative;font-size:18px;} .top-nav li a:hover{color:#005EB8;} .top-nav li ul{position:absolute;top:100%;left:0;text-align:left;z-index:1;visibility:hidden;opacity:0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;-o-transition:0.5s all;-moz-transform:translateY(50px);-o-transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);} .top-nav li ul ul{top:0;left:100%;} .top-nav li li{margin-left:0;} .top-nav li ul li a{background:#efefef;color:#333;border-bottom:1px solid #ededed;display:block;font-size:11px;font-size:0.785714286rem;line-height:2.181818182;padding:8px 10px;padding:0.571428571rem 0.714285714rem;width:180px;width:12.85714286rem;white-space:normal;} .top-nav .current-menu-item > a,.top-nav .current-menu-ancestor > a,.top-nav .current_page_item > a,.top-nav .current_page_ancestor > a{border-color:#fff;} .top-nav li:hover a{border-color:#fff;} .top-nav li a:hover,.top-nav li a:focus,.top-nav li.current_page_item a{color:#005EB8;} .top-nav ul li:hover > ul,.top-nav ul li:focus > ul,.top-nav .focus > ul{visibility:visible;opacity:1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;-o-transition:0.5s all;-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);} .top-nav li ul li a:hover,.top-nav li ul li a:focus{background:#e3e3e3;color:#444;} /* for last child only please remove if not required */ .top-nav ul.nav-menu > li:last-child .sub-menu{left:inherit;right:0;} .top-nav ul.nav-menu > li:last-child .sub-menu ul{right:100%;} .hamburger,.top-nav li .submenuToggle{display:none;} } @media(max-width:1900px) { .post-cta-block #popper-popup { right: 270px; top: 50%; transform: translateY(-50%); } .post-cta-block #popper-popup #popper-arrow, .contact-callout-block #popper-popup #popper-arrow { left: auto; right: -16px; } .contact-callout-block #popper-popup { right: 270px; top: 65%; transform: translateY(-50%); } } @media(max-width:1600px) { .result-product-main .right-table-block table { min-width: 1160px; } .result-product-main .right-table-block table thead tr td:nth-child(2) { width: 160px; } .result-product-main .right-table-block table thead tr td:nth-child(3) { width: 106px; } .result-product-main .right-table-block table thead tr td:nth-child(4) { width: 100px; } .result-product-main .right-table-block table thead tr td:nth-child(5) { width: 105px; } .result-product-main .right-table-block table thead tr td:nth-child(8) { width: 145px; } .result-product-main .right-table-block table thead tr td:nth-child(9) { width: 125px; } } @media(max-width:1438px) { #popper-popup { display:none;color:white;font-weight:bold;padding:30px;font-size:13px;border-radius:4px;display:none;width:100%;max-width:341px;box-shadow:0px 3px 6px #00000029;border:1px solid #BABABA;background:#ffffff;top:90px;right:0;position:absolute;margin-top:0;} .post-cta-block #popper-popup { right:10px; top: 90px; transform: none; } .post-cta-block #popper-popup #popper-arrow { top:-3px; right: auto; left:50%; transform:none; } .contact-callout-block #popper-popup { right:10px; top: 90px; transform: none; } .contact-callout-block #popper-popup #popper-arrow { top:-3px; right: auto; left:50%; transform:none; } #popper-arrow{visibility:hidden;position:absolute;top:-3px;left:50%;transform:none;text-align:center;} .two-column-slider .slider-main { padding: 0 55px; } .two-column-slider { padding: 0 0 40px; } .two-column-slider h2 { font-size: 26px; margin-bottom: 30px; } .two-column-slider .content h3 { font-size: 18px; } .blog-video-content { padding: 70px 0 40px; } .news-details-content h1 { font-size: 34px; } .whitepaper-img-form .form-block h1 { font-size: 26px; } .whitepaper-img-form { padding: 54px 0; } .whitepaper-img-form .form-block .bottom h2 { font-size: 18px; padding-bottom: 10px; } .calculator-results h2 { font-size: 18px; margin-bottom: 20px; } .calculator-results .table-responsive tr td { padding: 12px; } .calculator-main .btn-block .blue-btn { padding: 10px; } .calculator-results p:first-of-type { margin-top: 30px; } .calculator-main { padding: 40px 0; } .about-author-main .author-content { padding-left: 20px; } .bulkcable-three-tab .list .box { padding: 30px; } .bulkcable-three-tab .box .img-block small { font-size: 18px; } .bulkcable-three-tab .list .box .img-block { padding-bottom: 10px; min-height: 100px; } .bulkcable-three-tab .list .box .img-block svg, .bulkcable-three-tab .list .box .img-block > img { max-width: 68px; } .related-items-slider .slider { padding: 0 110px; } .thankyou-main { padding: 80px 0; } .thankyou-main h1 { font-size: 26px; } .thankyou-main p { font-size: 14px; } .connector-tab-block { padding: 50px 0; } .tabs-contents-main { padding: 150px 0 60px; } .tabs-contents-main h2 { font-size: 26px; padding-bottom: 10px; } .tabs-contents-main p { font-size: 14px; padding-bottom: 15px; } .tabs-contents-main .tab-content form .btn-group input[type="submit"] { max-width: 120px; } .result-product-main .right-table-block { padding: 45px 40px 70px; } .products-main-details { padding: 50px 0 34px; } .resources-main .resources-box .r-content { padding-left: 22px; padding-top: 0; } .resources-main .resources-box .r-content h3 { font-size: 18px; } .resources-main .resources-box .r-content small { font-size: 14px; } .resources-main .resources-box .r-content p{ font-size: 14px; } .products-main-details .prod-left-img img { margin: 0 auto; max-height: 240px; max-width: 320px; } .products-main-details .right-details table tbody tr td { font-size: 14px; padding: 6px 10px; } .compatible-with p { font-size: 14px; } .about-us-main { padding: 75px 0; } .about-us-main h1 { font-size: 26px; margin-bottom: 12px; } .about-us-main p { font-size: 14px; margin-bottom: 15px; } .about-us-history { padding: 40px 0; } .about-us-history h2 { font-size: 26px; margin-bottom: 12px; } .about-us-history p { font-size: 14px; margin-bottom: 15px; } .our-core-values { padding: 55px 0; } .our-core-values h2 { font-size: 26px; margin-bottom: 12px; } .our-core-values p { font-size: 14px; } .our-core-values .box .content h3 { font-size: 18px; } .about-contact-us { padding: 52px 0; } .about-contact-us h2 { font-size: 26px; margin-bottom: 12px; } .about-contact-us .list .box h3 { font-size: 18px; } .about-contact-us .list .box h4 { font-size: 14px; } .about-contact-us .list .box a { font-size: 14px; } .about-contact-us .list .box small { font-size: 14px; } .application-interconnect { padding: 50px 0 50px; } .application-interconnect h1 { font-size: 26px; margin-bottom: 12px; } .application-interconnect p { font-size: 14px; } .application-interconnect strong { font-size: 14px; } blockquote { font-size: 16px; margin: 20px auto; } .limage-with-rcontent { padding: 50px 0; } .limage-with-rcontent h2 { font-size: 26px; margin-bottom: 12px; } .limage-with-rcontent p { font-size: 14px; } .slider-and-content .content-btm { padding: 22px 40px; } .slider-and-content .tbl-content-block p { font-size: 14px; } .slider-and-content .content-btm h4 { font-size: 16px; } .slider-and-content .content-btm p { font-size: 14px; } .environmental-seals { padding: 50px 0; } .environmental-seals h2 { font-size: 26px; } .environmental-seals p { font-size: 14px; } .environmental-seals h3 { font-size: 14px; } .environmental-seals .social-list small { font-size: 14px; } .content-with-table h2 { font-size: 26px; } .content-with-table table tr td { font-size: 12px; } .careers-banner { padding: 140px 0; } .careers-banner .content-block h1 { font-size: 26px; } .careers-banner .content-block h2 { font-size: 16px; } .careers-banner .content-block p { font-size: 14px; } .careers-person-detail { padding: 40px 0; } .careers-person-detail h2 { font-size: 26px; } .careers-person-detail p { font-size: 14px; } .person-details-box .wrap { margin: 40px auto; padding: 20px 0; } .person-details-box .person-rdetails p { font-size: 16px; } .person-details-box .person-rdetails h3 { font-size: 16px; } .person-details-box .person-rdetails h4 { font-size: 16px; } .our-core-values .btn-block { padding: 10px 0; } .accordion-main { padding: 70px 0; } .accordion-main h2 { font-size: 26px; } .accordion-main p { font-size: 14px; } .accordion-common li a { padding: 15px; } .accordion-common .accordion-submenu { padding: 0 15px 15px 15px; } .accordion-common li a:after { top: 10px; right: 15px; font-size: 26px; line-height: 1.2; } .accordion-common { padding: 15px 0; } .contact-form-main { padding: 50px 0 0; } .contact-form-main p { font-size: 14px; line-height: 1.3; margin: 0 auto 24px; } .contact-form-main .form-block { padding: 27px; margin-bottom: -189px; } .contact-form-main .form-block .form-group label { font-size: 14px; line-height: 1.3; } .contact-form-main .form-block input[type="text"], .contact-form-main .form-block input[type="email"], .contact-form-main .form-block input[type="number"], .contact-form-main .form-block textarea { font-size: 14px; line-height: 1.3; } .about-contact-us.without-img-gray { padding-top: 225px; } .contact-form-main .form-block .form-group select { font-size: 14px; line-height: 1.3; } .list-distributor .box h3 { font-size: 18px; margin-bottom: 8px; } .list-distributor { padding: 35px 0; } .list-distributor .box h4 { font-size: 14px; line-height: 1.3; } .list-distributor .box h4 a { font-size: 14px; } .list-distributor .box > a { font-size: 14px; line-height: 1.3; } .filters .filters-inner form input[type="search"] { font-size: 14px; } .filters .filters-inner select { font-size: 14px; } .list-distributor .box .blue-btn { font-size: 14px; } .search-result-data { padding: 70px 0 80px } .search-result-data h1 { font-size: 28px; } .search-result-data h2 { font-size: 18px; } .search-result-data .search_result { padding-bottom: 25px; } .faq-main { padding: 70px 0; } .faq-main h1 { font-size: 26px; } .faq-main p { font-size: 14px; } .faq-main .accordion-common li a { font-size: 18px; } .related-items-main .container > h2 { font-size: 26px; } .banner-404.bread-crumb + .quick-links { padding-bottom: 30px; } .documentation .prev, .documentation .next { font-size: 22px; } .pagination-wr .page-numbers:not(.prev):not(.next) { font-size: 18px; } } @media(max-width:1366px) { .search-new-result .categories-lt { padding: 100px 70px; } .search-new-result .directory-listing-left { padding: 100px 70px; } .search-new-result .result-rt { padding: 50px 40px; } .search-new-result .result-rt h2 { padding-bottom: 20px; } /*.search-new-result .three-card-blocks .blocks { margin-bottom: 4%; }*/ .search-new-result .result-rt .entry-header h1 { font-size: 26px; line-height: 1.4; padding-bottom: 10px; } .news-details-content { padding-top: 40px; } .news-details-content p { margin-bottom: 20px; } .part-structure-main h2 { font-size: 24px; } .three-card-search input[type="submit"] { max-width: 160px; } .search-new-result input[type="text"] { width: calc(100% - 190px); } } @media(max-width:1199px) { .tab-content .bg-image{max-width:100%;width:56%;} .standard-block .block-img { width: 36.2%; } .blog-content{padding-left:29px;width:40.4%;} .slide-content{padding:82px 33px 90px;} header .ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target{padding-left:26px;padding-right:26px;} header .ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target{font-size:16px;font-weight:600;} header .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target,.ubermenu-main .ubermenu-tab > .ubermenu-target{font-size:16px;} header .ubermenu .ubermenu-tabs.ubermenu-item-320 > .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel{padding:46px 15px;} header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{font-size:16px;padding-left:20px;padding-right:20px;} .two-column-slider .content { padding: 20px; } .calculator-main h1 { font-size: 26px; margin-bottom: 28px; } .calculator-main .calculator-form-main { padding: 40px; } .calculator-main .calculator-form-main form .btn-block .submit, .calculator-main .calculator-form-main form .btn-block .reset { min-width: 140px; } .calculator-results { padding: 30px 0; } .standard-block { padding: 100px 0 64px; } .bulkcable-three-tab .list .box .img-block svg, .bulkcable-three-tab .list .box .img-block > img { max-width: 62px; } .bulkcable-three-tab .list .box { padding: 20px 22px; } .bulkcable-three-tab .box p { font-size: 14px; } .prod-left-img h2 { font-size: 24px; } .products-main-details .prod-left-img > p { font-size: 14px; margin-bottom: 15px; } .products-main-details .prod-left-img .btm-detail h3 { font-size: 16px; } .products-main-details .prod-left-img .btm-detail p { font-size: 14px; } .products-main-details .right-details { padding: 32px 35px; margin-right: 0; } .products-main-details .pagination-block { margin-top: 30px; } .specifications-main { padding: 30px 0 70px; } .specifications-main h2 { font-size: 26px; } .specifications-main .table-responsive table tbody tr td { padding: 12px; } .compatible-with { padding: 50px 0; } .compatible-with h2 { font-size: 26px; } .products-main-details .build-your-assembly h4 { font-size: 16px; } .products-main-details .build-your-assembly p { font-size: 14px; margin-bottom: 20px; } .compatible-with .box a { font-size: 14px; padding: 14px; } #pagination li.pegbtn a { width: 40px; } #pagination li.pegbtn a { font-size: 16px; } #pagination li.pegbtn i { font-size: 16px; } .compatible-with .pagination-block { padding-top: 40px; } .tools-accessories .item .content strong { margin-bottom: 20px; font-size: 14px; } .tools-accessories h2 { font-size: 26px; margin-bottom: 25px; } .tools-accessories { padding: 50px 0; } .tools-accessories .item .content p { font-size: 14px; } .tools-accessories .item .content h3 { font-size: 14px; margin-bottom: 18px; } .resources-main { padding: 50px 0; } .resources-main h2 { font-size: 26px; } .resources-main .btn-block { margin-top: 20px; } .tools-accessories .owl-carousel { max-width: 82%; } .products-main-details #pagination li a { font-size: 18px; } .products-main-details .form-main h4 { font-size: 18px; } .compatible-with .box { margin: 10px 0; } .about-us-main { padding: 50px 0; } .about-us-main .bg-cover { margin-top: 15px; } .about-us-history { padding: 30px 0; } .our-core-values { padding: 40px 0; } .our-core-values .box .content h3 { font-size: 16px; } .our-core-values .img-b { margin-bottom: 15px; height: 68px; } .about-contact-us .list { margin: 0 -40px; } .about-contact-us .list .box { padding: 0 40px; margin: 15px 0; } .about-contact-us { padding: 40px 0; } .accordion-main { padding: 50px 0; } .contact-form-main .one-half { padding: 0 15px; } /*.contact-form-main form { margin: 0 -15px; }*/ .contact-form-main .form-block .form-group { margin-bottom: 10px; } .about-contact-us .container { max-width: 1050px; } .search-new-result .categories-lt { padding: 70px 30px; max-width: 280px; } .search-new-result .directory-listing-left { padding: 70px 30px; max-width: 280px; } .search-new-result .result-rt { padding: 30px 40px; width: calc(100% - 280px); } .search-new-result .result-rt h2 { padding-bottom: 20px; padding-left: 20px; } .search-new-result .directory-listing-left strong { font-size: 18px; padding-bottom: 15px; } .search-new-result .directory-listing-left ul li { font-size: 18px; } .search-new-result .categories-lt strong { font-size: 18px; padding-bottom: 15px; } .search-new-result .categories-lt ul li { font-size: 18px; } .search-new-result .three-card-blocks .block-content { padding: 20px 15px; } .search-new-result .three-card-blocks .blocks { width: calc(50% - 30px); margin: 15px; } .search-new-result .three-card-blocks .blocks:nth-child(3n+3) { margin-right: 15px; } } @media (max-width:1024px) { h2,.h2{font-size:28px;} .main-header > .row > .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .main-header .logo-wrap{max-width:350px;float:left;} .applications-content-left h1{font-size:34px;} .applications-content-right ul li{font-size:18px;} .our-markets-slider{padding-top:67px;} .banner-slide .container{padding-right:90px;padding-left:90px;} .news-banner-title h1{font-size:35px;font-weight:400;line-height:1.33;margin-bottom:7px;} .block-content h2{font-size:18px;} .block-content{width:59.8%;padding:26px 22px 31px 22px;} .block-img{width:40.2%;} .top-nav li a{font-size:16px;} .top-nav li{margin:0 0 0 23px;padding-right:23px;} .main-header .btn{padding:9px 7px 8px 7px;max-width:134px;width:100%;} .wrap-drop{max-width:145px;margin-right:10px;} .top-header li{margin-left:19px;} .search-bar{position:relative;margin-left:18px;max-width:148px;} .search-bar{max-width:inherit;} .search-bar input[type=submit]{margin-right:15px;} .top-header li:first-child{margin-left:0;} .search-bar input[type=submit]{left:4px;} .search-bar input[type=text]{ padding:7px 20px 7px 38px; } .search-bar-wrap{max-width:458px;} .news-details-content h1 { font-size: 28px; margin-bottom: 16px; } .blog-video-content .video-block { margin: 25px 0; } .blog-video-content h2 { margin-bottom: 12px; } .blog-video-content ul li { font-size: 14px; line-height: 1.8; } .blog-video-content .blog-container { padding-bottom: 30px; } .whitepaper-img-form .form-block { padding-left: 10px; } .download-pdf { margin-top: 12px; } .calculator-main .btn-block { padding-left: 25px; } .calculator-main .calculator-form-main form .form-group { margin-bottom: 15px; } .calculator-results h2 { font-size: 16px; margin-bottom: 10px; } .calculator-results .table-responsive:nth-of-type(2) { width: calc(46% - 20px); margin-left: 20px; } .calculator-results .table-responsive:nth-of-type(1) { width: calc(46% - 20px); margin-right: 20px; } .calculator-main .btn-block .social-list a { margin-left: 18px; } .calculator-results .table-responsive tr td .img { height: 145px; } .calculator-results p:first-of-type { margin-top: 20px; } .calculator-results { padding: 20px 0; } .calculator-results .table-responsive tr td h4, .calculator-results .table-responsive tr td span { font-size: 13px; } .product-family-cust .tab-content .bg-image { width: 40.2%; } .standard-block .title-block h2 { font-size: 34px; } .specifiations-block { padding: 90px 0; } .specifiations-block .title-block h2 { font-size: 26px; margin-bottom: 20px; } .bulkcable-three-tab .list .box .img-block svg, .bulkcable-three-tab .list .box .img-block > img { max-width: 52px; } .bulkcable-three-tab .box .img-block small { font-size: 16px; padding-left: 28px; width: calc(100% - 52px); } .thankyou-main { padding: 60px 0; } .thankyou-main h1 { font-size: 22px; margin-bottom: 15px; } .thankyou-main p { font-size: 13px; } .quick-links.products li { padding-bottom: 0; } .prod-left-img h2 { font-size: 22px; } .products-main-details .right-details { padding: 30px; } .products-main-details .right-details strong { font-size: 18px; } .products-main-details #pagination li.pegbtn i { margin-top: 2px; } .products-main-details #pagination li.pegbtn a { width: 40px; } .specifications-main h2, .compatible-with h2, .tools-accessories h2 { font-size: 24px; } .specifications-main .table-responsive table tbody tr td strong, .specifications-main .table-responsive table tbody tr td small { font-size: 14px; padding: 5px; } .specifications-main .table-responsive { width: 50%; margin-bottom: 35px; } .specifications-main .lists { margin: 0 -15px; } .specifications-main .table-responsive { padding: 0 15px; } .about-contact-us .list { margin: 0 -15px; } .about-contact-us .list .box { padding: 0 15px; } .about-us-main { padding: 40px 0; } .filters .filters-inner select { width: 280px; } .filters .filters-inner form { width: 280px; margin-left: 25px; } .faq-main { padding: 50px 0; } .search-result-data { padding: 50px 0 70px } .search-result-data h1 { font-size: 26px; } .search-result-data h2 { font-size: 16px; } .search-result-data .search_result { padding-bottom: 22px; } nav.navigation.pagination .nav-links a, nav.navigation.pagination .nav-links span.current { font-size: 18px; margin: 0 7px; } } @media (max-width:992px) { .active .our-markets-slide { transform: none; } .banner-slide .container h2{font-size:28px;} .banner-slide{height:722px;padding-top:280px;} .quick-links li a{font-size:14px;} .applications-content-right{width:59%;padding-left:27px;} .applications-content-left h1{font-size:31px;} .applications-content-right ul li{font-size:16px;padding:25px 0 25px 60px;} .applications-content-right h3{color:#1D1D1B;font-size:26px;} .slide-content{padding:82px 48px 90px;} .learning-center{padding-bottom:80px;} .contact-form{max-width:208px;} footer .links{max-width:108px;margin-right:11px;} .footer-logo{margin-right:31px;width:113px;} .main-header .logo{width:128px;margin-top:6px;} .subscribe p{color:#fff;font-size:16px;} .address:first-child{margin-left:0;} .address{max-width:232px;} .subscribe-content{max-width:366px;} .subscribe-form{max-width:310px;} .top-header li{margin-left:14px;} .wrap-drop{padding:10px 16px 11px;} .contact-form-area{padding:0 40px} .two-column-slider .container, .blog-video-content .blog-container{padding-left: 20px; padding-right: 20px;} .two-column-slider h2 { font-size: 22px; margin-bottom: 15px; } .news-details-content h1 { font-size: 24px; } .whitepaper-img-form .container { padding: 0 15px; } .whitepaper-img-form .form-block h1 { font-size: 22px; } .calculator-main h1 { font-size: 22px; margin-bottom: 26px; } .calculator-main .calculator-form-main form .btn-block .submit, .calculator-main .calculator-form-main form .btn-block .reset { min-width: 120px; } .calculator-results { width: 75%; } .calculator-results { width: 100%; } .calculator-results .table-responsive:nth-of-type(1) { width: calc(50% - 20px); margin-right: 10px; } .calculator-results .table-responsive:nth-of-type(2) { width: calc(50% - 20px); margin-left: 10px; } .calculator-main { padding: 40px 0 10px; } .calculator-main .calculator-form-main { padding: 20px; } .calculator-main .calculator-form-main form .form-group > label { font-size: 13px; } .standard-block .title-block h2 { font-size: 30px; } .product-family-cust .standard-block .title-block p { font-size: 14px; } .specifiations-block .title-block h2 { font-size: 24px; margin-bottom: 18px; } .product-family-cust { padding: 100px 0 50px; } .product-family-cust ul.tabs li { padding: 32px; } .product-family-cust .maintabs-wrap { margin-bottom: -40px; } .product-family-cust { padding: 70px 20px 40px; } .bulkcable-three-tab .box .img-block small { width: calc(100% - 52px); } .bulkcable-three-tab .list .box .img-block svg, .bulkcable-three-tab .list .box .img-block > img { max-width: 42px; } .calculator-main .calculator-form-main form .form-group.or:after { top: 32px; } .tabs-contents-main { padding: 150px 0 40px; } .result-product-main .left-filter { padding: 30px 25px; max-width: 255px; } .result-product-main .right-table-block { width: calc(100% - 255px); padding: 30px 25px 30px; } .result-product-main .right-table-block > h2 { font-size: 18px; margin-bottom: 15px; } .result-product-main .left-filter .title small { font-size: 18px; } .resources-main .resources-list { margin: 0 -15px; } .resources-main .resources-box { padding: 0 15px; } .resources-main .resources-box .bg-cover { width: 205px; height: 115px; } .resources-main .resources-box .r-content { width: calc(100% - 205px); } .resources-main { padding: 40px 0; } .resources-main .btn-block a { min-width: 190px; } .specifications-main { padding: 30px 0; } .quick-links.products { margin-bottom: 15px; } .products-main-details .right-details { margin-right: 15px; width: calc(55.72% - 15px); } .products-main-details .right-details .build-your-assembly { overflow: hidden; } .step:after { right: -76px; } .step-circle { width: 80px; height: 80px; } .products-main-details .right-details { margin-right: 15px; } .products-main-details .prod-left-img .btm-detail { padding: 12px; } .quick-links.products li:first-child a { margin-top: 10px; } .application-interconnect { padding: 50px 0; } .application-interconnect p:last-of-type { margin-bottom: 0; } .limage-with-rcontent .r-content { padding-left: 20px; } .content-with-table { padding: 50px 0; } .content-with-table .top-block { padding: 15px 0; } .content-with-table table tr td { padding: 10px; } .application-interconnect h1 { font-size: 24px; } .limage-with-rcontent h2 { font-size: 24px; } .content-with-table h2 { font-size: 24px; } .careers-banner { padding: 100px 0; } .contact-form-main { padding: 30px 0 0; } .list-distributor .box h3 { font-size: 16px; } .faq-main h1 { font-size: 24px; margin-bottom: 10px; } .faq-main .accordion-common li .accordion-submenu { padding: 0 20px 20px 20px; } .faq-main .accordion-common li a { padding: 15px 20px; } .search-new-result input[type="text"] { width: 100%; margin-bottom: 10px; } .three-card-search input[type="submit"] { max-width: 160px; margin-right: auto; margin-left: 0; } .filters .filters-inner form { width: 49%; margin: 10px 0 10px auto; } .filters .filters-inner select { width: 100%; } .filters .filters-inner div.selectbox { width: 49%; margin: 10px 0; } .filters .filters-inner .d-flex { align-items: center; } .hs-error-msgs{margin:-2px 0 -15px 0} /*.search-new-result .three-card-blocks .blocks { width: 48%; } .three-card-blocks .blocks:nth-child(2n+2) { margin-right: 0; margin-left: auto; } .three-card-blocks .blocks:nth-child(3n+3) { margin-right: 0; }*/ .about-us-history p > img { margin: 10px 0; } .products-main-details .prod-left-img img { max-width: 100%; } .pagination-wr { padding-top: 30px; } } @media (max-width:767px) { h1,.h1{font-size:31px; margin-bottom:26px; } h2,.h2{font-size:26px; margin-bottom: 22px; } h3,.h3{font-size:18px; margin-bottom:15px; } h4,.h4{font-size:16px; margin-bottom:15px; } h5,.h5{font-size:14px; margin-bottom:10px; } h6,.h6{font-size:14px; margin-bottom:20px; } .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{-ms-flex: 100%; flex: 100%; max-width: 100%; } .main-navigation:after { content: ""; display: block; width: 100%; height: 80px; background-color: #FFFFFF; position: absolute; left: 0; top: 0; z-index: 111; } /*New submenu css*/ .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li .ubermenu-submenu { position: static; opacity: 1; visibility: visible; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li.ubermenu-item-has-children > a:after { width: 18px; height: 18px; font-size: 18px; transform: rotate(0); transform-origin: center center; text-align: center; } .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li .ubermenu-submenu { display: none; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item > .ubermenu-submenu { position: static; opacity: 1; visibility: visible; } .custom-sub-third > .ubermenu-submenu > .three-column-list > .ubermenu-submenu > .ubermenu-item > .ubermenu-submenu { display: none; } .custom-sub-third > .ubermenu-submenu > .three-column-list > ul.ubermenu-submenu > .ubermenu-item-has-children > a.ubermenu-target:after { width: 18px; height: 18px; font-size: 18px; transform: rotate(0); } .page-template-contact-us .bread-crumb-with-bg { padding-top: 5px; } .banner-404 { margin-top: 0; } .thankyou-main { padding: 40px 0; } .thankyou-main p:last-of-type { padding-bottom: 0; } .mobile-hide { display: none; } .search-bar-wrap{display:none;} .site-header{padding:18px 0 18px;} .top-header{margin-bottom:8px;} .load-more{right:0;} .top-nav .search-bar-wrap,.for-mobile-only{display:flex;width:100%;margin-top:0;justify-content:center;max-width:100%;padding:0 36px;} .main-navigation{width:calc(100% + 158px);margin-top:-17px;} .search-bar-wrap.for-mobile-only{display:none;} .ubermenu.ubermenu-main:not(.ubermenu-responsive-collapse){height:100vh;background:#005EB8;padding-top:96px;} .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{color:#fff!important;} .ubermenu-main .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{color:#fff!important;font-size:26px;margin-top:-13px;transform:rotate(-90deg);} header .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close{width:74px;} header .ubermenu-responsive.ubermenu-sub-indicators .ubermenu-tabs > .ubermenu-tabs-group > .ubermenu-tab.ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{right:28px} .ubermenu.ubermenu-main .ubermenu-item-level-0 > a:after{display:none;} .search-bar{margin-left:0;max-width:100%;width:100%;} .wrap-drop{margin-right:0;} .menu-header-container{width:100%;} .wrap-drop .drop{height:140px;overflow:auto;} .main-header .btn{margin-top:10px;width:100%;max-width:100%;} .top-nav,.top-nav.menu-opened{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;} .top-nav{opacity:0;visibility:hidden;z-index:-10;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;flex-wrap:wrap;justify-content:center;align-items:center;display:flex;} .top-nav.menu-opened{opacity:1;visibility:visible;z-index:100;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .top-nav.menu-opened ul.nav-menu,.top-nav div.nav-menu > ul{display:block;} .top-nav.menu-opened .menu-main-menu-container{display:flex;height:100%;overflow:auto;padding:100px 0;} .top-nav.menu-opened ul.nav-menu,.top-nav div.nav-menu > ul{margin:auto;width:100%;max-width:600px;} .top-nav ul li{font-size:22px;line-height:1.5em;} .top-nav ul li a{padding:20px 20px;display:block;} .top-nav ul li:last-child a{border:0;} .top-nav ul li a:hover{text-decoration:none;} .top-nav ul li ul{background:rgba(0,0,0,0.03);} .top-nav ul li ul li{font-size:0.864em;} .top-nav ul li ul{display:none;} .right-header{width:calc(100% - 118px);margin-left:auto;text-align:right;} .top-nav a:hover,.top-nav a:focus,.top-nav li.current-menu-item a,.top-nav li.current_page_item a{color:#005EB8;} .news-container{padding-left:20px;padding-right:20px;} .main-header .logo { width:90px; margin-top:0; margin-left: 16px; position: absolute; left: 0; top: 18px; z-index: 1111; } .main-header .logo a { display: block; } .banner-slide{ height:auto; padding-top:0; background-size: 0; } .banner-slide .banner-slide-mob { height:500px; } .home .banner .owl-dots { position: absolute; top: 450px; } .banner-slide .container p { color: #3E3E3E; margin-bottom: 20px; } .banner-slide .container{ padding-right:40px; padding-left:40px; padding-bottom: 50px; } .banner-slide .container h2{ font-size:30px; margin-bottom: 10px; } .banner-slide .container span{ font-size:18px; line-height: 23px; color: #3E3E3E; margin-bottom: 12px; } .quick-links li{padding:18px 18px;width:50%;} .quick-links li:last-child{border-right:1px solid #4E8FCE;} .products-by-applications{padding:43px 0;} .applications-content-left { width:100%; padding: 62px 0 115px; } .applications-content-right{width:100%; padding:0 36px; margin-top:65px; } .applications-content-left h1{font-size:28px;} .applications-content-right h3{color:#1D1D1B; font-size:30px; line-height: 36px; } .applications-content-right p{font-size:20px; line-height: 28px; color:#000000; margin-bottom: 12px; } .applications-content-right ul li { font-size:15px; line-height: 20px; padding:18px 20px 18px 48px; display:flex;flex-wrap:wrap;align-items:center; width: 100%; font-weight: normal; border-bottom-color: rgb(0, 0, 0, 0.30); } .applications-content-right ul li > a { position: absolute; left: 0; top: 0;width:100%;height: 100%; } .applications-content-right ul li img{width:31px;} .our-markets-slider{ padding-top: 20px; } .slide-content{padding:32px 23px 60px; width:100%; } .slide-img{ width:100%; padding-bottom:56.25%; } .slide-content h3{ font-size:18px; line-height: 26px; margin-bottom:7px; } .slide-content .btn{ font-size:15px; line-height: 23px; max-width:127px; padding:5px 10px 5px; } ul.tabs li{padding:0px 24px;font-size:16px;} .tab-content .bg-image{max-width:100%;width:100%;padding-bottom:65.25%; height: auto; } .blog-content { padding-left:0;width:100%; padding-top: 24px; } h2,.h2{font-size:24px;} h3,.h3{font-size:17px;} .learning-center{ padding-bottom:25px; padding-left: 16px; padding-right: 16px; padding-top: 74px; } .footer-logo{ margin-right:auto;width:100%; margin-left:auto; margin-bottom:20px; } .footer-logo a { display: inline-block; margin-left: 6px; } .footer-logo a img{ width:144px; margin-left:auto; margin-right:auto; display:block; } footer .links{ max-width:100%; margin-right:0; text-align:left;border-bottom: 1px solid rgba(0, 0, 0, 0.30); } footer ul li { margin-bottom: 0; } footer ul li a { line-height: 2.15; display:inline-block; font-weight: 400; } footer .links h3 { font-size:15px; margin-top:10px; color: #000000; margin-bottom:10px; width: 100%; position: relative; line-height: 1.2; padding: 18px 0; margin: 0; font-weight: 400; } footer .links .menu ul { margin-top: 5px; } footer .links .menu ul li a { font-size: 14px; line-height: 1.5; color: #000000; } footer .links h3:after { content: ""; display: block; width: 13px; height: 7px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/dropdown-arrow-ic.svg); top: 52%; transform: translateY(-50%); right: 18px; transition: 0.3s all ease-in-out; transform-origin: center; } footer .links h3.active:after { transform: rotate( 180deg); -webkit-transform: rotate( 180deg); } footer > .container { padding: 0 36px; } footer .links .footer-menu-toggle { display: none; } footer .address-info { padding: 39px 16px 18px; } footer .copyright { border-top: 1px solid #FFFFFF; padding: 28px 16px 37px; } footer .mobile-social { width: 100%; padding-bottom: 25px; } footer .mobile-social > h4 { margin-top: 20px; } .contact-form{max-width:100%;margin-left:0;margin-top:22px;} .address{max-width:200px;} .bread-crumb-with-bg{padding-top:3px;} .bread-crumb-with-bg h1{margin-bottom:6px;margin-top:24px;font-size:26px;font-weight:600;} .content{padding-top:67px;} .two-card-blocks .blocks,.three-card-blocks .blocks{width:100%;margin-right:0;} .two-card-blocks a{color:#005EB8;display:block;} .block-content{width:100%;padding:26px 26px 31px 26px;} .block-img{width:100%;height:auto;padding-bottom:56.25%;} .contact-block-left{width:100%;padding-right:0;} .contact-block{padding:24px 22px 31px;} .contact-block-right{max-width:100%;padding-left:0;margin-left:0;padding-top:27px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} .contact-block-right .btn.btn-border{margin-top:0;} .contact-block-right .btn{max-width:100%;font-size:13px;padding:5px 5px;margin:0 0px;display:block;width:48%;} .contact-block h2{font-size:19px;color:#FFFFFF;font-weight:600;margin-bottom:10px;} .news-banner-title h1{font-size:26px;line-height:1.3;} .news-banner-title span,.news-banner-title p{display:block;font-size:18px;} .news-banner-title span,.news-banner-title p{display:block;font-size:16px;} .news-container .contact-block-left{width:100%;} footer .social-listing{float:none;} .bottom-footer .col-sm-12{margin-bottom:5px;text-align:left;} .bottom-footer .social-media{padding-left:0;} .resource-content{width:100%;padding-left:0;margin-top:20px;padding-bottom:20px;} .resource-img{width:100%;position:relative;padding-bottom:59.25%;} .resource-listing{margin-bottom:26px;} .resource-list{margin-bottom:22px;} .resources{background:#EDEDED;padding-bottom:69px;padding-top:70px;} .subscribe-content{ max-width:100%; position: relative; } .subscribe-form{ max-width:100%;margin-left:0; margin-top:20px; position: relative; } .subscribe{ background-color:#005EB8; background-blend-mode:multiply; padding: 55px 16px 48px; } .error404 .page-content-section{padding:50px 0 0;} .error404 .error-main{max-width:530px;margin:auto;padding:5%;background:rgba(40,41,45,0.35);border:1px solid rgba(255,255,255,0.17);box-shadow:0 0px 60px rgba(0,0,0,0.15);} .error404 .error-main{padding:55px 5%;margin-bottom:50px;} .error404 .error-main .title-404{font-size:150px;line-height:0.8;margin-bottom:0;} .error404 .error-main .title-404{font-size:100px;margin-bottom:10px;} .error404 .error-main .content-404 h3{padding:10px;border-top:1px solid rgba(255,255,255,0.42);border-bottom:1px solid rgba(255,255,255,0.42);text-transform:uppercase;letter-spacing:10px;margin:20px 0;font-size:22px;} .error404 .error-main .content-404 h3{font-size:22px;letter-spacing:2px;} .error404 .error-main .content-404 p{line-height:1.25em;font-size:15px;} .top-nav li{margin:0 0 0 0;padding-right:0;} #popper-popup{right:auto;top:100%;margin-top:-10px;max-width:300px;} .post-cta-block #popper-popup { top:100%; margin-top:-10px; } #popper-arrow{top:-3px;left:20px;transform:none;margin-left:0;} .post-cta-block #popper-popup #popper-arrow { top:-3px;left:20px;transform:none;margin-left:0; } .contact-callout-block #popper-popup #popper-arrow { top:-3px;left:20px;transform:none;margin-left:0; } .two-square-card-blocks .blocks{width:100%;} .two-square-card-blocks .blocks{margin-right:0;} .four-card-blocks .blocks,.two-image-text-blocks .image-text-blocks,.three-image-text-blocks .image-text-blocks,.four-image-text-blocks .image-text-blocks{width:100%;margin-right:0%;} .contact-block.medium-block .contact-block-left{width:100%;} .form-field{width:100%;} .form-field.d-flex.radio-box{margin-bottom:15px;margin-top:0;} .contact-form-area{padding:0 20px;} header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main{background:transparent;padding:0;margin-right:20px;position:relative;z-index:1234;} header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-responsive-toggle-open i,header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-responsive-toggle-open i::before,header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-responsive-toggle-open i::after{background-color:#000; width:24px; } header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-responsive-toggle-open i:before{transform:rotate(88deg);right:0px;top:0px;} header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-responsive-toggle-open i{transform:rotate(45deg);} header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{font-size:18px;padding-left:36px;padding-right:36px;} .wrap-drop{display:none;} .top-header{display:none;} .ubermenu-main li.mobile-menu-only{display:block!important;} header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target,.ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded{padding-top:14px;padding-bottom:14px;} header .ubermenu-responsive.ubermenu .ubermenu-nav{display:block;overflow:auto!important;height:100vh;padding-bottom:110px;} .scrollable{width:991px;overflow:scroll;overflow-y:hidden;} .connector-search-results tr td p{max-width:232px;} .cable-assembly-block{padding:60px 30px;} .step-circle{width:80px;height:80px;border-radius:40px;line-height:74px;} .step:after{ right: -96px; width: 130%;} .selections-assembly .step-circle img{width:100%;} .selections-assembly{max-width:739px;} .step-content-data{padding:0 10px;} .acc{margin:21px auto;padding:0 10px;} .selections-assembly ul{margin-top:26px;padding:0 10px 19px 25px;} .build-drawing-btn{padding:23px 10px;} .acc__title > span{max-width:105px;} .acc__title a{right:62px;} .acc__panel table tr td:first-child{max-width:92px;} .selections-assembly ul li{margin-right:0;width:100%;margin-bottom:15px;} .selections-assembly ul li:last-child{margin-left:0;margin-right:0;width:192px;} .build-drawing-btn a.btn{max-width:100%;margin-right:0;margin-bottom:15px;} .cable-assembly-block{margin-right:20px;} .form-input-box{width:47%;} .form-radio label{margin-right:7px;} .form-radio input[type="radio"]{margin-right:6px;} .request-a-quote-callout-form{margin-right:20px;padding:40px 30px 60px;} .request-a-quote-callout-form .half-width{width:100%;padding:0;} .my-cart-assembly .acc__title strong{display:block;} .edit-cart a:first-child{margin-left: 0;} .edit-cart a { margin-left: 20px; } /* Header below search -----------------------------------------------------*/ .search-bar-mobile { margin-top: 82px; background-color: rgba(237, 237, 237, 0.46); padding: 11px 0; } .search-bar-mobile form { margin: 0 auto; width: calc(100% - 72px); position: relative; padding: 0; background-color: #FFFFFF; border-radius: 3px; overflow: hidden; } .search-bar-mobile form input[type=submit] { background: url(../images/search-icon.svg) no-repeat; outline: none; -webkit-appearance: none; border: 0; text-shadow: none; padding: 8px 20px; background-size: 15px; background-position: center; position: absolute; right:0; top: 0; height: 100%; } .search-bar-mobile form input[type="text"]{ background-color: #FFFFFF; border: 1px solid #EDEDED; padding: 7px 44px 7px 10px; color: #000000; font-size: 14px; line-height: normal; } .home .quick-links { display: none; } .banner-slide .banner-content { max-width: 320px; margin: 0 auto; padding-top: 30px; text-align: center; } .home .banner .owl-nav { position: absolute; bottom: 82px; top: auto; display: flex; align-items: center; justify-content: center; margin: 0 auto; left: 0; right: 0; } .home .banner .owl-nav .owl-prev { position: static; top: 0; transform: none; margin: 0 40px 0 0; } .home .banner .owl-nav .owl-next { position: static; top: 0; transform: translate(0,100%) rotate(180deg); margin: 0; } .products-by-applications .container { padding: 0; } .products-by-applications .applications-content-left { background-color: rgba(237, 237, 237, 0.46); } .products-by-applications .applications-content-left h1 { text-align: center; max-width: 260px; margin: 0 auto; font-size: 31px; line-height: 35px; } .products-by-applications .shape-bg-mobile { background-repeat: no-repeat; background-size: contain; background-position: -120px 110px; height: 360px; width: 540px; position: absolute; top: 0; left: 0; z-index: -1; } .applications-content-right ul { margin: 0; } .applications-content-right ul li:nth-last-child(2) { border-bottom: 1px solid rgb(0, 0, 0, 0.30); } .our-markets-slider .container > h2 { font-size: 30px; } .our-markets-slider .container > h2 + p { line-height: 1.4; } .our-markets-slider .active .our-markets-slide { transform: scale(1); } .our-markets-slider .slide-content p { font-size: 15px; line-height: 23px; } .our-markets-slider .slide-content{padding:32px 23px 47px; } .our-markets-slider .owl-nav { position: absolute; bottom: -40px; top: auto; display: flex; align-items: center; justify-content: center; margin: 0 auto; left: 0; right: 0; max-width: 147px; width: 100%; } .learning-center .container > h2 { font-size: 30px; line-height: 1.2; margin-bottom: 12px; } .learning-center .container > h2 + p { line-height: 1.4; } .blog-content h2 { font-size: 30px; line-height: 1.2; } .blog-content span { line-height: 1.4; } .subscribe h2 { padding-top: 0; font-size: 30px; line-height: 1.2; margin-bottom: 15px; } .subscribe { background-size: 0; position: relative; } .subscribe .subscribe-mobile { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #005EB8;background-blend-mode: multiply; } .address-info p { line-height: 1.65; } .copyright p { line-height: 1.65; font-size: 14px; } footer { padding: 44px 0 0; } .home .quick-links.mobile { display: block; margin-top: 0; margin-bottom: 0; } .home .quick-links.mobile ul { padding: 16px 46px; } .home .quick-links.mobile li { width: 100%; border-right: 0; border-bottom: 1px solid #4E8FCE; margin: 0; padding: 13px 0; } .home .quick-links.mobile li a { display: flex; align-items: center; } .home .quick-links.mobile li a img { max-width: 29px; } .home .quick-links.mobile li a span { font-size: 15px; line-height: 1.3; max-width: none; width: calc(100% - 29px); margin-top: 0; text-align: left; padding-left: 20px; } .home .quick-links.mobile li:first-child { padding-top: 0; } .home .quick-links.mobile li:last-child { border-bottom: 0; padding-bottom: 0; } .learning-center ul.tabs.mobile-hide { display: none; } .learning-center .mobile-tab-dropdown { position: relative; margin: 28px 0 40px; } .learning-center .mobile-tab-dropdown .tabs { display: none; border: 1px solid #707070; margin: -1px 0 0 0; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; } .learning-center .mobile-tab-dropdown > a { font-size: 15px; line-height: 29px; color: #000000; font-weight: normal; font-family: 'Open Sans'; border: 1px solid #707070; border-radius: 3px; width: 100%;display: block; padding: 2px 20px; position: relative; } .learning-center .mobile-tab-dropdown > a:after { content: ""; display: block; width: 13px; height: 7px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/dropdown-arrow-ic.svg); top: 50%; transform: translateY(-50%); right: 18px; transition: 0.3s all ease-in-out; transform-origin: center; } .learning-center .mobile-tab-dropdown .tabs li { font-size: 15px; line-height: 29px; color: #000000; font-weight: normal; border-right: 0; padding: 2px 20px; } .learning-center .mobile-tab-dropdown > a.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .learning-center .mobile-tab-dropdown > a.active:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); top: 40%; } .search-bar-mobile .owl-dots .owl-dot { border-color: #3E3E3E; } .blog-content p { margin-bottom: 25px; } .our-markets-slider-wrap { margin: 46px 0 38px; } .subscribe p { font-size: 18px; line-height: 1.45; margin-bottom: 6px; } .two-column-slider { padding: 0 0 30px; } .two-column-slider .slider-main { padding: 0 45px; } .two-column-slider .slider-main .items { margin: 15px; } .two-column-slider .content { padding: 15px; } .two-column-slider .content h3 { font-size: 16px; } .two-column-slider .content p { font-size: 14px; } .blog-video-content { padding: 50px 0 40px; } .blog-video-content ul li { width: 100%; } .calculator-main .calculator-form-main { width: 100%; margin: 15px 0; } .calculator-main .btn-block { width: 100%; padding-left: 0; } .calculator-main .btn-block .blue-btn { width: auto; padding: 8px 12px; margin: 0 8px 0 0; } .calculator-main h1 { font-size: 20px; margin-bottom: 6px; } .product-family-cust ul.tabs li { padding: 15px 12px; font-size: 14px; } .product-family-cust .maintabs-wrap { margin-bottom: -30px; } .standard-block { padding: 70px 0 40px; } .product-family-cust .tab-content .bg-image { width: 100%; padding-bottom: 66%; } .about-author-main .author-content { width: 100%; padding: 25px 0 0 0; } .bulkcable-three-tab .list .box { padding: 20px 22px; width: 100%; } .bulkcable-three-tab .list .box:after { width: 100%; height: 1px; bottom: 0; left: 0; right: 0; top: auto; } .bulkcable-three-tab .list .box .img-block { min-height: auto; } .bulkcable-three-tab .list .box .img-block svg, .bulkcable-three-tab .list .box .img-block > img { max-width: 52px; } .our-markets-slider .slide-content .btn { min-width: 147px; } .banner .owl-dots .owl-dot { border-color: #3E3E3E; } .calculator-main .btn-block .social-list { justify-content: flex-start; margin-top: 15px; } .calculator-main .btn-block .social-list a { margin-left: 0; margin-right: 15px; } .calculator-main .calculator-form-main form .form-group.or { padding-bottom: 15px; } .calculator-main .calculator-form-main form .form-group.or:after { font-size: 15px; left: 0; right: 0; margin: 0 auto; bottom: -12px; top: auto; } .tabs-contents-main .tab-content form .form-group { width: 100%; } .bulkcable-three-tab .container > div { box-shadow: 0 0px 6px rgb(0 0 0 / 16%); } .tabs-contents-main .tab-content form .btn-group input[type="submit"] { max-width: 100px; } .connector-tab-block { padding: 30px 0; } .tabs-contents-main h2 { font-size: 22px; } .tabs-contents-main .tab-content form .form-group { margin: 8px 0; } .tabs-contents-main .tab-content form .form-group label { margin-bottom: 5px; } .tabs-contents-main { padding: 150px 0 30px; } .result-product-main .left-filter { width: 100%; position: static; max-width: 100%; } .result-product-main .right-table-block { width: 100%; } .result-product-main .left-filter .title a { display: none; } .result-product-main .right-table-block .contact-callout-block .contact-block-left { width: 100%; } .specifications-main .table-responsive { width: 100%; } .resources-main .resources-box { width: 100%; } .part-structure-main .left-part-struct { width: 100%; } .resources-main .resources-box .bg-cover { width: 100%; height: auto; padding-bottom: 56.6%; } .resources-main .resources-box .r-content { padding: 25px 0; width: 100%; } .products-main-details { padding: 32px 0; } .products-main-details .prod-left-img { width: 100%; } .products-main-details .right-details { width: calc(100% - 30px); margin-top: 30px; margin-left: auto; margin-right: auto; padding: 20px; } .prod-left-img h2 { font-size: 20px; } .products-main-details .right-details strong { font-size: 16px; } .products-main-details #pagination li a { font-size: 16px; } .products-main-details .form-main h4 { font-size: 16px; } .products-main-details .form-main .form-group { width: 100%; } .quick-links.products li { padding: 0 12px; } .quick-links.products li a span { font-size: 14px; } .quick-links.products li { width: 50%; margin-bottom: 18px; } .quick-links.products { margin-bottom: 10px; } .specifications-main .table-responsive:last-child { margin-bottom: 0; } .compatible-with .box { width: 100%; } .compatible-with p { margin-bottom: 10px; } .compatible-with { padding: 30px 0; } .compatible-with .pagination-block { padding-top: 20px; } .tools-accessories { padding: 30px 0; } .related-items-slider .slider { padding: 0 30px; } .tools-accessories-wrap .tools-item {width: 50%;} .tools-accessories .owl-carousel { max-width: 100%; padding: 0 30px; } .tools-accessories .item .content { padding: 10px 0 0; text-align: center; } .tools-accessories.gray-bg .owl-carousel { max-width: 82%; } .tools-accessories .item .content h3 { margin-bottom: 10px; } .result-product-main { min-height: none; } .part-structure-main .details-cable { width: auto; padding: 0 15px; margin-left: auto; margin-right: auto; max-width: 40%; margin-top: 35px; } .quick-links.products li:first-child a { margin-top: 0; } .about-us-main { padding: 30px 0; } .about-us-main h1 { font-size: 22px; margin-bottom: 10px; } .about-us-main .bg-cover { min-height: auto; } .about-us-history h2 { font-size: 22px; margin-bottom: 10px; } .our-core-values h2 { font-size: 22px; margin-bottom: 10px; } .our-core-values .list { margin: 0 -15px; } .our-core-values .list .box { width: 100%; padding: 0 15px; } .our-core-values { padding: 30px 0; } .about-contact-us .list .box { width: 100%; } .about-contact-us .list .box:last-child { margin-bottom: 0; } .about-contact-us h2 { font-size: 22px; margin-bottom: 10px; } .about-contact-us .list .box h3 { font-size: 16px; } .environmental-seals h2 { font-size: 22px; margin-bottom: 10px; } .environmental-seals .social-list a { font-size: 20px; margin-right: 6px; } .application-interconnect h1 { font-size: 22px; margin-bottom: 10px; } .limage-with-rcontent h2 { font-size: 22px; margin-bottom: 10px; } .content-with-table h2 { font-size: 22px; margin-bottom: 10px; } .slider-and-content .tbl-content-block { width: 100%; } .environmental-seals { padding: 30px 0; } .environmental-seals .social-list { margin-top: 20px; } .slider-and-content .tbl-content-block { width: 100%; padding-left: 0; top: 0; margin-top: 25px; } .content-with-table .slider-and-content.r-slider .tbl-content-block { padding-right: 0; order: 2; } .content-with-table .slider-and-content.r-slider .single-slider-block { order: 1; } .content-with-table .content-block { width: 100%; } .content-with-table .table-block { width: 100%; } .content-with-table .table-responsive { padding-top: 15px; } .content-with-table { padding: 30px 0; } .limage-with-rcontent .r-content { width: 100%; padding-left: 0; } .limage-with-rcontent { padding: 30px 0; } .limage-with-rcontent p:last-of-type { margin-bottom: 0; } .application-interconnect { padding: 30px 0; } blockquote { font-size: 15px; margin: 20px auto; line-height: 1.3; } .application-interconnect .bg-cover { min-height: auto; margin-top: 10px; } .careers-banner { padding: 80px 0; } .careers-banner .content-block h2 { margin-bottom: 5px; } .careers-banner .content-block p { margin-bottom: 5px; } .careers-person-detail h2 { font-size: 22px; } .person-details-box .person-img { width: 102px; height: 102px; } .person-details-box .person-rdetails { padding-left: 22px; width: calc(100% - 102px); } .multi-image { min-height: auto; padding-bottom: 23.6%; } .accordion-main, .careers-person-detail { padding: 30px 0; } .accordion-main h2{ font-size: 22px; } .person-details-box .person-rdetails p { font-size: 15px; line-height: 1.2; } .person-details-box .person-rdetails h3, .person-details-box .person-rdetails h4 { font-size: 15px; line-height: 1.2; } .person-details-box .wrap { margin: 30px auto; } .accordion-main p { line-height: 1.2; } .contact-form-main .one-half { width: 100%; } .contact-form-main .form-block .form-group { width: 100%; } .about-contact-us.without-img-gray { padding-top: 210px; } .filters .filters-inner { padding: 18px 0 0px; } .list-distributor .row { margin: 0 -15px; } .list-distributor .box { padding: 0 15px; width: 50%; margin: 15px 0 0; } .list-distributor { padding: 25px 0; } .pagination.distributer { padding: 30px 0; } .faq-main { padding: 30px 0; } .faq-main h1 { font-size: 22px; } .faq-main .accordion-common li a { font-size: 16px; } .faq-main .accordion-common li a:after { top: 15px; } .faq-main .accordion-common li a { padding: 10px 20px; } .related-items-main .container > h2 { font-size: 22px; } .banner-404.bread-crumb .wrap { padding: 60px 0 157px; } .banner-404.bread-crumb + .quick-links { margin-top: 0; padding: 40px 0; margin-bottom: 0; } .three-column-slider .owl-carousel { padding: 0 30px; } .three-column-slider .content h3 { font-size: 18px; line-height: 1.2; } .three-column-slider h2 { font-size: 24px; line-height: 1.2; margin-bottom: 30px; } .three-column-slider { padding: 0 0 30px; } .contact-form-main form .hs-form-field, .calculator-hubspot form .hs-form-field, .contact-form-area form .hs-form-field{margin-bottom:10px;} .contact-form-main form .hs-form-field label, .calculator-hubspot form .hs-form-field label, .contact-form-area form .hs-form-field label{font-size:14px;} .contact-form-main form .hs-form-field input, .calculator-hubspot form .hs-form-field input, .contact-form-area form .hs-form-field input{min-height:34px;} .contact-form-main form .hs_submit input[type="submit"], .calculator-hubspot form .hs_submit input[type="submit"], .contact-form-area form .hs_submit input[type="submit"]{min-width: 150px; max-width: 150px; } .contact-form-main .form-block, .calculator-hubspot .form-block, .contact-form-area .form-block{padding:20px;} .ask-Question{position:relative;} /*.small-popup{top: calc(100% + 35px); min-width: 310px; right:auto; left:-1px; }*/ .small-popup{top: calc(100% + 35px); min-width: 310px; right:0; left:auto; } .small-popup:before{right:auto;left:60px;} .assembly-builder iframe { height: 1620px !important; } .assembly-builder { padding-top: 30px; } .calculator-hubspot form fieldset.form-columns-2 > div { width: 100% !important; } .calculator-hubspot form fieldset.form-columns-1 { width: 100%; max-width: 100%; } .quick-links.products .ask-expert-form fieldset .hs-error-msgs li { margin: 0; } .quick-links .hs-error-msg { font-size: 13px !important; } .search-result-data { padding: 30px 0 } .search-result-data h1 { font-size: 24px; } .search-result-data h2 { font-size: 14px; } .search-result-data .search_result { padding-bottom: 15px; } .search-new-result .three-card-blocks .blocks { width: calc(100% - 30px); } .search-new-result .result-rt .entry-header h1{font-size: 22px; line-height: 1.3; padding-bottom: 8px; } .search-new-result .result-rt h2{font-size: 22px;} .page-pagination-sec .pagination .page-link:not(.prev):not(.next){font-size: 16px;margin: 0 8px;} .page-pagination-sec .page-link.prev,.page-pagination-sec .page-link.next{width: 30px;height: 30px;} .product-family-cust .tab-content .main-top { height: auto; } .hbspt-form form > fieldset .input { margin-right: 0 !important; } .hbspt-form form > fieldset .input input[type="text"], .hbspt-form form > fieldset .input input[type="email"], .hbspt-form form > fieldset .input input[type="date"], .hbspt-form form > fieldset .input textarea, input[type="tel"] { width: 100% !important; } .careers-person-detail-new { padding: 30px 0; } .careers-person-detail .column iframe, .careers-person-detail-new .column iframe { height: auto; } .careers-person-detail-new + .careers-person-detail > .container > p:last-of-type { margin-bottom: 0; } .about-us-history p:last-of-type { margin-bottom: 0; } .our-core-values .list .box:last-of-type { margin-bottom: 0; } .about-us-history ul { padding: 0 0 20px 30px; } .two-card-blocks .block-content > a { height: auto; } .two-card-blocks .blocks:last-of-type { margin-bottom: 0; } .compatible-with .box a { width: 100%; } .news-details-content { padding-top: 30px; } .about-us-history p + h4 { margin-top: 20px; } .part-structure-main h2 { font-size: 22px; } .products-by-applications + .our-markets-slider { padding-top: 0; } .product-family-cust .tab-content .main-top { height: auto; } .blocks { margin-bottom: 30px; } .hbspt-form form > fieldset.form-columns-2 > .hs-form-field { width: 100%; } .standard-block .block-img { width: 100%; } .product-family-cust { padding: 50px 20px 40px; } .product-family-cust .standard-block .title-block p { margin-bottom: 30px; } .banner-slider { position: relative; padding-bottom: 30px; } } @media (max-width:767px) and (orientation: landscape) { .small-popup:before{left:0;right:0;margin:auto;} } @media (max-width:640px) { .main-header .logo-wrap{max-width:240px;} .main-header .logo-wrap img{width:70%;} .hamburger{margin-top:10px;} .fixed-header .hamburger{margin-top:10px;} .hamburger.is-active{margin-top:-25px;} .fixed-header .hamburger.is-active{margin-top:10px;} .top-nav ul li{font-size:18px;} .top-nav ul li a{padding:15px;} .top-nav li .submenuToggle{top:0.778em; /*14px;*/width:1.667em; /*30px;*/height:1.667em; /*30px;*/background-size:1.389em; /*25px;*/} .page-banner-slider .owl-dots{bottom:224px;} .content-promo-img,.content-promo-content{width:100%;} .content-promo-img{padding-bottom:46%;} .cart-edit .btn{max-width:100%;display:block;width:100%;margin-bottom:20px;} .banner-slide .banner-slide-mob { height: 350px; } .home .banner .owl-dots { top: 310px; } .address { margin-bottom: 15px; } .whitepaper-img-form .image-block { width: 100%; max-width: 253px; min-height: 346px; margin-left: 0; } .whitepaper-img-form .form-block { padding-left: 0; width: 100%; padding-top: 10px; } .whitepaper-img-form .form-block .bottom form .form-group { width: 100%; } .calculator-results .table-responsive:nth-of-type(1) { width: 100%; margin-right: 0; margin-bottom: 25px; } .calculator-results .table-responsive:nth-of-type(2) { width: 100%; margin-left: 0; } .calculator-main .btn-block .social-list { justify-content: flex-start; width: 100%; margin-top: 15px; } .calculator-main .btn-block .social-list a { margin-left: 0; margin-right: 15px; } .calculator-main .calculator-form-main form .form-group { width: 100%; } .calculator-main .calculator-form-main form .btn-block { text-align: left; } .calculator-main .btn-block .blue-btn { font-size: 13px; } .part-structure-main .details-cable { /*max-width: 75%;*/ max-width: 100%; } .search-new-result .three-card-blocks .blocks { width: 100%; max-width: 300px; margin-bottom: 30px; } .search-new-result .directory-listing-left { padding: 30px 20px; max-width: 100%; width: 100%; } .search-new-result .result-rt { padding: 30px 20px; width: 100%; } .search-new-result .directory-listing-left > ul { margin-bottom: 10px; } .search-new-result .directory-listing-left a.btn { margin-top: 20px; } .search-new-result .directory-listing-left > ul > li:last-child { padding-bottom: 0; } .search-new-result .categories-lt { padding: 30px 20px; max-width: 100%; width: 100%; } .search-new-result .result-rt { padding: 30px 20px; width: 100%; } .search-new-result .categories-lt > ul { margin-bottom: 0; } .search-new-result .categories-lt > ul > li:last-child { padding-bottom: 0; } .laschf-sort select { max-width: 100%; } } @media(max-width: 575px){ .contact-form-main form .hs-form-field, .calculator-hubspot form .hs-form-field, .contact-form-area form .hs-form-field{flex: 0 0 100%;max-width:100%;} .step { margin-bottom: 10px; } .step-circle span { width: 80px; text-align: center; } .step:after { top: 50px; transform: none; } } @media (max-width:480px){ .filters .filters-inner div.selectbox { width: 100%; } .filters .filters-inner form { width: 100%; max-width: 100%; } .list-distributor .box { width: 100%; } .tools-accessories-wrap {margin: 0;} .tools-accessories-wrap .tools-item {width: 100%;padding: 0;} .search-new-result .result-rt h2{font-size: 18px;} .products-main-details .prod-left-img img { width: 100%; object-fit: cover; } .contact-form .hbspt-form form > .form-columns-2 .hs-form-field input[type="text"] { width: 100%; } .subscribe-form .hbspt-form form > .form-columns-2 .hs-form-field input[type="text"] { width: 100%; } } @media (max-width:375px){ .cable-assembly-block { padding: 60px 20px; } .banner-slide .banner-slide-mob { height: 225px; } .home .banner .owl-dots { top: 182px; } .banner-slide .container { padding-bottom: 70px; } .home .banner .owl-nav { bottom: 10px; } .applications-content-right p { margin-bottom: 6px; } .two-column-slider .slider-main { padding: 0 40px; } .two-column-slider .content { padding: 10px; } .blog-video-content { padding: 30px 0; } .news-details-content h1 { font-size: 20px; margin-bottom: 12px; } .calculator-main .calculator-form-main form .btn-block .submit, .calculator-main .calculator-form-main form .btn-block .reset { min-width: 100px; margin-right: 10px; } } @media (max-width:360px){ .small-popup{min-width:280px;padding:20px;} } @media (max-width:320px){ .product-family-cust ul.tabs li { padding: 15px 8px; font-size: 12px; } } @media(min-width:767px) { .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop{border: 2px solid #cdcdcd; max-width: 950px; left: 50%; transform: translateX(-50%); } header .ubermenu-has-submenu-mega:after{display:none !important} .ubermenu.ubermenu-main .ubermenu-item-level-0:nth-child(5) > a:before{transition:none;} header .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop{margin-top:0;background:none;border:0;box-shadow:none ;border-top:solid 15px transparent} /*.ubermenu .ubermenu-nav .ubermenu-column-full, .ubermenu .ubermenu-nav .ubermenu-column-1-3{background:#f9f9f9;border:1px solid #e0e0e0;box-shadow:0 0 20px rgb(0 0 0 / 15%);}*/ header .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop > .ubermenu-column-full, header .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop > .ubermenu-column-1-3{background:#f9f9f9;border:1px solid #e0e0e0} .ubermenu.ubermenu-main .ubermenu-item-level-0:hover .ubermenu-submenu{visibility:visible;min-height:inherit !important;opacity: 1;height: auto;} } /*css added by swarna*/ .slider-and-content .imgs { border: 1px solid #005EB8; border-radius: 10px 10px 0px 0px!important; padding: 15px; } .market-breadcrumb { /* padding-top: 130px; */ padding-top: 152px; } .market-breadcrumb p { max-width: 100%; padding-bottom: 20px !important; font-weight: 600; } .market-breadcrumb h1 { font-size: 42px; margin-bottom: 15px; } section.market-page-top-description p { margin-top: 15px; font-weight: 600; /* font-size: 22px; */ } .market_app_icons { height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .market_app_icons img { width: 60px; } section.doc_section_css h2 { color: #005EB8; text-align: center; margin-bottom: 8px; } img { max-width: 100%; } .col-3-section { width: 24%; display: inline-flex; padding: 15PX; } /* CSS */ .button-50 { background-color: #005EB8; border-radius: 4px; box-sizing: border-box; color: #fff; margin: 0 5px 10px 0; padding: 12px 25px; /* white-space: nowrap; */ display: inline-block; font-size: 14px; } @media (max-width: 768px) { .col-3-section { width: 100%; } section.bread-crumb-with-bg.bg-image.bread-crumb.market-breadcrumb { padding-top: 3px !important; } .col-2-section { width: 100% !important; } .subtopic-main-css .row, .rpl-css .row { display: block !important; text-align: center; } .six-div-sec-css { max-width: 100% !important; } section.market-page-top-description p { font-size: 14px !important; } .market-breadcrumb h1 { font-size: 32px !important; } a.doc-btn.subtopic-link-css { font-size: 16px !important; } .subtopic-head-link-class { padding: 10px !important; } section.subtopic_section_css h3 { font-size: 18px !important; margin-top: 10px !important; } } .doc_section_css p { color: #6c6c6c; margin-bottom: 20px; } .col-3-section img { width: 100% !important; border-radius: 5px; margin-bottom: 25px; height: 190px; } a.doc-btn.subtopic-link-css { font-size: 22px; font-weight: bold; color: #000; } a.doc-btn.subtopic-link-css::before { /* content: "•"; */ color: #f78f11; margin: 0 10px; content: "\2022"; } .subtopic-head-link-class { padding: 20px; } .subtopic-main-css .row, .rpl-css .row{ display: flex; align-items: center; justify-content: center; } .col-2-section { width: 49%; display: inline-flex; padding-right: 30px; /* padding-left: 15px; */ margin-bottom: 60px; } section.subtopic_section_css { margin-top: 60px; } section.subtopic_section_css h3 { font-size: 26px; } a.doc-btn.learn-btn { color: #fff; background: #F78F11; padding: 10px 15px; border-radius: 5px; margin-right: 20px; display: inline-block; font-size: 14px; } a.doc-btn.rp-btn { background: #005EB8; padding: 10px 15px; color: #fff; border-radius: 5px; font-size: 14px; } .bg-color-css-start { padding-top: 30px; background: #EDEDED; padding-bottom: 60px; } .bg-color-css-start h2 { margin-bottom: 30px !important; } .bg-color-css-start .our-markets-slider{ padding-top: unset; } section.doc_section_css.rpl-css { background: #BABABA7E; } section.doc_section_css.rpl-css { background: #BABABA7E; padding: 40px 0px; } .rpl-top-head h2 { color: #F78F13 !important; } a.doc-btn.subtopic-link-css.rpl-link { font-size: 18px; } .rpl-css .row { margin-bottom: 60px; border-bottom: 2px solid #fff; padding-bottom: 20px; } p.rpl-sub-indv-head-css strong { color: #005EB8; } a.rpl-link-css { font-weight: bold; font-size: 18px; } .six-div-sec-css { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 15.666667%; display: inline-grid; padding: 10px; } .rpl-ind-section .row { align-items: unset; justify-content: unset; } .six-div-sec-css img { margin-bottom: 15px; border-radius: 5px; } .six-div-sec-css h3 { font-size: 16px; } .rpl-ind-section.container-blog { margin-top: 60px; } .item-center { text-align: center; } .rpl-ind-sub-section:first-child { padding-bottom: 40px; } a.doc-btn.button-50:hover { color: #fff; } .prod-left-img h1 { font-size: 30px; line-height: 1.2; color: #005EB8; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 9px; } section.doc_section_css h3 { font-size: 16px; } /*swarna added css ends here*/ /*swarna css for cpt*/ img.featured-image-products { width: 50px; } .connector-divide { display: flex; } tr.even, tr.odd { display: table-row !important; } .connector-page-table p { margin-top: 15px; margin-left: 15px !important; color: #005eb8; font-weight: bold !important; } .connector-page-table td { text-align: left !important; } .reset input[type="submit"] { color: #F78F13 !important; text-decoration: none !important; background-color: transparent !important; } section.connector-heading { text-align: center; } a.related-cable-css { color: #005eb8 !important; text-decoration: underline; } .specifications-main-wp { padding: 50px 0 100px; } .specifications-main-wp .container { max-width: 1178px; } .specifications-main-wp .table-responsive { width: calc(33.33%); padding: 0 22px; } .specifications-main-wp .lists { margin: 0 -22px; } .specifications-main-wp h2 { font-size: 30px; line-height: 1.2; color: #005EB8; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 25px; } .specifications-main-wp .table-responsive table tbody tr:nth-child(odd) td { background-color: #EDEDED; } .specifications-main-wp .table-responsive table tbody tr td { padding: 15px 16px; } .specifications-main-wp .table-responsive table tbody tr td small { color: #000000; font-size: 13px; line-height: 1.88; font-weight: 400; width: 65%; display: inline-block; vertical-align: middle; } .specifications-main-wp .table-responsive table tbody tr td strong { color: #000000; font-size: 13px; line-height: 1.88; font-weight: 600; width: 35%; display: inline-block; vertical-align: middle; text-align: right; } .specifications-main-wp .table-responsive table { width: 100%; } a.comp-list.related-cable-css { color: #000000 !important; } .connector-head-css h1 { font-size: 41px; line-height: 1.4; color: #005EB8; font-weight: 600; margin-bottom: 10px; } .standard-block.connector-head-css { padding: 30px 0 20px; } .connector-page-table p:hover { text-decoration: underline; } .connector-page-table th { white-space: nowrap; } .my_connector_column_class { width: 254px !important; } /*swarna added css for space page 18 Oct 23*/ section.market-template-top-description { margin: 50px 0px; } section.market-template-top-description h1 { color: #F78F13; font-size: 50px; font-weight: 600; margin-bottom: 20px; } section.market-template-top-description p { font-size: 16px; color: #707070; font-weight: 600; } section.market-template-top-description .row { display: flex; } .image-block { position: relative; /* font-family: Arial; */ } .text-block { position: absolute; color: white !important; width: 100%; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } .text-block p { color: white !important; font-weight: 500; } .image-block img { width: 240px; height: 240px; border-radius: 50%; border: #F78F13; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 3px solid #F78F13 !important; } .img{ display: flex; align-items: center; justify-content: space-around; } .market-img-btn { position: absolute; color: white !important; top: 70%; left: 30%; text-align: center; background: #F78F11; padding: 5px 30px; border-radius: 5PX; color: white !important; } .market-img-btn a{ color: white !important; } h2.second-heading { text-align: center; font-size: 35px; color: #F78F13; margin-bottom: 15px; } section.market-template-interactive-image p { font-size: 18px; /* text-align: center; */ color: #3E3E3E; font-weight: 700; } section.market-template-interactive-image iframe.wp-embedded-content { width: 100%; } .icon-head-section img { width: 50px; margin-right: 10px; } .icon-head-section { display: flex; align-items: flex-start; } section.market-template-interactive-image { margin-bottom: 30px; } section.market-template-icon-section .row { display: flex; } .icon-head-section h2 { font-size: 22px; font-weight: bold; margin-bottom: 10px; } section.market-template-icon-section p { margin-bottom: 15px; min-height: 140px; } .icon-content-section p { font-size: 18px; font-weight: 500; } .icon-content-section { margin-bottom: 30px; } a.lrn_mre_btn { background: #F78F13; padding: 6px 30px; border-radius: 5px; color: #ffff; margin-right: 15px; } a.reltd_pro_btn { background: #005EB8; padding: 6px 15px; border-radius: 5px; color: #ffff; } /* section.market-template-contactus-section .container-blog { background: #1C1345; width: 100%; text-align: center; border-radius: 5px; border: 1px solid #F78F13; margin-bottom: 50px; }*/ section.market-template-contactus-section a { color: #fff; font-size: 28px; } section.market-template-icon-section { margin-bottom: 20px; } /* CSS */ .button-27 { background-color: #1C1345; border: 2px solid #F78F13; border-radius: 5px; box-sizing: border-box; color: #FFFFFF; cursor: pointer; font-weight: 600; line-height: normal; outline: none; text-align: center; text-decoration: none; transition: all 300ms cubic-bezier(.23, 1, 0.32, 1); margin-bottom: 50px; } .button-27:disabled { pointer-events: none; } .button-27:hover { box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px; transform: translateY(-2px); } .button-27:active { box-shadow: none; transform: translateY(0); } h3.third-heading { font-size: 24px; font-weight: bold; min-height: 60px; } .market-img-btn.appl_btn { position: unset; } .app_content_icon img { width: 50px !important; margin-right: auto; margin-left: auto; } .col-6.app_content { text-align: center; } .row.slider-content { margin: 15px; box-shadow: 0px 3px 6px #00000029; border-radius: 5px; } .col-6.featured-img img { min-height: 100% !important; } .col-6.featured-img { padding: 0px; } .col-6.app_content { text-align: center; padding: 30px 30px; } .app_content_icon { margin-bottom: 15px; text-align: center; } .app_icon_list .app_content_icon { margin-right: 30px; } /* .owl-nav .owl-next { right: -8%; } */ /* .owl-nav .owl-prev { left: -8%; } */ .row.slider-content h3 { font-size: 22px; } .app_icon_list { display: flex; justify-content: center; } .app_icon_list img { width: 60px !important; /* margin-right: 30px; */ } .app_icon_list p { color: #005EB8; font-weight: bold; font-size: 12px; } /* Tab Bar */ .jquery-tab-pager-tabbar { margin: 0; padding: 0; overflow: hidden; } .jquery-tab-pager-tabbar li { float: left; padding: 10px 20px; list-style: none; cursor: pointer; background: #eee; border-radius: 10px 10px 0px 0px; } .jquery-tab-pager-tabbar li.current { background: #f90; } /* Page Navigation */ #jquery-tab-pager-navi { margin: 0; padding: 0; overflow: hidden; } #jquery-tab-pager-navi li { list-style: none; display: inline; } #jquery-tab-pager-navi li a { float: left; display: block; padding: 5px; margin-right: 10px; border: 1px solid #ccc; text-decoration: none; background: #fff; -webkit-transition: background 200ms linear; transition: background 200ms linear; border-radius: 3px; } #jquery-tab-pager-navi li:last-child a { margin-right: 0px; } #jquery-tab-pager-navi li a.current, #jquery-tab-pager-navi li a.disable, #jquery-tab-pager-navi li a:hover { background: #ebebeb; color: #000; } section.market-template-applications { margin-bottom: 50px; } p.description_css { font-size: 14px; color: #707070; /* padding: 0px 15px; */ padding: 0px 0px; } section.market-template-resources h3 { color: #000; font-size: 16px; padding: 15px 0px; margin-bottom: 0px; } .featured-img img { /* width: 150px; */ height: 180px; } .featured-img { text-align: center; } .lmr_panel img { width: 240px !Important; height: 180px; margin-top: 10px; border-radius: 5px; } .panelContainer { clear: left; margin-bottom: 25px; background-color: #ECECEC; padding: 40px 30px; } /* reset ul defaults */ .resource_tabs, .rltd_prdcts_tabs, .ib_ps_tabs, .lmr_tabs { margin: 0; padding: 0; list-style: none; display: flex; } /* set li properties */ .resource_tabs a:not(:last-child), .rltd_prdcts_tabs a:not(:last-child), .ib_ps_tabs a:not(:last-child), .lmr_tabs a:not(:last-child) { overflow: hidden; transition: 0.3s ease; margin-right: 10px; font-size: 17px; } /* all formatting goes inside 'a' */ .resource_tabs a, .rltd_prdcts_tabs a, .ib_ps_tabs a, .lmr_tabs a { /* display: block; */ /* text-decoration: none; */ color: #000 !important; font-weight: bold; padding: 10px 10px; /* margin-bottom: -2px; */ width: 100%; /* white-space: nowrap; */ text-align: center; } .resource_tabs a.active, .rltd_prdcts_tabs a.active, .lmr_tabs a.active, .ib_ps_tabs a.active{ border: 2px solid #ECECEC; background-color: #ECECEC; color: #000; font-weight: bold; padding-bottom: 15px; } .panel img { margin-top: 10px; border-radius: 5px; } .panel p { margin-bottom: 0px; } .col-md-5-sec { width: 20%; padding-right: 15px; padding-left: 15px; } .market-related-products .panelContainer { background-color: #EFF5FB; } .rltd_prdcts_tabs a.active { border: 2px solid #EFF5FB; background-color: #EFF5FB; } @media only screen and (max-width:320px) and (min-width: 720px){ .col-md-5-sec { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } } .resource_tabs a:not(.active), .rltd_prdcts_tabs a:not(.active), .lmr_tabs a:not(.active), .ib_ps_tabs a:not(.active){ border: 0.5px solid #707070 !important; font-weight: bold; margin-bottom: 10px; font-size: 17px; } .two-column-slider-app.owl-carousel.owl-loaded.owl-drag .owl-nav { text-indent: unset !important; } .featured-img { text-align: center; margin-bottom: 10px; } .row.slider-content .featured-img{ margin-bottom: 0px; } .rltd_content_heading { font-size: 22px !important; color: #005EB8 !important; margin-bottom: 0px !important; } .market-related-products .panelContainer { padding: 40px 80px; } p.rltd_content_sub_heading { margin-bottom: 40px; } .market-related-products .featured-img img { height: 120px; border-radius: 5px; width: 100%; } section.market-template-resources .pagination-block, .market-related-products .pagination-block { margin-top: 30px; } .market-related-products h3, .market-related-products p.description_css { padding: 10px 0px !important; } .container-blog.content-div { margin-bottom: 50px; } .container-blog.content-div p{ font-size:16px; } @media only screen and (max-width: 768px) { .col-md-5-sec { width: 100%; } .resource_tabs a:not(:last-child), .rltd_prdcts_tabs a:not(:last-child), .lmr_tabs a:not(:last-child), .ib_ps_tabs a:not(:last-child) { overflow: unset; } .resource_tabs, .rltd_prdcts_tabs, .lmr_tabs, .ib_ps_tabs { overflow: auto; } } .connector-page-table { margin: unset !important; } h3.space-third-heading { font-size: 26px; color: #F78F13; margin-bottom: 15px; } ul.content-ul li { margin-bottom: 10px; } span.head-bold { font-weight: bold; } /*css for tradeshows page style*/ .container.added-extra-css { max-width: 1140px; } table.trade-shows-table th { padding: 15px; background: #005EB8 !important; color: #fff !important; } table.trade-shows-table { margin-bottom: 15px; } table.trade-shows-table tr>td:first-child { font-weight: bold; } /*new menu css added by swarna*/ .top-new-header { max-width: 1174px; padding: 10px 20px; margin: 0 auto; overflow: hidden; } .top-new-header ul { display: flex; list-style: none; margin-bottom: 0px; } div.top-new-header-section { background: #005EB8; /* overflow: hidden; */ } .top-new-header a { color: #fff; margin-left: 30px; } .top-new-header ul { display: flex; list-style: none; margin-bottom: 0px; float: right; } .main-header.header-extra-css .logo { width: 170px !important; } .main-header.header-extra-css .right-header { /* width: unset !important; */ width: calc(97% - 138px); } @media (min-width: 767px){ header .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop > .ubermenu-column-full, header .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop > .ubermenu-column-1-3 { background: #EDEDED !important; }} .main-header.header-extra-css { padding-top: 10px; } .header-extra-css a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.menu-subheading { color: #005EB8 !important; text-transform: uppercase; font-weight: 600 !important; } .header-extra-css .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto, .ubermenu span.ubermenu-target { border: none; } .header-extra-css .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator { right: 20px !important; } .header-extra-css .main-navigation { width: calc(100% + 100px) !important; left: -80px !important; } .header-extra-css .search-bar-wrap { max-width: unset !important; } a.btn.btn-calc { background: #005EB8; border: 1px solid #005EB8; margin-left: 20px; } a.btn.btn-calc:hover { color: #005EB8; text-decoration: none; background-color: transparent; } .header-extra-css .ubermenu.ubermenu-main .ubermenu-item-level-0:nth-child(5):hover > a:before { margin-left: unset; } .header-extra-css .ubermenu.ubermenu-main .ubermenu-item-level-0 > a:before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition: 0.5s all; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #EDEDED; background: unset; } @media (min-width: 767px){ .header-extra-css .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop { border-top: unset; } .header-extra-css .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop > .ubermenu-column-full, header .ubermenu-skin-grey-white.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop > .ubermenu-column-1-2 { background: #EDEDED !important; }} .header-extra-css .ubermenu-main .ubermenu-item-normal > .ubermenu-target { color: #707070; font-size: 16px; } .ubermenu-main > ul > li.ubermenu-active > a span{ font-weight: bold; } .header-extra-css .search-bar input[type="search"] { width: 448px !important; padding: 0px 10px; } .header-extra-css .search-bar form { display: flex; height: 100%; } .header-extra-css .search-bar { margin-right: 20px !important; } button.new-search-btn { background: #005EB8; } button.new-search-btn i.fas.fa-search { color: white; } @media (max-width: 767px){ .top-new-header { display: none; } .search-bar-mobile.desktop-hide.mobile-extra-css { margin-top: 115px; padding: 15px 0; } .main-header.header-extra-css { padding-top: none; } .header-extra-css .main-navigation { width: calc(100% + 45px) !important; left: -24px !important; } .site-header { padding: 0px 0 18px; } .header-extra-css .ubermenu-responsive-toggle-icon-only { margin-top: 30px; } .header-extra-css .ubermenu.ubermenu-main:not(.ubermenu-responsive-collapse) { height: 70vh; background: #005EB8; padding-top: 30px; top: 100px; } .header-extra-css .ubermenu.ubermenu-main .ubermenu-item-level-0 > a:before { content: none; } } ul.ubermenu-submenu.ubermenu-submenu-id-13093.ubermenu-submenu-type-auto.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width { background: #ededed !important; } .header-extra-css .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size: 16px; color: #707070 !important; padding-top: 5px; padding-bottom: 5px; } .header-extra-css .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover span { text-decoration: none !important; color: #000; } header.site-header.site-extra-css-added { padding: 0px !important; } ul.breadcrumb.list-unstyled { padding-top: 30px; } @media (min-width: 767px){ .header-extra-css .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop { max-width: unset !important; } } @media (max-width: 767px){ .main-header.header-extra-css .right-header { width: unset !important; } .bread-crumb-with-bg { padding-top: 3px !important; } } .header-extra-css .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop { background-color: #ededed; } .header-extra-css .search-bar input[type="search"]::placeholder { color: #707070; } .header-extra-css .ubermenu .ubermenu-nav > .three-column-list.ubermenu-has-submenu-mega > .ubermenu-submenu.ubermenu-submenu-drop { margin-top: 0px; } .header-extra-css .ubermenu.ubermenu-main .ubermenu-item-level-1 > .ubermenu-tabs-group > .ubermenu-tab .ubermenu-item > .ubermenu-submenu > li > a { padding: 10px 10px; } a.last-menu-desktop:after { content: none !important; } .bread-crumb-with-bg { padding-top: 190px; } /* @media (max-width: 767px){ .top-new-header-section { display: none; } .header-extra-css .main-navigation { width: calc(100% + 40px) !important; left: -18px !important; } .search-bar-mobile { margin-top: 120px; } .main-header.header-extra-css { padding-top: 60px; }} */ ul.ubermenu-submenu.ubermenu-submenu-id-13093.ubermenu-submenu-type-auto.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width { background: #ededed !important; } /*swarna added*/ .quick-links li { width: 25% !important; } /*swarna added css for lmr new landing page*/ section.market-template-resources.bottom-resource-section { padding: 30px 0px 30px 0px; } .cat-same-row-css { display: flex; } .contact-bg-section .banner-sec a.button { background: #E05F4C; color: white; padding: 10px; border-radius: 30px; font-weight: bold; display: inline-block; width: 80%; text-align: center; border: 1px solid #fff; } .contact-bg-section p { font-size: 34px; color: #fff; } .contact-bg-section a.button.tabs-sec { border: 2px solid #fff; border-radius: 20px; width: 80%; margin-left: auto; margin-right: auto; display: block; margin-top: 5%; } .contact-bg-section { background: url(https://timesmicrowave.com/wp-content/uploads/2024/06/times-lmr-banner.jpg); height: 200px; background-repeat: no-repeat; background-size: cover; padding: 40px; margin: 30px 0px 30px 0px; border-radius: 5px; } .lmr-new-page header.site-header.site-extra-css-added { position: relative; } section.gray-section.two-sec-class, .banner-img { padding: 30px 0px 30px 0px; margin-bottom: 30px; } section.gray-section { background: #EDEDED; } section.gray-section h3, section.white-section.two-sec-class h3, .btm-video-section h3, .lmr-resource-heading { font-size: 30px !important; color: #005EB8; text-align: center; font-weight: 900; margin-bottom: 0px; } p.lmr-new-subhead { text-align: center; font-size: 20px; } .col-md-6.lmr_content_css img, .lmr_content_css img { margin-bottom: 15px; } .col-md-6.lmr_content_css { margin-bottom: 30px; } p.content-list-head { color: #005EB8; font-size: 20px; font-weight: bold; margin-bottom: 0px; } p.lmr-sec-content { padding: 0px 100px 0px 0px; } ul.content-list li::marker { color: #005EB8; } section.white-section.two-sec-class .col-md-12 { padding-bottom: 30px; } .banner-sec a.button { background: #E05F4C; color: white; padding: 10px; border-radius: 30px; font-weight: bold; display: inline-block; width: 100%; text-align: center; } .col-md-2.content-part img { height: 100%; position: absolute; width: 100%; top: -20%; } a.button.tabs-sec { border-radius: 5px; } img.lmr-head-img { margin-bottom: 15px; } section.gray-section.two-sec-class img { margin-left: auot; margin-left: auto; margin-right: auto; display: block; } section.gray-section.two-sec-class p { margin: 15px 0px; } section.gray-section.two-sec-class .col-md-6:first-child { border-right: 1px solid #707070; border-width: 2px; } section.gray-section.two-sec-class .col-md-6{ padding: 30px; } .col-md-4.content-part { margin: 20px 0px; } img.banner-right-img { position: absolute; z-index: -999; right: 0%; top: 30%; } section.banner-img-section.market-template-applications .col-12.app_content { padding: 0px; } p.banner-text { font-size: 20px; } section.banner-sec.white-section.two-sec-class.lmr-new-page-main-css { padding-top: 190px !important; margin-bottom: 30px; } @media only screen and (max-width: 768px){ p.lmr-sec-content { padding: 0px 0px 0px 0px; } .contact-bg-section { height: unset; text-align: center; } img.banner-right-img { position: absolute !important; z-index: -999; right: 0%; top: 60%; width: 42%; } .cat-same-row-css { display: block; padding-left: 15px; padding-right: 15px; } p.banner-text { font-size: 16px; /* width: 71%; */ } section.gray-section h3, section.white-section.two-sec-class h3, .btm-video-section h3, .lmr-resource-heading { font-size: 20px !important; } section.banner-sec.white-section.two-sec-class.lmr-new-page-main-css { padding-top: 20px !important; } /* p.banner-text { padding-left: 15px; padding-right: 15px; } */ .lmr_prt_labs .col-md-5-sec { text-align: center; margin-bottom: 15px; } .bottom-resource-section .col-md-5-sec { text-align: center; margin-bottom: 15px; } } @media only screen and (max-width: 1440px) and (min-width: 992px) { /* p.banner-text { width: 71%; } */ /* .banner-sec a.button { width: 71%; } */ img.banner-right-img { position: absolute; z-index: -999; right: 0%; top: 38%; } .col-md-12.page-heading { padding-bottom: 20px !important; } } .owl-carousel .item-video { height: 200px; } .owl-carousel .owl-video-tn { background-size: cover; min-height: 100%; } section.banner-img-section.market-template-applications.btm-video-section { margin-bottom: 0px !important; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; } section.banner-img-section.market-template-applications.btm-video-section { margin-bottom: 40px !important; } .btm-video-section .owl-dots { bottom: 0px !important; } .resource-header p { text-align: center; font-weight: bold; } .resource-header { margin-bottom: 15px; } .one-column-slider-app a { display: inline-block; border: 1px solid; padding: 10px 20px; background-color: #E05F4C; border: 1px solid #E05F4C; color: white; font-weight: bold; text-align: center; margin-left: auto; margin-right: auto; display: block; } .lmr-new-page-main-css h1 { font-size: 26px; margin-bottom: 0px; color: #000; } .row.subsection_resource h3 { font-size: 18px !important; margin-bottom: 15px; } .row.subsection_resource { margin-top: 30px; } .inner-section { text-align: center; box-shadow: 0px 3px 6px #00000029; padding-bottom: 30px; border-radius: 5px; } .inner-section img { width: 100%; } .inner-section h4 { margin-bottom: 0px; margin-top: 15px; } .inner-section a { background: #E05F4C; color: white; padding: 5px 15px; border-radius: 5px; } section.banner-sec.white-section.two-sec-class.contact-us-section a { text-transform: uppercase; font-size: 22px; } .col-md-12.page-heading { padding-bottom: 15px !important; } img.first-section-img { width: 100%; } /*lmr home page section starts here*/ section.lmr-home-section p { font-size: 20px; } a.lmr-section-btn { background: #F78F13; padding: 10px; color: white; border-radius: 3px; font-size: 15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } a.lmr-section-btn:hover{ color: #F78F13; text-decoration: none; background-color: transparent; border: 1px solid #F78F13; } section.lmr-home-section p { font-size: 20px; margin-bottom: 30px; } img.side-img { position: absolute; right: 0%; width: 25%; z-index: -999; } section.lmr-home-section h2 { color: #005EB8; margin-bottom: 15px; padding-top: 80px; } @media only screen and (max-width: 768px){ img.side-img { display: none; } a.lmr-section-btn { display: block; margin-left: auto; margin-right: auto; text-align: center; } section.lmr-home-section h2,section.lmr-home-section p { text-align: center; } section.lmr-home-section h2 { padding-top: 15px; } .lmr-new-page-main-css h1 { font-size: 20px; margin-bottom: 0px; color: #000; } .contact-bg-section p { font-size: 20px; color: #fff; } } /*banner section new css starts here*/ .banner-content.lmr-banner-content { position: absolute; top: 25%; padding-left: 15px; padding-right: 15px; max-width: 40%; } .banner-content.lmr-banner-content h2 { margin-bottom: 5px; } .banner-content.lmr-banner-content span { font-weight: bold; font-size: 16px; } .banner-content.lmr-banner-content p { padding-top: 5px; } .banner-content.lmr-banner-content .btn { background: transparent; color: #E05F4C; padding: 10px 20px 10px 20px; border-radius: 15px; border: 1px solid #E05F4C; font-weight: bold; margin: unset; } @media only screen and (max-width: 768px){ .banner-content.lmr-banner-content .btn { background: transparent; color: #E05F4C; padding: 10px 20px 10px 20px; border-radius: 15px; border: 1px solid #E05F4C; font-weight: bold; margin: auto; max-width: 100%; } .banner-content.lmr-banner-content { /* top: 25%; */ padding: 15px; text-align: center !important; position: relative; max-width: 100%; top: 0%; } section.gray-section.two-sec-class .col-md-6:first-child { border-right: none; border-width: 2px; border-bottom: 1px solid #707070; } .banner-content.lmr-banner-content.mobile-css-showup { display: unset !important; } .container.mobile-container { text-align: center; } } .banner-content.lmr-banner-content.mobile-css-showup { display: none; } /*banner section new css ends here*/ /*lmr home page section ends here*/ /*swarna added css for LMR page ends here*/ .responsive-iframe-container { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; margin-bottom: 30px; } .responsive-iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* commercial space responsive section starts here */ @media only screen and (max-width: 768px){ .tab-direction-img .image-block img { width: 265px !important; height: 265px !important; margin-bottom: 10px; } .tab-direction-img .text-block { top: 40%; left: 50%; transform: translate(-50%, -50%); } .tab-direction-img .market-img-btn { top: 60%; left: 50%; /* transform: translate(-50%, -50%); */ } .col-6.btn-section a { width: 100% !important; } td.qty-btn, th.qty-header { white-space: nowrap; } section.market-template-top-description h1 { font-size: 32px; } } .faq-section h3 { color: #f78f13; } /* commercial space responsive section ends here */ /*commercial space page additional css*/ .space-resources h2.space-resource-heading { text-align: center; color: #005EB8; } section.market-template-top-description.commercial-space-header .image-block img { width: 215px; height: 215px; border-radius: 50%; border: #F78F13; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 3px solid #F78F13 !important; } .commercial-space-header .market-img-btn { left: 26%; } .commercial-space-header .image-block { position: relative; /* font-family: Arial; */ width: 32%; } .col-12.header_below_image img { width: 100%; margin-top: 30px; } .commercial-space-header .market-img-btn { top: 66%; left: 18%; } .image-block-brochure img { width: 50%; float: left; } section.market-template-top-description.commercial-space-brochure h2{ text-align: left; } .commercial-space-brochure a.btn.btn-blue { width: 30%; } @media only screen and (max-width: 768px){ .image-block-brochure img { width: 100%; margin-top: 30px; } .commercial-space-header .col-7.img { display: block !important; max-width: 100%; } .commercial-space-header .image-block { position: relative; width: 100%; text-align: center; } .commercial-space-header .text-block { top: 35%; left: 0%; } .commercial-space-header .market-img-btn { top: 60%; left: 30%; } section.bg-image.bread-crumb.market-breadcrumb.commercial-space-page-bread-crumb { padding: 0px !important; } } .commercial-space-brochure { margin: 0px !important; padding: 40px 0px; background: #efefef; } section.market-template-top-description.commercial-space-header.second-section h2 { color: #005eb8; margin-bottom: 15px; /* font-weight: bold; */ /* text-align: center; */ } section.market-template-top-description.commercial-space-header.second-section p { font-size: 18px; color: unset; font-weight: 400; } section.market-template-top-description.commercial-space-header.third-section h2 { text-align: center; color: #005eb8; margin-bottom: 15px; } section.market-template-top-description.commercial-space-header.third-section p { font-size: 18px; color: unset; font-weight: 400; } .row.contact-us-bg { background-repeat: no-repeat; width: 100%; background-size: cover; padding: 40px; } .row.contact-us-bg h2 { color: white !important; font-size: 22px; text-align: left !important; } .row.contact-us-bg p { color: white !important; font-size: 14px !important; } .col-6.btn-section a { margin-left: auto; text-align: center; display: block; width: 50%; } .btn-2:hover { color: #fff; background-color: #F78F13; border-color: #F78F13; } .btn-2 { background: transparent; color: #fff; border: 1px solid #F78F13; margin-top: 15px; padding: 5px 10px 5px; border-radius: 3px; } section.market-template-top-description.faq-section h2 { color: #005EB8; } section.market-template-top-description.faq-section { margin: 0px; padding: 40px; background: #efefef; } section.market-template-top-description.faq-section p, section.market-template-top-description.faq-section ul { font-size: 16px !important; color: #000; font-weight: 400; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #005EB8; background: #005EB8; font-weight: normal; color: #ffffff; } .commercial-space-header .market-img-btn { left: 26%; } .commercial-space-header .image-block { position: relative; /* font-family: Arial; */ width: 32%; } .col-12.header_below_image img { width: 100%; margin-top: 30px; } .commercial-space-header .market-img-btn { top: 66%; left: 18%; } .image-block-brochure img { width: 50%; float: left; } section.market-template-top-description.commercial-space-brochure h2{ text-align: left; } .commercial-space-brochure a.btn.btn-blue { width: 30%; } @media only screen and (max-width: 768px){ .image-block-brochure img { width: 100%; margin-top: 30px; } .commercial-space-header .col-7.img { display: block !important; max-width: 100%; } p.inventory-status, .loading-indicator { margin-left: unset !important; } .commercial-space-header .image-block { position: relative; width: 100%; text-align: center; } .commercial-space-header .text-block { top: 35%; left: 0%; } .commercial-space-header .text-block { transform: unset !important; } .commercial-space-header .market-img-btn { top: 66%; left: 30%; } section.bg-image.bread-crumb.market-breadcrumb.commercial-space-page-bread-crumb { padding: 0px !important; } section.market-template-top-description.faq-section { padding: 30px 15px 30px 15px; } } .commercial-space-brochure { margin: 0px !important; padding: 40px 0px; background: #efefef; } section.market-template-top-description.commercial-space-header.second-section h2 { color: #005eb8; margin-bottom: 15px; /* font-weight: bold; */ /* text-align: center; */ } section.market-template-top-description.commercial-space-header.second-section p { font-size: 18px; color: unset; font-weight: 400; } section.market-template-top-description.commercial-space-header.third-section h2 { text-align: center; color: #005eb8; margin-bottom: 15px; } section.market-template-top-description.commercial-space-header.third-section p { font-size: 18px; color: unset; font-weight: 400; } .col-6.btn-section .btn{ max-width: 100% !important; } section.stocks-assembly-guide-section h2, section.market-template-top-description.commercial-space-brochure h2 { text-align: center; color: #005EB8; font-size: 28px; margin-bottom: 15px; } section.stocks-assembly-guide-section p { font-size: 18px; /* text-align: center; */ } .part-desc, .results-table { width: 100%; font-size: 14px !important; /* min-height: 100%; */ } .results-table th { color: #F78F13; background: white; text-align: center; } .loading-indicator{ color: #005EB8; font-size: 14px; font-weight: bold; } .maxgain-section .panelContainer { padding: 40px 0px; } .maxgain-section .col-md-8, .maxgain-section .col-md-4 { padding: 0px; } .results-table { border: 2px solid white !important; } th.distributor-header { background: white; color: #F78F13 !important; border: 1px solid white !important; text-align: center !important; width: 9%; } td.qty-btn, th.qty-header { border-left: 1px solid white !important; border-right: 1px solid white !important; /* border-bottom: 1px solid #fff !important; */ } table.part-desc tbody tr:last-child td.qty-btn,th.qty-header { border-bottom: 1px solid white; /* Adjust color and thickness as needed */ } .loading-indicator { margin-bottom: 15px; } p.inventory-status { font-size: 16px !important; font-weight: bold; color: #707070; } .class-new-notice .ubermenu-target-text { margin-right: 5px; } .class-new-notice span.ubermenu-target-description { display: inline-flex; color: white !important; text-transform: uppercase; font-size: 8px; background-color: #005EB8; letter-spacing: 1px; padding: 1px 7px; border-radius: 25px; } section.stocks-banner-section h1 { text-align: center; color: #F78F13; font-size: 50px; font-weight: 600; } section.stocks-banner-section img, section.stocks-assembly-guide-section img{ width: 100%; } section.stocks-banner-section p { font-size: 22px; padding-bottom: 30px; } section.stocks-banner-section { margin: 30px 0px 30px 0px; } section.stocks-assembly-guide-section h2, section.market-template-top-description.commercial-space-brochure h2 { text-align: center; color: #005EB8; font-size: 28px; margin-bottom: 15px; } section.stocks-assembly-guide-section p { font-size: 18px; /* text-align: center; */ } section.stocks-assembly-guide-section { margin-bottom: 30px; } td.inventory-status-descn { font-size: 14px !important; } .products-main-details .right-details table tbody tr td { font-size: 14px !important; } .products-main-details .right-details table tbody tr td:nth-child(2) { width: 100% !important; } .part-desc td, .part-desc th, .results-table td, .results-table th { border: 0px solid #ddd; padding: 8px; } .part-desc td, .results-table td{ font-size: 14px; } .part-desc tr:nth-child(even), .results-table tr:nth-child(even){background-color: #f2f2f2;} .part-desc tr:hover, .results-table:hover {background-color: #ddd;} .part-desc th, .results-table th { padding-top: 12px; padding-bottom: 12px; text-align: left; font-weight: bold; color: #707070; } .tabbedPanels { width: 100%; } .col-5.banner-content p { font-size: 18px; } .ib-space-tab ul.rltd_prdcts_tabs a.active { border: 2px solid #ececec; background-color: #ececec; } a.btn.buy-btn { padding: 0px 10px; font-size: 14px; display: inline; } table.part-desc tbody tr:last-child td.qty-btn, th.qty-header { border-bottom: 1px solid white; } p.inventory-status, .loading-indicator { margin-left: 64%; margin-bottom: 15px; font-weight: bold; } section.market-template-top-description.commercial-space-header { margin-top: 20px !important; } .yst-brd-crmbs { max-width: 100% !important; font-size: 14px !important; } .btn, .hs-button { max-width: 50%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } /*css add on 18 July 24*/ .row.slider-content { height: 370px !important; } .high-performance-lmr-cable-solutions .row.slider-content{ height: unset !important; } @media only screen and (max-width: 768px){ .row.slider-content { height: unset !important; } .specifications-main-wp .table-responsive { width: 100%; } } .right-details .hs-button { max-width: 100% !important; } /* Connector new page css starts here*/ section.connector-heading.new-header { text-align: left; padding-top: 160px; } .new-header .standard-block.connector-head-css { background-color: unset; padding: 30px 0 20px; } .new-header h1 { color: #F78F13 !important; } section.connector-heading.new-header p { font-size: 22px; color: #707070; } .connector-page-table a.related-cable-css { padding-right: 12px; } .connector-page-table .select-box { display: inline-grid; margin-right: 10px; } section.connector-table .select-box { display: inline-flex; } section.connector-second-heading h2 { color: #005EB8; font-size: 26px; font-weight: bold; } button.fist-btn, button.second-btn { padding: 4px 25px; border-radius: 5px; } button.fist-btn { background: #F78F11; border: 1px solid #F78F11; color: #fff; } .term-item { border: 1px solid #EDEDED; padding: 15px; margin-bottom: 15px; box-shadow: 7px 7px 14px #00000029; min-height: 100%; } .term-description { font-size: 15px; color: #707070; } .col-md-2.additional-css { padding: 5px; margin-bottom: 30px; } .term-item h3 { color: #000000; font-size: 20px !important; } .term-item img { margin-bottom: 15px; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #F78F13; background: linear-gradient(to bottom, #F78F13 0%, #F78F13 100%); } .dataTables_scrollHeadInner, .dataTables_scrollBody table { width: 100% !important; } .dataTables_scrollHeadInner th, .dataTables_scrollBody td { box-sizing: border-box; } section.connector-table .d-flex.select-css { margin-bottom: 30px; } button.second-btn { color: #F78F13 !important; text-decoration: none !important; background-color: transparent !important; border: 1px solid #F78F13; } a.connector-related-cable-css::before { content: ''; content: "\A"; width: 5px; height: 5px; border-radius: 50%; background: #F78F11; display: inline-block; margin-right: 6px; } .connector-main-page-table th { text-align: center !important; } table.connector-main-page-table th{ white-space: nowrap; } a.related-cable-css.connector-related-cable-css { color: #000 !important; } .dataTables_filter { display: none; /* Hide the default DataTables search box */ } .connector-page-table td:not(:last-child) { border-right: 1px solid #BABABA; } table.dataTable>thead>tr>th, table.dataTable>thead>tr>td { border-bottom: unset !important; } .connector-search-css { width: 330px !important; border: 1px solid #005EB8 !important; /* padding: 0.1em 0.1em 0.1em 1em !important; */ padding: 6px !important; } .connector-search-css:focus{ border: 1px solid #005EB8 !important; } select.arrow-mark-css { background-image: linear-gradient(45deg, transparent 42%, #F78F13 36%), linear-gradient(135deg, #F78F13 50%, transparent 40%), radial-gradient(#ddd 59%, transparent 40%); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat; } select.arrow-mark-css:focus { background-image: linear-gradient(45deg,#F78F13 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #F78F13 50%), radial-gradient(gray 59%, transparent 40%); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .5em) .5em; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat; border-color: green; outline: 0; } select { /* styling */ border: thin solid #005EB8; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 1.5em 0.5em 1em; /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } .contact-bg-section.connector-contact { background-size: cover !important; border-radius: 5px; } .connector-contact a.button.tabs-sec { background: #F78F13; border: 1px solid #fff; border-radius: 13px; } .connector-contact p { font-size: 20px; color: #fff; margin-left: 38%; } .contact-bg-section.connector-contact { margin: 80px 0px 80px 0px; } .connector-main-table-css { margin-left: auto !important; margin-right: auto !important; float: unset !important; text-align: center !important; padding-top: 30px !important; } section.connector-second-heading.connector-range-main-sec-css { margin-bottom: 80px; } .page-template-connector-new-landing-page a.paginate_button.next, .page-template-connector-new-landing-page a.paginate_button.previous { border: 1px solid #707070 !important; background-color: #f78f13 !important; width: 53px; text-align: center; color: #FFFFFF !important; cursor: pointer; transition: 0.3s all ease-in-out; } a.paginate_button.current::after { content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background-color: #f78f13; } a.paginate_button.current { border: none !important; background: none !important; font-size: 20px; line-height: 1.4; color: #000000; font-weight: 600 !important; padding: 4px 6px !important; } .connector-range-main-sec-css .simple-pagination li span.current:after { background-color: #f78f13; } .connector-range-main-sec-css .simple-pagination span.next, .connector-range-main-sec-css .connector-range-main-sec-css .simple-pagination span.prev, .connector-range-main-sec-css .simple-pagination a.next, .connector-range-main-sec-css .simple-pagination a.prev { background-color: #f78f13 !important; } .simple-pagination span.next, .simple-pagination span.prev, .simple-pagination a.next, .simple-pagination a.prev { background-color: #f78f13 !important; } .connector-main-page-table td, .connector-main-page-table th,.connector-main-page-table .connector-divide p { font-size: 14px !important; } /*responsive css for connector page starts here*/ @media only screen and (max-width: 768px){ section.connector-heading.new-header { text-align: left; padding-top: 10px; } section.connector-table .select-box { /* display: inline-flex; */ margin-bottom: 15px; } .connector-search-css { padding: 0.5em 1.5em 0.5em 1em !important; } section.connector-table .select-box { display: block !important; } .contact-bg-section.connector-contact { height: unset; text-align: center; } .connector-contact p { font-size: 16px; color: #fff; margin-left: unset; } .connector-head-css h1 { font-size: 32px !important; } section.connector-heading.new-header p { font-size: 16px; } section.connector-second-heading h2 { font-size: 20px; } .connector-divide { display: unset !important; text-align: center; } img.featured-image-products { width: unset; } } /*responsive css for connector page ends here*/ /* Connector new page css ends here*/ header .ubermenu-sub-indicators .ubermenu-tabs.ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator { margin-top: unset !important; } .ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target { font-size: 16px !important; }