/* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* * Links. */ .link-text { color: #5b7e96; position: relative; font-weight: 600; text-decoration: none; display: inline-block; text-transform: capitalize; } .link-text:before { content: ""; position: absolute; z-index: 0; width: 100%; bottom: -3px; background: #5b7e96; height: 2px; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transform-origin: right top; -webkit-transform-origin: right top; transform-origin: right top; } .link-text:hover { color: #5b7e96; } .link-text:hover:before { -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; } .btn-orange { position: relative; color: #fff; padding: 11px 49px 10px 23px; border: 1px solid #ff681d; display: inline-block; background: #ff681d; text-transform: uppercase; letter-spacing: 0.10em; font-weight: 600; border-radius: 50px; font-size: 16px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; } @media (max-width: 767px) { .btn-orange { padding: 11px 42px 10px 22px; font-size: 14px; } } .btn-orange:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; height: 260%; background: #fff; opacity: 0; -webkit-transform: scaleX(0.2); -o-transform: scaleX(0.2); transform: scaleX(0.2); -webkit-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .btn-orange:after { content: ""; position: absolute; height: 21px; width: 21px; right: 9px; top: 0; bottom: 0; margin: auto; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; background-size: contain; } @media (max-width: 767px) { .btn-orange:after { right: 12px; } } .btn-orange:hover { color: #ff681d; border: 1px solid #ff681d; background: transparent; -webkit-transition: background 0s ease-in .3s; -o-transition: background 0s ease-in .3s; transition: background 0s ease-in .3s; } .btn-orange:hover:before { opacity: 1; -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); } .btn-orange:hover:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowB.svg) top no-repeat; background-size: contain; } .learn-more { position: relative; background: #fff; padding: 11px 49px 10px 23px; display: inline-block; color: #ff681d; text-transform: uppercase; letter-spacing: 0.10em; font-weight: 600; border-radius: 50px; font-size: 16px; overflow: hidden; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .learn-more:after { content: ""; position: absolute; height: 24px; width: 24px; right: 9px; top: 0; bottom: 0; margin: auto; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowB.svg) top no-repeat; background-size: contain; } .learn-more:hover { color: #fff; background: #ff681d; } .learn-more:hover:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; background-size: contain; } body { margin: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; background: #ffffff !important; -webkit-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03); -o-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03); transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03); /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ } body .rb18.cta:before { content: ''; position: absolute; top: -175px; left: 0; width: 100%; height: 175px; background: #ecf2f7; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(6deg); -webkit-transform: skewY(6deg); transform: skewY(6deg); } @media (min-width: 1500px) { body .rb18.cta:before { -o-transform: skewY(3deg); -webkit-transform: skewY(3deg); transform: skewY(3deg); } } @media (max-width: 991px) { body .rb18.cta:before { display: none; } } body .rb18.cta .bg-img { max-height: 600px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .bg-img { height: 500px; } } @media (max-width: 767px) { body .rb18.cta .bg-img { height: 400px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom { vertical-align: middle; } @media (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom { /* vertical-align: middle; padding-bottom: 0;*/ } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom.active .bottom-nav li { opacity: 1; visibility: visible; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap { text-align: left; max-width: 700px; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap h2 { color: #fff; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap h5 { color: #fff; padding: 9px 0 22px; font-weight: 300; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap { display: none; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { position: relative; color: #ff681d; padding: 25px 80px 22px 38px; display: block; background: #fff; text-transform: uppercase; letter-spacing: 0.095em; font-weight: 400; border-radius: 50px; font-size: 20px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition: color 0.3s ease-in-out, -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out; transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); font-weight: 600; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { padding: 16px 60px 16px 25px; font-size: 18px; } } @media (max-width: 767px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { padding: 16px 60px 14px 26px; font-size: 16px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; height: 205%; background: #ff681d; opacity: 0; -webkit-transform: scaleX(0.2); -o-transform: scaleX(0.2); transform: scaleX(0.2); -webkit-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:after { content: ""; position: absolute; height: 22px; width: 22px; right: 42px; top: 0; bottom: 0; margin: auto; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowB.svg) top no-repeat; -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background-size: contain; } @media (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:after { right: 30px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover { color: #fff; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:before { opacity: 1; -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:after { /*top: 23px;*/ background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; -webkit-transform: scale(1.2) rotate(90deg); -o-transform: scale(1.2) rotate(90deg); transform: scale(1.2) rotate(90deg); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background-size: contain; } @media (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:after { /*top: 13px;*/ } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { position: relative; padding-top: 10px; width: 100%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { padding-top: 10px; } } @media (max-width: 767px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { padding-top: 0px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav:after { content: ""; display: block; clear: both; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { float: left; font-size: 0; width: 25%; text-align: left; padding-left: 10px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { width: 50%; padding-left: 0; } } @media (max-width: 480px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { width: 50%; padding-left: 0; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:first-child { padding-left: 0; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { display: inline-block; position: relative; font-size: 16px; color: #fff; font-weight: 700; margin: 25px 0 24px 45px; text-transform: uppercase; letter-spacing: 0.09em; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 14px; margin: 20px 0px 19px 35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 14px; margin: 20px 0px 19px 23px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 12px; margin: 20px 0px 0 23px; } } @media (max-width: 480px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 12px; margin: 20px 0px 0 23px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:hover:after { -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:after { content: ""; position: absolute; z-index: 0; width: 100%; bottom: -1px; left: 0; background: #ff681d; height: 2px; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transform-origin: right top; -webkit-transform-origin: right top; transform-origin: right top; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { content: ""; position: absolute; left: -45px; top: 0; bottom: 0; margin: auto; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } @media (max-width: 480px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 16px; height: 26px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_howToBuy.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 12px; height: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 10px; height: 17px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 8px; height: 14px; } } @media (max-width: 480px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 8px; height: 14px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 18px; height: 22px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_trials.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 17px; height: 21px; left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 14px; height: 18px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 11px; height: 14px; } } @media (max-width: 480px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 11px; height: 14px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 23px; height: 23px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_webinars.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 20px; height: 20px; left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 18px; height: 18px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 15px; height: 15px; } } @media (max-width: 480px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 15px; height: 15px; } } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 23px; height: 16px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_contact.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 20px; height: 14px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 17px; height: 12px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 16px; height: 11px; } } @media (max-width: 480px) { body .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 16px; height: 11px; } } body .rb18.featured { background-color: #ecf2f7; padding: 66px 0 13px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.featured { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.featured { padding: 30px 0; } } body .rb18.featured .container { padding: 0 5px; } @media (max-width: 767px) { body .rb18.featured .container { padding: 0 10px; } } body .rb18.featured .container .col-three { padding: 87px 85px 0 15px; } @media (min-width: 1201px) and (max-width: 1270px) { body .rb18.featured .container .col-three { padding: 66px 70px 0 15px; } } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.featured .container .col-three { padding: 66px 45px 0 15px; } } @media (max-width: 991px) { body .rb18.featured .container .col-three { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.featured .container .col-three { padding: 0 15px 30px; } } @media (max-width: 767px) { body .rb18.featured .container .col-three { padding: 0 10px 15px; } } body .rb18.featured .container .col-three h2 { text-transform: capitalize; color: #303D49; letter-spacing: -0.010em; } body .rb18.featured .container .col-three p { color: #415464; font-size: 28px; font-weight: 300; line-height: 1.7; letter-spacing: -0.010em; padding: 8px 0 13px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.featured .container .col-three p { font-size: 24px; line-height: 1.6; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.featured .container .col-three p { font-size: 20px; line-height: 1.5; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.featured .container .col-three p { font-size: 18px; line-height: 1.3; } } @media (max-width: 595px) { body .rb18.featured .container .col-three p { font-size: 16px; line-height: 1.3; } } body .rb18.featured .container .col-three .btn-default { position: relative; padding: 11px 50px 10px 23px; display: inline-block; text-transform: uppercase; font-weight: 400; border-radius: 50px; font-size: 16px; margin-top: 15px; } body .rb18.featured .container .col-three .btn-default:after { height: 21px; width: 21px; right: 12px; top: 0; bottom: 0; margin: auto; } body .rb18.featured .container .col-seven { font-size: 0; } @media (max-width: 991px) { body .rb18.featured .container .col-seven { width: 100%; } } body .rb18.featured .container .col-seven .col-two { float: none; display: inline-block; vertical-align: top; margin: 15px; width: calc(50% - 30px); height: 500px; } @media (max-width: 767px) { body .rb18.featured .container .col-seven .col-two { margin: 10px; } } @media (min-width: 681px) and (max-width: 767px) { body .rb18.featured .container .col-seven .col-two { width: calc(50% - 20px); height: 450px; } } @media (max-width: 680px) { body .rb18.featured .container .col-seven .col-two { width: calc(100% - 30px); height: 400px; margin: 15px; } } body .rb18.featured .container .col-seven .col-two .bg-img img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper span { position: absolute; left: 40px; top: 30px; font-size: 16px; font-weight: 400; letter-spacing: 0.03em; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; color: #fff; background: #60B3E5; padding: 3px 15px 4px; border-radius: 20px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper span { left: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper span { left: 25px; } } @media (max-width: 767px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper span { left: 20px; } } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom { text-align: left; padding: 0 37px 30px 40px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 30px 30px 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 25px 25px 25px; } } @media (max-width: 767px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 20px 20px 20px; } } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { color: #fff; font-weight: 300; line-height: 1.57; letter-spacing: -0.01em; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; max-height: 144px; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-ofeaturedrient: vertical; box-orient: vertical; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; } @media (max-width: 1200px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { line-height: 1.2; } } @media (max-width: 595px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { font-size: 18px; } } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 30px; width: 70px; height: 70px; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 20px; } } @media (max-width: 991px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 20px; } } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon img { height: 100%; } @media (max-width: 680px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon img { width: 50px; } } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { position: absolute; bottom: 30px; right: 30px; left: 40px; opacity: 0; max-width: 330px; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 30px; left: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 25px; left: 25px; } } @media (max-width: 767px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 20px; left: 20px; } } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { position: relative; bottom: -40px; color: #fff; font-size: 22px; line-height: 1.2; font-family: "source-sans-pro", sans-serif; font-weight: 300; margin: 18px 0 15px; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; max-height: 144px; -webkit-line-clamp: 4; -moz-line-clamp: 4; -ms-line-clamp: 4; -o-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: bottom 0.5s ease; -o-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 18px; } } @media (max-width: 595px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 16px; } } @-moz-document url-prefix() { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { max-height: 104px; } } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a { position: relative; color: #fff; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; font-weight: 400; bottom: -10px; font-size: 16px; -webkit-transition: bottom 0.5s ease; -o-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } @media (max-width: 767px) { body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a { font-size: 14px; } } body .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a:after { content: ''; position: absolute; right: -30px; top: 0; bottom: 0; margin: auto; width: 21px; height: 21px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA.svg) top no-repeat; } body .rb18.featured .container .col-seven .col-two .inner-content { position: relative; border-radius: 10px; overflow: hidden; width: 100%; bottom: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } body .rb18.featured .container .col-seven .col-two .inner-content:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background: rgba(0, 0, 0, 0.3); } body .rb18.featured .container .col-seven .col-two .inner-content:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+32,000000+32,000000+100&0+0,0+36,0.04+44,0.07+46,0.09+46,0.09+49,0.13+50,0.12+51,0.15+51,0.19+54,0.24+56,0.24+56,0.28+57,0.3+59,0.34+59,0.32+60,0.36+60,0.39+61,0.73+71,0.9+78,0.97+83,0.99+87,1+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(32%, transparent), color-stop(36%, transparent), color-stop(44%, rgba(0, 0, 0, 0.04)), color-stop(46%, rgba(0, 0, 0, 0.09)), color-stop(49%, rgba(0, 0, 0, 0.09)), color-stop(50%, rgba(0, 0, 0, 0.13)), color-stop(51%, rgba(0, 0, 0, 0.15)), color-stop(54%, rgba(0, 0, 0, 0.19)), color-stop(56%, rgba(0, 0, 0, 0.24)), color-stop(57%, rgba(0, 0, 0, 0.28)), color-stop(59%, rgba(0, 0, 0, 0.34)), color-stop(60%, rgba(0, 0, 0, 0.36)), color-stop(61%, rgba(0, 0, 0, 0.39)), color-stop(71%, rgba(0, 0, 0, 0.73)), color-stop(78%, rgba(0, 0, 0, 0.9)), color-stop(83%, rgba(0, 0, 0, 0.97)), color-stop(87%, rgba(0, 0, 0, 0.99)), to(black)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0); /* IE6-9 */ } body .rb18.featured .container .col-seven .col-two .inner-content > a { position: absolute; width: 100%; height: 100%; z-index: 4; left: 0; top: 0; } body .rb18.featured .container .col-seven .col-two .inner-content .bg-img { height: 500px; } @media (min-width: 681px) and (max-width: 767px) { body .rb18.featured .container .col-seven .col-two .inner-content .bg-img { height: 450px; } } @media (max-width: 680px) { body .rb18.featured .container .col-seven .col-two .inner-content .bg-img { height: 400px; } } body .rb18.featured .container .col-seven .col-two.active .inner-content { position: absolute; bottom: 45px; opacity: 1; z-index: 5; } body .rb18.featured .container .col-seven .col-two.active .inner-content:before { background: rgba(48, 61, 73, 0.9); } body .rb18.featured .container .col-seven .col-two.active .inner-content:after { opacity: 0; } body .rb18.featured .container .col-seven .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .icon, body .rb18.featured .container .col-seven .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom h5 { -webkit-transform: translateY(-145px); -o-transform: translateY(-145px); transform: translateY(-145px); } body .rb18.featured .container .col-seven .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info { opacity: 1; } body .rb18.featured .container .col-seven .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info p, body .rb18.featured .container .col-seven .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info a { bottom: 0; } body .rb18.featured .container .col-seven .col-two.active.left .inner-content { -o-transform: scale(1.15, 1.1) translateX(26px); -webkit-transform: scale(1.15, 1.1) translateX(26px); transform: scale(1.15, 1.1) translateX(26px); } @media (max-width: 991px) { body .rb18.featured .container .col-seven .col-two.active.left .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.featured .container .col-seven .col-two.active.right .inner-content { -o-transform: scale(1.15, 1.1) translateX(-26px); -webkit-transform: scale(1.15, 1.1) translateX(-26px); transform: scale(1.15, 1.1) translateX(-26px); } @media (max-width: 991px) { body .rb18.featured .container .col-seven .col-two.active.right .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.featured .container .col-seven .col-two.active:hover .inner-content { /*@include transform(scale(1, 1) translateX(0));*/ -webkit-box-shadow: none; box-shadow: none; } body .rb18.featured .container .col-seven .col-two:hover .inner-content { -webkit-transform: scale(1.04, 1.04); -o-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.5); } body.ie-all .rb18.featured .container .col-seven .col-two { margin: 14.5px; width: calc(50% - 30px); } body.ie-all .rb18.featured .container .col-seven .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { max-height: 104px; } body .rb18.resource-cards { background: #ecf2f7; overflow: visible; min-height: 472px; padding: 248px 0 100px; margin-top: -214px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards { padding: 200px 0 80px; } } @media (max-width: 991px) { body .rb18.resource-cards { margin-top: 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.resource-cards { padding: 30px 0; } } body .rb18.resource-cards:before { content: ''; position: absolute; left: 0; width: 100%; height: 145px; top: 0; background: #ecf2f7; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-5deg); } @media (min-width: 1500px) { body .rb18.resource-cards:before { -o-transform: skewY(-3deg); -webkit-transform: skewY(-3deg); transform: skewY(-3deg); } } @media (max-width: 991px) { body .rb18.resource-cards:before { display: none; } } body .rb18.resource-cards .container { padding: 0 5px; } @media (max-width: 767px) { body .rb18.resource-cards .container { padding: 0 10px; } } body .rb18.resource-cards .container .head-wrap { padding: 0 15px; text-align: center; } body .rb18.resource-cards .container .head-wrap h2 { color: #303D49; } body .rb18.resource-cards .container .head-wrap p { color: #303D49; font-size: 28px; font-weight: 300; padding-top: 3px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards .container .head-wrap p { font-size: 26px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards .container .head-wrap p { font-size: 24px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.resource-cards .container .head-wrap p { font-size: 20px; } } @media (max-width: 595px) { body .rb18.resource-cards .container .head-wrap p { font-size: 18px; } } body .rb18.resource-cards .container .column-wrapper { position: relative; width: 100%; z-index: 3; margin-top: 74px; font-size: 0; text-align: center; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards .container .column-wrapper { margin-top: 80px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper { margin-top: 40px; } } @media (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper { margin-top: 23px; } } body .rb18.resource-cards .container .column-wrapper .col-three { float: none; display: inline-block; vertical-align: top; border-radius: 10px; margin: 15px; width: calc(33.333% - 30px); height: 500px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three { width: calc(50% - 30px); } } @media (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper .col-three { margin: 10px; } } @media (min-width: 681px) and (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper .col-three { width: calc(50% - 20px); height: 450px; } } @media (max-width: 680px) { body .rb18.resource-cards .container .column-wrapper .col-three { width: calc(100% - 30px); height: 400px; margin: 15px; } } body .rb18.resource-cards .container .column-wrapper .col-three:nth-child(1) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 61px; } body .rb18.resource-cards .container .column-wrapper .col-three:nth-child(2) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 54px; } body .rb18.resource-cards .container .column-wrapper .col-three:nth-child(3) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 72px; } body .rb18.resource-cards .container .column-wrapper .col-three .bg-img img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper span { position: absolute; left: 40px; top: 30px; font-size: 16px; font-weight: 400; letter-spacing: 0.03em; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; color: #fff; background: #60B3E5; padding: 3px 15px 4px; border-radius: 20px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper span { left: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper span { left: 25px; } } @media (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper span { left: 20px; } } body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom { text-align: left; padding: 0 37px 27px 40px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 30px 27px 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 25px 25px 25px; } } @media (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 20px 20px 20px; } } body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom h5 { color: #fff; font-weight: 300; line-height: 1.57; letter-spacing: -0.01em; /*max-width: 330px;*/ text-overflow: ellipsis; display: -webkit-box; overflow: hidden; max-height: 144px; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; } @media (max-width: 1200px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom h5 { line-height: 1.2; } } @media (max-width: 595px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom h5 { font-size: 18px; } } body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 30px; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 20px; } } @media (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 20px; } } @media (max-width: 680px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .icon img { width: 50px; } } body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info { position: absolute; bottom: 30px; right: 30px; left: 40px; opacity: 0; max-width: 330px; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 30px; left: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 25px; left: 25px; } } @media (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 20px; left: 20px; } } body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info p { position: relative; bottom: -40px; color: #fff; font-size: 22px; line-height: 1.2; font-family: "source-sans-pro", sans-serif; font-weight: 300; margin: 18px 0 15px; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; max-height: 144px; -webkit-line-clamp: 4; -moz-line-clamp: 4; -ms-line-clamp: 4; -o-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: bottom 0.5s ease; -o-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 18px; } } @media (max-width: 595px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 16px; } } @-moz-document url-prefix() { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info p { max-height: 104px; } } body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info a { position: relative; color: #fff; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; font-weight: 400; bottom: -10px; font-size: 16px; -webkit-transition: bottom 0.5s ease; -o-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } @media (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info a { font-size: 14px; } } body .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info a:after { content: ''; position: absolute; right: -30px; top: 0; bottom: 0; margin: auto; width: 21px; height: 21px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA.svg) top no-repeat; } body .rb18.resource-cards .container .column-wrapper .col-three .inner-content { position: relative; border-radius: 10px; overflow: hidden; width: 100%; bottom: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } body .rb18.resource-cards .container .column-wrapper .col-three .inner-content:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background: rgba(0, 0, 0, 0.3); } body .rb18.resource-cards .container .column-wrapper .col-three .inner-content:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+32,000000+32,000000+100&0+0,0+36,0.04+44,0.07+46,0.09+46,0.09+49,0.13+50,0.12+51,0.15+51,0.19+54,0.24+56,0.24+56,0.28+57,0.3+59,0.34+59,0.32+60,0.36+60,0.39+61,0.73+71,0.9+78,0.97+83,0.99+87,1+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(32%, transparent), color-stop(36%, transparent), color-stop(44%, rgba(0, 0, 0, 0.04)), color-stop(46%, rgba(0, 0, 0, 0.09)), color-stop(49%, rgba(0, 0, 0, 0.09)), color-stop(50%, rgba(0, 0, 0, 0.13)), color-stop(51%, rgba(0, 0, 0, 0.15)), color-stop(54%, rgba(0, 0, 0, 0.19)), color-stop(56%, rgba(0, 0, 0, 0.24)), color-stop(57%, rgba(0, 0, 0, 0.28)), color-stop(59%, rgba(0, 0, 0, 0.34)), color-stop(60%, rgba(0, 0, 0, 0.36)), color-stop(61%, rgba(0, 0, 0, 0.39)), color-stop(71%, rgba(0, 0, 0, 0.73)), color-stop(78%, rgba(0, 0, 0, 0.9)), color-stop(83%, rgba(0, 0, 0, 0.97)), color-stop(87%, rgba(0, 0, 0, 0.99)), to(black)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } body .rb18.resource-cards .container .column-wrapper .col-three .inner-content > a { position: absolute; width: 100%; height: 100%; z-index: 4; left: 0; top: 0; } body .rb18.resource-cards .container .column-wrapper .col-three .inner-content .bg-img { height: 500px; } @media (min-width: 681px) and (max-width: 767px) { body .rb18.resource-cards .container .column-wrapper .col-three .inner-content .bg-img { height: 450px; } } @media (max-width: 680px) { body .rb18.resource-cards .container .column-wrapper .col-three .inner-content .bg-img { height: 400px; } } body .rb18.resource-cards .container .column-wrapper .col-three.active { z-index: 9; } body .rb18.resource-cards .container .column-wrapper .col-three.active .inner-content { position: absolute; bottom: 45px; opacity: 1; z-index: 5; } body .rb18.resource-cards .container .column-wrapper .col-three.active .inner-content:before { background: rgba(48, 61, 73, 0.9); } body .rb18.resource-cards .container .column-wrapper .col-three.active .inner-content:after { opacity: 0; } body .rb18.resource-cards .container .column-wrapper .col-three.active .v-middle-wrapper .v-middle-inner .v-bottom .icon, body .rb18.resource-cards .container .column-wrapper .col-three.active .v-middle-wrapper .v-middle-inner .v-bottom h5 { -webkit-transform: translateY(-145px); -o-transform: translateY(-145px); transform: translateY(-145px); } body .rb18.resource-cards .container .column-wrapper .col-three.active .v-middle-wrapper .v-middle-inner .v-bottom .info { opacity: 1; } body .rb18.resource-cards .container .column-wrapper .col-three.active .v-middle-wrapper .v-middle-inner .v-bottom .info p, body .rb18.resource-cards .container .column-wrapper .col-three.active .v-middle-wrapper .v-middle-inner .v-bottom .info a { bottom: 0; } body .rb18.resource-cards .container .column-wrapper .col-three.active.left .inner-content { -o-transform: scale(1.15, 1.1) translateX(26px); -webkit-transform: scale(1.15, 1.1) translateX(26px); transform: scale(1.15, 1.1) translateX(26px); } @media (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three.active.left .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.resource-cards .container .column-wrapper .col-three.active.center .inner-content { -o-transform: scale(1.15, 1.1); -webkit-transform: scale(1.15, 1.1); transform: scale(1.15, 1.1); } @media (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three.active.center .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.resource-cards .container .column-wrapper .col-three.active.right .inner-content { -o-transform: scale(1.15, 1.1) translateX(-26px); -webkit-transform: scale(1.15, 1.1) translateX(-26px); transform: scale(1.15, 1.1) translateX(-26px); } @media (max-width: 991px) { body .rb18.resource-cards .container .column-wrapper .col-three.active.right .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.resource-cards .container .column-wrapper .col-three.active:hover .inner-content { /*@include transform(scale(1, 1) translateX(0));*/ -webkit-box-shadow: none; box-shadow: none; } body .rb18.resource-cards .container .column-wrapper .col-three:hover .inner-content { -webkit-transform: scale(1.04, 1.04); -o-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.5); } body.ie-all .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .info p { max-height: 125px; } body.ie-all .rb18.resource-cards .container .column-wrapper .col-three .v-middle-wrapper .v-middle-inner .v-bottom .icon img { height: 100%; } body .rb18.resource-slider { padding: 109px 0 151px; z-index: 1; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-slider { padding: 50px 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-slider { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.resource-slider { padding: 30px 0; } } body .rb18.resource-slider .slider-wrap { float: left; width: 100%; } body .rb18.resource-slider .slider-wrap .resource-wrap { float: none; width: 100%; } body .rb18.resource-slider .slider-wrap .resource-wrap .box { float: left; width: 100%; display: table; outline: none; } @media (max-width: 1200px) { body .rb18.resource-slider .slider-wrap .resource-wrap .box { margin: 0 auto; } } body .rb18.resource-slider .slider-wrap .resource-wrap .box h2 { color: #303D49; text-align: center; padding: 0 40px 35px; } @media (max-width: 767px) { body .rb18.resource-slider .slider-wrap .resource-wrap .box h2 { padding: 0 0 20px; } } body .rb18.resource-slider .slider-wrap .resource-wrap .box .box-wrap { max-width: 700px; margin: 0 auto; } body .rb18.resource-slider .slider-wrap .resource-wrap .box .box-wrap .image-box { width: 32%; display: table-cell; vertical-align: middle; max-width: 269px; } @media (max-width: 480px) { body .rb18.resource-slider .slider-wrap .resource-wrap .box .box-wrap .image-box { width: 100%; display: block; margin: 0 auto; } } body .rb18.resource-slider .slider-wrap .resource-wrap .box .box-wrap .text-contain { width: 50%; display: table-cell; vertical-align: middle; padding: 24px 0 0 43px; } @media (max-width: 480px) { body .rb18.resource-slider .slider-wrap .resource-wrap .box .box-wrap .text-contain { width: 100%; display: block; text-align: center; padding: 15px 0 0 0; } } body .rb18.resource-slider .slider-wrap .resource-wrap .box .box-wrap .text-contain h5 { line-height: 1.73; font-weight: 300; color: #303D49; letter-spacing: -0.001em; } body .rb18.resource-slider .slider-wrap .resource-wrap .box .box-wrap .text-contain .button-wrap { margin-top: 25px; padding-left: 2px; } @media (max-width: 480px) { body .rb18.resource-slider .slider-wrap .resource-wrap .box .box-wrap .text-contain .button-wrap { margin-top: 20px; } } body .rb18.resource-slider .slider-wrap .slick-dots { padding: 33px 0 5px; float: left; width: 100%; text-align: center; } body .rb18.resource-slider .slider-wrap .slick-dots li { display: inline-block; width: 29px; cursor: pointer; position: relative; } body .rb18.resource-slider .slider-wrap .slick-dots li:after { content: ''; width: 100%; height: 100%; } body .rb18.resource-slider .slider-wrap .slick-dots li button { display: block; width: 13px; height: 13px; background: #303D49; border-radius: 20px; cursor: pointer; margin: 0 auto; font-size: 0; outline: none; } body .rb18.resource-slider .slider-wrap .slick-dots li.slick-active:after { border: 2px solid #5FB4E5; border-radius: 50%; height: 23px; width: 23px; position: absolute; top: -7px; left: 1px; -webkit-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 450ms; -o-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } body .rb18.resource-slider .slider-wrap .slick-dots li.slick-active button { background: #5FB4E5; } body .rb18.resource-slider .slider-wrap .slick-dots li:hover button { background: #5FB4E5; } body .rb18.resource-slider .slider-wrap .slick-prev { display: none !important; } body .rb18.resource-slider .slider-wrap .slick-next { display: none !important; } body .rb18.hero-slider { padding: 0; z-index: 1; background: #092136; } body .rb18.hero-slider:after { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 145px; background: #fff; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(5deg) translateZ(700px); -webkit-transform: skewY(5deg) translateZ(700px); transform: skewY(5deg) translateZ(700px); z-index: 9999; } @media (max-width: 991px) { body .rb18.hero-slider:after { display: none; } } @media (min-width: 1500px) { body .rb18.hero-slider:after { -o-transform: skewY(3deg) translateZ(700px); -webkit-transform: skewY(3deg) translateZ(700px); transform: skewY(3deg) translateZ(700px); } } body .rb18.hero-slider .hover { margin-top: 0; } body .rb18.hero-slider .hover.hover-active { margin-top: -5px; } body .rb18.hero-slider .slide-container .slide-item { float: left; width: 100%; left: 0; height: 100%; background: #092136; position: relative; } body .rb18.hero-slider .slide-container .slide-item .bg-img { height: 739px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.hero-slider .slide-container .slide-item .bg-img { height: 600px; overflow: visible; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.hero-slider .slide-container .slide-item .bg-img { height: 570px; overflow: visible; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.hero-slider .slide-container .slide-item .bg-img { height: 500px; overflow: visible; } } @media (max-width: 480px) { body .rb18.hero-slider .slide-container .slide-item .bg-img { height: 450px; overflow: visible; } } body .rb18.hero-slider .slide-container .slide-item .bg-img img { height: inherit; width: auto; min-width: 100%; -o-object-fit: cover; object-fit: cover; } body .rb18.hero-slider .slide-container .slide-item svg { position: absolute; top: -50%; left: 0; width: 100%; height: 200%; } body .rb18.hero-slider .slide-container .slide-item svg#layer_inner { -webkit-animation: vectorRotator 15s linear infinite; -o-animation: vectorRotator 15s linear infinite; animation: vectorRotator 15s linear infinite; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper { height: 100%; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top { vertical-align: middle; } @media (max-width: 991px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top { padding-top: 60px; } } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 { display: inline-block; width: 100%; font-size: 70px; font-weight: 300; height: 84px; text-transform: uppercase; color: #fff; line-height: 1.2; letter-spacing: .425em; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 { font-size: 66px; height: 79px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 { font-size: 60px; height: 72px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 { font-size: 52px; height: 62px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 { font-size: 44px; height: 52px; } } @media (max-width: 480px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 { font-size: 35px; height: 42px; } } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 span { position: absolute; top: 0; left: 0; width: 100%; /*height: 100%;*/ display: inline-block; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 .banner-move-up { margin-left: 1%; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 .banner-move-up.last-slide-animate { margin-left: 0; letter-spacing: 0.04em; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 .banner-move-up.load-complete { -webkit-animation: fadeInUp .6s linear 0s forwards; -o-animation: fadeInUp .6s linear 0s forwards; animation: fadeInUp .6s linear 0s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 .banner-move-up.load-complete.hide { -webkit-animation: fadeOut .6s linear 0s forwards; -o-animation: fadeOut .6s linear 0s forwards; animation: fadeOut .6s linear 0s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 .banner-move-up.load-complete.last-slide-animate { -webkit-animation: fadeInUp 1s linear 6.3s forwards; -o-animation: fadeInUp 1s linear 6.3s forwards; animation: fadeInUp 1s linear 6.3s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 .banner-move-up.secondary-animation { -webkit-animation: SecondaryFadeIn .6s linear 0s forwards; -o-animation: SecondaryFadeIn .6s linear 0s forwards; animation: SecondaryFadeIn .6s linear 0s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 .banner-move-up.secondary-animation.hide { -webkit-animation: fadeOut .6s linear 0s forwards; -o-animation: fadeOut .6s linear 0s forwards; animation: fadeOut .6s linear 0s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h1 .banner-move-up.secondary-animation.last-slide-animate { -webkit-animation: SecondaryFadeIn 1s linear 8.6s forwards; -o-animation: SecondaryFadeIn 1s linear 8.6s forwards; animation: SecondaryFadeIn 1s linear 8.6s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases { position: relative; height: 84px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases { height: 74px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases { height: 60px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases { height: 48px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases { height: 32px; } } @media (max-width: 480px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases { height: 24px; } } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2, body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2 > span { /* Centering with flexbox */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2 { font-size: 70px; text-transform: uppercase; color: #fff; visibility: hidden; visibility: visible\ie9; line-height: 1.2; width: 100%; overflow: hidden; text-transform: uppercase; padding: 0; margin: 0; position: absolute; top: 0; left: 0; /*left: 50%;*/ /*transform: translateX(-50%);*/ letter-spacing: 0.14em; text-align: center; } @media (min-width: 1201px) and (max-width: 1370px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2 { font-size: 48px; } } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2 { font-size: 38px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2 { font-size: 29px; letter-spacing: 0.1em; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2 { font-size: 26px; letter-spacing: 0.07em; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2 { font-size: 28px; letter-spacing: 0.04em; } } @media (max-width: 480px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2 { font-size: 20px; /*letter-spacing: 0.04em;*/ } } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete > span { margin: 0 15px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete > span { margin: 0 10px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete > span { margin: 0 8px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete > span { margin: 0 6px; } } @media (max-width: 480px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete > span { margin: 0 6px; } } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete > span > span { display: inline-block; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete > span > span > span { display: inline-block; color: transparent; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: OpeningSequence 2s linear forwards; -o-animation: OpeningSequence 2s linear forwards; animation: OpeningSequence 2s linear forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete:nth-child(1) > span > span > span { -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete:nth-child(2) > span > span > span { -webkit-animation-delay: 2.3s; -o-animation-delay: 2.3s; animation-delay: 2.3s; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete:nth-child(3) > span > span > span { -webkit-animation-delay: 4.3s; -o-animation-delay: 4.3s; animation-delay: 4.3s; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.load-complete:nth-child(4) > span > span > span { -webkit-animation: FadeIn 1s linear 6.7s forwards; -o-animation: FadeIn 1s linear 6.7s forwards; animation: FadeIn 1s linear 6.7s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.secondary-animation { display: inline-block; visibility: hidden; visibility: visible\ie9; -webkit-animation: SecondaryOpeningSequence 2.5s linear forwards; -o-animation: SecondaryOpeningSequence 2.5s linear forwards; animation: SecondaryOpeningSequence 2.5s linear forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.secondary-animation:nth-child(1) { -webkit-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.secondary-animation:nth-child(2) { -webkit-animation-delay: 3.5s; -o-animation-delay: 3.5s; animation-delay: 3.5s; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.secondary-animation:nth-child(3) { -webkit-animation-delay: 6s; -o-animation-delay: 6s; animation-delay: 6s; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .os-phrases h2.secondary-animation:nth-child(4) { -webkit-animation: SecondaryFadeIn 1s linear 9.2s forwards; -o-animation: SecondaryFadeIn 1s linear 9.2s forwards; animation: SecondaryFadeIn 1s linear 9.2s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h5 { display: inline-block; width: 100%; font-size: 48px; text-transform: uppercase; color: #fff; font-weight: 300; padding: 22px 0 15px; letter-spacing: 0.025em; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h5 { font-size: 37px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h5 { font-size: 32px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h5 { font-size: 28px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h5 { font-size: 23px; padding: 30px 0 10px; } } @media (max-width: 480px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h5 { font-size: 18px; padding: 30px 0 10px; } } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h5.last-slide-animate.load-complete { -webkit-animation: fadeInUp .4s linear 7.7s forwards; -o-animation: fadeInUp .4s linear 7.7s forwards; animation: fadeInUp .4s linear 7.7s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top h5.last-slide-animate.secondary-animation { -webkit-animation: SecondaryFadeIn .8s linear 10s forwards; -o-animation: SecondaryFadeIn .8s linear 10s forwards; animation: SecondaryFadeIn .8s linear 10s forwards; } @media (max-width: 595px) { body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .hero-scale-zoom-animate.last-slide-animate { font-size: 12px; } } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .hero-scale-zoom-animate.last-slide-animate.load-complete { -webkit-animation: scaleZoomIn .5s linear 8.1s forwards; -o-animation: scaleZoomIn .5s linear 8.1s forwards; animation: scaleZoomIn .5s linear 8.1s forwards; } body .rb18.hero-slider .slide-container .slide-item .v-middle-wrapper .v-middle-inner .v-top .hero-scale-zoom-animate.last-slide-animate.secondary-animation { -webkit-animation: SecondaryFadeIn .8s linear 10.8s forwards; -o-animation: SecondaryFadeIn .8s linear 10.8s forwards; animation: SecondaryFadeIn .8s linear 10.8s forwards; } body .rb18.hero-slider .c-example__tilt-inner { -webkit-transform: translateZ(50px) translateY(-50%) translateX(-50%); transform: translateZ(50px) translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; background-color: white; -webkit-box-shadow: 0 0 50px 0 rgba(51, 51, 51, 0.3); box-shadow: 0 0 50px 0 rgba(51, 51, 51, 0.3); } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3) translate3d(0, 0, 0); transform: scale(0.3) translate3d(0, 0, 0); } 50% { opacity: 0.9; -webkit-transform: scale(1.1); transform: scale(1.1); } 80% { opacity: 1; -webkit-transform: scale(0.89); transform: scale(0.89); } 100% { opacity: 1; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } } @-o-keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) translate3d(0, 0, 0); } 50% { opacity: 0.9; -o-transform: scale(1.1); transform: scale(1.1); } 80% { opacity: 1; -o-transform: scale(0.89); transform: scale(0.89); } 100% { opacity: 1; transform: scale(1) translate3d(0, 0, 0); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3) translate3d(0, 0, 0); transform: scale(0.3) translate3d(0, 0, 0); } 50% { opacity: 0.9; -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 80% { opacity: 1; -webkit-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89); } 100% { opacity: 1; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } } @-webkit-keyframes OpeningSequence { 0% { text-shadow: 0 0 50px #fff; letter-spacing: 80px; opacity: 0; -webkit-transform: rotateY(-90deg); } 30% { text-shadow: 0 0 1px #fff; letter-spacing: 20px; opacity: 0.8; -webkit-transform: rotateY(0deg); } 50% { text-shadow: 0 0 0 #fff; opacity: 1; letter-spacing: .14em; -webkit-transform: rotateY(0deg) translateZ(100px); } 80% { text-shadow: 0 0 0 #fff; opacity: 1; letter-spacing: .14em; -webkit-transform: rotateY(0deg) translateZ(100px); } 90% { text-shadow: 0 0 6px #fff; opacity: .8; -webkit-transform: rotateY(0deg) translateZ(100px); } 100% { text-shadow: 0 0 10px #fff; opacity: 0; -webkit-transform: translateZ(130px); pointer-events: none; } } @-o-keyframes OpeningSequence { 0% { text-shadow: 0 0 50px #fff; letter-spacing: 80px; opacity: 0; -webkit-transform: rotateY(-90deg); } 30% { text-shadow: 0 0 1px #fff; letter-spacing: 20px; opacity: 0.8; -webkit-transform: rotateY(0deg); } 50% { text-shadow: 0 0 0 #fff; opacity: 1; letter-spacing: .14em; -webkit-transform: rotateY(0deg) translateZ(100px); } 80% { text-shadow: 0 0 0 #fff; opacity: 1; letter-spacing: .14em; -webkit-transform: rotateY(0deg) translateZ(100px); } 90% { text-shadow: 0 0 6px #fff; opacity: .8; -webkit-transform: rotateY(0deg) translateZ(100px); } 100% { text-shadow: 0 0 10px #fff; opacity: 0; -webkit-transform: translateZ(130px); pointer-events: none; } } @keyframes OpeningSequence { 0% { text-shadow: 0 0 50px #fff; letter-spacing: 80px; opacity: 0; -webkit-transform: rotateY(-90deg); } 30% { text-shadow: 0 0 1px #fff; letter-spacing: 20px; opacity: 0.8; -webkit-transform: rotateY(0deg); } 50% { text-shadow: 0 0 0 #fff; opacity: 1; letter-spacing: .14em; -webkit-transform: rotateY(0deg) translateZ(100px); } 80% { text-shadow: 0 0 0 #fff; opacity: 1; letter-spacing: .14em; -webkit-transform: rotateY(0deg) translateZ(100px); } 90% { text-shadow: 0 0 6px #fff; opacity: .8; -webkit-transform: rotateY(0deg) translateZ(100px); } 100% { text-shadow: 0 0 10px #fff; opacity: 0; -webkit-transform: translateZ(130px); pointer-events: none; } } @-webkit-keyframes SecondaryOpeningSequence { 0% { visibility: visible; opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; } 70% { opacity: 1; } 96% { opacity: 0; } 100% { opacity: 0; pointer-events: none; } } @-o-keyframes SecondaryOpeningSequence { 0% { visibility: visible; opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; } 70% { opacity: 1; } 96% { opacity: 0; } 100% { opacity: 0; pointer-events: none; } } @keyframes SecondaryOpeningSequence { 0% { visibility: visible; opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; } 70% { opacity: 1; } 96% { opacity: 0; } 100% { opacity: 0; pointer-events: none; } } @-webkit-keyframes FadeIn { 0% { visibility: visible; opacity: 0; text-shadow: 0 0 50px #fff; } 100% { opacity: 1; text-shadow: 0 0 0 #fff; } } @-o-keyframes FadeIn { 0% { opacity: 0; text-shadow: 0 0 50px #fff; } 100% { opacity: 1; text-shadow: 0 0 0 #fff; } } @keyframes FadeIn { 0% { opacity: 0; text-shadow: 0 0 50px #fff; } 100% { opacity: 1; text-shadow: 0 0 0 #fff; } } @-webkit-keyframes SecondaryFadeIn { 0% { opacity: 0; } 100% { visibility: visible; opacity: 1; } } @-o-keyframes SecondaryFadeIn { 0% { opacity: 0; } 100% { visibility: visible; opacity: 1; } } @keyframes SecondaryFadeIn { 0% { opacity: 0; } 100% { visibility: visible; opacity: 1; } } @-webkit-keyframes vectorRotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes vectorRotator { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 25% { -o-transform: rotate(90deg); transform: rotate(90deg); } 50% { -o-transform: rotate(180deg); transform: rotate(180deg); } 75% { -o-transform: rotate(270deg); transform: rotate(270deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes vectorRotator { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } body .rb18.cards { position: relative; padding: 26px 0 81px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.cards { padding: 26px 0 81px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cards { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.cards { padding: 30px 0; } } body .rb18.cards .globe_graphic { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; } @media (max-width: 991px) { body .rb18.cards .globe_graphic { height: 100%; } } body .rb18.cards .globe_graphic .bg-img { margin: 0 auto; max-width: 1260px; text-align: center; } @media (max-width: 991px) { body .rb18.cards .globe_graphic .bg-img { height: 100%; } } @media (max-width: 991px) { body .rb18.cards .globe_graphic .bg-img img { height: 100%; width: auto; max-width: inherit; } } body .rb18.cards .container { padding: 0 5px; } @media (max-width: 767px) { body .rb18.cards .container { padding: 0 20px; } } body .rb18.cards .container .head-wrap { max-width: 830px; padding: 0 15px; margin: 0 auto; text-align: center; } @media (max-width: 595px) { body .rb18.cards .container .head-wrap { padding: 0; } } body .rb18.cards .container .head-wrap h2 { color: #303D49; } body .rb18.cards .container .head-wrap p { font-size: 28px; color: #303D49; font-weight: 300; padding-top: 12px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.cards .container .head-wrap p { font-size: 26px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cards .container .head-wrap p { font-size: 24px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cards .container .head-wrap p { font-size: 20px; } } @media (max-width: 595px) { body .rb18.cards .container .head-wrap p { font-size: 18px; } } body .rb18.cards .container .column-wrapper { position: relative; z-index: 1; margin-top: 36px; text-align: center; font-size: 0; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.cards .container .column-wrapper { margin-top: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cards .container .column-wrapper { margin-top: 25px; } } @media (max-width: 767px) { body .rb18.cards .container .column-wrapper { margin-top: 15px; } } body .rb18.cards .container .column-wrapper.box-1 .col { width: calc(100% - 30px); max-width: 400px; } body .rb18.cards .container .column-wrapper.box-2 .col { width: calc(50% - 30px); } @media (max-width: 767px) { body .rb18.cards .container .column-wrapper.box-2 .col { width: calc(100% - 10px); } } body .rb18.cards .container .column-wrapper.box-3 .col { width: calc(33.333% - 30px); } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cards .container .column-wrapper.box-3 .col { width: calc(50% - 30px); } } @media (max-width: 767px) { body .rb18.cards .container .column-wrapper.box-3 .col { width: calc(100% - 10px); } } body .rb18.cards .container .column-wrapper.box-4 .col { width: calc(25% - 30px); } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.cards .container .column-wrapper.box-4 .col { width: calc(33.333% - 30px); } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cards .container .column-wrapper.box-4 .col { width: calc(50% - 30px); } } @media (max-width: 767px) { body .rb18.cards .container .column-wrapper.box-4 .col { width: calc(100% - 10px); } } body .rb18.cards .container .column-wrapper .col { margin: 15px; float: none; display: inline-block; vertical-align: top; border-radius: 10px; background: #fff; text-align: center; -webkit-box-shadow: 0px 0px 5px 1px rgba(173, 168, 173, 0.2); box-shadow: 0px 0px 5px 1px rgba(173, 168, 173, 0.2); -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; } @media (max-width: 767px) { body .rb18.cards .container .column-wrapper .col { margin: 15px 5px; } } body .rb18.cards .container .column-wrapper .col .inner-content { padding-bottom: 36px; } @media (max-width: 991px) { body .rb18.cards .container .column-wrapper .col .inner-content { padding-bottom: 30px; position: relative; top: 0%; } } body .rb18.cards .container .column-wrapper .col > a { position: absolute; width: 100%; height: 100%; z-index: 4; left: 0; top: 0; } body .rb18.cards .container .column-wrapper .col:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(224, 234, 241, 0.57) 0%, rgba(224, 234, 241, 0.44) 7%, rgba(224, 234, 241, 0.2) 16%, rgba(224, 234, 241, 0.14) 19%, rgba(224, 234, 241, 0.06) 25%, rgba(224, 234, 241, 0.02) 30%, rgba(224, 234, 241, 0) 34%, rgba(224, 234, 241, 0) 38%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 234, 241, 0.57)), color-stop(7%, rgba(224, 234, 241, 0.44)), color-stop(16%, rgba(224, 234, 241, 0.2)), color-stop(19%, rgba(224, 234, 241, 0.14)), color-stop(25%, rgba(224, 234, 241, 0.06)), color-stop(30%, rgba(224, 234, 241, 0.02)), color-stop(34%, rgba(224, 234, 241, 0)), color-stop(38%, rgba(224, 234, 241, 0)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, rgba(224, 234, 241, 0.57) 0%, rgba(224, 234, 241, 0.44) 7%, rgba(224, 234, 241, 0.2) 16%, rgba(224, 234, 241, 0.14) 19%, rgba(224, 234, 241, 0.06) 25%, rgba(224, 234, 241, 0.02) 30%, rgba(224, 234, 241, 0) 34%, rgba(224, 234, 241, 0) 38%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(224, 234, 241, 0.57) 0%, rgba(224, 234, 241, 0.44) 7%, rgba(224, 234, 241, 0.2) 16%, rgba(224, 234, 241, 0.14) 19%, rgba(224, 234, 241, 0.06) 25%, rgba(224, 234, 241, 0.02) 30%, rgba(224, 234, 241, 0) 34%, rgba(224, 234, 241, 0) 38%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e0eaf1', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } body .rb18.cards .container .column-wrapper .col .title-container { padding: 39px 26px 26px; margin-bottom: 30px; border-radius: 10px 10px 0 0; } @media (max-width: 991px) { body .rb18.cards .container .column-wrapper .col .title-container { padding: 30px 20px 22px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cards .container .column-wrapper .col .title-container { margin-bottom: 45px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cards .container .column-wrapper .col .title-container { margin-bottom: 45px; } } body .rb18.cards .container .column-wrapper .col.vector-1 .title-container { position: relative; background: #ff681d; } body .rb18.cards .container .column-wrapper .col.vector-1 .title-container:after { content: ""; position: absolute; bottom: -21px; left: 0; width: 100%; height: 22px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/vector-shape-1.png"); background-position: 50% 50%; background-size: cover; } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cards .container .column-wrapper .col.vector-1 .title-container:after { bottom: -36px; height: 37px; background-position: 50% 100%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cards .container .column-wrapper .col.vector-1 .title-container:after { bottom: -34px; height: 35px; background-position: 50% 100%; } } body .rb18.cards .container .column-wrapper .col.vector-1 .title-container:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/vector-1.png) no-repeat; background-size: 100%; } body .rb18.cards .container .column-wrapper .col.vector-2 .title-container { position: relative; background: #5FB4E5; } body .rb18.cards .container .column-wrapper .col.vector-2 .title-container:after { content: ""; position: absolute; bottom: -21px; left: 0; width: 100%; height: 22px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/vector-shape-2.png"); background-size: cover; background-position: 50% 50%; } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cards .container .column-wrapper .col.vector-2 .title-container:after { bottom: -36px; height: 37px; background-position: 50% 100%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cards .container .column-wrapper .col.vector-2 .title-container:after { bottom: -34px; height: 35px; background-position: 50% 100%; } } body .rb18.cards .container .column-wrapper .col.vector-2 .title-container:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/vector-2.png) no-repeat; background-size: 100%; } body .rb18.cards .container .column-wrapper .col.vector-3 .title-container { position: relative; background: #415464; } body .rb18.cards .container .column-wrapper .col.vector-3 .title-container:after { content: ""; position: absolute; bottom: -21px; left: 0; width: 100%; height: 22px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/vector-shape-3.png"); background-size: cover; background-position: 50% 50%; } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cards .container .column-wrapper .col.vector-3 .title-container:after { bottom: -36px; height: 37px; background-position: 50% 100%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cards .container .column-wrapper .col.vector-3 .title-container:after { bottom: -34px; height: 35px; background-position: 50% 100%; } } body .rb18.cards .container .column-wrapper .col.vector-3 .title-container:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/vector-3.png) no-repeat; background-size: 100%; mix-blend-mode: multiply; } body .rb18.cards .container .column-wrapper .col h2 { color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; font-size: 42px; position: relative; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.cards .container .column-wrapper .col h2 { font-size: 32px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cards .container .column-wrapper .col h2 { font-size: 32px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cards .container .column-wrapper .col h2 { font-size: 32px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.cards .container .column-wrapper .col h2 { font-size: 28px; } } @media (max-width: 480px) { body .rb18.cards .container .column-wrapper .col h2 { font-size: 24px; } } body .rb18.cards .container .column-wrapper .col p { color: #5b7e96; font-size: 22px; font-weight: 500; line-height: 1.5; padding: 0 26px 4px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.cards .container .column-wrapper .col p { font-size: 20px; } } @media (max-width: 991px) { body .rb18.cards .container .column-wrapper .col p { padding: 0 20px 4px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.cards .container .column-wrapper .col p { font-size: 18px; } } @media (max-width: 767px) { body .rb18.cards .container .column-wrapper .col p { line-height: 1.3; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.cards .container .column-wrapper .col p { font-size: 16px; } } @media (max-width: 595px) { body .rb18.cards .container .column-wrapper .col p { font-size: 16px; } } body .rb18.cards .container .column-wrapper .col .learn-more { height: auto !important; width: auto !important; padding: 11px 55px 10px 23px; background: none; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.cards .container .column-wrapper .col .learn-more { margin-top: 10px; } } @media (max-width: 991px) { body .rb18.cards .container .column-wrapper .col .learn-more { margin-top: 10px; } } body .rb18.cards .container .column-wrapper .col .learn-more:after { right: 25px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body .rb18.cards .container .column-wrapper .col:hover { -webkit-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); /* animation-name: scaleZoomHover !important; animation-delay: 0s !important;*/ -webkit-box-shadow: 0px 1px 5px 2px rgba(173, 168, 173, 0.55); box-shadow: 0px 1px 5px 2px rgba(173, 168, 173, 0.55); } body .rb18.cards .container .column-wrapper .col:hover .learn-more { color: #fff; background: #ff681d; } body .rb18.cards .container .column-wrapper .col:hover .learn-more:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; background-size: cover; } body .rb18.second-level-banner .bg-img { max-height: 542px; min-height: 450px; height: 100%; } body .rb18.second-level-banner .bg-img img { width: auto; height: 100%; min-height: inherit; -o-object-fit: cover; object-fit: cover; min-width: 100%; } body .rb18.second-level-banner .text-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } body .rb18.second-level-banner .text-wrap .container { height: 100%; } body .rb18.second-level-banner .text-wrap .text-container { position: relative; top: 53%; -webkit-transform: translateY(-52%); -o-transform: translateY(-52%); transform: translateY(-52%); width: 100%; max-width: 616px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.second-level-banner .text-wrap .text-container { max-width: 62%; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.second-level-banner .text-wrap .text-container { max-width: 74%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.second-level-banner .text-wrap .text-container { max-width: 71%; } } @media (max-width: 480px) { body .rb18.second-level-banner .text-wrap .text-container { max-width: 85%; } } body .rb18.second-level-banner .text-wrap .text-container h1 { display: inline-block; width: 100%; color: #000; line-height: 1.1; letter-spacing: -0.013em; } body .rb18.second-level-banner .text-wrap .text-container h1 > span { color: #5b7e96; } @media (max-width: 480px) { body .rb18.second-level-banner .text-wrap .text-container h1 { max-width: 87%; } } body .rb18.second-level-banner .text-wrap .text-container h6 { color: #303D49; font-weight: 300; padding: 11px 0 32px; letter-spacing: 0.023em; } @media (min-width: 596px) and (max-width: 767px) { body .rb18.second-level-banner .text-wrap .text-container h6 { max-width: 86%; } } @media (max-width: 480px) { body .rb18.second-level-banner .text-wrap .text-container h6 { max-width: 87%; } } body .rb18.second-level-banner .text-wrap .text-container a.btn-orange { padding: 11px 48px 10px 22px; } body .rb18.second-level-banner .text-wrap .text-container a.learn-more { padding: 11px 38px 10px 18px; } @media (max-width: 767px) { body .rb18.second-level-banner .text-wrap .text-container a.learn-more { font-size: 14px; } } @media (max-width: 595px) { body .rb18.second-level-banner .text-wrap .text-container a.learn-more { margin-top: 5px; } } body .rb18.second-level-banner .text-wrap .text-container .learn-more { color: #303D49; background: none; } body .rb18.second-level-banner .text-wrap .text-container .learn-more:after { height: 21px; width: 21px; right: 11px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA.svg) top no-repeat; } body .rb18.second-level-banner .text-wrap .text-container .learn-more:hover { color: #fff; background: #ff681d; } body .rb18.second-level-banner .text-wrap .text-container .learn-more:hover:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/white_arrow.png) top no-repeat; } body .rb18.second-level-banner .text-wrap .floating-icons > div { position: absolute; width: 20%; } body .rb18.second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 130px; height: 130px; right: 20%; top: 28%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 115px; height: 115px; right: 24%; top: 38%; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 105px; height: 105px; right: 20%; top: 46%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 85px; height: 85px; right: 27%; top: 55%; } } @media (max-width: 480px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 60px; height: 60px; right: 20%; top: 63%; } } body .rb18.second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 160px; height: 160px; right: 20px; top: 22%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 140px; height: 140px; right: 20px; top: 28%; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 125px; height: 125px; right: 20px; top: 25%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 105px; height: 105px; right: 20px; top: 26%; } } @media (max-width: 480px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 80px; height: 80px; right: 15px; top: 34%; } } body .rb18.second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 266px; height: 266px; right: 5%; top: 59%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 220px; height: 220px; right: 5%; top: 66%; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 200px; height: 200px; right: 5%; top: 70%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 156px; height: 156px; right: 7%; top: 76%; } } @media (max-width: 480px) { body .rb18.second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 130px; height: 130px; right: 5%; top: 86%; } } body .rb18.content-with-image { /*.container{*/ } body .rb18.content-with-image:before { content: ''; position: absolute; left: 0; width: 100%; height: 145px; bottom: -140px; z-index: 2; background: #fff; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewY(-5deg); -o-transform: skewY(-5deg); transform: skewY(-5deg); } @media (max-width: 991px) { body .rb18.content-with-image:before { display: none; } } @media (min-width: 1500px) { body .rb18.content-with-image:before { -webkit-transform: skewY(-3deg); -o-transform: skewY(-3deg); transform: skewY(-3deg); } } body .rb18.content-with-image .bg-img { position: absolute; height: 100%; width: 100%; } body .rb18.content-with-image .bg-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #5FB4E5; opacity: .9; } body .rb18.content-with-image .bg-img img { width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; min-width: 100%; } body .rb18.content-with-image .container { position: relative; padding: 155px 20px 32px; z-index: 3; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.content-with-image .container { padding: 70px 20px 80px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.content-with-image .container { padding: 50px 20px; } } @media (max-width: 767px) { body .rb18.content-with-image .container { padding: 40px 20px; } } body .rb18.content-with-image .col-two:first-of-type { padding-right: 15px; padding-top: 8px; } @media (max-width: 767px) { body .rb18.content-with-image .col-two:first-of-type { padding: 0; } } body .rb18.content-with-image .col-two:last-of-type { padding-left: 15px; margin-top: 5px; } @media (max-width: 767px) { body .rb18.content-with-image .col-two:last-of-type { padding: 27px 0 0 0; max-width: 615px; } } body .rb18.content-with-image .col-two:last-of-type div { border-radius: 10px; overflow: hidden; } body .rb18.content-with-image .text-container h2 { color: #fff; } body .rb18.content-with-image .text-container p { color: #fff; padding: 15px 0 23px; letter-spacing: -0.004em; line-height: 1.5; } body .rb18.content-with-image .text-container .btn-white { background: #fff; color: #ff681d; border: none; padding: 11px 52px 10px 22px; } @media (max-width: 767px) { body .rb18.content-with-image .text-container .btn-white { padding: 11px 42px 10px 22px; } } body .rb18.content-with-image .text-container .btn-white:before { background: #ff681d; } body .rb18.content-with-image .text-container .btn-white:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowB.svg) top no-repeat; right: 13px; } body .rb18.content-with-image .text-container .btn-white:hover { background: #ff681d; color: #fff; } body .rb18.content-with-image .text-container .btn-white:hover:before { background: #ff681d; } body .rb18.content-with-image .text-container .btn-white:hover:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; background-size: cover; } body .rb18.infographic { padding: 175px 0 54px; z-index: 1; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.infographic { padding: 50px 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.infographic { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.infographic { padding: 30px 0; } } body .rb18.infographic .container { max-width: 1186px; } body .rb18.infographic h3 { text-align: center; color: #ff681d; letter-spacing: 0.150em; font-weight: 300; margin-bottom: 28px; text-transform: uppercase; } body .rb18.infographic .content-wrapper { background: #fff; /* opacity: 0.8;*/ /* padding: 20px; border: 20px solid $catskill-white;*/ border-radius: 10px; position: relative; height: 479px; overflow: hidden; -webkit-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; -webkit-box-shadow: 0 4px 8px 3px rgba(128, 128, 128, 0.18); box-shadow: 0 4px 8px 3px rgba(128, 128, 128, 0.18); border: 20px solid #E3ECF3; } @media (max-width: 767px) { body .rb18.infographic .content-wrapper { height: 1030px; } } body .rb18.infographic .active { background: #fff; } body .rb18.infographic .active .lock-box { opacity: 0; } body .rb18.infographic .lock-box { margin-top: 12px; position: relative; opacity: 1; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } body .rb18.infographic .lock-box:after { content: ''; position: absolute; width: 100%; height: 1px; background: #5b7e96; left: 0; top: 50%; } body .rb18.infographic .lock-box span { font-size: 16px; position: relative; display: inline-block; z-index: 1; background: #5b7e96; padding: 6px 17px; color: #fff; border-radius: 25px; font-family: "source-sans-pro", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; } @media (max-width: 767px) { body .rb18.infographic .lock-box span { font-size: 14px; } } body .rb18.infographic .lock-box span:before { content: ''; display: inline-block; width: 20px; height: 11px; background-image: url(/content/dam/riverbed-www/en_US/framework/redesign/images/lock.svg); background-repeat: no-repeat; background-size: 100% 100%; margin-right: 4px; } body .rb18.infographic .column-wrapper { text-align: center; padding: 0 20px; height: 280px; } body .rb18.infographic .column-wrapper .col-three { cursor: pointer; position: absolute; left: 3px; top: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.infographic .column-wrapper .col-three { left: 10px; } } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three { width: 100%; top: 30px; left: 0; } } body .rb18.infographic .column-wrapper .col-three:nth-child(2) { left: 33.33%; } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three:nth-child(2) { left: 0; top: 33.33%; } } body .rb18.infographic .column-wrapper .col-three:nth-child(3) { left: 66.66%; } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three:nth-child(3) { left: 0; top: 63%; } } body .rb18.infographic .column-wrapper .col-three .text-animate { opacity: 0; position: absolute; top: 0; width: 100%; left: 0; text-align: left; visibility: hidden; -webkit-transform: translateY(-800px); -o-transform: translateY(-800px); transform: translateY(-800px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } body .rb18.infographic .column-wrapper .col-three .text-animate h6 { text-transform: uppercase; font-weight: 400; } body .rb18.infographic .column-wrapper .col-three .text { position: relative; margin-top: 40px; -webkit-transition: margin 0.4s ease 0.8s; -o-transition: margin 0.4s ease 0.8s; transition: margin 0.4s ease 0.8s; } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three .text { margin-top: 0; } } body .rb18.infographic .column-wrapper .col-three .text h6 { color: #5b7e96; font-weight: 400; margin-bottom: 7px; padding: 10px 0; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; letter-spacing: 0.010em; font-size: 22px; opacity: 1; -webkit-transition: opacity 0.3s ease 0.3s; -o-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.infographic .column-wrapper .col-three .text h6 { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.infographic .column-wrapper .col-three .text h6 { font-size: 18px; } } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three .text h6 { font-size: 16px; } } body .rb18.infographic .column-wrapper .col-three .close-icon { position: absolute; height: 29px; width: 28px; right: 20px; top: calc(50% - 14px); z-index: 2; opacity: 0; -webkit-transform: translateY(-800px); -o-transform: translateY(-800px); transform: translateY(-800px); cursor: pointer; } @media (max-width: 480px) { body .rb18.infographic .column-wrapper .col-three .close-icon { right: 12px; } } body .rb18.infographic .column-wrapper .col-three .close-icon img { width: 100%; height: 100%; } body .rb18.infographic .column-wrapper .col-three .content { max-width: 305px; margin: 0 auto; height: 67px; } @media (max-width: 480px) { body .rb18.infographic .column-wrapper .col-three .content { max-width: 288px; } } body .rb18.infographic .column-wrapper .col-three .content span { display: inline-block; max-width: 128px; width: calc(100% - 10px); margin: 0 5px 10px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.infographic .column-wrapper .col-three .content span { max-width: 114px; width: calc(100% - 4px); margin: 0 2px 10px; } } @media (max-width: 991px) { body .rb18.infographic .column-wrapper .col-three .content span { max-width: 98px; width: calc(100% - 4px); margin: 0 2px 6px; } } @media (max-width: 480px) { body .rb18.infographic .column-wrapper .col-three .content span { max-width: 90px; } } body .rb18.infographic .column-wrapper .col-three .content span img { height: 100%; } body .rb18.infographic .column-wrapper .col-three .content svg { height: 100%; width: 100%; } body .rb18.infographic .column-wrapper .col-three .icon { max-width: 140px; margin: 0 auto 10px; position: relative; } body .rb18.infographic .column-wrapper .col-three .icon svg { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body .rb18.infographic .column-wrapper .col-three .icon svg:first-child { position: relative; max-width: 140px; -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } body .rb18.infographic .column-wrapper .col-three .icon svg:last-child { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); max-width: 140px; } body .rb18.infographic .column-wrapper .col-three .icon svg circle { stroke-dashoffset: 1200; stroke-dasharray: 1200 , 2400; } body .rb18.infographic .column-wrapper .col-three .icon.animate1 svg:first-child { -webkit-animation: svg-transform-animation 0.2s linear forwards 1.0s; -o-animation: svg-transform-animation 0.2s linear forwards 1.0s; animation: svg-transform-animation 0.2s linear forwards 1.0s; } body .rb18.infographic .column-wrapper .col-three .icon.animate1 circle { -webkit-animation: svg-circle-animation 0.2s linear forwards 0.8s; -o-animation: svg-circle-animation 0.2s linear forwards 0.8s; animation: svg-circle-animation 0.2s linear forwards 0.8s; } body .rb18.infographic .column-wrapper .col-three .icon.animate2 svg:first-child { -webkit-animation: svg-transform-animation 0.2s linear forwards 1.6s; -o-animation: svg-transform-animation 0.2s linear forwards 1.6s; animation: svg-transform-animation 0.2s linear forwards 1.6s; } body .rb18.infographic .column-wrapper .col-three .icon.animate2 circle { -webkit-animation: svg-circle-animation 0.2s linear forwards 1.4s; -o-animation: svg-circle-animation 0.2s linear forwards 1.4s; animation: svg-circle-animation 0.2s linear forwards 1.4s; } body .rb18.infographic .column-wrapper .col-three .icon.animate3 svg:first-child { -webkit-animation: svg-transform-animation 0.2s linear forwards 2.2s; -o-animation: svg-transform-animation 0.2s linear forwards 2.2s; animation: svg-transform-animation 0.2s linear forwards 2.2s; } body .rb18.infographic .column-wrapper .col-three .icon.animate3 circle { -webkit-animation: svg-circle-animation 0.2s linear forwards 2.0s; -o-animation: svg-circle-animation 0.2s linear forwards 2.0s; animation: svg-circle-animation 0.2s linear forwards 2.0s; } body .rb18.infographic .column-wrapper .col-three:hover .icon svg:first-child { opacity: 0; } body .rb18.infographic .column-wrapper .col-three:hover .icon svg:last-child { opacity: 1; -webkit-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } body .rb18.infographic .column-wrapper .col-three .grid-off { display: block; float: left; max-width: 364px; width: 100%; padding: 0 30px; -webkit-transition: padding 0.4s ease; -o-transition: padding 0.4s ease; transition: padding 0.4s ease; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.infographic .column-wrapper .col-three .grid-off { padding: 0 10px; max-width: 284px; } } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three .grid-off { float: none; margin: 30px auto 0; width: auto !important; padding: 0 20px; } } body .rb18.infographic .column-wrapper .col-three .grid-animate { display: none; font-size: 0; position: relative; } body .rb18.infographic .column-wrapper .col-three .grid-animate .learn-more { padding: 11px 23px 10px 23px; } body .rb18.infographic .column-wrapper .col-three .grid-animate .learn-more:after { display: none; } body .rb18.infographic .column-wrapper .col-three .grid-animate .learn-more.blue-color { color: #5fb4e5; } body .rb18.infographic .column-wrapper .col-three .grid-animate .learn-more.blue-color:hover { background: #5fb4e5; color: #fff; } body .rb18.infographic .column-wrapper .col-three .grid-animate .learn-more.grey-color { color: #597d96; } body .rb18.infographic .column-wrapper .col-three .grid-animate .learn-more.grey-color:hover { background: #597d96; color: #fff; } body .rb18.infographic .column-wrapper .col-three .grid-animate .two-third { text-align: left; padding: 0 20px; opacity: 0; -webkit-transform: translateY(800px); -o-transform: translateY(800px); transform: translateY(800px); } body .rb18.infographic .column-wrapper .col-three .grid-animate .two-third p { font-size: 18px; line-height: 1.6; color: #415464; } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three .grid-animate .two-third p { font-size: 16px; } } body .rb18.infographic .column-wrapper .col-three .grid-animate .two-third ul { padding: 20px 20px 20px 40px; } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three .grid-animate .two-third ul { padding: 20px; } } body .rb18.infographic .column-wrapper .col-three .grid-animate .two-third ul li { font-size: 16px; line-height: 2.25; font-family: "source-sans-pro", sans-serif; list-style-type: disc; color: #415464; } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three .grid-animate .two-third ul li { font-size: 14px; line-height: 2; } } body .rb18.infographic .column-wrapper .col-three.siblings-grid { -webkit-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; } body .rb18.infographic .column-wrapper .col-three.active-grid { width: 100%; left: 0; z-index: 2; top: 0; cursor: default; -webkit-transition: top 400ms 200ms,left 400ms 200ms, height 400ms 600ms, width 400ms 600ms linear; -o-transition: top 400ms 200ms,left 400ms 200ms, height 400ms 600ms, width 400ms 600ms linear; transition: top 400ms 200ms,left 400ms 200ms, height 400ms 600ms, width 400ms 600ms linear; } body .rb18.infographic .column-wrapper .col-three.active-grid:hover .icon svg:first-child { opacity: 1; } body .rb18.infographic .column-wrapper .col-three.active-grid:hover .icon svg:last-child { opacity: 0; } body .rb18.infographic .column-wrapper .col-three.active-grid .text h6 { opacity: 0; visibility: hidden; } body .rb18.infographic .column-wrapper .col-three.active-grid .text-animate { opacity: 1; visibility: visible; opacity: 1; border-top-left-radius: 0; border-top-right-radius: 0; /* border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;*/ -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: background 0.4s ease 800ms, color 0.4s ease 800ms, -webkit-transform 0.4s ease 800ms; transition: background 0.4s ease 800ms, color 0.4s ease 800ms, -webkit-transform 0.4s ease 800ms; -o-transition: background 0.4s ease 800ms, color 0.4s ease 800ms, -o-transform 0.4s ease 800ms; transition: transform 0.4s ease 800ms, background 0.4s ease 800ms, color 0.4s ease 800ms; transition: transform 0.4s ease 800ms, background 0.4s ease 800ms, color 0.4s ease 800ms, -webkit-transform 0.4s ease 800ms, -o-transform 0.4s ease 800ms; background: -webkit-gradient(linear, left top, right top, from(#ff6e1d), to(#ffb21d)); background: -webkit-linear-gradient(left, #ff6e1d 0%, #ffb21d 100%); background: -o-linear-gradient(left, #ff6e1d 0%, #ffb21d 100%); background: linear-gradient(to right, #ff6e1d 0%, #ffb21d 100%); } body .rb18.infographic .column-wrapper .col-three.active-grid .text-animate h6 { padding: 10px 30px; color: #fff; } body .rb18.infographic .column-wrapper .col-three.active-grid .text-animate.bg-blue { background: -webkit-gradient(linear, left top, right top, from(#276cad), to(#5fb2e3)); background: -webkit-linear-gradient(left, #276cad 0%, #5fb2e3 100%); background: -o-linear-gradient(left, #276cad 0%, #5fb2e3 100%); background: linear-gradient(to right, #276cad 0%, #5fb2e3 100%); } body .rb18.infographic .column-wrapper .col-three.active-grid .text-animate.bg-grey { background: -webkit-gradient(linear, left top, right top, from(#303d49), to(#5b7e96)); background: -webkit-linear-gradient(left, #303d49 0%, #5b7e96 100%); background: -o-linear-gradient(left, #303d49 0%, #5b7e96 100%); background: linear-gradient(to right, #303d49 0%, #5b7e96 100%); } body .rb18.infographic .column-wrapper .col-three.active-grid .close-icon { opacity: 1; -webkit-animation-name: showinfraheading; -o-animation-name: showinfraheading; animation-name: showinfraheading; -webkit-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms; -webkit-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } body .rb18.infographic .column-wrapper .col-three.active-grid .close-icon img:hover { -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear, -o-transform 0.3s linear; } body .rb18.infographic .column-wrapper .col-three.active-grid .grid-off { padding: 0 30px; } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three.active-grid .grid-off { width: 100%; display: block; height: auto; margin: 30px auto; padding: 30px; } } body .rb18.infographic .column-wrapper .col-three.active-grid .grid-animate { display: block; float: left; width: calc(100% - 355px); padding: 15px 0; } @media (max-width: 767px) { body .rb18.infographic .column-wrapper .col-three.active-grid .grid-animate { width: 100% !important; display: block; height: auto; padding: 0; } } body .rb18.infographic .column-wrapper .col-three.active-grid .grid-animate .two-third { -webkit-animation-name: showinfraheading; -o-animation-name: showinfraheading; animation-name: showinfraheading; -webkit-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms; -webkit-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } body .rb18.infographic .column-wrapper .col-three.inactive-grid { left: 0; } body .rb18.infographic .column-wrapper .col-three.inactive-grid .text h6 { opacity: 0; visibility: hidden; } body .rb18.infographic .column-wrapper .col-three.slide-active { -webkit-transition: none; -o-transition: none; transition: none; } body .rb18.infographic .column-wrapper .col-three.slide-active .grid-animate .two-third { -webkit-animation-delay: 50ms; -o-animation-delay: 50ms; animation-delay: 50ms; } body .rb18.infographic .column-wrapper .col-three.slide-active .grid-off .icon { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; } body .rb18.infographic .column-wrapper .col-three.slide-active .grid-off .icon svg { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } body .rb18.infographic .column-wrapper .col-three.slide-active .grid-off .icon circle { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } body .rb18.infographic .column-wrapper .col-three.slide-active .grid-off .content { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; } body .rb18.infographic .column-wrapper .col-three.slide-active .text-animate { -webkit-transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms; transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms; -o-transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -o-transform 0.4s ease 100ms; transition: transform 0.4s ease 100ms, background 0.4s ease 100ms, color 0.4s ease 100ms; transition: transform 0.4s ease 100ms, background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms, -o-transform 0.4s ease 100ms; } body .rb18.infographic .column-wrapper .col-three.slide-active .close-icon { -webkit-animation-delay: 100ms; -o-animation-delay: 100ms; animation-delay: 100ms; } body .rb18.infographic .column-wrapper .col-three.sibling-active { -webkit-transition: none; -o-transition: none; transition: none; } body .rb18.infographic .column-wrapper .col-three.sibling-active .grid-animate .two-third { -webkit-animation-delay: 50ms; -o-animation-delay: 50ms; animation-delay: 50ms; } body .rb18.infographic .column-wrapper .col-three.sibling-active .grid-off .icon { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; } body .rb18.infographic .column-wrapper .col-three.sibling-active .grid-off .icon svg { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } body .rb18.infographic .column-wrapper .col-three.sibling-active .grid-off .icon circle { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } body .rb18.infographic .column-wrapper .col-three.sibling-active .grid-off .content { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; } body .rb18.infographic .column-wrapper .col-three.sibling-active .text-animate { -webkit-transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms; transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms; -o-transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -o-transform 0.4s ease 100ms; transition: transform 0.4s ease 100ms, background 0.4s ease 100ms, color 0.4s ease 100ms; transition: transform 0.4s ease 100ms, background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms, -o-transform 0.4s ease 100ms; } body .rb18.infographic .column-wrapper .col-three.sibling-active .close-icon { -webkit-animation-delay: 50ms; -o-animation-delay: 50ms; animation-delay: 50ms; } body .rb18.infographic .active ~ .slide-nav { visibility: visible; -webkit-animation-name: showinfraheading; -o-animation-name: showinfraheading; animation-name: showinfraheading; -webkit-animation-delay: 1200ms; -o-animation-delay: 1200ms; animation-delay: 1200ms; -webkit-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } body .rb18.infographic .slide-nav { position: absolute; width: 100%; bottom: -2px; left: 0; padding: 16px; opacity: 0; visibility: hidden; background: #e0eaf1; -webkit-transform: translateY(800px); -o-transform: translateY(800px); transform: translateY(800px); z-index: 2; } @media (max-width: 767px) { body .rb18.infographic .slide-nav { padding: 20px 10px; } } body .rb18.infographic .slide-nav .dots { text-align: center; margin: auto; float: left; position: absolute; left: 50%; } body .rb18.infographic .slide-nav .dots span { display: inline-block; width: 10px; height: 10px; border: 1px solid #5b7e96; border-radius: 50%; background: #fff; margin-right: 7px; cursor: pointer; } body .rb18.infographic .slide-nav .dots span:last-child { margin-right: 0; } @media (max-width: 767px) { body .rb18.infographic .slide-nav .dots span { margin-right: 5px; } } body .rb18.infographic .slide-nav .dots span.active { background: #5b7e96; } body .rb18.infographic .slide-nav .arrow { float: left; width: 100%; } @media (max-width: 480px) { body .rb18.infographic .slide-nav .arrow { text-align: center; } } body .rb18.infographic .slide-nav .arrow .icon { width: 11px; height: 10px; display: inline-block; vertical-align: middle; } body .rb18.infographic .slide-nav .arrow .icon img { height: 100%; } body .rb18.infographic .slide-nav .arrow .text { display: inline-block; height: 100%; font-size: 14px; vertical-align: middle; letter-spacing: 0.1em; color: #5b7e96; font-family: "source-sans-pro", sans-serif; font-weight: 600; text-transform: uppercase; } @media (max-width: 767px) { body .rb18.infographic .slide-nav .arrow .text { font-size: 12px; } } @media (max-width: 480px) { body .rb18.infographic .slide-nav .arrow .text { display: none; } } body .rb18.infographic .slide-nav .arrow .next { float: right; cursor: pointer; } body .rb18.infographic .slide-nav .arrow .next .text { margin-right: 5px; } @media (max-width: 767px) { body .rb18.infographic .slide-nav .arrow .next .text { margin-right: 0; } } body .rb18.infographic .slide-nav .arrow .prev { float: left; cursor: pointer; } body .rb18.infographic .slide-nav .arrow .prev .text { margin-left: 5px; } @media (max-width: 767px) { body .rb18.infographic .slide-nav .arrow .prev .text { margin-left: 0; } } body .rb18.infographic.grid-click .content-wrapper { padding: 20px; border: 20px solid #E3ECF3; -webkit-box-shadow: 0 4px 8px 3px rgba(128, 128, 128, 0.18); box-shadow: 0 4px 8px 3px rgba(128, 128, 128, 0.18); } @-webkit-keyframes showinfraheading { 0% { opacity: 0; -webkit-transform: translateY(800px); -o-transform: translateY(800px); transform: translateY(800px); } 100% { opacity: 1; -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-o-keyframes showinfraheading { 0% { opacity: 0; -webkit-transform: translateY(800px); -o-transform: translateY(800px); transform: translateY(800px); } 100% { opacity: 1; -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes showinfraheading { 0% { opacity: 0; -webkit-transform: translateY(800px); -o-transform: translateY(800px); transform: translateY(800px); } 100% { opacity: 1; -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes svg-circle-animation { 0% { stroke-dasharray: 1200 , 2400; } 100% { stroke-dasharray: 3600 , 2400; } } @-o-keyframes svg-circle-animation { 0% { stroke-dasharray: 1200 , 2400; } 100% { stroke-dasharray: 3600 , 2400; } } @keyframes svg-circle-animation { 0% { stroke-dasharray: 1200 , 2400; } 100% { stroke-dasharray: 3600 , 2400; } } @-webkit-keyframes svg-transform-animation { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes svg-transform-animation { 0% { -o-transform: scale(1.1); transform: scale(1.1); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes svg-transform-animation { 0% { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } body .rb18.resource-cards-two { background: #ecf2f7; overflow: visible; min-height: 472px; padding: 242px 0 0; margin-top: -220px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards-two { padding: 200px 0 0; } } @media (max-width: 991px) { body .rb18.resource-cards-two { margin-top: 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards-two { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.resource-cards-two { padding: 30px 0; } } body .rb18.resource-cards-two:before { content: ''; position: absolute; left: 0; width: 100%; height: 145px; top: -135px; background: #ecf2f7; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(5deg); -webkit-transform: skewY(5deg); transform: skewY(5deg); } @media (min-width: 1500px) { body .rb18.resource-cards-two:before { -o-transform: skewY(3deg); -webkit-transform: skewY(3deg); transform: skewY(3deg); } } @media (max-width: 991px) { body .rb18.resource-cards-two:before { display: none; } } body .rb18.resource-cards-two:after { content: ''; position: absolute; left: 0; width: 100%; height: 205px; bottom: 0; background: #fff; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(5deg); -webkit-transform: skewY(5deg); transform: skewY(5deg); } @media (min-width: 1500px) { body .rb18.resource-cards-two:after { -o-transform: skewY(3deg); -webkit-transform: skewY(3deg); transform: skewY(3deg); } } @media (max-width: 991px) { body .rb18.resource-cards-two:after { display: none; } } body .rb18.resource-cards-two .container { max-width: 1190px; padding: 0 5px; } @media (max-width: 767px) { body .rb18.resource-cards-two .container { padding: 0 10px; } } body .rb18.resource-cards-two .container .head-wrap { padding: 0 15px 38px; text-align: center; } @media (max-width: 991px) { body .rb18.resource-cards-two .container .head-wrap { padding: 0 15px 0; } } body .rb18.resource-cards-two .container .head-wrap h2 { color: #415464; } body .rb18.resource-cards-two .container .head-wrap p { color: #303D49; font-size: 28px; font-weight: 300; padding-top: 3px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards-two .container .head-wrap p { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards-two .container .head-wrap p { font-size: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.resource-cards-two .container .head-wrap p { font-size: 18px; } } @media (max-width: 595px) { body .rb18.resource-cards-two .container .head-wrap p { font-size: 16px; } } body .rb18.resource-cards-two .container .column-wrapper { position: relative; width: 100%; z-index: 3; margin-top: 2px; font-size: 0; text-align: center; } @media (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper { margin-top: 24px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two { float: none; display: inline-block; vertical-align: top; border-radius: 10px; margin: 15px; width: calc(50% - 30px); height: 500px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two { width: calc(50% - 30px); } } @media (max-width: 767px) { body .rb18.resource-cards-two .container .column-wrapper .col-two { margin: 10px; } } @media (min-width: 681px) and (max-width: 767px) { body .rb18.resource-cards-two .container .column-wrapper .col-two { width: calc(50% - 20px); height: 450px; } } @media (max-width: 680px) { body .rb18.resource-cards-two .container .column-wrapper .col-two { width: calc(100% - 30px); height: 400px; margin: 15px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two:nth-child(1) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 61px; } body .rb18.resource-cards-two .container .column-wrapper .col-two:nth-child(2) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 54px; } body .rb18.resource-cards-two .container .column-wrapper .col-two:nth-child(3) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 72px; } body .rb18.resource-cards-two .container .column-wrapper .col-two .bg-img img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper span { position: absolute; left: 40px; top: 30px; font-size: 16px; font-weight: 400; letter-spacing: 0.03em; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; color: #fff; background: #5FB4E5; padding: 3px 16px 4px; border-radius: 20px; letter-spacing: 0.100em; border-radius: 20px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper span { left: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper span { left: 25px; } } @media (max-width: 767px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper span { left: 20px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom { text-align: left; padding: 0 37px 27px 40px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 30px 27px 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 25px 25px 25px; } } @media (max-width: 767px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 20px 20px 20px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { color: #fff; font-weight: 300; line-height: 1.57; letter-spacing: -0.01em; /*max-width: 330px;*/ text-overflow: ellipsis; display: -webkit-box; overflow: hidden; max-height: 144px; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; } @media (max-width: 1200px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { line-height: 1.2; } } @media (max-width: 595px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { font-size: 18px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 30px; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 20px; } } @media (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 20px; } } @media (max-width: 680px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon img { width: 50px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { position: absolute; bottom: 30px; right: 30px; left: 40px; opacity: 0; max-width: 330px; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 30px; left: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 25px; left: 25px; } } @media (max-width: 767px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 20px; left: 20px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { position: relative; bottom: -40px; color: #fff; font-size: 22px; line-height: 1.2; font-family: "source-sans-pro", sans-serif; font-weight: 300; margin: 18px 0 15px; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; max-height: 144px; -webkit-line-clamp: 4; -moz-line-clamp: 4; -ms-line-clamp: 4; -o-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: bottom 0.5s ease; -o-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 18px; } } @media (max-width: 595px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 16px; } } @-moz-document url-prefix() { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { max-height: 104px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a { position: relative; color: #fff; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; font-weight: 400; bottom: -10px; font-size: 16px; -webkit-transition: bottom 0.5s ease; -o-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } @media (max-width: 767px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a { font-size: 14px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a:after { content: ''; position: absolute; right: -30px; top: 0; bottom: 0; margin: auto; width: 21px; height: 21px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA.svg) top no-repeat; } body .rb18.resource-cards-two .container .column-wrapper .col-two .inner-content { position: relative; border-radius: 10px; overflow: hidden; width: 100%; bottom: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } body .rb18.resource-cards-two .container .column-wrapper .col-two .inner-content:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background: rgba(0, 0, 0, 0.3); } body .rb18.resource-cards-two .container .column-wrapper .col-two .inner-content:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+32,000000+32,000000+100&0+0,0+36,0.04+44,0.07+46,0.09+46,0.09+49,0.13+50,0.12+51,0.15+51,0.19+54,0.24+56,0.24+56,0.28+57,0.3+59,0.34+59,0.32+60,0.36+60,0.39+61,0.73+71,0.9+78,0.97+83,0.99+87,1+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(32%, transparent), color-stop(36%, transparent), color-stop(44%, rgba(0, 0, 0, 0.04)), color-stop(46%, rgba(0, 0, 0, 0.09)), color-stop(49%, rgba(0, 0, 0, 0.09)), color-stop(50%, rgba(0, 0, 0, 0.13)), color-stop(51%, rgba(0, 0, 0, 0.15)), color-stop(54%, rgba(0, 0, 0, 0.19)), color-stop(56%, rgba(0, 0, 0, 0.24)), color-stop(57%, rgba(0, 0, 0, 0.28)), color-stop(59%, rgba(0, 0, 0, 0.34)), color-stop(60%, rgba(0, 0, 0, 0.36)), color-stop(61%, rgba(0, 0, 0, 0.39)), color-stop(71%, rgba(0, 0, 0, 0.73)), color-stop(78%, rgba(0, 0, 0, 0.9)), color-stop(83%, rgba(0, 0, 0, 0.97)), color-stop(87%, rgba(0, 0, 0, 0.99)), to(black)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } body .rb18.resource-cards-two .container .column-wrapper .col-two .inner-content > a { position: absolute; width: 100%; height: 100%; z-index: 4; left: 0; top: 0; } body .rb18.resource-cards-two .container .column-wrapper .col-two .inner-content .bg-img { height: 500px; } @media (min-width: 681px) and (max-width: 767px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .inner-content .bg-img { height: 450px; } } @media (max-width: 680px) { body .rb18.resource-cards-two .container .column-wrapper .col-two .inner-content .bg-img { height: 400px; } } body .rb18.resource-cards-two .container .column-wrapper .col-two.active { z-index: 9; } body .rb18.resource-cards-two .container .column-wrapper .col-two.active .inner-content { position: absolute; bottom: 30px; opacity: 1; z-index: 5; } body .rb18.resource-cards-two .container .column-wrapper .col-two.active .inner-content:before { background: rgba(48, 61, 73, 0.9); } body .rb18.resource-cards-two .container .column-wrapper .col-two.active .inner-content:after { opacity: 0; } body .rb18.resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .icon, body .rb18.resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom h5 { -webkit-transform: translateY(-145px); -o-transform: translateY(-145px); transform: translateY(-145px); } body .rb18.resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info { opacity: 1; } body .rb18.resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info p, body .rb18.resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info a { bottom: 0; } body .rb18.resource-cards-two .container .column-wrapper .col-two.active.left .inner-content { -o-transform: scale(1.1, 1.04) translateX(26px); -webkit-transform: scale(1.1, 1.04) translateX(26px); transform: scale(1.1, 1.04) translateX(26px); } @media (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two.active.left .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.resource-cards-two .container .column-wrapper .col-two.active.center .inner-content { -o-transform: scale(1.15, 1.1); -webkit-transform: scale(1.15, 1.1); transform: scale(1.15, 1.1); } @media (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two.active.center .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.resource-cards-two .container .column-wrapper .col-two.active.right .inner-content { -o-transform: scale(1.1, 1.04) translateX(-26px); -webkit-transform: scale(1.1, 1.04) translateX(-26px); transform: scale(1.1, 1.04) translateX(-26px); } @media (max-width: 991px) { body .rb18.resource-cards-two .container .column-wrapper .col-two.active.right .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.resource-cards-two .container .column-wrapper .col-two.active:hover .inner-content { /*@include transform(scale(1, 1) translateX(0));*/ -webkit-box-shadow: none; box-shadow: none; } body .rb18.resource-cards-two .container .column-wrapper .col-two:hover .inner-content { -webkit-transform: scale(1.04, 1.04); -o-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.5); } body.ie-all .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon img { width: 61px; } body.ie-all .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { max-height: 125px; } body .rb18.col-grid { width: 100%; float: left; padding: 132px 0 142px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.col-grid { padding: 60px 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.col-grid { padding: 40px 0 10px; } } @media (max-width: 767px) { body .rb18.col-grid { padding: 30px 0 10px; } } body .rb18.col-grid h2 { color: #303D49; max-width: 830px; margin: 0 auto; padding-bottom: 41px; text-align: center; line-height: 1.2; } @media (max-width: 767px) { body .rb18.col-grid h2 { padding-bottom: 30px; } } body .rb18.col-grid .col-outer { float: left; width: 100%; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.col-grid .col-outer { display: table; } } body .rb18.col-grid .col-outer .col-four { padding: 0 20px; } @media (max-width: 1200px) { body .rb18.col-grid .col-outer .col-four { padding: 0 10px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.col-grid .col-outer .col-four { width: 32.8%; margin-bottom: 30px; display: inline-block; float: none; vertical-align: top; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.col-grid .col-outer .col-four { width: 50%; margin-bottom: 30px; } body .rb18.col-grid .col-outer .col-four:nth-child(odd) { display: block; clear: both; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.col-grid .col-outer .col-four { width: 50%; margin-bottom: 30px; } body .rb18.col-grid .col-outer .col-four:nth-child(odd) { display: block; clear: both; } } @media (max-width: 480px) { body .rb18.col-grid .col-outer .col-four { width: 100%; margin-bottom: 20px; padding: 0; } } body .rb18.col-grid .col-outer .col-four h6 { color: #ff681d; font-weight: 400; text-transform: uppercase; padding-bottom: 13px; line-height: 1.2; } body .rb18.col-grid .col-outer .col-four p { color: #415464; font-size: 18px; line-height: 1.5; } @media (max-width: 767px) { body .rb18.col-grid .col-outer .col-four p { font-size: 16px; } } body .rb18.intro-block { padding: 67px 0 13px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.intro-block { padding: 60px 0 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.intro-block { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.intro-block { padding: 30px 0; } } body .rb18.intro-block .col-outer { float: left; width: 100%; } body .rb18.intro-block .col-outer .col-three { text-align: right; padding-right: 60px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.intro-block .col-outer .col-three { padding-right: 30px; } } @media (max-width: 767px) { body .rb18.intro-block .col-outer .col-three { padding: 0 0 15px 0; text-align: center; } } body .rb18.intro-block .col-outer .col-three h2 { font-size: 45px; color: #5FB4E5; letter-spacing: 0.020em; line-height: 1.2; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.intro-block .col-outer .col-three h2 { font-size: 40px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.intro-block .col-outer .col-three h2 { font-size: 36px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.intro-block .col-outer .col-three h2 { font-size: 32px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.intro-block .col-outer .col-three h2 { font-size: 28px; } } @media (max-width: 480px) { body .rb18.intro-block .col-outer .col-three h2 { font-size: 24px; } } body .rb18.intro-block .col-outer .col-seven { padding-left: 9px; } @media (max-width: 767px) { body .rb18.intro-block .col-outer .col-seven { padding-left: 0; } } body .rb18.intro-block .col-outer .col-seven p { font-size: 20px; color: #415464; letter-spacing: 0.025em; line-height: 1.9; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.intro-block .col-outer .col-seven p { font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.intro-block .col-outer .col-seven p { font-size: 18px; line-height: 1.6; } } @media (max-width: 767px) { body .rb18.intro-block .col-outer .col-seven p { font-size: 16px; line-height: 1.5; } } body .rb18.intro-block .col-outer .col-seven ul { float: left; width: 100%; padding: 19px 0; } @media (max-width: 991px) { body .rb18.intro-block .col-outer .col-seven ul { padding: 15px 0 10px; } } body .rb18.intro-block .col-outer .col-seven ul li { font-size: 22px; color: #415464; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; display: inline-block; letter-spacing: 0.110em; padding-right: 52px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.intro-block .col-outer .col-seven ul li { font-size: 20px; margin-bottom: 5px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.intro-block .col-outer .col-seven ul li { font-size: 20px; margin-bottom: 5px; padding-right: 28px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.intro-block .col-outer .col-seven ul li { font-size: 18px; padding-right: 30px; margin-bottom: 5px; } } @media (max-width: 595px) { body .rb18.intro-block .col-outer .col-seven ul li { font-size: 16px; padding-right: 20px; margin-bottom: 5px; } } body .rb18.intro-block .col-outer .col-seven ul li:last-child { padding-right: 0; } body .rb18.logo-grid { padding: 52px 0 44px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.logo-grid { padding: 0 0 40px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.logo-grid { padding: 0px 0 30px; } } @media (max-width: 767px) { body .rb18.logo-grid { padding: 0px 0 20px; } } body .rb18.logo-grid .container h2 { color: #303D49; text-align: center; letter-spacing: 0.010em; padding-bottom: 43px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.logo-grid .container h2 { padding-bottom: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.logo-grid .container h2 { padding-bottom: 30px; } } @media (max-width: 767px) { body .rb18.logo-grid .container h2 { padding-bottom: 20px; } } body .rb18.logo-grid .container .row { font-size: 0; } body .rb18.logo-grid .container .row:after { content: ''; display: block; clear: both; } body .rb18.logo-grid .container .row .col-six { display: inline-block; float: none; vertical-align: middle; margin: 30px 0 27px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.logo-grid .container .row .col-six { width: 25%; margin: 25px 0; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.logo-grid .container .row .col-six { width: 33.33%; margin: 20px 0; } } @media (max-width: 595px) { body .rb18.logo-grid .container .row .col-six { width: 50%; margin: 20px 0; padding: 0 20px; } } body .rb18.logo-grid .container .row .col-four { display: inline-block; float: none; vertical-align: middle; max-width: 210px; margin: 30px 0 27px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.logo-grid .container .row .col-four { max-width: 100%; margin: 25px 0; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.logo-grid .container .row .col-four { width: 33.33%; margin: 20px 0; max-width: 100%; } } @media (max-width: 595px) { body .rb18.logo-grid .container .row .col-four { max-width: 100%; width: 50%; margin: 20px 0; padding: 0 20px; } } body .rb18.quote-blade { margin-top: -119px; padding: 195px 0 116px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/quote_blue_background.jpg) no-repeat; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; text-align: center; background-position: center center; -webkit-overflow-scrolling: touch; } @media (max-width: 991px) { body .rb18.quote-blade { margin-top: 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.quote-blade { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.quote-blade { padding: 30px 0; background-position: 50% 50% !important; background-attachment: inherit !important; } } body .rb18.quote-blade .container { max-width: 1140px; } body .rb18.quote-blade .container h4 { position: relative; color: #fff; font-weight: 300; line-height: 1.31; padding: 0 0 18px; letter-spacing: 0.020em; } body .rb18.quote-blade .container h4:before { content: ''; position: relative; left: -10px; top: -4px; display: inline-block; width: 25px; height: 20px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/quote-left.png) no-repeat; } body .rb18.quote-blade .container h4:after { content: ''; position: relative; right: -10px; bottom: 18px; display: inline-block; width: 25px; height: 20px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/quote-right.png) no-repeat; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.quote-blade .container h4:after { bottom: 8px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.quote-blade .container h4:after { bottom: 3px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.quote-blade .container h4:after { bottom: 1px; } } @media (max-width: 480px) { body .rb18.quote-blade .container h4:after { bottom: 0px; } } body .rb18.quote-blade .container h5 { color: #fff; font-weight: 700; letter-spacing: 0.025em; } body .rb18.skewed-quote-blade { padding: 234px 0 117px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/quote_orange_background.jpg) no-repeat; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; text-align: center; background-position: center center; -webkit-overflow-scrolling: touch; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.skewed-quote-blade { padding: 50px 0; } } @media (max-width: 767px) { body .rb18.skewed-quote-blade { padding: 30px 0; background-position: 50% 50% !important; background-attachment: inherit !important; } } body .rb18.skewed-quote-blade:before { content: ''; position: absolute; top: -175px; left: 0; width: 100%; height: 175px; background: #fff; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(5deg); -webkit-transform: skewY(5deg); transform: skewY(5deg); z-index: 2; } @media (min-width: 1500px) { body .rb18.skewed-quote-blade:before { -o-transform: skewY(3deg); -webkit-transform: skewY(3deg); transform: skewY(3deg); } } @media (max-width: 991px) { body .rb18.skewed-quote-blade:before { display: none; } } body .rb18.skewed-quote-blade .container { max-width: 1110px; } body .rb18.skewed-quote-blade .container h2 { color: #fff; font-weight: 700; letter-spacing: 0.015em; } body .rb18.skewed-quote-blade .container h4 { position: relative; color: #fff; font-weight: 300; line-height: 1.31; padding: 3px 0 14px; letter-spacing: 0.020em; } body .rb18.skewed-quote-blade .container h4:before { content: ''; position: relative; left: -10px; top: 0px; display: inline-block; width: 25px; height: 20px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/quote-left.png) no-repeat; } body .rb18.skewed-quote-blade .container h4:after { content: ''; position: relative; right: -10px; bottom: 0; display: inline-block; width: 25px; height: 20px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/quote-right.png) no-repeat; } body .rb18.skewed-quote-blade .container h5 { color: #fff; font-weight: 700; letter-spacing: 0.025em; } body .rb18.solution-cta:before { content: ''; position: absolute; top: -175px; left: 0; width: 100%; height: 175px; background: #fff; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(6deg); -webkit-transform: skewY(6deg); transform: skewY(6deg); } @media (min-width: 1500px) { body .rb18.solution-cta:before { -o-transform: skewY(3deg); -webkit-transform: skewY(3deg); transform: skewY(3deg); } } @media (max-width: 991px) { body .rb18.solution-cta:before { display: none; } } body .rb18.solution-cta .bg-img { max-height: 600px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .bg-img { height: 500px; } } @media (max-width: 767px) { body .rb18.solution-cta .bg-img { height: 400px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom { vertical-align: middle; } @media (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom { /* vertical-align: middle; padding-bottom: 0;*/ } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom.active .bottom-nav li { opacity: 1; visibility: visible; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom.active .content-wrap .button-wrap { /* .btn-default { color: $white; visibility: visible; animation-duration: .4s !important; animation-delay: 0s !important; animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-name: scaleZoom !important; &:before { opacity: 1; transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); } &:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; -webkit-transform: scale(1.2) rotate(90deg); transform: scale(1.2) rotate(90deg); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background-size: contain; } }*/ } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap { text-align: left; max-width: 700px; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap h2 { color: #fff; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap h5 { color: #fff; padding: 9px 0 22px; font-weight: 300; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap { display: none; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { position: relative; color: #ff681d; padding: 25px 80px 22px 38px; display: block; background: #fff; text-transform: uppercase; letter-spacing: 0.095em; font-weight: 400; border-radius: 50px; font-size: 20px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition: color 0.3s ease-in-out, -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out; transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); font-weight: 600; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { padding: 16px 60px 16px 25px; font-size: 18px; } } @media (max-width: 767px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { padding: 16px 60px 14px 26px; font-size: 16px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; height: 205%; background: #ff681d; opacity: 0; -webkit-transform: scaleX(0.2); -o-transform: scaleX(0.2); transform: scaleX(0.2); -webkit-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:after { content: ""; position: absolute; height: 22px; width: 22px; right: 42px; top: 0; bottom: 0; margin: auto; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowB.svg) top no-repeat; -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background-size: contain; } @media (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:after { right: 30px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover { color: #fff; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:before { opacity: 1; -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:after { /*top: 23px;*/ background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; -webkit-transform: scale(1.2) rotate(90deg); -o-transform: scale(1.2) rotate(90deg); transform: scale(1.2) rotate(90deg); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background-size: contain; } @media (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:after { /*top: 13px;*/ } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { position: relative; padding-top: 10px; width: 100%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { padding-top: 10px; } } @media (max-width: 767px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { padding-top: 0px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav:after { content: ""; display: block; clear: both; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { float: left; font-size: 0; width: 25%; text-align: left; padding-left: 10px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } @media (min-width: 481px) and (max-width: 595px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { width: 50%; padding-left: 0; } } @media (max-width: 480px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { width: 50%; padding-left: 0; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:first-child { padding-left: 0; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { display: inline-block; position: relative; font-size: 16px; color: #fff; font-weight: 700; margin: 25px 0 24px 45px; text-transform: uppercase; letter-spacing: 0.09em; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 14px; margin: 20px 0px 19px 35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 14px; margin: 20px 0px 19px 23px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 12px; margin: 20px 0px 0 23px; } } @media (max-width: 480px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 12px; margin: 20px 0px 0 23px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:hover:after { -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:after { content: ""; position: absolute; z-index: 0; width: 100%; bottom: -1px; left: 0; background: #ff681d; height: 2px; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transform-origin: right top; -webkit-transform-origin: right top; transform-origin: right top; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { content: ""; position: absolute; left: -45px; top: 0; bottom: 0; margin: auto; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } @media (max-width: 480px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 16px; height: 26px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_howToBuy.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 12px; height: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 10px; height: 17px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 8px; height: 14px; } } @media (max-width: 480px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 8px; height: 14px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 18px; height: 22px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_trials.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 17px; height: 21px; left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 14px; height: 18px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 11px; height: 14px; } } @media (max-width: 480px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 11px; height: 14px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 23px; height: 23px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_webinars.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 20px; height: 20px; left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 18px; height: 18px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 15px; height: 15px; } } @media (max-width: 480px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 15px; height: 15px; } } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 23px; height: 16px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_contact.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 20px; height: 14px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 17px; height: 12px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 16px; height: 11px; } } @media (max-width: 480px) { body .rb18.solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 16px; height: 11px; } } body .rb18.statistics { margin-top: -321px; } @media (max-width: 991px) { body .rb18.statistics { margin-top: -145px; } } body .rb18.statistics:before { content: ''; position: absolute; left: 0; width: 100%; height: 145px; top: 0; z-index: 2; background: #fff; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(-6deg); -webkit-transform: skewY(-6deg); transform: skewY(-6deg); } @media (min-width: 1500px) { body .rb18.statistics:before { -o-transform: skewY(-3deg); -webkit-transform: skewY(-3deg); transform: skewY(-3deg); } } @media (max-width: 991px) { body .rb18.statistics:before { top: 0; height: 140px; -o-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg); } } body .rb18.statistics .background-img { max-height: 918px; overflow: hidden; overflow: hidden; } @media screen and (max-width: 1400px) and (min-width: 1201px) { body .rb18.statistics .background-img { height: 740px; } } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.statistics .background-img { height: 650px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.statistics .background-img { height: 540px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.statistics .background-img { height: 650px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.statistics .background-img { height: 680px; } } @media (max-width: 480px) { body .rb18.statistics .background-img { height: 690px; } } body .rb18.statistics .background-img img { min-height: 100%; -o-object-fit: cover; object-fit: cover; min-width: 100%; } body .rb18.statistics .v-middle-wrapper { z-index: 1; } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle { color: #fff; } @media (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle { vertical-align: bottom; padding-bottom: 70px; } } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper { margin-top: 186px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper { margin-top: 136px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper { margin-top: 76px; } } @media (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper { margin-top: 0; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper { margin: 0 auto; max-width: 426px; } } @media (max-width: 480px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper { margin: 0 auto; max-width: 265px; } } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper h2 { word-spacing: 6px; } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row:after { content: ''; display: block; clear: both; } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three { margin: 40px 0; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three { margin: 30px 0; } } @media (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three { width: 100%; margin: 20px 0; } } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three .counter p { color: #fff; font-size: 147px; font-weight: 700; line-height: 0.8; display: inline-block; letter-spacing: -0.010em; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three .counter p { font-size: 100px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three .counter p { font-size: 80px; } } @media (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three .counter p { font-size: 60px; } } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three .counter span { color: #fff; font-size: 130px; font-weight: 600; line-height: 0.8; display: inline-block; font-family: "source-sans-pro", sans-serif; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three .counter span { font-size: 90px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three .counter span { font-size: 70px; } } @media (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three .counter span { font-size: 50px; } } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three p { color: #fff; font-size: 22px; margin-top: 8px; max-width: 402px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three p { font-size: 18px; } } @media (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three p { font-size: 16px; max-width: 100%; text-align: center; } } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three:nth-last-child(2) p { margin-left: 12px; } @media (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three:nth-last-child(2) p { margin-left: 0; } } body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three:last-child p { margin-left: 17px; } @media (max-width: 767px) { body .rb18.statistics .v-middle-wrapper .v-middle-inner .v-middle .content-wrapper .row .col-three:last-child p { margin-left: 0; } } body .rb18.usa-info-with-column { padding: 108px 0 35px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-info-with-column { padding: 60px 0 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-info-with-column { padding: 40px 0 0; } } @media (max-width: 767px) { body .rb18.usa-info-with-column { padding: 30px 0 0; } } body .rb18.usa-info-with-column .col-outer { float: left; width: 100%; } body .rb18.usa-info-with-column .col-outer .col-three { padding: 0 20px 0 12px; } @media (max-width: 767px) { body .rb18.usa-info-with-column .col-outer .col-three { padding: 0; } } body .rb18.usa-info-with-column .col-outer .col-three .content-box { position: relative; padding-bottom: 25px; } body .rb18.usa-info-with-column .col-outer .col-three .content-box h3 { text-transform: uppercase; font-weight: 300; letter-spacing: 0.210em; line-height: 1.2; } body .rb18.usa-info-with-column .col-outer .col-three .content-box p { font-size: 23px; color: #5b7e96; letter-spacing: 0.020em; padding: 8px 0 20px; line-height: 1.6; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-info-with-column .col-outer .col-three .content-box p { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-info-with-column .col-outer .col-three .content-box p { font-size: 18px; } } @media (max-width: 767px) { body .rb18.usa-info-with-column .col-outer .col-three .content-box p { font-size: 16px; line-height: 1.3; height: auto !important; } } body .rb18.usa-info-with-column .col-outer .col-three .content-box:after { content: ""; position: absolute; height: 1px; width: 100%; } body .rb18.usa-info-with-column .col-outer .col-three ul { padding: 0 28px 0 20px; margin-bottom: 7px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-info-with-column .col-outer .col-three ul { padding: 0 0 0 20px; } } @media (max-width: 767px) { body .rb18.usa-info-with-column .col-outer .col-three ul { height: auto !important; } } body .rb18.usa-info-with-column .col-outer .col-three ul li { font-size: 20px; color: #5b7e96; font-family: "source-sans-pro", sans-serif; position: relative; padding-bottom: 25px; line-height: 1.2; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-info-with-column .col-outer .col-three ul li { font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-info-with-column .col-outer .col-three ul li { font-size: 18px; } } @media (max-width: 767px) { body .rb18.usa-info-with-column .col-outer .col-three ul li { font-size: 16px; line-height: 1.3; padding-bottom: 20px; } } body .rb18.usa-info-with-column .col-outer .col-three ul li:after { content: ""; position: absolute; height: 7px; width: 7px; border-radius: 10px; left: -20px; top: 8px; } body .rb18.usa-info-with-column .col-outer .col-three .btn-box { position: relative; padding: 25px 30px 13px 30px; } @media (max-width: 767px) { body .rb18.usa-info-with-column .col-outer .col-three .btn-box { height: auto !important; margin-bottom: 30px; padding: 20px 20px 10px; } } body .rb18.usa-info-with-column .col-outer .col-three .btn-box > a { position: absolute; width: 100%; height: 100%; z-index: 4; left: 0; top: 0; } body .rb18.usa-info-with-column .col-outer .col-three .btn-box span { font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 700; font-family: "source-sans-pro", sans-serif; letter-spacing: 0.130em; } body .rb18.usa-info-with-column .col-outer .col-three .btn-box h6 { color: #fff; line-height: 1.21; padding: 2px 0 8px; } @media (max-width: 767px) { body .rb18.usa-info-with-column .col-outer .col-three .btn-box h6 { height: auto !important; } } body .rb18.usa-info-with-column .col-outer .col-three .btn-box .learn-more { background: none; padding-left: 0; font-size: 16px; } @media (max-width: 991px) { body .rb18.usa-info-with-column .col-outer .col-three .btn-box .learn-more { font-size: 14px; } } body .rb18.usa-info-with-column .col-outer .col-three .btn-box .learn-more:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; top: 4px; background-size: cover; } body .rb18.usa-info-with-column .col-outer .col-three.orange { padding: 0 20px 0 0; } @media (max-width: 767px) { body .rb18.usa-info-with-column .col-outer .col-three.orange { padding: 0; } } body .rb18.usa-info-with-column .col-outer .col-three.orange .content-box h3 { color: #ff681d; } body .rb18.usa-info-with-column .col-outer .col-three.orange .content-box:after { background: #ff681d; } body .rb18.usa-info-with-column .col-outer .col-three.orange ul li:after { background: #ff681d; } body .rb18.usa-info-with-column .col-outer .col-three.orange .btn-box { background: #ff681d; } body .rb18.usa-info-with-column .col-outer .col-three.blue .content-box h3 { color: #5FB4E5; } body .rb18.usa-info-with-column .col-outer .col-three.blue .content-box:after { background: #5FB4E5; } body .rb18.usa-info-with-column .col-outer .col-three.blue ul li:after { background: #5FB4E5; } body .rb18.usa-info-with-column .col-outer .col-three.blue .btn-box { background: #5FB4E5; } body .rb18.usa-info-with-column .col-outer .col-three.horizon .content-box h3 { color: #5b7e96; } body .rb18.usa-info-with-column .col-outer .col-three.horizon .content-box:after { background: #5b7e96; } body .rb18.usa-info-with-column .col-outer .col-three.horizon ul li:after { background: #5b7e96; } body .rb18.usa-info-with-column .col-outer .col-three.horizon .btn-box { background: #5b7e96; } body .rb18.usa-infographic { padding: 175px 0 54px; z-index: 1; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-infographic { padding: 50px 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-infographic { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.usa-infographic { padding: 30px 0; } } body .rb18.usa-infographic .container { max-width: 1186px; } body .rb18.usa-infographic .container > h6 { color: #303D49; font-weight: 300; margin-bottom: 7px; padding: 10px 0 43px; max-width: 994px; margin: 0 auto; text-align: center; letter-spacing: 0.048em; line-height: 1.21; } @media (max-width: 767px) { body .rb18.usa-infographic .container > h6 { padding: 0 0 20px; } } body .rb18.usa-infographic h3 { text-align: center; color: #ff681d; letter-spacing: 0.150em; font-weight: 300; margin-bottom: 28px; text-transform: uppercase; } body .rb18.usa-infographic .content-wrapper { background: #fff; /* opacity: 0.8;*/ /* padding: 20px; border: 20px solid $catskill-white;*/ border-radius: 10px; position: relative; height: 479px; overflow: hidden; -webkit-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; -webkit-box-shadow: 0 4px 8px 3px rgba(128, 128, 128, 0.18); box-shadow: 0 4px 8px 3px rgba(128, 128, 128, 0.18); border: 20px solid #E3ECF3; } @media (max-width: 767px) { body .rb18.usa-infographic .content-wrapper { height: 1030px; } } body .rb18.usa-infographic .active { background: #fff; } body .rb18.usa-infographic .active .lock-box { opacity: 0; } body .rb18.usa-infographic .lock-box { margin-top: 12px; position: relative; opacity: 1; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } body .rb18.usa-infographic .lock-box:after { content: ''; position: absolute; width: 100%; height: 1px; background: #5b7e96; left: 0; top: 50%; } body .rb18.usa-infographic .lock-box span { font-size: 16px; position: relative; display: inline-block; z-index: 1; background: #5b7e96; padding: 6px 17px; color: #fff; border-radius: 25px; font-family: "source-sans-pro", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; } @media (max-width: 767px) { body .rb18.usa-infographic .lock-box span { font-size: 14px; } } body .rb18.usa-infographic .lock-box span:before { content: ''; display: inline-block; width: 20px; height: 11px; background-image: url(/content/dam/riverbed-www/en_US/framework/redesign/images/lock.svg); background-repeat: no-repeat; background-size: 100% 100%; margin-right: 4px; } body .rb18.usa-infographic .column-wrapper { text-align: center; padding: 0 20px; height: 280px; } body .rb18.usa-infographic .column-wrapper .col-three { cursor: pointer; position: absolute; left: 3px; top: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-infographic .column-wrapper .col-three { left: 10px; } } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three { width: 100%; top: 30px; left: 0; } } body .rb18.usa-infographic .column-wrapper .col-three:nth-child(2) { left: 33.33%; } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three:nth-child(2) { left: 0; top: 33.33%; } } body .rb18.usa-infographic .column-wrapper .col-three:nth-child(3) { left: 66.66%; } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three:nth-child(3) { left: 0; top: 63%; } } body .rb18.usa-infographic .column-wrapper .col-three .text-animate { opacity: 0; position: absolute; top: 0; width: 100%; left: 0; text-align: left; visibility: hidden; -webkit-transform: translateY(-800px); -o-transform: translateY(-800px); transform: translateY(-800px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } body .rb18.usa-infographic .column-wrapper .col-three .text-animate h6 { text-transform: uppercase; font-weight: 400; } body .rb18.usa-infographic .column-wrapper .col-three .text { position: relative; margin-top: 40px; -webkit-transition: margin 0.4s ease 0.8s; -o-transition: margin 0.4s ease 0.8s; transition: margin 0.4s ease 0.8s; } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three .text { margin-top: 0; } } body .rb18.usa-infographic .column-wrapper .col-three .text h6 { color: #5b7e96; font-weight: 400; margin-bottom: 7px; padding: 10px 0; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; letter-spacing: 0.010em; font-size: 22px; opacity: 1; -webkit-transition: opacity 0.3s ease 0.3s; -o-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-infographic .column-wrapper .col-three .text h6 { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-infographic .column-wrapper .col-three .text h6 { font-size: 18px; } } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three .text h6 { font-size: 16px; } } body .rb18.usa-infographic .column-wrapper .col-three .close-icon { position: absolute; height: 29px; width: 28px; right: 20px; top: calc(50% - 14px); z-index: 2; opacity: 0; -webkit-transform: translateY(-800px); -o-transform: translateY(-800px); transform: translateY(-800px); cursor: pointer; } @media (max-width: 480px) { body .rb18.usa-infographic .column-wrapper .col-three .close-icon { right: 12px; } } body .rb18.usa-infographic .column-wrapper .col-three .close-icon img { width: 100%; height: 100%; } body .rb18.usa-infographic .column-wrapper .col-three .content { max-width: 305px; margin: 0 auto; height: 67px; } @media (max-width: 480px) { body .rb18.usa-infographic .column-wrapper .col-three .content { max-width: 288px; } } body .rb18.usa-infographic .column-wrapper .col-three .content span { display: inline-block; max-width: 128px; width: calc(100% - 10px); margin: 0 5px 10px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-infographic .column-wrapper .col-three .content span { max-width: 114px; width: calc(100% - 4px); margin: 0 2px 10px; } } @media (max-width: 991px) { body .rb18.usa-infographic .column-wrapper .col-three .content span { max-width: 98px; width: calc(100% - 4px); margin: 0 2px 6px; } } @media (max-width: 480px) { body .rb18.usa-infographic .column-wrapper .col-three .content span { max-width: 90px; } } body .rb18.usa-infographic .column-wrapper .col-three .content span img { height: 100%; } body .rb18.usa-infographic .column-wrapper .col-three .content svg { height: 100%; width: 100%; } body .rb18.usa-infographic .column-wrapper .col-three .icon { max-width: 140px; margin: 0 auto 10px; position: relative; } body .rb18.usa-infographic .column-wrapper .col-three .icon svg { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body .rb18.usa-infographic .column-wrapper .col-three .icon svg:first-child { position: relative; max-width: 140px; -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } body .rb18.usa-infographic .column-wrapper .col-three .icon svg:last-child { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); max-width: 140px; } body .rb18.usa-infographic .column-wrapper .col-three .icon svg circle { stroke-dashoffset: 1200; stroke-dasharray: 1200 , 2400; } body .rb18.usa-infographic .column-wrapper .col-three .icon.animate1 svg:first-child { -webkit-animation: svg-transform-animation 0.2s linear forwards 1.0s; -o-animation: svg-transform-animation 0.2s linear forwards 1.0s; animation: svg-transform-animation 0.2s linear forwards 1.0s; } body .rb18.usa-infographic .column-wrapper .col-three .icon.animate1 circle { -webkit-animation: svg-circle-animation 0.2s linear forwards 0.8s; -o-animation: svg-circle-animation 0.2s linear forwards 0.8s; animation: svg-circle-animation 0.2s linear forwards 0.8s; } body .rb18.usa-infographic .column-wrapper .col-three .icon.animate2 svg:first-child { -webkit-animation: svg-transform-animation 0.2s linear forwards 1.6s; -o-animation: svg-transform-animation 0.2s linear forwards 1.6s; animation: svg-transform-animation 0.2s linear forwards 1.6s; } body .rb18.usa-infographic .column-wrapper .col-three .icon.animate2 circle { -webkit-animation: svg-circle-animation 0.2s linear forwards 1.4s; -o-animation: svg-circle-animation 0.2s linear forwards 1.4s; animation: svg-circle-animation 0.2s linear forwards 1.4s; } body .rb18.usa-infographic .column-wrapper .col-three .icon.animate3 svg:first-child { -webkit-animation: svg-transform-animation 0.2s linear forwards 2.2s; -o-animation: svg-transform-animation 0.2s linear forwards 2.2s; animation: svg-transform-animation 0.2s linear forwards 2.2s; } body .rb18.usa-infographic .column-wrapper .col-three .icon.animate3 circle { -webkit-animation: svg-circle-animation 0.2s linear forwards 2.0s; -o-animation: svg-circle-animation 0.2s linear forwards 2.0s; animation: svg-circle-animation 0.2s linear forwards 2.0s; } body .rb18.usa-infographic .column-wrapper .col-three:hover .icon svg:first-child { opacity: 0; } body .rb18.usa-infographic .column-wrapper .col-three:hover .icon svg:last-child { opacity: 1; -webkit-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } body .rb18.usa-infographic .column-wrapper .col-three .grid-off { display: block; float: left; max-width: 364px; width: 100%; padding: 0 30px; -webkit-transition: padding 0.4s ease; -o-transition: padding 0.4s ease; transition: padding 0.4s ease; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-infographic .column-wrapper .col-three .grid-off { padding: 0 10px; max-width: 284px; } } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three .grid-off { float: none; margin: 30px auto 0; width: auto !important; padding: 0 20px; } } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate { display: none; font-size: 0; position: relative; } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .learn-more { padding: 11px 23px 10px 23px; } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .learn-more:after { display: none; } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .learn-more.blue-color { color: #5fb4e5; } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .learn-more.blue-color:hover { background: #5fb4e5; color: #fff; } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .learn-more.grey-color { color: #597d96; } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .learn-more.grey-color:hover { background: #597d96; color: #fff; } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .two-third { text-align: left; padding: 0 20px; opacity: 0; -webkit-transform: translateY(800px); -o-transform: translateY(800px); transform: translateY(800px); } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .two-third p { font-size: 18px; line-height: 1.6; color: #415464; } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .two-third p { font-size: 16px; } } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .two-third ul { padding: 20px 20px 20px 40px; } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .two-third ul { padding: 20px; } } body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .two-third ul li { font-size: 16px; line-height: 2.25; font-family: "source-sans-pro", sans-serif; list-style-type: disc; color: #415464; } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three .grid-animate .two-third ul li { font-size: 14px; line-height: 2; } } body .rb18.usa-infographic .column-wrapper .col-three.siblings-grid { -webkit-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; } body .rb18.usa-infographic .column-wrapper .col-three.active-grid { width: 100%; left: 0; z-index: 2; top: 0; cursor: default; -webkit-transition: top 400ms 200ms,left 400ms 200ms, height 400ms 600ms, width 400ms 600ms linear; -o-transition: top 400ms 200ms,left 400ms 200ms, height 400ms 600ms, width 400ms 600ms linear; transition: top 400ms 200ms,left 400ms 200ms, height 400ms 600ms, width 400ms 600ms linear; } body .rb18.usa-infographic .column-wrapper .col-three.active-grid:hover .icon svg:first-child { opacity: 1; } body .rb18.usa-infographic .column-wrapper .col-three.active-grid:hover .icon svg:last-child { opacity: 0; } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .text h6 { opacity: 0; visibility: hidden; } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .text-animate { opacity: 1; visibility: visible; opacity: 1; border-top-left-radius: 0; border-top-right-radius: 0; /* border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;*/ -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: background 0.4s ease 800ms, color 0.4s ease 800ms, -webkit-transform 0.4s ease 800ms; transition: background 0.4s ease 800ms, color 0.4s ease 800ms, -webkit-transform 0.4s ease 800ms; -o-transition: background 0.4s ease 800ms, color 0.4s ease 800ms, -o-transform 0.4s ease 800ms; transition: transform 0.4s ease 800ms, background 0.4s ease 800ms, color 0.4s ease 800ms; transition: transform 0.4s ease 800ms, background 0.4s ease 800ms, color 0.4s ease 800ms, -webkit-transform 0.4s ease 800ms, -o-transform 0.4s ease 800ms; background: -webkit-gradient(linear, left top, right top, from(#ff6e1d), to(#ffb21d)); background: -webkit-linear-gradient(left, #ff6e1d 0%, #ffb21d 100%); background: -o-linear-gradient(left, #ff6e1d 0%, #ffb21d 100%); background: linear-gradient(to right, #ff6e1d 0%, #ffb21d 100%); } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .text-animate h6 { padding: 10px 30px; color: #fff; } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .text-animate.bg-blue { background: -webkit-gradient(linear, left top, right top, from(#276cad), to(#5fb2e3)); background: -webkit-linear-gradient(left, #276cad 0%, #5fb2e3 100%); background: -o-linear-gradient(left, #276cad 0%, #5fb2e3 100%); background: linear-gradient(to right, #276cad 0%, #5fb2e3 100%); } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .text-animate.bg-grey { background: -webkit-gradient(linear, left top, right top, from(#303d49), to(#5b7e96)); background: -webkit-linear-gradient(left, #303d49 0%, #5b7e96 100%); background: -o-linear-gradient(left, #303d49 0%, #5b7e96 100%); background: linear-gradient(to right, #303d49 0%, #5b7e96 100%); } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .close-icon { opacity: 1; -webkit-animation-name: showinfraheading; -o-animation-name: showinfraheading; animation-name: showinfraheading; -webkit-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms; -webkit-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .close-icon img:hover { -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear, -o-transform 0.3s linear; } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .grid-off { padding: 0 30px; } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three.active-grid .grid-off { width: 100%; display: block; height: auto; margin: 30px auto; padding: 30px; } } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .grid-animate { display: block; float: left; width: calc(100% - 355px); padding: 15px 0; } @media (max-width: 767px) { body .rb18.usa-infographic .column-wrapper .col-three.active-grid .grid-animate { width: 100% !important; display: block; height: auto; padding: 0; } } body .rb18.usa-infographic .column-wrapper .col-three.active-grid .grid-animate .two-third { -webkit-animation-name: showinfraheading; -o-animation-name: showinfraheading; animation-name: showinfraheading; -webkit-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms; -webkit-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } body .rb18.usa-infographic .column-wrapper .col-three.inactive-grid { left: 0; } body .rb18.usa-infographic .column-wrapper .col-three.inactive-grid .text h6 { opacity: 0; visibility: hidden; } body .rb18.usa-infographic .column-wrapper .col-three.slide-active { -webkit-transition: none; -o-transition: none; transition: none; } body .rb18.usa-infographic .column-wrapper .col-three.slide-active .grid-animate .two-third { -webkit-animation-delay: 50ms; -o-animation-delay: 50ms; animation-delay: 50ms; } body .rb18.usa-infographic .column-wrapper .col-three.slide-active .grid-off .icon { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; } body .rb18.usa-infographic .column-wrapper .col-three.slide-active .grid-off .icon svg { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } body .rb18.usa-infographic .column-wrapper .col-three.slide-active .grid-off .icon circle { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } body .rb18.usa-infographic .column-wrapper .col-three.slide-active .grid-off .content { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; } body .rb18.usa-infographic .column-wrapper .col-three.slide-active .text-animate { -webkit-transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms; transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms; -o-transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -o-transform 0.4s ease 100ms; transition: transform 0.4s ease 100ms, background 0.4s ease 100ms, color 0.4s ease 100ms; transition: transform 0.4s ease 100ms, background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms, -o-transform 0.4s ease 100ms; } body .rb18.usa-infographic .column-wrapper .col-three.slide-active .close-icon { -webkit-animation-delay: 100ms; -o-animation-delay: 100ms; animation-delay: 100ms; } body .rb18.usa-infographic .column-wrapper .col-three.sibling-active { -webkit-transition: none; -o-transition: none; transition: none; } body .rb18.usa-infographic .column-wrapper .col-three.sibling-active .grid-animate .two-third { -webkit-animation-delay: 50ms; -o-animation-delay: 50ms; animation-delay: 50ms; } body .rb18.usa-infographic .column-wrapper .col-three.sibling-active .grid-off .icon { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; } body .rb18.usa-infographic .column-wrapper .col-three.sibling-active .grid-off .icon svg { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } body .rb18.usa-infographic .column-wrapper .col-three.sibling-active .grid-off .icon circle { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; -o-animation-duration: 0s !important; animation-duration: 0s !important; } body .rb18.usa-infographic .column-wrapper .col-three.sibling-active .grid-off .content { -webkit-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; } body .rb18.usa-infographic .column-wrapper .col-three.sibling-active .text-animate { -webkit-transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms; transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms; -o-transition: background 0.4s ease 100ms, color 0.4s ease 100ms, -o-transform 0.4s ease 100ms; transition: transform 0.4s ease 100ms, background 0.4s ease 100ms, color 0.4s ease 100ms; transition: transform 0.4s ease 100ms, background 0.4s ease 100ms, color 0.4s ease 100ms, -webkit-transform 0.4s ease 100ms, -o-transform 0.4s ease 100ms; } body .rb18.usa-infographic .column-wrapper .col-three.sibling-active .close-icon { -webkit-animation-delay: 50ms; -o-animation-delay: 50ms; animation-delay: 50ms; } body .rb18.usa-infographic .active ~ .slide-nav { visibility: visible; -webkit-animation-name: showinfraheading; -o-animation-name: showinfraheading; animation-name: showinfraheading; -webkit-animation-delay: 1200ms; -o-animation-delay: 1200ms; animation-delay: 1200ms; -webkit-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } body .rb18.usa-infographic .slide-nav { position: absolute; width: 100%; bottom: -2px; left: 0; padding: 16px; opacity: 0; visibility: hidden; background: #e0eaf1; -webkit-transform: translateY(800px); -o-transform: translateY(800px); transform: translateY(800px); z-index: 2; } @media (max-width: 767px) { body .rb18.usa-infographic .slide-nav { padding: 20px 10px; } } body .rb18.usa-infographic .slide-nav .dots { text-align: center; margin: auto; float: left; position: absolute; left: 50%; } body .rb18.usa-infographic .slide-nav .dots span { display: inline-block; width: 10px; height: 10px; border: 1px solid #5b7e96; border-radius: 50%; background: #fff; margin-right: 7px; cursor: pointer; } body .rb18.usa-infographic .slide-nav .dots span:last-child { margin-right: 0; } @media (max-width: 767px) { body .rb18.usa-infographic .slide-nav .dots span { margin-right: 5px; } } body .rb18.usa-infographic .slide-nav .dots span.active { background: #5b7e96; } body .rb18.usa-infographic .slide-nav .arrow { float: left; width: 100%; } @media (max-width: 480px) { body .rb18.usa-infographic .slide-nav .arrow { text-align: center; } } body .rb18.usa-infographic .slide-nav .arrow .icon { width: 11px; height: 10px; display: inline-block; vertical-align: middle; } body .rb18.usa-infographic .slide-nav .arrow .icon img { height: 100%; } body .rb18.usa-infographic .slide-nav .arrow .text { display: inline-block; height: 100%; font-size: 14px; vertical-align: middle; letter-spacing: 0.1em; color: #5b7e96; font-family: "source-sans-pro", sans-serif; font-weight: 600; text-transform: uppercase; } @media (max-width: 767px) { body .rb18.usa-infographic .slide-nav .arrow .text { font-size: 12px; } } @media (max-width: 480px) { body .rb18.usa-infographic .slide-nav .arrow .text { display: none; } } body .rb18.usa-infographic .slide-nav .arrow .next { float: right; cursor: pointer; } body .rb18.usa-infographic .slide-nav .arrow .next .text { margin-right: 5px; } @media (max-width: 767px) { body .rb18.usa-infographic .slide-nav .arrow .next .text { margin-right: 0; } } body .rb18.usa-infographic .slide-nav .arrow .prev { float: left; cursor: pointer; } body .rb18.usa-infographic .slide-nav .arrow .prev .text { margin-left: 5px; } @media (max-width: 767px) { body .rb18.usa-infographic .slide-nav .arrow .prev .text { margin-left: 0; } } body .rb18.usa-infographic.grid-click .content-wrapper { padding: 20px; border: 20px solid #E3ECF3; -webkit-box-shadow: 0 4px 8px 3px rgba(128, 128, 128, 0.18); box-shadow: 0 4px 8px 3px rgba(128, 128, 128, 0.18); } @keyframes showinfraheading { 0% { opacity: 0; -webkit-transform: translateY(800px); -o-transform: translateY(800px); transform: translateY(800px); } 100% { opacity: 1; -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes svg-circle-animation { 0% { stroke-dasharray: 1200 , 2400; } 100% { stroke-dasharray: 3600 , 2400; } } @keyframes svg-transform-animation { 0% { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } body .rb18.usa-resource-cards-two { background: #fff; overflow: visible; min-height: 472px; padding-bottom: 0; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-resource-cards-two { padding: 60px 0; } } @media (max-width: 991px) { body .rb18.usa-resource-cards-two { margin-top: 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-resource-cards-two { padding: 40px 0; } } @media (max-width: 767px) { body .rb18.usa-resource-cards-two { padding: 0 0 30px; } } body .rb18.usa-resource-cards-two:after { content: ''; position: absolute; left: 0; width: 100%; height: 205px; bottom: 0; background: #fff; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(5deg); -webkit-transform: skewY(5deg); transform: skewY(5deg); } @media (min-width: 1500px) { body .rb18.usa-resource-cards-two:after { -o-transform: skewY(3deg); -webkit-transform: skewY(3deg); transform: skewY(3deg); } } @media (max-width: 991px) { body .rb18.usa-resource-cards-two:after { display: none; } } body .rb18.usa-resource-cards-two .container { max-width: 1190px; padding: 0 5px; } @media (max-width: 767px) { body .rb18.usa-resource-cards-two .container { padding: 0 10px; } } body .rb18.usa-resource-cards-two .container .head-wrap { padding: 0 15px 35px; text-align: center; } @media (max-width: 991px) { body .rb18.usa-resource-cards-two .container .head-wrap { padding: 0 15px 20px; } } body .rb18.usa-resource-cards-two .container .head-wrap h2 { color: #415464; } body .rb18.usa-resource-cards-two .container .head-wrap p { color: #303D49; font-size: 28px; font-weight: 300; padding-top: 3px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-resource-cards-two .container .head-wrap p { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-resource-cards-two .container .head-wrap p { font-size: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-resource-cards-two .container .head-wrap p { font-size: 18px; } } @media (max-width: 595px) { body .rb18.usa-resource-cards-two .container .head-wrap p { font-size: 16px; } } body .rb18.usa-resource-cards-two .container .column-wrapper { position: relative; width: 100%; z-index: 3; margin-top: 5px; font-size: 0; text-align: center; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two { float: none; display: inline-block; vertical-align: top; border-radius: 10px; margin: 15px; width: calc(50% - 30px); height: 500px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two { width: calc(50% - 30px); } } @media (max-width: 767px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two { margin: 10px; } } @media (min-width: 681px) and (max-width: 767px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two { width: calc(50% - 20px); height: 450px; } } @media (max-width: 680px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two { width: calc(100% - 30px); height: 400px; margin: 15px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two:nth-child(1) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 61px; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two:nth-child(2) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 54px; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two:nth-child(3) .v-middle-wrapper .v-middle-inner .v-bottom .icon { width: 72px; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .bg-img img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper span { position: absolute; left: 40px; top: 30px; font-size: 16px; font-weight: 400; letter-spacing: 0.03em; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; color: #fff; background: #5FB4E5; padding: 3px 16px 4px; border-radius: 20px; letter-spacing: 0.100em; border-radius: 20px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper span { left: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper span { left: 25px; } } @media (max-width: 767px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper span { left: 20px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom { text-align: left; padding: 0 37px 27px 40px; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 30px 27px 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 25px 25px 25px; } } @media (max-width: 767px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom { padding: 0 20px 20px 20px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { color: #fff; font-weight: 300; line-height: 1.57; letter-spacing: -0.01em; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; max-height: 144px; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; } @media (max-width: 1200px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { line-height: 1.2; } } @media (max-width: 595px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom h5 { font-size: 18px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 30px; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 20px; } } @media (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon { margin-bottom: 20px; } } @media (max-width: 680px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon img { width: 50px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { position: absolute; bottom: 30px; right: 30px; left: 40px; opacity: 0; max-width: 330px; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 30px; left: 30px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 25px; left: 25px; } } @media (max-width: 767px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info { right: 20px; left: 20px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { position: relative; bottom: -40px; color: #fff; font-size: 22px; line-height: 1.2; font-family: "source-sans-pro", sans-serif; font-weight: 300; margin: 18px 0 15px; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; max-height: 144px; -webkit-line-clamp: 4; -moz-line-clamp: 4; -ms-line-clamp: 4; -o-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: bottom 0.5s ease; -o-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 18px; } } @media (max-width: 595px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { font-size: 16px; } } @-moz-document url-prefix() { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { max-height: 104px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a { position: relative; color: #fff; font-family: "source-sans-pro", sans-serif; text-transform: uppercase; font-weight: 400; bottom: -10px; font-size: 16px; -webkit-transition: bottom 0.5s ease; -o-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } @media (max-width: 767px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a { font-size: 14px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info a:after { content: ''; position: absolute; right: -30px; top: 0; bottom: 0; margin: auto; width: 21px; height: 21px; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA.svg) top no-repeat; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .inner-content { position: relative; border-radius: 10px; overflow: hidden; width: 100%; bottom: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .inner-content:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background: rgba(0, 0, 0, 0.3); } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .inner-content:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+32,000000+32,000000+100&0+0,0+36,0.04+44,0.07+46,0.09+46,0.09+49,0.13+50,0.12+51,0.15+51,0.19+54,0.24+56,0.24+56,0.28+57,0.3+59,0.34+59,0.32+60,0.36+60,0.39+61,0.73+71,0.9+78,0.97+83,0.99+87,1+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(32%, transparent), color-stop(36%, transparent), color-stop(44%, rgba(0, 0, 0, 0.04)), color-stop(46%, rgba(0, 0, 0, 0.09)), color-stop(49%, rgba(0, 0, 0, 0.09)), color-stop(50%, rgba(0, 0, 0, 0.13)), color-stop(51%, rgba(0, 0, 0, 0.15)), color-stop(54%, rgba(0, 0, 0, 0.19)), color-stop(56%, rgba(0, 0, 0, 0.24)), color-stop(57%, rgba(0, 0, 0, 0.28)), color-stop(59%, rgba(0, 0, 0, 0.34)), color-stop(60%, rgba(0, 0, 0, 0.36)), color-stop(61%, rgba(0, 0, 0, 0.39)), color-stop(71%, rgba(0, 0, 0, 0.73)), color-stop(78%, rgba(0, 0, 0, 0.9)), color-stop(83%, rgba(0, 0, 0, 0.97)), color-stop(87%, rgba(0, 0, 0, 0.99)), to(black)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, transparent 32%, transparent 36%, rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.09) 46%, rgba(0, 0, 0, 0.09) 49%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.28) 57%, rgba(0, 0, 0, 0.34) 59%, rgba(0, 0, 0, 0.36) 60%, rgba(0, 0, 0, 0.39) 61%, rgba(0, 0, 0, 0.73) 71%, rgba(0, 0, 0, 0.9) 78%, rgba(0, 0, 0, 0.97) 83%, rgba(0, 0, 0, 0.99) 87%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .inner-content > a { position: absolute; width: 100%; height: 100%; z-index: 4; left: 0; top: 0; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .inner-content .bg-img { height: 500px; } @media (min-width: 681px) and (max-width: 767px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .inner-content .bg-img { height: 450px; } } @media (max-width: 680px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two .inner-content .bg-img { height: 400px; } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active { z-index: 9; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active .inner-content { position: absolute; bottom: 30px; opacity: 1; z-index: 5; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active .inner-content:before { background: rgba(48, 61, 73, 0.9); } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active .inner-content:after { opacity: 0; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .icon, body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom h5 { -webkit-transform: translateY(-145px); -o-transform: translateY(-145px); transform: translateY(-145px); } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info { opacity: 1; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info p, body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active .v-middle-wrapper .v-middle-inner .v-bottom .info a { bottom: 0; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active.left .inner-content { -o-transform: scale(1.1, 1.04) translateX(26px); -webkit-transform: scale(1.1, 1.04) translateX(26px); transform: scale(1.1, 1.04) translateX(26px); } @media (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active.left .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active.center .inner-content { -o-transform: scale(1.15, 1.1); -webkit-transform: scale(1.15, 1.1); transform: scale(1.15, 1.1); } @media (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active.center .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active.right .inner-content { -o-transform: scale(1.1, 1.04) translateX(-26px); -webkit-transform: scale(1.1, 1.04) translateX(-26px); transform: scale(1.1, 1.04) translateX(-26px); } @media (max-width: 991px) { body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active.right .inner-content { -o-transform: inherit; -webkit-transform: inherit; transform: inherit; bottom: 0; -o-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); } } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two.active:hover .inner-content { -webkit-box-shadow: none; box-shadow: none; } body .rb18.usa-resource-cards-two .container .column-wrapper .col-two:hover .inner-content { -webkit-transform: scale(1.04, 1.04); -o-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.5); } body.ie-all .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .icon img { width: 61px; } body.ie-all .rb18.resource-cards-two .container .column-wrapper .col-two .v-middle-wrapper .v-middle-inner .v-bottom .info p { max-height: 125px; } body .rb18.usa-second-level-banner .bg-img { max-height: 542px; min-height: 450px; height: 100%; } @media (max-width: 767px) { body .rb18.usa-second-level-banner .bg-img { max-height: 450px; min-height: 450px; } } body .rb18.usa-second-level-banner .bg-img img { width: auto; height: 100%; min-height: inherit; -o-object-fit: cover; object-fit: cover; min-width: 100%; } body .rb18.usa-second-level-banner .text-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } body .rb18.usa-second-level-banner .text-wrap .container { height: 100%; } body .rb18.usa-second-level-banner .text-wrap .text-container { position: relative; top: 54.5%; -webkit-transform: translateY(-52%); -o-transform: translateY(-52%); transform: translateY(-52%); width: 100%; max-width: 640px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-second-level-banner .text-wrap .text-container { max-width: 62%; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-second-level-banner .text-wrap .text-container { max-width: 74%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-second-level-banner .text-wrap .text-container { max-width: 57%; } } @media (max-width: 480px) { body .rb18.usa-second-level-banner .text-wrap .text-container { max-width: 85%; } } body .rb18.usa-second-level-banner .text-wrap .text-container h1 { font-size: 70px; display: inline-block; width: 100%; color: #fff; line-height: 1.2; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-second-level-banner .text-wrap .text-container h1 { font-size: 50px; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-second-level-banner .text-wrap .text-container h1 { font-size: 45px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-second-level-banner .text-wrap .text-container h1 { font-size: 40px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-second-level-banner .text-wrap .text-container h1 { font-size: 35px; } } @media (max-width: 480px) { body .rb18.usa-second-level-banner .text-wrap .text-container h1 { max-width: 87%; font-size: 30px; } } body .rb18.usa-second-level-banner .text-wrap .text-container h4 { font-size: 34px; color: #fff; padding: 4px 0 0; letter-spacing: 0.047em; font-weight: 400; line-height: 1.2; } @media (min-width: 992px) and (max-width: 1200px) { body .rb18.usa-second-level-banner .text-wrap .text-container h4 { font-size: 30px; padding: 12px 0 0; } } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-second-level-banner .text-wrap .text-container h4 { font-size: 28px; padding: 12px 0 0; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-second-level-banner .text-wrap .text-container h4 { max-width: 86%; font-size: 24px; padding: 12px 0 0; } } @media (max-width: 595px) { body .rb18.usa-second-level-banner .text-wrap .text-container h4 { padding: 12px 0 0; font-size: 20px; } } @media (max-width: 480px) { body .rb18.usa-second-level-banner .text-wrap .text-container h4 { max-width: 87%; } } body .rb18.usa-second-level-banner .text-wrap .floating-icons > div { position: absolute; width: 20%; } body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 130px; height: 130px; right: 31.5%; top: 32%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 115px; height: 115px; right: 24%; top: 38%; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 105px; height: 105px; right: 20%; top: 46%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 85px; height: 85px; right: 27%; top: 55%; } } @media (max-width: 480px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:first-of-type { width: 60px; height: 60px; right: 10%; top: 63%; } } body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 160px; height: 160px; right: 20px; top: 22%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 140px; height: 140px; right: 20px; top: 28%; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 125px; height: 125px; right: 20px; top: 25%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 105px; height: 105px; right: 20px; top: 26%; } } @media (max-width: 480px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:nth-of-type(2) { width: 80px; height: 80px; right: 15px; top: 34%; } } body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 266px; height: 266px; right: 12%; top: 59%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 220px; height: 220px; right: 5%; top: 66%; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 200px; height: 200px; right: 5%; top: 70%; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 156px; height: 156px; right: 7%; top: 76%; } } @media (max-width: 480px) { body .rb18.usa-second-level-banner .text-wrap .floating-icons > div:last-of-type { width: 130px; height: 130px; right: 5%; top: 86%; } } body .rb18.usa-solution-cta:before { content: ''; position: absolute; top: -175px; left: 0; width: 100%; height: 175px; background: #fff; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(6deg); -webkit-transform: skewY(6deg); transform: skewY(6deg); } @media (min-width: 1500px) { body .rb18.usa-solution-cta:before { -o-transform: skewY(3deg); -webkit-transform: skewY(3deg); transform: skewY(3deg); } } @media (max-width: 991px) { body .rb18.usa-solution-cta:before { display: none; } } body .rb18.usa-solution-cta .bg-img { max-height: 600px; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .bg-img { height: 500px; } } @media (max-width: 767px) { body .rb18.usa-solution-cta .bg-img { height: 400px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom { vertical-align: middle; } @media (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom { /* vertical-align: middle; padding-bottom: 0;*/ } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom.active .bottom-nav li { opacity: 1; visibility: visible; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom.active .content-wrap .button-wrap { /* .btn-default { color: $white; visibility: visible; animation-duration: .4s !important; animation-delay: 0s !important; animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-name: scaleZoom !important; &:before { opacity: 1; transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); } &:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; -webkit-transform: scale(1.2) rotate(90deg); transform: scale(1.2) rotate(90deg); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background-size: contain; } }*/ } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap { text-align: left; max-width: 700px; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap h2 { color: #fff; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap h5 { color: #fff; padding: 9px 0 22px; font-weight: 300; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap { display: none; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { position: relative; color: #ff681d; padding: 25px 80px 22px 38px; display: block; background: #fff; text-transform: uppercase; letter-spacing: 0.095em; font-weight: 400; border-radius: 50px; font-size: 20px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition: color 0.3s ease-in-out, -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out; transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); font-weight: 600; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { padding: 16px 60px 16px 25px; font-size: 18px; } } @media (max-width: 767px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default { padding: 16px 60px 14px 26px; font-size: 16px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; height: 205%; background: #ff681d; opacity: 0; -webkit-transform: scaleX(0.2); -o-transform: scaleX(0.2); transform: scaleX(0.2); -webkit-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:after { content: ""; position: absolute; height: 22px; width: 22px; right: 42px; top: 0; bottom: 0; margin: auto; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowB.svg) top no-repeat; -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background-size: contain; } @media (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:after { right: 30px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover { color: #fff; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:before { opacity: 1; -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:after { /*top: 23px;*/ background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; -webkit-transform: scale(1.2) rotate(90deg); -o-transform: scale(1.2) rotate(90deg); transform: scale(1.2) rotate(90deg); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background-size: contain; } @media (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:after { /*top: 13px;*/ } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { position: relative; padding-top: 10px; width: 100%; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { padding-top: 10px; } } @media (max-width: 767px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav { padding-top: 0px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav:after { content: ""; display: block; clear: both; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { float: left; font-size: 0; width: 25%; text-align: left; padding-left: 10px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { width: 50%; padding-left: 0; } } @media (max-width: 480px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li { width: 50%; padding-left: 0; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:first-child { padding-left: 0; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { display: inline-block; position: relative; font-size: 16px; color: #fff; font-weight: 700; margin: 25px 0 24px 45px; text-transform: uppercase; letter-spacing: 0.09em; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 14px; margin: 20px 0px 19px 35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 14px; margin: 20px 0px 19px 23px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 12px; margin: 20px 0px 0 23px; } } @media (max-width: 480px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a { font-size: 12px; margin: 20px 0px 0 23px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:hover:after { -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:after { content: ""; position: absolute; z-index: 0; width: 100%; bottom: -1px; left: 0; background: #ff681d; height: 2px; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transform-origin: right top; -webkit-transform-origin: right top; transform-origin: right top; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { content: ""; position: absolute; left: -45px; top: 0; bottom: 0; margin: auto; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } @media (max-width: 480px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before { left: -23px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 16px; height: 26px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_howToBuy.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 12px; height: 20px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 10px; height: 17px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 8px; height: 14px; } } @media (max-width: 480px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before { width: 8px; height: 14px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 18px; height: 22px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_trials.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 17px; height: 21px; left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 14px; height: 18px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 11px; height: 14px; } } @media (max-width: 480px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before { width: 11px; height: 14px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 23px; height: 23px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_webinars.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 20px; height: 20px; left: -35px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 18px; height: 18px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 15px; height: 15px; } } @media (max-width: 480px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before { width: 15px; height: 15px; } } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 23px; height: 16px; background: url("/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_contact.svg"); background-size: cover; } @media (min-width: 768px) and (max-width: 991px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 20px; height: 14px; } } @media (min-width: 596px) and (max-width: 767px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 17px; height: 12px; } } @media (min-width: 481px) and (max-width: 595px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 16px; height: 11px; } } @media (max-width: 480px) { body .rb18.usa-solution-cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before { width: 16px; height: 11px; } } body.ie-all .rb18.infographic .column-wrapper .col-three .icon.animate1 circle { stroke-dasharray: 3600 , 2400; -webkit-transition: all 0.4s ease-in-out 1.6s; -o-transition: all 0.4s ease-in-out 1.6s; transition: all 0.4s ease-in-out 1.6s; } body.ie-all .rb18.infographic .column-wrapper .col-three .icon.animate2 circle { stroke-dasharray: 3600 , 2400; -webkit-transition: all 0.4s ease-in-out 2.3s; -o-transition: all 0.4s ease-in-out 2.3s; transition: all 0.4s ease-in-out 2.3s; } body.ie-all .rb18.infographic .column-wrapper .col-three .icon.animate3 circle { stroke-dasharray: 3600 , 2400; -webkit-transition: all 0.4s ease-in-out 3s; -o-transition: all 0.4s ease-in-out 3s; transition: all 0.4s ease-in-out 3s; } body.ie-all .rb18.usa-infographic .column-wrapper .col-three .icon.animate1 circle { stroke-dasharray: 3600 , 2400; -webkit-transition: all 0.4s ease-in-out 1.6s; -o-transition: all 0.4s ease-in-out 1.6s; transition: all 0.4s ease-in-out 1.6s; } body.ie-all .rb18.usa-infographic .column-wrapper .col-three .icon.animate2 circle { stroke-dasharray: 3600 , 2400; -webkit-transition: all 0.4s ease-in-out 2.3s; -o-transition: all 0.4s ease-in-out 2.3s; transition: all 0.4s ease-in-out 2.3s; } body.ie-all .rb18.usa-infographic .column-wrapper .col-three .icon.animate3 circle { stroke-dasharray: 3600 , 2400; -webkit-transition: all 0.4s ease-in-out 3s; -o-transition: all 0.4s ease-in-out 3s; transition: all 0.4s ease-in-out 3s; } /* Transition */ /* Transition-delay */ /* Order */ /* Transform-origin */ /* Transform */ /* border-radius */ /* Backface-visibility */ /* Box-shadow*/ /* Animation */ /* Fonts */ /* Base colors*/ /* New Color */ /* Media query variables */ /* * Mobile landscape media query */ /* (max-width: 480px) */ /* (max-width: 767px) */ /* (max-width: 595px) */ /* (min-width: 596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (min-width: 768px), (max-width: 991px) */ /* Media query mixins (min-width:1200px) */ /* (min-width:992px) */ /* (min-width:992px), (max-width: 1024px) */ /* (min-width:992px), (max-width: 1200px) */ /* (min-width:768px), (max-width: 991px) */ /* (min-width:596px), (max-width: 767px) */ /* (min-width:481px), (max-width: 595px) */ /* (max-width:1200px) */ /* (max-width:991px) */ /* (max-width:767px) */ /* (max-width:595px) */ /* (min-width:595px) */ /* (max-width:480px) */ .rb18.testimonial-slider { padding: 0px; margin-top: -455px; } @media (max-width: 1200px) { .rb18.testimonial-slider { margin-top: -385px; } } @media (max-width: 991px) { .rb18.testimonial-slider { margin-top: 0px; } } .rb18.testimonial-slider:before { content: ''; position: absolute; left: 0; width: 100%; height: 165px; top: 0; z-index: 2; background: #ecf2f7; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -o-transform: skewY(-6deg); -webkit-transform: skewY(-6deg); transform: skewY(-6deg); } @media (min-width: 1500px) { .rb18.testimonial-slider:before { -o-transform: skewY(-3deg); -webkit-transform: skewY(-3deg); transform: skewY(-3deg); } } @media (max-width: 991px) { .rb18.testimonial-slider:before { display: none; } } .rb18.testimonial-slider .background-img { height: 100%; } .rb18.testimonial-slider .background-img img { width: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1439px) { .rb18.testimonial-slider .background-img img { height: 100%; width: auto; } } @media (min-width: 768px) and (max-width: 991px) { .rb18.testimonial-slider .background-img img { width: 100%; height: inherit; } } @media (min-width: 596px) { .rb18.testimonial-slider .testimonial-wrap { position: absolute; width: calc(100% - 40px); bottom: 120px; } } .rb18.testimonial-slider .slide-item { width: 100%; height: 100%; float: left; position: absolute; top: 0px; left: 0px; } .rb18.testimonial-slider .slide-item .container { height: 100%; } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container { padding: 0px 20px; } } .rb18.testimonial-slider .slide-item .container .item { position: absolute; width: calc(100% - 40px); bottom: 120px; opacity: 0; z-index: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media (min-width: 768px) and (max-width: 991px) { .rb18.testimonial-slider .slide-item .container .item { top: 40px; height: calc(100% - 160px); } } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-item .container .item { top: 40px; height: calc(100% - 160px); } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item { top: 40px; height: calc(100% - 160px); width: calc(100% - 40px); } } .rb18.testimonial-slider .slide-item .container .item.full-width .slide-quote .slide-text { max-width: inherit; text-align: center; } .rb18.testimonial-slider .slide-item .container .item .slide-heading { padding-bottom: 78px; border-bottom: 1px solid #fff; } @media (max-width: 991px) { .rb18.testimonial-slider .slide-item .container .item .slide-heading { padding: 40px 0px; } } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-item .container .item .slide-heading { padding: 30px 0px; } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item .slide-heading { padding: 20px 0px 35px 0px; } } .rb18.testimonial-slider .slide-item .container .item .slide-heading h2 { max-width: 900px; width: 100%; margin: auto; text-align: center; color: #fff; font-weight: 700; } .rb18.testimonial-slider .slide-item .container .item .slide-quote { max-width: 1100px; margin: auto; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap { width: 100%; float: left; padding: 108px 20px 72px 20px; } @media (min-width: 992px) and (max-width: 1200px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap { padding: 80px 0px; } } @media (max-width: 991px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap { padding: 80px 0px; } } @media (min-width: 768px) and (max-width: 991px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap { padding: 50px 0px; } } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap { padding: 30px 0px; text-align: center; } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap { padding: 35px 0px 0px 0px; text-align: center; } } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video { float: left; position: relative; width: 100%; max-width: 295px; cursor: pointer; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video .video-img { position: relative; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video .video-img img { border-radius: 10px; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video .video-img .play-icon { position: absolute; right: 20px; top: 10px; height: 45px; width: 45px; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video .author-info { position: absolute; right: 20px; bottom: 20px; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video .author-info h6 { color: #fff; font-weight: 700; font-size: 12px; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video .author-info span { display: block; color: #fff; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 300; font-size: 8px; } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video { max-width: inherit; display: inline-block; float: none; width: auto; } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-video { max-width: inherit; display: inline-block; float: none; width: auto; } } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta { display: block; width: 100%; float: left; text-align: center; margin-top: 50px; } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta { margin-top: 0px; } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta { margin-top: 30px; } } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta .slide-btn { position: relative; color: #ff681d; padding: 11px 49px 10px 23px; display: inline-block; background: #fff; text-transform: uppercase; letter-spacing: 0.095em; font-weight: 400; border-radius: 50px; font-size: 16px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden; -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition: color 0.3s ease-in-out, -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out; transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66); } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta .slide-btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; height: 205%; background: #ff681d; opacity: 0; -webkit-transform: scaleX(0.2); -o-transform: scaleX(0.2); transform: scaleX(0.2); -webkit-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta .slide-btn:after { content: ""; position: absolute; height: 24px; width: 24px; right: 9px; top: 0; bottom: 0; margin: auto; background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowB.svg) top no-repeat; background-size: contain; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta .slide-btn:hover { color: #fff; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta .slide-btn:hover:before { opacity: 1; -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%); } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-quote-wrap .slide-cta .slide-btn:hover:after { background: url(/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat; background-size: contain; } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text { width: 100%; max-width: calc(100% - 295px); float: left; padding-left: 30px; } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text { max-width: inherit; padding: 30px 0px; } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text { max-width: inherit; padding: 30px 0px 0px 0px; } } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text p { font-size: 38px; color: #fff; font-weight: 300; line-height: 1.2; } @media (max-width: 991px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text p { font-size: 34px; } } @media (min-width: 768px) and (max-width: 991px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text p { font-size: 28px; } } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text p { font-size: 26px; } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text p { font-size: 22px; } } .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text .quote-author-info { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 700; font-size: 22px; padding-top: 11px; color: #fff; } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text .quote-author-info { padding-top: 30px; } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-item .container .item .slide-quote .slide-text .quote-author-info span { display: block; } } .rb18.testimonial-slider .slide-tab { position: absolute; bottom: 0px; float: left; height: 120px; padding: 0px 20px; width: 100%; } @media (max-width: 991px) { .rb18.testimonial-slider .slide-tab { padding: 0px 20px; } } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-tab { height: 80px; } } .rb18.testimonial-slider .slide-tab .container { padding: 0px; border-top: 1px solid #fff; } @media (max-width: 595px) { .rb18.testimonial-slider .slide-tab .container { border: none; } } .rb18.testimonial-slider .slide-tab .container ul .slick-list { overflow: visible; } @media (max-width: 595px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list { overflow: hidden; width: calc(100% - 90px); margin: auto; } } @media (min-width: 596px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } } .rb18.testimonial-slider .slide-tab .container ul .slick-list li { cursor: pointer; } @media (min-width: 596px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li { width: auto !important; max-width: 136px; } .rb18.testimonial-slider .slide-tab .container ul .slick-list li:last-child { margin-right: 0px !important; } } .rb18.testimonial-slider .slide-tab .container ul .slick-list li:focus { outline: none; } .rb18.testimonial-slider .slide-tab .container ul .slick-list li.slick-current a:before { content: ""; position: absolute; z-index: 2; width: 100%; top: -5px; border-radius: 5px; background: #fff; height: 9px; display: inline-block; -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; } @media (max-width: 595px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li.slick-current a:before { background: none; } } @media (min-width: 1201px) and (max-width: 1340px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li { width: auto !important; max-width: 130px; } .rb18.testimonial-slider .slide-tab .container ul .slick-list li:last-child { margin-right: 0px !important; } } @media (min-width: 992px) and (max-width: 1200px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li { width: auto !important; max-width: 120px; } .rb18.testimonial-slider .slide-tab .container ul .slick-list li:last-child { margin-right: 0px !important; } } @media (min-width: 768px) and (max-width: 991px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li { width: auto !important; max-width: 95px; } .rb18.testimonial-slider .slide-tab .container ul .slick-list li:last-child { margin-right: 0px !important; } } @media (min-width: 596px) and (max-width: 767px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li { width: auto !important; max-width: 80px; } .rb18.testimonial-slider .slide-tab .container ul .slick-list li:last-child { margin-right: 0px !important; } } @media (max-width: 595px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li { position: relative; text-align: center; opacity: 1; z-index: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } } .rb18.testimonial-slider .slide-tab .container ul .slick-list li a { padding: 10px 0px; color: #5b7e96; position: relative; font-weight: 600; text-decoration: none; display: inline-block; text-transform: capitalize; } .rb18.testimonial-slider .slide-tab .container ul .slick-list li a:before { content: ""; position: absolute; z-index: 0; width: 100%; top: -5px; border-radius: 5px; background: #fff; height: 9px; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1); -o-transform-origin: right top; -webkit-transform-origin: right top; transform-origin: right top; } @media (max-width: 595px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li a:before { background: none; } } .rb18.testimonial-slider .slide-tab .container ul .slick-list li a:hover { color: #5b7e96; } .rb18.testimonial-slider .slide-tab .container ul .slick-list li a:hover:before { -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; } @media (max-width: 595px) { .rb18.testimonial-slider .slide-tab .container ul .slick-list li a:hover:before { background: none; } } .rb18.testimonial-slider .previous-arrow { display: none; position: absolute; bottom: 65px; left: 20px; z-index: 4; width: 40px; height: auto; cursor: pointer; } @media (max-width: 595px) { .rb18.testimonial-slider .previous-arrow { display: block; } } .rb18.testimonial-slider .next-arrow { display: none; position: absolute; bottom: 65px; right: 20px; z-index: 4; width: 40px; height: auto; cursor: pointer; } @media (max-width: 595px) { .rb18.testimonial-slider .next-arrow { display: block; } } .video-overlay { opacity: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: -1; visibility: hidden; transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; } .video-overlay .v-middle-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; } .video-overlay .v-middle-inner { display: table; position: relative; text-align: center; width: 100%; height: 100%; } .video-overlay .v-middle { display: table-cell; vertical-align: middle; } .video-overlay .video-container { padding: 20px; width: 80%; max-width: 1200px; max-height: 660px; background: #fff; margin: 0 auto; position: relative; } .video-overlay iframe { max-width: 1200px; max-height: 660px; width: 100%; height: 100%; border: 5px solid #fff; } .video-overlay .close-video { position: absolute; z-index: 4; height: 32px; width: 32px; top: -32px; right: 0px; border-radius: 50%; padding: 8px; background: #ccd5d7; cursor: pointer; } .video-overlay .close-video:hover img { -o-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out; -ms-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -webkit-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; } .overlay-active .video-overlay { opacity: 1; z-index: 15; visibility: visible; } .overlay-active .video-overlay img { -o-transform: rotate(0deg); transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); } .ie-all .rb18.testimonial-slider .background-img { height: 100%; } /*# sourceMappingURL=main.css.map */