/* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ .container { margin: 0 auto; position: relative; max-width: 1130px; padding: 0 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .container { *zoom: 1; } .container-fluid { width: 100%; padding: 0 15px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ opacity:1; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity:1; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity:1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ opacity:1; } .row-flex { display: -webkit-box; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .row-flex > div { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col-flex-4 { -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-flex-md-4 { -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } /* ========================================================================== SLICK SLIDER ========================================================================== */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url('ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../slick.html'); src: url('../slickd41d.html?#iefix') format('embedded-opentype'), url('../slick-2.html') format('woff'), url('../slick-3.html') format('truetype'), url('../slick-4.html#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 24px; line-height: 20px; position: absolute; top: -35px; left: 0; width: 20px; height: 20px; content: '●'; text-align: center; opacity: .25; color: #a3aaac; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Roboto', sans-serif; font-weight: 800; } .slick-dots li.slick-active button:before { opacity: .75; color: #bf2933; } .slick-dots > li:only-child { display: none; } /* ========================================================================== FANCYBOX v3.5.7 ========================================================================== */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;-webkit-transition:opacity .25s ease,visibility 0s ease .25s;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;-webkit-transition:opacity .25s ease 0s,visibility 0s ease 0s;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;-webkit-transition:color .2s;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0,0,0,.85)),color-stop(50%, rgba(0,0,0,.3)),color-stop(65%, rgba(0,0,0,.15)),color-stop(75.5%, rgba(0,0,0,.075)),color-stop(82.85%, rgba(0,0,0,.037)),color-stop(88%, rgba(0,0,0,.019)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* ========================================================================== Responsive helpers ========================================================================== */ * { box-sizing: border-box; } /* * Responsive helpers */ .hidden-lg { display: none; } .pull-right { float: right; } .pull-left { float: left; } .table{ display: table; width: 100%; height: 100%; } .table-cell{ display: table-cell; vertical-align: middle; width: 100%; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== General styles ========================================================================== */ img { max-width: 100%; } ul, li { list-style: none; padding: 0; margin: 0; } p { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { line-height: 1em; padding: 0; } a { text-decoration: none; } input[type="text"], input[type="email"] { -webkit-appearance:none; -webkit-border-radius:0; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio,canvas,iframe,img,svg,video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } h2 .style-scope { padding-bottom: 20px; color: #bf2933; font-weight: bold;} /* ========================================================================== Main styles ========================================================================== */ html { color: #2e2925; font-size: 1em; line-height: 1.2; } body { font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -moz-text-size-adjust: 100%; } .btn{ font-weight: 300; display: inline-block; line-height: 1; -webkit-transition: 300ms all ease; transition: 300ms all ease; border:1px solid #b03739; padding: 15px; } .btn:hover{ opacity: 1; } .btn--primary{ color: #ffffff; background-color: #bf2933; font-weight:700; } .et-db #et-boc .et-l .et_pb_button{ font-size: 16px !important; display: inline-block !important; line-height: 1 !important; -webkit-transition: 300ms all ease !important; transition: 300ms all ease !important; border:1px solid #b03739 !important; border-radius: 0; padding: 10px 15px !important; color: #ffffff !important; background-color: #bf2933 !important; font-weight:700 !important; } .btn--md{ font-size: 18px; padding: 8px 16px; } .btn--md.btn--play{ padding-right: 45px; background-image: url('icon-play.png'); background-repeat: no-repeat; background-position: 92% center; } .dots-btn{ display: inline-block; } .dots-btn:before{ content: ''; width: 4px; height: 4px; display: inline-block; vertical-align: middle; background: #ffffff; border-radius: 50%; } .dots-btn:after{ content: ''; width: 4px; height: 4px; display: inline-block; vertical-align: middle; background: #ffffff; border-radius: 50%; } .dots-btn span{ width: 4px; height: 4px; display: inline-block; vertical-align: middle; background: #ffffff; border-radius: 50%; margin: 0 2px; } .page-no-hero{ padding-top: 120px; } .general-section-title{ font-size: 30px; font-weight: 300; text-align: center; margin-bottom: 32px; } /* ========================================================================== HEADER ========================================================================== */ #header{ background: rgba(255,255,255,0.9); position: fixed; width: 100%; z-index: 100; } #header .header-top{ margin-bottom: 10px; } #header .header-top .logo{ float: left; width: 294px; height: 67px; display: block; background: url('logo.png') left no-repeat; background-size: contain; text-indent: -9999px; margin-top: 9px; -webkit-transition: 300ms all ease; transition: 300ms all ease; } #header.scrolled-down .header-top .logo { height: 45px; } #header.scrolled-down { background: rgba(255,255,255,1); } #header .header-top .mobile-menu-btn{ display: none; } #header .header-top .menu-area{ float: right; } #header .header-top .menu-area .main-menu{ background: #2e2925; padding: 0 20px 0 30px; position: relative; margin-bottom: 8px; } #header .header-top .menu-area .main-menu:before{ content: ''; width: 35px; height: 100%; position: absolute; display: block; left: -15px; top: 0; background: #2e2925; -webkit-transform: skew(39deg); transform: skew(39deg); } #header .header-top .menu-area .main-menu:after{ content: ''; width: 100vw; height: 100%; position: absolute; display: block; left: 100%; top: 0; background: #2e2925; } #header .header-top .menu-area .main-menu li{ display: inline-block; } #header .header-top .menu-area .main-menu li + li{ margin-left: 42px; } #header .header-top .menu-area .main-menu li a{ display: block; font-size: 16px; color: #ffffff; line-height: 1; padding: 10px 0; -webkit-transition: 300ms all ease; transition: 300ms all ease; text-transform: uppercase; } #header .header-top .menu-area .main-menu li:hover > a{ color: #eb6161; } #header .header-top .menu-area .main-menu li.current-menu-ancestor > a{ color: #eb6161; } #header .header-top .menu-area .main-menu li.current-menu-parent > a{ color: #eb6161; } #header .header-top .menu-area .main-menu li.current-menu-item > a{ color: #eb6161; } #header .header-top .menu-area .main-menu li.menu-item-has-children{ position: relative; } #header .header-top .menu-area .main-menu li.menu-item-has-children .sub-menu{ padding: 10px; width: 300px; position: absolute; top: 100%; left: 0; background: #2e2925; z-index: 3; opacity: 0; visibility: hidden; /*-webkit-transition: opacity 300ms ease, visibility 300ms ease; transition: opacity 300ms ease, visibility 300ms ease;*/ } #header .header-top .menu-area .main-menu li.menu-item-has-children:hover > .sub-menu{ opacity: 1; visibility: visible; } #header .header-top .menu-area .main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{ top: 0; left: 100%; margin-left: 10px; margin-top: -10px; } #header .header-top .menu-area .main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu.to-the-left{ left: -100%; margin-left: -30px; } #header .header-top .menu-area .main-menu li.menu-item-has-children .sub-menu li{ display: block; } #header .header-top .menu-area .main-menu li.menu-item-has-children .sub-menu li + li{ margin-left: 0; } #header .header-top .menu-area .main-menu li.menu-item-has-children .sub-menu li a{ padding: 8px 0; } #header .header-top .menu-area .actions-area{ text-align: right; padding-right: 20px; max-height: 100px; -webkit-transition: 300ms all ease; transition: 300ms all ease; } #header.scrolled-down .header-top .menu-area .actions-area { overflow: hidden; max-height: 0; } #header .header-top .menu-area .actions-area .wpml-wrapper{ display: inline-block; vertical-align: middle; } #header .header-top .menu-area .actions-area .wpml-wrapper .widget{ } #header .header-top .menu-area .actions-area .wpml-wrapper .widget .wpml-ls-legacy-dropdown-click{ width: auto; } #header .header-top .menu-area .actions-area .wpml-wrapper .widget .wpml-ls-sub-menu{ min-width: 170px; left: -10px; right: auto; text-align: left; padding: 10px; background: #fff; margin-top: 10px; } #header .header-top .menu-area .actions-area .wpml-wrapper a{ color:#bf2933; text-decoration:  none; text-align: left; font-size: 15px; font-weight: 900; ; background-color:rgba(255,255,255,0.9); border: none; margin-left: 40px; padding:10px 8px 8px 8px; width: auto-flow;} #header .header-top .menu-area .actions-area .wpml-wrapper .wpml-ls-item-toggle:after{ display: none; } #header .header-top .menu-area .actions-area .btn{ display: inline-block; vertical-align: middle; margin: 0 0 0 26px; } #header .header-bottom{ overflow: hidden; background-color: #a4a4a5; max-height: 50px; -webkit-transition: max-height 300ms ease; transition: max-height 300ms ease; } #header.scrolled-down .header-bottom{ max-height: 0; } #header .header-bottom .tag-line{ float: left; width: 67%; position: relative; padding: 6px 0 8px; display: block; line-height: 1; font-size: 18px; font-weight: 500; color: #ffffff; background-color: #bf2933; } #header .header-bottom .tag-line:before{ content: ''; width: 100vw; right: 100%; top: 0; height: 100%; display: block; position: absolute; background-color: #bf2933; } #header .header-bottom .search-area{ float: left; width: 33%; } #header .header-bottom .search-area form{ position: relative; width: 100%; } #header .header-bottom .search-area form:before{ content: ''; width: 25px; height: 100%; display: block; position: absolute; left: -13px; top: 0; -webkit-transform: skew(39deg); transform: skew(39deg); background-color: #221f20; z-index: 2; } #header .header-bottom .search-area form input{ width: calc( 100% - 45px ); position: relative; z-index: 0; height: 32px; background: #ebebeb; border: none; line-height: 32px; padding: 0 26px; font-size: 15px; font-weight: 300; color: #2e2925; outline: none; } #header .header-bottom .search-area form button{ cursor: pointer; width: 49px; right: 10px; top: 0; text-align: center; color: #ffffff; font-size: 18px; position: absolute; background: #221f20; -webkit-transform: skew(39deg); transform: skew(39deg); border: none; padding: 6px 0; } #header .header-bottom .search-area form button i{ -webkit-transform: skew(-39deg); transform: skew(-39deg); } .float-watch-video-btn{ font-size: 18px; padding: 8px 16px; color: #ffffff; max-width: 125px; background-color: #bf2933; font-weight: 300; line-height: 1.2; -webkit-transition: 300ms all ease; transition: 300ms all ease; border: 1px solid #b03739; position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; opacity: 0; visibility: hidden; } .float-watch-video-btn:hover{ opacity: .8; } .scrolled-down .float-watch-video-btn{ opacity: 1; visibility: visible; } .float-watch-video-btn:after{ content: ''; width: 16px; height: 14px; margin-left: 5px; display: inline-block; vertical-align: middle; background: url('icon-play.png') no-repeat center; background-size: contain; } /* ========================================================================== HOME SLIDER ========================================================================== */ .section-home-slider{ overflow: hidden; } .section-home-slider .hero-slider{ } .section-home-slider .hero-slider .slide{ display: block; height: 700px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .section-home-slider .hero-slider .slide .container{ height: 100%; } .section-home-slider .hero-slider .slide .container .slide-message-wrapper{ position: absolute; bottom: 130px; right: 0; padding-left: 50px; } .section-home-slider .hero-slider .slide .container .slide-message-wrapper:before{ content: ''; width: 90px; height: 100%; position: absolute; display: block; left: 0px; top: 0; background: #bf2933; -webkit-transform: skew(39deg); transform: skew(39deg); z-index: 1; } .section-home-slider .hero-slider .slide .container .slide-message-wrapper:after{ content: ''; width: 10px; height: 100%; position: absolute; display: block; left: 30px; top: 0; background: #2e2925; -webkit-transform: skew(39deg); transform: skew(39deg); z-index: 2; } .section-home-slider .hero-slider .slide .container .slide-message{ background-color: #2e2925; padding: 15px 80px 15px 30px; text-align: right; } .section-home-slider .hero-slider .slide .container .slide-message:after{ content: ''; width: 100vw; height: 100%; position: absolute; display: block; left: 100%; top: 0; background: #2e2925; } .section-home-slider .hero-slider .slide .container .slide-message span{ font-size: 30px; color: #ffffff; font-weight: 300; display: block; letter-spacing: 0.01em; line-height: 1.2; margin-left: 20px; } .section-home-slider .hero-slider .slide .full-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .section-home-slider .hero-slider .slide .full-video .responsive-video { top: 50%; left: 50%; position: absolute; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ========================================================================== DIVI CUSTOMIZATIONS ========================================================================== */ .et-db #et-boc .et-l .et_pb_cta_0.et_pb_promo { background-color: #c4c4c4; } .et-db #et-boc .et-l .et_pb_button_0::after, .et-db #et-boc .et-l .et_pb_button::after, .et-db #et-boc .et-l .et_pb_button::before { display: none; } /* ========================================================================== SECTION SERVICE BOXES ========================================================================== */ .section-service-boxes{ padding: 35px 0; } .section-service-boxes .section-text{ text-align: center; padding: 0 40px; margin-bottom: 35px; } .section-service-boxes .section-text p{ font-size: 24px; font-weight: 300; letter-spacing: 0.01em; } .section-service-boxes .service-boxes{ } .section-service-boxes .service-boxes .box{ display: block; width: 100%; padding-top: 81.163434903%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .section-service-boxes .service-boxes .box .box-text{ position: absolute; top: 15px; left: 20px; right: 35px; } .section-service-boxes .service-boxes .box.text-bottom .box-text{ top: auto; bottom: 15px; } .section-service-boxes .service-boxes .box .box-text h3{ color: #ffffff; font-size: 24px; font-weight: 700; margin-bottom: 5px; } .section-service-boxes .service-boxes .box .box-text p{ color: #ffffff; font-size: 18px; font-weight: 300; line-height: 1.2; } /* ========================================================================== SECTION SOLUTIONS ========================================================================== */ .section-solutions{ padding: 15px 0 100px; background: url('solutions-bg.jpg') no-repeat center; background-size: 105%; } .section-solutions .section-title{ color: #bf2933; font-size: 36px; font-weight: 300; text-align: center; margin-bottom: 16px; } .section-solutions .solution-img-wrapper{ text-align: center; } .section-solutions .solution-img-wrapper .solution-img{ display: inline-block; position: relative; } .section-solutions .solution-img-wrapper .solution-img img{ display: block; } .section-solutions .solution-img-wrapper .solution-img img{ display: block; } .section-solutions .solution-img-wrapper .solution-img .image-pin{ position: absolute; z-index: 2; } .section-solutions .solution-img-wrapper .solution-img .image-pin.bring-in-front{ z-index: 5; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-pin-more{ font-size: 30px; font-weight: 900; color: #bf2933; letter-spacing: 0.1em; cursor: pointer; -webkit-transition: 300ms all ease; transition: 300ms all ease; display: block; position: relative; z-index: 1; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-pin-more .animate-pulse{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #bf2933; border-radius: 50%; width: 5px; height: 5px; display: block; margin-left: -1px; z-index: 0; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box{ position: absolute; left: -30px; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 224px; background: rgba(46, 41, 37, 0.9); color: #ffffff; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms ease, visibility 300ms ease; transition: opacity 300ms ease, visibility 300ms ease; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box.box-visible{ opacity: 1; visibility: visible; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box.box-right{ left: auto; right: -30px; -webkit-transform: translateX(100%); transform: translateX(100%); } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box .box-text{ padding: 5px 10px 8px; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box .box-text h4{ font-size: 18px; font-weight: 500; line-height: 1.2; margin-bottom: 10px; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box .box-text p{ font-size: 16px; font-weight: 300; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box .learn-more{ display: block; font-size: 18px; color: #ffffff; background-color: #bf2933; text-align: center; padding: 10px 0 11px; line-height: 1; -webkit-transition: 300ms all ease; transition: 300ms all ease; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box .learn-more:hover{ background-color: #dd2221; } /* ========================================================================== SECTION LATEST NEWS ========================================================================== */ .section-latest-news{ padding: 32px 0 45px; background: #f6f6f7; } .section-latest-news .resources-col{ float: left; width: 26%; } .section-latest-news .posts-col{ float: left; width: 51%; padding-left: 34px; } .section-latest-news .events-col{ float: left; width: 23%; padding-left: 24px; } .section-latest-news .col-title{ font-size: 30px; font-weight: 300; letter-spacing: 0.01em; margin-bottom: 22px; } .section-latest-news .col-title span{ font-weight: 700; color: #bf2933; } .section-latest-news .resources-posts{ padding-right: 29px; border-right: 3px solid #bf2933; } .section-latest-news .resources-posts .post-box{ position: relative; } .section-latest-news .resources-posts .post-box + .post-box{ margin-top: 20px; } .section-latest-news .resources-posts .post-box a{ display: block; line-height: 1; } .section-latest-news .resources-posts .post-box a img{ display: block; width: 100%; height: auto; } .section-latest-news .resources-posts .post-box a .resource-title{ font-size: 15px; font-weight: 500; color: #ffffff; min-height: 46px; line-height: 1.2; display: block; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.8); padding: 10px 8px 5px; } .section-latest-news .blog-posts{ padding-right: 24px; border-right: 3px solid #bf2933; } .section-latest-news .blog-posts .post-box{ overflow: hidden; } .section-latest-news .blog-posts .post-box + .post-box{ margin-top: 20px; } .section-latest-news .blog-posts .post-box .post-thumb{ float: left; width: 52.3%; padding-right: 10px; } .section-latest-news .blog-posts .post-box .post-thumb a{ } .section-latest-news .blog-posts .post-box .post-thumb a img{ } .section-latest-news .blog-posts .post-box .post-title{ float: left; width: 47.7%; padding-left: 10px; } .section-latest-news .blog-posts .post-box .post-title h4{ font-size: 18px; font-weight: 700; color: #bf2933; letter-spacing: 0.01em; line-height: 1.2; margin-bottom: 8px; } .section-latest-news .blog-posts .post-box .post-title h4 a{ color: #bf2933; } .section-latest-news .blog-posts .post-box .post-title p{ font-size: 15px; font-weight: 300; } .section-latest-news .events-posts{ } .section-latest-news .events-posts .post-box{ text-align: center; } .section-latest-news .events-posts .post-box + .post-box{ margin-top: 35px; } .section-latest-news .events-posts .post-box .event-thumb{ display: block; line-height: 1; margin-bottom: 0; } .section-latest-news .events-posts .post-box .event-thumb img{ display: block; width: 100%; height: auto; mix-blend-mode: darken; } .section-latest-news .events-posts .post-box h4{ font-size: 15px; font-weight: 300; } .section-latest-news .events-posts .post-box h4 a{ color: #2e2925; } /* ========================================================================== SECTION LOGOS ========================================================================== */ .section-logos{ padding: 82px 0 95px; } .section-logos .section-title{ font-size: 30px; font-weight: 300; text-align: center; margin-bottom: 32px; } .section-logos .logos-wrapper{ } .section-logos .logos-wrapper .logos-carousel{ } .section-logos .logos-wrapper .logos-carousel .slick-track{ display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .section-logos .logos-wrapper .logos-carousel .slide{ outline: none; padding: 0 10px; } .section-logos .logos-wrapper .logos-carousel .slide img{ display: block; margin: 0 auto; } /* ========================================================================== SECTION INNER HERO ========================================================================== */ .section-inner-hero{ height: 307px; background: url('blog-hero.jpg') no-repeat center; background-size: cover; } .section-inner-hero.hero-single-post{ background-image: url('single-hero.jpg'); } .section-inner-hero.search-hero{ background-image: url('search-hero.jpg'); } .section-inner-hero .container{ height: 100%; } .section-inner-hero .hero-content{ position: absolute; left: 15px; bottom: 26px; right: 15px; color: #ffffff; } .section-inner-hero .hero-content h1{ font-size: 36px; font-weight: 900; line-height: 1.2; margin-bottom: 18px; text-transform:uppercase; text-shadow:2px 2px 5px #000; } .section-inner-hero .hero-content h2{ text-shadow:2px 2px 5px #000; margin-top:-18px; } .section-inner-hero .hero-content p{ font-size: 21px; line-height: 1.2; } /* ========================================================================== SECTION BLOG LISTING ========================================================================== */ .section-blog-listing{ padding: 20px 0 70px; } .section-blog-listing .blog-listing-text{ margin-bottom: 16px; } .section-blog-listing .blog-listing-text h4{ font-size: 21px; font-weight: 300; } .section-blog-listing .listing-cat-filters{ margin-bottom: 30px; } .section-blog-listing .listing-cat-filters a{ display: inline-block; padding: 12px; font-size: 15px; font-weight: 500; color: #49737a; border: 1px solid #a1a1a1; border-radius: 5px; margin-right: 3px; margin-bottom: 8px; } .section-blog-listing .listing-cat-filters a.active-cat{ color: #ffffff; background: #a1a1a1; } .section-blog-listing .articles-listing{ margin-bottom: 70px; } .section-blog-listing .articles-listing .post-wrapper{ position: relative; margin-bottom: 26px; height: 181px; overflow: hidden; } .section-blog-listing .articles-listing .post-wrapper a{ display: block; line-height: 1; } .section-blog-listing .articles-listing .post-wrapper img{ display: block; width: 100%; height: auto; } .section-blog-listing .articles-listing .post-wrapper .article-meta{ min-height: 64px; display: block; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.8); padding: 12px 22px; } .section-blog-listing .articles-listing .post-wrapper .article-meta .article-title{ font-size: 15px; font-weight: 500; color: #ffffff; line-height: 1.2; display: block; } .section-blog-listing .articles-listing .post-wrapper .article-meta .article-excerpt{ font-size: 15px; font-weight: 300; line-height: 1.2; display: block; color: #ffffff; margin-top: 7px; } .section-blog-listing .articles-listing .events-wrapper{ margin-bottom: 35px; } .section-blog-listing .articles-listing .events-wrapper a{ display: block; text-align: center; } .section-blog-listing .articles-listing .events-wrapper .event-thumb-wrapper{ min-height: 181px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .section-blog-listing .articles-listing .events-wrapper .event-thumb-wrapper img{ } .section-blog-listing .articles-listing .events-wrapper .article-meta{ display: block; padding-top: 30px; } .section-blog-listing .articles-listing .events-wrapper .article-meta .article-title{ font-size: 20px; font-weight: 500; color: #000000; line-height: 1.2; display: block; } .section-blog-listing .articles-listing .events-wrapper .article-meta .article-excerpt{ font-size: 15px; font-weight: 300; line-height: 1.2; display: block; color: #000000; margin-top: 7px; } .section-blog-listing .articles-listing .events-wrapper .article-meta .article-excerpt:not(.dates){ margin-top: 20px; } .articles-listing .search-r-wrapper{ margin-bottom: 20px; } .articles-listing .search-r-wrapper h4{ font-size: 18px; color: #bf2933; font-weight: 700; margin-bottom: 2px; line-height: 1.2; } .articles-listing .search-r-wrapper h4 a{ color: #bf2933; } .articles-listing .search-r-wrapper p{ font-size: 18px; margin-bottom: 0; line-height: 1.2; } .resources-category-title{ font-size: 30px; font-weight: 300; letter-spacing: 0.01em; margin-bottom: 22px; margin-top: 14px; } .resources-category-title span{ font-weight: 700; color: #bf2933; } .resources-category-title.red-category span{ font-weight: 700; color: #c02e2f; } .resources-category-title.orange-category span{ font-weight: 700; color: #f2551b; } .resources-category-title.yellow-category span{ font-weight: 700; color: #cac63f; } .resources-category-title.green-category span{ font-weight: 700; color: #01731d; } .resources-category-title.lightblue-category span{ font-weight: 700; color: #60b0dd; } .resources-category-title.blue-category span{ font-weight: 700; color: #0f608d; } .resources-category-title.indigo-category span{ font-weight: 700; color: #2b0082; } .resources-category-title.violet-category span{ font-weight: 700; color: #6d009b; } .resources-wrapper .article-wrapper .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; } .resources-wrapper .article-wrapper.red-category .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: #c02e2f; } .resources-wrapper .article-wrapper.orange-category .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: #f2551b; } .resources-wrapper .article-wrapper.yellow-category .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: #cac63f; } .resources-wrapper .article-wrapper.green-category .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: #01731d; } .resources-wrapper .article-wrapper.lightblue-category .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: #60b0dd; } .resources-wrapper .article-wrapper.blue-category .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: #0f608d; } .resources-wrapper .article-wrapper.indigo-category .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: #2b0082; } .resources-wrapper .article-wrapper.violet-category .resource-article:before{ content: ''; width: 10px; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: #6d009b; } .resources-wrapper .with-border-left{ position: relative; } .resources-wrapper .with-border-left > div:last-child .resource-article{ margin-bottom: 0; } .resources-wrapper .with-border-left:before{ content: ''; width: 1px; height: 100%; left: -12px; top: 0; position: absolute; display: block; background: #bf2933; } .resource-article{ position: relative; margin-bottom: 26px; height: 183px; background-size: cover; background-repeat: no-repeat; background-position: center; } .resource-article a{ display: block; line-height: 1; width: 100%; height: 100%; } .resource-article img{ display: block; width: 100%; height: auto; } .resource-article .article-meta{ min-height: 64px; display: block; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.8); padding: 12px 22px; } .resource-article .article-meta .article-title{ font-size: 15px; font-weight: 500; color: #ffffff; line-height: 1.2; display: block; } .resource-article .article-meta .article-excerpt{ font-size: 15px; font-weight: 300; line-height: 1.2; display: block; color: #ffffff; margin-top: 7px; } .pagination-wrapper{ margin-bottom: 20px; } .pagination-wrapper ul{ text-align: center; } .pagination-wrapper ul li{ display: inline-block; margin: 0 10px; } .pagination-wrapper ul li a{ font-size: 15px; font-weight: 500; border: 1px solid #cccccc; border-radius: 5px; line-height: 28px; display: block; width: 28px; height: 28px; color: rgba(46,41,37,.6); } .pagination-wrapper ul li.current-page a{ color: #2e2925; } /* ========================================================================== SECTION LANDING PAGES ========================================================================== */ div.custom-counter li { counter-increment: step-counter; margin-bottom: 26px; font-size: 125%; } div.custom-counter li::before { content: counter(step-counter); margin-right: 10px; font-size: 125%; background-color: #d0020b; color: white; text-shadow: 1px 1px 5px #333; font-weight: bold; padding: 6px 16px; border-radius: 30px; display: block; float: left; clear: both; } /* ========================================================================== SECTION SINGLE ARTICLE CONTENT ========================================================================== */ .section-single-article-content{ padding: 45px 0 50px;} .section-single-article-content .article-content-wrapper{ overflow: hidden; } .section-single-article-content .article-content-wrapper .article-content-area{ float: left; width: 64.2%; margin-bottom: 46px; } .section-single-article-content .article-content-wrapper .article-content-area.full-content{ float: none; width: 100%; } .section-single-article-content .article-content-wrapper .article-content-area .article-meta { margin-bottom: 22px; } .section-single-article-content .article-content-wrapper .article-content-area .article-meta h2{ font-size: 30px; font-weight: 900; line-height: 1.2; margin-bottom: 8px; } .section-single-article-content .article-content-wrapper .article-content-area .article-meta .date-author{ font-size: 15px; font-weight: 300; } .section-single-article-content .article-content-wrapper .article-content-area .article-meta .date-author a{ color: #2e2925; text-decoration: underline; } .section-single-article-content .article-content-wrapper .article-content-area .article-source{ } .section-single-article-content .article-content-wrapper .article-content-area .article-source ol{ padding-left: 15px; } .section-single-article-content .article-content-wrapper .article-content-area .article-source ol li{ list-style: decimal; font-size: 15px; font-weight: 300; color: #2e2925; line-height: 1.6; } .section-single-article-content .article-content-wrapper .article-content-area .article-source ol li a{ display: block; color: #2e2925; text-decoration: underline; } .section-single-article-content .article-content-wrapper .sidebar-area{ float: left; width: 35.8%; padding-left: 45px; } .widget{ } .widget + .widget{ margin-top: 42px; } .widget .widget-title{ font-size: 21px; font-weight: 900; margin-bottom: 18px; } .widget .widget-title:before{ content: "\005C\005C "; font-size: 24px; font-weight: 900; color: #bf2933; margin-right: 5px; } .widget-graphic{ } .widget-recent-posts-custom{ } .widget-recent-posts-custom .post-wrapper{ position: relative; } .widget-recent-posts-custom .post-wrapper + .post-wrapper{ margin-top: 20px; } .widget-recent-posts-custom .post-wrapper a{ display: block; line-height: 1; } .widget-recent-posts-custom .post-wrapper a img{ display: block; width: 100%; height: auto; } .widget-recent-posts-custom .post-wrapper a .post-title{ font-size: 15px; font-weight: 500; color: #ffffff; min-height: 64px; line-height: 1.2; display: block; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.8); padding: 12px 13px; } .widget-tech-support{ } .widget-tech-support ul{ } .widget-tech-support ul li{ color: #000000; font-size: 18px; } .widget-tech-support ul li + li{ margin-top: 26px; } .widget-tech-support ul li strong{ font-weight: 500; } .widget-corp-office{ } .widget-corp-office .office-wrapper{ } .widget-corp-office .office-wrapper .offices-title{ color: #bf2933; font-size: 18px; font-weight: 500; } .widget-corp-office .office-wrapper .office-text{ color: #000000; } .widget-corp-office .office-wrapper .office-text h4{ color: #000000; font-size: 18px; font-weight: 500; line-height: 1.5; } .widget-corp-office .office-wrapper .office-text p{ margin-bottom: 25px; font-weight: 300; line-height: 1.5; } .default-text-area p{ font-size: 18px; font-weight: 300; margin-bottom: 26px; line-height: 1.4; } .et_pb_text p{ font-size: 18px; font-weight: 300; margin-bottom: 26px; line-height: 1.4; } .default-text-area a{ color: #b03739; font-weight: bold;} .default-text-area a:hover{ text-decoration: underline; } .default-text-area a.btn:hover{ text-decoration: none; } .default-text-area strong{ font-weight: 500; } .default-text-area ul{ margin-bottom: 26px; padding-left: 15px; } .default-text-area ul li{ font-size: 18px; font-weight: 300; line-height: 1.2; position: relative; padding-left: 20px; } .default-text-area ul li:before{ content: ''; width: 6px; height: 6px; background-color: #b03739; display: block; position: absolute; top: 8px; left: 0; } .et-db .default-text-area #et-boc .et-l .et_pb_text ul{ padding-left: 0 !important; margin-left: 0 !important; } .default-text-area #et-boc .et-l .et_pb_text ul li{ list-style: none !important; padding-left: 20px; } .default-text-area h2{ text-transform: uppercase; font-weight: 300; font-size: 28px; line-height: 1.1; padding-bottom: 30px; color: #bf2933; } .default-text-area h3{ font-size: 24px; color: #b03739; font-weight: 700; margin-bottom: 15px; line-height: 1.2; } .default-text-area h4{ font-size: 18px; font-weight: 700; margin-bottom: 0; line-height: 1.2; } .default-text-area .big-text{ font-size: 18px; } .default-text-area h5 {font-size: 20px; color: #b03739; font-weight: 500;} .default-text-area h5 a:visited {color: #b03739;} .videocontainer { margin-bottom: 20px;} .et-db .alignright, .et-db img.alignright{ margin-left: 24px !important; } .et_pb_text h2{ font-size: 36px; font-weight: 900 !important; padding-bottom: 13px !important; } .et_pb_text h3{ font-size: 36px; font-weight: 900 !important; padding-bottom: 13px !important; } .et_pb_text h2:before{ content: "\005C\005C "; font-size: 36px; font-weight: 900 !important; color: #bf2933; margin-right: 5px; } .et-db #et-boc .et-l .et_pb_with_background .et_pb_row { width: inherit !important; } .award-column{ } .award-column p{ font-size: 14px; } .award-column p a{ color: #bf2933; } .et-db #et-boc .et-l .et_pb_module a:not(.et_pb_button) { color: #bf2933 !important; } .page-no-header {padding-top: 120px;} .primary {margin: 15px 15px 15px 0;} .primary>a:hover {text-decoration: none;} .primary:hover { text-decoration: none; background-color: #bf2933; color: #fff;} .landing-left {width: 95%;} /* ========================================================================== SECTION SINGLE PRODUCT TOP INFOS ========================================================================== */ .product-top-infos{ padding: 65px 0 24px; } .product-top-infos .product-text{ } .product-top-infos .product-text h1{ font-size: 30px; font-weight: 900; line-height: 1.2; margin-bottom: 8px; } .product-top-infos .product-text h2{ font-size: 24px; font-weight: 500; line-height: 1.2; margin-bottom: 26px; } .product-top-infos .product-text p{ font-size: 18px; font-weight: 300; margin-bottom: 26px; line-height: 1.2; } .product-top-infos .product-text ul{ padding-left: 24px; } .product-top-infos .product-text ul li{ font-size: 21px; font-weight: 300; line-height: 1.2; list-style: disc; } .product-top-infos .product-text ol{ padding-left: 24px; } .product-top-infos .product-text ol li{ font-size: 21px; font-weight: 300; line-height: 1.2; list-style: decimal; } .product-top-infos .product-text p a{ color: #b03739; } .product-top-infos .product-text p a:hover{ text-decoration: underline; } .product-top-infos .product-slider-wrapper{ padding: 0 24px; } .product-top-infos .product-slider-wrapper .product-slider{ } .product-top-infos .product-slider-wrapper .product-slider .slide{ outline: none; } .product-top-infos .product-slider-wrapper .product-slider .slide .product-image-wrapper{ min-height: 330px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .product-top-infos .product-slider-wrapper .product-slider .slide .product-image-wrapper img{ display: block; margin: 0 auto; } .product-top-infos .product-slider-wrapper .product-slider .slick-dots{ } .product-top-infos .product-slider-wrapper .product-slider .slick-dots li{ display: inline-block; width: auto; height: auto; margin: 0 1px; } .product-top-infos .product-slider-wrapper .product-slider .slick-dots li:only-child{ display: none; } .product-top-infos .product-slider-wrapper .product-slider .slick-dots li button{ width: auto; height: auto; padding: 0; } .product-top-infos .product-slider-wrapper .product-slider .slick-dots li button:before{ content: '\005C'; width: auto; height: auto; position: static; top: auto; left: auto; line-height: 1; font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 18px; opacity: 1; color: #a3aaac; } .product-top-infos .product-slider-wrapper .product-slider .slick-dots li.slick-active button:before{ color: #bf2933; } /* ========================================================================== PRODUCT CONFIGURE ========================================================================== */ .product-configure{ padding-bottom: 48px; } .product-configure.single-configurator{ padding: 0 0 50px 0; } .product-configure .section-title{ background: #bf2933; padding: 1px 20px; position: relative; margin-bottom: 18px; display: flex; align-items: center; } .product-configure .section-title h3{ font-size: 20px; font-weight: 700; color: #ffffff; padding-right: 25px; text-transform: uppercase; margin-right: auto; } /* .product-configure .section-title .dots-btn{ position: absolute; top: 10px; right: 22px; } */ .product-configure .section-title .share-btn{ margin-right: 10px; } .product-configure .section-title .share-btn i{ color: #fff; font-size: 20px; } /* .product-configure .section-title .reset-conf-btn{ position: absolute; top: 18px; right: 55px; background: #fff; padding: 4px 15px; border-radius: 5px; font-size: 14px; color: #2e2925;} */ .product-configure .section-title .reset-conf-btn{ background: #fff; padding: 4px 15px; border-radius: 5px; font-size: 14px; color: #2e2925; margin-right: 15px; } .product-configure .configurator-wrapper{ padding: 0 22px; } .product-configure .configurator-wrapper .conf-sub-title{ font-size: 18px; font-weight: 700; margin-bottom: 25px; } .product-configure .configurator-wrapper .conf-area{ } .product-configure .configurator-wrapper .conf-area .conf-actions{ padding-right: 71px; position: relative; } .product-configure .configurator-wrapper .conf-area .conf-actions .filter-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(255,255,255,.6); z-index: 2; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row{ overflow: hidden; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row.hidden-row{ opacity: 0; visibility: hidden; max-height: 0; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row:not(:last-child){ margin-bottom: 9px; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .action-name{ float: left; width: 40.4%; font-size: 15px; font-weight: 700; margin-right: 6px; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper{ float: left; width: 59.6%; margin: 0 -4px; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a{ font-size: 15px; color: #2e2925; display: block; float: left; padding: 6px 20px; border: 1px solid #c7c6c5; border-radius: 3px; margin-left: 4px; margin-right: 4px; margin-bottom: 8px; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a.disabled{ opacity: 0.4; pointer-events: none; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a.active-filter{ background: #bf2933; color: #ffffff; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a:not(:last-child){ } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a:not(.active-filter):hover{ background: #f1f1f1; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a.full-btn{ display: block; text-align: center; float: none; clear: both; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a.half-btn{ width: calc( 50% - 8px); padding-right: 5px; padding-left: 5px; text-align: center; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a.third-btn{ width: calc( 33% - 8px); padding-right: 5px; padding-left: 5px; text-align: center; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a.small-btn{ width: 37px; padding-right: 5px; padding-left: 5px; text-align: center; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper a.md-btn{ min-width: 82px; padding-right: 12px; padding-left: 12px; text-align: center; } .product-configure .configurator-wrapper .conf-area .not-final-product h4{ font-size: 18px; font-weight: 700; color: #bf2933; margin-bottom: 10px; } .product-configure .configurator-wrapper .conf-area .final-product{ } .product-configure .configurator-wrapper .conf-area .final-product .product-image{ min-height: 330px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 25px; } .product-configure .configurator-wrapper .conf-area .final-product .product-image img{ } .product-configure .configurator-wrapper .conf-area .final-product .final-sku-seller{ text-align: center; margin-top: 16px; } .product-configure .configurator-wrapper .conf-area .final-product .final-sku-seller .f-sku{ font-size: 24px; font-weight: 700; display: block; text-align: center; margin-bottom: 5px; } .product-configure .configurator-wrapper .conf-area .final-product .final-sku-seller .f-sku strong{ font-weight: 700; color: #bf2933; } .product-configure .configurator-wrapper .conf-area .final-product .final-sku-seller .contact-seller{ font-size: 24px; font-weight: 700; display: inline-block; color: #2e2925; text-decoration: underline; } .product-configure .configurator-wrapper .conf-area .products-list{ max-height: 660px; overflow: auto; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-head{ overflow: hidden; padding: 5px 0 6px; border-top: 1px solid #2e2925; border-bottom: 1px solid #2e2925; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-head span{ float: left; font-size: 14px; font-weight: 500; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-head .sku-head{ width: 230px; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-head .port-head{ width: 50px; margin-right: 45px; text-align: center; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-head .formfactor-head{ width: 140px; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item{ } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item.product-filtered{ display: none; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item:not(:last-child){ margin-bottom: 25px; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta{ overflow: hidden; padding-top: 8px; margin-bottom: 6px; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta span{ float: left; font-size: 15px; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .mobile-label{ display: none; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .sku-item{ width: 230px; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .sku-item a{ color: #bf2933; font-weight: 700; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .port-item{ width: 50px; margin-right: 45px; text-align: center; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .formfactor-item{ width: 140px; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-description{ } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-description p{ font-size: 14px; color: #928c87; line-height: 1.2; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-description p:not(:last-child){ margin-bottom: 5px; } .product-configure .url-generator-wrapper { display: none; margin-bottom: 7px; } .product-configure .url-generator { display: flex; justify-content: flex-end; height: 43px; } .product-configure .url-generator input { flex: 1; max-width: 50%; border: 1px solid #9eaeb4; border-radius: 10px; padding: 0 18px; } .product-configure .url-generator input:focus { outline: none; } .product-configure .url-generator button { background-color: #166814; color: #ffffff; border: none; border-radius: 10px; cursor: pointer; font-weight: 700; margin-left: 5px; padding: 0 23px; } /* ========================================================================== PRODUCT TABS ========================================================================== */ .section-product-tabs{ } .section-product-tabs .tabs-controls{ } .section-product-tabs .tabs-controls ul{ margin: 0 -3px; } .section-product-tabs .tabs-controls ul li{ float: left; width: 25%; padding: 0 3px; } .section-product-tabs .tabs-controls ul li a{ display: block; text-align: center; font-size: 18px; font-weight: 500; color: #2e2925; padding: 16px 0; border: 1px solid #dddcdc; border-bottom: 0; } .section-product-tabs .tabs-controls ul li a.active-tab{ position: relative; background: #f0f0f0; border-color: #2e2925; } .section-product-tabs .tabs-controls ul li a.active-tab:after{ content: ''; display: block; left: 0; right: 0; height: 2px; top: 100%; margin-top: -1px; z-index: 2; position: absolute; background-color: #f0f0f0; } .section-product-tabs .tabs-content-wrapper{ background-color: #f0f0f0; border-top: 1px solid #2e2925; } .section-product-tabs .tabs-content-wrapper .tab-wrapper{ display: none; } .section-product-tabs .tabs-content-wrapper .tab-wrapper.active-tab{ display: block; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .features-list{ padding: 50px 22px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .features-list ul{ } .section-product-tabs .tabs-content-wrapper .tab-wrapper .features-list ul li{ font-size: 16px; line-height: 1.2; position: relative; padding-left: 20px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .features-list ul li:not(:last-child){ margin-bottom: 15px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .features-list ul li:before{ content: ''; width: 6px; height: 6px; background-color: #b03739; display: block; position: absolute; top: 8px; left: 0; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content{ padding: 38px 0 80px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content .row div:first-child .spects-wrapper{ padding-left: 12px; padding-right: 55px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content .row div:last-child .spects-wrapper{ padding-left: 25px; padding-right: 5px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content h3{ font-size: 18px; font-weight: 500; color: #bf2933; margin-bottom: 8px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content p{ font-size: 16px; line-height: 1.2; margin-bottom: 22px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content p img{ margin-bottom: 0; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content strong{ font-weight: 500; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content ul{ margin-bottom: 24px; margin-top: 20px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content ul li{ font-size: 16px; line-height: 1.2; padding-left: 15px; position: relative; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content ul li:not(:last-child){ margin-bottom: 12px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content ul li:before{ content: ''; width: 4px; height: 4px; background-color: #b03739; display: block; position: absolute; top: 6px; left: 0; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content img{ margin-bottom: 22px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content img.sku{ margin: 0 auto 22px; float: none; display: block; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper{ padding: 78px 44px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper .files-area:not(:last-child){ margin-bottom: 90px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper .files-area .doc-box{ } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper .files-area .doc-box img{ display: block; width: 100%; height: auto; border: 1px solid #2e2925; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper .files-area .doc-box span{ font-size: 18px; font-weight: 300; text-align: center; color: #ffffff; padding: 10px 5px 12px; display: block; line-height: 1; background-color: #2e2925; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper{ padding: 22px 0 80px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessories-head{ overflow: hidden; background-color: #2e2925; padding: 8px 0 8px 18%; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessories-head span{ font-size: 18px; color: #ffffff; display: block; float: left; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessories-head .accessory-name{ width: 40%; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessories-head .accessory-number{ width: 20.2%; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessories-head .accessory-description{ width: 39.8%; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item{ } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-title{ font-size: 15px; font-weight: 500; line-height: 1.2; margin-bottom: 0; background-color: #d5d4d3; padding: 10px 22px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos{ overflow: hidden; background: #ffffff;border-bottom: 2px solid #d5d4d3; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-img{ float: left; width: 18%; padding: 15px 0 15px 27px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-img img{ display: block; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table{ float: left; width: 82%; padding: 15px 0 5px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .t-row{ overflow: hidden; padding: 4px 0;} .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .t-row:not(:last-child){ border-bottom: 1px solid #d5d4d3;} .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .t-row span{ font-size: 15px; display: block; float: left; padding-right: 15px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .t-row span.mobile-label{ display: none; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .accessory-name{ width: 40%; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .accessory-number{ width: 20.2%; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .accessory-description{ width: 39.8%; } /* ========================================================================== CONTACT US ========================================================================== */ .top-icon-boxes{ padding: 20px 0 70px; } .top-icon-boxes .icon-boxes{ overflow: hidden; } .top-icon-boxes .icon-box{ float: left; width: 24.5555555%; text-align: center; } .top-icon-boxes .icon-box a{ } .top-icon-boxes .icon-box .icon-wrapper{ margin-bottom: 10px; min-height: 92px; border-right: 1px solid #bf2933; padding-top: 20px; padding-bottom: 10px; } .top-icon-boxes .icon-box:last-child .icon-wrapper{ border-right: 0 none; } .top-icon-boxes .icon-box .icon-wrapper img{ display: block; margin: 0 auto; } .top-icon-boxes .icon-box h3{ font-size: 21px; font-weight: 900; margin-bottom: 18px; text-align: center; color: #2e2925; } .top-icon-boxes .icon-box h3:before{ content: "\005C\005C "; font-size: 21px; font-weight: 900; color: #bf2933; margin-right: 5px; } /* ========================================================================== FOOTER ========================================================================== */ #footer{ border-bottom: 25px solid #bf2933; overflow: hidden; clear:both; } #footer .footer-upper{ background-color: #2e2925; padding: 16px 0; } #footer .footer-upper .link-with-icon{ color: #ffffff; display: block; line-height: 1; padding: 16px 0; background-position: left center; background-repeat: no-repeat; margin-left: 18px; font-size: 18px; } #footer .footer-upper .link-with-icon.demo-item{ padding-left: 42px; background-image: url('icon-play-white.png'); background-size: 27px; } #footer .footer-upper .link-with-icon.products-item{ padding-left: 60px; background-image: url('icon-router.png'); background-size: 43px; } #footer .footer-upper .link-with-icon.buy-item{ padding-left: 45px; background-image: url('icon-earth-marker.png'); background-size: 35px; } #footer .footer-upper .link-with-icon.contact-item{ padding-left: 54px; background-image: url('icon-chat.png'); background-size: 45px; } #footer .footer-lower{ padding: 30px 0; border-bottom: 4px solid #2e2925; } #footer .footer-lower .footer-columns{ margin-bottom: 50px; } #footer .footer-lower .footer-columns .footer-col{ float: left; } #footer .footer-lower .footer-columns .footer-col.footer-col-1{ width: 14%; } #footer .footer-lower .footer-columns .footer-col.footer-col-2{ width: 23%; } #footer .footer-lower .footer-columns .footer-col.footer-col-3{ width: 18%; } #footer .footer-lower .footer-columns .footer-col.footer-col-4{ width: 13%; } #footer .footer-lower .footer-columns .footer-col.footer-col-5{ width: 14%; } #footer .footer-lower .footer-columns .footer-col.footer-col-6{ width: 17%; } #footer .footer-lower .footer-menu{ } #footer .footer-lower .footer-menu h4{ font-size: 15px; font-weight: 500; color: #bf2933; margin-bottom: 15px; } #footer .footer-lower .footer-menu ul{ } #footer .footer-lower .footer-menu ul li{ line-height: 1; } #footer .footer-lower .footer-menu ul li a{ line-height: 1.6; display: block; font-size: 15px; font-weight: 300; color: #2e2925; } #footer .footer-lower .footer-menu ul li a:hover{ text-decoration: underline; } #footer .footer-lower .copyright-area{ overflow: hidden; } #footer .footer-lower .copyright-area .copyright-text{ float: left; line-height: 1.6; display: block; font-size: 15px; font-weight: 300; color: #2e2925; } #footer .footer-lower .copyright-area .copyright-text a{ color: #2e2925; } #footer .footer-lower .copyright-area .copyright-text a:hover{ text-decoration: underline; } #footer .footer-lower .copyright-area .tel-phone{ float: right; color: #bf2933; font-size: 24px; font-weight: 500; line-height: 1; } .copyright-area div:last-of-type { float: right; margin-right: 0;} .copyright-area .bottom-right { text-align: right;} .copyright-area .bottom-right ul {margin: 0; padding: 0; list-style: none; float: right; position: relative;} .copyright-area .bottom-right ul li {margin-left: 7px; float: left;} .bottom-right img {max-height: 44px; width: auto;} .copyright-area .award {max-width: 249px; height: auto;} /* ========================================================================== HAMBURGER ICON ========================================================================== */ .hamburger { padding: 0; outline: none; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 1; } .hamburger.is-active:hover { opacity: 1; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #ffffff; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #2e2925; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--arrowalt-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, background-color 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, background-color 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, background-color 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, background-color 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, background-color 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, background-color 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, background-color 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, background-color 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .default-page-section{ padding: 30px 0; } #prd .searchandfilter { margin: 0; } #prd .searchandfilter > ul { margin: 0 0 65px 0; padding: 0; font-size: 0em; } #prd .searchandfilter > ul > li { width: 23%; padding: 0 10px 0 0; display: inline-block; vertical-align: top; } #prd .searchandfilter > ul > li:before { display: none; } #prd .searchandfilter > ul > li.sf-field-reset { width: 8%; padding-right: 0; } #prd .searchandfilter > ul > li label, #prd .searchandfilter > ul > li select { display: block; font-size: 16px; } #prd .searchandfilter > ul > li label { display: block; position: relative; } #prd .searchandfilter > ul > li select { height: 41px !important; width: 100%; } #prd .resellers-filters { margin: 0; } #prd .resellers-filters > ul { margin: 0 0 20px 0; padding: 0; font-size: 0em; } #prd .resellers-filters > ul > li { width: 23%; padding: 0 10px 0 0; display: inline-block; vertical-align: top; } #prd .resellers-filters > ul > li:before { display: none; } #prd .resellers-filters > ul > li.sf-field-reset { width: 8%; padding-right: 0; } #prd .resellers-filters > ul > li label, #prd .resellers-filters > ul > li select { display: block; font-size: 16px; } #prd .resellers-filters > ul > li label { display: block; position: relative; } #prd .resellers-filters > ul > li select { height: 41px !important; width: 100%; } #prd .chosen-choices { font-size: 16px; color: #000; } #prd .chosen-container { width: 100% !important; } #prd .chosen-container, #prd .chosen-container .chosen-choices { box-shadow: none !important; } #prd .chosen-container-multi .chosen-choices { border: solid 1px #c2c2c2 !important; background: url(../select-arrow.html) no-repeat right top #fff; background-size: auto 39px; margin: 0; padding: 0; } #prd .chosen-container-multi .chosen-choices li.search-choice { font-size: 10px; font-weight: bold; margin: 8px 0 0 8px; } #prd .chosen-container-multi .chosen-choices li.search-field input[type=text] { color: #000; padding: 7px 10px 9px 10px; } #prd .customSelectInner { background: url(../select-arrow.html) no-repeat right center #fff; background-size: auto 100%; font-family: "Roboto", sans-serif; font-size: 16px; color: #000; border: solid 1px #c2c2c2; padding: 8px 10px 9px 10px; } #prd .search-filter-disabled .customSelectInner { opacity: 0.5; } #prd .sf-field-reset input { font-family: "Roboto", sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; background: #d0020b; border: 0; width: 100%; text-align: center; padding: 12px 0 13px 0; outline: 0 none; } #prd table { clear: both; border: solid 1px #707070; border-bottom: none 0; border-collapse: collapse; } #prd table th { background: #E7E7E7; border-bottom: solid 1px #707070; color: #666666; font-size: 12px; font-weight: bold; white-space: nowrap; padding: 10px; vertical-align: top; text-align: left; } #prd table td { padding: 10px; background: #ffffff; border-bottom: solid 1px #707070; text-align: left; font-size: 12px; font-weight: normal; color: #303030; vertical-align: top; } #prd table td p { font-size: 12px; margin: 0; } #prd table td a { color: #d0020b; text-decoration: none; } #prd table td a.link { font-size: 36px; } #prd table td.first { border-left: 0; white-space: nowrap; } #prd table td.align-left { text-align: left; } #prd .partner { width: 33.3333333333%; float: left; } #prd .searchandfilter > ul { margin: 0 0 20px; padding: 0; font-size: 0em; } .partners-wrap { margin-bottom: 50px; border-bottom: 1px dotted #ccc; } .partner {margin-bottom:20px;} .partner .img-wrap {height:80px;} .partner .img-wrap img {max-height: 80%;} .partner h3 {font-size:16px;} .leader { margin-top: 50px } .leader:after { content: ' '; display: table; clear: both } .leader .photo-wrap { text-align: center; float: left; width: 15.07692%; margin-right: 4.5641% } @media screen and (max-width:650px) { .leader .photo-wrap { display: none } } .leader .photo-wrap img { display: inline-block; border-radius: 50%; border: 1px solid #d6d6d6 } .leader .content { width: 65.81197%; float: left; margin-right: 2.5641% } @media screen and (max-width:650px) { .leader .content { float: none; width: 100% } } .leader .content .name { color: #3f3f3f; font-weight: 700; font-size: 22px; line-height: normal } @media screen and (max-width:768px) { .leader .content .name { font-size: 22px } } .leader .content .position { color: #3f3f3f; font-weight: 400; font-size: 18px; line-height: normal; margin-bottom: 25px } @media screen and (max-width:768px) { .leader .content .position { font-size: 18px } } .leader .content .bio p, .leader .content .bio .item .desc, .item .leader .content .bio .desc, .leader .content .bio .archive-item .desc, .archive-item .leader .content .bio .desc { color: #919190 } /* ========================================================================== SECTION MORE INFORMATION ========================================================================== */ .section-more-informations{ padding-bottom: 50px; } .section-more-informations .solution-products{ } .section-more-informations .solution-products h3{ font-size: 30px; color: #b03739; font-weight: 700; margin-bottom: 25px; line-height: 1.2; } .section-more-informations .solution-products .box-product{ } .section-more-informations .solution-products .box-product .product-img-wrap{ position: relative; width: 100%; height: 160px; margin-bottom: 15px; } .section-more-informations .solution-products .box-product .product-img-wrap a{ display: block; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .section-more-informations .solution-products .box-product .product-img-wrap a img{ display: block; margin: 0 auto; max-width: 85%; height: auto; } .section-more-informations .solution-products .box-product .product-info-wrap{ text-align: center; } .section-more-informations .solution-products .box-product .product-info-wrap .product-title{ display: inline-block; font-size: 18px; font-weight: 700; color: #bf2933; letter-spacing: 0.01em; line-height: 1.2; } .section-more-informations .docs-products{ padding-top: 70px; } .section-more-informations .docs-products h3{ font-size: 30px; color: #b03739; font-weight: 700; margin-bottom: 25px; line-height: 1.2; } .section-more-informations .docs-products .doc-area-wrapper{ margin-bottom: 25px; } .section-more-informations .docs-products .doc-area-wrapper:last-child{ margin-bottom: 0; } .section-more-informations .docs-products .doc-area-wrapper h4{ font-size: 20px; color: #2e2925; font-weight: 700; margin-bottom: 10px; line-height: 1.2; } .section-more-informations .docs-products .doc-area-wrapper .doc-list{ } .section-more-informations .docs-products .doc-area-wrapper .doc-list li{ margin-bottom: 4px; position: relative; padding-left: 40px; padding-top: 10px; padding-bottom: 10px; } .section-more-informations .docs-products .doc-area-wrapper .doc-list li a{ font-size: 18px; color: #bf2933; letter-spacing: 0.01em; line-height: 1.2; } .section-more-informations .docs-products .doc-area-wrapper .doc-list li img{ position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 34px; } .opengear-box-product{ margin-bottom: 20px; } .opengear-box-product .product-img{ margin-bottom: 22px; min-height: 115px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; text-align: center; max-height: 96px; } .opengear-box-product .product-img a{ margin: 0 auto; } .opengear-box-product .product-img a img{ width: 100%; max-width: 247px; height: auto; margin: 0 auto; display: block; } .opengear-box-product .product-info{ } .opengear-box-product .product-info a{ font-size: 15px; font-weight: 700; color: #bf2933; letter-spacing: 0.01em; line-height: 1.2; } .opengear-box-product .product-info p{ font-size: 14px; color: #928c87; line-height: 1.2; } .widget-related-products .opengear-box-product{ margin-bottom: 18px; padding-bottom: 18px; position: relative; } .widget-related-products .opengear-box-product:after{ content: ''; width: 70%; height: 1px; display: block; background: #bf2933; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .product{ } .product .product-img-wrap{ position: relative; width: 100%; height: 160px; margin-bottom: 15px; padding: 0 7%; } .product .product-img-wrap a{ display: block; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product .product-img-wrap a img{ display: block; margin: 0 auto; max-width: 85%; height: auto; } .product .product-info-wrap{ text-align: left; padding: 0 7%; margin-top: 15px; } .product .product-info-wrap .product-title{ display: inline-block; font-size: 18px; font-weight: 700; color: #bf2933; letter-spacing: 0.01em; line-height: 1.2; margin-bottom: 10px; } .product .product-info-wrap .product-description p{ font-size: 14px; color: #928c87; line-height: 1.2; } .sidebar { width: 23.07692%; float: left; margin-right: 2.5641%; float: right; margin-right: 0; position: relative; } .sb-block.locate-reseller p, .sb-block.locate-reseller .item .desc, .item .sb-block.locate-reseller .desc, .sb-block.locate-reseller .archive-item .desc, .archive-item .sb-block.locate-reseller .desc { color: #4a4a4a; font-size: 15px; margin-top: 0; } /* ========================================================================== LIGHTHOUSE PAGE ========================================================================== */ .section-hero-video{ height: 650px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .section-hero-video .hero-content{ position: relative; z-index: 1; -ms-grid-row-align: center; align-self: center; color: #ffffff; margin-top: 120px; } .section-hero-video .hero-content h1{ font-size: 44px; letter-spacing: 0.02em; font-weight: 900; margin-bottom: 15px; } .section-hero-video .hero-content h2{ font-size: 30px; letter-spacing: 0.02em; font-weight: 700; margin-bottom: 15px; } .section-hero-video .hero-content p{ font-size: 21px; font-weight: 300; margin-bottom: 15px; line-height: 1.2; } .section-hero-video .hero-content p img{ } .section-hero-video .hero-video-bg{ top: 0; left: 0; min-height: 100%; min-width: 100%; position: absolute; z-index: 0; } .section-hero-video .hero-video-bg video{ top: 0; left: 0; min-height: 100%; min-width: 100%; position: absolute; -o-object-fit: cover; object-fit: cover; } .section-text-light{ padding: 90px 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .section-text-light.bg-section-gray{ background-color: #f5f5f5; } .section-text-light .top-area{ text-align: center; } .section-text-light .top-area .sec-title{ font-size: 44px; color: #ce0821; line-height: 1.2; margin-bottom: 15px; } .section-text-light .top-area h4{ font-size: 21px; font-weight: 400; margin-bottom: 25px; line-height: 1.2; color: #3e3e3e; font-style: italic; font-weight: 300; } .section-text-light .default-text-area h3{ margin-bottom: 5px; color: #ce0821; } .section-text-light .default-text-area p{ font-size: 18px; line-height: 1.3; } .section-text-light .default-text-area ul li{ font-size: 18px; line-height: 1.3; margin-bottom: 5px; } .section-text-light .default-text-area .testimonial-box-area p{ font-size: 19px; } .section-text-light .content-layout{ margin-top: 60px; } .section-text-light .text-section-box{ background: #ffffff; border: 1px solid #555555; padding: 40px; } .section-text-light .image-wrapper img{ display: block; width: 100%; max-width: 100%; height: auto; } .section-feature-table{ padding: 50px 0 90px; background-size: cover; background-position: center; background-repeat: no-repeat; } .section-feature-table .top-area{ } .section-feature-table .top-area .sec-title{ font-size: 44px; color: #ce0821; line-height: 1.2; margin-bottom: 30px; text-align: center; } .section-feature-table .feature-table{ background: #ffffff; color: #3e3e3e; border-top: 1px solid #C9CDCF; border-left: 1px solid #C9CDCF; } .section-feature-table .feature-table .t-column{ -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; border-right: 1px solid #C9CDCF; border-bottom: 1px solid #C9CDCF; padding: 12px 30px; align-content: center; } .section-feature-table .feature-table .t-column:first-child{ -webkit-box-flex: 0; flex: 0 0 60%; max-width: 60%; } .section-feature-table .feature-table .header-row{ display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .section-feature-table .feature-table .header-row .t-column{ background: #d5d5d5; font-weight: 700; font-size: 18px; word-break: break-word; } .section-feature-table .feature-table .t-row{ display: -webkit-box; display: flex; } .section-feature-table .feature-table .t-row .t-column{ text-align: center; font-size: 24px; } .section-feature-table .feature-table .t-row .t-column:first-child{ text-align: left; font-size: 18px; font-weight: 700; line-height: 1.4; } .section-feature-table .feature-table .red-color{ text-align: center; color: #ce0821; display: block; } .section-feature-table .after-table-text{ padding: 30px 0 10px; } .section-buy{ padding: 90px 0; } .section-buy .top-area{ text-align: center; margin-bottom: 80px; } .section-buy .top-area .sec-title{ font-size: 44px; color: #ce0821; line-height: 1.2; margin-bottom: 30px; text-align: center; } .section-buy .top-area h4{ font-size: 20px; font-weight: 400; margin-bottom: 25px; line-height: 1.2; color: #3e3e3e; font-weight: 300; } .section-buy .top-area h4 a{ color: #ce2027; font-weight: 700; } .section-buy .icon-columns{ margin-bottom: 50px; } .section-buy .icon-columns .icons-columns-wrapper{ display: -webkit-box; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; -webkit-box-pack: center; justify-content: center; } .section-buy .icon-columns .icons-columns-wrapper .icon-col{ -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; padding-right: 15px; padding-left: 15px; } .section-buy .icon-columns .icons-columns-wrapper .icon-col img{ display: block; margin: 0 auto; margin-bottom: 15px; width: 100%; } .section-buy .icon-columns .icons-columns-wrapper .icon-col h4{ font-size: 18px; text-align: center; line-height: 1.2; margin-bottom: 8px; font-weight: 300; } .section-buy .icon-columns .icons-columns-wrapper .icon-col p{ font-size: 14px; text-align: center; line-height: 1.2; font-weight: 300; } .section-buy .bottom-actions{ text-align: center; padding-top: 15px; } .section-buy .bottom-actions a{ margin: 0 5px; } .section-cta-light{ padding: 90px 0; background-color: #f5f5f5; } .section-cta-light .sec-title{ font-size: 44px; color: #ce0821; line-height: 1.2; margin-bottom: 15px; text-align: center; } .section-cta-light .cta-text{ } .section-cta-light .cta-text h3{ font-size: 24px; color: #333c4e; } .testimonial-box-area{ text-align: center; padding: 20px 20px 30px; border-radius: 5px; background-color: #e5e5e5; border-style: solid; border-color: #cccccc; border-width: 1px; } .testimonial-box-area p{ margin-bottom: 0; font-size: 19px; font-style: italic; color: #000000; } .testimonial-box-area.big-testimonial p{ font-size: 26px; } .testimonial-box-area.big-testimonial .testimonial-author{ font-size: 18px; } .testimonial-box-area .testimonial-author a{ color: #ce2027; } .testimonial-box-area .testimonial-author-logo { margin-top: 20px; } .testimonial-box-area .testimonial-author-logo a { } .testimonial-box-area .testimonial-author-logo img { } .highlights-wrap{ margin-top: 40px; } .section-testimonials{ padding: 60px 0; background: #e8e8e8; } .section-testimonials .customer-testimonial{ } .section-testimonials .customer-testimonial blockquote{ font-size: 21px; font-weight: 300; line-height: 1.2; max-width: 800px; margin: 0 auto; } .section-testimonials .customer-testimonial blockquote cite{ display: block; text-align: right; margin-top: 15px; } .section-testimonials .customer-testimonial blockquote cite strong{ display: block; } .solution-bottom-section{ padding-bottom: 50px; } .solution-bottom-section h3{ font-size: 30px; color: #b03739; font-weight: 700; margin-bottom: 25px; line-height: 1.2; } .solution-bottom-section .solution-industries{ display: -webkit-box; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .solution-bottom-section .solution-industries .solution-industry{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; } .solution-bottom-section .solution-industries .solution-industry .industry-img-wrap{ max-width: 105px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .solution-bottom-section .solution-industries .solution-industry .industry-img-wrap a{ } .solution-bottom-section .solution-industries .solution-industry .industry-img-wrap a img{ } .solution-bottom-section .solution-industries .solution-industry .industry-info-wrap{ } .solution-bottom-section .solution-industries .solution-industry .industry-info-wrap .industry-title{ text-align: center; } .solution-bottom-section .solution-industries .solution-industry .industry-info-wrap .industry-title a{ font-size: 15px; font-weight: 700; color: #bf2933; letter-spacing: 0.01em; line-height: 1.2; } .solution-bottom-section .solution-companies{ } .solution-bottom-section .solution-companies ul{ display: -webkit-box; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; -webkit-box-align: center; align-items: center; } .solution-bottom-section .solution-companies ul li{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; text-align: center; } .solution-bottom-section .solution-companies ul li img{ } .sb-block .header { background: #3f3f3f; color: #ffffff; font-weight: 700; font-size: 22px; line-height: 1.2; padding: 11px 22px 12px; text-transform: uppercase } .sb-block .header .sub-head { font-weight: 400; font-size: 18px; line-height: 1.3; text-transform: none } .sb-block .content, .sb-block>ul { padding: 22px; background: #E8E8E8; } .iframe-wrapper { position: relative; padding-bottom: 44.25%; padding-top: 35px; height: 0; overflow: hidden; width: 100%; margin-bottom: 26px; } .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* ========================================================================== COMPARE TABLE ========================================================================== */ .compare-table { font-size: 10px; border-collapse: collapse; margin-bottom: 16px; } .compare-table, .store-table { width: 100%; margin-top: 30px; table-layout: fixed } .compare-table tr th, .compare-table tr td, .store-table tr th, .store-table tr td { width: 9.5%; text-align: center; border: 1px solid #919190; padding: 4px 10px; word-wrap: break-word } .compare-table th, .store-table th { color: #ffffff; background: #919190; border-color: #ffffff } .compare-table td, .store-table td { color: #4a4a4a } .compare-table td sup, .store-table td sup { color: #d0020b } .compare-table tr th:first-of-type, .compare-table tr td:first-of-type, .store-table tr th:first-of-type, .store-table tr td:first-of-type { width: 14.5%; text-align: left; background: #f3f3f3 } .footnotes { font-weight: 300; font-size: 12px; line-height: normal; color: #4a4a4a; margin-bottom: 30px } .highlight { color: #d0020b } .store-table { vertical-align: middle } .store-table td, .store-table th { padding: 12px 15px !important; vertical-align: middle } .store-table tr th, .store-table tr td { text-align: left; width: 50% } .store-table tr td:first-of-type { width: 50%; background: white } .store-table tr th:first-of-type { background: #919190; width: 50% } .store-table table td { padding: 12px 0 !important; border: 0 !important } .store-table table tr:first-of-type { border-bottom: 1px solid #919190 } /*========================================================== OVERRIDE Divi Form styles when formstack is used ============================================================*/ #formstack-form { padding-top: 20px !important; padding-left: 10px !important; padding-right: 10px !important; } #formstack-form .fsForm select, #formstack-form .fsRowBody input[type="email"], #formstack-form .fsRowBody input[type="number"], #formstack-form .fsRowBody input[type="tel"], #formstack-form .fsRowBody input[type="text"] { height: 42px !important; } #formstack-form .fsForm select.fsRequired, #formstack-form .fsForm textarea.fsRequired, #formstack-form .fsRowBody input[type="email"].fsRequired, #formstack-form .fsRowBody input[type="number"].fsRequired, #formstack-form .fsRowBody input[type="tel"].fsRequired, #formstack-form .fsRowBody input[type="text"].fsRequired { border: 1px solid #cfd4d8 !important; background-color: #fff !important; } #formstack-form .fsForm select, #formstack-form .fsForm textarea, #formstack-form .fsRowBody input[type="email"], #formstack-form .fsRowBody input[type="number"], #formstack-form .fsRowBody input[type="tel"], #formstack-form .fsRowBody input[type="text"] { padding: 7px !important; color: #595d64 !important; } #formstack-form .fsLabelVertical .fsLabel { margin-bottom: 10px !important; } #formstack-form .fsForm textarea, #formstack-form .fsRowBody input[type="email"], #formstack-form .fsRowBody input[type="number"], #formstack-form .fsRowBody input[type="tel"], #formstack-form .fsRowBody input[type="text"], #formstack-form .fsSignature { border: 1px solid #cfd4d8 !important; border-radius: 0 !important; background-color: #fff !important; transition-property: color,background-color,border,border-color,box-shadow !important; transition-duration: 0s !important; transition-timing-function: ease-in-out !important;} #formstack-form .fsRowBody input[type="tel"] { width: 100% !important; } #formstack-form .fsNextButton, #formstack-form .fsPreviousButton, #formstack-form .fsSubmitButton { padding: 10px 10px !important; border: 0 solid transparent !important; } #formstack-form .fsForm .fsSubmit { margin-top: 40px !important; padding-bottom: 20px !important; text-align: center !important; } /******************************************************************************** Some extra styles for webinar single *********************************************************************************/ .default-text-area ol { padding-left: 20px; } .default-text-area ol li { list-style-type: normal; } .speaker-item { margin-bottom: 20px; text-align: center; } .speaker-item img { margin-bottom: 10px; border-radius: 100%; width: 200px; } .speaker-item h3 { font-weight: bold; margin-bottom: 5px; } .speaker-item span { display: block; margin-bottom: 10px; } @media screen and (max-width:950px) { .store-table table tr:first-of-type { border-bottom: 0 } } .store-table a { color: #d0020b; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear } .store-table a:hover { color: #3f3f3f } .store-table .graphic-wrap, .store-table .link-wrap { display: inline-block; vertical-align: middle } .store-table .link-wrap a { font-weight: 700; font-size: 20px; line-height: normal } .store-table .graphic-wrap { margin-right: 5px } .store-table .graphic-wrap img { max-width: 84px } @media screen and (max-width:950px) { table.compare-table, .compare-table thead, .compare-table tbody, .compare-table th, .compare-table td, .compare-table tr, table.store-table, .store-table thead, .store-table tbody, .store-table th, .store-table td, .store-table tr { display: block } .compare-table thead tr, .store-table thead tr { position: absolute; top: -9999px; left: -9999px } .compare-table tr td, .store-table tr td { border: 0; position: relative; padding-left: 10px; width: 100% !important; text-align: left } .compare-table tr th:first-of-type, .compare-table tr td:first-of-type, .store-table tr th:first-of-type, .store-table tr td:first-of-type { width: 100%; padding: 10px; font-weight: bold; margin-top: 20px; font-size: 20px } .compare-table tr th:first-of-type:before, .compare-table tr td:first-of-type:before, .store-table tr th:first-of-type:before, .store-table tr td:first-of-type:before { display: none } .compare-table td:before { content: attr(data-label); top: 4px; left: 10px; padding-right: 10px; font-weight: 700 } } /* ========================================================================== Media Queries ========================================================================== */ /* Tablet Landscape */ @media only screen and (max-width: 1130px) { /* Helpers */ .hidden-md { display: none; } .visible-md { display: block; } .col-flex-md-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } /* ========================================================================== HEADER ========================================================================== */ #header .header-top .menu-area .main-menu li + li { margin-left: 22px; } #header .header-bottom .tag-line{ font-size: 16px; padding: 8px 0; } .sb-block .header { font-size: 20px } } /* Tablet Portrait */ @media only screen and (max-width: 980px) { /* Helpers */ .hidden-sm { display: none; } .visible-sm { display: block; } .page-no-hero { padding-top: 112px; } /* ========================================================================== HEADER ========================================================================== */ #header .header-top{ position: relative; } #header .header-top .mobile-menu-btn{ display: block; position: absolute; right: 15px; top: 16px; z-index: 1001; } #header .header-bottom{ background-color: #bf2933; } #header .header-bottom .tag-line{ font-size: 14px; padding: 8px 0; width: 100%; } #header .header-bottom .tag-line:before{ display: none; } #header .header-top .menu-area{ position: fixed; right: 0; width: 270px; top: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; z-index: 1000; background: #2e2925; height: 100%; padding: 70px 15px 25px; margin-right: -1px; } #header .header-top .menu-area.menu-open{ -webkit-transform: translateX(0); transform: translateX(0); } #header .header-top .menu-area .main-menu{ padding: 25px 0; } #header .header-top .menu-area .main-menu:before{ display: none; } #header .header-top .menu-area .main-menu li{ display: block; } #header .header-top .menu-area .main-menu li + li{ margin-left: 0; } #header .header-top .menu-area .actions-area { text-align: left; padding-right: 0; padding-top: 20px; } #header .header-top .menu-area .actions-area .wpml-wrapper { display: block; } #header .header-top .menu-area .actions-area .wpml-wrapper a{ color: #ffffff; } #header .header-top .menu-area .actions-area .wpml-wrapper .widget .wpml-ls-sub-menu a{ color: #2e2925; } #header .header-top .menu-area .actions-area .btn{ margin-left: 0; margin-top: 20px; } #header .header-top .menu-area .search-area{ } #header .header-top .menu-area .search-area form{ width: 100%; position: relative; overflow: hidden; } #header .header-top .menu-area .search-area form input{ width: 100%; position: relative; z-index: 0; height: 42px; background: #ebebeb; border: none; line-height: 42px; padding: 0 55px 0 15px; font-size: 15px; font-weight: 300; color: #2e2925; outline: none; } #header .header-top .menu-area .search-area form button{ cursor: pointer; width: 70px; right: -17px; top: 0; text-align: left; color: #ffffff; font-size: 18px; position: absolute; background: #bf2934; -webkit-transform: skew(32deg); transform: skew(32deg); border: none; padding: 11px 20px; } #header .header-top .menu-area .search-area form button i{ -webkit-transform: skew(-32deg); transform: skew(-32deg); } #header .header-top .menu-area .main-menu li.menu-item-has-children .mob-sub-toggle{ position: absolute; width: 20px; height: 20px; display: block; text-align: center; top: 5px; right: 0; color: #fff; font-size: 28px; line-height: 20px; font-weight: 300; } #header .header-top .menu-area .main-menu li.menu-item-has-children .mob-sub-toggle:before{ content: '+'; } #header .header-top .menu-area .main-menu li.menu-item-has-children.sub-active-mob > .mob-sub-toggle:before{ content: '-'; } #header .header-top .menu-area .main-menu li.menu-item-has-children .sub-menu{ display: none; opacity: 1; visibility: visible; -webkit-transition: none; transition: none; width: 100%; left: auto; top: auto; position: relative; padding: 5px 0 15px 10px; } #header .header-top .menu-area .main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu { display: none; top: auto; left: auto; margin-left: 0; margin-top: 0; padding: 5px 0 15px 10px; } #header .header-top .menu-area .main-menu li.sub-active-mob > a{ background: #bf2934; } /* ========================================================================== HOME SLIDER ========================================================================== */ .section-home-slider .hero-slider .slide { height: 630px; } .section-home-slider .hero-slider .slide .container .slide-message span { font-size: 22px; } /* ========================================================================== SECTION SERVICE BOXES ========================================================================== */ .section-service-boxes .section-text p { font-size: 20px; } .section-service-boxes .service-boxes .box:before{ content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 0; background: rgba(0,0,0,.4); } .section-service-boxes .service-boxes .box .box-text{ z-index: 1; right: 20px; } .section-service-boxes .service-boxes .box .box-text h3 { font-size: 20px; } .section-service-boxes .service-boxes .box .box-text p{ font-size: 14px; } /* ========================================================================== SECTION SOLUTIONS ========================================================================== */ .section-solutions .section-title{ font-size: 30px; } /* ========================================================================== SECTION LATEST NEWS ========================================================================== */ .section-latest-news .col-title{ font-size: 26px; } .section-latest-news .resources-col { float: none; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px solid #bf2933; overflow: hidden; } .section-latest-news .resources-posts { padding-right: 0; border-right: none; margin: 0 -15px; overflow: hidden; } .section-latest-news .resources-posts .post-box{ float: left; width: 50%; padding: 0 15px; } .section-latest-news .resources-posts .post-box + .post-box { margin-top: 0; } .section-latest-news .resources-posts .post-box a{ position: relative; } .section-latest-news .posts-col { float: none; width: 100%; padding-left: 0; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px solid #bf2933; } .section-latest-news .blog-posts{ padding-right: 0; border-right: 0; overflow: hidden; margin: 0 -15px; } .section-latest-news .blog-posts .post-box { float: left; width: 50%; padding: 0 15px; } .section-latest-news .blog-posts .post-box + .post-box { margin-top: 0; } .section-latest-news .blog-posts .post-box .post-thumb { float: none; width: 100%; padding-right: 0; } .section-latest-news .blog-posts .post-box .post-thumb a img { display: block; width: 100%; height: auto; } .section-latest-news .blog-posts .post-box .post-title { float: none; width: 100%; padding-left: 0; padding-top: 10px; } .section-latest-news .events-col{ float: none; width: 100%; overflow: hidden; padding-left: 0; } .section-latest-news .events-posts { overflow: hidden; margin: 0 -15px; } .section-latest-news .events-posts .post-box { text-align: center; width: 50%; float: left; padding: 0 15px; } .section-latest-news .events-posts .post-box + .post-box { margin-top: 0; } .section-latest-news .events-posts .post-box .event-thumb img{ margin: 0 auto; } /* ========================================================================== SECTION LOGOS ========================================================================== */ .section-logos .section-title{ font-size: 26px; } /* ========================================================================== SECTION SINGLE PRODUCT TOP INFOS ========================================================================== */ .product-top-infos .product-text h1 { font-size: 26px; } .product-top-infos .product-text h2 { font-size: 20px; } .product-top-infos .product-text p { font-size: 18px; } /* ========================================================================== PRODUCT CONFIGURE ========================================================================== */ .product-configure .configurator-wrapper .conf-area .conf-actions { padding-right: 0; margin-bottom: 30px; } .product-configure .configurator-wrapper .conf-area .final-product .product-image { min-height: 250px; } .product-configure .configurator-wrapper .conf-area .products-list{ max-height: 100%; } .product-configure .url-generator input { max-width: none; min-width: 0; } /* ========================================================================== PRODUCT TABS ========================================================================== */ .section-product-tabs .tabs-controls ul li a{ font-size: 16px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-img{ padding: 15px; } /* ========================================================================== FOOTER ========================================================================== */ #footer .footer-upper .link-with-icon{ margin-left: 0; font-size: 15px; } #footer .footer-lower .copyright-area{ text-align: center; } #footer .footer-lower .copyright-area .copyright-text{ font-size: 13px; text-align: center; float: none; margin-bottom: 10px; } #footer .footer-lower .copyright-area .tel-phone{ float: none; display: inline-block; } /* ========================================================================== GENERAL ========================================================================== */ .widget-tech-support ul li strong{ display: block; } .et-db .alignright, .et-db img.alignright { float: none !important; display: block !important; margin-bottom: 15px !important; margin-left: auto !important; margin-right: auto !important; } .resources-wrapper .with-border-left:before{ display: none; } } /* Mobile */ @media only screen and (max-width: 680px) { /* Helpers */ .hidden-sm { display: none; } .visible-sm { display: block; } .page-no-hero { padding-top: 90px; } /* ========================================================================== HEADER ========================================================================== */ #header .header-top .logo { float: left; width: 220px; height: 51px; } #header .header-bottom .tag-line { font-size: 8px; } .scrolled-down .float-watch-video-btn {top: 90%;} /* ========================================================================== HOME SLIDER ========================================================================== */ .section-home-slider .hero-slider .slide { height: 350px; } .section-home-slider .hero-slider .slide .container .slide-message-wrapper { bottom: 15px; padding-left: 26px; } .section-home-slider .hero-slider .slide .container .slide-message-wrapper:before{ width: 50px; left: 3px; } .section-home-slider .hero-slider .slide .container .slide-message-wrapper:after{ width: 5px; left: 18px; } .section-home-slider .hero-slider .slide .container .slide-message{ padding: 10px 50px 10px 30px; } .section-home-slider .hero-slider .slide .container .slide-message span { font-size: 18px; } /* ========================================================================== SECTION SERVICE BOXES ========================================================================== */ .section-service-boxes .service-boxes .box{ margin-bottom: 20px; } .section-service-boxes .service-boxes .box .box-text h3 { font-size: 24px; } .section-service-boxes .service-boxes .box .box-text p { font-size: 17px; } /* ========================================================================== SECTION SOLUTIONS ========================================================================== */ .section-solutions .solution-img-wrapper .solution-img .image-pin .image-pin-more { font-size: 23px; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box{ left: -5px; width: 190px; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box.box-right { left: auto; right: -5px; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box .box-text h4 { font-size: 16px; } .section-solutions .solution-img-wrapper .solution-img .image-pin .image-more-box .box-text p { font-size: 14px; } /* ========================================================================== SECTION LATEST NEWS ========================================================================== */ .section-latest-news .resources-posts{ margin: 0; } .section-latest-news .resources-posts .post-box{ float: none; width: 100%; padding: 0; } .section-latest-news .resources-posts .post-box + .post-box{ margin-top: 15px; } .section-latest-news .blog-posts{ margin: 0; } .section-latest-news .blog-posts .post-box { float: none; width: 100%; padding: 0; } .section-latest-news .blog-posts .post-box + .post-box { margin-top: 35px; } .section-latest-news .events-posts { margin: 0; } .section-latest-news .events-posts .post-box { text-align: center; width: 100%; float: none; padding: 0; } .section-latest-news .events-posts .post-box + .post-box { margin-top: 35px; } /* ========================================================================== SECTION INNER HERO ========================================================================== */ .section-inner-hero { height: 260px; } .section-inner-hero .hero-content h1{ font-size: 26px; margin-bottom: 10px; } .section-inner-hero .hero-content p{ font-size: 15px; } .section-inner-hero .hero-content p br{ display: none; } /* ========================================================================== SECTION BLOG LISTING ========================================================================== */ .section-blog-listing { padding: 20px 0; } .section-blog-listing .blog-listing-text h4 { font-size: 18px; } .section-blog-listing .articles-listing { margin-bottom: 20px; } .section-blog-listing .listing-cat-filters a { padding: 10px; font-size: 13px; } /* ========================================================================== SECTION SINGLE ARTICLE CONTENT ========================================================================== */ .section-single-article-content .article-content-wrapper .article-content-area{ float: none; width: 100%; } .section-single-article-content .article-content-wrapper .article-content-area .article-meta h2{ font-size: 24px; } .section-single-article-content .article-content-wrapper .sidebar-area{ float: none; width: 100%; padding: 0; } .default-text-area p, .default-text-area ul li { font-size: 18px; } .default-text-area h3 { font-size: 20px; } .default-text-area h4 { font-size: 18px; } /* ========================================================================== SECTION SINGLE PRODUCT TOP INFOS ========================================================================== */ .product-top-infos { padding: 30px 0 24px; } .product-top-infos .product-slider-wrapper .product-slider .slide .product-image-wrapper { min-height: 180px; } /* ========================================================================== PRODUCT CONFIGURE ========================================================================== */ .product-configure .configurator-wrapper { padding: 0; } .product-configure .section-title { flex-wrap: wrap; padding-bottom: 10px; } .product-configure .section-title h3 { font-size: 16px; flex: 0 0 100%; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .action-name{ display: block; float: none; width: 100%; margin-bottom: 8px; } .product-configure .configurator-wrapper .conf-area .conf-actions .action-row .actions-wrapper{ float: none; width: 100%; } .product-configure .configurator-wrapper .conf-area .products-list{ border-top: 1px solid #2e2925; padding-top: 10px; max-height: 100%; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-head{ display: none; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta span{ float: none; display: block; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .sku-item { width: 100%; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .port-item { width: 100%; margin-right: 0; text-align: left; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .formfactor-item { width: 100%; } .product-configure .configurator-wrapper .conf-area .products-list .product-list-item .product-meta .mobile-label{ display: inline-block; margin-right: 5px; font-weight: 700; } .product-configure .configurator-wrapper .conf-area .final-product .product-image { min-height: 180px; } .product-configure .configurator-wrapper .conf-area .final-product .final-sku-seller .f-sku { font-size: 18px; } .product-configure .configurator-wrapper .conf-area .final-product .final-sku-seller .contact-seller{ font-size: 18px; } /* ========================================================================== PRODUCT TABS ========================================================================== */ .section-product-tabs .tabs-content-wrapper{ margin-top: 20px; } .section-product-tabs .tabs-controls ul li { float: left; width: 50%; padding: 0 8px; margin-bottom: 8px; } .section-product-tabs .tabs-controls ul li a{ border: 1px solid #dddcdc; } .section-product-tabs .tabs-controls ul li a.active-tab:after{ display: none; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .tech-spects-content .row div:first-child .spects-wrapper { padding-left: 0; padding-right: 0; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper { padding: 50px 0 70px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper .files-area{ max-width: 170px; margin: 0 auto 40px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper .files-area .doc-box{ display: block; margin-bottom: 20px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .docs-wrapper .video-area .video-wrapper{ margin-bottom: 20px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessories-head{ display: none; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-img{ float: none; width: 50%; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table{ float: none; width: 100%; padding: 15px 0; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .t-row{ padding: 5px 10px; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .t-row span{ float: none; display: block; width: 100%; } .section-product-tabs .tabs-content-wrapper .tab-wrapper .accessories-wrapper .accessory-item .accessory-infos .accessory-table .t-row span.mobile-label{ float: none; display: inline-block; width: auto; margin-right: 5px; font-weight: 700; } /* ========================================================================== CONTACT US ========================================================================== */ .top-icon-boxes { padding: 0 0 40px; } .top-icon-boxes .icon-box { float: none; width: 100%; border-bottom: 1px solid #bf2933; } .top-icon-boxes .icon-box:last-child { border-bottom: none; } .top-icon-boxes .icon-box .icon-wrapper{ min-height: auto; border: none; } .top-icon-boxes .icon-box .icon-wrapper img{ width: 60px; } .top-icon-boxes .icon-box h3 { font-size: 16px; } .top-icon-boxes .icon-box h3:before { font-size: 16px; } /* ========================================================================== LIGHTHOUSE PAGE ========================================================================== */ .section-hero-video .hero-content h1{ font-size: 34px; } .section-hero-video .hero-content h2 { font-size: 24px; } .section-hero-video .hero-content p { font-size: 18px; } .section-text-light{ padding: 50px 0; } .section-text-light .top-area .sec-title{ font-size: 32px; } .section-text-light .top-area h4 { font-size: 18px; } .section-text-light .default-text-area ul li { font-size: 16px; } .section-text-light .default-text-area .testimonial-box-area p { font-size: 16px; } .section-text-light .default-text-area .testimonial-box-area .testimonial-author { font-size: 16px; } .section-feature-table .feature-table .header-row .t-column{ font-size: 13px; padding: 12px 5px; } .section-feature-table .feature-table .t-row .t-column{ padding: 12px 5px; } .section-feature-table .feature-table .t-row .t-column:first-child{ font-size: 13px; } .section-text-light .text-section-box{ padding: 35px 15px; } .section-buy .top-area .sec-title { font-size: 32px; } .section-buy .top-area h4 { font-size: 18px; } .section-buy .icon-columns .icons-columns-wrapper .icon-col{ margin-bottom: 20px; text-align: center; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .section-buy .icon-columns .icons-columns-wrapper .icon-col img{ max-width: 200px; } .section-buy .bottom-actions a{ margin: 0; margin-bottom: 10px; } .testimonial-box-area.big-testimonial p { font-size: 22px; } .section-cta-light .sec-title { font-size: 34px; } .section-cta-light .cta-text h3 { font-size: 20px; } .section-testimonials .customer-testimonial blockquote{ font-size: 18px; } #prd .resellers-filters > ul > li { width: 50%; } #prd .resellers-filters > ul > li.sf-field-reset { width: 25%; } /* ========================================================================== FOOTER ========================================================================== */ #footer .footer-upper{ padding-bottom: 6px; } #footer .footer-upper .link-with-icon{ margin-bottom: 10px; } #footer .footer-lower .footer-columns { margin-bottom: 10px; } #footer .footer-lower .footer-columns .footer-col.footer-col-1, #footer .footer-lower .footer-columns .footer-col.footer-col-2, #footer .footer-lower .footer-columns .footer-col.footer-col-3, #footer .footer-lower .footer-columns .footer-col.footer-col-4, #footer .footer-lower .footer-columns .footer-col.footer-col-5{ float: none; width: 100%; margin-bottom: 35px; } .et_pb_text h2 { font-size: 26px; } .et_pb_text h2:before { font-size: 26px; } .et_pb_text h3 { font-size: 26px; } .et_pb_text p { font-size: 16px; } .section-blog-listing .articles-listing .events-wrapper img{ float: none; width: 100%; height: auto; } .section-blog-listing .articles-listing .events-wrapper .article-meta{ margin-left: 0; } .solution-bottom-section .solution-industries .solution-industry{ -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; margin-bottom: 25px; } .solution-bottom-section .solution-companies ul li{ margin-bottom: 20px; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; text-align: center; } .product-configure .section-title .reset-conf-btn{ font-size: 12px; top: 7px; } .product-configure .section-title .dots-btn{ top: 8px; } .copyright-area .bottom-right { text-align: center; padding-top: 20px;} } @media only screen and (max-width:1023px) { #prd table., #prd thead, #prd tbody, #prd th, #prd td, #prd tr { display: block; } #prd thead tr { position: absolute; top: -9999px; left: -9999px; } #prd table tr { border-bottom: solid 9px #fff; } #prd table td { border: none; border-bottom: 1px solid #fff; position: relative; padding: 10px 15px 10px 135px; text-align: left; } #prd table td.prd-info { display: none; } #prd td:before { position: absolute; top: 0; left: 0; height: 100%; width: 120px; padding-top: 10px; padding-left: 15px; white-space: nowrap; text-align: left; background: #3f3f3f; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; } #prd td:nth-of-type(1):before { content: "PRODUCT SKU"; } #prd td:nth-of-type(2):before { content: "PORTS"; } #prd td:nth-of-type(3):before { content: "FORMFACTOR"; } #prd td:nth-of-type(4):before { content: "DESCRIPTION"; } #prd td:nth-of-type(5):before { content: "REGION"; } #prd td:nth-of-type(6):before { content: "PSTN"; } #prd td:nth-of-type(7):before { content: "CARRIER"; } #prd td:nth-of-type(8):before { content: "FEATURES"; } #prd td:nth-of-type(9):before { content: "PRODUCT INFO"; } #prd .filter-table-data { border: none; } #prd .filter-table-data tr{ border: 1px solid #3f3f3f; display: block; margin-bottom: 10px; } #prd .filter-table-data td{ display: block; position: relative; overflow: hidden; padding: 10px 15px 10px 155px; } #prd .filter-table-data td:last-child{ border-bottom: none; } #prd .filter-table-data td:before { position: absolute; top: 0; left: 0; height: 100%; width: 120px; padding-top: 10px; padding-left: 15px; white-space: nowrap; text-align: left; background: #3f3f3f; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; } #prd .filter-table-data td:nth-of-type(1):before { content: "RESELLER"; } #prd .filter-table-data td:nth-of-type(2):before { content: "COUNTRY"; } #prd .filter-table-data td:nth-of-type(3):before { content: "TYPE"; } #prd .filter-table-data td:nth-of-type(4):before { display: "WEBSITE"; } #prd table td a.link { font-size: 16px; } #prd .searchandfilter > ul { margin-bottom: 25px; } #prd .searchandfilter > ul > li { display: block; margin-bottom: 10px; width: 100%; padding-right: 0; } #prd .searchandfilter > ul > li.sf-field-reset { width: 100%; } } @media only screen and (max-width:767px) { .prd-row { padding-left: 0; padding-right: 0; } #prd .searchandfilter { padding-left: 4%; padding-right: 4%; } } /* ========================================================================== Basic Print styles ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .pulse{ -webkit-animation: pulse-red 2s infinite; animation: pulse-red 2s infinite; } @-webkit-keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { box-shadow: 0 0 0 30px rgba(255, 82, 82, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); } } @keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { box-shadow: 0 0 0 30px rgba(255, 82, 82, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); } }