html { font-size: 14px }
|
|
@media(min-width:1024px) {
|
html { font-size: 16px }
|
}
|
|
html * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400 }
|
@supports (font-variation-settings:normal) {
|
html { font-family: "Inter var",sans-serif }
|
}
|
body { font-family: "Inter",sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #4f5464 }
|
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Inter",sans-serif; font-weight: 500; line-height: 1.3; color: #101f41 }
|
.h1 *, .h2 *, .h3 *, .h4 *, .h5 *, .h6 *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-weight: 500 }
|
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 500 !important }
|
.h1, h1 { font-size: 2.6875rem }
|
.h2, h2 { font-size: 2.125rem }
|
.h3, h3 { font-size: 1.625rem }
|
.h4, h4 { font-size: 1.125rem }
|
.h5, h5 { font-size: 1rem }
|
.h6, h6 { font-size: .875rem }
|
.lead { font-weight: 400 }
|
.super-lead { font-size: 2.125rem; line-height: 1.3 }
|
a { text-decoration: none; font-family: "Inter",sans-serif; font-weight: 400; color: #009688; -webkit-transition: .25s; transition: .25s }
|
a:hover { color: #009688; text-decoration: none; opacity: .8; filter: alpha(opacity=80); }
|
strong { font-weight: bolder }
|
.background--brand strong, .background--primary strong, .bg-brand strong, .bg-primary strong { color: #fff }
|
ul { padding-left: 0 }
|
.color--white { color: #fff !important }
|
.color--brand { color: #4d5bed !important }
|
.color--dark-area-text { color: #939eb8 !important }
|
.color--heading { color: #101f41 !important }
|
.color--text { color: #4f5464 !important }
|
.text-primary { color: #4d5bed !important }
|
.text-success { color: #66df7c !important }
|
.text-danger { color: #f53d55 !important }
|
.text-warning { color: #f6c460 !important }
|
.text-info { color: #52bbd3 !important }
|
.text-dropcap { color: #101f41; float: left; font-size: 75px; line-height: 3.75rem; padding-top: .25rem; padding-right: .5rem }
|
.blockquote { border-radius: 10px; background-color: #fff; padding: 40px; font-size: 1.15rem }
|
|
@media(min-width:1024px) {
|
.blockquote { font-size: 1rem }
|
}
|
|
.blockquote-footer::before { display: none }
|
.testimony__info .info-name { font-weight: 700; font-size: 1.125rem; color: #101f41; line-height: 1.5 }
|
.testimony__info .info-company { color: #4f5464; font-size: 1rem; line-height: 1.5 }
|
|
@media(min-width:1024px) {
|
.testimony__info .info-company { font-size: .875rem }
|
}
|
|
.pricing__tag { font-family: "Inter",sans-serif; font-weight: 400 }
|
.pricing__tag .price { font-size: 3.75rem; font-weight: 500; color: #101f41 }
|
.pricing-popular .pricing__tag .price { color: #fff }
|
.list-style--none { list-style: none }
|
.entry-content p { margin-bottom: 1.5rem }
|
.fab { font-weight: normal }
|
.mt-6 { margin-top: 4rem !important }
|
.mt-n6 { margin-top: -4rem !important }
|
.mt-7 { margin-top: 5rem !important }
|
.mt-n7 { margin-top: -5rem !important }
|
.mt-8 { margin-top: 8rem !important }
|
.mt-n8 { margin-top: -8rem !important }
|
.mt-9 { margin-top: 10rem !important }
|
.mt-n9 { margin-top: -10rem !important }
|
.mb-6 { margin-bottom: 4rem !important }
|
.mb-n6 { margin-bottom: -4rem !important }
|
.mb-7 { margin-bottom: 5rem !important }
|
.mb-n7 { margin-bottom: -5rem !important }
|
.mb-8 { margin-bottom: 8rem !important }
|
.mb-n8 { margin-bottom: -8rem !important }
|
.mb-9 { margin-bottom: 10rem !important }
|
.mb-n9 { margin-bottom: -10rem !important }
|
.mr-6 { margin-right: 4rem !important }
|
.mr-n6 { margin-right: -4rem !important }
|
.mr-7 { margin-right: 5rem !important }
|
.mr-n7 { margin-right: -5rem !important }
|
.mr-8 { margin-right: 8rem !important }
|
.mr-n8 { margin-right: -8rem !important }
|
.mr-9 { margin-right: 10rem !important }
|
.mr-n9 { margin-right: -10rem !important }
|
.ml-6 { margin-left: 4rem !important }
|
.ml-n6 { margin-left: -4rem !important }
|
.ml-7 { margin-left: 5rem !important }
|
.ml-n7 { margin-left: -5rem !important }
|
.ml-8 { margin-left: 8rem !important }
|
.ml-n8 { margin-left: -8rem !important }
|
.ml-9 { margin-left: 10rem !important }
|
.ml-n9 { margin-left: -10rem !important }
|
.mx-6 { margin-left: 4rem !important; margin-right: 4rem !important }
|
.mx-n6 { margin-left: -4rem !important; margin-right: -4rem !important }
|
.mx-7 { margin-left: 5rem !important; margin-right: 5rem !important }
|
.mx-n7 { margin-left: -5rem !important; margin-right: -5rem !important }
|
.mx-8 { margin-left: 8rem !important; margin-right: 8rem !important }
|
.mx-n8 { margin-left: -8rem !important; margin-right: -8rem !important }
|
.mx-9 { margin-left: 10rem !important; margin-right: 10rem !important }
|
.mx-n9 { margin-left: -10rem !important; margin-right: -10rem !important }
|
.my-6 { margin-top: 4rem !important; margin-bottom: 4rem !important }
|
.my-n6 { margin-top: -4rem !important; margin-bottom: -4rem !important }
|
.my-7 { margin-top: 5rem !important; margin-bottom: 5rem !important }
|
.my-n7 { margin-top: -5rem !important; margin-bottom: -5rem !important }
|
.my-8 { margin-top: 8rem !important; margin-bottom: 8rem !important }
|
.my-n8 { margin-top: -8rem !important; margin-bottom: -8rem !important }
|
.my-9 { margin-top: 10rem !important; margin-bottom: 10rem !important }
|
.my-n9 { margin-top: -10rem !important; margin-bottom: -10rem !important }
|
.m-6 { margin: 4rem !important }
|
.m-n6 { margin: -4rem !important }
|
.m-7 { margin: 5rem !important }
|
.m-n7 { margin: -5rem !important }
|
.m-8 { margin: 8rem !important }
|
.m-n8 { margin: -8rem !important }
|
.m-9 { margin: 10rem !important }
|
.m-n9 { margin: -10rem !important }
|
.pt-6 { padding-top: 4rem !important }
|
.pt-n6 { padding-top: -4rem !important }
|
.pt-7 { padding-top: 5rem !important }
|
.pt-n7 { padding-top: -5rem !important }
|
.pt-8 { padding-top: 8rem !important }
|
.pt-n8 { padding-top: -8rem !important }
|
.pt-9 { padding-top: 10rem !important }
|
.pt-n9 { padding-top: -10rem !important }
|
.pb-6 { padding-bottom: 4rem !important }
|
.pb-n6 { padding-bottom: -4rem !important }
|
.pb-7 { padding-bottom: 5rem !important }
|
.pb-n7 { padding-bottom: -5rem !important }
|
.pb-8 { padding-bottom: 8rem !important }
|
.pb-n8 { padding-bottom: -8rem !important }
|
.pb-9 { padding-bottom: 10rem !important }
|
.pb-n9 { padding-bottom: -10rem !important }
|
.pr-6 { padding-right: 4rem !important }
|
.pr-n6 { padding-right: -4rem !important }
|
.pr-7 { padding-right: 5rem !important }
|
.pr-n7 { padding-right: -5rem !important }
|
.pr-8 { padding-right: 8rem !important }
|
.pr-n8 { padding-right: -8rem !important }
|
.pr-9 { padding-right: 10rem !important }
|
.pr-n9 { padding-right: -10rem !important }
|
.pl-6 { padding-left: 4rem !important }
|
.pl-n6 { padding-left: -4rem !important }
|
.pl-7 { padding-left: 5rem !important }
|
.pl-n7 { padding-left: -5rem !important }
|
.pl-8 { padding-left: 8rem !important }
|
.pl-n8 { padding-left: -8rem !important }
|
.pl-9 { padding-left: 10rem !important }
|
.pl-n9 { padding-left: -10rem !important }
|
.px-6 { padding-left: 4rem !important; padding-right: 4rem !important }
|
.px-n6 { padding-left: -4rem !important; padding-right: -4rem !important }
|
.px-7 { padding-left: 5rem !important; padding-right: 5rem !important }
|
.px-n7 { padding-left: -5rem !important; padding-right: -5rem !important }
|
.px-8 { padding-left: 8rem !important; padding-right: 8rem !important }
|
.px-n8 { padding-left: -8rem !important; padding-right: -8rem !important }
|
.px-9 { padding-left: 10rem !important; padding-right: 10rem !important }
|
.px-n9 { padding-left: -10rem !important; padding-right: -10rem !important }
|
.py-6 { padding-top: 4rem !important; padding-bottom: 4rem !important }
|
.py-n6 { padding-top: -4rem !important; padding-bottom: -4rem !important }
|
.py-7 { padding-top: 5rem !important; padding-bottom: 5rem !important }
|
.py-n7 { padding-top: -5rem !important; padding-bottom: -5rem !important }
|
.py-8 { padding-top: 8rem !important; padding-bottom: 8rem !important }
|
.py-n8 { padding-top: -8rem !important; padding-bottom: -8rem !important }
|
.py-9 { padding-top: 10rem !important; padding-bottom: 10rem !important }
|
.py-n9 { padding-top: -10rem !important; padding-bottom: -10rem !important }
|
.p-6 { padding: 4rem !important }
|
.p-n6 { padding: -4rem !important }
|
.p-7 { padding: 5rem !important }
|
.p-n7 { padding: -5rem !important }
|
.p-8 { padding: 8rem !important }
|
.p-n8 { padding: -8rem !important }
|
.p-9 { padding: 10rem !important }
|
.p-n9 { padding: -10rem !important }
|
.position--top { top: 0 !important }
|
.position--right { right: 0 !important }
|
.position--bottom { bottom: 0 !important }
|
.position--left { left: 0 !important }
|
.w-66 { width: 66.666667% !important }
|
|
@media(max-width:799px) {
|
.w-25, .w-50, .w-66, .w-75 { width: 100% !important }
|
}
|
|
@media(min-width:576px) {
|
.mh-sm-100 { max-height: 100vh !important }
|
}
|
|
@media(min-width:768px) {
|
.mh-md-100 { max-height: 100vh !important }
|
}
|
|
@media(min-width:992px) {
|
.mh-lg-100 { max-height: 100vh !important }
|
}
|
|
@media(min-width:1200px) {
|
.mh-xl-100 { max-height: 100vh !important }
|
}
|
|
@media(min-width:576px) {
|
.mw-sm-100 { max-width: 100vw !important }
|
}
|
|
@media(min-width:768px) {
|
.mw-md-100 { max-width: 100vw !important }
|
}
|
|
@media(min-width:992px) {
|
.mw-lg-100 { max-width: 100vw !important }
|
}
|
|
@media(min-width:1200px) {
|
.mw-xl-100 { max-width: 100vw !important }
|
}
|
|
@media(min-width:576px) {
|
.vh-sm-100 { height: 100vh !important }
|
}
|
|
@media(min-width:768px) {
|
.vh-md-100 { height: 100vh !important }
|
}
|
|
@media(min-width:992px) {
|
.vh-lg-100 { height: 100vh !important }
|
}
|
|
@media(min-width:1200px) {
|
.vh-xl-100 { height: 100vh !important }
|
}
|
|
@media(min-width:576px) {
|
.vw-sm-100 { width: 100vw !important }
|
}
|
|
@media(min-width:768px) {
|
.vw-md-100 { width: 100vw !important }
|
}
|
|
@media(min-width:992px) {
|
.vw-lg-100 { width: 100vw !important }
|
}
|
|
@media(min-width:1200px) {
|
.vw-xl-100 { width: 100vw !important }
|
}
|
|
@media(min-width:576px) {
|
.min-vh-sm-100 { min-height: 100vh !important }
|
}
|
|
@media(min-width:768px) {
|
.min-vh-md-100 { min-height: 100vh !important }
|
}
|
|
@media(min-width:992px) {
|
.min-vh-lg-100 { min-height: 100vh !important }
|
}
|
|
@media(min-width:1200px) {
|
.min-vh-xl-100 { min-height: 100vh !important }
|
}
|
|
@media(min-width:576px) {
|
.min-vw-sm-100 { min-width: 100vw !important }
|
}
|
|
@media(min-width:768px) {
|
.min-vw-md-100 { min-width: 100vw !important }
|
}
|
|
@media(min-width:992px) {
|
.min-vw-lg-100 { min-width: 100vw !important }
|
}
|
|
@media(min-width:1200px) {
|
.min-vw-xl-100 { min-width: 100vw !important }
|
}
|
|
.position-center { position: absolute; left: 50%; top: 50% }
|
.position-center.icon { left: calc(50% - 2rem); top: calc(50% - 2rem) }
|
.position-center.icon--small { left: calc(50% - 1.375rem); top: calc(50% - 1.375rem) }
|
.position-center.icon--large { left: calc(50% - 2.5rem); top: calc(50% - 2.5rem) }
|
.z-index-100 { z-index: 100 }
|
.z-index-101 { z-index: 101 }
|
.z-index-102 { z-index: 102 }
|
.z-index-103 { z-index: 103 }
|
.z-index-104 { z-index: 104 }
|
.z-index-105 { z-index: 105 }
|
.rotate-90, .rotate-90--on-hover:hover { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important }
|
.rotate-n90, .rotate-n90--on-hover:hover { -webkit-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important }
|
.rotate-180, .rotate-180--on-hover:hover { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important }
|
.rotate-n180, .rotate-n180--on-hover:hover { -webkit-transform: rotate(-180deg) !important; transform: rotate(-180deg) !important }
|
.rotate-270, .rotate-270--on-hover:hover { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important }
|
.rotate-n270, .rotate-n270--on-hover:hover { -webkit-transform: rotate(-270deg) !important; transform: rotate(-270deg) !important }
|
.rotate-360, .rotate-360--on-hover:hover { -webkit-transform: rotate(360deg) !important; transform: rotate(360deg) !important }
|
.rotate-n360, .rotate-n360--on-hover:hover { -webkit-transform: rotate(-360deg) !important; transform: rotate(-360deg) !important }
|
.scale-90, .scale-90--on-hover:hover { -webkit-transform: scale(.9) !important; transform: scale(.9) !important; -webkit-backface-visibility: hidden; backface-visibility: hidden }
|
.scale-x-90, .scale-x-90--on-hover:hover { -webkit-transform: scaleX(.9) !important; transform: scaleX(.9) !important; -webkit-backface-visibility: hidden; backface-visibility: hidden }
|
.scale-y-90, .scale-y-90--on-hover:hover { -webkit-transform: scaleY(.9) !important; transform: scaleY(.9) !important; -webkit-backface-visibility: hidden; backface-visibility: hidden }
|
.scale-110, .scale-110--on-hover:hover { -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; -webkit-backface-visibility: hidden; backface-visibility: hidden }
|
.scale-x-110, .scale-x-110--on-hover:hover { -webkit-transform: scaleX(1.1) !important; transform: scaleX(1.1) !important; -webkit-backface-visibility: hidden; backface-visibility: hidden }
|
.scale-y-110, .scale-y-110--on-hover:hover { -webkit-transform: scaleY(1.1) !important; transform: scaleY(1.1) !important; -webkit-backface-visibility: hidden; backface-visibility: hidden }
|
.translate-x-3, .translate-x-3--on-hover:hover { -webkit-transform: translateX(3px) !important; transform: translateX(3px) !important }
|
.translate-x-n3, .translate-x-n3--on-hover:hover { -webkit-transform: translateX(-3px) !important; transform: translateX(-3px) !important }
|
.translate-y-3, .translate-y-3--on-hover:hover { -webkit-transform: translateY(3px) !important; transform: translateY(3px) !important }
|
.translate-y-n3, .translate-y-n3--on-hover:hover { -webkit-transform: translateY(-3px) !important; transform: translateY(-3px) !important }
|
.translate-x-50, .translate-x-50--on-hover:hover { -webkit-transform: translateX(50%) !important; transform: translateX(50%) !important }
|
.translate-x-n50, .translate-x-n50--on-hover:hover { -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important }
|
.translate-y-50, .translate-y-50--on-hover:hover { -webkit-transform: translateY(50%) !important; transform: translateY(50%) !important }
|
.translate-y-n50, .translate-y-n50--on-hover:hover { -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important }
|
.translate-x-100, .translate-x-100--on-hover:hover { -webkit-transform: translateX(100%) !important; transform: translateX(100%) !important }
|
.translate-x-n100, .translate-x-n100--on-hover:hover { -webkit-transform: translateX(-100%) !important; transform: translateX(-100%) !important }
|
.translate-y-100, .translate-y-100--on-hover:hover { -webkit-transform: translateY(100%) !important; transform: translateY(100%) !important }
|
.translate-y-n100, .translate-y-n100--on-hover:hover { -webkit-transform: translateY(-100%) !important; transform: translateY(-100%) !important }
|
.transform-none { -webkit-transform: none !important; transform: none !important }
|
|
@media(max-width:600px) {
|
.transform-xs-none { -webkit-transform: none !important; transform: none !important }
|
}
|
|
@media(max-width:800px) {
|
.transform-sm-none { -webkit-transform: none !important; transform: none !important }
|
}
|
|
@media(max-width:1024px) {
|
.transform-md-none { -webkit-transform: none !important; transform: none !important }
|
}
|
|
.blur-on-hover__wrapper { position: relative }
|
.blur-on-hover__item { -webkit-transition: 1s cubic-bezier(.2,1,.25,1); transition: 1s cubic-bezier(.2,1,.25,1); -webkit-filter: blur(0); filter: blur(0); opacity: 1 }
|
.blur-on-hover__reveal { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%) scale(.9); transform: translate(-50%,-50%) scale(.9); opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease }
|
|
@media(min-width:1025px) {
|
.blur-on-hover__wrapper:hover .blur-on-hover__item { -webkit-transform: scale(.95); transform: scale(.95); -webkit-filter: blur(.3rem); filter: blur(.3rem); opacity: .8 }
|
}
|
|
@media(min-width:1025px) {
|
.blur-on-hover__wrapper:hover .blur-on-hover__reveal { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 1 }
|
}
|
|
.background--white, .bg-white { background-color: #fff !important }
|
.background--brand, .background--primary, .bg-brand, .bg-primary { background-color: #4d5bed !important; color: #fff }
|
.background--dark, .bg-dark { background: #0c2050 !important; color: #939eb8 }
|
.background--secondary, .bg-secondary { background-color: #939eb8 !important }
|
.background--tertiary, .bg-tertiary { background-color: #9779e3 !important }
|
.background--danger, .bg-danger { background-color: #f53d55 !important }
|
.background--success, .bg-success { background-color: #66df7c !important }
|
.background--warning, .bg-warning { background-color: #f6c460 !important }
|
.background--warning2, .bg-warning2 { background-color: #f89c59 !important }
|
.background--info, .bg-info { background-color: #52bbd3 !important }
|
.background--light, .bg-light { background-color: #f6f8fb !important }
|
.background--transparent, .bg-transparent { background-color: transparent !important }
|
.gradient-light--lean-right { background-image: -webkit-linear-gradient(30deg,#f7f8fa 0%,#f0f1fa 100%); background-image: -ms-linear-gradient(30deg,#f7f8fa 0%,#f0f1fa 100%) }
|
.gradient-light--upright { background-image: -webkit-linear-gradient(90deg,#f2f3fa 0%,#fcfdff 100%); background-image: -ms-linear-gradient(90deg,#f2f3fa 0%,#fcfdff 100%) }
|
.gradient-light--lean-left { background-image: -webkit-linear-gradient(110deg,#f2f3fa 0%,#fcfdff 100%); background-image: -ms-linear-gradient(110deg,#f2f3fa 0%,#fcfdff 100%) }
|
/*.gradient-brand-color { background-image: -webkit-linear-gradient(0deg,#376be6 0%,#6470ef 100%); background-image: -ms-linear-gradient(0deg,#376be6 0%,#6470ef 100%); color: #fff }*/
|
.gradient-brand-color { background-image: -webkit-linear-gradient(0deg,#009688 0%,#009688 100%); background-image: -ms-linear-gradient(0deg,#009688 0%,#009688 100%); color: #fff }
|
svg { width: 100% }
|
.highlight-background { position: absolute; overflow: hidden; max-width: 100%; top: 0 }
|
.highlight-background--lean-right { right: 0; opacity: .6 }
|
.highlight-background--lean-left { left: 0 }
|
|
@media(min-width:1025px) {
|
.highlight-background--lean-left { left: 5% }
|
}
|
|
.pattern-svg { position: absolute; overflow: hidden; max-width: 100% }
|
|
@media(min-width:769px) {
|
.pattern-svg { top: 25%; left: 5% }
|
}
|
|
@media(min-width:1025px) {
|
.pattern-svg { left: 10% }
|
}
|
|
.btn { font-family: "Inter",sans-serif; font-weight: 500; font-size: 1.15rem; line-height: 1.5; padding: .75rem 2.5rem; border-radius: .375rem; -webkit-transition: all .2s ease; transition: all .2s ease }
|
|
@media(min-width:1024px) {
|
.btn { font-size: 1rem }
|
}
|
|
.btn-primary { background-color: #4d5bed; border-color: #4d5bed }
|
.btn-primary:hover { background-color: #6470ef; border-color: #6470ef }
|
.btn-primary:not(:disabled):not(.disabled).active { background-color: #1729e6 !important; border-color: #1729e6 !important }
|
.btn-primary.btn--has-shadow { box-shadow: 0 10px 16px 0 rgba(77,91,237,.2) }
|
.btn-primary.btn--has-shadow:hover { box-shadow: 0 10px 26px 0 rgba(77,91,237,.5) }
|
.btn-secondary { background-color: #fff; border-color: #fff }
|
.btn-secondary:hover { background-color: #f2f2f2; border-color: #f2f2f2 }
|
.btn-secondary:not(:disabled):not(.disabled).active { background-color: #e0e0e0 !important; border-color: #e0e0e0 !important }
|
.btn-secondary:not(:disabled):not(.disabled).active { background-color: #e0e0e0 !important; border-color: #e0e0e0 !important; color: #4f5464 }
|
.btn-secondary.btn--has-shadow { box-shadow: 0 12px 11.4px .6px rgba(132,138,163,.1) }
|
.btn-secondary.btn--has-shadow:hover { box-shadow: 0 10px 26px 0 rgba(132,138,163,.3) }
|
.btn-link, .btn-secondary { color: #3646eb }
|
.btn-link:hover, .btn-secondary:hover { color: #6470ef; text-decoration: none }
|
.btn-success { color: #0c3a14; background-color: #66df7c; border-color: #66df7c }
|
.btn-success:hover { color: #0c3a14; background-color: #48d963; border-color: #48d963 }
|
.btn-danger { background-color: #f53d55; border-color: #f53d55 }
|
.btn-danger:hover { background-color: #f31b37; border-color: #f31b37 }
|
.btn-warning { background-color: #f6c460; border-color: #f6c460 }
|
.btn-warning:hover { background-color: #f4b73e; border-color: #f4b73e }
|
.btn-info { background-color: #009688; border-color: #009688 }
|
.btn-info:hover { opacity: .8; filter: alpha(opacity=80); color: #fff }
|
.btn-sm { padding: .5rem 1.375rem; line-height: 1.5 }
|
.btn-lg { padding: .9375rem 2.75rem }
|
.btn-xl { padding: 1.375rem 3.25rem }
|
.btn-icon { position: relative; line-height: 0; padding: 0 }
|
.btn-outline-primary { color: #4d5bed; border-color: #4d5bed }
|
.btn-outline-primary:hover { color: #fff; background-color: rgba(77,91,237,.7); border-color: #4d5bed }
|
.btn-outline-primary:not(:disabled):not(.disabled).active { background-color: #2839e9 !important; border-color: #2839e9 !important }
|
.btn-outline-secondary { color: #4f5464; border-color: #4f5464 }
|
.btn-outline-secondary:hover { color: #fff; background-color: #4f5464; border-color: #4f5464 }
|
.btn-outline-secondary:not(:disabled):not(.disabled).active { background-color: #e0e0e0 !important; border-color: #e0e0e0 !important; color: #4f5464 }
|
.btn:focus, .btn:active, .btn.focus { outline: none; box-shadow: none !important }
|
.btn-search-toggle:hover { color: #101f41 !important }
|
.btn-group .btn { cursor: pointer }
|
.btn-brand { padding: .75rem 1.75rem; border: 1px solid transparent; color: #fff }
|
.btn-brand:hover { color: #fff }
|
.btn-facebook { background-color: #3b5999 }
|
.btn-facebook:hover { background-color: #344e87 }
|
.btn-twitter { background-color: #1da1f2 }
|
.btn-twitter:hover { background-color: #0d95e8 }
|
.btn-instagram { background-color: #e12f67 }
|
.btn-instagram:hover { background-color: #d71f59 }
|
.btn-pinterest { background-color: #cc2127 }
|
.btn-pinterest:hover { background-color: #b61d23 }
|
.btn-google { background-color: #2196f3 }
|
.btn-google:hover { background-color: #0d8aee }
|
.btn-google-white { background-color: #fff; color: #101f41 }
|
.btn-google-white:hover { background-color: #f7f7f7; color: #101f41 }
|
.btn-youtube { background-color: #cd201f }
|
.btn-youtube:hover { background-color: #b71d1c }
|
.btn-vimeo { background-color: #1ab7ea }
|
.btn-vimeo:hover { background-color: #14a7d7 }
|
.btn-dribbble { background-color: #ea4c89 }
|
.btn-dribbble:hover { background-color: #e7357a }
|
.btn-linkedin { background-color: #0077b5 }
|
.btn-linkedin:hover { background-color: #00669c }
|
.btn-whatsapp { background-color: #25d366 }
|
.btn-whatsapp:hover { background-color: #21bd5c }
|
.btn-skype { background-color: #00aff0 }
|
.btn-skype:hover { background-color: #009cd7 }
|
.btn-github { background-color: #171515 }
|
.btn-github:hover { background-color: #242121 }
|
.text-link { font-weight: 500 }
|
.text-link:hover { text-decoration: none }
|
.link__icon { -webkit-transition: all .3s ease; transition: all .3s ease }
|
.link--right-icon:hover .link__icon { -webkit-transform: translateX(50%); transform: translateX(50%) }
|
.link--left-icon:hover .link__icon { -webkit-transform: translateX(-50%); transform: translateX(-50%) }
|
.link--right-icon .link__icon { padding-left: 8px }
|
.link--left-icon .link__icon { padding-right: 8px }
|
|
@media(min-width:600px) {
|
.input-group { min-width: 57% !important }
|
}
|
|
@media(min-width:768px) {
|
.input-group { min-width: 52% !important }
|
}
|
|
@media(min-width:1024px) {
|
.input-group { min-width: 57% !important }
|
}
|
|
input[type="text"], input[type="email"] input[type="password"], input[type="number"], .form-control, .custom-select { border-width: 1px; border-color: #e3e5ee; border-style: solid; border-radius: 6px; background-color: #fff; font-size: 1.15rem; height: calc(3.25rem + 2px); padding: .75rem 1.375rem; width: 100% }
|
|
@media(min-width:1025px) {
|
input[type="text"], input[type="email"] input[type="password"], input[type="number"], .form-control, .custom-select { font-size: 1rem; height: calc(3.25rem - 2px) }
|
}
|
|
.form-control-lg { height: calc(4rem + 2px) !important; padding: .75rem 1.625rem !important }
|
|
@media(min-width:1025px) {
|
.form-control-lg { height: calc(4rem - 2px) !important }
|
}
|
|
.form-control-sm { height: calc(2.5rem + 2px) !important; padding: .75rem 1.125rem !important; font-size: .8125rem !important }
|
|
@media(min-width:1025px) {
|
.form-control-sm { height: calc(2.5rem - 2px) !important }
|
}
|
|
.form-inline .form-control { text-align: center }
|
|
@media(min-width:600px) {
|
.form-inline .form-control { text-align: left }
|
}
|
|
.search-bar .form-inline .form-control { background: none; border: none; border-radius: 0; padding-right: .625rem; padding-left: .625rem; min-width: 12.5rem }
|
.search-bar .form-inline .form-control :active, .search-bar .form-inline .form-control:focus { outline: none; box-shadow: none !important }
|
.form-inline .btn { width: 100% }
|
|
@media(min-width:600px) {
|
.form-inline .btn { width: auto }
|
}
|
|
@media(min-width:600px) {
|
.search-bar { display: none }
|
}
|
|
input:focus, select:focus, textarea:focus, .multiselect:focus, .form-control:focus { border: 1px solid #009688; box-shadow: 0 0 2px 0 #009688 !important }
|
input.input--invalid, input.input--invalid:focus, select.input--invalid, select.input--invalid:focus, textarea.input--invalid, textarea.input--invalid:focus, .multiselect.input--invalid, .multiselect.input--invalid:focus, .form-control.input--invalid, .form-control.input--invalid:focus { border: 1px solid rgba(245,61,85,.47); box-shadow: 0 0 15px 0 rgba(245,61,85,.2) !important }
|
input.input--valid, input.input--valid:focus, select.input--valid, select.input--valid:focus, textarea.input--valid, textarea.input--valid:focus, .multiselect.input--valid, .multiselect.input--valid:focus, .form-control.input--valid, .form-control.input--valid:focus { border: 1px solid rgba(102,223,124,.55); box-shadow: 0 0 15px 0 rgba(102,223,124,.2) !important }
|
label.input--invalid { color: #f53d55; font-size: .75rem }
|
label.input--valid, label.input--invalid { margin-bottom: 0 }
|
.custom-select { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='6px'%3e%3cpath fill-rule='evenodd' fill='rgb(173, 179, 200)' d='M10.001,1.463 C10.000,1.409 9.977,1.358 9.935,1.320 L8.581,0.082 C8.493,0.002 8.350,0.001 8.261,0.081 L5.010,3.005 L1.786,0.057 C1.697,-0.024 1.554,-0.025 1.465,0.056 L0.101,1.284 C0.011,1.364 0.010,1.494 0.099,1.574 L4.836,5.906 C4.925,5.986 5.068,5.987 5.158,5.906 L9.934,1.611 C9.978,1.572 10.002,1.518 10.001,1.463 Z'/%3e%3c/svg%3e"); background-size: 10px 6px }
|
label { color: #101f41 }
|
label.required-field::after { content: "*"; color: #f53d55; margin-left: .125rem }
|
::-webkit-input-placeholder { color: #a6a9c3 !important }
|
::-moz-placeholder { color: #a6a9c3 !important }
|
:-ms-input-placeholder { color: #a6a9c3 !important }
|
::-ms-input-placeholder { color: #a6a9c3 !important }
|
::placeholder { color: #a6a9c3 !important }
|
.multiselect { text-align: left }
|
.multiselect.dropdown-toggle::after { display: none }
|
.multiselect-container { width: 100%; padding-top: .5rem; padding-bottom: .5rem; border: none; border-radius: 6px; box-shadow: 0 2px 9.9px .1px rgba(132,138,163,.1) }
|
.multiselect-container > li > a:hover { text-decoration: none }
|
.multiselect-container > li > a > label { padding: 5px 20px; display: block; color: #4f5464 }
|
.multiselect-container > li > a > label:hover { background: rgba(77,91,237,.15) }
|
.multiselect-container > li > a > label > input[type=checkbox] { margin-right: .5rem }
|
.btn-multiselect { position: relative }
|
.custom-switch { padding-left: 3.25rem }
|
.custom-switch .custom-control-label::before { border: none; background-color: #e3e4ec; left: -3.25rem; width: 2.75rem; height: 1.5rem; border-radius: 1rem }
|
.custom-switch .custom-control-label::after { background-color: #fff; top: calc(.25rem + 5px); left: calc(-3.25rem + 7px); width: calc(1rem - 2px); height: calc(1rem - 2px) }
|
.custom-switch .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none }
|
.custom-switch .custom-control-input:checked ~ .custom-control-label::before { background-color: #4d5bed }
|
.custom-switch .custom-control-input:checked ~ .custom-control-label::after { -webkit-transform: translateX(1rem); transform: translateX(1rem) }
|
.custom-switch .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e3e4ec }
|
.custom-switch .custom-control-input:disabled ~ .custom-control-label::after { background-color: #b5b8cd }
|
.custom-file { height: 3.125rem }
|
.custom-file-input { height: 3.125rem; cursor: pointer }
|
.custom-file-label { height: auto; padding: .75rem 1rem }
|
.custom-file-label::before { content: ""; font-family: "Font Awesome 5 Free" }
|
.custom-file-label::after { display: none }
|
.contact__wrapper { background-color: #fff; border-radius: 0 0 .625rem .625rem }
|
|
@media(min-width:1024px) {
|
.contact__wrapper { border-radius: .625rem 0 .625rem .625rem }
|
}
|
|
@media(min-width:1024px) {
|
.contact-form__wrapper { padding: 5rem !important }
|
}
|
|
.contact-info__wrapper { overflow: hidden; border-radius: .625rem .625rem 0 0 }
|
|
@media(min-width:1024px) {
|
.contact-info__wrapper { border-radius: 0 .625rem .625rem 0; padding: 5rem !important }
|
}
|
|
.opacity-01 { opacity: .1 }
|
.opacity-02 { opacity: .2 }
|
.opacity-03 { opacity: .3 }
|
.opacity-04 { opacity: .4 }
|
.opacity-05 { opacity: .5 }
|
.opacity-06 { opacity: .6 }
|
.opacity-07 { opacity: .7 }
|
.opacity-08 { opacity: .8 }
|
.opacity-09 { opacity: .9 }
|
svg { width: 100% }
|
.highlight-background { position: absolute; overflow: hidden; max-width: 100%; top: 0 }
|
.highlight-background--lean-right { right: 0; opacity: .6 }
|
.highlight-background--lean-left { left: 0 }
|
|
@media(min-width:1025px) {
|
.highlight-background--lean-left { left: 5% }
|
}
|
|
.pattern-svg { position: absolute; overflow: hidden; max-width: 100% }
|
|
@media(min-width:769px) {
|
.pattern-svg { top: 25%; left: 5% }
|
}
|
|
@media(min-width:1025px) {
|
.pattern-svg { left: 10% }
|
}
|
|
.icon { display: -webkit-inline-box; display: inline-flex; min-width: 4rem; min-height: 4rem; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 1.125rem; color: rgba(0,0,0,.5); line-height: 4rem }
|
.icon--rounded { border-radius: 1rem }
|
.icon--circle { border-radius: 50% }
|
.icon--has-shadow { box-shadow: 0 12px 11.4px .6px rgba(132,138,163,.1) }
|
.icon--small { min-width: auto; min-height: auto; height: 2.75rem !important; width: 2.75rem !important; line-height: 2.75rem }
|
.icon--large { min-width: auto; min-height: auto; height: 5rem !important; width: 5rem !important; line-height: 5rem }
|
.feature-icon { max-width: 32px }
|
.shadow, .shadow--on-hover:hover { box-shadow: 0 .75rem .75rem .0375rem rgba(132,138,163,.1) !important }
|
.shadow-sm, .shadow-sm--on-hover:hover { box-shadow: 0 .125rem .25rem rgba(132,138,163,.1) !important }
|
.shadow-lg, .shadow-lg--on-hover:hover { box-shadow: 0 1rem 3rem rgba(132,138,163,.1) !important }
|
.badge-circle { border-radius: 50%; height: 2.5rem; width: 2.5rem; font-size: 1rem; line-height: 2.5rem; padding: 0 }
|
|
@media(max-width:767px) {
|
.post-thumbnail { padding-left: 0; padding-right: 0 }
|
.post-thumbnail img { border-radius: 0 !important }
|
}
|
|
.header .navbar { padding: 0; position: absolute; width: 100% }
|
.navbar-brand { margin-right: 0; margin-left: 1.25rem; z-index: 1 }
|
|
@media(min-width:801px) {
|
.navbar-brand { margin-left: 0 }
|
}
|
|
@media(min-width:1024px) {
|
.navbar-nav { -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
|
}
|
|
@media(min-width:769px) {
|
.navbar-nav .btn { font-size: inherit }
|
}
|
|
.nav-link { color: #4f5464; font-size: 1.15rem; font-weight: 500; padding-top: .625rem; padding-bottom: .625rem }
|
|
@media(min-width:769px) {
|
.nav-link { font-size: .875rem }
|
}
|
|
@media(min-width:1024px) {
|
.nav-link { padding-top: 2.25rem; padding-bottom: 2.25rem }
|
}
|
|
.nav-link p { font-size: 1rem }
|
.nav-link small { font-size: .875rem }
|
|
@media(min-width:992px) {
|
.nav-item { margin-left: 2.5rem }
|
.nav-item:first-child { margin-left: 0 }
|
.nav-item--btn { margin-left: 1.25rem }
|
}
|
|
@media(min-width:769px) {
|
.nav-item .btn-sm { font-size: .875rem }
|
}
|
|
li[data-toggle=hover] .dropdown-menu { left: auto; border: none }
|
|
@media(min-width:1025px) {
|
li[data-toggle=hover] .dropdown-menu { display: block }
|
}
|
|
@media(max-width:1023px) {
|
li[data-toggle=hover] .dropdown-menu.list-group { display: none }
|
li[data-toggle=hover] .dropdown-menu.list-group.show { display: -webkit-box; display: flex }
|
}
|
|
.nav--has-sub-menu a { position: relative }
|
.navbar-nav > .nav--has-sub-menu > a::after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 85%; padding-left: .5rem; position: absolute; right: 0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
|
|
@media(min-width:1024px) {
|
.navbar-nav > .nav--has-sub-menu > a::after { position: relative }
|
}
|
|
.navbar-nav > .nav--has-sub-menu.show > a::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
|
|
@media(max-width:768px) {
|
.navbar-nav > .nav--has-sub-menu.show > a::after { padding: 0 }
|
}
|
|
.nav-sub-menu > .nav--has-sub-menu > a::after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 85%; position: absolute; top: calc(50% - .5rem); right: .625rem; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
|
.nav-sub-menu > .nav--has-sub-menu.show > a::after { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
|
|
@media(min-width:1024px) {
|
.nav-sub-menu > .nav--has-sub-menu.sub-menu--on-left > a::after { content: ""; left: .625rem; padding-right: .625rem }
|
}
|
|
.nav-sub-menu.list-group > .nav--has-sub-menu > a::after { top: calc(50% - .625rem) }
|
.nav--dropdown-menu-right { position: relative }
|
.nav-sub-menu { list-style: none; background-color: #fff; min-width: 10rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: absolute; -webkit-transform: translateX(0) translateY(-5px) scale(.95); transform: translateX(0) translateY(-5px) scale(.95); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity: 0; pointer-events: none; padding-top: 0; padding-bottom: 0 }
|
|
@media(min-width:1024px) {
|
.nav-sub-menu { padding-top: .75rem; padding-bottom: .75rem }
|
}
|
|
@media(min-width:1024px) {
|
.navbar-nav > .nav--has-sub-menu > .nav-sub-menu { margin-left: -1rem }
|
}
|
|
@media(min-width:768px) {
|
.navbar-nav > .nav--has-sub-menu > .nav-sub-menu::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 .625rem .5625rem .625rem; border-color: transparent transparent #fff transparent; position: absolute; top: -.5625rem; left: 1rem }
|
}
|
|
.navbar-nav > .nav--has-sub-menu > .nav-sub-menu.dropdown-menu-right::before { left: auto; right: 1rem }
|
|
@media(min-width:1024px) {
|
.nav--has-sub-menu[data-toggle=hover]:hover > .nav-sub-menu { -webkit-transform: translateX(0) translateY(0) scale(1); transform: translateX(0) translateY(0) scale(1); opacity: 1; pointer-events: auto; display: block; visibility: visible }
|
}
|
|
@media(max-width:1023px) {
|
.nav-sub-menu.show { opacity: 1; border-left: 2px solid #4d5bed; border-radius: 0 !important; box-shadow: none !important; width: calc(100vw - 2.5rem); margin: 0 !important; margin-left: -1.25rem !important; z-index: 10000; pointer-events: auto }
|
}
|
|
@media(max-width:767px) {
|
.nav-sub-menu.show { margin-left: -.5rem !important }
|
}
|
|
.nav-sub-menu > .nav--has-sub-menu > .nav-sub-menu { top: -.75rem; margin: 0 }
|
.nav-sub-menu.list-group > .nav--has-sub-menu > .nav-sub-menu { top: .625rem }
|
.nav-sub-menu > .nav--has-sub-menu.sub-menu--on-left > .nav-sub-menu { right: 100%; left: auto }
|
.nav-sub-menu > .nav--has-sub-menu.sub-menu--on-right > .nav-sub-menu { left: 100%; right: auto }
|
.nav-sub-menu.list-group { padding: 0 }
|
.nav-sub-menu.list-group.rounded .nav-item:first-child .nav-link { border-radius: .25rem .25rem 0 0 }
|
.nav-sub-menu.list-group.rounded .nav-item:last-child .nav-link { border-radius: 0 0 .25rem .25rem }
|
.nav-sub-menu.list-group.rounded-sm .nav-item:first-child .nav-link { border-radius: .2rem .2rem 0 0 }
|
.nav-sub-menu.list-group.rounded-sm .nav-item:last-child .nav-link { border-radius: 0 0 .2rem .2rem }
|
.nav-sub-menu.list-group.rounded-lg .nav-item:first-child .nav-link { border-radius: .3rem .3rem 0 0 }
|
.nav-sub-menu.list-group.rounded-lg .nav-item:last-child .nav-link { border-radius: 0 0 .3rem .3rem }
|
.nav-sub-menu.list-group .list-group-item { border: none }
|
.nav-sub-menu .nav-item { margin-left: 0; position: relative }
|
|
@media(max-width:1023px) {
|
.nav-sub-menu .nav-item { padding: .25rem 1.25rem }
|
}
|
|
@media(min-width:1024px) {
|
.nav-sub-menu .nav-item .nav-link { padding: .25rem 1.25rem }
|
}
|
|
.nav-sub-menu .nav-item .nav-link.list-group-item { padding: .5rem 0 0 0 }
|
|
@media(min-width:1024px) {
|
.nav-sub-menu .nav-item .nav-link.list-group-item { padding-right: 1.875rem; padding-left: 1.25rem }
|
}
|
|
.nav-sub-menu .nav-item .nav-link.list-group-item .media { padding-right: .625rem; padding-bottom: .5rem; border-bottom: 1px solid #ebf0f6 }
|
.nav-sub-menu .nav-item:last-child .nav-link.list-group-item .media { border-bottom: none }
|
.nav-sub-mega-menu { width: calc(100% - 30px); margin-left: .9375rem !important; padding: 2.5rem .9375rem }
|
.nav-sub-mega-menu::before { display: none }
|
.nav-sub-mega-menu p { font-size: .875rem }
|
.mega-menu-list-group { list-style: none }
|
.mega-menu-list-group .nav-item { padding: 0 }
|
.mega-menu-list-group .nav-link { padding-left: 0 !important }
|
.mega-menu-column { padding-left: 2.5rem; padding-right: 2.5rem; border-right: 1px solid #ebf0f6 }
|
.mega-menu-column:last-child { border-right: none }
|
|
@media(max-width:414px) {
|
.mega-menu-column { border-right: none }
|
}
|
|
@media(max-width:1023px) {
|
.mega-menu-column:nth-child(even) { border-right: none }
|
}
|
|
.menu-title { display: block }
|
.navbar-toggler { display: block; padding: 20px; width: 62px; height: 60px; cursor: pointer; z-index: 1 }
|
.navbar-toggler__bar { display: inline-block; width: 22px; height: 2px; float: left; margin-bottom: 6px; padding: 0; background-color: #101f41; position: relative; -webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94); transition: all .3s cubic-bezier(.25,.46,.45,.94); -webkit-backface-visibility: hidden; backface-visibility: hidden }
|
.navbar-toggler__bar::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(255,255,255,.4); will-change: transform,color; -webkit-transform: scale3d(0,1,1); transform: scale3d(0,1,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94) }
|
.navbar-toggler__bar--top::before { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s,-webkit-transform .35s; transition: transform .35s,-webkit-transform .35s }
|
.navbar-toggler__bar--middle::before { -webkit-transition: -webkit-transform .35s .1s; transition: -webkit-transform .35s .1s; transition: transform .35s .1s; transition: transform .35s .1s,-webkit-transform .35s .1s; transition: transform .35s .1s,-webkit-transform .35s .1s }
|
.navbar-toggler__bar--bottom { margin-bottom: 0 }
|
.navbar-toggler__bar--bottom::before { -webkit-transition: -webkit-transform .35s .2s; transition: -webkit-transform .35s .2s; transition: transform .35s .2s; transition: transform .35s .2s,-webkit-transform .35s .2s; transition: transform .35s .2s,-webkit-transform .35s .2s }
|
.offcanvas-collapse { z-index: 2; padding: 1rem 2.5rem !important }
|
|
@media(min-width:801px) {
|
.offcanvas-collapse { padding: 0 !important }
|
}
|
|
@media(max-width:991px) {
|
.offcanvas-collapse { background-color: #fff !important }
|
.offcanvas-collapse.open { background-color: #fff !important }
|
}
|
|
.nav-dots { position: fixed; right: 2rem; z-index: 1000; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
|
.nav-dots .nav-link { display: block; position: relative; padding: .75rem }
|
.nav-dots .nav-link::before { content: ""; width: .5rem; height: .5rem; background-color: rgba(255,255,255,.8); display: block; border-radius: 50%; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
|
.nav-dots .nav-link:hover::before { -webkit-transform: scale(1.75); transform: scale(1.75); background-color: #fff }
|
.nav-dots.section-dot-nav { background-color: rgba(12,32,80,.75); border-radius: 30px }
|
.card { padding: 2.25rem 1.125rem; border-color: #e3e5ee }
|
|
@media(min-width:768px) {
|
.card { padding-left: 1.5em; padding-right: 1.5rem }
|
}
|
|
@media(min-width:1025px) {
|
.card { padding-left: 2rem; padding-right: 2rem }
|
}
|
|
.card-side-to-side__image { border-radius: .25rem .25rem 0 0 }
|
|
@media(min-width:601px) {
|
.card-side-to-side__image { border-radius: .25rem 0 0 .25rem }
|
}
|
|
.card.post { border-radius: .375rem }
|
.card.post .card-side-to-side__image { border-radius: .375rem .375rem 0 0 }
|
|
@media(min-width:601px) {
|
.card.post .card-side-to-side__image { border-radius: .375rem 0 0 .375rem }
|
}
|
|
.card.post .card-img-top { border-radius: .375rem .375rem 0 0 }
|
.card.post .card-body, .card.post .card-footer { padding-left: 2rem; padding-right: 2rem }
|
.card.post .card-body { padding-top: 1.5rem }
|
.card.post .card-footer { padding-bottom: 2rem }
|
.card-header, .card-footer { background-color: transparent; border: none }
|
.card-body ul { margin-bottom: .25rem; list-style-position: inside }
|
|
@media(min-width:768px) and (max-width:1024px) {
|
.card-body ul { list-style-position: outside }
|
}
|
|
.card-body li { font-weight: 400; margin-bottom: .5rem }
|
.card-body li:last-child { margin-bottom: 0 }
|
.card .btn { width: 100% }
|
.pricing__card { border: none; box-shadow: 0 14px 66.5px 3.5px rgba(132,138,163,.1); border-radius: .625rem !important }
|
|
@media(min-width:768px) {
|
.pricing__card:first-child { border-radius: .625rem 0 0 .625rem !important }
|
}
|
|
@media(min-width:768px) {
|
.pricing__card:last-child { border-radius: 0 .625rem .625rem 0 !important }
|
}
|
|
.pricing__card.pricing-popular { z-index: 1; color: #fff }
|
.pricing__card.pricing-popular .popular__badge { position: absolute; left: 0; top: 0; width: 100%; padding: .625rem 0; background-color: #3646eb; border-radius: .625rem .625rem 0 0 }
|
.pricing__card.pricing-popular .card-header { padding-top: 2.75rem }
|
|
@media(min-width:768px) {
|
.card-job-info--sticky { top: 2.5rem; position: -webkit-sticky; position: sticky }
|
}
|
|
@media(min-width:1024px) {
|
.card-job-info--sticky { margin-top: -23rem }
|
}
|
|
.alert { border: none }
|
.alert--narrow { padding: .375rem; display: inline-block; font-size: .875rem }
|
.alert-primary { background-color: #4d5bed; color: #fff }
|
.alert-secondary { background-color: rgba(166,169,195,.08); color: #4f5464 }
|
.alert-secondary a { color: #101f41 }
|
.alert a .link__icon { font-size: .6875rem; padding-left: .25rem; padding-right: .25rem }
|
.alert-validation { position: fixed; top: 10px; width: 50%; left: 25%; -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 999 }
|
.alert-validation.show { -webkit-transform: translateY(0); transform: translateY(0) }
|
.badge-primary { background-color: #4d5bed }
|
.list-group-item-action:focus, .list-group-item-action:hover { background-color: #ebf0f6 }
|
.pagination li { margin-left: .25rem; margin-right: .25rem }
|
.pagination li a { border-radius: .25rem; border: none; min-width: 2.25rem; text-align: center; color: #4f5464 }
|
.pagination li.active a, .pagination li a:hover { background-color: #4d5bed !important; color: #fff }
|
.section { padding-top: 5rem; padding-bottom: 5rem; position: relative }
|
|
@media(min-width:1024px) {
|
.section { padding-top: 6.875rem; padding-bottom: 6.875rem }
|
}
|
|
@-moz-document url-prefix() {
|
.section { overflow: hidden }
|
}
|
.main-feature, .section-fact .fact-item { margin-bottom: 5rem }
|
.main-feature .icon, .section-fact .fact-item .icon { margin-bottom: 2.25rem }
|
.main-feature__title { font-weight: 600; line-height: 1.5; text-transform: uppercase; margin-bottom: 1.5rem }
|
|
@media(min-width:1024px) {
|
.main-feature__content:last-child { margin-bottom: 0 }
|
}
|
|
.icon.bg-primary, .icon.background--brand, .icon.background--primary, .icon.bg-brand, .icon.bg-primary { background-color: rgba(77,91,237,.1) !important }
|
.section-fact .fact-item .icon { margin-bottom: 2.125rem }
|
.section-fact .fact__title { font-size: 80%; line-height: 3; text-transform: uppercase }
|
.pricing__wrapper { margin-bottom: 8.5rem }
|
.profile__social li a { color: #939eb8 }
|
.client-list .client { padding: 1rem }
|
|
@media(min-width:1025px) {
|
.client-list .client { padding-top: 0; padding-bottom: 0 }
|
}
|
|
.career__hero-image { right: 15px }
|
.contact-info__list span.position-absolute { left: 0 }
|
|
@media(min-width:600px) {
|
.section-subscribe { padding-bottom: 12.9375rem }
|
}
|
|
.posts__categories-list { flex-wrap: wrap; -webkit-box-pack: center; justify-content: center }
|
.posts__categories-list > li.post-category { margin-right: 1rem }
|
.posts__categories-list > li.post-category:last-child { margin-right: 0 }
|
.posts__categories-list > li.post-category > a { color: #4f5464; font-weight: 500; text-transform: uppercase; padding: .8rem .5rem; display: block }
|
.posts__categories-list > li.post-category > a:hover { color: #4d5bed }
|
.posts__categories-list > li.post-category.active > a { color: #101f41; box-shadow: inset 0 -2px 0 0 #4d5bed; cursor: default }
|
|
@media(min-width:600px) {
|
.cta-block { border-radius: .625rem }
|
}
|
|
.cta-block__wrapper { padding: 0 }
|
|
@media(min-width:415px) {
|
.cta-block__wrapper { padding-left: 15px; padding-right: 15px }
|
}
|
|
@media(min-width:600px) {
|
.cta-block__wrapper { margin-top: -20% }
|
}
|
|
@media(min-width:768px) {
|
.cta-block__wrapper { margin-top: -15% }
|
}
|
|
@media(min-width:1024px) {
|
.cta-block__wrapper { margin-top: -17% }
|
}
|
|
.cta-block > .row { margin-left: 0; margin-right: 0 }
|
|
@media(min-width:415px) {
|
.cta-block > .row { margin-left: -15px; margin-right: -15px }
|
}
|
|
.footer { color: #939eb8 !important; padding-bottom: 3.625rem }
|
|
@media(min-width:600px) {
|
.footer .container { position: relative }
|
}
|
|
@media(min-width:1024px) {
|
.footer { padding-top: 6.0625rem; padding-bottom: 2.1875rem }
|
}
|
|
.footer-content { margin-top: 6.25rem; margin-bottom: 6.25rem }
|
|
@media(min-width:600px) and (max-width:1023px) {
|
.footer-content { margin-top: 13.5rem }
|
}
|
|
.footer__brand { margin-bottom: 3rem }
|
|
@media(min-width:768px) {
|
.footer__brand { margin-bottom: 0; max-width: 25% }
|
}
|
|
.footer__brand .footer-logo { display: block; margin-bottom: 1.875rem }
|
.footer-nav { -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
|
|
@media(max-width:767px) {
|
.footer-nav { display: block }
|
}
|
|
.footer-nav .nav-link { padding-left: 0; color: #939eb8 }
|
.footer-nav .nav-link:hover { color: #fff }
|
.footer-copyright-column { padding-top: 2.25rem; border-top: 1px solid rgba(255,255,255,.2) }
|
.copyright p:last-child { margin-bottom: 0 }
|
.social-icons { list-style: none; display: -webkit-box; display: flex; flex-wrap: wrap }
|
.social-icons li { margin-left: 1.15rem }
|
.social-icons li:first-child { margin-left: 0 }
|
.social-icons li a { font-size: 1.25rem; color: #939eb8 }
|
.social-icons li a:hover { color: #fff }
|
|
@media(min-width:1024px) {
|
.sidebar { position: -webkit-sticky; position: sticky; top: 5%; height: -webkit-max-content; height: -moz-max-content; height: max-content }
|
}
|
|
.widget { background-color: #fff; padding: 1.75rem 2rem 2rem; font-size: 1rem }
|
|
@media(min-width:1024px) {
|
.widget { font-size: .875rem }
|
}
|
|
.widget-title { font-weight: 700; font-size: 1rem }
|
|
@media(min-width:1024px) {
|
.widget-title { font-size: .875rem }
|
}
|
|
.widget .subscribe-form input, .widget .subscribe-form button { font-size: 1rem }
|
|
@media(min-width:1024px) {
|
.widget .subscribe-form input, .widget .subscribe-form button { font-size: .875rem }
|
}
|
|
@media(max-width:991.98px) {
|
.offcanvas-collapse { position: fixed; top: 56px; bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #343a40; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: left,visibility; transition-property: left,visibility }
|
.offcanvas-collapse.open { left: 0; visibility: visible }
|
}
|
|
.swiper-container { margin-left: -15px; margin-right: -15px }
|
.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: 1.5rem; height: 2.5rem; width: 2.5rem; line-height: 2.5rem; background-image: none; background-color: #d8dbfb; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
|
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover, .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover { background-color: #c1c6f9 }
|
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after, .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #4d5bed; font-size: .875rem; position: absolute; left: calc(50% - 7px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
|
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 1rem }
|
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after { content: '' }
|
.swiper-button-next:hover::after, .swiper-container-rtl .swiper-button-prev:hover::after { left: 50% }
|
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: auto; right: 4.5rem }
|
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after { content: '' }
|
.swiper-button-prev:hover::after, .swiper-container-rtl .swiper-button-next:hover::after { left: calc(50% - 14px) }
|
.swiper-pagination-bullet { background: #e0e3eb; height: 10px; width: 10px; opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
|
.swiper-pagination-bullet:hover { background: #c1c7d6 }
|
.swiper-pagination-bullet-active { background: transparent; box-shadow: 0 0 0 3px #4d5bed }
|
.swiper-pagination-bullet-active:hover { background: transparent }
|
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px }
|
.testaa { height: 11px }
|
a.navbar-brand { white-space: normal; text-align: center; word-break: break-all }
|
a { color: #009688 }
|
.btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac }
|
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1b6ec2; border-color: #1861ac }
|
html { font-size: 14px }
|
|
@media(min-width:768px) {
|
html { font-size: 16px }
|
}
|
|
.border-top { border-top: 1px solid #e5e5e5 }
|
.border-bottom { border-bottom: 1px solid #e5e5e5 }
|
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0,0,0,.05) }
|
button.accept-policy { font-size: 1rem; line-height: inherit }
|
html { position: relative; min-height: 100% }
|
.footer { position: absolute; bottom: 0; width: 100%; white-space: nowrap; line-height: 60px }
|
#Input_Ticket { width: 0 !important; height: 0 !important; border: 0; border-radius: 0; padding: 0; margin: 0; visibility: hidden }
|
.field-validation-error, .validation-summary-errors { font-size: 14px }
|
.btn { padding: .5rem 1.5rem }
|
input.input-validation-error { border: 1px solid rgba(245,61,85,.47); box-shadow: 0 0 15px 0 rgba(245,61,85,.2) !important }
|
form > .row > .col-sm-12.mb-2 > .form-group { position: relative }
|
form > .row > .col-sm-12.mb-2 > .form-group > .field-validation-error { position: absolute; display: inline-block; right: 10px; top: 0; line-height: 50px }
|
div#agreement > h3, div#privacy > h3 { font-size: 20px }
|
div#agreement > p, div#privacy > p { font-size: 14px }
|
a.social-login-link { cursor: pointer }
|
|
.layui-form-checked[lay-skin=primary] i { border-color: #009688 !important; background-color: #009688; color: #fff; }
|
