body { background: #ffffff; color: #000000; font-family: "Open Sans", sans-serif; overflow-x: hidden; } ::selection { color: #ffffff; background: #007aad; } ::-moz-selection { color: #ffffff; background: #007aad; } a { color: #007aad; transition: 0.5s; } a:hover, a:active, a:focus { color: #007aad; outline: none; text-decoration: none; } p { padding: 0; margin: 0 0 30px 0; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; font-weight: 400; margin: 0 0 20px 0; padding: 0; } .back-to-top { position: fixed; display: none; background: #007aad; color: #fff; padding: 2px 20px 8px 20px; font-size: 16px; border-radius: 4px 4px 0 0; right: 15px; bottom: 0; transition: none; } .back-to-top:focus { background: #000000; color: #ffffff; outline: none; } .back-to-top:hover { background: #ffffff; color: #007aad; } #preloader { background: #007aad; height: 100%; opacity: 1; filter: alpha(opacity=100); position: fixed; text-align: center; width: 100%; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .preloader { margin: 100px auto; width: 40px; height: 40px; position: relative; } .preloader .sk-wave { margin: 40px auto; width: 60px; height: 50px; text-align: center; font-size: 10px; } .preloader .sk-wave .sk-rect { background-color: #007aad; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .preloader .sk-wave .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .preloader .sk-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .preloader .sk-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .preloader .sk-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .preloader .sk-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } #header { padding: 30px 0; height: 92px; position: fixed; background: #007aad; left: 0; top: 0; right: 0; transition: all 0.5s; z-index: 997; } #header #logo { float: left; } #header #logo h1 { font-size: 24px; margin: -4px 0 0 0; padding: 0; line-height: 1; display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; } #header #logo h1 a, #header #logo h1 a:hover { color: #ffffff; } #header #logo img { padding: 0; margin: 0; height: 50px; } @media (max-width: 768px) { #header #logo h1 { font-size: 18px; margin-top: 0; } #header #logo img { max-height: 50px; } } #header.header-fixed { background: #007aad; padding: 20px 0; height: 72px; transition: all 0.5s; } #featured { background: #eeeeee; position:relative; width:100%; height:auto; margin:0; padding:140px 0 30px; } @media (min-width: 1024px) { section#featured { background-attachment: fixed; } } #featured { text-align:center; } #featured h2 { color:#fff; font-size:64px; } #featured .inner-heading h2 { margin-bottom:-20px; } #featured h4.subtitle { font-family: Arial, Tahoma, Verdana, Sans-serif; text-transform:none; color:#f8f8f8; } #featured p { color:#f8f8f8; } #sequence-theme #sequence { min-height: 300px; padding-right:40px; } #sequence ul li h4.subtitle { display:none; } #sequence-theme #sequence { width:80%; min-height: 400px; padding-right:40px; } #sequence ul li h4.subtitle { display:none; } #sequence ul li img { margin-top:30px; } #intro { width: 100%; margin: 95px 0px 0px 0; min-height: 100px; background: #ffffff; position: relative; } #intro .intro-text { position: absolute; left: 0; top: 5px; right: 0; height: calc(50% - 60px); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; } #intro h1 { margin: 20px 0 5px 0; padding: 0 15px; font-size: 24px; font-weight: 400; line-height: 36px; color: #007aad; text-decoration: underline; } #intro h2 { margin: 5px 0 5px 0; padding: 0 15px; font-size: 12px; font-weight: 400; } #intro h2 a { color: black; } @media (max-width: 768px) { #intro h1 { font-size: 12px; } #intro h2 { font-size: 8px; } } #intro p { color: #ffffff; margin-bottom: 5px; padding: 0 15px; font-size: 24px; } @media (max-width: 768px) { #intro p { font-size: 18px; line-height: 24px; margin-bottom: 20px; } } #intro #intro-column { border: 5px solid #6ccce3; border-radius: 25px; } #intro .btn-get-started { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 8px 28px; border-radius: 50px; transition: 0.5s; margin: 10px; border: 2px solid #fff; color: #fff; } #intro .btn-get-started:hover { color: #1dc8cd; background: #fff; } #intro .product-screens { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; text-align: center; width: 100%; height: 50%; } #intro .product-screens img { box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29); } #intro .product-screens .product-screen-0 { position: absolute; z-index: 30; left: calc(25% + 14px); bottom: 0; top: 0px; } #intro .product-screens .product-screen-1 { position: absolute; z-index: 30; left: calc(54px); bottom: 0; top: 0px; } #intro .product-screens .product-screen-2 { position: absolute; z-index: 20; left: calc(33% - 154px); bottom: 0; top: 30px; } #intro .product-screens .product-screen-3 { position: absolute; z-index: 10; left: calc(33% - 374px); bottom: 0; top: 60px; } @media (max-width: 767px) { #intro .product-screens .product-screen-1 { position: static; padding-top: 30px; } #intro .product-screens .product-screen-2, #intro .product-screens .product-screen-3 { display: none; } } .nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; } .nav-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .nav-menu li { position: relative; white-space: nowrap; } .nav-menu > li { float: left; } .nav-menu li:hover > ul, .nav-menu li.sfHover > ul { display: block; } .nav-menu ul ul { top: 0; left: 100%; } .nav-menu ul li { min-width: 150px; } .sf-arrows .sf-with-ul { padding-right: 25px; } .sf-arrows .sf-with-ul:after { content: "\f107"; position: absolute; right: 10px; font-family: FontAwesome; font-style: normal; font-weight: normal; } .sf-arrows ul .sf-with-ul:after { content: "\f105"; } #nav-menu-container { float: right; margin: 0; } @media (max-width: 1024px) { #nav-menu-container { display: none; } } .nav-menu a { padding: 0 8px 10px 8px; text-decoration: none; display: inline-block; color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 14px; outline: none; } .nav-menu > li { margin-left: 5px; } .nav-menu ul { margin: 4px 0 0 0; padding: 10px; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); background: #ffffff; border: 2px solid #007aad; } .nav-menu ul li { transition: 0.3s; } .nav-menu ul li a { padding: 10px; color: #000000; transition: 0.3s; display: block; font-size: 14px; text-transform: none; } .nav-menu ul li:hover > a { color: #007aad; } .nav-menu ul ul { margin: 0; } #mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999; margin: 20px 20px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer; } #mobile-nav-toggle i { color: #fff; } @media (max-width: 1024px) { #mobile-nav-toggle { display: inline; } } #mobile-nav { position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(52, 59, 64, 0.9); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s; } #mobile-nav ul { padding: 0; margin: 0; list-style: none; } #mobile-nav ul li { position: relative; } #mobile-nav ul li a { color: #fff; font-size: 16px; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; } #mobile-nav ul li a:hover { color: #fff; } #mobile-nav ul li li { padding-left: 30px; } #mobile-nav ul .menu-has-children i { position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; } #mobile-nav ul .menu-has-children i.fa-chevron-up { color: #1dc8cd; } #mobile-nav ul .menu-item-active { color: #007aad; } #mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(52, 59, 64, 0.9); display: none; } body.mobile-nav-active { overflow: hidden; } body.mobile-nav-active #mobile-nav { left: 0; } body.mobile-nav-active #mobile-nav-toggle { color: #fff; } .section-header .section-title { margin-top: 90px; font-size: 48px; color: #000000; text-align: center; font-weight: 400; } .section-header .section-description { text-align: center; padding-bottom: 40px; color: #777777; font-style: italic; } .section-header .section-divider { display: block; width: 250px; height: 5px; background: #007aad; margin: 0 auto; margin-bottom: 20px; } .section-bg { background: #eff5f5; } .payments { text-align: center; } @media (max-width: 1280px) { #page img { width: 75%; height: 75%; } } @media (max-width: 720px) { #page img { width: 50%; height: 50%; } } @media (max-width: 480px) { #page img { width: 25%; height: 25%; } } #list { font-size: 18px; } #list h1, h2, h3 { font-size: 24px; text-decoration: underline; } #list ul { list-style: none; } #list ul li { padding: 20px; font-size: 32px; line-height: 48px; } #list ul li a { padding: 20px; } #list ul li a:hover { background: #333333; } #list table, tb, td { border: 1px solid #000000; } #about { padding: 60px 0; } #about .about-img { height: 510px; overflow: hidden; } #about .about-img img { margin-left: -15px; max-width: 100%; } @media (max-width: 768px) { #about .about-img { height: auto; } #about .about-img img { margin-left: 0; padding-bottom: 30px; } } #about .content .h2 { color: #333; font-weight: 300; font-size: 24px; } #about .content h3 { color: #777; font-weight: 300; font-size: 18px; line-height: 26px; font-style: italic; } #about .content p { line-height: 26px; } #about .content p:last-child { margin-bottom: 0; } #about .content i { font-size: 20px; padding-right: 4px; color: #1dc8cd; } #about .content ul { list-style: none; padding: 0; } #about .content ul li { padding-bottom: 10px; } #page { padding: 60px 0; } #page .page-img { height: 510px; overflow: hidden; } #page .page-img img { margin-left: -15px; max-width: 100%; } @media (max-width: 768px) { #page .page-img { height: auto; } #page .page-img img { margin-left: 0; padding-bottom: 30px; } } #page .content .h2 { color: #333; font-weight: 300; font-size: 24px; } #page .content h3 { color: #777; font-weight: 300; font-size: 18px; line-height: 26px; font-style: italic; } #page .content p { line-height: 26px; } #page .content p:last-child { margin-bottom: 0; } #page .content i { font-size: 20px; padding-right: 4px; color: #1dc8cd; } #page .content ul { /*list-style: none;*/ /*padding: 0;*/ } #page .content ul li { padding-bottom: 10px; } #features { background: #ffffff; padding: 60px 0 0 0; } #features .features-img { text-align: center; padding-top: 20px; } @media (min-width: 769px) { #features .features-img { padding-top: 120px; margin-top: -200px; } } #features .features-img img { max-width: 100%; } #features .box { margin-bottom: 15px; text-align: center; } #features .icon { margin-bottom: 10px; } #features .icon i { color: #ff8800; font-size: 40px; transition: 0.5s; } #features .icon i:before { background: #1dc8cd; background: linear-gradient(45deg, #ffff00 0%, #ff8800 100%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #features .title { font-weight: 300; margin-bottom: 15px; font-size: 22px; } #features .title a { color: #111; } #features .description { font-size: 14px; line-height: 24px; margin-bottom: 10px; } #features .section-description { padding-bottom: 10px; } #advanced-features .features-row { padding: 60px 0 30px 0; } #advanced-features h2 { font-size: 26px; font-weight: 700; color: #000; } #advanced-features h3 { font-size: 16px; line-height: 24px; font-weight: 400; font-style: italic; color: #999; } #advanced-features p { line-height: 24px; color: #777; margin-bottom: 30px; } #advanced-features i { color: #666666; font-size: 64px; transition: 0.5s; float: left; padding: 0 15px 0px 0; line-height: 1; } #advanced-features i:before { background: #1dc8cd; background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #advanced-features .advanced-feature-img-right { max-width: 100%; float: right; padding: 0 0 30px 30px; } #advanced-features .advanced-feature-img-left { max-width: 100%; float: left; padding: 0 30px 30px 0; } @media (max-width: 768px) { #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left { max-width: 50%; } } @media (max-width: 767px) { #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left { max-width: 100%; float: none; padding: 0 0 30px 0; } } #call-to-action { /*background: linear-gradient(rgba(29, 200, 205, 0.65), rgba(29, 205, 89, 0.2)), url(../img/call-to-action-bg.jpg) fixed center center;*/ background-image: url(../img/call-to-action-bg.jpg); background-repeat: repeat-x; padding: 40px 0; } #call-to-action .cta-title { color: #ffffff; font-size: 32px; font-weight: 700; } #call-to-action .cta-text { font-size: 24px; color: #ffffff; } @media (min-width: 769px) { #call-to-action .cta-btn-container { display: flex; align-items: center; justify-content: flex-end; } } #call-to-action .cta-btn { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 24px; letter-spacing: 1px; display: inline-block; padding: 8px 30px; border-radius: 25px; transition: background 0.5s; margin: 10px; border: 2px solid #ffffff; color: #000000; background: #ffffff; } #call-to-action .cta-btn:hover { color: #ffffff; background: #007aad; border: 2px solid #007aad; } #more-features { padding: 60px 0 60px 0; } #more-features .box { padding: 20px 20px 20px 20px; margin-bottom: 20px; box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15); background: #fff; transition: 0.4s; border-radius: 25px; } #more-features .icon { float: left; } #more-features .icon i { color: #666666; font-size: 72px; transition: 0.5s; line-height: 0; } /* #more-features .icon i:before { background: #ff8800; background: linear-gradient(45deg, #ffff00 0%, #ff8800 100%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */ #more-features h4 { margin-left: 10px; font-weight: 700; margin-bottom: 15px; font-size: 18px; } #more-features h4 a { color: #111; } #more-features p { font-size: 14px; margin-left: 30px; margin-bottom: 0; line-height: 24px; } @media (max-width: 767px) { #more-features .box { margin-bottom: 20px; } #more-features .icon { float: none; text-align: center; padding-bottom: 15px; } #more-features h4, #more-features p { margin-left: 0; text-align: center; } } #imagebar { padding: 30px 0; background: #fff; } #imagebar img { max-width: 100%; opacity: 0.5; transition: 0.3s; padding: 15px 0; } #imagebar img:hover { opacity: 1; } #pricing { padding: 60px 0 60px 0; } #pricing .box { padding: 10px; margin-bottom: 30px; box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15); background: #fff; text-align: center; } #pricing h3 { font-weight: 400; margin-bottom: 15px; font-size: 28px; } #pricing h4 { font-weight: 300; font-size: 24px; color: #1dc8cd; } #pricing h4 sup { font-size: 20px; top: -20px; } #pricing h4 span { color: #bababa; font-size: 20px; } #pricing ul { padding: 0; list-style: none; color: #999; text-align: left; line-height: 20px; } #pricing ul li { padding-bottom: 12px; } #pricing ul i { color: #1dc8cd; font-size: 18px; padding-right: 4px; } #pricing .get-started-btn { background: #515e61; display: inline-block; padding: 6px 30px; border-radius: 20px; color: #fff; transition: none; font-size: 14px; font-weight: 400; font-family: "Montserrat", sans-serif; } #pricing .featured { border: 2px solid #1dc8cd; } #pricing .featured .get-started-btn { background: linear-gradient(45deg, #1de099, #1dc8cd); } #faq { padding: 60px 0; } #faq #faq-list { padding: 0; list-style: none; } #faq #faq-list li { border-bottom: 1px solid #ddd; } #faq #faq-list a { padding: 18px 0; display: block; position: relative; font-family: "Montserrat", sans-serif; font-size: 22px; line-height: 1; font-weight: 300; padding-right: 20px; } #faq #faq-list i { font-size: 24px; position: absolute; right: 0; top: 16px; } #faq #faq-list p { margin-bottom: 20px; } @media (max-width: 768px) { #faq #faq-list a { font-size: 18px; } #faq #faq-list i { top: 13px; } } #faq #faq-list a.collapse { color: #1dc8cd; } #faq #faq-list a.collapsed { color: #000; } #faq #faq-list a.collapsed i::before { content: "\f2c7" !important; } #members { background: "#ffffff;"; } #members a { color: #000000; } #members h2 { color: #007aad; text-decoration: underline; } #members #level { padding: 50px 50px 25px 25px; } #members .section-divider { background-color: #007aad; } #member #section-header { text-align: center; } #membersingle { margin: 125px 50px 25px 25px; } #boardofdirectors { background-color: "#ff88ff;"; } #boardofdirectors #person { padding: 10px 10px 10px 10px; } #boardofdirectors #person-header { border-bottom: 2px solid #007aad; } #hub { margin-bottom: 50px; } #hubprovider { text-align: center; padding: 35px 35px 25px 25px; } #team { padding: 60px 0; } #team .member { text-align: center; margin-bottom: 20px; } #team .member .pic { margin-bottom: 15px; overflow: hidden; height: 260px; } #team .member .pic img { max-width: 100%; } #team .member h4 { font-weight: 700; margin-bottom: 2px; font-size: 18px; } #team .member span { font-style: italic; display: block; font-size: 13px; } #team .member .social { margin-top: 15px; } #team .member .social a { color: #b3b3b3; } #team .member .social a:hover { color: #1dc8cd; } #team .member .social i { font-size: 18px; margin: 0 2px; } #gallery { background: #fff; padding: 60px 0 0 0; } #gallery .container-fluid { padding: 0px; } #gallery .gallery-overlay { position: absolute; top: 100px; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; } #gallery .gallery-item { overflow: hidden; position: relative; padding: 0; vertical-align: middle; text-align: center; } #gallery .gallery-item img { -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; width: 100%; } #gallery .gallery-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } #gallery .gallery-item:hover .gallery-overlay { opacity: 1; background: rgba(0, 0, 0, 0.7); } #contact { background: #eeeeee; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); padding: 10px 0; } #contact .contact-about h3 { font-size: 36px; margin: 0 0 10px 0; padding: 0; line-height: 1; font-family: "Montserrat", sans-serif; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #ff8800; } #contact .contact-about p { font-size: 14px; line-height: 16px; font-family: "Montserrat", sans-serif; color: #888; } #contact .social-links { padding-bottom: 20px; } #contact .social-links a { font-size: 18px; display: inline-block; background: #fff; color: #ff8800; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; border: 1px solid #ff8800; } #contact .social-links a:hover { background: #ff8800; color: #ffffff; } #contact .info { color: #000000; } #contact .info i { font-size: 24px; color: #ff8800; float: left; line-height: 1; } #contact .info p { padding: 0 0 0 42px; line-height: 14px; font-size: 12px; } #contact .form #sendmessage { color: #ff8800; border: 1px solid #1dc8cd; display: none; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #contact .form #errormessage { color: red; display: none; border: 1px solid red; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show { display: block; } #contact .form .validation { color: red; display: none; margin: 0 0 20px; font-weight: 400; font-size: 13px; } #contact .form input, #contact .form textarea { border-radius: 0; box-shadow: none; font-size: 14px; } #contact .form button[type="submit"] { background: #ff8800; border: 0; border-radius: 20px; padding: 8px 30px; color: #fff; } #contact .form button[type="submit"]:hover { background: #333333; cursor: pointer; } #hub .form #sendmessage { color: #ff8800; border: 1px solid #1dc8cd; display: none; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #hub .form #errormessage { color: red; display: none; border: 1px solid red; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px; } #hub .form #sendmessage.show, #hub .form #errormessage.show, #hub .form .show { display: block; } #hub .form .validation { color: red; display: none; margin: 0 0 20px; font-weight: 400; font-size: 13px; } #hub .form input, #contact .form textarea { border-radius: 0; box-shadow: none; font-size: 14px; } #hub .form button[type="submit"] { background: #007aad; border: 0; border-radius: 20px; padding: 8px 30px; color: #fff; } #hub .form button[type="submit"]:hover { background: #007ddd; cursor: pointer; } #footer { background: #007aad; color: #ffffff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); padding: 20px 0; font-size: 14px; } #footer .bar { text-align: center; border-bottom: 10px solid #ffff00; padding-bottom: 10px; } #footer .bar ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #footer .bar ul li { float: left; text-align: center; line-height: 36px; padding: 10px; } #footer .bar ul li a { display: block; text-decoration: none; color: #ffff00; font-size: 32px; } #footer .bar ul li a:hover { color: #ffffff; } #footer .footer-links { text-align: center; } #footer .footer-links ul { list-style: none; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; flex-wrap: wrap; display: flex; } #footer .footer-links ul li { flex: 1 0 20%; } #footer .footer-links a { color: #ff9900; padding-left: 15px; } #footer .footer-links a:first-child { padding-left: 0; } #footer .footer-links a:hover { color: #ffff00; } #footer .footerline { background-color: #ffffff; padding: 2px 0px 2px 0px; } #footer .copyright { text-align: center; } #footer .legal { margin-top: 10px; font-size: 8px; color: #cccccc; } #footer .version { text-align: center; margin-bottom: 15px; font-size: 6px; color: #ffffff; } #search-query { width: 75%; }