body, h1, h2, h3, h4, h5, h6, .navbar-nav .nav-link { font-family: "Roboto",sans-serif; } html { overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .site-background { background: #252525; } .site-middle, .site-section, footer { padding: 50px 0; } @media (min-width: 768px) { .site-middle, .site-section, footer { padding: 90px 0; } } @media (min-width: 1220px) { .site-middle, .site-section, footer { padding: 60px 0; } } .site-middle { background: #fff; } @media (min-width: 768px) { .site-sidebar { margin-right: -1px !important; border-right: 1px solid #E5E5E5; } .site-main { padding-left: 50px !important; border-left: 1px solid #E5E5E5; } } .site-section .display-6 { margin-bottom: 20px; } .site-section .lead { margin-bottom: 30px; } .site-section-color-1 { background: #2ba3d4; } @media (max-width: 959px) { .site-section-color-1 { background-image: none; } } .site-section-color-2 { background: #3dc0f1; } .site-section-colored, .site-section-colored h1, .site-section-colored h2, .site-section-colored a:not([class]) { color: #fff !important; } .site-section-color-2 a { text-decoration: underline; } .site-section-color-white { background: #fff; } @media (min-width: 768px) { .site-section-color-white .row:not(:empty) > [class*='col-md-']:not(.col-md-12):nth-child(n+2) { border-left: 1px dashed #ddd; } .site-section-color-2 .row:not(:empty) > [class*='col-md-']:not(.col-md-12):nth-child(n+2) { border-left: 1px dashed rgba(255,255,255,0.4); } } .site-logo { margin: 10px 0 20px 0; } .site-button-download { margin: -30px 0 15px 0; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); background: #fff; border: none; color: #2ba3d4 !important; min-height: 50px; padding: 0 30px; line-height: 50px; font-size: 18px; } .site-button-download:hover { background: #82cff0; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; } .site-button-download:focus, .site-button-download:active { background: #2e93bc; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 -1px 0px rgba(0,0,0,0.05), inset 1px 0px 0px rgba(0,0,0,0.05), inset -1px 0px 0px rgba(0,0,0,0.05); -webkit-transition: background-color .05s ease-in-out; transition: background-color .05s ease-in-out; } .site-panel-link:hover:after { display: block; } .site-panel-link:hover h2 { color: #0BA1D8; } .grid-margin-large .row { margin-top: 50px; } .panel-icon { position: relative; width: 60px; margin: -60px auto 0 auto; border-radius: 5px; background: #0BA1D8; line-height: 60px; color: #fff; } .panel-icon:after { content: ""; display: block; position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; margin-left: -10px; border: 10px solid #0BA1D8; border-right-color: transparent; border-left-color: transparent; border-bottom: none; } .site-panel-link { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .site-panel-link:hover .panel-icon { transform: translateY(5px); -webkit-transform: translateY(5px); transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; } .scroll-top { margin-bottom: 20px; } .border-img { border:1px solid #ddd; padding:4px; background:#fff; display:block; } @media (min-width:768px) { .border-img{ height:auto; } } .reviews-list { padding: 0; } .reviews-list .review-card { border:1px solid #ddd; border-radius:8px; padding:16px; background:#fff; margin-bottom:15px; } .reviews-list .review-card:last-child { margin-bottom:0; } .reviews-list .review-card img { border-radius:6px; } .site-footer .nav > li:before { border-color: #ddd; } footer { color: #000; text-decoration: none; } footer a { color: #4683ea; text-decoration: underline; } footer a:hover { color: #2e93bc; text-decoration: underline; } .navbar { padding: 15px 0; border: none; background: #000; } .navbar .navbar-brand, .navbar .navbar-toggler { height: 40px; margin-top: 0; text-shadow: none; } .navbar .navbar-nav .nav-link { height: 40px; margin: 0; border: none; border-radius: 3px !important; text-shadow: none; font-size: 15px; } .navbar .navbar-nav .nav-item { margin-left: 20px; } .navbar .navbar-nav .nav-item:hover > .nav-link, .navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-item.show > .nav-link { border: none; color: #FFF; } .navbar .navbar-nav .nav-item.active > .nav-link { background-color: #2BA3D4; color: #FFF; } .navbar-brand { color: #4683ea; } .navbar-brand:focus, .navbar-brand:hover { color: #4683ea; text-decoration: underline; } .navbar .navbar-nav .nav-link:active { background-color: transparent; } .site-nav > li > a { color: #777; } .site-nav > li > a:hover, .site-nav > li > a:focus, .site-nav > li.active > a { background: #F5F5F5; color: #444; } .site-nav .nav-header { color: #222; font-weight: normal; } .site-subnav > li:nth-child(n+2) { margin-left: 20px; } .site-article-subtitle { padding-left: 6px; border-left: 3px solid #1FA2D6; font-size: 16px; line-height: 16px; } .lead { margin-bottom: 30px; } .overlay-area:empty:before { content: "\\f064"; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; font-size: 60px; } .grid-truncate code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 80%; display: inline-block; vertical-align: middle; line-height: 16px; } .icons > [class*="col-"] { padding-bottom: 5px; padding-top: 5px; } .grid-colors > * > * { padding: 20px; } .grid-colors > :nth-child(8n-7) > * { background: rgba(130,200,240,0.1); } .grid-colors > :nth-child(8n-6) > * { background: rgba(130,200,240,0.15); } .grid-colors > :nth-child(8n-5) > * { background: rgba(130,200,240,0.2); } .grid-colors > :nth-child(8n-4) > * { background: rgba(130,200,240,0.25); } .grid-colors > :nth-child(8n-3) > * { background: rgba(130,200,240,0.3); } .grid-colors > :nth-child(8n-2) > * { background: rgba(130,200,240,0.35); } .grid-colors > :nth-child(8n-1) > * { background: rgba(130,200,240,0.40); } .grid-colors > :nth-child(8n) > * { background: rgba(130,200,240,0.45); } .grid-heights > :nth-child(8n-7) > * { height: 80px; } .grid-heights > :nth-child(8n-6) > * { height: 100px; } .grid-heights > :nth-child(8n-5) > * { height: 160px; } .grid-heights > :nth-child(8n-4) > * { height: 120px; } .grid-heights > :nth-child(8n-3) > * { height: 180px; } .grid-heights > :nth-child(8n-2) > * { height: 130px; } .grid-heights > :nth-child(8n-1) > * { height: 150px; } .grid-heights > :nth-child(8n) > * { height: 110px; } .highlights-why li + li { border-top: 1px solid rgba(0,0,0,0.06); padding-top: 0.5rem; margin-top: 0.5rem; } .highlights-why li { padding-bottom: 0.25rem; } .reviews-list .review-card { border: 1px solid #e6e6e6 !important; border-radius: 10px !important; padding: 1rem !important; background: #ffffff !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; margin-bottom: 1rem !important; } .reviews-list .review-card img { border-radius: 8px !important; }