/* open-sans-300 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-300.woff2') format('woff2'); } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-regular.woff2') format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-700.woff2') format('woff2'); } body { font: 400 15px/33px "Open Sans", sans-serif; color: #808184; background: #eee; } .container { max-width: 1010px; } h1 { font-size: 30px; font-weight: 400; line-height: 40px; color: #555; margin-bottom: 25px; } h2, h3, h4, h5, h6 { font-weight: 400; color: #555; margin: 30px 0; line-height: 33px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } p { margin: 25px 0; } p.lead { line-height: 33px; } .text-white { color: white; } .text-black { color: black; } .textarea { margin: 30px 0; padding: 15px 20px; font-family: "Lucida Console", Monaco, monospace; font-size: 15px; line-height: 30px; white-space: pre; word-wrap: normal; overflow-x: scroll; } hr { margin: 50px 0; border: none; border-bottom: 2px solid #ccc; } .hr-orange { margin: 50px 0; border: none; border-bottom: 3px solid #FFC299; } pre { line-height: 30px; margin: 35px 0; } blockquote { font-size: 15px; line-height: 30px; margin: 35px 0; } header .navbar { border-radius: 0; margin-bottom: 0; background-color: #045395; border-color: #045395 /* Mobile toggle */ } header .navbar .navbar-brand { color: #f1f1f1; letter-spacing: 1px; } @media (max-width: 767px) { header .navbar .navbar-brand { width: 200px; position: relative; top: -6px; } } header .navbar .navbar-brand img { position: relative; top: 5px; } @media (min-width: 992px) { header .navbar .navbar-brand { font-size: 23px; padding-left: 20px; } } @media (min-width: 1200px) { header .navbar .navbar-brand { margin-right: 65px; } } header .navbar .navbar-toggle { background-color: transparent; border-color: transparent /*Icon (3 lines)*/ } header .navbar .navbar-toggle:hover, header .navbar .navbar-toggle:active, header .navbar .navbar-toggle:focus { background-color: transparent; border-color: transparent; } header .navbar .navbar-toggle .icon-bar { background-color: #fff; } header .navbar .navbar-toggle .icon-bar:hover { background-color: #fff; } header .navbar .navbar-nav li a { color: #a8e0ff; text-transform: uppercase; } @media (min-width: 768px) { header .navbar .navbar-nav li a { padding-top: 23px; padding-bottom: 23px; } } header .navbar .navbar-nav li a:hover, header .navbar .navbar-nav li a:focus { color: #F5FCFF; } @media (min-width: 992px) { header .navbar .navbar-nav li a { font-size: 14px; } } @media (min-width: 768px) and (max-width: 992px) { header .navbar .navbar-nav li a { padding-left: 10px; padding-right: 10px; } } header .navbar .navbar-nav .active { color: #fff; background: #03467D; } header .navbar .navbar-nav .active a { color: #fff; background: #03467D; } header .navbar .navbar-nav .active a:hover, header .navbar .navbar-nav .active a:focus { color: #fff; background: #033863; } header .navbar .dropdown.open .dropdown-toggle { background: #03467D; } header .navbar .dropdown.open .dropdown-menu li { color: #03467D; } header .navbar .dropdown.open .dropdown-menu li a { padding: 5px 15px; color: #03467D; } @media (max-width: 767px) { header .navbar .dropdown.open .dropdown-menu li { font-size: 15px; color: #a8e0ff; } header .navbar .dropdown.open .dropdown-menu li a { padding-left: 30px; color: #a8e0ff; } } @media (max-width: 767px) and (max-width: 767px) { header .navbar .dropdown.open .dropdown-menu li a:hover, header .navbar .dropdown.open .dropdown-menu li a:focus { color: #fff; } } @media (max-width: 767px) and (min-width: 768px) { header .navbar .dropdown.open .dropdown-menu li a:hover, header .navbar .dropdown.open .dropdown-menu li a:focus { color: #03467D; } } @media (min-width: 768px) { header .navbar-collapse { padding-left: 0; } } .search-section { background-color: #f9f7f8; padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; } .search-section img { position: relative; top: -2px; } .search-section .search-field * { height: 45px; } .search-section .search-field input { padding-left: 20px; } @media (min-width: 768px) { .search-section .search-field input { font-size: 15px; } } .search-section .search-field input:-moz-placeholder { color: #b7b7b7; } .search-section .search-field input:-ms-input-placeholder { color: #b7b7b7; } .search-section .search-field input::-moz-placeholder { color: #b7b7b7; } .search-section .search-field input::-webkit-input-placeholder { color: #b7b7b7; } @media (min-width: 768px) { .search-section .search-field .btn { font-size: 18px; } } .row-eq-height-md { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 992px) { .row-eq-height-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 992px) { .display-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .display-flex > * { min-width: 0; } .articles-section { margin-bottom: 40px; } .articles-section .content-wrap { border: 1px solid #ccc; background-color: #fff; } .articles-section .content-wrap .articles-col { padding: 20px 15px 30px 15px; width: 100%; } @media (min-width: 992px) { .articles-section .content-wrap .articles-col { padding: 30px 45px 20px 45px; border-right: 1px solid #ccc; } } @media (max-width: 991px) { .articles-section .content-wrap .articles-col { padding-bottom: 0; } } .articles-section .content-wrap .articles-col h1 { margin-top: 0; } .articles-section .content-wrap .articles-col .articles-item { margin-bottom: 35px; } @media (min-width: 992px) { .articles-section .content-wrap .articles-col .articles-item { margin-bottom: 50px; } } .articles-section .content-wrap .articles-col .articles-item:last-child { margin-bottom: 0; } .articles-section .content-wrap .articles-col .articles-item .preview-img-wrap { display: block; height: 250px; background-size: cover; background-position: center; border-radius: 5px; } .articles-section .content-wrap .articles-col .articles-item p { margin: 15px 0; } .articles-section .content-wrap .articles-col .articles-item h5 { font-size: 20px; line-height: 36px; margin-top: 0; margin-bottom: 0; } @media (max-width: 768px) { .articles-section .content-wrap .articles-col .articles-item h5 { margin-top: 15px; } } .articles-section .content-wrap .nav-col { padding: 30px 30px 30px 0; } @media (min-width: 992px) { .articles-section .content-wrap .nav-col { padding: 30px 60px 50px 30px; } } @media (max-width: 991px) { .articles-section .content-wrap .nav-col { padding: 40px 15px 0; } .articles-section .content-wrap .nav-col .nav-content-wrap { padding: 30px 15px 40px 15px; border-top: 1px solid #ccc; } } .articles-section .content-wrap .nav-col h5 { color: #555; font-size: 18px; margin: 5px 0 25px 0; } .container .jumbotron { background-image: url("images/bg-promo.jpg"); background-size: cover; } .container .jumbotron h1 { color: white; font-size: 40px; } .container .jumbotron p { font-size: 16px; max-width: 650px; } .container .jumbotron .btn { margin: 0 5px; } .homepage2 { background: #fff; } .homepage2 .search-section { margin-bottom: 0; } .homepage2 .page-title { background-color: #f9f9fb; padding: 40px 0; margin-bottom: 40px; border-top: 1px solid #f0eeef; } .homepage2 .page-title .title, .homepage2 .page-title .subtitle { margin-bottom: 10px; margin-top: 0; } .homepage2 .page-title .subtitle { font-size: 17px; color: #9b9b9d; } .homepage2 .banner-wrap { margin-bottom: 40px; } .homepage2 .tools-section .title { color: #000; font-weight: 600; font-size: 21px; margin-top: 0; } .homepage2 .tools-section .tool-panel { margin-top: 0; margin-bottom: 35px; } .homepage2 .tools-section .tool-panel .input-group { margin-bottom: 10px; } .homepage2 .tools-section .tool-panel .input-group .form-control { border-radius: 5px; } .homepage2 .tools-section .tool-panel .input-group .input-group-btn { padding-left: 5px; } .homepage2 .tools-section .tool-panel .input-group .input-group-btn .btn { border-radius: 5px; } .homepage2 .a2a_kit { text-align: center; margin-bottom: 50px; } .homepage2 .a2a_kit > a { float: none; display: inline-block; } .homepage2 .a2a_kit > a .a2a_svg { float: none; } footer { background-color: #fff; border-top: 1px solid #ccc; padding-top: 25px; padding-bottom: 20px; font-size: 15px; line-height: 30px; color: #9A9A9E; } footer p { margin: 10px 0; } .font-bold { font-weight: bold; } .font-normal { font-weight: normal; } .font-light { font-weight: 300; } .font-18 { font-size: 18px; } .font-20 { font-size: 20px; } .font-22 { font-size: 22px; } .font-24 { font-size: 24px; } .font-26 { font-size: 26px; } .font-28 { font-size: 28px; } .font-30 { font-size: 30px; } .m-b-standard { margin-bottom: 30px; } .m-b-0 { margin-bottom: 0; } .m-b-1 { margin-bottom: 10px; } .m-b-15 { margin-bottom: 15px; } .m-b-2 { margin-bottom: 20px; } .m-b-25 { margin-bottom: 25px; } .m-b-3 { margin-bottom: 30px; } .m-b-35 { margin-bottom: 35px; } .m-b-4 { margin-bottom: 40px; } .m-b-5 { margin-bottom: 50px; } .m-t-standard { margin-top: 30px; } .m-t-0 { margin-top: 0; } .m-t-1 { margin-top: 10px; } .m-t-15 { margin-top: 15px; } .m-t-2 { margin-top: 20px; } .m-t-25 { margin-top: 25px; } .m-t-3 { margin-top: 30px; } .m-t-35 { margin-top: 35px; } .m-t-4 { margin-top: 40px; } .m-t-5 { margin-top: 50px; } .panel { margin: 30px 0; } .panel-heading { padding: 8px 15px; } .breadcrumb { margin-bottom: 30px; } .btn-success, .btn-danger, .btn-warning, .btn-primary, .btn-default { padding-left: 20px; padding-right: 20px; } .alert { padding: 8px 12px 10px 12px; margin: 35px 0; } .alert p { margin-top: 10px; } .alert h4 { margin-bottom: 0; font-weight: bold; } .progress { height: 30px; margin: 25px 0; } .progress-bar { font-size: 15px; padding-top: 5px; } ul.list-group { margin: 30px 0; } ul.list-group-striped li:nth-child(odd) { background-color: #f9f9f9; } .table-responsive { margin: 25px 0 !important; } .table td, .table th { padding: 12px 15px !important; } @media (max-width: 480px) { .btn-block-xs-only { width: 100%; margin-bottom: 20px !important; } } .form-container { background: #f9f9f9; margin: 35px 0; padding: 15px 30px; border: 2px solid #f1f1f1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } @media (max-width: 991px) { .form-container { padding: 10px 15px; } } .form-container .alert { margin-top: 20px; margin-bottom: 20px; padding: 8px; } .form-container .form .form-group { margin-bottom: 20px; } .form-container .form p { margin: 10px 0; } .form-container .form p.label-title { margin: 10px 0; } .form-container .form .btn-form { margin: 15px 0 25px 0; } .scrolled-nav { border: 1px solid #ccc; overflow-x: auto; border-radius: 4px; margin-bottom: 30px; } @media (min-width: 992px) { .scrolled-nav { max-height: 330px; } } .scrolled-nav .nav-stacked-block { background-color: #fff; overflow: auto; white-space: nowrap; display: table; width: 100%; margin-bottom: 0; } .scrolled-nav .nav-stacked-block a { border-bottom: 1px solid #ccc; border-radius: 0; white-space: nowrap; padding: 10px 15px; display: block; } .scrolled-nav .nav-stacked-block a:last-child { border: none; } .scrolled-nav .nav-stacked-block a:hover, .scrolled-nav .nav-stacked-block a:focus { text-decoration: underline; } .scrolled-nav .nav-stacked-striped a:nth-child(odd) { background-color: #f9f9f9; } .simple-boxes { margin-bottom: 35px; background: #f9f9f9; border: 3px solid #ccc; padding: 15px 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .simple-boxes h4 { margin-top: 0; margin-bottom: 10px; font-weight: bold; font-size: 18px; } .simple-boxes p { margin-top: 0; margin-bottom: 5px; } .sticky-bar { position: fixed; display: block; top: 0; left: 0; width: 100%; background-color: #0275d8; z-index: 2; text-align: center; height: 34px; font-weight: bold; color: #fff; border-bottom: 1px solid #0267C0; } .sticky-bar:hover, .sticky-bar:focus { text-decoration: none; color: #fff; opacity: .95; } body.banner-offset { padding-top: 34px; } .try-now-block { margin-bottom: 35px; } .try-now-block h4 { margin-top: 0; margin-bottom: 10px; } .try-now-block p { margin-top: 0; margin-bottom: 20px; } .try-now-block .btn { min-width: 120px; } .sponsors-block { background-color: #ecf5ff; padding-top: 10px; padding-bottom: 0px; } .sponsors-block ul { margin-bottom: 0; } @media (max-width: 767px) { .sponsors-block ul li { width: 45%; } } .sponsors-block ul li a { display: inline-block; } @media (min-width: 992px) { .sponsors-block ul li a { padding-left: 25px; padding-right: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .sponsors-block ul li a { width: 150px; padding-left: 10px; padding-right: 10px; } } .sponsors-block ul li a img { max-height: 60px; margin: 0 auto; }