@charset "UTF-8"; /*! Theme Name: DBMaestro Theme URI: http://webstick.co.il/ Description: Developed by Webstick. Author: Webstick Version: 1.2 Text Domain: dbm */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("assets/fonts/fa-solid-900.eot"); src: url("assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-solid-900.woff2") format("woff2"), url("assets/fonts/fa-solid-900.woff") format("woff"), url("assets/fonts/fa-solid-900.ttf") format("truetype"), url("assets/fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("assets/fonts/fa-regular-400.eot"); src: url("assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-regular-400.woff2") format("woff2"), url("assets/fonts/fa-regular-400.woff") format("woff"), url("assets/fonts/fa-regular-400.ttf") format("truetype"), url("assets/fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: "Font Awesome 5 Free"; font-weight: 400; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("assets/fonts/fa-brands-400.eot"); src: url("assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-brands-400.woff2") format("woff2"), url("assets/fonts/fa-brands-400.woff") format("woff"), url("assets/fonts/fa-brands-400.ttf") format("truetype"), url("assets/fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; } /* montserrat-100 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100; src: url("assets/fonts/montserrat-v15-latin-100.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-100.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-100.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-100.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-100.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-100.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-100italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 100; src: url("assets/fonts/montserrat-v15-latin-100italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-100italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-100italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-100italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-100italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-100italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-200 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 200; src: url("assets/fonts/montserrat-v15-latin-200.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-200.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-200.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-200.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-200.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-200.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-200italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 200; src: url("assets/fonts/montserrat-v15-latin-200italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-200italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-200italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-200italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-200italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-200italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-300 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300; src: url("assets/fonts/montserrat-v15-latin-300.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-300.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-300.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-300.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-300.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-300italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 300; src: url("assets/fonts/montserrat-v15-latin-300italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-300italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-300italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-300italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-300italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-300italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url("assets/fonts/montserrat-v15-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-regular.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-regular.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-regular.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 400; src: url("assets/fonts/montserrat-v15-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; src: url("assets/fonts/montserrat-v15-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-500.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-500.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-500.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-500.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-500.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-500italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 500; src: url("assets/fonts/montserrat-v15-latin-500italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-500italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-500italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-500italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-500italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-500italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; src: url("assets/fonts/montserrat-v15-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-600.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-600.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-600.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-600.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; src: url("assets/fonts/montserrat-v15-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-700.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-700.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-700.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-700.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-600italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 600; src: url("assets/fonts/montserrat-v15-latin-600italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-600italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-600italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-600italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-600italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-600italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; src: url("assets/fonts/montserrat-v15-latin-800.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-800.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-800.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-800.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-800.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-800.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-700italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 700; src: url("assets/fonts/montserrat-v15-latin-700italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-700italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-700italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-700italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-700italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-700italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-800italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 800; src: url("assets/fonts/montserrat-v15-latin-800italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-800italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-800italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-800italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-800italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-800italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-900italic - latin */ @font-face { font-family: "Montserrat"; font-style: italic; font-weight: 900; src: url("assets/fonts/montserrat-v15-latin-900italic.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-900italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-900italic.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-900italic.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-900italic.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-900italic.svg#Montserrat") format("svg"); /* Legacy iOS */ } /* montserrat-900 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 900; src: url("assets/fonts/montserrat-v15-latin-900.eot"); /* IE9 Compat Modes */ src: local(""), url("assets/fonts/montserrat-v15-latin-900.eot?#iefix") format("embedded-opentype"), url("assets/fonts/montserrat-v15-latin-900.woff2") format("woff2"), url("assets/fonts/montserrat-v15-latin-900.woff") format("woff"), url("assets/fonts/montserrat-v15-latin-900.ttf") format("truetype"), url("assets/fonts/montserrat-v15-latin-900.svg#Montserrat") format("svg"); /* Legacy iOS */ } body { font-family: "Montserrat", sans-serif; background-color: #252835; color: #ffffff; } a { text-decoration: none; } a:hover { text-decoration: underline; } .z-index-1 { z-index: 1; } .site-main { background-color: #ffffff; margin-top: 100px; padding-top: 50px; padding-bottom: 50px; color: #252835; } .site-main a { color: #252835; text-decoration: underline; } .site-main .btn { color: #ffffff; } .site-main .btn.green-gradient:hover { background-color: #ffffff; } #blog-post.site-main { margin-top: 25px; } .site-header { background-color: #323647; position: fixed; width: 100%; left: 0; right: 0; top: 0; padding: 0 15px; z-index: 100; height: 80px; } .site-header .site-branding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } .site-header .site-branding .logo { max-width: 200px; } .site-header .main-navigation { display: none; z-index:1000; } .site-header .main-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0 15px; } .site-header .main-navigation ul li { position: relative; list-style: none; padding: 13px; } .site-header .main-navigation ul li a { color: #ffffff; text-decoration: none; position: relative; font-size: 12px; } .site-header .main-navigation ul li .sub-menu { padding: 10px 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0; left: -9999px; position: absolute; display: block; background-color: #252835; min-width: 330px; border-radius: 10px; border-top-left-radius: 0; top: 100%; } .site-header .main-navigation ul li .sub-menu li { padding: 0 15px; } .site-header .main-navigation ul li .sub-menu li a { display: block; line-height: 2.3; } .site-header .main-navigation ul li .sub-menu li a:hover { color: #2dd582; } .site-header .main-navigation ul li:hover .sub-menu { left: 0; opacity: 1; z-index: 1; } .site-header .main-navigation ul li .arrow { width: 0; height: 0; border-style: solid; border-width: 8px 6.5px 0 6.5px; border-color: #ffffff transparent transparent transparent; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .single-post .site-header, .single-resource .site-header { position: relative; } #hero { margin-top: 80px; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } #hero.home-hero, #hero.about-hero, #hero.devops-hero, #hero.partners-hero, #hero.platform-hero { background-color: #323647; padding-top: 40px; } #hero.home-hero .text, #hero.about-hero .text, #hero.devops-hero .text, #hero.partners-hero .text, #hero.platform-hero .text { z-index: 1; } #hero.home-hero .text h1, #hero.about-hero .text h1, #hero.devops-hero .text h1, #hero.partners-hero .text h1, #hero.platform-hero .text h1 { margin: 0; } #hero.home-hero .text h1 .first-title, #hero.about-hero .text h1 .first-title, #hero.devops-hero .text h1 .first-title, #hero.partners-hero .text h1 .first-title, #hero.platform-hero .text h1 .first-title { font-weight: bold; letter-spacing: -0.97px; } #hero.home-hero .text h1 .first-title span, #hero.about-hero .text h1 .first-title span, #hero.devops-hero .text h1 .first-title span, #hero.partners-hero .text h1 .first-title span, #hero.platform-hero .text h1 .first-title span { color: #2cd582; } #hero.home-hero .text h1 .second-title, #hero.about-hero .text h1 .second-title, #hero.devops-hero .text h1 .second-title, #hero.partners-hero .text h1 .second-title, #hero.platform-hero .text h1 .second-title { font-weight: normal; letter-spacing: -1.87px; color: #2cd582; } #hero.home-hero .text p, #hero.about-hero .text p, #hero.devops-hero .text p, #hero.partners-hero .text p, #hero.platform-hero .text p { margin: 35px 0; } #hero.home-hero .text ul, #hero.about-hero .text ul, #hero.devops-hero .text ul, #hero.partners-hero .text ul, #hero.platform-hero .text ul { padding: 0; margin: 0 0 20px 0; } #hero.home-hero .text ul li, #hero.about-hero .text ul li, #hero.devops-hero .text ul li, #hero.partners-hero .text ul li, #hero.platform-hero .text ul li { position: relative; list-style: none; letter-spacing: -0.35px; padding-left: 20px; } #hero.home-hero .text ul li::before, #hero.about-hero .text ul li::before, #hero.devops-hero .text ul li::before, #hero.partners-hero .text ul li::before, #hero.platform-hero .text ul li::before { content: url("assets/images/green-check-ico.png"); position: absolute; left: 0; top: 0; } #hero.home-hero .buttons, #hero.about-hero .buttons, #hero.devops-hero .buttons, #hero.partners-hero .buttons, #hero.platform-hero .buttons { padding-bottom: 35px; } #hero.home-hero .buttons .demo-btn, #hero.about-hero .buttons .demo-btn, #hero.devops-hero .buttons .demo-btn, #hero.partners-hero .buttons .demo-btn, #hero.platform-hero .buttons .demo-btn { margin-right: 15px; } #hero.home-hero .buttons .video-btn, #hero.about-hero .buttons .video-btn, #hero.devops-hero .buttons .video-btn, #hero.partners-hero .buttons .video-btn, #hero.platform-hero .buttons .video-btn { border: 2px solid #2bd583; } #hero.home-hero .buttons .video-btn span, #hero.about-hero .buttons .video-btn span, #hero.devops-hero .buttons .video-btn span, #hero.partners-hero .buttons .video-btn span, #hero.platform-hero .buttons .video-btn span { position: relative; } #hero.home-hero .buttons .video-btn span::before, #hero.about-hero .buttons .video-btn span::before, #hero.devops-hero .buttons .video-btn span::before, #hero.partners-hero .buttons .video-btn span::before, #hero.platform-hero .buttons .video-btn span::before { margin-right: 7px; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 14px; border-color: transparent transparent transparent #00d0a6; } #hero.home-hero .buttons .video-btn:hover, #hero.about-hero .buttons .video-btn:hover, #hero.devops-hero .buttons .video-btn:hover, #hero.partners-hero .buttons .video-btn:hover, #hero.platform-hero .buttons .video-btn:hover { color: #ffffff; border: 2px solid #ffffff; } #hero.home-hero .buttons .video-btn:focus, #hero.about-hero .buttons .video-btn:focus, #hero.devops-hero .buttons .video-btn:focus, #hero.partners-hero .buttons .video-btn:focus, #hero.platform-hero .buttons .video-btn:focus { -webkit-box-shadow: none; box-shadow: none; } #hero.home-hero #bg-home-hero, #hero.about-hero #bg-home-hero, #hero.devops-hero #bg-home-hero, #hero.partners-hero #bg-home-hero, #hero.platform-hero #bg-home-hero { position: absolute; right: 0; bottom: 0; max-width: 100%; width: 60vw; display: none; } #hero.about-hero { margin-top: 0; } .logos { padding: 20px 0; width: 100%; background-color: #2f3243; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } .logos .wrap-logos { -ms-flex-wrap: wrap; flex-wrap: wrap; } .logos .wrap-logos .item { text-align: center; margin-bottom: 20px; } .logos .wrap-logos .item img { -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; max-height: 20px; } .logos .wrap-logos .item img:hover { opacity: 1; } #benefits { background-color: #252935; background-image: url("assets/images/bg-benefits.svg"); background-repeat: no-repeat; background-position: center -15%; padding: 50px 0; } #benefits .box { margin-bottom: 25px; padding: 20px 35px; border-radius: 25px; -webkit-box-shadow: inset 0 -7px 12px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 -7px 12px 0 rgba(255, 255, 255, 0.1); background-color: rgba(48, 51, 63, 0.5); } #benefits .box .wrap-icon { text-align: center; padding: 10px 0; } #values .values-double-title { margin-bottom: 15px; } #values .values-double-title h3 { font-weight: 300; } #values ul { margin: 0 0 15px 20px; padding: 0; } #values .block { position: relative; } #values .block .double-title .before-title { font-size: 15px; font-weight: bold; letter-spacing: 0.62px; margin-bottom: 15px; } #values .first-block { padding-bottom: 50px; } #values .second-block { padding-bottom: 50px; } #values .third-block { padding-bottom: 50px; } #made-for-you { background-color: #27d487; background-image: url("assets/images/made-bg.svg"); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding: 50px 0; } #made-for-you .made-double-title .before-title { font-weight: 500; } #made-for-you .box { background-repeat: no-repeat; background-position: center 0; padding: 20px; border-radius: 29px; background-color: #252835; margin-bottom: 15px; } #made-for-you .box .wrap-icon { text-align: center; padding: 10px 0; } #made-for-you .box a { -ms-flex-item-align: baseline; align-self: baseline; position: relative; } #made-for-you .box a::before { content: ""; position: absolute; left: 0; bottom: 3px; width: 100%; height: 1px; background-color: #00d0a8; } #made-for-you .box a:hover::before { content: none; } #seamless { background-color: #323647; padding: 50px 0; } #seamless h2 { text-align: center; margin-bottom: 20px; } #seamless h2 span { display: block; font-weight: bold; } #seamless h2 span.sub-title { color: #11d199; font-weight: 600; } #seamless .seamless-table { height: 100%; } #seamless .seamless-table img { max-width: 100%; height: auto; margin: auto; } #seamless .seamless-table .box { text-align: center; background-color: #ffffff; padding: 8px; border-radius: 15px; height: 100%; } #seamless .seamless-table .box .item { padding: 15px 0; } #seamless .seamless-table .box .logos-title { letter-spacing: -0.63px; color: #252835; font-size: 15px; position: relative; font-weight: bold; margin-bottom: 25px; } #seamless .seamless-table .box .logos-title::before { content: ""; position: absolute; bottom: -20px; left: 0; right: 0; height: 3px; background-color: #04d0a4; width: 20%; margin: 0 auto; } #seamless .seamless-table .main { background-color: #27d487; background-image: url("assets/images/seamless-table-bg.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px; border-radius: 15px; } #seamless .seamless-table .main .header { text-align: center; } #seamless .seamless-table .main .header img { max-width: 150px; } #seamless .seamless-table .main .header h2 { margin: 25px 0 0; font-size: 22px; font-weight: bold; letter-spacing: -0.63px; position: relative; } #seamless .seamless-table .main .header h2::after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; height: 3px; background-color: #ffffff; width: 5%; margin: 0 auto; } #seamless .seamless-table .main .menus { margin-top: 35px; } #seamless .seamless-table .main .menus .menu-box { text-align: center; margin-bottom: 15px; } #seamless .seamless-table .main .menus .menu-box h3 { font-weight: bold; letter-spacing: -0.51px; } #seamless .seamless-table .main .menus .menu-box ul { border-radius: 15px; background-color: #289e6b; padding: 15px; margin: 0; } #seamless .seamless-table .main .menus .menu-box ul li { list-style: none; padding: 5px 0; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -1.16px; } #seamless .seamless-table .main .menus .menu-box ul li a { color: #ffffff; text-decoration: none; } #seamless .seamless-table .main .menus .menu-box ul li a:hover { text-decoration: underline; font-weight: bold; } #seamless .seamless-table .main .menus .menu-box.menu-box-bottom ul { padding: 0; } #seamless .seamless-table .bottom-logos { background-color: #ffffff; padding: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } #seamless .seamless-table .bottom-logos .item { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; padding: 10px 0; } #seamless .seamless-table .bottom-logos .item img { max-width: 70px; } #trusted-by { background-color: #252835; padding: 50px 0; } #trusted-by .wrap-text { margin-bottom: 40px; } #trusted-by .wrap-text h2 { font-weight: 300; letter-spacing: -0.58px; font-size: 26px; } #trusted-by .wrap-text p { font-weight: bold; letter-spacing: -0.72px; margin-bottom: 35px; line-height: 1.3; font-size: 30px; } #trusted-by .wrap-text .btn { max-width: 190px; } #trusted-by .boxes .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-repeat: no-repeat; background-position: center 0; background-size: contain; height: 342px; padding: 15px; border-radius: 20px; background-color: #323647; } #trusted-by .boxes .box h2 { font-size: 26px; font-weight: 300; letter-spacing: -0.72px; margin-bottom: 20px; } #trusted-by .boxes .box h2 span { display: block; } #trusted-by .boxes .box h2 span.title-1 { font-weight: 600; color: #4cdca4; } #trusted-by .boxes .box a { -ms-flex-item-align: baseline; align-self: baseline; position: relative; } #trusted-by .boxes .box a::before { content: ""; position: absolute; left: 0; bottom: 3px; width: 100%; height: 1px; background-color: #00d0a8; } #about-main { background-image: url("assets/images/about-main-bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 50px 0; } #about-main .text h2 { margin-bottom: 15px; } #about-trusted-by { background-color: #323647; padding: 50px 0; } #about-trusted-by h2 { font-size: 18px; font-weight: 600; letter-spacing: normal; } #about-trusted-by p { font-size: 15px; } #about-trusted-by .green-btn { position: relative; } #about-trusted-by .green-btn::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #00d0a8; } #about-trusted-by .green-btn::after { display: inline-block; vertical-align: middle; margin-left: 5px; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #5fda54; } #about-trusted-by .green-btn:hover::before { content: none; } #about-trusted-by .green-btn:hover::after { border-color: transparent transparent transparent #ffffff; } #about-trusted-by .all-logos { position: relative; padding: 30px 0; } #about-trusted-by .all-logos .wrap-logo { background-color: #252835; height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border-radius: 8px; margin-bottom: 20px; } #about-trusted-by .all-logos .wrap-logo img { -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: 0.6; } #about-trusted-by .all-logos .wrap-logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } #about-trusted-by .all-logos .wrap-logo a:hover img { opacity: 1; } #about-team { position: relative; padding: 50px 0 0; background-color: #252835; } #about-team .intro { text-align: center; color: #ffffff; } #about-team .intro h2 { font-weight: bold; letter-spacing: -0.78px; } #about-team .wrap-team { padding: 25px 0; } #about-team .wrap-team .member { background: #252835; background: -webkit-gradient(linear, left top, left bottom, from(#252835), to(#313546)); background: -o-linear-gradient(top, #252835 0%, #313546 100%); background: linear-gradient(to bottom, #252835 0%, #313546 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252835', endColorstr='#313546',GradientType=0 ); border-radius: 15px; text-align: center; padding: 15px; margin-bottom: 35px; } #about-team .wrap-team .member .wrap-img { margin-bottom: 15px; } #about-team .wrap-team .member h3 { font-weight: bold; } #about-team .wrap-team .member h4 { font-weight: 400; color: rgba(255, 255, 255, 0.4); } #about-team .wrap-team .member .social { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #about-team .wrap-team .member .social li { margin: 0 8px; list-style: none; } #about-team .wrap-team .member .social li a { font-size: 17px; position: relative; -webkit-text-fill-color: transparent; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#4fd864)); background: -o-linear-gradient(left, #00d0a8 0%, #4fd864 100%); background: linear-gradient(to right, #00d0a8 0%, #4fd864 100%); -webkit-background-clip: text; } #about-team .wrap-team .member .social li a:hover { background: none; color: #ffffff; -webkit-text-fill-color: #ffffff; } #about-database { background-color: #27d487; background-image: url("assets/images/made-bg.svg"); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding: 50px 0; } #about-database h2 { text-align: center; font-weight: 600; letter-spacing: -0.72px; } #about-database .wrap-members { padding: 25px 0; text-align: center; } #about-database .wrap-members .member { padding: 25px; background: #252835; border-radius: 15px; padding: 15px; margin-bottom: 35px; } #about-database .wrap-members .member .member-info { margin-bottom: 25px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #about-database .wrap-members .member .member-info .wrap-img { margin-right: 30px; } #about-database .wrap-members .member .member-info .wrap-img img { width: 120px; height: 120px; border: double 4px transparent; border-radius: 80px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 208, 168, 0.8)), to(rgba(43, 213, 130, 0.8))), radial-gradient(circle at top left, rgba(0, 208, 168, 0.8), rgba(43, 213, 130, 0.8)); background-image: -o-linear-gradient(rgba(0, 208, 168, 0.8), rgba(43, 213, 130, 0.8)), -o-radial-gradient(top left, circle, rgba(0, 208, 168, 0.8), rgba(43, 213, 130, 0.8)); background-image: linear-gradient(rgba(0, 208, 168, 0.8), rgba(43, 213, 130, 0.8)), radial-gradient(circle at top left, rgba(0, 208, 168, 0.8), rgba(43, 213, 130, 0.8)); background-origin: border-box; background-clip: content-box, border-box; } #about-database .wrap-members .member .member-info .info h3 { font-weight: bold; } #about-database .wrap-members .member .member-info .info h4 { font-weight: 400; color: rgba(255, 255, 255, 0.4); } #about-database .wrap-members .member .text p { font-weight: normal; font-style: italic; line-height: 1.6; } #about-positions { padding: 50px 0; background-color: #ffffff; color: #252835; } #about-positions .intro h2 { font-weight: bold; letter-spacing: -0.78px; } #about-positions .intro p { line-height: 1.74; } #about-positions .intro .sub-text { font-weight: bold; position: relative; -webkit-text-fill-color: transparent; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#4fd864)); background: -o-linear-gradient(left, #00d0a8 0%, #4fd864 100%); background: linear-gradient(to right, #00d0a8 0%, #4fd864 100%); -webkit-background-clip: text; } #about-positions .wrap-jobs { margin: 25px 0; } #about-positions .wrap-jobs .card { margin-bottom: 25px; overflow: hidden; position: relative; border: none; padding: 30px; border-radius: 25px; -webkit-box-shadow: 0 4px 40px 0 rgba(37, 40, 53, 0.1); box-shadow: 0 4px 40px 0 rgba(37, 40, 53, 0.1); background-color: #ffffff; color: #252835; } #about-positions .wrap-jobs .card h2 { font-weight: bold; margin-bottom: 15px; } #about-positions .wrap-jobs .card p { line-height: 1.74; } #about-positions .wrap-jobs .card ul { padding: 0; margin: 20px 0 0 0; } #about-positions .wrap-jobs .card ul li { color: #00d0a8; font-size: 15px; list-style: none; border-radius: 25px; display: inline-block; font-weight: bold; padding: 5px 10px; margin-right: 10px; background-color: rgba(0, 208, 168, 0.15); } #about-positions .wrap-jobs .card .location { margin-top: 25px; display: block; font-size: 15px; font-weight: bold; color: #252835; } #about-positions .wrap-jobs .card .location i { margin-right: 10px; } #about-positions .wrap-jobs .card .btn { font-size: 15px; min-width: 190px; text-decoration: none; margin-top: 40px; } #about-positions .wrap-jobs .card .btn:hover { background-color: #ffffff; } #about-positions .wrap-jobs .card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 208, 168, 0.8)), to(rgba(196, 229, 0, 0.8))); background-image: -o-linear-gradient(bottom, rgba(0, 208, 168, 0.8), rgba(196, 229, 0, 0.8)); background-image: linear-gradient(to top, rgba(0, 208, 168, 0.8), rgba(196, 229, 0, 0.8)); } #about-positions .load-more { padding: 15px 0; text-align: center; } #about-positions .load-more .load-more-btn { margin-bottom: 30px; -webkit-transition: 0.3s border ease, 0.3s color ease; -o-transition: 0.3s border ease, 0.3s color ease; transition: 0.3s border ease, 0.3s color ease; border-radius: 8px; color: #00d0a8; border: solid 1.2px rgba(43, 213, 130, 0.8); line-height: 45px; background-color: transparent; font-size: 15px; font-weight: bold; text-align: center; min-width: 243px; } #about-positions .load-more .load-more-btn:hover { color: #000000; border: solid 1.2px #000000; } #about-contact { position: relative; padding: 50px 0; background-color: #252835; color: #ffffff; text-align: center; } #about-contact h2 { font-weight: bold; letter-spacing: -0.78px; text-align: center; } #about-contact p { font-weight: normal; line-height: 1.74; } #about-contact .wrap-boxes { margin-top: 40px; } #about-contact .wrap-boxes .location { margin-bottom: 35px; } #about-contact .wrap-boxes .location img { border-radius: 40px; } #about-contact .wrap-boxes .location .content { position: relative; z-index: 1; border-radius: 40px; background-color: #323647; max-width: 462px; margin: -65px auto auto auto; padding: 20px; } #about-contact .wrap-boxes .location .content h3 { font-weight: bold; letter-spacing: -0.49px; margin-bottom: 18px; } #about-contact .wrap-boxes .location .content ul { padding: 0; margin: 0; text-align: left; } #about-contact .wrap-boxes .location .content ul li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } #about-contact .wrap-boxes .location .content ul li i { margin-right: 10px; display: inline-block; position: relative; -webkit-text-fill-color: transparent; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#4fd864)); background: -o-linear-gradient(left, #00d0a8 0%, #4fd864 100%); background: linear-gradient(to right, #00d0a8 0%, #4fd864 100%); -webkit-background-clip: text; } #about-contact .wrap-boxes .location .content ul li a { color: #ffffff; } #join-dbmaestro { background-image: url("assets/images/join-dbmaestro-bg.jpg"); background-repeat: no-repeat; background-position: 20% 0; background-size: cover; padding: 50px 0; } #join-dbmaestro .text { z-index: 1; } #join-dbmaestro .text h2 { font-weight: 600; margin-bottom: 30px; } #join-dbmaestro .text p { line-height: 1.39; letter-spacing: -0.05px; margin-bottom: 40px; } #join-dbmaestro .text .btn::before { -webkit-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } #join-dbmaestro .text .buttons .demo-btn { margin-right: 20px; } #why-partners { position: relative; background-color: #252935; background-image: url("assets/images/bg-benefits.svg"); background-repeat: no-repeat; background-position: center -15%; padding: 50px 0; } #why-partners h2 { font-weight: bold; letter-spacing: -0.78px; text-align: center; margin-bottom: 20px; } #why-partners p { line-height: 1.57; text-align: center; margin-bottom: 50px; } #why-partners .box { height: 100%; margin-bottom: 25px; padding: 20px 35px; border-radius: 25px; -webkit-box-shadow: inset 0 -7px 12px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 -7px 12px 0 rgba(255, 255, 255, 0.1); background-color: rgba(48, 51, 63, 0.5); } #why-partners .box .wrap-icon { text-align: center; padding: 10px 0; margin-bottom: 25px; } #why-partners .box h3 { font-size: 20px; } #why-partners .box p { text-align: left; font-size: 16px; } #why-partners .box a { -ms-flex-item-align: baseline; align-self: baseline; position: relative; } #why-partners .box a::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #00d0a8; } #partnership-options { padding: 50px 0; position: relative; } #partnership-options h2 { font-weight: bold; letter-spacing: -0.78px; text-align: center; } #partnership-options p { text-align: center; } #partnership-options .boxes { margin-top: 50px; } #partnership-options .boxes .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-repeat: no-repeat; background-position: center 0; background-size: contain; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; border-radius: 20px; overflow: hidden; background-color: #323647; } #partnership-options .boxes .box .wrap-image { height: 150px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #partnership-options .boxes .box .wrap-image::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 54, 71, 0)), color-stop(50%, rgba(50, 54, 71, 0.5)), to(#323647)); background: -o-linear-gradient(top, rgba(50, 54, 71, 0) 0%, rgba(50, 54, 71, 0.5) 50%, #323647 100%); background: linear-gradient(to bottom, rgba(50, 54, 71, 0) 0%, rgba(50, 54, 71, 0.5) 50%, #323647 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00323647', endColorstr='#323647',GradientType=0 ); } #partnership-options .boxes .box img { width: 100%; } #partnership-options .boxes .box .box-content { padding: 0 25px 25px 25px; z-index: 1; } #partnership-options .boxes .box h2 { text-align: left; font-size: 18px; font-weight: 600; letter-spacing: normal; } #partnership-options .boxes .box p { text-align: left; font-size: 15px; margin-bottom: 25px; } #above-footer { background-color: #252835; background-image: url("assets/images/database-bg-m.svg"); background-repeat: no-repeat; background-position: left bottom; padding: 50px 0; } #above-footer h2 { text-align: center; margin-bottom: 50px; } #above-footer .btn { max-width: 200px; margin: 0 auto; } #above-footer .above-footer-img { width: 100%; } #schedule-demo-page { margin-top: 97px; } #schedule-demo-page img { max-width: 100%; height: auto; } #schedule-demo-page .content { padding: 15px; } #schedule-demo-page .content ul { padding: 20px 0; margin: 0; } #schedule-demo-page .content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; letter-spacing: -0.06px; margin-bottom: 15px; } #schedule-demo-page .content ul li img { margin-right: 15px; } #schedule-demo-page .wrap-form { padding: 35px 20px; background-color: #ffffff; } #schedule-demo-page .wrap-form h2 { font-weight: bold; letter-spacing: -0.7px; color: #252835; text-align: center; margin-bottom: 35px; } #schedule-demo-page .wrap-form .submitted-message p { color: #252835; } #schedule-demo-page .wrap-form form { color: #252835; } #schedule-demo-page .wrap-form form .hs-form-field { position: relative; } #schedule-demo-page .wrap-form form fieldset { max-width: 100%; } #schedule-demo-page .wrap-form form fieldset label { display: none; } #schedule-demo-page .wrap-form form fieldset label.hs-error-msg { display: block; position: relative; margin-top: -25px; margin-bottom: 15px; color: #d00000; font-size: 12px; bottom: 13px; width: 100%; } #schedule-demo-page .wrap-form form fieldset .inputs-list label { display: block; } #schedule-demo-page .wrap-form form fieldset .hs-fieldtype-checkbox label { display: block; } #schedule-demo-page .wrap-form form fieldset .hs-fieldtype-booleancheckbox ul li { list-style: none; } #schedule-demo-page .wrap-form form .hs-field-desc { display: none !important; } #schedule-demo-page .wrap-form form ul { padding: 0; margin: 0; } #schedule-demo-page .wrap-form form ul li { list-style: none; } #schedule-demo-page .wrap-form form h3 { font-size: 18px; font-weight: bold; color: #252835; } #schedule-demo-page .wrap-form form input[type="text"], #schedule-demo-page .wrap-form form input[type="email"], #schedule-demo-page .wrap-form form input[type="number"], #schedule-demo-page .wrap-form form input[type="tel"], #schedule-demo-page .wrap-form form textarea { position: relative; display: block; width: 100%; padding: 0.75rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-repeat: no-repeat; background-position: left 0.75rem center; background-size: 15px; background-color: transparent; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 10px; border: solid 1px rgba(37, 40, 53, 0.25); margin-bottom: 35px; padding-left: 40px; } #schedule-demo-page .wrap-form form input[type="text"]:focus, #schedule-demo-page .wrap-form form input[type="email"]:focus, #schedule-demo-page .wrap-form form input[type="number"]:focus, #schedule-demo-page .wrap-form form input[type="tel"]:focus, #schedule-demo-page .wrap-form form textarea:focus { border-width: 2px; border-color: #2cd582; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } #schedule-demo-page .wrap-form form input.first-name { background-image: url("assets/images/user-ico.svg"); } #schedule-demo-page .wrap-form form input.first-name:focus { background-image: url("assets/images/user-ico-hover.svg"); } #schedule-demo-page .wrap-form form input.last-name { background-image: url("assets/images/user-ico.svg"); } #schedule-demo-page .wrap-form form input.last-name:focus { background-image: url("assets/images/user-ico-hover.svg"); } #schedule-demo-page .wrap-form form input.work-email { background-image: url("assets/images/work-ico.svg"); } #schedule-demo-page .wrap-form form input.work-email:focus { background-image: url("assets/images/work-ico-hover.svg"); } #schedule-demo-page .wrap-form form input.phone { background-image: url("assets/images/phone-ico.svg"); } #schedule-demo-page .wrap-form form input.phone:focus { background-image: url("assets/images/work-ico-hover.svg"); } #schedule-demo-page .wrap-form form input.job { background-image: url("assets/images/job-ico.svg"); } #schedule-demo-page .wrap-form form input.job:focus { background-image: url("assets/images/job-ico-hover.svg"); } #schedule-demo-page .wrap-form form input.company { background-image: url("assets/images/company-ico.svg"); } #schedule-demo-page .wrap-form form input.company:focus { background-image: url("assets/images/company-ico-hover.svg"); } #schedule-demo-page .wrap-form form input[type="checkbox"] { position: absolute; opacity: 0; } #schedule-demo-page .wrap-form form input[type="checkbox"] + .wpcf7-list-item-label { position: relative; cursor: pointer; padding: 0; } #schedule-demo-page .wrap-form form input[type="checkbox"] + .wpcf7-list-item-label::before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; border-radius: 4px; border-radius: 4px; border: solid 1px #252835; } #schedule-demo-page .wrap-form form input[type="checkbox"]:focus + .wpcf7-list-item-label:before { -webkit-box-shadow: none; box-shadow: none; } #schedule-demo-page .wrap-form form input[type="checkbox"]:checked + .wpcf7-list-item-label:before { background: #00d0a8; background-image: -webkit-gradient(linear, left top, left bottom, from(#00d0a8), to(#3fe695)); background-image: -o-linear-gradient(top, #00d0a8, #3fe695); background-image: linear-gradient(to bottom, #00d0a8, #3fe695); } #schedule-demo-page .wrap-form form input[type="checkbox"]:disabled + .wpcf7-list-item-label { color: #b8b8b8; cursor: auto; } #schedule-demo-page .wrap-form form input[type="checkbox"]:disabled + .wpcf7-list-item-label:before { -webkit-box-shadow: none; box-shadow: none; background: #ddd; } #schedule-demo-page .wrap-form form input[type="checkbox"]:checked + .wpcf7-list-item-label:after { content: ""; position: absolute; left: 5px; top: 9px; background: white; width: 2px; height: 2px; -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #schedule-demo-page .wrap-form form textarea { max-height: 160px; } #schedule-demo-page .wrap-form form textarea.comment { background-image: url("assets/images/comment-ico.svg"); background-position: 15px 15px; } #schedule-demo-page .wrap-form form textarea.comment:focus { background-image: url("assets/images/comment-ico-hover.svg"); } #schedule-demo-page .wrap-form form .database { font-size: 12px; } #schedule-demo-page .wrap-form form .database .wpcf7-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; margin-bottom: 15px; } #schedule-demo-page .wrap-form form .database .wpcf7-checkbox .wpcf7-list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; margin: 0 0 10px 0; } #schedule-demo-page .wrap-form form .interests { font-size: 12px; } #schedule-demo-page .wrap-form form .interests .wpcf7-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; margin-bottom: 15px; } #schedule-demo-page .wrap-form form .interests .wpcf7-checkbox .wpcf7-list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 10px 0; } #schedule-demo-page .wrap-form form .wrap-submit { position: relative; } #schedule-demo-page .wrap-form form .btn { min-width: 250px; display: block; border: 3px solid #00d0a8; background: #35d9b7; background: -webkit-gradient(linear, left top, right top, from(#35d9b7), to(#67df8c)); background: -o-linear-gradient(left, #35d9b7 0%, #67df8c 100%); background: linear-gradient(to right, #35d9b7 0%, #67df8c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d9b7', endColorstr='#67df8c',GradientType=1 ); } #schedule-demo-page .wrap-form form .btn:hover { background: #ffffff; color: #00d0a8; } #schedule-demo-page .wrap-form form .ajax-loader { position: absolute; top: 0; left: 0; bottom: 0; width: auto; height: auto; margin: 0; } #schedule-demo-page .wrap-form form .ajax-loader:before { content: ""; width: 25px; height: 25px; -webkit-animation: none; animation: none; animation: none; background: url("assets/images/oval.svg") no-repeat center/80%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; } #schedule-demo-page .wrap-form form .wpcf7-mail-sent-ok { border: none; margin: 0; padding: 0; font-weight: 400; position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; } #schedule-demo-page .wrap-form form .wpcf7-form-control-wrap { display: block; } #schedule-demo-page .wrap-form form span.wpcf7-list-item { margin: 0; } #schedule-demo-page .wrap-form form .wpcf7-not-valid { border: 2px solid #ff645c !important; } #schedule-demo-page .wrap-form form .wpcf7-not-valid::before { content: none; width: 30px; height: 30px; background-color: #252835; position: absolute; display: block; right: 0; } #schedule-demo-page .wrap-form form .tos .wpcf7-not-valid { border: none !important; } #schedule-demo-page .wrap-form form .tos .wpcf7-not-valid-tip { width: 200px; bottom: -5px; } #schedule-demo-page .wrap-form form .wpcf7-not-valid-tip { color: #ffffff; position: absolute; font-size: 11px; z-index: 1; left: 0; bottom: -20px; border-radius: 0; color: #ff645c; } #schedule-demo-page .wrap-form form .wpcf7-validation-errors, #schedule-demo-page .wrap-form form .wpcf7-acceptance-missing { display: none !important; } #schedule-demo-page .wrap-form form .wpcf7-response-output { display: none !important; border: none; margin: 0; padding: 1rem 0 0 0; color: #000000; font-weight: 600; position: absolute; left: 30px; bottom: -25px; } #schedule-demo-page .wrap-form form a { color: #2cd582; } #schedule-demo-page .wrap-form form .hs-firstname input { background-image: url("assets/images/user-ico.svg"); } #schedule-demo-page .wrap-form form .hs-lastname input { background-image: url("assets/images/user-ico.svg"); } #schedule-demo-page .wrap-form form .hs-email input { background-image: url("assets/images/work-ico.svg"); } #schedule-demo-page .wrap-form form .hs-phone input { background-image: url("assets/images/phone-ico.svg"); } #schedule-demo-page .wrap-form form .hs-jobtitle input { background-image: url("assets/images/job-ico.svg"); } #schedule-demo-page .wrap-form form .hs-company input { background-image: url("assets/images/company-ico.svg"); } #schedule-demo-page .wrap-form form .hs-country select { background-image: url("assets/images/globe-ico.svg"); background-position: 10px center; background-size: 17px; } #schedule-demo-page .wrap-form form .hs-message textarea { background-image: url("assets/images/comment-ico.svg"); background-position: 12px 15px; } #schedule-demo-page .wrap-form form .hs_which_database_are_you_using_ label { font-weight: bold; } #schedule-demo-page .wrap-form form .hs_which_database_are_you_using_ ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; margin-bottom: 15px; } #schedule-demo-page .wrap-form form .hs_which_database_are_you_using_ ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; margin-bottom: 15px; } #schedule-demo-page .wrap-form form .hs_which_database_are_you_using_ ul li label { font-weight: normal; } #schedule-demo-page .wrap-form form .hs_which_database_are_you_using_ ul li label input[type="checkbox"] { opacity: 1; position: relative; } #schedule-demo-page .wrap-form form .hs_i_m_interested_in label { font-weight: bold; } #schedule-demo-page .wrap-form form .hs_i_m_interested_in label input[type="checkbox"] { opacity: 1; position: relative; } #schedule-demo-page .wrap-form form .hs_i_m_interested_in ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; } #schedule-demo-page .wrap-form form .hs_i_m_interested_in ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 15px; } #schedule-demo-page .wrap-form form .hs_i_m_interested_in ul li label { font-weight: normal; } #schedule-demo-page .wrap-form form .hs_i_agree_to_t_c_and_privacy_policy ul li label input[type="checkbox"] { opacity: 1; position: relative; } #schedule-demo-page .wrap-form form .your-country { background-image: url("assets/images/globe-ico.svg"); background-repeat: no-repeat; background-position: left 12px center; background-size: 18px; } #schedule-demo-page .wrap-form form select { position: relative; margin-bottom: 35px; display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: transparent; background-image: url("assets/images/down-chevron.svg"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 40px; } #schedule-demo-page .wrap-form form input[type="checkbox"] { margin-right: 10px; } #schedule-demo-page .wrap-form form .hs-button { color: #ffffff; border: 3px solid transparent; border-radius: 12px; line-height: 1; font-weight: 600; position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 14px; padding: 10px 15px; -ms-flex-item-align: center; align-self: center; line-height: 1.5; display: block; background-color: #0bb193; margin-top: 15px; } #schedule-demo-page .wrap-form form .hs-button::before { top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -7px; border-radius: 16px; position: absolute; content: ""; background: #00d0a8; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#3ed672)); background: -o-linear-gradient(left, #00d0a8 0%, #3ed672 100%); background: linear-gradient(to right, #00d0a8 0%, #3ed672 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0a8', endColorstr='#3ed672',GradientType=1 ); } #schedule-demo-page .wrap-form form .hs-button:hover { background-color: #323647; color: #00d0a8; } /* Demo Page 2 */ #schedule-demo-page2 { margin-top: 97px; } #schedule-demo-page2 img { max-width: 100%; height: auto; } #schedule-demo-page2 .content { padding: 15px; } #schedule-demo-page2 .content ul { padding: 20px 0; margin: 0; } #schedule-demo-page2 .content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; letter-spacing: -0.06px; margin-bottom: 15px; } #schedule-demo-page2 .content ul li img { margin-right: 15px; } #schedule-demo-page2 .wrap-form { padding: 35px 20px; background-color: #ffffff; } #schedule-demo-page2 .wrap-form h2 { font-weight: bold; letter-spacing: -0.7px; color: #252835; text-align: center; margin-bottom: 35px; } #schedule-demo-page2 .wrap-form .submitted-message p { color: #252835; } #schedule-demo-page2 .wrap-form form { color: #252835; } #schedule-demo-page2 .wrap-form form .hs-form-field { position: relative; } #schedule-demo-page2 .wrap-form form fieldset { max-width: 100%; } #schedule-demo-page2 .wrap-form form fieldset label { display: none; } #schedule-demo-page2 .wrap-form form fieldset label.hs-error-msg { display: block; position: relative; margin-top: -25px; margin-bottom: 15px; color: #d00000; font-size: 12px; bottom: 13px; width: 100%; } #schedule-demo-page2 .wrap-form form fieldset .inputs-list label { display: block; } #schedule-demo-page2 .wrap-form form fieldset .hs-fieldtype-checkbox label { display: block; } #schedule-demo-page2 .wrap-form form fieldset .hs-fieldtype-booleancheckbox ul li { list-style: none; } #schedule-demo-page2 .wrap-form form .hs-field-desc { display: none !important; } #schedule-demo-page2 .wrap-form form ul { padding: 0; margin: 0; } #schedule-demo-page2 .wrap-form form ul li { list-style: none; } #schedule-demo-page2 .wrap-form form h3 { font-size: 18px; font-weight: bold; color: #252835; } #schedule-demo-page2 .wrap-form form input[type="text"], #schedule-demo-page2 .wrap-form form input[type="email"], #schedule-demo-page2 .wrap-form form input[type="number"], #schedule-demo-page2 .wrap-form form input[type="tel"], #schedule-demo-page2 .wrap-form form textarea { position: relative; display: block; width: 100%; padding: 0.75rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-repeat: no-repeat; background-position: left 0.75rem center; background-size: 15px; background-color: transparent; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 10px; border: solid 1px rgba(37, 40, 53, 0.25); margin-bottom: 35px; padding-left: 40px; } #schedule-demo-page2 .wrap-form form input[type="text"]:focus, #schedule-demo-page2 .wrap-form form input[type="email"]:focus, #schedule-demo-page2 .wrap-form form input[type="number"]:focus, #schedule-demo-page2 .wrap-form form input[type="tel"]:focus, #schedule-demo-page2 .wrap-form form textarea:focus { border-width: 2px; border-color: #2cd582; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } #schedule-demo-page2 .wrap-form form input.first-name { background-image: url("assets/images/user-ico.svg"); } #schedule-demo-page2 .wrap-form form input.first-name:focus { background-image: url("assets/images/user-ico-hover.svg"); } #schedule-demo-page2 .wrap-form form input.last-name { background-image: url("assets/images/user-ico.svg"); } #schedule-demo-page2 .wrap-form form input.last-name:focus { background-image: url("assets/images/user-ico-hover.svg"); } #schedule-demo-page2 .wrap-form form input.work-email { background-image: url("assets/images/work-ico.svg"); } #schedule-demo-page2 .wrap-form form input.work-email:focus { background-image: url("assets/images/work-ico-hover.svg"); } #schedule-demo-page2 .wrap-form form input.phone { background-image: url("assets/images/phone-ico.svg"); } #schedule-demo-page2 .wrap-form form input.phone:focus { background-image: url("assets/images/work-ico-hover.svg"); } #schedule-demo-page2 .wrap-form form input.job { background-image: url("assets/images/job-ico.svg"); } #schedule-demo-page2 .wrap-form form input.job:focus { background-image: url("assets/images/job-ico-hover.svg"); } #schedule-demo-page2 .wrap-form form input.company { background-image: url("assets/images/company-ico.svg"); } #schedule-demo-page2 .wrap-form form input.company:focus { background-image: url("assets/images/company-ico-hover.svg"); } #schedule-demo-page2 .wrap-form form input[type="checkbox"] { position: absolute; opacity: 0; } #schedule-demo-page2 .wrap-form form input[type="checkbox"] + .wpcf7-list-item-label { position: relative; cursor: pointer; padding: 0; } #schedule-demo-page2 .wrap-form form input[type="checkbox"] + .wpcf7-list-item-label::before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; border-radius: 4px; border-radius: 4px; border: solid 1px #252835; } #schedule-demo-page2 .wrap-form form input[type="checkbox"]:focus + .wpcf7-list-item-label:before { -webkit-box-shadow: none; box-shadow: none; } #schedule-demo-page2 .wrap-form form input[type="checkbox"]:checked + .wpcf7-list-item-label:before { background: #00d0a8; background-image: -webkit-gradient(linear, left top, left bottom, from(#00d0a8), to(#3fe695)); background-image: -o-linear-gradient(top, #00d0a8, #3fe695); background-image: linear-gradient(to bottom, #00d0a8, #3fe695); } #schedule-demo-page2 .wrap-form form input[type="checkbox"]:disabled + .wpcf7-list-item-label { color: #b8b8b8; cursor: auto; } #schedule-demo-page2 .wrap-form form input[type="checkbox"]:disabled + .wpcf7-list-item-label:before { -webkit-box-shadow: none; box-shadow: none; background: #ddd; } #schedule-demo-page2 .wrap-form form input[type="checkbox"]:checked + .wpcf7-list-item-label:after { content: ""; position: absolute; left: 5px; top: 9px; background: white; width: 2px; height: 2px; -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #schedule-demo-page2 .wrap-form form textarea { max-height: 160px; } #schedule-demo-page2 .wrap-form form textarea.comment { background-image: url("assets/images/comment-ico.svg"); background-position: 15px 15px; } #schedule-demo-page2 .wrap-form form textarea.comment:focus { background-image: url("assets/images/comment-ico-hover.svg"); } #schedule-demo-page2 .wrap-form form .database { font-size: 12px; } #schedule-demo-page2 .wrap-form form .database .wpcf7-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; margin-bottom: 15px; } #schedule-demo-page2 .wrap-form form .database .wpcf7-checkbox .wpcf7-list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; margin: 0 0 10px 0; } #schedule-demo-page2 .wrap-form form .interests { font-size: 12px; } #schedule-demo-page2 .wrap-form form .interests .wpcf7-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; margin-bottom: 15px; } #schedule-demo-page2 .wrap-form form .interests .wpcf7-checkbox .wpcf7-list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 10px 0; } #schedule-demo-page2 .wrap-form form .wrap-submit { position: relative; } #schedule-demo-page2 .wrap-form form .btn { min-width: 250px; display: block; border: 3px solid #00d0a8; background: #35d9b7; background: -webkit-gradient(linear, left top, right top, from(#35d9b7), to(#67df8c)); background: -o-linear-gradient(left, #35d9b7 0%, #67df8c 100%); background: linear-gradient(to right, #35d9b7 0%, #67df8c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d9b7', endColorstr='#67df8c',GradientType=1 ); } #schedule-demo-page2 .wrap-form form .btn:hover { background: #ffffff; color: #00d0a8; } #schedule-demo-page2 .wrap-form form .ajax-loader { position: absolute; top: 0; left: 0; bottom: 0; width: auto; height: auto; margin: 0; } #schedule-demo-page2 .wrap-form form .ajax-loader:before { content: ""; width: 25px; height: 25px; -webkit-animation: none; animation: none; animation: none; background: url("assets/images/oval.svg") no-repeat center/80%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; } #schedule-demo-page2 .wrap-form form .wpcf7-mail-sent-ok { border: none; margin: 0; padding: 0; font-weight: 400; position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; } #schedule-demo-page2 .wrap-form form .wpcf7-form-control-wrap { display: block; } #schedule-demo-page2 .wrap-form form span.wpcf7-list-item { margin: 0; } #schedule-demo-page2 .wrap-form form .wpcf7-not-valid { border: 2px solid #ff645c !important; } #schedule-demo-page2 .wrap-form form .wpcf7-not-valid::before { content: none; width: 30px; height: 30px; background-color: #252835; position: absolute; display: block; right: 0; } #schedule-demo-page2 .wrap-form form .tos .wpcf7-not-valid { border: none !important; } #schedule-demo-page2 .wrap-form form .tos .wpcf7-not-valid-tip { width: 200px; bottom: -5px; } #schedule-demo-page2 .wrap-form form .wpcf7-not-valid-tip { color: #ffffff; position: absolute; font-size: 11px; z-index: 1; left: 0; bottom: -20px; border-radius: 0; color: #ff645c; } #schedule-demo-page2 .wrap-form form .wpcf7-validation-errors, #schedule-demo-page2 .wrap-form form .wpcf7-acceptance-missing { display: none !important; } #schedule-demo-page2 .wrap-form form .wpcf7-response-output { display: none !important; border: none; margin: 0; padding: 1rem 0 0 0; color: #000000; font-weight: 600; position: absolute; left: 30px; bottom: -25px; } #schedule-demo-page2 .wrap-form form a { color: #2cd582; } #schedule-demo-page2 .wrap-form form .hs-firstname input { background-image: url("assets/images/user-ico.svg"); } #schedule-demo-page2 .wrap-form form .hs-lastname input { background-image: url("assets/images/user-ico.svg"); } #schedule-demo-page2 .wrap-form form .hs-email input { background-image: url("assets/images/work-ico.svg"); } #schedule-demo-page2 .wrap-form form .hs-phone input { background-image: url("assets/images/phone-ico.svg"); } #schedule-demo-page2 .wrap-form form .hs-jobtitle input { background-image: url("assets/images/job-ico.svg"); } #schedule-demo-page2 .wrap-form form .hs-company input { background-image: url("assets/images/company-ico.svg"); } #schedule-demo-page2 .wrap-form form .hs-country select { background-image: url("assets/images/globe-ico.svg"); background-position: 10px center; background-size: 17px; } #schedule-demo-page2 .wrap-form form .hs-message textarea { background-image: url("assets/images/comment-ico.svg"); background-position: 12px 15px; } #schedule-demo-page2 .wrap-form form .hs_which_database_are_you_using_ label { font-weight: bold; } #schedule-demo-page2 .wrap-form form .hs_which_database_are_you_using_ ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; margin-bottom: 15px; } #schedule-demo-page2 .wrap-form form .hs_which_database_are_you_using_ ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%; margin-bottom: 15px; } #schedule-demo-page2 .wrap-form form .hs_which_database_are_you_using_ ul li label { font-weight: normal; } #schedule-demo-page2 .wrap-form form .hs_which_database_are_you_using_ ul li label input[type="checkbox"] { opacity: 1; position: relative; } #schedule-demo-page2 .wrap-form form .hs_i_m_interested_in label { font-weight: bold; } #schedule-demo-page2 .wrap-form form .hs_i_m_interested_in label input[type="checkbox"] { opacity: 1; position: relative; } #schedule-demo-page2 .wrap-form form .hs_i_m_interested_in ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; } #schedule-demo-page2 .wrap-form form .hs_i_m_interested_in ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 15px; } #schedule-demo-page2 .wrap-form form .hs_i_m_interested_in ul li label { font-weight: normal; } #schedule-demo-page2 .wrap-form form .hs_i_agree_to_t_c_and_privacy_policy ul li label input[type="checkbox"] { opacity: 1; position: relative; } #schedule-demo-page2 .wrap-form form .your-country { background-image: url("assets/images/globe-ico.svg"); background-repeat: no-repeat; background-position: left 12px center; background-size: 18px; } #schedule-demo-page2 .wrap-form form select { position: relative; margin-bottom: 35px; display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: transparent; background-image: url("assets/images/down-chevron.svg"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 40px; } #schedule-demo-page2 .wrap-form form input[type="checkbox"] { margin-right: 10px; } #schedule-demo-page2 .wrap-form form .hs-button { color: #ffffff; border: 3px solid transparent; border-radius: 12px; line-height: 1; font-weight: 600; position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 14px; padding: 10px 15px; -ms-flex-item-align: center; align-self: center; line-height: 1.5; display: block; background-color: #0bb193; margin-top: 15px; } #schedule-demo-page2 .wrap-form form .hs-button::before { top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -7px; border-radius: 16px; position: absolute; content: ""; background: #00d0a8; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#3ed672)); background: -o-linear-gradient(left, #00d0a8 0%, #3ed672 100%); background: linear-gradient(to right, #00d0a8 0%, #3ed672 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0a8', endColorstr='#3ed672',GradientType=1 ); } #schedule-demo-page2 .wrap-form form .hs-button:hover { background-color: #323647; color: #00d0a8; } /* End Demo Page 2 */ #thank-you { display: none; text-align: center; padding-top: 137px; width: 100%; max-width: 339px; margin: 0 auto; } #thank-you .img { margin-bottom: 39px; } #thank-you h3 { color: #252835; margin-bottom: 29px; } #thank-you h3 span { display: block; margin-bottom: 15px; } #thank-you .btn-wrap { padding: 6px 0px; border-radius: 15px; width: 225px; position: relative; background: #00d0a8; background: -o-linear-gradient(left, #00d0a8 0%, #3ed672 100%); background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#3ed672)); background: linear-gradient(to right, #00d0a8 0%, #3ed672 100%); margin: 0 auto; } #thank-you .btn.green-gradient:hover { background: #fff; } #thank-you .social ul { padding: 0; margin: 25px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 143px; } #thank-you .social ul li { list-style: none; margin-right: 1rem; } #thank-you .social ul li a { color: #323647; font-size: 22px; } #thank-you .social ul li a:hover { color: #3bc685; } #pricing-tables { background-color: #323647; margin-top: 80px; padding: 50px 0; } #pricing-tables .box { border-radius: 10px; background-color: #ffffff; padding: 25px; color: #252835; } #pricing-tables .box .wrap-columns { -ms-flex-wrap: wrap; flex-wrap: wrap; } #pricing-tables .box .heading { margin-bottom: 15px; } #pricing-tables .box .column { margin-bottom: 35px; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; } #pricing-tables .box h2 { font-weight: bold; letter-spacing: -0.7px; text-align: center; } #pricing-tables .box h3 { font-weight: 600; text-align: center; } #pricing-tables .box h3 span { color: #00d0a8; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#00d0a8), to(#41d76f)); background-image: -o-linear-gradient(top, #00d0a8, #41d76f); background-image: linear-gradient(to bottom, #00d0a8, #41d76f); } #pricing-tables .box h4 { font-size: 15px; font-weight: 300; text-align: center; } #pricing-tables .box h4 span { font-weight: bold; } #pricing-tables .box ul { padding: 0; margin: 0 0 20px 0; } #pricing-tables .box ul li { position: relative; list-style: none; font-weight: 600; letter-spacing: -0.35px; padding-left: 20px; } #pricing-tables .box ul li::before { content: url("assets/images/green-check-ico.png"); position: absolute; left: 0; top: 0; } #pricing-tables .box .btn { margin-top: auto; } #pricing-tables .box.dark { background-color: #252835; color: #ffffff; } #pricing-tables .box.dark .column.left-column::after { background-color: rgba(255, 255, 255, 0.5); } #pricing-tables .box:not(.dark) .btn.green:hover { background-color: #ffffff; } #pricing-info { padding: 50px 0; } #pricing-info h2 { font-weight: bold; letter-spacing: -0.97px; color: #ffffff; } #pricing-info p { font-weight: 500; letter-spacing: normal; padding: 20px 0; } #success { background-color: #ffffff; background-image: url("assets/images/bg-success-pricing.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 0; color: #252835; text-align: center; } #success h2 { background-image: -webkit-gradient(linear, left bottom, left top, from(#00d0a8), to(#c4e500)); background-image: -o-linear-gradient(bottom, #00d0a8, #c4e500); background-image: linear-gradient(to top, #00d0a8, #c4e500); font-size: 15px; font-weight: bold; letter-spacing: 3.91px; text-align: center; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } #success h3 { font-weight: bold; letter-spacing: -0.78px; text-align: center; margin: 20px 0; } #success .wrap-logos { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 0; } #success .wrap-logos .item { margin: 0 15px 15px 15px; } #success .wrap-logos .item img { max-height: 40px; } .above-footer-pricing { text-align: center; } .above-footer-pricing h2 { font-weight: bold; } .pricing-popup form fieldset { max-width: none !important; } .hs-form fieldset { max-width: none !important; } .hs-form-43fa76b5-b273-4a3d-88da-2e9c78e6981a_c05607a4-faf2-41a6-b22a-6d8454003569 fieldset { max-width: none !important; } .hs-form-413b1400-3ad9-4b79-a244-9446dc1ebd22_d0a9c751-ffcf-478d-b951-acf33f26742e fieldset { max-width: none !important; } .features { background-color: #ffffff; color: #252835; letter-spacing: -0.05px; } .features .feature { padding: 50px 0; } .features .feature .wrap-text .before-title { background-image: -webkit-gradient(linear, left bottom, left top, from(#00d0a8), to(#60da54)); background-image: -o-linear-gradient(bottom, #00d0a8, #60da54); background-image: linear-gradient(to top, #00d0a8, #60da54); font-size: 16px; font-weight: bold; letter-spacing: -0.05px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .features .feature .wrap-text h2 { font-weight: 300; } .features .feature .wrap-text ul { padding: 0; margin: 25px 0; } .features .feature .wrap-text ul li { margin-bottom: 5px; list-style: none; position: relative; padding-left: 20px; } .features .feature .wrap-text ul li::before { content: ""; position: absolute; left: 0; top: 10px; background-color: #00d0a8; width: 5px; height: 5px; border-radius: 100%; vertical-align: middle; } .features .feature .wrap-text .btn { margin-right: 20px; } .features .feature .wrap-text .btn.green:hover { background-color: #ffffff; } .features .feature .wrap-text .buttons .green-btn { -webkit-text-fill-color: transparent; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#60da54)); background: -o-linear-gradient(left, #00d0a8 0%, #60da54 100%); background: linear-gradient(to right, #00d0a8 0%, #60da54 100%); -webkit-background-clip: text; } .features .feature .wrap-text .buttons .green-btn:hover { color: #252835; } .features .feature .wrap-text .buttons .green-btn:hover::after { border-color: transparent transparent transparent #000000; } .features .feature .wrap-text .green-btn:hover { color: #000000; -webkit-text-fill-color: #000000; } .features .feature .wrap-text .green-btn::after { display: inline-block; vertical-align: middle; margin-left: 5px; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #5fda54; } .features .feature .wrap-image { margin-bottom: 30px; } #middle-quote { padding: 50px 0; background-color: #323647; } #middle-quote h2 { background-image: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#2cd582)); background-image: -o-linear-gradient(left, #00d0a8, #2cd582); background-image: linear-gradient(to right, #00d0a8, #2cd582); font-weight: bold; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } #middle-quote p { line-height: 1.84; letter-spacing: normal; position: relative; font-style: italic; } #middle-quote p::before { content: ""; position: absolute; bottom: -25px; width: 186px; height: 3px; background-image: -webkit-gradient(linear, left bottom, left top, from(#00d0a8), to(#60da54)); background-image: -o-linear-gradient(bottom, #00d0a8, #60da54); background-image: linear-gradient(to top, #00d0a8, #60da54); } #middle-quote .author { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 55px; } #middle-quote .author .wrap-image { margin-right: 20px; } #middle-quote .author .wrap-image img { border-radius: 100%; } #middle-quote .author .info h3 { font-weight: bold; } #middle-quote .author .info h4 { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #bottom-logos { padding: 50px 0; background-color: #323647; } #bottom-logos .wrap-logos { max-width: 85%; margin: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; padding: 15px; border-radius: 25px; } #bottom-logos .wrap-logos .item { padding: 10px; text-align: center; } #bottom-logos .wrap-logos .item img { max-width: 100%; height: auto; } #database { background-color: #252835; padding: 50px 0; } #database .main-title { font-weight: bold; letter-spacing: -0.78px; text-align: center; } #database h3 { color: #34d47a; text-align: center; font-weight: 300; } #database .boxes { margin-top: 50px; } #database .boxes .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-repeat: no-repeat; background-position: center 0; background-size: contain; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 342px; border-radius: 20px; overflow: hidden; background-color: #323647; } #database .boxes .box .wrap-image { height: 150px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #database .boxes .box .wrap-image::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 54, 71, 0)), color-stop(50%, rgba(50, 54, 71, 0.5)), to(#323647)); background: -o-linear-gradient(top, rgba(50, 54, 71, 0) 0%, rgba(50, 54, 71, 0.5) 50%, #323647 100%); background: linear-gradient(to bottom, rgba(50, 54, 71, 0) 0%, rgba(50, 54, 71, 0.5) 50%, #323647 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00323647', endColorstr='#323647',GradientType=0 ); } #database .boxes .box img { width: 100%; } #database .boxes .box .box-content { padding: 10px; } #database .boxes .box h2 { font-size: 18px; font-weight: 600; letter-spacing: normal; } #database .boxes .box p { font-size: 15px; } #database .boxes .box .green-btn { position: relative; } #database .boxes .box .green-btn::after { display: inline-block; vertical-align: middle; margin-left: 5px; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #5fda54; } #database .boxes .box .green-btn:hover::after { border-color: transparent transparent transparent #ffffff; } #trusted-by-simple { background-color: #323647; padding: 30px 0 0; text-align: center; } #trusted-by-simple h2 { font-weight: 600; letter-spacing: -0.78px; } #trusted-by-simple p { font-weight: 500; letter-spacing: -0.35px; } #trusted-by-simple .trusted-logos { padding: 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #trusted-by-simple .trusted-logos li { margin: 0 15px; position: relative; list-style: none; } #trusted-by-simple .trusted-logos li img { -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #trusted-by-simple .green-btn { -webkit-text-fill-color: transparent; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#6fe500)); background: -o-linear-gradient(left, #00d0a8 0%, #6fe500 100%); background: linear-gradient(to right, #00d0a8 0%, #6fe500 100%); -webkit-background-clip: text; } #trusted-by-simple .green-btn:hover { -webkit-text-fill-color: #ffffff; } .top-text { padding-bottom: 50px; } .top-text h1 { font-weight: 600; color: #252835; } .top-text p { color: #252835; } .sticky-post { background-color: #ffffff; position: relative; margin-bottom: 25px; } .sticky-post .wrap-text { padding: 15px; } .sticky-post .wrap-text .category-title { font-size: 15px; font-weight: bold; color: rgba(0, 208, 168, 0.8); } .sticky-post .wrap-text .category-title span::before { content: ", "; } .sticky-post .wrap-text .category-title span:first-child::before { content: none; } .sticky-post .wrap-text a { text-decoration: none; } .sticky-post .wrap-text .category-name { font-size: 15px; font-weight: bold; line-height: 1.67; color: #00d0a8; margin-bottom: 13px; } .sticky-post .wrap-text h2 { font-weight: bold; color: #252835; } .sticky-post .wrap-text h3 { font-size: 15px; font-style: italic; line-height: 1.67; letter-spacing: normal; color: rgba(37, 40, 53, 0.4); } .sticky-post.featured .wrap-image img { border-top-left-radius: 10px; border-top-right-radius: 10px; } .sticky-post .wrap-image img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .featured-right .main-title { font-size: 18px; line-height: 1.39; color: rgba(50, 54, 71, 0.5); text-transform: uppercase; margin-bottom: 35px; } .featured-right .card { margin-bottom: 30px; border: none; } .featured-right .card img { border-radius: 8px; } .featured-right .card .wrap-image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .featured-right .card .wrap-text { padding: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .featured-right .card .wrap-text a { text-decoration: none; } .featured-right .card .wrap-text h2 { color: #252835; font-weight: 400; } .featured-right .card .wrap-text h3 { font-size: 15px; font-style: italic; color: rgba(37, 40, 53, 0.4); } #blog-wrap { background-color: #ffffff; color: #252835; margin-top: 80px; padding: 50px 0; } #blog-wrap #sidebar .heading span { display: block; } #blog-wrap #sidebar .heading span.first-title { font-weight: bold; color: #252835; line-height: 1; } #blog-wrap #sidebar .heading span.second-title { text-transform: uppercase; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 208, 168, 0.8)), to(rgba(196, 229, 0, 0.8))); background-image: -o-linear-gradient(left, rgba(0, 208, 168, 0.8), rgba(196, 229, 0, 0.8)); background-image: linear-gradient(to right, rgba(0, 208, 168, 0.8), rgba(196, 229, 0, 0.8)); font-weight: bold; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } #blog-wrap #sidebar .menus { margin: 35px 0 15px; } #blog-wrap #sidebar .menus h3 { font-size: 15px; font-weight: bold; margin-right: 10px; color: #cccccc; padding-bottom: 5px; text-transform: uppercase; border-bottom: 2px solid #cccccc; } #blog-wrap #sidebar .menus h3 a { color: #cccc; } #blog-wrap #sidebar .menus h3 a:hover { text-decoration: none; } #blog-wrap #sidebar .menus h3.current { color: #252835; border-bottom: 2px solid #252835; } #blog-wrap #sidebar .menus h3.current a { color: #252835; text-decoration: none; } #blog-wrap #sidebar .cats { padding: 0; margin-bottom: 55px; } #blog-wrap #sidebar .cats li { line-height: 1.39; color: #252835; padding: 0; list-style: none; margin-bottom: 10px; } #blog-wrap #sidebar .cats li a { color: #252835; text-decoration: none; font-weight: 500; } #blog-wrap #sidebar .cats li a:hover { color: #42d4c7; } #blog-wrap #sidebar .cats li.current a { font-weight: bold; } #blog-wrap .wrap-posts .card { border: none; } #blog-wrap .wrap-posts .card a { text-decoration: none; } #blog-wrap .wrap-posts .card .category-name { font-size: 12px; font-weight: 500; color: #00d0a8; } #blog-wrap .wrap-posts .card .category-name::before { content: ", "; } #blog-wrap .wrap-posts .card .category-name:first-child::before { content: none; } #blog-wrap .wrap-posts .card img { border-radius: 8px; } #blog-wrap .wrap-posts .card h2 { font-weight: bold; color: #252835; } #blog-wrap .wrap-posts .card p { font-size: 15px; font-style: italic; line-height: 1.67; letter-spacing: normal; color: rgba(37, 40, 53, 0.4); } #blog-wrap .load-more { padding: 15px 0; text-align: center; } #blog-wrap .load-more .load-more-btn { -webkit-transition: 0.3s border ease, 0.3s color ease; -o-transition: 0.3s border ease, 0.3s color ease; transition: 0.3s border ease, 0.3s color ease; border-radius: 8px; color: #00d0a8; border: solid 1.2px rgba(43, 213, 130, 0.8); line-height: 45px; background-color: transparent; font-size: 15px; font-weight: bold; text-align: center; min-width: 180px; } #blog-wrap .load-more .load-more-btn:hover { color: #000000; border: solid 1.2px #000000; } .newsletter-form { margin-bottom: 25px; } .newsletter-form input[type="email"] { background-image: url("assets/images/envelope-ico.svg"); background-repeat: no-repeat; background-position: left 0.75rem center; background-size: 20px; border-radius: 8px; border: solid 1.5px #ced4da; font-size: 13px; line-height: 40px; padding-left: 45px; width: 100%; } .newsletter-form input[type="email"]:focus { z-index: 1; -webkit-box-shadow: none; box-shadow: none; } .newsletter-form .submit { font-size: 13px; border-radius: 7px; background-color: #252835; color: #ffffff; border: none; margin-left: -103px; z-index: 1; margin-top: 8px; margin-bottom: 8px; padding: 0 15px; font-weight: bold; } .newsletter-form .hbspt-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; } .newsletter-form .hbspt-form .hs_email { width: 85%; } .newsletter-form .hbspt-form .hs_email label { display: none; } .newsletter-form .hbspt-form .no-list { margin: 0; } .newsletter-form .hbspt-form .no-list li { list-style: none; } .newsletter-form .hbspt-form .no-list.hs-error-msgs .hs-error-msg { display: none; } .newsletter-form .hbspt-form input[type="email"] { line-height: 50px; } .newsletter-form .hbspt-form .hs-submit { border-radius: 7px; background-color: #252835; border: none; z-index: 1; margin-top: 8px; margin-bottom: 8px; padding: 0 15px; } .newsletter-form .hbspt-form .hs-submit input[type="submit"] { background: none; border: none; font-size: 13px; font-weight: bold; color: #ffffff; line-height: 3; } .newsletter-form .hs_error_rollup { position: absolute; top: 115%; font-size: 13px; left: 0px; } .newsletter-form .hs_error_rollup ul { padding: 0; } body.single-post { background-color: #ffffff; } body.single-resource { background-color: #ffffff; } #blog-post img { max-width: 100%; height: auto; } #blog-post .category-name { font-size: 16px; font-weight: bold; color: #00d0a8; text-decoration: none; text-align: center; padding: 10px 0; display: block; } #blog-post h1 { margin: 23px 0 25px; font-weight: bold; text-align: center; color: #252835; } #blog-post .wrap-thumbnail { margin-bottom: 50px; } #blog-post .author-box { text-align: center; padding: 25px 0; } #blog-post .author-box .author-name { font-size: 18px; font-weight: bold; line-height: 2.08; color: #252835; margin: 15px 0 0 0; } #blog-post .author-box .date { font-size: 12px; color: #252835; } #blog-post .article-intro p { line-height: 1.67; text-align: center; color: #252835; } #blog-post .table-of-contents { position: relative; margin-bottom: 50px; padding: 50px 0; border-bottom: 1px solid #252835; } #blog-post .table-of-contents h3 { font-size: 13px; line-height: 1.92; color: #252835; text-transform: uppercase; position: relative; margin: 0; display: block; z-index: 0; } #blog-post .table-of-contents h3 span { padding-right: 15px; background-color: #ffffff; } #blog-post .table-of-contents h3::before { content: ""; position: absolute; height: 0.2px; z-index: -1; width: 100%; background-color: #252835; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; } #blog-post .table-of-contents ul { margin: 20px 0 0 0; padding: 0; } #blog-post .table-of-contents ul li { list-style: none; } #blog-post .table-of-contents ul li a { font-weight: 500; line-height: 1.76; color: #00d0a8; text-decoration: none; } #blog-post .table-of-contents ul li a:hover { color: #252835; } #blog-post .table-of-contents .social-share-buttons { display: none; position: absolute; top: 100px; left: -85px; padding: 0 1rem 1rem 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } #blog-post .table-of-contents .social-share-buttons a { display: block; margin-bottom: 1rem; border: solid 1px rgba(37, 40, 53, 0.3); border-radius: 100%; width: 40px; height: 40px; line-height: 40px; text-align: center; } #blog-post .table-of-contents .social-share-buttons a:hover { border: solid 1px #00d0a8; color: #00d0a8; } #blog-post h2 { font-weight: 500; color: #252835; margin-bottom: 30px; } #blog-post p { margin: 0 0 45px; line-height: 1.67; color: #252835; } #blog-post p b, #blog-post p strong { color: #00d0a8; } #blog-post ul { margin: 0 0 45px; line-height: 1.67; color: #252835; } #blog-post ol { margin: 0 0 45px; line-height: 1.67; color: #252835; } #blog-post .mark, #blog-post mark { background-color: #dbf5f0; } #blog-post .banner { background-image: url("assets/images/small-banner-bg.svg"); background-repeat: no-repeat; background-position: center 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; background-color: #252835; color: #ffffff; margin-bottom: 30px; } #blog-post .banner .titles { text-align: center; } #blog-post .banner h3, #blog-post .banner h4 { font-weight: bold; } #blog-post .banner .btn { color: #ffffff; text-decoration: none; font-weight: 300; } #blog-post .banner .btn:hover { color: #00d0a8; } .banner-cta-wrap { position: relative; padding: 20px 0; background-color: #252835; } .banner-cta-wrap #banner-cta { position: relative; } .banner-cta-wrap #banner-cta h3 { font-weight: 500; line-height: 1.67; margin-bottom: 25px; } .banner-cta-wrap #banner-cta h4 { background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#c4e500)); background: -o-linear-gradient(left, #00d0a8 0%, #c4e500 100%); background: linear-gradient(to right, #00d0a8 0%, #c4e500 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 25px; } .banner-cta-wrap #banner-cta .btn { font-weight: 300; line-height: 0.8; } .banner-cta-wrap #banner-cta .wrap-image { display: none; position: relative; } #related { padding-top: 25px; } #related .main-title { font-size: 18px; color: #c2c3c8; margin-bottom: 35px; text-transform: uppercase; } #related .wrap-related-articles .card { border: none; } #related .wrap-related-articles .card a { text-decoration: none; } #related .wrap-related-articles .card .category-name { font-size: 13px; font-weight: bold; color: #00d0a8; margin-bottom: 10px; display: block; } #related .wrap-related-articles .card .card-img img { border-radius: 8px; } #related .wrap-related-articles .card h2 { font-size: 18px; font-weight: normal; color: #252835; line-height: 1.39; } #related .wrap-related-articles .card p { font-size: 15px; font-style: italic; line-height: 1.67; letter-spacing: normal; color: rgba(37, 40, 53, 0.4); } .single-newsletter-form { color: #252835; padding: 50px 0; } .single-newsletter-form h2 { font-size: 16px; font-style: italic; line-height: 2.22; letter-spacing: normal; text-align: center; color: #252835; } .single-newsletter-form .newsletter-form { max-width: 400px; margin: 15px auto; } #devops-best-practices { background-color: #252935; background-image: url("assets/images/bg-benefits.svg"); background-repeat: no-repeat; background-position: center -15%; padding: 50px 0; } #devops-best-practices h2 { font-weight: bold; letter-spacing: -0.78px; text-align: center; margin-bottom: 20px; } #devops-best-practices p { line-height: 1.57; text-align: center; margin-bottom: 50px; } #devops-best-practices .box { margin-bottom: 25px; padding: 20px 35px; border-radius: 25px; -webkit-box-shadow: inset 0 -7px 12px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 -7px 12px 0 rgba(255, 255, 255, 0.1); background-color: rgba(48, 51, 63, 0.5); } #devops-best-practices .box .wrap-icon { text-align: center; padding: 10px 0; } #devops-best-practices .box p { text-align: left; } #devops-best-practices .box a { -ms-flex-item-align: baseline; align-self: baseline; position: relative; } #devops-best-practices .box a::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #00d0a8; } #devops-best-practices .box a:hover::before { content: none; } #end-to-end { background-color: #ffffff; padding: 50px 0; color: #252835; } #end-to-end .text { margin-bottom: 50px; z-index: 1; } #end-to-end .text .before-title { background-image: -webkit-gradient(linear, left bottom, left top, from(#00d0a8), to(#60da54)); background-image: -o-linear-gradient(bottom, #00d0a8, #60da54); background-image: linear-gradient(to top, #00d0a8, #60da54); font-size: 14px; font-weight: 500; letter-spacing: -0.04px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; } #end-to-end .text h2 { font-size: 40px; font-weight: 300; margin-bottom: 30px; } #end-to-end .text p { letter-spacing: -0.05px; } #end-to-end .text .buttons { margin-top: 45px; } #end-to-end .text .buttons .green { margin-right: 20px; } #end-to-end .text .buttons .green:hover { background: #ffffff; } #boost { position: relative; padding: 50px 0; } #boost .text { margin-top: 25px; z-index: 1; } #boost .text .before-title { background-image: -webkit-gradient(linear, left bottom, left top, from(#00d0a8), to(#60da54)); background-image: -o-linear-gradient(bottom, #00d0a8, #60da54); background-image: linear-gradient(to top, #00d0a8, #60da54); font-size: 14px; font-weight: 600; letter-spacing: -0.04px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; } #boost .text a { -ms-flex-item-align: baseline; align-self: baseline; position: relative; } #boost .text a::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #00d0a8; } #boost .text a:hover::before { content: none; } #boost .text h2 { font-size: 40px; font-weight: 300; margin-bottom: 30px; } #boost .text p { letter-spacing: -0.05px; } #boost .text .buttons { margin-top: 45px; } #boost .text .buttons .green { margin-right: 20px; } #devops-video { padding: 50px 0; background-color: #ffffff; color: #252835; } #devops-video .text h2 { font-weight: bold; letter-spacing: -0.78px; color: #252835; } #devops-video .text ul { margin: 0; padding: 0; } #devops-video .text ul li { position: relative; list-style: none; letter-spacing: -0.35px; padding-left: 20px; } #devops-video .text ul li::before { content: url("assets/images/green-check-ico.png"); position: absolute; left: 0; top: 0; } #devops-video .video .wrap-video { position: relative; } #devops-video .video .wrap-video .play-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 25%; height: 25%; background-image: url("assets/images/play-video-ico.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; } #devops-video .video .wrap-video img { border-radius: 15px; width: 100%; } #devops-video .short-text p { margin-top: 15px; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: -0.35px; text-align: left; color: #252835; } .site-footer { background-color: #323647; padding: 50px 15px; } .site-footer .text { margin-bottom: 30px; } .site-footer .text h2 { font-weight: 200; margin-top: 25px; } .site-footer .text h2 span { color: #2cd582; } .site-footer .text h3 { font-size: 21px; font-weight: 600; letter-spacing: -0.6px; } .site-footer .widget h3 { font-size: 18px; font-weight: 600; } .site-footer .widget ul { margin: 0; padding: 0; } .site-footer .widget ul li { list-style: none; margin-bottom: 15px; } .site-footer .widget ul li a { color: #ffffff; text-decoration: none; font-size: 15px; } .site-footer .widget ul li a:hover { color: #2dd582; text-decoration: underline; } .site-footer .social { margin-bottom: 20px; } .site-footer .social ul { padding: 0; margin: 25px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-footer .social ul li { list-style: none; margin-right: 1rem; } .site-footer .social ul li a { color: #ffffff; font-size: 22px; } .site-footer .social ul li a:hover { color: #04d0a4; } .site-footer .credit { text-align: center; } .site-footer .credit p { padding: 10px 0 0; margin: 0; font-size: 13px; font-weight: 500; letter-spacing: 3.07px; } .site-footer .credit p a { color: #ffffff; } .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-facebook-square:before { content: "\f082"; } .fa-facebook-f:before { content: "\f39e"; } .fa-twitter:before { content: "\f099"; } .fa-youtube:before { content: "\f167"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-envelope:before { content: "\f0e0"; } .fa-rss:before { content: "\f09e"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-phone-alt:before { content: "\f879"; } .btn { color: #ffffff; border: 3px solid transparent; border-radius: 12px; line-height: 1; font-weight: 600; position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 12px; padding: 10px 5px; -ms-flex-item-align: center; align-self: center; line-height: 1.5; display: block; } .btn.green { line-height: 1; background-color: #0bb193; } .btn.green::before { top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -7px; border-radius: 16px; position: absolute; content: ""; background: #00d0a8; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#3ed672)); background: -o-linear-gradient(left, #00d0a8 0%, #3ed672 100%); background: linear-gradient(to right, #00d0a8 0%, #3ed672 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0a8', endColorstr='#3ed672',GradientType=1 ); } .btn.green:hover { background-color: #323647; color: #00d0a8; } .btn.green-border { background: transparent; border: 1px solid #3ed672; -webkit-box-sizing: border-box; box-sizing: border-box; color: #3ed672; background: #252835; background-clip: padding-box; } .btn.green-border:before { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -2px; /* !importanté */ border-radius: inherit; /* !importanté */ background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#60da54)); background: -o-linear-gradient(left, #00d0a8, #60da54); background: linear-gradient(to right, #00d0a8, #60da54); } .btn.green-border:hover { border: 1px solid #ffffff; color: #ffffff; } .btn.green-border:hover:before { background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff)); background: -o-linear-gradient(left, #ffffff, #ffffff); background: linear-gradient(to right, #ffffff, #ffffff); } .btn.green-gradient { text-decoration: none; background: #0bb194; background: -webkit-gradient(linear, left top, right top, from(#0bb194), to(#29b47a)); background: -o-linear-gradient(left, #0bb194 0%, #29b47a 100%); background: linear-gradient(to right, #0bb194 0%, #29b47a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bb194', endColorstr='#29b47a',GradientType=1 ); } .btn.green-gradient:hover { background: #323647; color: #00d0a8; } .btn.green-gradient-banner { border: 0; text-decoration: none; background: #0bb194; background: -webkit-gradient(linear, left top, right top, from(#0bb194), to(#36cc8e)); background: -o-linear-gradient(left, #0bb194 0%, #36cc8e 100%); background: linear-gradient(to right, #0bb194 0%, #36cc8e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bb194', endColorstr='#36cc8e',GradientType=1 ); } .btn.green-gradient-banner:before { margin: -5px; } .btn.green-gradient-banner:hover { background: #323647; color: #00d0a8; } .btn.blue { border: solid 1.2px #00d0a8; color: #00d0a8; } .btn.blue:hover { border: solid 1.2px #252835; color: #252835; } .btn.green-transparent { color: #00d0a8; position: relative; background: #00d0a8; -webkit-text-fill-color: transparent; background: -o-linear-gradient(left, #00d0a8 0%, #4fd864 100%); background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#4fd864)); background: linear-gradient(to right, #00d0a8 0%, #4fd864 100%); -webkit-background-clip: text; border: 2px solid #2bd583; } .btn.green-transparent::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: -3px; padding: 2px; border-radius: 16px; } .btn.green-transparent:hover { border: 2px solid #ffffff; } .btn.green-transparent:focus { -webkit-box-shadow: none; box-shadow: none; } .btn:hover { text-decoration: none; } .green-btn { position: relative; font-weight: bold; font-size: 14px; letter-spacing: 0.28px; background: #00d0a8; -webkit-text-fill-color: transparent; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#4fd864)); background: -o-linear-gradient(left, #00d0a8 0%, #4fd864 100%); background: linear-gradient(to right, #00d0a8 0%, #4fd864 100%); -webkit-background-clip: text; } .green-btn:hover { text-decoration: none; background: none; color: #ffffff; -webkit-text-fill-color: #ffffff; } .green-btn:hover { background: none; } .green-btn:hover::before { content: none; } .double-title { text-align: center; z-index: 1; position: relative; margin-bottom: 50px; } .double-title .before-title { font-size: 15px; letter-spacing: 3.55px; font-weight: bold; } .double-title .before-title.green { background: #00d0a8; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), color-stop(50%, #43d76f), color-stop(150%, #c4e500)); background: -o-linear-gradient(left, #00d0a8 0%, #43d76f 50%, #c4e500 150%); background: linear-gradient(to right, #00d0a8 0%, #43d76f 50%, #c4e500 150%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .double-title h2 { font-size: 40px; font-weight: 600; letter-spacing: -0.72px; } .green-title { font-size: 23px; font-weight: 600; background: #00d0a8; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#30d57e)); background: -o-linear-gradient(left, #00d0a8 0%, #30d57e 100%); background: linear-gradient(to right, #00d0a8 0%, #30d57e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; } .green-title-lemon { font-size: 23px; font-weight: bold; background: #00d0a8; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), color-stop(75%, #2fd867)); background: -o-linear-gradient(left, #00d0a8 0%, #2fd867 75%); background: linear-gradient(to right, #00d0a8 0%, #2fd867 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; } .modal .modal-content { background-color: #000000; position: relative; } .modal {z-index: 10000000000 !important} .modal .modal-content .btn-close { width: 25px; height: 25px; background: none; position: absolute; opacity: 1; z-index: 1; right: 30px; top: 10px; } .modal .modal-content .btn-close img { max-width: 25px; } .modal .modal-content.modal-content-white { background-color: #ffffff; } @media only screen and (min-width: 768px) { .btn { display: inline-block; } } @media only screen and (min-width: 992px) { .btn { padding: 10px 15px; } .green-btn { font-size: 16px; } .modal .modal-content .btn-close { right: -25px; top: -25px; } } @media only screen and (min-width: 1200px) { .btn { font-size: 1rem; } } @media only screen and (min-width: 1400px) { .btn { font-size: 18px; } } @media only screen and (max-width: 576px) { .btn { display: inline-block; } } .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; margin-left: auto; overflow: visible; z-index:1000000000;} .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #ffffff; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #ffffff; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--3dxy .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dxy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } @media only screen and (min-width: 576px) { #hero.home-hero .buttons .demo-btn, #hero.about-hero .buttons .demo-btn, #hero.devops-hero .buttons .demo-btn, #hero.partners-hero .buttons .demo-btn, #hero.platform-hero .buttons .demo-btn { margin-right: 20px; } #seamless .seamless-table .box .logos-title { -webkit-transform: none; -ms-transform: none; transform: none; left: auto; text-align: center; } #database .boxes .box .wrap-image { height: 250px; } #seamless .seamless-table .bottom-logos .item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: auto; } #seamless .seamless-table .bottom-logos .item img { max-width: 100px; } #partnership-options .boxes .box { height: 342px; } #partnership-options .boxes .box .wrap-image { height: 250px; } } @media only screen and (min-width: 768px) { #hero.home-hero .buttons .demo-btn, #hero.about-hero .buttons .demo-btn, #hero.devops-hero .buttons .demo-btn, #hero.partners-hero .buttons .demo-btn, #hero.platform-hero .buttons .demo-btn { margin-bottom: 0; margin-right: 20px; } #trusted-by .boxes .box { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (min-width: 992px) { .site-header { height: 97px; } .site-header .main-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } .site-header .main-navigation > ul > li > a::before { -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in; transition: width 0.2s ease-in; content: ""; background-color: #41d770; width: 0; height: 1px; position: absolute; left: 0; right: 0; bottom: -5px; } .site-header .main-navigation > ul > li:hover a::before { width: 100%; } .site-header .main-navigation > ul > li.current-menu-item > a::before, .site-header .main-navigation > ul > li.current-menu-ancestor > a::before { -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in; transition: width 0.2s ease-in; content: ""; background-color: #41d770; width: 100%; height: 1px; position: absolute; left: 0; right: 0; bottom: -5px; } #hero { margin-top: 97px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #hero.home-hero, #hero.about-hero, #hero.devops-hero, #hero.partners-hero, #hero.platform-hero { padding-top: 0; height: calc(100vh - 97px); } #hero.home-hero::before, #hero.about-hero::before, #hero.devops-hero::before, #hero.partners-hero::before, #hero.platform-hero::before { content: url("assets/images/bg-home-hero-2.svg"); position: absolute; left: 0; top: 0; } #hero.home-hero #bg-home-hero, #hero.about-hero #bg-home-hero, #hero.devops-hero #bg-home-hero, #hero.partners-hero #bg-home-hero, #hero.platform-hero #bg-home-hero { bottom: 100px; display: block; } #hero.home-hero #bg-home-hero svg, #hero.about-hero #bg-home-hero svg, #hero.devops-hero #bg-home-hero svg, #hero.partners-hero #bg-home-hero svg, #hero.platform-hero #bg-home-hero svg { width: 100% !important; min-width: 100%; } #hero.platform-hero { background-image: url("assets/images/bg-platform-hero.jpg"); background-position: center 0; background-size: contain; } #hero.devops-hero { background-image: url("assets/images/bg-devops-hero.jpg"); background-position: center 0; background-size: contain; } #hero.partners-hero { height: calc(80vh - 97px); background-image: url("assets/images/bg-partners-hero.jpg"); background-position: 100% center; background-size: contain; } #hero.about-hero::after { content: ur10("assets/images/bg-home-hero-3.svg"); position: absolute; right: 0; top: 20vh; z-index: 0; } #hero.about-hero .image { position: relative; } .logos { padding: 0; position: absolute; height: 100px; } .logos .wrap-logos { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .logos .wrap-logos .item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-bottom: 0; } .logos .wrap-logos .item img { opacity: 0.6; max-width: 100%; height: auto; } #hero.home-hero .text, #hero.platform-hero .text, #hero.devops-hero .text, #hero.partners-hero .text { margin-top: -15vh; } #hero.home-hero .text p, #hero.platform-hero .text p, #hero.devops-hero .text p, #hero.partners-hero .text p { max-width: 70%; } #hero.home-hero .text h1 .first-title, #hero.platform-hero .text h1 .first-title, #hero.devops-hero .text h1 .first-title, #hero.partners-hero .text h1 .first-title { font-size: 50px; } #hero.home-hero .text h1 .second-title, #hero.platform-hero .text h1 .second-title, #hero.devops-hero .text h1 .second-title, #hero.partners-hero .text h1 .second-title { font-size: 63.9px; } #hero.home-hero .buttons, #hero.platform-hero .buttons, #hero.devops-hero .buttons, #hero.partners-hero .buttons { padding-bottom: 0; } #hero.home-hero .buttons .demo-btn, #hero.platform-hero .buttons .demo-btn, #hero.devops-hero .buttons .demo-btn, #hero.partners-hero .buttons .demo-btn { margin-bottom: 0; } #hero .logos img { max-width: 100px; max-height: 30px; } #benefits { background-position: center 0; } #benefits .box { margin-bottom: 0; min-height: 550px; } #made-for-you { padding: 100px 0; } #made-for-you .box { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; padding: 35px; margin-bottom: 0; height: 339px; } #made-for-you .box .green-title { font-size: 25px; } #made-for-you .box:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } #made-for-you .box .wrap-icon { min-height: 85px; } #seamless h2 { margin-bottom: 50px; } #seamless h2 span { font-size: 40px; letter-spacing: -0.83px; } #seamless .seamless-table .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; } #seamless .seamless-table .box .item { padding: 15px 0; } #seamless .seamless-table .box .item img { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; max-width: 100px; max-height: 50px; } #seamless .seamless-table .box .item:hover .logo-with-url img { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } #seamless .seamless-table .main { margin-bottom: 15px; } #seamless .seamless-table .main .menus .menu-box { margin-bottom: 0; } #seamless .seamless-table .main .menus .menu-box h3 { height: 25px; font-size: 18px; } #seamless .seamless-table .main .menus .menu-box ul li { padding: 12px 0; } #seamless .seamless-table .bottom-logos { border-radius: 15px; padding: 20px; } #seamless .seamless-table .bottom-logos .item { max-width: none; padding: 10px 0; width: auto; } #seamless .seamless-table .bottom-logos .item img { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; max-width: 80px; max-height: 50px; } #seamless .seamless-table .bottom-logos .item:hover .logo-with-url img { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } #trusted-by { padding: 180px 0 50px; } #trusted-by .wrap-text { margin-bottom: 0; } #trusted-by .wrap-text h2 { font-size: 32px; } #trusted-by .wrap-text p { font-size: 25px; } #trusted-by .wrap-text .btn { max-width: none; } #trusted-by .boxes .box { height: 100%; padding: 25px; border-radius: 50px; } #trusted-by .boxes .box a { margin-top: auto; } #trusted-by .boxes .box h2 { font-size: 25px; margin-bottom: 15px; } #above-footer { padding: 90px 0; } #above-footer h2 { font-size: 40px; margin-bottom: 70px; } #above-footer .btn { max-width: none; margin: auto; } #schedule-demo-page .content { padding: 35px; } #schedule-demo-page .content p { font-size: 21px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; } #schedule-demo-page .content ul li { font-size: 21px; } #schedule-demo-page .wrap-form { padding: 50px; background-color: #ffffff; } #schedule-demo-page .wrap-form h2 { font-size: 36px; } #schedule-demo-page .wrap-form form .database { font-size: 1rem; } #schedule-demo-page .wrap-form form .interests { font-size: 1rem; } #pricing-tables { padding: 100px 0; } #pricing-tables .box { padding: 30px 10px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #pricing-tables .box .wrap-columns { height: 100%; } #pricing-tables .box .heading { min-height: 120px; } #pricing-tables .box .column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px; } #pricing-tables .box .column .heading { margin-bottom: 10px; } #pricing-tables .box .column.left-column::after { content: ""; width: 1px; height: 100%; background-color: rgba(37, 40, 53, 0.5); position: absolute; top: 0; right: 0; } #pricing-tables .box h2 { font-size: 30px; margin-bottom: 45px; } #pricing-tables .box h3 { font-size: 25px; } #pricing-tables .box ul { padding: 0 5px; margin: 0 0 80px 0; } #pricing-tables .box ul li { font-size: 15px; } #pricing-tables .box .btn { min-width: 200px; } #pricing-info { padding: 100px 0; } #pricing-info h2 { font-size: 50px; } #pricing-info p { font-size: 21px; } #success { padding: 100px 0; } #success h3 { font-size: 40px; } #success .wrap-logos .item { margin: 0 30px 30px 30px; } #above-footer { background-position: left 65%; background-size: 11%; } #above-footer.above-footer-pricing h2 { margin-bottom: 40px; } #above-footer .btn { margin: 0; } .features { font-size: 18px; } .features .feature .wrap-text { padding-right: 0; padding-left: 50px; } .features .feature .wrap-text .before-title { margin-bottom: 20px; } .features .feature .wrap-text h2 { font-size: 36px; margin-bottom: 35px; } .features .feature.flex-row-reverse .wrap-text { padding-right: 50px; padding-left: 0; } .features .feature .wrap-image { margin-bottom: 0; } #middle-quote h2 { font-size: 36px; } #middle-quote p { font-size: 25px; line-height: 1.84; } #middle-quote .author .info h3 { font-size: 21px; } #middle-quote .author .info h4 { font-size: 21px; } #bottom-logos { padding: 100px 0; } #bottom-logos .wrap-logos { max-width: 100%; margin: 0; padding: 25px; } #bottom-logos .wrap-logos .item { padding: 0; } #bottom-logos .wrap-logos .item img { max-width: 130px; max-height: 70px; } #database { padding: 100px 0; } #database .main-title { font-size: 40px; } #database h3 { font-size: 40px; } #database .boxes { margin-top: 65px; } #database .boxes .box { height: 450px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #database .boxes .box .wrap-image { height: 235px; background-position: center 100%; } #database .boxes .box .wrap-image::before { content: none; } #database .boxes .box img { width: auto; } #database .boxes .box h2 { font-size: 20px; margin-top: 20px; margin-bottom: 15px; } #database .boxes .box p { font-size: 16px; } #database .boxes .box .box-content { padding: 0 25px 35px 25px; } #database .boxes .box a { margin-top: auto; } #database .boxes .box:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } #trusted-by-simple { padding: 100px 0; text-align: left; } #trusted-by-simple h2 { font-size: 40px; } #trusted-by-simple p { font-size: 18px; } #trusted-by-simple .trusted-logos { padding: 0; } #trusted-by-simple .trusted-logos li { margin: 0; text-align: center; } #trusted-by-simple .trusted-logos li img { opacity: 0.6; max-width: 50%; } #trusted-by-simple .trusted-logos li img:hover { opacity: 1; } #trusted-by-simple .trusted-logos li::after { content: url("assets/images/green-diagonal.svg"); position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(0.5); -ms-transform: translateY(-50%) scale(0.5); transform: translateY(-50%) scale(0.5); margin-left: 25px; } #trusted-by-simple .trusted-logos li:last-child::after { content: none; } .top-text h1 { font-size: 50px; } .top-text p { font-size: 21px; max-width: 70%; } .sticky-post { margin-bottom: 50px; } .sticky-post h2 { font-size: 26px; } .sticky-post .wrap-image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sticky-post .wrap-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .featured-right .card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .featured-right .card .wrap-text { padding: 10px 20px; } .featured-right .card .wrap-text h2 { font-size: 18px; } #blog-wrap { padding: 100px 0; } #blog-wrap #sidebar .heading span.first-title { font-size: 40px; } #blog-wrap #sidebar .heading span.second-title { font-size: 40px; } #blog-wrap #sidebar .cats li { font-size: 16px; } #blog-wrap .wrap-posts .card h2 { font-size: 21px; line-height: 28px; } #blog-post h1 { font-size: 40px; margin-bottom: 46px; } #blog-post h2 { font-size: 36px; } #blog-post p { font-size: 18px; } #blog-post ul, #blog-post ol { font-size: 18px; } #blog-post .article-intro p { font-size: 25px; } #blog-post .banner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #blog-post .banner h3 { font-size: 20px; } #blog-post .banner h4 { font-size: 24px; } #blog-post .table-of-contents ul li a { font-size: 21px; } .banner-cta-wrap { padding: 50px 0; } .banner-cta-wrap #banner-cta h3 { font-size: 18px; margin-bottom: 35px; } .banner-cta-wrap #banner-cta h4 { margin-bottom: 45px; max-width: 75%; } .banner-cta-wrap #banner-cta .btn { font-size: 21px; } .banner-cta-wrap #banner-cta .wrap-image { display: block; } .banner-cta-wrap #banner-cta .wrap-image img { position: absolute; top: -360px; right: -5vw; max-width: 400px; } #related { padding-top: 50px; } #related .wrap-related-articles .card .card-img img { width: 100%; } #about-main { background-position: 100% center; padding: 50px 0; } #about-main .text h2 { font-size: 36px; font-weight: 600; } #about-trusted-by { padding: 100px 0; } #about-trusted-by h2 { font-size: 40px; } #about-trusted-by p { font-size: 18px; } #about-trusted-by .all-logos { padding: 0; padding-left: 10%; } #about-trusted-by .all-logos::before { content: url("assets/images/green-diagonal-big.svg"); position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #about-team { padding: 100px 0 50px; } #about-team .intro h2 { font-size: 40px; margin-bottom: 35px; } #about-team .intro p { font-size: 21px; line-height: 2.19; } #about-team .intro p strong { position: relative; font-weight: bold; letter-spacing: 0.28px; background: #00d0a8; -webkit-text-fill-color: transparent; background: -webkit-gradient(linear, left top, right top, from(#00d0a8), to(#4fd864)); background: -o-linear-gradient(left, #00d0a8 0%, #4fd864 100%); background: linear-gradient(to right, #00d0a8 0%, #4fd864 100%); -webkit-background-clip: text; } #about-team .wrap-team { padding: 75px 0 0; } #about-team .wrap-team .member { border-radius: 25px; padding: 25px; margin-bottom: 65px; } #about-team .wrap-team .member .wrap-img { margin-bottom: 35px; } #about-team .wrap-team .member h3 { font-size: 21px; margin-bottom: 15px; } #about-team .wrap-team .member h4 { font-size: 18px; } #about-team .wrap-team .member .social { margin-top: 40px; } #about-database { padding: 100px 0; } #about-database h2 { font-size: 40px; margin-bottom: 35px; } #about-database .wrap-members { text-align: left; } #about-database .wrap-members .member { padding: 40px; } #about-database .wrap-members .member .member-info { margin-bottom: 40px; } #about-database .wrap-members .member .member-info .info h3 { font-size: 21px; } #about-database .wrap-members .member .member-info .info h4 { font-size: 21px; } #about-database .wrap-members .member .text p { font-size: 24px; } #about-positions { padding: 100px 0 10px; } #about-positions .intro h2 { font-size: 40px; margin-bottom: 25px; } #about-positions .intro p { font-size: 21px; } #about-positions .intro .sub-text { font-size: 21px; } #about-positions .wrap-jobs { margin: 75px -10px; } #about-positions .wrap-jobs .card { margin-bottom: 0; } #about-positions .wrap-jobs .card h2 { font-size: 21px; } #about-positions .wrap-jobs .card p { font-size: 21px; } #about-contact { padding: 100px 0; } #about-contact h2 { font-size: 40px; margin-bottom: 25px; } #about-contact p { font-size: 21px; margin-bottom: 25px; } #about-contact .wrap-boxes { margin-top: 75px; } #about-contact .wrap-boxes .location { margin-bottom: 0; } #about-contact .wrap-boxes .location .content { -webkit-box-shadow: 0 -6px 24px 0 rgba(37, 40, 53, 0.3); box-shadow: 0 -6px 24px 0 rgba(37, 40, 53, 0.3); padding: 30px; } #about-contact .wrap-boxes .location .content h3 { font-size: 25px; } #about-contact .wrap-boxes .location .content ul { text-align: left; } #about-contact .wrap-boxes .location .content ul li { font-size: 18px; } #about-contact .wrap-boxes .location .content ul li i { font-size: 20px; } .single-newsletter-form h2 { font-size: 18px; margin-bottom: 26px; } #devops-best-practices { padding: 85px 0; background-position: center 50px; } #devops-best-practices h2 { font-size: 40px; } #devops-best-practices p { font-size: 21px; } #devops-best-practices .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; min-height: 450px; } #devops-best-practices .box h3 { margin-top: 20px; } #devops-best-practices .box a { margin-top: auto; margin-bottom: 15px; } #end-to-end { padding: 100px 0; } #end-to-end .text { margin-bottom: 0; } #end-to-end .text h2 { font-size: 40px; } #end-to-end .text p { font-size: 18px; } #boost { padding: 100px 0; } #boost .text { margin-top: 0; } #devops-video { padding: 100px 0; } #devops-video .text .wrap-text { padding-left: 50px; } #devops-video .text h2 { font-size: 40px; margin-bottom: 20px; } #devops-video .text ul li { font-size: 18px; } #devops-video .short-text p { font-size: 18px; } #join-dbmaestro { background-position: 100% center; min-height: 710px; } #join-dbmaestro .text h2 { font-size: 36px; } #join-dbmaestro .text p { font-size: 18px; } #join-dbmaestro .text .btn { margin-right: 20px; } #why-partners { padding: 85px 0; background-position: center 50px; } #why-partners h2 { font-size: 40px; } #why-partners p { font-size: 18px; } #why-partners .box { margin-bottom: 0; min-height: 500px; } #partnership-options { padding: 0 0 100px; } #partnership-options h2 { font-size: 40px; } #partnership-options p { font-size: 21px; text-align: center; } #partnership-options .boxes { margin-top: 65px; } #partnership-options .boxes .box { height: 450px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #partnership-options .boxes .box .wrap-image { height: 235px; background-position: center 100%; } #partnership-options .boxes .box .wrap-image::before { content: none; } #partnership-options .boxes .box img { width: auto; } #partnership-options .boxes .box h2 { font-size: 25px; margin-top: 20px; margin-bottom: 15px; } #partnership-options .boxes .box p { text-align: left; font-size: 18px; } #partnership-options .boxes .box .box-content { padding: 0 25px 35px 25px; } #partnership-options .boxes .box .box-content .btn { min-width: 160px; line-height: 0.8; } #partnership-options .boxes .box a { margin-top: auto; } #partnership-options .boxes .box:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .site-footer { padding: 50px 0; } .site-footer .text { margin-bottom: 0; } .site-footer .text h2 { font-size: 30px; } .site-footer .widget ul li { margin-bottom: 5px; } .social { margin-bottom: 0; } .credit { -moz-text-align-last: left; text-align-last: left; } .credit p { padding: 25px 0 0; } .site-main { padding: 50px 0; } } @media only screen and (min-width: 1200px) { p { font-size: 18px; line-height: 1.39; } .site-header .main-navigation ul li { padding: 15px; } .site-header .main-navigation ul li a { font-size: 18px; } #hero.home-hero { height: calc(90vh - 97px); } #hero.about-hero { height: calc(90vh - 97px); } 10 #hero.platform-hero { background-position: 3vw 0; } 10 #hero.platform-hero .text p { max-width: 75%; } #values .first-block { padding-bottom: 200px; } #values .first-block .first-block-image { position: absolute; top: 0; right: 0; } #values .second-block { padding-bottom: 75px; } #values .second-block .second-block-image { position: absolute; top: -15vh; left: 0; } #values .third-block { padding-top: 200px; padding-bottom: 180px; } #values .third-block .third-block-image { position: absolute; bottom: -10vh; right: 0; } #made-for-you .box { margin-left: 25px; margin-right: 25px; -webkit-box-shadow: 3px 31px 43px 6px rgba(0, 0, 0, 0.5); box-shadow: 3px 31px 43px 6px rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #made-for-you .box a { margin-top: auto; } #seamless { padding-bottom: 70px; } #seamless .seamless-table .main .menus .menu-box ul li { font-size: 18px; } #seamless .bottom-logos .item img { max-width: 100px; max-height: 50px; } #trusted-by .boxes .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 35px 25px; } #trusted-by .boxes .box a { margin-top: auto; } #above-footer p { margin-bottom: 30px; } #above-footer .btn { min-width: 165px; margin: 0; } #schedule-demo-page .content { padding: 75px 35px; } #database .box .wrap-image { height: 325px; } #database .box .box-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #database .box .box-content h2 { font-size: 25px; } #database .box .box-content a { margin-top: auto; } #trusted-by-simple .trusted-logos li img { max-width: 60%; } #trusted-by-simple .trusted-logos li::after { -webkit-transform: translateY(-50%) scale(0.7); -ms-transform: translateY(-50%) scale(0.7); transform: translateY(-50%) scale(0.7); margin-left: 20px; } .features { overflow: hidden; background-image: url("assets/images/feature-bg-1.svg"); background-repeat: no-repeat; background-position: 0 0; } .features .feature { position: relative; } .features .feature.feature-1::before { content: url("assets/images/feature-bg-1.svg"); position: absolute; right: -32vw; bottom: -36vh; z-index: 0; } .features.features-2 .feature.feature-3::before { content: url("assets/images/feature-bg-1.svg"); position: absolute; left: -10vw; bottom: 0vh; z-index: 0; } .features.features-2 .feature.feature-3::after { content: url("assets/images/feature-bg-1.svg"); position: absolute; right: -33vw; bottom: 0; z-index: 0; } #database { position: relative; overflow: hidden; } #database::before { content: url("assets/images/database-bg-1.svg"); position: absolute; left: -3vw; top: 10vh; z-index: 0; } #database::after { content: url("assets/images/database-bg-2.svg"); position: absolute; right: -10vw; bottom: 10vh; z-index: 0; } #middle-quote { position: relative; overflow: hidden; } #middle-quote::before { content: url("assets/images/quote-bg-1.svg"); position: absolute; left: 0vw; top: 10vh; z-index: 0; } #middle-quote::after { content: url("assets/images/quote-bg-2.svg"); position: absolute; right: 0vw; bottom: 10vh; z-index: 0; } #trusted-by-simple { background-image: url("assets/images/trusted-by-simple-bg.svg"); background-repeat: no-repeat; background-position: 0 -10vh; } #pricing-info { position: relative; overflow: hidden; } #pricing-info::before { content: url("assets/images/database-bg-1.svg"); position: absolute; left: -4vw; top: 2vh; z-index: 0; } #pricing-info::after { content: url("assets/images/database-bg-2.svg"); position: absolute; right: -5vw; bottom: 10vh; z-index: 0; } #schedule-demo-page { position: relative; } #schedule-demo-page::before { content: url("assets/images/database-bg-1.svg"); position: absolute; left: -3vw; top: 10vh; z-index: 0; } #blog-wrap #sidebar .newsletter-form .input-group { width: 85%; } #blog-post .table-of-contents .social-share-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } #blog-post .table-of-contents, #blog-post .post-content { max-width: 80%; margin-left: auto; margin-right: auto; } #blog-post .wrap-thumbnail img { width: 100%; } .banner-cta-wrap { background-image: url("assets/images/banner-cta-left-bg.jpg"); background-position: center 0; background-repeat: no-repeat; background-size: 100%; } .banner-cta-wrap #banner-cta { max-width: 80%; margin-left: auto; margin-right: auto; } #related { max-width: 80%; margin-left: auto; margin-right: auto; } .sticky-post { margin-bottom: 100px; } .sticky-post .wrap-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sticky-post .wrap-text .category-title { margin-bottom: 15px; } #hero.about-hero { height: auto; padding-top: 100px; } #hero.about-hero .text p { max-width: 85%; } #about-main .text h2 { margin-bottom: 35px; } #about-trusted-by { background-image: url("assets/images/trusted-by-simple-bg.svg"); background-repeat: no-repeat; background-position: 0 -10vh; } #about-team { overflow: hidden; } #about-team::before { content: url("assets/images/database-bg-1.svg"); position: absolute; left: -4vw; bottom: 5vh; z-index: 0; } #about-team::after { content: url("assets/images/database-bg-2.svg"); position: absolute; right: -1vw; top: 5vh; z-index: 0; } #about-team .wrap-team .member { min-height: 393px; } #about-database .wrap-members .member { margin-left: 20px; margin-right: 20px; -webkit-box-shadow: 3px 31px 43px 6px rgba(0, 0, 0, 0.5); box-shadow: 3px 31px 43px 6px rgba(0, 0, 0, 0.5); min-height: 620px; } #about-database .wrap-members .member .member-info .wrap-img img { width: 167px; height: 167px; } #about-positions .wrap-jobs .card { padding-top: 45px; padding-bottom: 45px; min-height: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #about-positions .wrap-jobs .card p { min-height: 180px; } #about-positions .wrap-jobs .card .btn { margin-top: auto; } #about-contact { overflow: hidden; } #about-contact::before { content: url("assets/images/database-bg-1.svg"); position: absolute; left: -4vw; bottom: 5vh; z-index: 0; } #about-contact::after { content: url("assets/images/database-bg-2.svg"); position: absolute; right: -1vw; top: 5vh; z-index: 0; } #about-contact .wrap-boxes .location .content { padding: 60px; } #end-to-end .text { padding-right: 10%; } #boost .text { padding-right: 5%; } #hero.partners-hero { background-position: 100% bottom; background-size: contain; } #join-dbmaestro .text { padding-left: 7vw; } #join-dbmaestro .text h2 { max-width: 80%; } #join-dbmaestro .text p { max-width: 80%; } #why-partners { overflow: hidden; } #why-partners::after { content: url("assets/images/database-bg-2.svg"); position: absolute; right: -5vw; bottom: 10vh; z-index: 0; } #why-partners .box { margin-left: 20px; margin-right: 20px; } #why-partners .box h3 { min-height: 100px; } #partnership-options { overflow: hidden; } #partnership-options .boxes { max-width: 75%; margin-left: auto; margin-right: auto; } #partnership-options .boxes .box { min-height: 550px; } #partnership-options::before { content: url("assets/images/database-bg-1.svg"); position: absolute; left: -3vw; top: -8vh; z-index: 0; } #partnership-options::after { content: url("assets/images/database-bg-2.svg"); position: absolute; right: -1vw; bottom: 10vh; z-index: 0; } #boost { overflow: hidden; } #boost::before { content: url("assets/images/database-bg-1.svg"); position: absolute; left: -3vw; top: -2vh; z-index: 0; } #boost::after { content: url("assets/images/database-bg-2.svg"); position: absolute; right: -1vw; bottom: 2vh; z-index: 0; } .sticky-post { -webkit-box-shadow: -20px 100px 75px -50px rgba(37, 40, 53, 0.1); box-shadow: -20px 100px 75px -50px rgba(37, 40, 53, 0.1); z-index: 1; } .sticky-post h2 { font-size: 25px; } .sticky-post .wrap-image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sticky-post .wrap-image img { width: 100%; } .sticky-post .wrap-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 40px; } } @media only screen and (min-width: 1400px) { #benefits .box { min-height: 450px; } #made-for-you .container-xl { max-width: 1200px; } #seamless .seamless-table .box .logos-title { font-size: 22px; } #trusted-by .wrap-text p { font-size: 40px; } #trusted-by .boxes .box h2 { font-size: 30px; } #pricing-tables .box h2 { font-size: 36px; margin-bottom: 35px; } #pricing-tables .box ul { padding: 0 15px; } #pricing-tables .box .heading { min-height: 110px; } #devops-best-practices .box { min-height: 420px; } #why-partners .box { margin-left: 30px; margin-right: 30px; } #trusted-by-simple .trusted-logos li img { max-width: 70%; } #trusted-by-simple .trusted-logos li::after { -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); margin-left: 25px; } .banner h3 { font-size: 18px; } .banner h4 { font-size: 26px; } #about-team .wrap-team .member { margin-left: 15px; margin-right: 15px; } #about-contact .wrap-boxes { max-width: 80%; margin-left: auto; margin-right: auto; } .sticky-post h2 { font-size: 30px; } } @media only screen and (min-width: 1600px) { #hero.platform-hero { background-position: center 0; } #trusted-by .container-xl { max-width: 1600px; } #trusted-by .boxes .box h2 { font-size: 40px; } .container-fluid { padding-left: 50px; padding-right: 50px; } .sticky-post { -webkit-box-shadow: -20px 100px 75px -50px rgba(37, 40, 53, 0.1); box-shadow: -20px 100px 75px -50px rgba(37, 40, 53, 0.1); z-index: 1; } .sticky-post h2 { font-size: 36px; } .sticky-post .wrap-image { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .sticky-post .wrap-image img { width: 100%; } .sticky-post .wrap-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 15px 40px; } #about-contact .wrap-boxes { max-width: 70%; } #trusted-by-simple .trusted-logos li::after { margin-left: 45px; } #blog-wrap #sidebar .heading span.first-title { font-size: 50px; } #blog-wrap #sidebar .heading span.second-title { font-size: 50px; } #blog-wrap #sidebar .cats li { font-size: 18px; } #blog-wrap #sidebar .newsletter-form .hbspt-form .hs-submit { margin-left: -115px; } } @media only screen and (max-width: 992px) { .site-header .main-navigation { position: fixed; height: 100vh; max-height:100hv; overflow-y:scroll; top: 0; left: -9999px; right: 0; bottom: 0; width: 100%; background-color: #252835; display: block; opacity: 0; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .site-header .main-navigation ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; } .site-header .main-navigation ul li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #373b47; padding: 8px; } .site-header .main-navigation ul li a { font-size: 17px; font-weight: 600; } .site-header .main-navigation ul li .arrow { position: relative; margin-left: 10px; display:none; } .site-header .main-navigation ul li:last-child { border-bottom: none; } .site-header .main-navigation ul li .sub-menu { min-width: auto; left: 0; top: auto; opacity: 1; position: relative; padding: 3px 0; } .site-header .main-navigation ul li .sub-menu li { border: none; } .site-header .main-navigation ul li .sub-menu li a { font-weight: 300; font-size: 16px; line-height: 1.8; } .site-header .main-navigation.open { left: 0; opacity: 1; } .site-header .main-navigation .social { height: 10%; } .site-header .main-navigation .social ul { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-header .main-navigation .social ul li { list-style: none; margin: 0; padding: 10px; width: auto; border: none; display: block; } .site-header .main-navigation .social ul li a { color: #ffffff; font-size: 22px; } #hero #bg-home-hero.anim-m { position: relative; display: block; max-width: 100%; } .features .feature .wrap-image img { margin-top: 0 !important; } } @media only screen and (max-width: 768px) { .hs-form-0e02d35f-4c88-4471-b493-97da5c64dc2b_179076e9-a52a-404a-97bc-ca8a7825e200 fieldset.form-columns-2 .hs-form-field { width: 100% !important; } } @media only screen and (max-width: 576px) { #seamless .seamless-table .box .logos-title { margin-top: 15px; display: block; position: relative; line-height: normal; } #seamless .seamless-table .box .logos-title span { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; color: #252835; margin: 0 0 0 75%; left: 0; position: relative; } #seamless .seamless-table .box .logos-title span:after { content: ""; display: inline-block; width: 100%; margin-top: 100%; } #seamless .seamless-table .box .logos-title:before { width: 50%; bottom: 0; } #seamless .seamless-table .box .item img { margin: auto; max-width: 30px; } #seamless .seamless-table .logos-right { padding-right: 0; overflow: hidden; } #seamless .seamless-table .logos-right .box { border-top-right-radius: 0; } #seamless .seamless-table .logos-left { padding-left: 0; } #seamless .seamless-table .logos-left .box { border-top-left-radius: 0; } #above-footer { position: relative; } #above-footer::before { content: url("assets/images/database-bg-m.svg"); position: absolute; top: -10%; right: 0; } } @media screen and (min-width: 1024px) and (max-height: 650px) { #hero.home-hero .text h1 .first-title, #hero.devops-hero .text h1 .first-title, #hero.partners-hero .text h1 .first-title, #hero.platform-hero .text h1 .first-title { font-size: 30px; } #hero.home-hero .text h1 .second-title, #hero.devops-hero .text h1 .second-title, #hero.partners-hero .text h1 .second-title, #hero.platform-hero .text h1 .second-title { font-size: 45px; } } /*# sourceMappingURL=style.css.map */