/* ===[ Font Code ]=== */ /* BELOW FONT TO BE REMOVED */ /* @font-face{font-family:tk-korolev-n2;src:url(https://use.typekit.net/af/f711f6/00000000000000003b9adf85/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff2"),url(https://use.typekit.net/af/f711f6/00000000000000003b9adf85/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff"),url(https://use.typekit.net/af/f711f6/00000000000000003b9adf85/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("opentype");font-weight:200;font-style:normal;} @font-face{font-family:tk-korolev-n3;src:url(https://use.typekit.net/af/9a0756/00000000000000003b9adf89/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/9a0756/00000000000000003b9adf89/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/9a0756/00000000000000003b9adf89/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;} @font-face{font-family:tk-korolev-n5;src:url(https://use.typekit.net/af/598870/00000000000000003b9adf8c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/598870/00000000000000003b9adf8c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/598870/00000000000000003b9adf8c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-weight:500;font-style:normal;} @font-face{font-family:tk-korolev-n7;src:url(https://use.typekit.net/af/348c6e/00000000000000003b9adf91/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/348c6e/00000000000000003b9adf91/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/348c6e/00000000000000003b9adf91/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;} @font-face{font-family:tk-korolev-n9;src:url(https://use.typekit.net/af/bca86e/00000000000000003b9adf96/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/bca86e/00000000000000003b9adf96/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/bca86e/00000000000000003b9adf96/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype");font-weight:900;font-style:normal;} @font-face{font-family:tk-korolev-i2;src:url(https://use.typekit.net/af/89f5bc/00000000000000003b9adf84/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("woff2"),url(https://use.typekit.net/af/89f5bc/00000000000000003b9adf84/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("woff"),url(https://use.typekit.net/af/89f5bc/00000000000000003b9adf84/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("opentype");font-weight:200;font-style:italic;} @font-face{font-family:tk-korolev-i3;src:url(https://use.typekit.net/af/6439a2/00000000000000003b9adf88/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/6439a2/00000000000000003b9adf88/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/6439a2/00000000000000003b9adf88/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype");font-weight:300;font-style:italic;} @font-face{font-family:tk-korolev-i5;src:url(https://use.typekit.net/af/c62d5f/00000000000000003b9adf8e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/c62d5f/00000000000000003b9adf8e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/c62d5f/00000000000000003b9adf8e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("opentype");font-weight:500;font-style:italic;} @font-face{font-family:tk-korolev-i7;src:url(https://use.typekit.net/af/19cf4e/00000000000000003b9adf92/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/19cf4e/00000000000000003b9adf92/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/19cf4e/00000000000000003b9adf92/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;} @font-face{font-family:tk-korolev-i9;src:url(https://use.typekit.net/af/513b19/00000000000000003b9adf97/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff2"),url(https://use.typekit.net/af/513b19/00000000000000003b9adf97/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff"),url(https://use.typekit.net/af/513b19/00000000000000003b9adf97/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("opentype");font-weight:900;font-style:italic;} */ @font-face { font-family:'logicon'; font-weight:normal; font-style:normal; src:url('../fonts/logicon.ttf?ah5xmw') format('truetype'), url('../fonts/logicon.woff?ah5xmw') format('woff'), url('../fonts/logicon.svg?ah5xmw#logicon') format('svg'); } i.li {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'logicon';font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none;speak:none} /* Icons */ .li-logi-gauge:before { content: "\e904"; } .li-logi-cog:before { content: "\e900"; } .li-logi-cpu:before { content: "\e901"; } .li-logi-refresh:before { content: "\e902"; } .li-logi-wrench:before { content: "\e903"; } /* @end --------- */ /* ===[ Animations ]=== */ @-webkit-keyframes fadeIn {from{-webkit-opacity:0;opacity:0}to{-webkit-opacity:1;opacity:1}} @-o-keyframes fadeIn {from{opacity:0}to{opacity:1}} @-ms-keyframes fadeIn {from{opacity:0}to{opacity:1}} @-moz-keyframes fadeIn {from{-moz-opacity:0;opacity:0}to{-moz-opacity:1;opacity:1}} @keyframes fadeIn {from{-webkit-opacity:0;-moz-opacity:0;opacity:0}to{-webkit-opacity:1;-moz-opacity:1;opacity:1}} /* Fade Out */ @-webkit-keyframes fadeOut {from{-webkit-opacity:1;opacity:1}to{-webkit-opacity:0;opacity:0}} @-o-keyframes fadeOut {from{opacity:1}to{opacity:0}} @-ms-keyframes fadeOut {from{opacity:1}to{opacity:0}} @-moz-keyframes fadeOut {from{-moz-opacity:1;opacity:1}to{-moz-opacity:0;opacity:0}} @keyframes fadeOut {from{-webkit-opacity:1;-moz-opacity:1;opacity:1}to{-webkit-opacity:0;-moz-opacity:0;opacity:0}} .fadeIn {-webkit-animation:fadeIn 500ms ease forwards;-o-animation:fadeIn 500ms ease forwards;-ms-animation:fadeIn 500ms ease forwards;-moz-animation:fadeIn 500ms ease forwards;animation:fadeIn 500ms ease forwards} .fadeOut {-webkit-animation:fadeOut 500ms ease forwards;-o-animation:fadeOut 500ms ease forwards;-ms-animation:fadeOut 500ms ease forwards;-moz-animation:fadeOut 500ms ease forwards;animation:fadeOut 500ms ease forwards} .mainlogo, .dropmenu, nav ul li, button {-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;transition:all 300ms linear} /* @end --------- */ /* ===[ Common Colours ]=== */ :root {font-size:16px} body {background-color:#fff;color:#333;font-size:1rem;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility} body.noflow {overflow:hidden} body.noflow.ios {position:fixed} /* ===[ Root element styles ]=== */ a, a i {-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;color:#006ac6;font-size:1rem;text-decoration:none;outline:none;transition:all 300ms linear} .desktop a:hover {/* color:rgba(255,255,255,.5); */text-decoration:none} a:active {} .morelink {font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif;font-size:1.25rem} sub, sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline} sup {top:-0.5em} sub {bottom:-0.25em} img {border:0} .img-rounded {border-radius:500px} .img-polaroid {padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)} .img-circle {border-radius:500px} /* ===[ Text ]=== */ p {font-size:16px;margin:0 0 .5rem;line-height:1.8em} p.lead {font-family:"tk-korolev-n5",Helvetica,Arial,sans-serif;font-size:1.25rem;margin-bottom:0} small {font-size:85%} strong {font-weight:bold} em {font-style:italic} cite {font-style:normal} h1, h2, h3, h4, h5, h6 {margin:0;font-family:inherit;line-height:1.4em} h1, h4, h5, h6 {font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif;} h1 {font-size:40px} h2 {font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;margin-bottom:1rem} h3 {font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:22px} h1.logiheading {margin-bottom:4.5rem;position:relative} h1.logiheading:after {background:#006ac6;content:'';height:4px;left:0;position:absolute;top:125%;width:80px} h2.logiheading {line-height:64px;position:relative} h2.logiheading:after {background:#006ac6;content:'';height:4px;left:0;position:absolute;top:100%;width:56px} h2.logiheading.text-center:after {margin:auto;right:0} h2.logiheading.col:after {left:1rem} /* h1, h2, h3, h4, h5, h6 {margin:10px 0;font-family:inherit;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.4em;font-weight:bold} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight:normal;line-height:1;color:#999} h6 small > a {color:#999} h1, .h1 {color:#001412;font-size:30px;text-transform:uppercase;display:block;line-height:1em} body h1:first-child {margin-top:0} h2, .h2 {font-size:31.5px;line-height:1.2em;text-transform:uppercase} h3, .h3 {font-size:24.5px;line-height:1.4em;text-transform:uppercase} h4, .h4 {font-size:17.5px;text-transform:uppercase} h5, .h5 {font-size:14px;text-transform:uppercase} h6, .h6 {font-size:11px} */ /* ===[ Lists ]=== */ ul, ol {padding:0;margin:0 0 10px 25px} li {font-size:16px;line-height:20px} ul.unstyled, ol.unstyled {margin-left:0;list-style:none} ul.inline, ol.inline {margin-left:0;list-style:none} ul.inline>li, ol.inline>li {padding-right:5px;padding-left:5px} dl {margin-bottom:20px} dt, dd {line-height:20px} dt {font-weight:bold} dd {margin-left:10px} hr {margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff} ul.check-list li {padding-left:1.3em;margin-bottom:.5rem} ul.check-list li:before {content:'\f122';display: inline-block;font-family:'Ionicons';margin-left:-1.3em;width:1.6em} /* @end Root*/ /* ===[ Table styles ]=== */ table {} .table {} .table th, .table td {} .table th {} .table thead th {} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {text-transform:uppercase} /* @end Table*/ /* ===[ Social ]=== */ .social-likes {margin:16px 0;padding:10px 0;border:1px solid #f5f5f5;border-left:0 none;border-right:0 none} .social-likes li {display:inline-block;list-style:none;position:relative} .twitter {} .fb-like span {position:absolute;left:0;top:4px} /* @end --------- */ /* ===[ Modal Style ]=== */ .modal-open {overflow:visible} .modal-content {} .modal-header {position:relative} .modal-header:after {} .close {font-size:28px} .modal-title, .catalog h4 .modal-title {font-size:18px;text-align:center} #modal-body.image-zoom {} #modal-body.image-zoom img {margin:0 auto} #modal-body.review {padding:16px} #modal-body.review .form {} #modal-body.review .form label {} /* //// */ .modal-wrap {background:rgba(0,0,0,.8);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000} .modal-box { -webkit-border-radius:6px;-moz-border-radius:6px;background:#fff;border-radius:6px; left:50%;margin:auto;max-height:80%;max-width:768px;overflow:scroll;padding:1rem 0;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);width:90% } .modal-box .field.md-8 {float:left} .close-modal {position:absolute;right:1rem;top:1rem;z-index:10} .close-modal i {color:#bbb;font-size:2rem} /* @end --------- */ /* ===[ Form Style ]=== */ .form {} .form fieldset {border:1px solid #999;margin-bottom:20px} .form legend {color:#666;display:inline-block;border:0 none;font-size:1.25rem;font-weight:bold;margin-left:8px;padding:0 8px;width:auto} .form legend small {display:block;color:#999} .form-control {height:3rem;border:1px solid #dadada;font-size:1rem;outline:none;padding:0 .5rem;width:100%} .form-control:focus {color:#333} .form-control::-webkit-input-placeholder {color:#999} .form-control:-moz-placeholder {color:#999} .form-control::-moz-placeholder {color:#999} .form-control:-ms-input-placeholder {color:#999} .form-control:-placeholder {color:#999} select.form-control {padding:8px 12px 6px 12px} input[type="checkbox"] {border-radius:0;border:1px solid #ccc} input[type="radio"], select {cursor:pointer} label {font-weight:normal;font-style:italic} input[type=radio] {cursor:pointer} select.form-control {background-color:#fff;font-weight:normal} textarea.form-control {height:120px;padding:.5rem} .form-item {margin-bottom:16px} .form-notice {padding:0;margin-bottom:12px;font-size:12px;color:#999;line-height:1.4em} input[type="search"]::-ms-clear {display:none} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{display:none} .multi-check {text-align:left} .multi-check > span.EditingFormLabel {display:block} .captcha-field label {margin:0 auto .5rem;max-width:379px;text-align:left} .captcha-field .CaptchaTable {margin:0 auto} /* Other Custom & Kentico Form elements */ .field {padding-bottom:2rem} .submit-btn {padding-top:32px;text-align:center} .form input[type="submit"] {font-size:1.25rem} .EditingFormLabel {font-size:1rem} .EditingFormErrorLabel {color:#f00;float:right;font-size:.8rem;padding-top:.25rem;text-align:right} .Error .form-control {border-color:#f00} /* ################ * * Custom Checkbox & Radio Button * ################ */ .radio-check-field .EditingFormLabel, .radio-check-field .editing-form-control-nested-control, .radio-field .radio-field-item {display:inline-block} .radio-check-field.no-label .EditingFormLabel {display:none} .radio-check-field .EditingFormLabel {line-height:1.4em;padding-right:40px} .radio-check-field .label {color:#333;display:inline-block;font-size:1rem;font-weight:400;line-height:48px;padding:0 32px 0 0} .radio-check-field label { -webkit-box-shadow:inset 0 0 4px #ccc;-moz-box-shadow:inset 0 0 4px #ccc; background:#f9f9f9;border:1px solid #dadada;box-shadow:inset 0 0 4px #ccc; cursor:pointer;height:20px;margin:14px 8px 0 0;position:relative; vertical-align:top;width:20px } .radio-check-field label:after {-webkit-opacity:0;-moz-opacity:0;content:'';opacity:0;left:3px;position:absolute;width:12px} .radio-field label, .radio-field label:after {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} .radio-field label:after {background:#006ac6;height:12px;top:3px} .checkbox-field label:after { -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg); background:transparent;border:3px solid #006ac6;border-right:none;border-top:none;height:6px;top:4px;transform:rotate(-45deg) } .radio-check-field label:hover::after {-webkit-opacity:.3;-moz-opacity:.3;opacity:.3} .radio-check-field input {display:none;visibility:hidden} .radio-check-field input:checked + label:after {-webkit-opacity:1;-moz-opacity:1;opacity:1} .radio-list-horizontal .radio-field label, .checkbox-list-horizontal .radio-field label {display:block;margin:0 auto} .radio-list-horizontal .radio-field .label, .checkbox-list-horizontal .radio-field .label {display:block} /* ################ * * Custom Checkbox * ################ */ /* .checkbox-field.hrz .EditingFormLabel, */ /* .checkbox-field.hrz .editing-form-control-nested-control {display:inline-block} */ /* .checkbox-field.hrz .EditingFormLabel {padding-right:40px} */ /* ################ * * File Field * ################ */ .file-field label {background:#006ac6;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-style:normal;font-weight:bold;line-height:48px;padding:0 8px;text-align:center} .file-field .file-name-display {color:#888;font-size:.8rem;font-style:italic} .file-field input[type="file"] {width: 0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1} .file-field .clear-file {font-size:24px;margin-left:16px} .file-field .clear-file, .file-field .clear-file i {color:#f00} /* Dynmic Fields (Not editable) */ .dynamic-field-value {background:#eee;margin:0 1rem 1rem;padding:13px .5rem;width:auto;} .dynamic-field-value span {font-size:1rem;line-height:1.4em} .dynamic-field-value > span {font-weight:bold;padding-right:.5rem} .dynamic-field-value > div {display:inline-block} /* @end --------- */ /* ===[ Button Style ]=== */ .btn-box {padding:2rem 0 0} .btn { -webkit-transition:all 300ms linear;-webkit-border-radius:4px;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;-moz-border-radius:4px; background-color:#006ac6;border-radius:4px;color:rgba(255,255,255,1);cursor:pointer;display:inline-block;font-family:'tk-korolev-n7', Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; letter-spacing:1px;line-height:48px;max-width:320px;padding:0 16px;text-transform:capitalize;transition:all 300ms linear;width:70% } .btn i {color:#fff;font-size:1.25rem;line-height:48px;margin-right:.5rem;vertical-align:top} .desktop .btn:hover, .btn:active {/* color:rgba(255,255,255,.45) */} .btn-primary {background:#ee3124} .desktop .btn-primary:hover, .btn-primary:active {background:#ff6055} .btn-secondary {background:#006ac6} .desktop .btn-secondary:hover, .btn-seconday:active {background:#0084d5} .btn-alternative {background:#fff;color:#333;max-width:180px} .btn-alternative i {color:#333} .desktop .btn-alternative:hover, .btn-alternative:active {background:#eee} .btn-inverse {} .btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus {} .btn-success {} .btn-success:hover, .btn-success:active, .btn-success:focus { } .btn-default:hover, .btn-default:active { } .btn-lg {max-width:none;width:100%} /* @end --------- */ /* ===[ Back Button ]=== */ .back-btn {display:inline-block;margin-bottom:4rem} .back-btn i {margin-right:8px} /* ===[ Pagination ]=== */ /* ################################################################################################################################ * * BASE CONTAINERS * ################################################################################################################################ */ .grid {max-width:1440px} /* Change Max Grid Width as desired */ main, header {-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);will-change:transform} main, header, header > .container {position:relative;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s} header {background:#fff;height:80px;padding-top:1rem;text-align:left;z-index:3} main {-webkit-animation:fadeIn 3.5s ease-out;-o-animation:fadeIn 3.5s ease-out;-ms-animation:fadeIn 3.5s ease-out;-moz-animation:fadeIn 3.5s ease-out;animation:fadeIn 3.5s ease-out;min-height:calc(100vh - 224px);z-index:2} section {margin:0 auto;max-width:1440px;padding:2rem 0} /* ################ * * Re-used elements * ################ */ /* ################ * * Preheader * ################ */ .preheader {text-align:right} .preheader {margin:0} .preheader li {display:inline-block;margin-left:1.5rem;vertical-align:middle} .preheader li a {font-family:'tk-korolev-n7', Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif;font-size:20px} .preheader li:first-child a {color:#666} .preheader li:first-child a i {color:#7ca9d7;font-size:1.75rem;left:-5px;position:relative;top:5px} .preheader li:last-child {} .preheader li .btn {font-family:'tk-korolev-n7', Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif;font-size:20px;padding:0 8px;text-align:center;width:186px} .preheader li .btn i {color:#fff;display:inline-block;font-size:1.5rem} .preheader li.subscribe-btn .btn {background:#292929} /* ################ * * MAIN LOGO * ################ */ .mainlogo .logo {display:inline-block;height:50px} .mainlogo .logo svg {height:100%} /* ################ * * Menu Toggle * ################ */ #open-menu {padding:9px 0} #close-menu {display:inline-block;padding:8px 0;position:absolute;right:.5rem;text-align:right;z-index:1} .menu-toggle .toggle {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;background-color:none;border:none;box-sizing:content-box;color:#fff;cursor:pointer;display:inline-block;height:16px;margin:0;overflow:visible;padding:8px} .menu-toggle .toggle-box {display:inline-block;height:16px;position:relative;width:32px} .menu-toggle .toggle-inner {display:block;margin-top:-2px;top:50%} .menu-toggle .toggle-inner:before, .menu-toggle .toggle-inner:after {content:'';display:block} .menu-toggle .toggle-inner::before {top:-8px} .menu-toggle .toggle-inner::after {bottom:-8px} .menu-toggle .toggle.toggle-slider .toggle-inner {top:2px} .menu-toggle .toggle.toggle-slider .toggle-inner::after {top:16px} .menu-toggle .toggle-inner, .menu-toggle .toggle-inner:before, .menu-toggle .toggle-inner:after { -webkit-transition :transform 300ms ease; -webkit-border-radius :3px; -o-transition :transform 300ms ease; -ms-transition :transform 300ms ease; -moz-transition :transform 300ms ease; -moz-border-radius :3px; background-color:#006ac6;border-radius:3px;height:3px;position:absolute;transition:transform 300ms ease;width:32px } .menu-toggle .toggle.toggle-slider .toggle-inner::before { -webkit-transition :-webkit-transform 300ms ease,-webkit-opacity 300ms ease,opacity 300ms ease,transform 300ms ease; -o-transition :-o-transform 300ms ease,opacity 300ms ease,transform 300ms ease; -ms-transition :-ms-transform 300ms ease,opacity 300ms ease,transform 300ms ease; -moz-transition :-moz-transform 300ms ease,-moz-opacity 300ms ease,opacity 300ms ease,transform 300ms ease; transition :transform 300ms ease,opacity 300ms ease; top:8px } /*---------------- Toggled */ .menu-toggle .toggle.toggle-slider.is-active .toggle-inner, .menu-toggle .toggle.toggle-slider.is-active .toggle-inner::before, .menu-toggle .toggle.toggle-slider.is-active .toggle-inner::after {background:#ee3124} .menu-toggle .toggle.toggle-slider.is-active .toggle-inner { -webkit-transform :translate3d(0,10px,0) rotate(45deg); -o-transform :translate3d(0,10px,0) rotate(45deg); -ms-transform :translate3d(0,10px,0) rotate(45deg); -moz-transform :translate3d(0,10px,0) rotate(45deg); transform :translate3d(0,10px,0) rotate(45deg) } .menu-toggle .toggle.toggle-slider.is-active .toggle-inner::before { -webkit-transform :rotate(-45deg) translate3d(-5.71429px,-6px,0);-webkit-opacity:0; -o-transform :rotate(-45deg) translate3d(-5.71429px,-6px,0); -ms-transform :rotate(-45deg) translate3d(-5.71429px,-6px,0); -moz-transform :rotate(-45deg) translate3d(-5.71429px,-6px,0);-moz-opacity:0; transform :rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0 } .menu-toggle .toggle.toggle-slider.is-active .toggle-inner::after { -webkit-transform :translate3d(0,-20px,0) rotate(-90deg); -o-transform :translate3d(0,-20px,0) rotate(-90deg); -ms-transform :translate3d(0,-20px,0) rotate(-90deg); -moz-transform :translate3d(0,-20px,0) rotate(-90deg); transform :translate3d(0,-20px,0) rotate(-90deg); top:19px } /* ################ * * Main Nav * --------------------------------------- * Theme: Drop Down Full Screen in Mobile * Block Drop Down on large screens * ################ */ .dropmenu {} .dropmenu nav {top:64px} .dropmenu nav ul {list-style:none;margin:0} .dropmenu nav ul li {position:relative} .dropmenu nav ul li a {color:#666;display:block;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:1.25rem;line-height:3.5rem} .dropmenu nav ul li a i {color:#666;font-size:1.25rem} .dropmenu nav ul > li {border-top:1px solid #dadada} .dropmenu nav ul > li:first-child {border-top:none} .dropmenu nav > ul ul {display:none} .dropmenu nav > ul ul li a {padding-left:1.5rem} .dropmenu nav > ul ul ul li:first-child {border-top:1px solid #fff} .dropmenu nav > ul ul ul li a {padding-left:3rem} .dropmenu nav > ul > li > ul {background:#f9f9f9;border-top:4px solid #006ac6} .dropmenu nav > ul > li > ul li a {color:#333;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.4em;padding:1rem} .dropmenu nav > ul > li > ul li a i {float:right;font-size:16px;line-height:1.4em;padding-right:1.5rem} .dropmenu nav > ul > li > ul li ul {background:#f2f2f2} .dropmenu nav > ul > li > a.active, .dropmenu nav > ul > li.hovered > a, .dropmenu nav > ul > li:hover > a, .desktop .dropmenu nav > ul > li > a:hover, .touch .dropmenu nav > ul > li > a:active, .desktop .dropmenu nav > ul > li > a:hover i, .touch .dropmenu nav > ul > li > a:active i {color:#006ac6} .dropmenu nav > ul > li > ul li a.active, .desktop .dropmenu nav > ul > li > ul li a:hover, .touch .dropmenu nav > ul > li > ul li a:active {background:#006ac6;color:#fff} .dropmenu nav ul li.phone-btn, .dropmenu nav ul li.help-btn, .dropmenu nav ul li.subscribe-btn {text-align:center} .dropmenu nav ul li.phone-btn, .dropmenu nav ul li.help-btn {margin-bottom:1rem} .dropmenu nav ul li.help-btn, .dropmenu nav ul li.subscribe-btn {border-top:none} .dropmenu nav ul li.phone-btn {padding-top:1rem} .dropmenu nav ul li.subscribe-btn {margin-bottom:2rem} .dropmenu nav ul li.phone-btn i, .dropmenu nav ul li.help-btn i, .dropmenu nav ul li.subscribe-btn i {color:#fff;display:inline-block;font-size:1.5rem;left:-5px;position:relative;top:5px} .dropmenu nav ul li.phone-btn a, .dropmenu nav ul li.help-btn a, .dropmenu nav ul li.subscribe-btn a {font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif;font-size:20px;margin:0 auto;max-width:256px;width:100%} .dropmenu nav ul li.help-btn a, .dropmenu nav ul li.subscribe-btn a {color:#fff;text-align:center} .dropmenu nav ul li.subscribe-btn a {background:#292929} .dropmenu nav ul li.phone-btn a i {color:#7ca9d7;font-size:1.75rem} /* .preheader li .btn {font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif;font-size:20px;padding:0 8px;text-align:center;width:186px} .preheader li .btn i {color:#fff;display:inline-block;font-size:1.5rem} .dropmenu nav ul li.subscribe-btn .btn {background:#292929} */ .dropmenu nav ul li.search-trigger a {color:#666;padding:0} .dropmenu nav ul li.search-trigger a i {/* color:#ee3124; */font-size:1.5rem} .dropmenu nav ul li.search-trigger a span {padding-right:16px;position:relative} .search-field {background:#fff;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:100} .search-field-box {bottom:0;height:482px;left:0;margin:auto;max-width:480px;padding:72px 16px 16px;position:absolute;right:0;top:0} .search-field-box .close-search {color:#999;left:16px;position:absolute;top:0} .search-field-box .close-search i {font-size:4rem} .search-field-box ::-webkit-input-placeholder {font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:24px} .search-field-box ::-moz-placeholder {font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:24px} .search-field-box :-ms-input-placeholder {font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:24px} .search-field-box :-moz-placeholder {font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:24px} .search-field-box input[type="text"] {border:none;border-bottom:1px solid #ccc;margin-bottom:32px;text-align:center} .search-field-box ul {margin:0 0 32px;text-align:left} .search-field-box ul li {padding:0} /* .search-field button {background:none;color:#888;height:48px;line-height:12px;padding:0 8px;position:absolute;right:0;top:0} .search-field button i {font-size:1.5rem} */ .search-field button {font-size:1.25rem;line-height:58px} .desktop .search-field button:hover, .touch .search-field button:active {color:#fff} /* support for no js */ .no-js .primary-nav {position:relative;height:auto;width:100%;overflow:visible;visibility:visible;z-index:2} .no-js .search {position:relative;top:0;opacity:1;visibility:visible} /* ################ * * Side Menu * ################ */ aside.side-nav ul {margin:0;text-align:left} aside.side-nav ul li {border-top:1px solid #dadada} aside.side-nav ul li:first-child {border-top:none} aside.side-nav ul li a {color:#292929;display:block;line-height:3.5rem;padding:0 1rem} aside.side-nav ul li a i {float:right;font-size:16px;line-height:3.5rem} aside.side-nav ul li a.active {background:#006ac6;color:#fff} .desktop aside.side-nav ul li a:hover, aside.side-nav ul li a:active {background:#006ac6;color:#fff} aside.side-nav ul ul {background:#f9f9f9;display:none} aside.side-nav ul ul li a {padding-left:2rem} aside.side-nav ul.active {display:block} aside.side-nav .secondary-nav.active li a.active {background:rgba(0,106,198,.75)} aside.side-nav .side-nav-title {border-bottom:1px solid #dadada;color:#006ac6;font-weight:bold;margin-bottom:0;padding-bottom:1rem;text-align:left} aside.side-nav .back-to-all {border-bottom:1px solid #dadada;margin-bottom:0} aside.side-nav .back-to-all a {color:#292929;display:block;line-height:3.5rem;margin-bottom:0;padding:0 1rem;text-align:left} .desktop aside.side-nav .back-to-all a:hover, aside.side-nav .back-to-all a:active {background:#006ac6;color:#fff} aside.side-nav .back-to-all {position:relative} .desktop aside.side-nav .back-to-all:hover:after, aside.side-nav .back-to-all:active:after {color:#fff} aside.side-nav .back-to-all:after { -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f105';display:inline-block; font:normal normal normal 14px/1 FontAwesome;font-size:1rem;line-height:3.5rem;position:absolute;right:1rem;text-rendering:auto;top:0 } /* ################ * * Side Quick Links * ################ */ .side-quicklinks {margin:0;padding-top:64px;text-align:left} .side-quicklinks li a {display:block} .side-quicklinks li a span {-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;transition:all 300ms linear} .desktop .side-quicklinks li a:hover span, .side-quicklinks li a:active span {color:#006ac6} .side-quicklink {border-bottom:1px solid #ccc} .side-quicklink a i {color:#ee3124;display:inline-block;font-size:24px;line-height:3.5rem;margin-right:16px;text-align:center;vertical-align:top;width:24px} .side-quicklink a span {color:#292929;line-height:3.5rem;vertical-align:top} .techhelp-quicklink {border:1px solid #ccc;margin-bottom:32px;padding:1rem 1rem 1.5rem;text-align:center} .techhelp-quicklink a i {color:#ee3124;display:block;font-size:4rem;margin:0 0 32px;position:relative} .techhelp-quicklink a i:after {background:#006ac6;content:'';height:4px;left:0;margin:auto;position:absolute;right:0;top:116%;width:32px} .techhelp-quicklink a span {font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif;font-size:28px;display:block} .techhelp-quicklink a span, .desktop .techhelp-quicklink a:hover span, .techhelp-quicklink a:active span {color:#292929 !important} /* ################ * * Footer * ################ */ footer {background:#292929;margin:0 auto;max-width:1440px} footer .row {margin-bottom:0} footer p {color:#fff} footer .newsletter-box {background:#ee3124;padding:2rem 0} footer .newsletter-box h3 {color:#fff;margin-bottom:1rem} footer .newsletter-box .btn {background:#292929;font-size:1.25rem} footer .newsletter-box input[type='text'] {-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin-bottom:.5rem} footer .newsletter-box input[type='submit'] {-webkit-border-radius:6px;-moz-border-radius:6px;background:#292929;border-radius:6px;color:#fff;font-size:1.25rem;max-width:none;width:100%} footer .newsletter-box input[type='submit']:hover {background:#666666} footer .footer-items {padding:4rem 1rem 0} footer .footer-items ul {border-bottom:1px solid #666;margin:0 0 16px;padding-bottom:16px;text-align:left} footer .footer-items ul:last-child {/* margin-bottom:0 */} footer .footer-items ul li, footer .footer-items ul li a {color:#ededed;font-size:16px} footer .footer-items ul li {line-height:1.8em} footer .footer-items ul li.footer-list-title {color:#fefefe;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:22px;margin-bottom:16px} footer .footer-items ul li.social-links {padding-top:16px} footer .footer-items ul li.social-links a {background:#fff;border-radius:50%;color:#292929;display:inline-block;line-height:32px;margin-right:8px;text-align:center;width:32px} footer .footer-items ul li.help-btn {padding-top:16px} footer .footer-items .contact-info i {color:#7ca9d7;margin-right:8px;width:14px} footer .footer-items .contact-info i.fa-file {font-size:.75em} footer .footer-items .contact-info .main-phone {margin-bottom:16px} footer .footer-items .contact-info .main-phone a {font-size:24px;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif} footer .footer-items .contact-info .main-phone i {font-size:1.75rem;position:relative;top:5px;width:auto} footer .footer-items .contact-info li:nth-last-child(3) {padding-top:16px} footer .footer-items hr {background:#666;display:none;border:none;height:1px;margin:32px 0} footer .far-footer {padding:0 1rem 4rem;text-align:left} footer .far-footer p, footer .far-footer p a {display:block;font-size:14px;line-height:2.5em} footer .far-footer p {color:#ededed} footer .far-footer p span.copyright {display:block;line-height:2.5em} footer .far-footer p a {color:#999;/* margin:0 16px */} footer .far-footer p a span {display:inline-block;min-width:152px} footer .far-footer p a i {margin-left:8px} footer .far-footer .img-box {width:100px} footer .far-footer .img-box img {width:100%} footer .far-footer .col:last-child {padding-top:32px} footer .far-footer .col:last-child p, footer .far-footer .col:last-child .img-box {vertical-align:top} footer .far-footer .col:last-child p {display:inline-block;line-height:62px;margin-bottom:0;padding-right:16px} footer .far-footer .col:last-child .img-box {display:inline-block} .css-table .grid {display:table} .css-table .grid .row {display:table-row} .css-table .grid .row .col {display:table-cell;padding:0} .css-table .grid .row .col.img-cell {overflow:hidden;position:relative} .css-table .grid .row .col.img-cell img {height:100%;position:absolute;right:0;top:0} /* ################################################################################################################################ * * HOME PAGE * ################################################################################################################################ */ .home-banner {padding-top:0} /* ################ * * Swiper * ################ */ .banner-swiper {max-width:1440px} .banner-slide {min-width:320px} .swiper-button i {color:#fff;font-size:40px} .touch .swiper-button i, .desktop .swiper-button i {display:none} .banner-slide:before {background:rgba(0,0,0,.45);bottom:0;content:'';left:0;position:absolute;right:0;top:0;z-index:7} .banner-slide img {height:100%;z-index:4} .swiper-content { -webkit-transform:translate(-50%,-50%); -webkit-transition:all 300ms linear;-webkit-animation:fadeIn 3.5s ease-out; -o-transform:translate(-50%,-50%); -o-transition:all 300ms linear;-o-animation:fadeIn 3.5s ease-out; -ms-transform:translate(-50%,-50%); -ms-transition:all 300ms linear;-ms-animation:fadeIn 3.5s ease-out; -moz-transform:translate(-50%,-50%); -moz-transition:all 300ms linear;-moz-animation:fadeIn 3.5s ease-out; animation:fadeIn 3.5s ease-out;bottom:0;left:50%;margin:auto;padding:0 1rem;position:absolute;right:0;top:50%;transition:all 300ms linear;transform:translate(-50%,-50%);width:100%;z-index:8 } .swiper-content .banner-title, .swiper-content .banner-blurb {color:#fff;font-size:18px;margin-bottom:1rem} .swiper-content .banner-title {font-family:"tk-korolev-n7",Helvetica,Arial,sans-serif;font-size:12.5vw;line-height:1em} .swiper-content .banner-blurb {font-size:5.625vw;line-height:1.4em} .swiper-content .btn {max-width:200px} @media (min-device-height:568px) and (orientation:portrait) {.touch .banner-swiper {height:72vh}} @media (min-device-height:667px) and (orientation:portrait) {.touch .banner-swiper {height:76.4vh}} @media (min-device-height:736px) and (orientation:portrait) {.touch .banner-swiper {height:78.8vh}} @media (min-device-height:1024px) and (orientation:portrait) {.touch .banner-swiper {height:89.4vh}} @media (min-device-height:568px) and (orientation:landscape) {.touch .banner-swiper {height:75vh}} @media (min-device-height:667px) and (orientation:landscape) {.touch .banner-swiper {height:78.6vh}} @media (min-device-height:736px) and (orientation:landscape) {.touch .banner-swiper {height:80.7vh}} @media (min-device-height:1024px) and (orientation:landscape) {.touch .banner-swiper {height:56.25vh}} /* Desktop */ .desktop .banner-swiper {height:320px} /* ################ * * Content * ################ */ .page-banner {height:0;margin-bottom:1rem;overflow:hidden;padding:154px 0 0;position:relative} .page-banner:before {background:rgba(0,0,0,.35);bottom:0;content:'';left:0;position:absolute;right:0;top:0;z-index:15} .page-banner.empty-banner:before {background:rgba(0,0,0,0)} .page-banner img {bottom:-9999px;left:-9999px;margin:auto;position:absolute;right:-9999px;top:-9999px;width:100%;z-index:10} .page-banner h1 {color:#fff;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:10vw;left:0;line-height:1em;margin:auto;padding:0 1rem;position:absolute;right:0;top:20%;z-index:20} .page-banner h1 .logired {color:#ee3124} .breadcrumbs-wrap {bottom:10%;left:0;position:absolute;right:0;text-align:center;z-index:30} .breadcrumbs-box {background:rgba(0,0,0,.8);display:inline-block;padding:.75rem 1rem;text-align:center;white-space:nowrap} .breadcrumbs-box, .breadcrumbs-box a {color:#fff;font-size:.8rem} .breadcrumbs-box i {margin:0 1rem} .iconed-heading .icon-box {height:64px;margin:0 auto 32px;position:relative;width:64px} .iconed-heading .icon-box:after {background:#006ac6;content:'';height:4px;left:0;margin:auto;position:absolute;right:0;top:116%;width:64px} .page-intro {margin-bottom:3rem} .page-intro li {line-height:1.8em} .page-intro ul li {list-style:disc} .page-intro ol li {list-style:decimal} .page-intro > i.ico-intro {color:#ee3124;display:block;font-size:7rem;margin-bottom:1rem;text-align:center} /*---------------- Home Page */ .home h1.logiheading:after {margin:auto;right:0} /* Ad Boxes */ .ad-boxes a, .ad-boxes .col > div {display:block;margin-bottom:1rem;overflow:hidden;padding-top:56.25%;position:relative;} .ad-boxes a img, .ad-boxes .col > div img {left:0;position:absolute;top:0;width:100%} /* CTA Buttons */ .home .home-ctas {margin-bottom:0;position:relative} .home .home-ctas .btn {font-size:.9375rem;margin-bottom:1rem;max-width:320px;text-align:center} .home .home-ctas .col:last-child .btn {margin-bottom:0} /* Services List */ .home-services-list {background:#fbfbf5;margin-bottom:4rem;margin-top:2rem;max-width:1440px;padding:4rem 0} .home-services-list a {display:block;margin-bottom:3.5rem;text-align:left} .home-services-list a .icon-box {float:left;height:64px;padding:0;position:relative;width:64px} .home-services-list a .icon-box i {color:#ee3124;font-size:64px} .home-services-list a .icon-box:after {background:#006ac6;bottom:0;content:'';height:40px;margin:auto;position:absolute;left:116%;top:0;width:4px} .home-services-list a span {display:inline-block} .home-services-list a h2 {color:#333;font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif;font-size:20px;line-height:64px;margin-bottom:1rem;padding-left:92px} .home-services-list a .summary {color:#333;line-height:1.8em;margin-bottom:1rem} .home-services-list .col:last-child a {margin-bottom:0} /* Split Blocks (undelayed image) */ .split-block {overflow:hidden;/* margin-bottom:0; */padding:0;position:relative} .split-block .grid {position:relative;z-index:20} .split-block .grid .row {margin-bottom:0} .split-block .content-box {padding:1rem 2rem 2rem;position:relative;top:-4rem;z-index:30} .split-block .content-box:after {bottom:0;content:'';display:block;left:1rem;position:absolute;right:1rem;top:0;z-index:10} .split-block .content-box .inner-content-box {position:relative;z-index:20} .split-block.blue .content-box:after {background:rgba(42,124,197,.95)} .split-block.gray .content-box:after {background:rgba(94,102,109,.95)} .split-block.light-gray .content-box:after {background:rgba(251,251,251,.75)} .split-block .content-box h2, .split-block .content-box p {color:#fff;position:relative;z-index:20} .split-block .content-box h2 {font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif} .split-block .content-box p {margin-bottom:2rem} .split-block .img-box {padding:0} .split-block .img-box .img-bg {background-repeat:no-repeat;background-position:center center;background-size:cover;height:0;overflow:hidden;padding-top:100%;position:relative} .split-block.light-gray {margin-top:4rem} .split-block.light-gray h2, .split-block.light-gray p, .split-block.light-gray li {color:#333} /* Split Stack (Normal Column split) */ .split-stack .img-box {height:0;overflow:hidden;padding:53% 0 0;position:relative} .split-stack .img-box img {left:0;position:absolute;top:0;width:100%} .split-stack .content-box {padding:3rem 2rem} .split-stack .content-box:before {background:rgba(251,251,251,1);bottom:0;content:'';display:block;left:0;position:absolute;right:0;top:0;z-index:-1} /* Latest Articles */ .latest-articles-list {background:#fbfbf5;padding:4rem 0} .latest-articles-list h2 {font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif} .latest-articles-list h3 {margin-bottom:3.5rem} .latest-articles-list h3 a {color:#333;display:block;font-size:inherit;line-height:1.4em} .latest-articles-list .img-box {box-shadow:0 0 4px #ccc;display:block;height:0;margin-bottom:1rem;overflow:hidden;padding-top:58.065%;position:relative;} .latest-articles-list .img-box img {left:0;position:absolute;top:0;width:100%} /* Articles List */ .articles-list .img-box img {bottom:0;left:0;min-height:0;right:0;top:0} /* Suppliers List */ .suppliers-list {background:#fff;border-top:1px solid #ccc} .suppliers-list .lead {color:#b2b2b2;margin-bottom:16px;text-transform:uppercase} .suppliers-list .markee-slide {height:80px;padding:0 16px;width:160px} .suppliers-list .markee-slide img {height:100%} /* OEM Approvals List */ .oem-approvals {background:#fff} .oem-approvals .lead {color:#b2b2b2;margin-bottom:16px;text-transform:uppercase} .oem-approvals .oem-swiper {border-bottom:1px solid #ccc;margin-bottom:1rem;padding-bottom:1rem} .oem-approvals .markee-slide {height:80px;padding:0 16px;width:160px} .oem-approvals .markee-slide img {height:100%} /* ################ * * Categories * ################ */ .sub-categories {} .sub-categories .page-intro {text-align:left} .sub-categories .subcategory-item {margin-bottom:3.5rem;padding:0 1rem} .sub-categories .subcategory-item a {display:block} .sub-categories .subcategory-item a .img-box {display:block} .sub-categories .subcategory-item a .img-box img {width:100%} .sub-categories .subcategory-item.techhelp-subcategory a .img-box {background:#fbfbf5;height:0;overflow:hidden;padding-top:56.25%;position:relative} .sub-categories .subcategory-item.techhelp-subcategory a .img-box i {bottom:0;color:#ee3124;font-size:25vw;height:25vw;left:0;margin:auto;position:absolute;right:0;top:0} .sub-categories .subcategory-item a h2 {color:#333;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:6.25vw;line-height:1.5em;padding:.5rem 0;text-align:left} .sub-categories .subcategory-item a h2 i {float:right;line-height:1.5em} .secondary-sub-categories {text-align:left} .secondary-sub-categories .subcategory-item {padding:0} /* ################ * * Products Listing * ################ */ .products-list {text-align:center} .products-list .product-item {margin-bottom:2rem} .products-list .product-item a, .products-list .product-item a .img-box {display:block} .products-list .product-item a .img-box {border:2px solid #ccc;height:0;overflow:hidden;padding-top:100%;position:relative} .products-list .product-item a .img-box img {left:0;height:100%;position:absolute;top:0;width:auto} .products-list .product-item a h2 {color:#333;font-size:20px;line-height:1.5em;overflow:hidden;padding:1rem 1rem 1rem 0;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap} .products-list .product-item a h2 i {line-height:1.5em;position:absolute;right:0} /* ################ * * Product Details * ################ */ .product-details {text-align:left} .product-details > .col {padding-left:0;padding-right:0} .product-details .img-box {border:2px solid #ccc;height:0;overflow:hidden;padding-top:100%;position:relative} .product-details .img-box img {left:0;height:100%;position:absolute;top:0;width:auto} .product-details h3 {font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;padding:16px 0} .product-details .overview p {margin-bottom:32px} .product-details .attributes {margin:0 0 40px} .product-details .attributes li {border-bottom:1px dashed #ccc;padding:8px 0} .product-details .attributes li span {display:inline-block;font-size:1rem;line-height:24px;padding:4px 0;vertical-align:top} .product-details .attributes li span.var {font-weight:bold;width:20%} .product-details .attributes li span.val {width:80%} .product-details .brochure-btn {-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size:1.25rem;line-height:56px;margin-bottom:32px;max-width:400px;text-align:center} .product-details .brochure-btn i {font-size:1.75rem;line-height:56px;margin-right:1rem} .product-details .quick-help i {color:#ee3124;font-size:1.5rem;margin-right:.5rem} .product-details .quick-help i, .product-details .quick-help span, .product-details .quick-help span a {vertical-align:top} .product-details .quick-help span, .product-details .quick-help span a {line-height:25px} .product-details .product-thumbs {padding-top:8px} .product-details .product-thumbs ul {margin:0 -8px} .product-details .product-thumbs ul li {border:2px solid #ccc;display:inline-block;height:85px;margin:0 8px 8px;overflow:hidden;width:85px} .product-details .product-thumbs ul li:last-child {margin-right:0} .product-details .product-thumbs ul li a {display:block;height:100%;width:100%} .product-details .product-thumbs ul li a img {height:100%;max-width:none;width:auto} .tabs-wrapper {padding:64px 1rem 32px} .tabs-wrapper .product-info-tabs {text-align:left} .tabs-wrapper .product-info-tabs .ajax__tab_header > span {display:inline-block} .tabs-wrapper .product-info-tabs .ajax__tab_header > span .ajax__tab_tab {margin-right:32px} .tabs-wrapper .product-info-tabs .ajax__tab_tab {border-bottom:4px solid transparent;color:#b6b6b6;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:28px;line-height:64px;margin-bottom:16px} .tabs-wrapper .product-info-tabs .ajax__tab_active .ajax__tab_tab {border-bottom-color:#006ac6;color:#292929} .tabs-wrapper .ajax__tab_panel table td {border:1px solid #ccc;font-size:1rem;line-height:2.5rem;padding:0 .75rem} .tabs-wrapper .ajax__tab_panel ul, .tabs-wrapper .ajax__tab_panel ul li {list-style:disc} .tabs-wrapper .ajax__tab_panel ol, .tabs-wrapper .ajax__tab_panel ol li {list-style:decimal} .tabs-wrapper .ajax__tab_panel ul li, .tabs-wrapper .ajax__tab_panel ol li {line-height:1.4em;margin-bottom:12px} /* Related Products */ .related-products {border-top:1px solid #ccc;padding-top:32px;text-align:left} .related-products h2 {margin-bottom:2rem} .related-products-items {margin:0 -1rem} .products-list .related-products-items .product-item a h2 {font-size:16px} /* ################ * * Inner Pages * ################ */ .inner-page h2 {font-size:10vw;font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif;line-height:1.25em} .inner-page h2.logiheading {margin-bottom:1em} .inner-page h2.logiheading:after {top:118%} .inner-page .full-block {background:rgba(42,124,197,.95);color:#fff} .inner-page .full-block .logiheading:after {background:#fff} .page-content {text-align:left} .standard-content {padding-top:8rem} /* ################ * * About * ################ */ .about .page-content {padding-bottom:4rem} .about .page-content .img-box {display:none;float:right;margin:0 0 2rem 2rem;width:50%} .about .page-content .img-box img {width:100%} .about .split-stack {padding:0} .about .about-cta {padding:2rem} .about .about-cta img {margin-bottom:3rem;max-width:480px;width:100%} .about .about-cta .btn {font-size:1.25rem;max-width:200px} .about ul.check-list {margin:0} .about ul.check-list li:before {color:#006ac6} /* ################ * * Contact * ################ */ .contact-blocks {padding-top:4rem} .contact-blocks .contact-block {text-align:left} .contact-blocks .contact-block > i {color:#ee3124;display:inline-block;font-size:3rem;height:48px;margin-right:16px;vertical-align:top;width:38px} .contact-blocks .contact-block > i.fa-file-text {font-size:2.5rem} .contact-blocks .contact-block .logiheading, .contact-blocks .contact-block .logiheading a {display:inline-block;font-size:8vw;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;vertical-align:top} .contact-blocks .contact-block .logiheading a {color:inherit} .contact-blocks .contact-block ul {margin:0 0 4.5rem 54px} .contact-blocks .contact-block:last-child ul {margin-bottom:0} .contact-blocks .contact-block ul li {margin-bottom:.5rem} .contact-blocks .contact-block ul li:first-child {margin-bottom:1.5rem} .contact-blocks .contact-block ul li:last-child {padding-top:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .contact-blocks .contact-block ul li a {color:#333} .contact-blocks .contact-block ul li:last-child a {color:#006ac6} .contact-blocks .contact-block ul li i, .contact-blocks .contact-block ul li span {vertical-align:top} .contact-blocks .contact-block ul li i {color:#7ca9d7;line-height:18px;margin-right:.5rem} .contact-blocks .contact-block ul li i.fa-file {font-size:.8rem} .form-container {background:#fbfbf5;padding:3rem 0} /* Regional Offices */ .regional-offices h2, .regional-offices h3 {color:#ee3124} .regional-offices h3 {font-size:28px} .offices-group {margin-bottom:64px} .offices-group:first-child {padding-top:32px} .office-info {margin-bottom:32px} .office-info ul {margin-left:0} /* ################ * * Events & Training * ################ */ .events-list {background:#fbfbf5;padding:4rem 0} .events-list .row {margin-bottom:0} .events-list h2 {margin-bottom:2rem} /* Events Filter */ .filter-wrap {text-align:left} .events-filter {display:inline-block;margin-bottom:2rem;max-width:320px;position:relative;width:100%} .events-filter-toggle {background:#fff;border:1px solid #e8e8e8;color:#292929;display:block;line-height:2.5rem;padding:0 0 0 1rem;position:relative;text-align:left} .events-filter-toggle span {display:block;line-height:2.5rem;padding-right:2.5rem} .events-filter-toggle i {background:#006ac6;color:#fff;display:inline-block;font-size:1rem;line-height:40px;position:absolute;right:0;text-align:center;top:0;width:2.5rem} .events-filter-list {-webkit-box-shadow:0 3px 4px 1px #eee;-moz-box-shadow:0 3px 4px 1px #eee;background:#fff;border:1px solid #e8e8e8;border-top:none;box-shadow:0 3px 4px 1px #eee;display:none;left:0;margin:0;max-height:185px;overflow:scroll;padding-top:.5rem;position:absolute;right:0;text-align:left;top:100%;z-index:100} .events-filter-list li {font-weight:bold} .events-filter-list li a {display:block;line-height:2rem;padding:0 2rem} .events-filter-list li a:hover {background:#eee} .events-filter-list li:first-child {border-bottom:1px solid #e8e8e8;padding-bottom:.5rem} .events-filter-list li:first-child a {color:#292929;font-weight:normal} /* Events List Items */ .event-item {background:#fff;border:1px solid #e8e8e8;color:#292929;margin-bottom:2rem;padding:0} .event-item:last-child {margin-bottom:0} .event-item .event-img {overflow:hidden;padding:50% 0 0;position:relative} .event-item .event-img img {left:0;position:absolute;top:0;width:100%} .event-item .event-summary {padding:2rem 1rem;text-align:left} .event-item .event-summary h3 {font-size:1.75rem} .event-item .event-summary span {display:inline-block;font-size:.8rem;margin-right:2rem;padding:1rem 0} .event-item .event-summary span.date {padding-bottom:.5rem} .event-item .event-summary span.location {padding-top:.5rem} .event-item .event-summary span i {color:#0f70ba;font-size:1rem;margin-right:.5rem;text-align:center;width:1rem} .event-item .event-summary .morelink {color:#0f70ba;display:inline-block;font-size:1.25rem;padding-top:1rem} /*#### Event Details ####*/ /* Side Bar */ .event-info {border-bottom:1px solid #e8e8e8;margin-bottom:1rem;padding-bottom:1rem;text-align:center} .event-info .side-panel {background:#fbfbf5;margin-bottom:1rem;padding:1rem 1rem 2rem} .event-info .side-panel:first-child {padding-top:0} .event-info .side-panel h4, .event-info .side-panel li {text-align:left} .event-info .side-panel h4 {font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:1.5rem;margin-bottom:1rem} .event-info .side-panel ul {margin:0 0 2rem} .event-info .side-panel ul li {border-bottom:1px solid #dadada;line-height:2.75rem} .event-info .side-panel ul li span {display:inline-block} .event-info .side-panel ul li .var {width:35%} .event-info .side-panel ul li .val {text-align:right;width:65%} .event-info .side-panel ul li .price {color:#006ac6;font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif} .event-date {background:#fff;border:6px solid #d9e8f4;color:#0068b3;display:inline-block;padding:1rem;position:relative;top:-2rem} .event-date span {font-family:'tk-korolev-n7',Helvetica,Arial,sans-serif} .event-date .event-date-day {font-size:1.5rem} .event-date .event-date-mth-yr {font-size:1rem} .event-info .event-location-panel {padding-bottom:1rem} .event-info .event-location-panel i {color:#006ac6;float:left;font-size:1.5rem;padding-top:.25rem;width:1.5rem} .event-info .event-location-panel p {padding-left:2rem;text-align:left} .event-info .event-location-panel.k-gmap-box > div {width:100%} .book-btn-box {-webkit-box-shadow:0 4px 8px #666;-moz-box-shadow:0 4px 8px #666;background:#fbfbf5;box-shadow:0 4px 8px #666;display:none;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000} /*#### Registration Form ####*/ .event-reg-form h3 {margin-bottom:.5rem;padding-top:1rem} .close-reg-form i {font-size:2rem} /* ################ * * Blog Posts List * ################ */ .article-item {border-bottom:1px solid #e8e8e8;margin-bottom:2rem;padding-bottom:2rem;text-align:left} .article-item .img-box {border:1px solid #e8e8e8;display:block;height:0;margin-bottom:1rem;overflow:hidden;padding-top:40%;position:relative} .article-item .img-box img {bottom:-9999px;left:-9999px;margin:auto;min-height:100%;min-width:100%;position:absolute;right:-9999px;top:-9999px;width:auto} .article-item .post-attributes {margin-bottom:1.5rem} .article-item .post-attributes span {font-size:.85rem;vertical-align:top} .article-item .post-attributes span.sep {margin:0 1rem} .article-item .post-attributes span.post-share {float:right;font-size:.85rem;position:relative;text-align:right} .article-item .post-attributes span.post-share .share-toggle {} .article-item .post-attributes span.post-share ul {background:#fff;border:1px solid #e8e8e8;box-shadow:0 2px 6px 1px #ddd;display:none;position:absolute;right:0;top:100%;text-align:left;min-width:160px;z-index:100} .article-item .post-attributes span.post-share ul li {border-bottom:1px solid #e8e8e8} .article-item .post-attributes span.post-share ul li:last-child {border-bottom:none} .article-item .post-attributes span.post-share ul li a {color:#666;display:block;line-height:2.5rem;padding:0 1rem 0 0} .article-item .post-attributes span.post-share ul li a, .article-item .post-attributes span.post-share ul li a i {color:#666} .desktop .article-item .post-attributes span.post-share ul li a:hover, .touch .article-item .post-attributes span.post-share ul li a:active {background:#eee} .desktop .article-item .post-attributes span.post-share ul li a:hover i, .touch .article-item .post-attributes span.post-share ul li a:active i {color:#fff} .desktop .article-item .post-attributes span.post-share ul li a:hover i, .touch .article-item .post-attributes span.post-share ul li a:active i {background:#666} .desktop .article-item .post-attributes span.post-share ul li a[data-network='facebook']:hover, .touch .article-item .post-attributes span.post-share ul li a[data-network='facebook']:active {color:#3b5998} .desktop .article-item .post-attributes span.post-share ul li a[data-network='facebook']:hover i, .touch .article-item .post-attributes span.post-share ul li a[data-network='facebook']:active i {background:#3b5998} .desktop .article-item .post-attributes span.post-share ul li a[data-network='googleplus']:hover, .touch .article-item .post-attributes span.post-share ul li a[data-network='googleplus']:active {color:#df4a32} .desktop .article-item .post-attributes span.post-share ul li a[data-network='googleplus']:hover i, .touch .article-item .post-attributes span.post-share ul li a[data-network='googleplus']:active i {background:#df4a32} .desktop .article-item .post-attributes span.post-share ul li a[data-network='linkedin']:hover, .touch .article-item .post-attributes span.post-share ul li a[data-network='linkedin']:active {color:#007bb6} .desktop .article-item .post-attributes span.post-share ul li a[data-network='linkedin']:hover i, .touch .article-item .post-attributes span.post-share ul li a[data-network='linkedin']:active i {background:#007bb6} .article-item .post-attributes span.post-share ul li a i {border-right:1px solid #e8e8e8;font-size:1rem;line-height:2.5rem;margin-right:1rem;padding:0 .5rem;text-align:center;width:2.5rem} .article-item .post-attributes span.post-share ul li a i.ion-ios-email {font-size:1.25rem} .article-item h2 {padding-top:2rem;text-align:left} .article-item .post-summary {margin-bottom:2rem} .article-item .post-summary a img { max-width: 100%!important; height: auto!important; } .article-item .btn {max-width:10rem;text-align:center} aside.blog-side-nav ul {margin-bottom:3rem !important} aside.blog-side-nav ul li {border-bottom:1px solid #dadada;border-top:none} aside.blog-side-nav .CategoryListItem {position:relative} aside.blog-side-nav .CategoryListItem:after {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f105';display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:1rem;line-height:3.5rem;position:absolute;right:1rem;text-rendering:auto;top:0} aside.blog-side-nav .TagCloud {margin-bottom:3rem;padding-top:1rem;text-align:left} aside.blog-side-nav .TagCloud span {border:1px solid #e8e8e8;display:inline-block;margin:0 .5rem .5rem 0;padding:1rem} aside.blog-side-nav .TagCloud span a {color:#292929} aside.blog-side-nav .archives .archive-posts-count span {color:#999;float:right;font-weight:bold;line-height:3.5rem;text-align:right} .article-details {border-bottom:none} .post-details h2 {padding-top:1.5rem} /* ################ * * Tech Help Form * ################ */ #tech-help-form fieldset {border-color:#dadada} #tech-help-form .form-control {background:#fcfcfc;border-color:#ccc} #tech-help-form .fault-details .radio-check-field .EditingFormLabel {min-width:382px} /* ################ * * Search Results * ################ */ .sr-wrap {border-bottom:1px solid #ccc;margin-bottom:2rem;padding-bottom:2rem} .sr-title {margin-bottom:.5rem} .sr-title a {font-size:20px;font-weight:bold} .sr-summary {font-size:14px;line-height:1.6em;margin-bottom:.5rem} .sr-relevance {} .relevance-score {width: 50px; border: solid 1px #aaa; margin-top: 7px; margin-right: 6px; float: left; color: #00f; font-size: 2pt; line-height: 4px; height: 4px;} .sr-url {color:#080;font-size:14px} .sr-date {color:#888;font-size:11px} .sr-pager {text-align:left} .sr-pager span, .sr-pager a {font-size:1rem;margin:0 1rem} .sr-pager span.sr-pages-count {float:right;font-size:.8rem} /* ################################################################################################################################ * * SECURE ZONES * ################################################################################################################################ */ /* #### User Top Nav #### */ .user-top-nav {padding-top:0} .user-top-nav span {display:inline-block;font-size:1rem} .user-top-nav span i {font-size:1.75rem;margin-right:8px} .user-top-nav span.user-label {margin-right:4px} .user-top-nav .signoutLink {-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid;border-radius:4px;display:inline-block;margin-left:2rem;padding:0 16px} .user-top-nav .signoutLink, .user-top-nav .signoutLink i, .user-top-nav .signoutLink span {line-height:48px} .user-top-nav .signoutLink i, .user-top-nav .signoutLink span {vertical-align:top} .user-top-nav .signoutLink i {font-size:1.5rem;margin-right:4px} /* #### Forms #### */ .account-form {background:none} .account-form .field {text-align:left} .account-form .FormPanel {text-align:center} .account-form .FormPanel > div:not(.field) {padding-top:2rem} .account-form .FormPanel span {font-size:1rem;text-align:center} .account-form .submit-btn input {font-size:1.25rem;max-width:none;width:100%} .account-form .hide-form-intro h2, .account-form .hide-form-intro h2 + p {display:none !important} /* ################ * * Dashboard Account Access Tabs * ################ */ .account-accordion-wrapper {padding:4rem 0 2rem} .account-accordion-wrapper .form .col {font-size:1rem} .account-accordion-wrapper .account-head-accordion {background:#fbfbf5;border:1px solid #c8c8c8;color:#b6b6b6;cursor:pointer;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:28px;line-height:72px} .account-accordion-wrapper .account-inner-accordion {border:1px solid #c8c8c8;padding:2rem 1rem;text-align:left} .account-tabs-wrapper {padding:2rem 1rem} .account-tabs-wrapper .form .col {font-size:1rem} .account-tabs-wrapper .account-tabs {text-align:left} .account-tabs-wrapper .ajax__tab_header > span {display:inline-block;width:50%;text-align:center} .account-tabs-wrapper .ajax__tab_header > span .ajax__tab_outer, .account-tabs-wrapper .ajax__tab_header > span .ajax__tab_inner {width:100%} .account-tabs-wrapper .ajax__tab_header > span .ajax__tab_tab {display:block} .account-tabs-wrapper .ajax__tab_tab {border-bottom:1px solid #c8c8c8;color:#b6b6b6;font-family:'tk-korolev-n5',Helvetica,Arial,sans-serif;font-size:28px;line-height:72px} .account-tabs-wrapper .ajax__tab_active {background:#fbfbf5} .account-tabs-wrapper .ajax__tab_active .ajax__tab_tab {border:1px solid #c8c8c8;border-bottom:none;color:#292929} .account-tabs-wrapper .ajax__tab_body {background:#fbfbf5;border:1px solid #c8c8c8;border-top:none;padding:4rem 1rem 2rem} .account-tabs-wrapper .ajax__tab_panel {} .account-tabs-wrapper .form-ajax-msg {display:block;font-size:1rem;text-align:center} /* #### Login Form #### */ #login-form .form {padding:0} #login-form .form label {font-size:16px;font-style:normal} #login-form .form .field {padding:0 0 2rem} #login-form .form .remember-field {padding-bottom:0;text-align:center} #login-form .form .checkbox + .label {color:#333;display:inline-block;font-size:16px;font-weight:400;line-height:48px;padding:0 32px 0 0} #login-form .form .checkbox label { -webkit-box-shadow:inset 0 0 4px #ccc;-moz-box-shadow:inset 0 0 4px #ccc;background:#f9f9f9;border:1px solid #dadada;box-shadow:inset 0 0 4px #ccc;cursor:pointer;height:20px;margin:14px 8px 0 0; position:relative;vertical-align:top;width:20px } #login-form .form .checkbox label:after { -webkit-transform:rotate(-45deg);-webkit-opacity:0;-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-moz-opacity:0;background:transparent;border:3px solid #006ac6; border-right:none;border-top:none;content:'';height:6px;opacity:0;top:4px;left:3px;position:absolute;transform:rotate(-45deg);width:12px } #login-form .form .checkbox label:hover::after {-webkit-opacity:.3;-moz-opacity:.3;opacity:.3} #login-form .form .checkbox input {display:none;visibility:hidden} #login-form .form .checkbox input:checked + label:after {-webkit-opacity:1;-moz-opacity:1;opacity:1} #login-form .form .submit-btn {padding-left:0;padding-right:0} #login-form .form .logon-password-retrieval-link {color:#ee3124;display:inline-block;padding-top:32px} /* #### Request Reset Pass #### */ #login-form .form .request-reset-pass.submit-btn {padding-top:0} #login-form .form .logon-password-retrieval-result {background:#fff3cd;border:2px solid #ffeeba;color:#856404;display:block;font-size:16px;line-height:1.6;padding:8px 16px} /* #### Reset Pass #### */ .reset-pass-form .account-tabs-wrapper {padding:1rem 0} .reset-pass-form .ajax__tab_header {display:none} .reset-pass-form .ajax__tab_body {border-top:1px solid #c8c8c8;padding:2rem;text-align:center} .reset-pass-form .FormPanel {padding:0} .reset-pass-form .FormPanel > div {padding-top:0} .reset-pass-form .FormPanel .field {padding:0 0 2rem} .reset-pass-form .submit-btn {padding:0} /* Error and Feedback Messages */ .form-control-error {color:#f00;display:inline-block;font-size:.75rem !important;padding-top:.25rem;text-align:left} .denied-access .error-label, .account-tabs-wrapper .FormPanel .ErrorLabel {background:#ffeeee;border:1px solid #f00;color:#f00;display:block;font-size:16px;margin-bottom:16px;padding:1rem;text-align:center} .account-tabs-wrapper .FormPanel .InfoLabel {font-size:1rem;text-align:center} .password-strength-text, .password-strength-text strong span {font-size:.75rem !important} .password-strength-not-acceptable, .password-strength-weak {color:#f00} .password-strength-average {color:#ff7300} .password-strength-acceptable {color:#00aeff} .password-strength-strong {color:#0068b3} .password-strength-excellent {color:#080} .password-strength-text strong span {line-height:1.6em} /* ################ * * Installer Fault Submission * ################ */ .submit-fault {background:#fbfbf5;border:1px solid #c8c8c8;margin-top:32px;padding:2rem 1rem} .submit-fault .field {padding:0 0 2rem} .submit-fault .radio-check-field .EditingFormLabel {display:block;font-weight:bold;text-align:left} .submit-fault .FormPanel {padding-top:2rem} /* ################################################################################################################################ * * MEDIA QUERIES * ################################################################################################################################ */ @media (min-width:380px) { .page-banner h1 {font-size:38px} } @media (min-width:400px) { .inner-page h2 {font-size:40px} .contact-blocks .contact-block .logiheading, .contact-blocks .contact-block .logiheading a {font-size:32px} } @media (min-width:416px) { .swiper-content .banner-title {font-size:52px} .swiper-content .banner-blurb {font-size:24px} } @media (min-width:480px) { .search-field-box {height:370px} footer .newsletter-box .form-group {display:inline-block;width:75%} footer .newsletter-box .form-group-submit {width:25%} footer .newsletter-box input {vertical-align:top} footer .newsletter-box input[type='text'] {-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border:none;border-radius:6px 0 0 6px;margin:0} footer .newsletter-box input[type='submit'] {-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;line-height:49px} .split-block .img-box .img-bg {padding-top:56.25%} .sub-categories .subcategory-item a h2 {font-size:3.75vw} .sub-categories .subcategory-item.techhelp-subcategory a .img-box i {font-size:13.335vw;height:13.335vw} .sub-categories .subcategories-list {padding:0} .sub-categories .subcategories-list .page-intro, .sub-categories .subcategories-list .secondary-sub-categories .subcategory-item {padding:0 1rem} } @media (min-width:667px){ footer .footer-items ul {min-height:268px;padding:0 2rem} footer .far-footer p, footer .far-footer p a {display:inline-block} footer .far-footer p a {margin:0 8px} footer .far-footer p span.copyright {display:inline-block;margin-right:24px} .desktop .swiper-button i {display:block} .desktop .swiper-content {padding:0 3.5rem} .home .home-ctas .btn {margin-bottom:0} .home-services-list {margin-bottom:0} .home-services-list a {padding:0 1rem;text-align:center} .home-services-list a .icon-box {float:none;margin:0 auto 40px} .home-services-list a .icon-box:after {height:4px;left:0;right:0;top:136%;width:40px} .home-services-list .col:nth-last-child(2) a {margin-bottom:0} .home-services-list a h2 {line-height:32px;padding-left:0} .split-block.gray {background:rgba(94,102,109,.95)} .split-block.blue {background:rgba(42,124,197,.95)} .split-block .img-box {bottom:0;position:absolute;top:0} .split-block .img-box.left {left:0} .split-block .img-box.right {right:0} .split-block .img-box .img-bg {height:100%;padding-top:0} .split-block .content-box {height:100%;padding:2rem;top:0} .split-block .content-box:after {content:none} .split-block.light-gray {margin-top:0} .page-banner h1 {font-size:5.7vw} .latest-articles-list h3 {padding-top:2rem} .product-details > .col.overview {padding-left:2rem} .event-item .event-img {height:100%;left:0;padding:0;position:absolute;top:0} .event-item .event-img img {height:100%;width:auto} .event-item .event-summary {padding:32px 16px 32px 32px} .filter-wrap {padding-top:8px;text-align:right} .events-filter {max-width:220px;width:100%} } @media (min-width:768px){ footer .newsletter-box h3 {line-height:48px;margin:0} footer .far-footer .col:last-child {padding-top:0;text-align:right} footer .far-footer p span.copyright {display:block} footer .far-footer p a:nth-child(2) {margin-left:0} .page-banner {padding-top:20.054%} .split-block .content-box {text-align:left;width:50%} .split-block .content-box .btn {text-align:center} .split-stack .grid {display:table;width:100%} .split-stack .grid .row {display:table-row} .split-stack .grid .row .col {display:table-cell} .split-stack .img-box {padding:0} .split-stack .img-box img {bottom:-9999px;height:160%;left:-9999px;margin:auto;right:-9999px;top:-9999px;width:auto} .split-stack .content-box {text-align:left} .sub-categories .subcategory-item a h2 {font-size:2.60417vw} .sub-categories .subcategory-item.techhelp-subcategory a .img-box i {font-size:9.115vw;height:9.115vw} .product-details > .col.overview {padding-left:0} .inner-page .full-block .col {padding:3rem} .contact-blocks {text-align:center} .contact-blocks .contact-block {text-align:center} .contact-blocks .contact-block > i {display:block;margin:0 auto 1rem} .contact-blocks .contact-block .logiheading:after {margin:auto;right:0} .contact-blocks .contact-block ul {margin-left:0} .contact-blocks .contact-block ul li {line-height:1.4em} .event-date {} .event-date span {display:block} .event-date .event-date-day {font-size:4rem} .event-date .event-date-mth-yr {font-size:1.5rem} } @media (min-width:800px) { .desktop .banner-swiper {height:auto} .desktop .banner-swiper .banner-slide {height:0;padding-top:40%} .desktop .banner-swiper .banner-slide img {left:0;position:absolute;top:0} } @media (min-width:800px) {} @media (min-width:1024px){ header {padding-bottom:1rem;height:146px} .preheader {-webkit-animation:fadeIn 5s ease forwards;-o-animation:fadeIn 5s ease forwards;-ms-animation:fadeIn 5s ease forwards;-moz-animation:fadeIn 5s ease forwards;animation:fadeIn 5s ease forwards} .mainlogo {padding-top:0} .mainlogo .logo {height:96px} #open-menu {padding-top:28px} .dropmenu nav {top:130px} footer .footer-items ul {min-height:336px;margin-bottom:2rem;padding-bottom:3rem} footer .far-footer .col:first-child {padding-top:13px} footer .far-footer p span.copyright {display:inline-block} footer .far-footer p a:nth-child(2) {margin-left:8px} .about .page-content .img-box {display:block} .about.css-table .grid .row .col {padding:0 1rem} .about.css-table .grid .row .col.cnt-cell {padding:0 2rem 0 1rem} .page-banner {margin-bottom:2rem} .home-services-list a {margin-bottom:0} .split-block .content-box, .split-stack .content-box {padding:4rem} .sub-categories .subcategory-item {padding:0 1.5rem} .sub-categories .subcategories-list {overflow:hidden} .sub-categories .subcategories-list .secondary-sub-categories .subcategory-item {padding:0 1rem} .sub-categories .subcategories-list .secondary-sub-categories .subcategory-item h2 {font-size:1.75781vw} .products-list {padding:0 0 0 2rem;text-align:left} .product-details > .col.overview {padding-left:2rem} .inner-page .full-block .col {padding:3rem 4rem} .about .about-cta img {max-width:none} .about .about-cta p {padding:0 2rem} .contact-blocks .contact-block ul {margin-bottom:0} .submit-fault .field {padding:0 1rem 2rem} .submit-fault .file-field label {max-width:280px} } @media (min-width:1228px){ .sub-categories .subcategory-item a h2 {font-size:32px} } @media (max-width:1279px){ .dropmenu nav {-webkit-overflow-scrolling:touch;background:#fff;bottom:0;display:none;height:calc(100vh - 64px);overflow:scroll;padding-top:16px;position:absolute;right:0;width:100vw} .dropmenu nav > ul {padding:56px 2rem 32px;position:relative} .dropmenu nav > ul > li > ul li a i {display:none} .dropmenu nav ul li {text-align:center} .dropmenu nav ul li.search-trigger {border-top:none;border-bottom:1px solid #dadada;left:2rem;position:absolute;right:2rem;top:0} } @media (min-width:1280px){ #open-menu {display:none} .dropmenu nav {display:block !important} .dropmenu nav ul li {display:inline-block} .dropmenu nav ul li a {font-size:1rem;padding:0 1rem} .dropmenu nav ul li.search-trigger a {margin-left:16px;padding:0} .dropmenu nav ul li.search-trigger a span:before {bottom:0;border-left:1px solid #ccc;content:'';left:-16px;position:absolute;top:0} .dropmenu nav > ul {text-align:right} .dropmenu nav > ul > li {border-top:none} .dropmenu nav > ul ul {-webkit-box-shadow:0 4px 8px 2px rgba(0,0,0,.35);-moz-box-shadow:0 4px 8px 2px rgba(0,0,0,.35);box-shadow:0 4px 8px 2px rgba(0,0,0,.35);text-align:left} .dropmenu nav > ul ul li a, .dropmenu nav > ul ul ul li a {padding-left:1rem} .dropmenu nav > ul ul ul li:first-child {border-top:none} .dropmenu nav > ul > li > a {line-height:80px} .dropmenu nav > ul > li > ul {display:block; background:#fff;left:16px;position:absolute;top:100%;width:240px; visibility: hidden; opacity:0; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear;-ms-transition:all 300ms linear; -moz-transition:all 300ms linear; transition:all 300ms linear; } .dropmenu nav > ul > li > ul li {display:block} .dropmenu nav > ul > li > ul li a i {padding-right:0} .dropmenu nav > ul > li > ul > li > ul { display:block; background:#fff;min-width:200px;position:absolute;left:100%;top:0; visibility: hidden; opacity:0; -webkit-transition:all 200ms linear; -o-transition:all 200ms linear;-ms-transition:all 200ms linear; -moz-transition:all 200ms linear; transition:all 200ms linear; } .dropmenu nav > ul > li:hover >ul, .dropmenu nav > ul > li > ul > li:hover > ul { visibility: visible; opacity:1; } .max-breakpoint {margin:0 auto;max-width:1440px;position:relative} .search-field {background:rgba(0,0,0,.75)} .search-field-box {background:#fff;bottom:auto;height:auto;max-width:none;padding:46px 16px;text-align:left;top:0} .search-field-box input[type='text'] {margin-bottom:0;margin-left:64px;margin-right:8px;max-width:248px} .search-field-box ul {display:inline-block;margin-bottom:0;min-width:600px;padding:0 16px;vertical-align:top} .search-field-box ul li {padding-right:32px;width:auto} .search-field button {float:right;line-height:48px;max-width:200px} .page-banner {margin-bottom:3rem} .split-block .content-box {padding:6rem} } /* ===[ Large desktops and laptops ]=== */ @media (min-width:1300px){ .dropmenu nav ul li a {font-size:1.125rem} } @media (min-width:1400px){ .page-banner h1 {font-size:80px} } @media (min-width:1440px) { .page-banner {padding-top:288px} .desktop .banner-swiper {height:576px} .desktop .banner-swiper .banner-slide {height:auto;padding-top:0} .desktop .banner-swiper .banner-slide img {position:static} .sub-categories .subcategories-list .secondary-sub-categories .subcategory-item h2 {font-size:26px} } @media (min-width:1448px) { .sub-categories .subcategory-item.techhelp-subcategory a .img-box i {font-size:132px;height:132px} } /* ===[ Menu Controler ]=== */ /* -------------- */ @media only screen and (max-width:1169px){} /* -------------- */ @media only screen and (min-width:1170px){ .no-js .primary-nav {position:absolute;z-index:3;display:inline-block;width:auto;top:0;right:150px;padding:0} .no-js .nav-is-fixed .primary-nav {position:fixed} }