You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

12888 lines
244 KiB

  1. /*!
  2. * Bootstrap v4.0.0 (https://getbootstrap.com)
  3. * Copyright 2011-2018 The Bootstrap Authors
  4. * Copyright 2011-2018 Twitter, Inc.
  5. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  6. */
  7. @media screen and (min-width:992px) {
  8. .navbar .container-fluid {
  9. width: 100%;
  10. padding-right: 115px;
  11. padding-left: 40px;
  12. margin-right: auto;
  13. margin-left: auto
  14. }
  15. }
  16. .accordionsidebar.current .docs-title {
  17. background-color: #1a3666
  18. }
  19. .accordionsidebar.current .docs-title .question-title,header #navbarLogin .signin .nav-link.dropdown-toggle {
  20. color: #fff
  21. }
  22. [data-wipe] {
  23. display: inline-block;
  24. padding: 12px 18px;
  25. text-decoration: none;
  26. position: relative;
  27. text-transform: uppercase;
  28. letter-spacing: .1em;
  29. text-align: left;
  30. color: #445561;
  31. overflow: hidden
  32. }
  33. [data-wipe]:after,[data-wipe]:before {
  34. padding-top: inherit;
  35. padding-bottom: inherit;
  36. white-space: nowrap;
  37. position: absolute;
  38. top: 0;
  39. overflow: hidden;
  40. color: #f1f1f2;
  41. background: #1a3666
  42. }
  43. [data-wipe]:before {
  44. left: 0;
  45. width: 0
  46. }
  47. [data-wipe]:after {
  48. transition: .2s ease-in-out
  49. }
  50. [data-wipe]:hover:before {
  51. width: 100%;
  52. transition: width .2s ease-in-out
  53. }
  54. [data-wipe]:hover:after {
  55. transition: 0s .2s ease-in-out
  56. }
  57. #navbarLogin .dropdown.nav-item a::after {
  58. position: absolute;
  59. top: 50%;
  60. margin-top: -2px;
  61. content: '';
  62. display: inline-block;
  63. width: 0;
  64. height: 0;
  65. border-color: #242b33 transparent transparent;
  66. border-top-style: solid;
  67. border-bottom-width: 0;
  68. margin-bottom: -2px;
  69. margin-left: 7px
  70. }
  71. .dropdown-menu.license-dropdown li:after,template {
  72. display: none
  73. }
  74. .dropdown-menu.license-dropdown li {
  75. -moz-transition: color 2s ease-out;
  76. -o-transition: color 2s ease-out
  77. }
  78. header #navbarLogin .dropdown-menu.license-dropdown li a:hover {
  79. background: #1a3867;
  80. color: #fff
  81. }
  82. .header #navbarLogin .nav-link.signin-openvpn {
  83. letter-spacing: 3.5px;
  84. font-weight: 600;
  85. border-left: 2px solid #ed7e22
  86. }
  87. .header #navbarLogin .nav-link.signin-openvpn sup {
  88. letter-spacing: 2px
  89. }
  90. .navbar.navbar-light {
  91. background: #fff
  92. }
  93. .dropdown-menu.license-dropdown {
  94. min-width: 198px
  95. }
  96. .dashboard-cols-2 a {
  97. color: #6b6c6f
  98. }
  99. .dropdown-menu.license-dropdown a,.navbar-expand-lg .navbar-nav #navbarLogin a.nav-link.signin-openvpn {
  100. padding-left: 0!important;
  101. padding-right: 0!important
  102. }
  103. .cloud-ui-image img {
  104. max-width: 100%;
  105. height: auto
  106. }
  107. .h2 a,h2.h2 {
  108. display: block;
  109. margin-bottom: 20px;
  110. float: none;
  111. color: #000;
  112. font-size: 28px;
  113. line-height: 40px;
  114. font-weight: 300;
  115. text-align: left;
  116. text-transform: inherit
  117. }
  118. .doc-paragraph,.doc-paragraph h2,.doc-paragraph h3,.doc-paragraph p,.h2 a,.list-container p,h2.h2 {
  119. font-family: Roboto,sans-serif
  120. }
  121. .cloud-main-wrap a:hover,.navbar .navbar-text a:hover {
  122. text-decoration: none
  123. }
  124. .list-container {
  125. padding-top: 50px
  126. }
  127. .signin .nav-link.dropdown-toggle {
  128. background-color: #ed7f22;
  129. color: #fff
  130. }
  131. #navbarLogin .dropdown.nav-item.signin a::after {
  132. border-color: #fff transparent transparent
  133. }
  134. @media screen and (max-width:991px) {
  135. .inside-icon-cats {
  136. display: none
  137. }
  138. .fixed-top .navbar {
  139. background: #fff
  140. }
  141. .column-23 {
  142. padding-top: 0;
  143. margin-bottom: 10px
  144. }
  145. .list-container {
  146. padding-top: 0!important
  147. }
  148. .mobile-dropdown-inside-wrapper {
  149. display: block;
  150. height: auto;
  151. max-width: 100%
  152. }
  153. }
  154. @media screen and (min-width:992px) {
  155. .navbar .signin .nav-link {
  156. padding: .85rem!important
  157. }
  158. .single-docs-master-container {
  159. top: 100px
  160. }
  161. .dropdown-menu.business {
  162. width: 70%
  163. }
  164. .navbar-expand-lg .navbar-nav .dropdown-menu.license-dropdown {
  165. padding: 0;
  166. right: 0!important;
  167. left: auto;
  168. min-width: 198px
  169. }
  170. .navbar-expand-lg .navbar-nav {
  171. height: 100%
  172. }
  173. .navbar-expand-lg .navbar-nav .nav-link {
  174. padding: 14px 1rem
  175. }
  176. .navbar.cloud-docs-cats {
  177. display: none
  178. }
  179. .docs-sticky-nav.breadcrumb-and-search {
  180. position: sticky;
  181. top: 100px
  182. }
  183. .signin-nav {
  184. height: 40px
  185. }
  186. .navbar-default .container-fluid {
  187. max-height: 60px
  188. }
  189. }
  190. header #navbarLogin .nav-link.cta-link {
  191. border-bottom: 2px solid;
  192. border-color: #1a3867
  193. }
  194. .dropdown-menu.license-dropdown li:hover,.nav-link.dropdown-toggle:hover {
  195. cursor: pointer
  196. }
  197. @media screen and (min-width:992px) {
  198. .navbar-expand-lg .navbar-nav .nav-link {
  199. padding-bottom: .2rem
  200. }
  201. }
  202. :root {
  203. --blue: #007bff;
  204. --indigo: #6610f2;
  205. --purple: #6f42c1;
  206. --pink: #e83e8c;
  207. --red: #dc3545;
  208. --orange: #fd7e14;
  209. --yellow: #ffc107;
  210. --green: #28a745;
  211. --teal: #20c997;
  212. --cyan: #17a2b8;
  213. --white: #fff;
  214. --gray: #6c757d;
  215. --gray-dark: #343a40;
  216. --primary: #ED7F22;
  217. --secondary: #1A3867;
  218. --success: #28a745;
  219. --info: #B4B4B4;
  220. --warning: #ffc107;
  221. --danger: #dc3545;
  222. --light: #f8f9fa;
  223. --dark: #343a40;
  224. --tertiary: #1A3867;
  225. --breakpoint-xs: 0;
  226. --breakpoint-sm: 576px;
  227. --breakpoint-md: 768px;
  228. --breakpoint-lg: 992px;
  229. --breakpoint-xl: 1200px;
  230. --font-family-sans-serif: "Poppins", sans-serif;
  231. --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
  232. }
  233. *,::after,::before {
  234. box-sizing: border-box
  235. }
  236. html {
  237. font-family: sans-serif;
  238. line-height: 1.15;
  239. -webkit-text-size-adjust: 100%;
  240. -ms-text-size-adjust: 100%;
  241. -ms-overflow-style: scrollbar;
  242. -webkit-tap-highlight-color: transparent
  243. }
  244. @-ms-viewport {
  245. width:device-width
  246. }
  247. article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
  248. display: block
  249. }
  250. body {
  251. margin: 0;
  252. font-family: "Poppins",sans-serif;
  253. font-size: 1rem;
  254. font-weight: 400;
  255. line-height: 1.5;
  256. color: #212529;
  257. text-align: left;
  258. background-color: #fff
  259. }
  260. [tabindex="-1"]:focus {
  261. outline: 0!important
  262. }
  263. address,hr {
  264. margin-bottom: 1rem
  265. }
  266. hr {
  267. box-sizing: content-box;
  268. height: 0;
  269. overflow: visible;
  270. margin-top: 1rem;
  271. border: 0;
  272. border-top: 1px solid rgba(0,0,0,.1)
  273. }
  274. dl,h1,h2,h3,h4,h5,h6,ol,p,ul {
  275. margin-top: 0
  276. }
  277. dl,ol,p,ul {
  278. margin-bottom: 1rem
  279. }
  280. abbr[data-original-title],abbr[title] {
  281. text-decoration: underline dotted;
  282. cursor: help;
  283. border-bottom: 0
  284. }
  285. address {
  286. font-style: normal;
  287. line-height: inherit
  288. }
  289. ol ol,ol ul,ul ol,ul ul {
  290. margin-bottom: 0
  291. }
  292. dt {
  293. font-weight: 700
  294. }
  295. dd {
  296. margin-bottom: .5rem;
  297. margin-left: 0
  298. }
  299. blockquote,figure {
  300. margin: 0 0 1rem
  301. }
  302. dfn {
  303. font-style: italic
  304. }
  305. b,strong {
  306. font-weight: bolder
  307. }
  308. sub,sup {
  309. position: relative;
  310. font-size: 75%;
  311. line-height: 0;
  312. vertical-align: baseline
  313. }
  314. sub {
  315. bottom: -.25em
  316. }
  317. sup {
  318. top: -.5em
  319. }
  320. a {
  321. color: #ed7f22;
  322. text-decoration: none;
  323. background-color: transparent;
  324. -webkit-text-decoration-skip: objects
  325. }
  326. a:hover {
  327. color: #b45a0f;
  328. text-decoration: underline
  329. }
  330. a:not([href]):not([tabindex]) {
  331. color: inherit;
  332. text-decoration: none
  333. }
  334. a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
  335. color: inherit;
  336. text-decoration: none
  337. }
  338. a:not([href]):not([tabindex]):focus {
  339. outline: 0
  340. }
  341. samp {
  342. font-size: 1em
  343. }
  344. pre {
  345. margin-top: 0;
  346. margin-bottom: 1rem;
  347. overflow: auto;
  348. -ms-overflow-style: scrollbar
  349. }
  350. img {
  351. vertical-align: middle;
  352. border-style: none
  353. }
  354. svg:not(:root) {
  355. overflow: hidden
  356. }
  357. table {
  358. border-collapse: collapse
  359. }
  360. caption {
  361. padding-top: .75rem;
  362. padding-bottom: .75rem;
  363. color: #6c757d;
  364. text-align: left;
  365. caption-side: bottom
  366. }
  367. th {
  368. text-align: inherit
  369. }
  370. label {
  371. display: inline-block;
  372. margin-bottom: .5rem;
  373. color: #1a3867;
  374. text-transform: uppercase;
  375. font-size: .75rem
  376. }
  377. button {
  378. border-radius: 0
  379. }
  380. button:focus {
  381. outline: 1px dotted;
  382. outline: 5px auto -webkit-focus-ring-color
  383. }
  384. button,input,optgroup,select,textarea {
  385. margin: 0;
  386. font-family: inherit;
  387. font-size: inherit;
  388. line-height: inherit
  389. }
  390. button,input {
  391. overflow: visible
  392. }
  393. button,select {
  394. text-transform: none
  395. }
  396. [type=reset],[type=submit],button,html [type=button] {
  397. -webkit-appearance: button
  398. }
  399. [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  400. padding: 0;
  401. border-style: none
  402. }
  403. input[type=checkbox],input[type=radio] {
  404. box-sizing: border-box;
  405. padding: 0
  406. }
  407. input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
  408. -webkit-appearance: listbox
  409. }
  410. textarea {
  411. overflow: auto;
  412. resize: vertical
  413. }
  414. fieldset {
  415. min-width: 0;
  416. padding: 0;
  417. margin: 0;
  418. border: 0
  419. }
  420. legend {
  421. display: block;
  422. width: 100%;
  423. max-width: 100%;
  424. padding: 0;
  425. margin-bottom: .5rem;
  426. font-size: 1.5rem;
  427. line-height: inherit;
  428. color: inherit;
  429. white-space: normal
  430. }
  431. progress {
  432. vertical-align: baseline
  433. }
  434. [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  435. height: auto
  436. }
  437. [type=search] {
  438. outline-offset: -2px;
  439. -webkit-appearance: none
  440. }
  441. [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  442. -webkit-appearance: none
  443. }
  444. ::-webkit-file-upload-button {
  445. font: inherit;
  446. -webkit-appearance: button
  447. }
  448. output {
  449. display: inline-block
  450. }
  451. summary {
  452. display: list-item;
  453. cursor: pointer
  454. }
  455. [hidden] {
  456. display: none!important
  457. }
  458. .h1,h1,h4 {
  459. margin-bottom: .5rem;
  460. font-family: inherit;
  461. line-height: 1.2;
  462. color: inherit
  463. }
  464. .h2,.h3,h2,h3,h5,h6 {
  465. font-weight: 500
  466. }
  467. .h2,.h3,.h4,.h5,.h6,h2,h3,h5,h6 {
  468. margin-bottom: .5rem;
  469. font-family: inherit;
  470. line-height: 1.2;
  471. color: inherit
  472. }
  473. .h5,.h6 {
  474. font-weight: 500
  475. }
  476. .h1,.solutions-content .solution-box.centered-content h1,h1 {
  477. font-size: 1.875rem
  478. }
  479. .h2,h2 {
  480. font-size: 1.125rem
  481. }
  482. .h3,h3 {
  483. font-size: .9375rem
  484. }
  485. .h4,h4 {
  486. font-size: .875rem
  487. }
  488. .h5,h5 {
  489. font-size: .75rem
  490. }
  491. .h6,h6 {
  492. font-size: 1rem
  493. }
  494. .display-1,.lead {
  495. font-size: 1.25rem;
  496. font-weight: 300
  497. }
  498. .display-1 {
  499. font-size: 6rem;
  500. line-height: 1.2
  501. }
  502. .display-2,.display-3,.display-4 {
  503. font-size: 5.5rem;
  504. font-weight: 300;
  505. line-height: 1.2
  506. }
  507. .display-3,.display-4 {
  508. font-size: 4.5rem
  509. }
  510. .display-4 {
  511. font-size: 3.5rem
  512. }
  513. .small,small {
  514. font-size: 80%;
  515. font-weight: 400
  516. }
  517. .mark,mark {
  518. padding: .2em;
  519. background-color: #fcf8e3
  520. }
  521. .list-inline,.list-unstyled {
  522. padding-left: 0;
  523. list-style: none
  524. }
  525. .list-inline-item {
  526. display: inline-block
  527. }
  528. .list-inline-item:not(:last-child) {
  529. margin-right: .5rem
  530. }
  531. .initialism {
  532. font-size: 90%;
  533. text-transform: uppercase
  534. }
  535. .blockquote {
  536. margin-bottom: 1rem;
  537. font-size: 1.25rem
  538. }
  539. .blockquote-footer {
  540. display: block;
  541. font-size: 80%;
  542. color: #6c757d
  543. }
  544. .blockquote-footer::before {
  545. content: "\2014 \00A0"
  546. }
  547. .h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6 {
  548. text-transform: uppercase
  549. }
  550. .h1,h1 {
  551. font-weight: 300
  552. }
  553. .h4,h4 {
  554. font-weight: 600
  555. }
  556. p {
  557. font-family: 'Raleway',sans-serif;
  558. font-size: .875rem
  559. }
  560. .img-fluid,.img-thumbnail {
  561. max-width: 100%;
  562. height: auto
  563. }
  564. .img-thumbnail {
  565. padding: .25rem;
  566. background-color: #fff;
  567. border: 1px solid #dee2e6;
  568. border-radius: .25rem
  569. }
  570. .figure,header .dropdown-menu ul {
  571. display: inline-block
  572. }
  573. .figure-img {
  574. margin-bottom: .5rem;
  575. line-height: 1
  576. }
  577. .figure-caption {
  578. font-size: 90%;
  579. color: #6c757d
  580. }
  581. code,kbd,pre,samp {
  582. font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace
  583. }
  584. code {
  585. word-break: break-word
  586. }
  587. a>code,pre code {
  588. color: inherit
  589. }
  590. kbd,pre {
  591. font-size: 87.5%
  592. }
  593. kbd {
  594. padding: .2rem .4rem;
  595. color: #fff;
  596. background-color: #212529;
  597. border-radius: .2rem
  598. }
  599. kbd kbd {
  600. padding: 0;
  601. font-size: 100%;
  602. font-weight: 700
  603. }
  604. pre {
  605. display: block;
  606. color: #212529
  607. }
  608. pre code {
  609. font-size: inherit;
  610. word-break: normal
  611. }
  612. .pre-scrollable {
  613. max-height: 340px;
  614. overflow-y: scroll
  615. }
  616. .container {
  617. width: 100%;
  618. padding-right: 15px;
  619. padding-left: 15px;
  620. margin-right: auto;
  621. margin-left: auto
  622. }
  623. @media (min-width:576px) {
  624. .container {
  625. max-width: 540px
  626. }
  627. }
  628. @media (min-width:768px) {
  629. .container {
  630. max-width: 720px
  631. }
  632. }
  633. @media (min-width:992px) {
  634. .container {
  635. max-width: 960px
  636. }
  637. }
  638. @media (min-width:1200px) {
  639. .container {
  640. max-width: 1140px
  641. }
  642. }
  643. .container-fluid {
  644. width: 100%;
  645. padding-right: 15px;
  646. padding-left: 15px;
  647. margin-right: auto;
  648. margin-left: auto
  649. }
  650. .row {
  651. display: flex;
  652. flex-wrap: wrap;
  653. margin-right: -15px;
  654. margin-left: -15px
  655. }
  656. .card>hr,.no-gutters {
  657. margin-right: 0;
  658. margin-left: 0
  659. }
  660. .no-gutters>.col,.no-gutters>[class*=col-] {
  661. padding-right: 0;
  662. padding-left: 0
  663. }
  664. .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9 {
  665. position: relative;
  666. width: 100%;
  667. min-height: 1px;
  668. padding-right: 15px;
  669. padding-left: 15px
  670. }
  671. .col-auto {
  672. position: relative;
  673. min-height: 1px;
  674. padding-right: 15px;
  675. padding-left: 15px
  676. }
  677. .col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
  678. position: relative;
  679. width: 100%;
  680. min-height: 1px;
  681. padding-right: 15px;
  682. padding-left: 15px
  683. }
  684. .col {
  685. flex-basis: 0;
  686. flex-grow: 1;
  687. max-width: 100%
  688. }
  689. .col-auto {
  690. flex: 0 0 auto;
  691. width: auto;
  692. max-width: none
  693. }
  694. .col-1 {
  695. flex: 0 0 8.3333333333%;
  696. max-width: 8.3333333333%
  697. }
  698. .col-2 {
  699. flex: 0 0 16.6666666667%;
  700. max-width: 16.6666666667%
  701. }
  702. .col-3 {
  703. flex: 0 0 25%;
  704. max-width: 25%
  705. }
  706. .col-4 {
  707. flex: 0 0 33.3333333333%;
  708. max-width: 33.3333333333%
  709. }
  710. .col-5 {
  711. flex: 0 0 41.6666666667%;
  712. max-width: 41.6666666667%
  713. }
  714. .col-6 {
  715. flex: 0 0 50%;
  716. max-width: 50%
  717. }
  718. .col-7 {
  719. flex: 0 0 58.3333333333%;
  720. max-width: 58.3333333333%
  721. }
  722. .col-8 {
  723. flex: 0 0 66.6666666667%;
  724. max-width: 66.6666666667%
  725. }
  726. .col-9 {
  727. flex: 0 0 75%;
  728. max-width: 75%
  729. }
  730. .col-10 {
  731. flex: 0 0 83.3333333333%;
  732. max-width: 83.3333333333%
  733. }
  734. .col-11 {
  735. flex: 0 0 91.6666666667%;
  736. max-width: 91.6666666667%
  737. }
  738. .col-12 {
  739. flex: 0 0 100%;
  740. max-width: 100%
  741. }
  742. .order-first {
  743. order: -1
  744. }
  745. .order-last {
  746. order: 13
  747. }
  748. .order-0 {
  749. order: 0
  750. }
  751. .order-1 {
  752. order: 1
  753. }
  754. .order-2 {
  755. order: 2
  756. }
  757. .order-3 {
  758. order: 3
  759. }
  760. .order-4 {
  761. order: 4
  762. }
  763. .order-5 {
  764. order: 5
  765. }
  766. .order-6 {
  767. order: 6
  768. }
  769. .order-7 {
  770. order: 7
  771. }
  772. .order-8 {
  773. order: 8
  774. }
  775. .order-9 {
  776. order: 9
  777. }
  778. .order-10 {
  779. order: 10
  780. }
  781. .order-11 {
  782. order: 11
  783. }
  784. .order-12 {
  785. order: 12
  786. }
  787. .offset-1 {
  788. margin-left: 8.3333333333%
  789. }
  790. .offset-2 {
  791. margin-left: 16.6666666667%
  792. }
  793. .offset-3 {
  794. margin-left: 25%
  795. }
  796. .offset-4 {
  797. margin-left: 33.3333333333%
  798. }
  799. .offset-5 {
  800. margin-left: 41.6666666667%
  801. }
  802. .offset-6 {
  803. margin-left: 50%
  804. }
  805. .offset-7 {
  806. margin-left: 58.3333333333%
  807. }
  808. .offset-8 {
  809. margin-left: 66.6666666667%
  810. }
  811. .offset-9 {
  812. margin-left: 75%
  813. }
  814. .offset-10 {
  815. margin-left: 83.3333333333%
  816. }
  817. .offset-11 {
  818. margin-left: 91.6666666667%
  819. }
  820. @media (min-width:576px) {
  821. .col-sm {
  822. flex-basis: 0;
  823. flex-grow: 1;
  824. max-width: 100%
  825. }
  826. .col-sm-auto {
  827. flex: 0 0 auto;
  828. width: auto;
  829. max-width: none
  830. }
  831. .col-sm-1 {
  832. flex: 0 0 8.3333333333%;
  833. max-width: 8.3333333333%
  834. }
  835. .col-sm-2 {
  836. flex: 0 0 16.6666666667%;
  837. max-width: 16.6666666667%
  838. }
  839. .col-sm-3 {
  840. flex: 0 0 25%;
  841. max-width: 25%
  842. }
  843. .col-sm-4 {
  844. flex: 0 0 33.3333333333%;
  845. max-width: 33.3333333333%
  846. }
  847. .col-sm-5 {
  848. flex: 0 0 41.6666666667%;
  849. max-width: 41.6666666667%
  850. }
  851. .col-sm-6 {
  852. flex: 0 0 50%;
  853. max-width: 50%
  854. }
  855. .col-sm-7 {
  856. flex: 0 0 58.3333333333%;
  857. max-width: 58.3333333333%
  858. }
  859. .col-sm-8 {
  860. flex: 0 0 66.6666666667%;
  861. max-width: 66.6666666667%
  862. }
  863. .col-sm-9 {
  864. flex: 0 0 75%;
  865. max-width: 75%
  866. }
  867. .col-sm-10 {
  868. flex: 0 0 83.3333333333%;
  869. max-width: 83.3333333333%
  870. }
  871. .col-sm-11 {
  872. flex: 0 0 91.6666666667%;
  873. max-width: 91.6666666667%
  874. }
  875. .col-sm-12 {
  876. flex: 0 0 100%;
  877. max-width: 100%
  878. }
  879. .order-sm-first {
  880. order: -1
  881. }
  882. .order-sm-last {
  883. order: 13
  884. }
  885. .order-sm-0 {
  886. order: 0
  887. }
  888. .order-sm-1 {
  889. order: 1
  890. }
  891. .order-sm-2 {
  892. order: 2
  893. }
  894. .order-sm-3 {
  895. order: 3
  896. }
  897. .order-sm-4 {
  898. order: 4
  899. }
  900. .order-sm-5 {
  901. order: 5
  902. }
  903. .order-sm-6 {
  904. order: 6
  905. }
  906. .order-sm-7 {
  907. order: 7
  908. }
  909. .order-sm-8 {
  910. order: 8
  911. }
  912. .order-sm-9 {
  913. order: 9
  914. }
  915. .order-sm-10 {
  916. order: 10
  917. }
  918. .order-sm-11 {
  919. order: 11
  920. }
  921. .order-sm-12 {
  922. order: 12
  923. }
  924. .offset-sm-0 {
  925. margin-left: 0
  926. }
  927. .offset-sm-1 {
  928. margin-left: 8.3333333333%
  929. }
  930. .offset-sm-2 {
  931. margin-left: 16.6666666667%
  932. }
  933. .offset-sm-3 {
  934. margin-left: 25%
  935. }
  936. .offset-sm-4 {
  937. margin-left: 33.3333333333%
  938. }
  939. .offset-sm-5 {
  940. margin-left: 41.6666666667%
  941. }
  942. .offset-sm-6 {
  943. margin-left: 50%
  944. }
  945. .offset-sm-7 {
  946. margin-left: 58.3333333333%
  947. }
  948. .offset-sm-8 {
  949. margin-left: 66.6666666667%
  950. }
  951. .offset-sm-9 {
  952. margin-left: 75%
  953. }
  954. .offset-sm-10 {
  955. margin-left: 83.3333333333%
  956. }
  957. .offset-sm-11 {
  958. margin-left: 91.6666666667%
  959. }
  960. }
  961. @media (min-width:768px) {
  962. .col-md {
  963. flex-basis: 0;
  964. flex-grow: 1;
  965. max-width: 100%
  966. }
  967. .col-md-auto {
  968. flex: 0 0 auto;
  969. width: auto;
  970. max-width: none
  971. }
  972. .col-md-1 {
  973. flex: 0 0 8.3333333333%;
  974. max-width: 8.3333333333%
  975. }
  976. .col-md-2 {
  977. flex: 0 0 16.6666666667%;
  978. max-width: 16.6666666667%
  979. }
  980. .col-md-3 {
  981. flex: 0 0 25%;
  982. max-width: 25%
  983. }
  984. .col-md-4 {
  985. flex: 0 0 33.3333333333%;
  986. max-width: 33.3333333333%
  987. }
  988. .col-md-5 {
  989. flex: 0 0 41.6666666667%;
  990. max-width: 41.6666666667%
  991. }
  992. .col-md-6 {
  993. flex: 0 0 50%;
  994. max-width: 50%
  995. }
  996. .col-md-7 {
  997. flex: 0 0 58.3333333333%;
  998. max-width: 58.3333333333%
  999. }
  1000. .col-md-8 {
  1001. flex: 0 0 66.6666666667%;
  1002. max-width: 66.6666666667%
  1003. }
  1004. .col-md-9 {
  1005. flex: 0 0 75%;
  1006. max-width: 75%
  1007. }
  1008. .col-md-10 {
  1009. flex: 0 0 83.3333333333%;
  1010. max-width: 83.3333333333%
  1011. }
  1012. .col-md-11 {
  1013. flex: 0 0 91.6666666667%;
  1014. max-width: 91.6666666667%
  1015. }
  1016. .col-md-12 {
  1017. flex: 0 0 100%;
  1018. max-width: 100%
  1019. }
  1020. .order-md-first {
  1021. order: -1
  1022. }
  1023. .order-md-last {
  1024. order: 13
  1025. }
  1026. .order-md-0 {
  1027. order: 0
  1028. }
  1029. .order-md-1 {
  1030. order: 1
  1031. }
  1032. .order-md-2 {
  1033. order: 2
  1034. }
  1035. .order-md-3 {
  1036. order: 3
  1037. }
  1038. .order-md-4 {
  1039. order: 4
  1040. }
  1041. .order-md-5 {
  1042. order: 5
  1043. }
  1044. .order-md-6 {
  1045. order: 6
  1046. }
  1047. .order-md-7 {
  1048. order: 7
  1049. }
  1050. .order-md-8 {
  1051. order: 8
  1052. }
  1053. .order-md-9 {
  1054. order: 9
  1055. }
  1056. .order-md-10 {
  1057. order: 10
  1058. }
  1059. .order-md-11 {
  1060. order: 11
  1061. }
  1062. .order-md-12 {
  1063. order: 12
  1064. }
  1065. .offset-md-0 {
  1066. margin-left: 0
  1067. }
  1068. .offset-md-1 {
  1069. margin-left: 8.3333333333%
  1070. }
  1071. .offset-md-2 {
  1072. margin-left: 16.6666666667%
  1073. }
  1074. .offset-md-3 {
  1075. margin-left: 25%
  1076. }
  1077. .offset-md-4 {
  1078. margin-left: 33.3333333333%
  1079. }
  1080. .offset-md-5 {
  1081. margin-left: 41.6666666667%
  1082. }
  1083. .offset-md-6 {
  1084. margin-left: 50%
  1085. }
  1086. .offset-md-7 {
  1087. margin-left: 58.3333333333%
  1088. }
  1089. .offset-md-8 {
  1090. margin-left: 66.6666666667%
  1091. }
  1092. .offset-md-9 {
  1093. margin-left: 75%
  1094. }
  1095. .offset-md-10 {
  1096. margin-left: 83.3333333333%
  1097. }
  1098. .offset-md-11 {
  1099. margin-left: 91.6666666667%
  1100. }
  1101. }
  1102. @media (min-width:992px) {
  1103. .col-lg {
  1104. flex-basis: 0;
  1105. flex-grow: 1;
  1106. max-width: 100%
  1107. }
  1108. .col-lg-auto {
  1109. flex: 0 0 auto;
  1110. width: auto;
  1111. max-width: none
  1112. }
  1113. .col-lg-1 {
  1114. flex: 0 0 8.3333333333%;
  1115. max-width: 8.3333333333%
  1116. }
  1117. .col-lg-2 {
  1118. flex: 0 0 16.6666666667%;
  1119. max-width: 16.6666666667%
  1120. }
  1121. .col-lg-3 {
  1122. flex: 0 0 25%;
  1123. max-width: 25%
  1124. }
  1125. .col-lg-4 {
  1126. flex: 0 0 33.3333333333%;
  1127. max-width: 33.3333333333%
  1128. }
  1129. .col-lg-5 {
  1130. flex: 0 0 41.6666666667%;
  1131. max-width: 41.6666666667%
  1132. }
  1133. .col-lg-6 {
  1134. flex: 0 0 50%;
  1135. max-width: 50%
  1136. }
  1137. .col-lg-7 {
  1138. flex: 0 0 58.3333333333%;
  1139. max-width: 58.3333333333%
  1140. }
  1141. .col-lg-8 {
  1142. flex: 0 0 66.6666666667%;
  1143. max-width: 66.6666666667%
  1144. }
  1145. .col-lg-9 {
  1146. flex: 0 0 75%;
  1147. max-width: 75%
  1148. }
  1149. .col-lg-10 {
  1150. flex: 0 0 83.3333333333%;
  1151. max-width: 83.3333333333%
  1152. }
  1153. .col-lg-11 {
  1154. flex: 0 0 91.6666666667%;
  1155. max-width: 91.6666666667%
  1156. }
  1157. .col-lg-12 {
  1158. flex: 0 0 100%;
  1159. max-width: 100%
  1160. }
  1161. .order-lg-first {
  1162. order: -1
  1163. }
  1164. .order-lg-last {
  1165. order: 13
  1166. }
  1167. .order-lg-0 {
  1168. order: 0
  1169. }
  1170. .order-lg-1 {
  1171. order: 1
  1172. }
  1173. .order-lg-2 {
  1174. order: 2
  1175. }
  1176. .order-lg-3 {
  1177. order: 3
  1178. }
  1179. .order-lg-4 {
  1180. order: 4
  1181. }
  1182. .order-lg-5 {
  1183. order: 5
  1184. }
  1185. .order-lg-6 {
  1186. order: 6
  1187. }
  1188. .order-lg-7 {
  1189. order: 7
  1190. }
  1191. .order-lg-8 {
  1192. order: 8
  1193. }
  1194. .order-lg-9 {
  1195. order: 9
  1196. }
  1197. .order-lg-10 {
  1198. order: 10
  1199. }
  1200. .order-lg-11 {
  1201. order: 11
  1202. }
  1203. .order-lg-12 {
  1204. order: 12
  1205. }
  1206. .offset-lg-0 {
  1207. margin-left: 0
  1208. }
  1209. .offset-lg-1 {
  1210. margin-left: 8.3333333333%
  1211. }
  1212. .offset-lg-2 {
  1213. margin-left: 16.6666666667%
  1214. }
  1215. .offset-lg-3 {
  1216. margin-left: 25%
  1217. }
  1218. .offset-lg-4 {
  1219. margin-left: 33.3333333333%
  1220. }
  1221. .offset-lg-5 {
  1222. margin-left: 41.6666666667%
  1223. }
  1224. .offset-lg-6 {
  1225. margin-left: 50%
  1226. }
  1227. .offset-lg-7 {
  1228. margin-left: 58.3333333333%
  1229. }
  1230. .offset-lg-8 {
  1231. margin-left: 66.6666666667%
  1232. }
  1233. .offset-lg-9 {
  1234. margin-left: 75%
  1235. }
  1236. .offset-lg-10 {
  1237. margin-left: 83.3333333333%
  1238. }
  1239. .offset-lg-11 {
  1240. margin-left: 91.6666666667%
  1241. }
  1242. }
  1243. @media (min-width:1200px) {
  1244. .col-xl {
  1245. flex-basis: 0;
  1246. flex-grow: 1;
  1247. max-width: 100%
  1248. }
  1249. .col-xl-auto {
  1250. flex: 0 0 auto;
  1251. width: auto;
  1252. max-width: none
  1253. }
  1254. .col-xl-1 {
  1255. flex: 0 0 8.3333333333%;
  1256. max-width: 8.3333333333%
  1257. }
  1258. .col-xl-2 {
  1259. flex: 0 0 16.6666666667%;
  1260. max-width: 16.6666666667%
  1261. }
  1262. .col-xl-3 {
  1263. flex: 0 0 25%;
  1264. max-width: 25%
  1265. }
  1266. .col-xl-4 {
  1267. flex: 0 0 33.3333333333%;
  1268. max-width: 33.3333333333%
  1269. }
  1270. .col-xl-5 {
  1271. flex: 0 0 41.6666666667%;
  1272. max-width: 41.6666666667%
  1273. }
  1274. .col-xl-6 {
  1275. flex: 0 0 50%;
  1276. max-width: 50%
  1277. }
  1278. .col-xl-7 {
  1279. flex: 0 0 58.3333333333%;
  1280. max-width: 58.3333333333%
  1281. }
  1282. .col-xl-8 {
  1283. flex: 0 0 66.6666666667%;
  1284. max-width: 66.6666666667%
  1285. }
  1286. .col-xl-9 {
  1287. flex: 0 0 75%;
  1288. max-width: 75%
  1289. }
  1290. .col-xl-10 {
  1291. flex: 0 0 83.3333333333%;
  1292. max-width: 83.3333333333%
  1293. }
  1294. .col-xl-11 {
  1295. flex: 0 0 91.6666666667%;
  1296. max-width: 91.6666666667%
  1297. }
  1298. .col-xl-12 {
  1299. flex: 0 0 100%;
  1300. max-width: 100%
  1301. }
  1302. .order-xl-first {
  1303. order: -1
  1304. }
  1305. .order-xl-last {
  1306. order: 13
  1307. }
  1308. .order-xl-0 {
  1309. order: 0
  1310. }
  1311. .order-xl-1 {
  1312. order: 1
  1313. }
  1314. .order-xl-2 {
  1315. order: 2
  1316. }
  1317. .order-xl-3 {
  1318. order: 3
  1319. }
  1320. .order-xl-4 {
  1321. order: 4
  1322. }
  1323. .order-xl-5 {
  1324. order: 5
  1325. }
  1326. .order-xl-6 {
  1327. order: 6
  1328. }
  1329. .order-xl-7 {
  1330. order: 7
  1331. }
  1332. .order-xl-8 {
  1333. order: 8
  1334. }
  1335. .order-xl-9 {
  1336. order: 9
  1337. }
  1338. .order-xl-10 {
  1339. order: 10
  1340. }
  1341. .order-xl-11 {
  1342. order: 11
  1343. }
  1344. .order-xl-12 {
  1345. order: 12
  1346. }
  1347. .offset-xl-0 {
  1348. margin-left: 0
  1349. }
  1350. .offset-xl-1 {
  1351. margin-left: 8.3333333333%
  1352. }
  1353. .offset-xl-2 {
  1354. margin-left: 16.6666666667%
  1355. }
  1356. .offset-xl-3 {
  1357. margin-left: 25%
  1358. }
  1359. .offset-xl-4 {
  1360. margin-left: 33.3333333333%
  1361. }
  1362. .offset-xl-5 {
  1363. margin-left: 41.6666666667%
  1364. }
  1365. .offset-xl-6 {
  1366. margin-left: 50%
  1367. }
  1368. .offset-xl-7 {
  1369. margin-left: 58.3333333333%
  1370. }
  1371. .offset-xl-8 {
  1372. margin-left: 66.6666666667%
  1373. }
  1374. .offset-xl-9 {
  1375. margin-left: 75%
  1376. }
  1377. .offset-xl-10 {
  1378. margin-left: 83.3333333333%
  1379. }
  1380. .offset-xl-11 {
  1381. margin-left: 91.6666666667%
  1382. }
  1383. }
  1384. .container-semifluid {
  1385. width: 100%;
  1386. padding-right: 15px;
  1387. padding-left: 15px;
  1388. margin-right: auto;
  1389. margin-left: auto;
  1390. display: flex;
  1391. flex-wrap: nowrap
  1392. }
  1393. @media (min-width:576px) {
  1394. .container-semifluid {
  1395. max-width: 810px
  1396. }
  1397. }
  1398. @media (min-width:576px) and (min-width:992px) {
  1399. .container-semifluid {
  1400. padding: 0 117px
  1401. }
  1402. }
  1403. @media (min-width:768px) {
  1404. .container-semifluid {
  1405. max-width: 990px
  1406. }
  1407. }
  1408. @media (min-width:768px) and (min-width:992px) {
  1409. .container-semifluid {
  1410. padding: 0 117px
  1411. }
  1412. }
  1413. @media (min-width:992px) {
  1414. .container-semifluid {
  1415. max-width: 1230px
  1416. }
  1417. }
  1418. @media (min-width:992px) and (min-width:992px) {
  1419. .container-semifluid {
  1420. padding: 0 117px
  1421. }
  1422. }
  1423. @media (min-width:1200px) {
  1424. .container-semifluid {
  1425. max-width: 1410px
  1426. }
  1427. }
  1428. @media (min-width:1200px) and (min-width:992px) {
  1429. .container-semifluid {
  1430. padding: 0 117px
  1431. }
  1432. }
  1433. .container-semifluid-extended {
  1434. width: 100%;
  1435. margin-right: auto;
  1436. margin-left: auto;
  1437. padding: 0
  1438. }
  1439. @media (min-width:576px) {
  1440. .container-semifluid-extended {
  1441. max-width: 810px
  1442. }
  1443. }
  1444. @media (min-width:768px) {
  1445. .container-semifluid-extended {
  1446. max-width: 990px
  1447. }
  1448. }
  1449. @media (min-width:992px) {
  1450. .container-semifluid-extended {
  1451. max-width: 1230px
  1452. }
  1453. }
  1454. @media (min-width:1200px) {
  1455. .container-semifluid-extended {
  1456. max-width: 1410px
  1457. }
  1458. }
  1459. .table {
  1460. width: 100%;
  1461. max-width: 100%;
  1462. margin-bottom: 1rem;
  1463. background-color: transparent
  1464. }
  1465. .table th {
  1466. vertical-align: top
  1467. }
  1468. .table td,.table th {
  1469. padding: .75rem;
  1470. border-top: 1px solid #dee2e6
  1471. }
  1472. .table thead th {
  1473. vertical-align: bottom;
  1474. border-bottom: 2px solid #dee2e6
  1475. }
  1476. .table tbody+tbody {
  1477. border-top: 2px solid #dee2e6
  1478. }
  1479. .table .table {
  1480. background-color: #fff
  1481. }
  1482. .table-sm td,.table-sm th {
  1483. padding: .3rem
  1484. }
  1485. .table-bordered,.table-bordered td,.table-bordered th {
  1486. border: 1px solid #dee2e6
  1487. }
  1488. .table-bordered thead td,.table-bordered thead th {
  1489. border-bottom-width: 2px
  1490. }
  1491. .table-striped tbody tr:nth-of-type(odd) {
  1492. background-color: rgba(26,56,103,.12)
  1493. }
  1494. .table-hover tbody tr:hover {
  1495. background-color: rgba(0,0,0,.075)
  1496. }
  1497. .table-primary,.table-primary>td,.table-primary>th {
  1498. background-color: #fadbc1
  1499. }
  1500. .table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
  1501. background-color: #f8cda9
  1502. }
  1503. .table-secondary,.table-secondary>td,.table-secondary>th {
  1504. background-color: #bfc7d4
  1505. }
  1506. .table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
  1507. background-color: #b0baca
  1508. }
  1509. .table-success,.table-success>td,.table-success>th {
  1510. background-color: #c3e6cb
  1511. }
  1512. .table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
  1513. background-color: #b1dfbb
  1514. }
  1515. .table-info,.table-info>td,.table-info>th {
  1516. background-color: #eaeaea
  1517. }
  1518. .table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
  1519. background-color: #ddd
  1520. }
  1521. .table-warning,.table-warning>td,.table-warning>th {
  1522. background-color: #ffeeba
  1523. }
  1524. .table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
  1525. background-color: #ffe8a1
  1526. }
  1527. .table-danger,.table-danger>td,.table-danger>th {
  1528. background-color: #f5c6cb
  1529. }
  1530. .table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
  1531. background-color: #f1b0b7
  1532. }
  1533. .table-light,.table-light>td,.table-light>th {
  1534. background-color: #fdfdfe
  1535. }
  1536. .table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
  1537. background-color: #ececf6
  1538. }
  1539. .table-dark>td,.table-dark>th {
  1540. background-color: #c6c8ca
  1541. }
  1542. .table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
  1543. background-color: #b9bbbe
  1544. }
  1545. .table-tertiary,.table-tertiary>td,.table-tertiary>th {
  1546. background-color: #bfc7d4
  1547. }
  1548. .table-hover .table-tertiary:hover,.table-hover .table-tertiary:hover>td,.table-hover .table-tertiary:hover>th {
  1549. background-color: #b0baca
  1550. }
  1551. .table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
  1552. background-color: rgba(0,0,0,.075)
  1553. }
  1554. .table .thead-dark th {
  1555. color: #fff;
  1556. background-color: #212529;
  1557. border-color: #32383e
  1558. }
  1559. .table .thead-light th {
  1560. color: #495057;
  1561. background-color: #e9ecef;
  1562. border-color: #dee2e6
  1563. }
  1564. .table-dark {
  1565. color: #fff;
  1566. background-color: #212529
  1567. }
  1568. .table-dark td,.table-dark th,.table-dark thead th {
  1569. border-color: #32383e
  1570. }
  1571. .table-dark.table-bordered {
  1572. border: 0
  1573. }
  1574. .table-dark.table-striped tbody tr:nth-of-type(odd) {
  1575. background-color: rgba(255,255,255,.05)
  1576. }
  1577. .table-dark.table-hover tbody tr:hover {
  1578. background-color: rgba(255,255,255,.075)
  1579. }
  1580. @media (max-width:575.98px) {
  1581. .table-responsive-sm {
  1582. display: block;
  1583. width: 100%;
  1584. overflow-x: auto;
  1585. -webkit-overflow-scrolling: touch;
  1586. -ms-overflow-style: -ms-autohiding-scrollbar
  1587. }
  1588. .table-responsive-sm>.table-bordered {
  1589. border: 0
  1590. }
  1591. }
  1592. @media (max-width:767.98px) {
  1593. .table-responsive-md {
  1594. display: block;
  1595. width: 100%;
  1596. overflow-x: auto;
  1597. -webkit-overflow-scrolling: touch;
  1598. -ms-overflow-style: -ms-autohiding-scrollbar
  1599. }
  1600. .table-responsive-md>.table-bordered {
  1601. border: 0
  1602. }
  1603. }
  1604. @media (max-width:991.98px) {
  1605. .table-responsive-lg {
  1606. display: block;
  1607. width: 100%;
  1608. overflow-x: auto;
  1609. -webkit-overflow-scrolling: touch;
  1610. -ms-overflow-style: -ms-autohiding-scrollbar
  1611. }
  1612. .table-responsive-lg>.table-bordered {
  1613. border: 0
  1614. }
  1615. }
  1616. @media (max-width:1199.98px) {
  1617. .table-responsive-xl {
  1618. display: block;
  1619. width: 100%;
  1620. overflow-x: auto;
  1621. -webkit-overflow-scrolling: touch;
  1622. -ms-overflow-style: -ms-autohiding-scrollbar
  1623. }
  1624. .table-responsive-xl>.table-bordered {
  1625. border: 0
  1626. }
  1627. }
  1628. .table-responsive {
  1629. display: block;
  1630. width: 100%;
  1631. overflow-x: auto;
  1632. -webkit-overflow-scrolling: touch;
  1633. -ms-overflow-style: -ms-autohiding-scrollbar
  1634. }
  1635. .table-responsive>.table-bordered {
  1636. border: 0
  1637. }
  1638. .table,section.sidebar-search-categories .item-news header {
  1639. border-bottom: 1px solid #1a3867
  1640. }
  1641. .table td {
  1642. vertical-align: middle;
  1643. border-color: #1a3867;
  1644. color: #1a3867
  1645. }
  1646. .table td h4 {
  1647. margin: 0;
  1648. font-weight: 400;
  1649. color: #1a3867;
  1650. letter-spacing: normal
  1651. }
  1652. .table td .btn {
  1653. padding: 8px 45px;
  1654. margin: 0
  1655. }
  1656. .table-striped tbody tr:nth-of-type(odd) {
  1657. background-color: transparent
  1658. }
  1659. .table-striped tbody tr:nth-of-type(even) {
  1660. background-color: rgba(26,56,103,.12)
  1661. }
  1662. .form-control {
  1663. display: block;
  1664. width: 100%;
  1665. padding: .375rem .75rem;
  1666. line-height: 1.5;
  1667. background-color: #fff;
  1668. background-clip: padding-box;
  1669. border: 1px solid #ced4da;
  1670. border-radius: .25rem;
  1671. transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
  1672. }
  1673. .form-control::-ms-expand {
  1674. background-color: transparent;
  1675. border: 0
  1676. }
  1677. .form-control:focus {
  1678. color: #495057;
  1679. background-color: #fff;
  1680. border-color: #f7c398;
  1681. outline: 0;
  1682. box-shadow: 0 0 0 .2rem rgba(237,127,34,.25)
  1683. }
  1684. .form-control::placeholder {
  1685. color: #6c757d;
  1686. opacity: 1
  1687. }
  1688. .form-control:disabled,.form-control[readonly] {
  1689. background-color: #e9ecef;
  1690. opacity: 1
  1691. }
  1692. select.form-control:not([size]):not([multiple]) {
  1693. height: calc(2.25rem + 2px)
  1694. }
  1695. select.form-control:focus::-ms-value {
  1696. color: #495057;
  1697. background-color: #fff
  1698. }
  1699. .form-control-file,.form-control-range {
  1700. display: block;
  1701. width: 100%
  1702. }
  1703. .col-form-label {
  1704. padding-top: calc(.375rem + 1px);
  1705. padding-bottom: calc(.375rem + 1px);
  1706. margin-bottom: 0;
  1707. font-size: inherit;
  1708. line-height: 1.5
  1709. }
  1710. .col-form-label-lg {
  1711. padding-top: calc(.5rem + 1px);
  1712. padding-bottom: calc(.5rem + 1px);
  1713. font-size: 1.25rem;
  1714. line-height: 1.5
  1715. }
  1716. .col-form-label-sm {
  1717. padding-top: calc(.25rem + 1px);
  1718. padding-bottom: calc(.25rem + 1px);
  1719. font-size: .875rem;
  1720. line-height: 1.5
  1721. }
  1722. .form-control-plaintext {
  1723. display: block;
  1724. width: 100%;
  1725. padding-top: .375rem;
  1726. padding-bottom: .375rem;
  1727. margin-bottom: 0;
  1728. line-height: 1.5;
  1729. background-color: transparent;
  1730. border: solid transparent;
  1731. border-width: 1px 0
  1732. }
  1733. .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
  1734. padding-right: 0;
  1735. padding-left: 0
  1736. }
  1737. .form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
  1738. padding: .25rem .5rem;
  1739. font-size: .875rem;
  1740. line-height: 1.5;
  1741. border-radius: .2rem
  1742. }
  1743. .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) {
  1744. height: calc(1.8125rem + 2px)
  1745. }
  1746. .form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
  1747. padding: .5rem 1rem;
  1748. font-size: 1.25rem;
  1749. line-height: 1.5;
  1750. border-radius: .3rem
  1751. }
  1752. .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) {
  1753. height: calc(2.875rem + 2px)
  1754. }
  1755. .form-group {
  1756. margin-bottom: 1rem
  1757. }
  1758. .form-text {
  1759. display: block;
  1760. margin-top: .25rem
  1761. }
  1762. .form-row {
  1763. display: flex;
  1764. flex-wrap: wrap;
  1765. margin-right: -5px;
  1766. margin-left: -5px
  1767. }
  1768. .form-row>.col,.form-row>[class*=col-] {
  1769. padding-right: 5px;
  1770. padding-left: 5px
  1771. }
  1772. .form-check {
  1773. position: relative;
  1774. display: block;
  1775. padding-left: 1.25rem
  1776. }
  1777. .form-check-input {
  1778. position: absolute;
  1779. margin-top: .3rem;
  1780. margin-left: -1.25rem
  1781. }
  1782. .form-check-input:disabled~.form-check-label {
  1783. color: #6c757d
  1784. }
  1785. .form-check-label {
  1786. margin-bottom: 0
  1787. }
  1788. .form-check-inline {
  1789. display: inline-flex;
  1790. align-items: center;
  1791. padding-left: 0;
  1792. margin-right: .75rem
  1793. }
  1794. .form-check-inline .form-check-input {
  1795. position: static;
  1796. margin-top: 0;
  1797. margin-right: .3125rem;
  1798. margin-left: 0
  1799. }
  1800. .valid-feedback {
  1801. display: none;
  1802. width: 100%;
  1803. margin-top: .25rem;
  1804. font-size: 80%;
  1805. color: #28a745
  1806. }
  1807. .valid-tooltip {
  1808. position: absolute;
  1809. top: 100%;
  1810. z-index: 5;
  1811. display: none;
  1812. max-width: 100%;
  1813. padding: .5rem;
  1814. margin-top: .1rem;
  1815. font-size: .875rem;
  1816. line-height: 1;
  1817. color: #fff;
  1818. background-color: rgba(40,167,69,.8);
  1819. border-radius: .2rem
  1820. }
  1821. .custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
  1822. border-color: #28a745
  1823. }
  1824. .custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
  1825. border-color: #28a745;
  1826. box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
  1827. }
  1828. .custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
  1829. display: block
  1830. }
  1831. .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
  1832. color: #28a745
  1833. }
  1834. .form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
  1835. display: block
  1836. }
  1837. .custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
  1838. color: #28a745
  1839. }
  1840. .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
  1841. background-color: #71dd8a
  1842. }
  1843. .custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
  1844. display: block
  1845. }
  1846. .custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
  1847. background-color: #34ce57
  1848. }
  1849. .custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
  1850. box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
  1851. }
  1852. .custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
  1853. border-color: #28a745
  1854. }
  1855. .custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before {
  1856. border-color: inherit
  1857. }
  1858. .custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
  1859. display: block
  1860. }
  1861. .custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
  1862. box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
  1863. }
  1864. .invalid-feedback {
  1865. display: none;
  1866. width: 100%;
  1867. margin-top: .25rem;
  1868. font-size: 80%;
  1869. color: #dc3545
  1870. }
  1871. .invalid-tooltip {
  1872. position: absolute;
  1873. top: 100%;
  1874. z-index: 5;
  1875. display: none;
  1876. max-width: 100%;
  1877. padding: .5rem;
  1878. margin-top: .1rem;
  1879. font-size: .875rem;
  1880. line-height: 1;
  1881. color: #fff;
  1882. background-color: rgba(220,53,69,.8);
  1883. border-radius: .2rem
  1884. }
  1885. .custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
  1886. border-color: #dc3545
  1887. }
  1888. .custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
  1889. border-color: #dc3545;
  1890. box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
  1891. }
  1892. .custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
  1893. display: block
  1894. }
  1895. .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
  1896. color: #dc3545
  1897. }
  1898. .form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
  1899. display: block
  1900. }
  1901. .custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
  1902. color: #dc3545
  1903. }
  1904. .custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
  1905. background-color: #efa2a9
  1906. }
  1907. .custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
  1908. display: block
  1909. }
  1910. .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
  1911. background-color: #e4606d
  1912. }
  1913. .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
  1914. box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)
  1915. }
  1916. .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
  1917. border-color: #dc3545
  1918. }
  1919. .custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before {
  1920. border-color: inherit
  1921. }
  1922. .custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
  1923. display: block
  1924. }
  1925. .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
  1926. box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
  1927. }
  1928. .form-inline {
  1929. display: flex;
  1930. flex-flow: row wrap;
  1931. align-items: center
  1932. }
  1933. .form-inline .form-check,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
  1934. width: 100%
  1935. }
  1936. @media (min-width:576px) {
  1937. .form-inline .form-group,.form-inline label {
  1938. display: flex;
  1939. align-items: center;
  1940. margin-bottom: 0
  1941. }
  1942. .form-inline label {
  1943. justify-content: center
  1944. }
  1945. .form-inline .form-group {
  1946. flex: 0 0 auto;
  1947. flex-flow: row wrap
  1948. }
  1949. .form-inline .form-control {
  1950. display: inline-block;
  1951. width: auto;
  1952. vertical-align: middle
  1953. }
  1954. .form-inline .form-control-plaintext {
  1955. display: inline-block
  1956. }
  1957. .form-inline .input-group {
  1958. width: auto
  1959. }
  1960. .form-inline .form-check {
  1961. display: flex;
  1962. align-items: center;
  1963. justify-content: center;
  1964. width: auto;
  1965. padding-left: 0
  1966. }
  1967. .form-inline .form-check-input {
  1968. position: relative;
  1969. margin-top: 0;
  1970. margin-right: .25rem;
  1971. margin-left: 0
  1972. }
  1973. .form-inline .custom-control {
  1974. align-items: center;
  1975. justify-content: center
  1976. }
  1977. .form-inline .custom-control-label {
  1978. margin-bottom: 0
  1979. }
  1980. }
  1981. .form-control {
  1982. color: #1a3867;
  1983. border-color: #1a3867;
  1984. border-radius: 0;
  1985. border-width: 0 0 1px;
  1986. text-transform: uppercase;
  1987. font-size: .75rem;
  1988. padding-left: 0
  1989. }
  1990. .form-group {
  1991. margin-bottom: 50px
  1992. }
  1993. @media (min-width:576px) {
  1994. .form-row .col:not(:first-child) {
  1995. padding-left: 15px
  1996. }
  1997. .form-row .col:not(:last-child) {
  1998. padding-right: 15px
  1999. }
  2000. }
  2001. select.form-control {
  2002. color: #ed7f22;
  2003. font-weight: 600;
  2004. border-width: 1px;
  2005. padding: 16px 30px;
  2006. height: auto!important
  2007. }
  2008. textarea.form-control {
  2009. border-width: 1px;
  2010. padding: 16px 30px;
  2011. text-transform: none
  2012. }
  2013. .btn {
  2014. display: inline-block;
  2015. font-weight: 700;
  2016. text-align: center;
  2017. vertical-align: middle;
  2018. user-select: none;
  2019. border: 3px solid transparent;
  2020. padding: .375rem .75rem;
  2021. line-height: 1.5;
  2022. border-radius: .25rem;
  2023. transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  2024. }
  2025. .btn:focus,.btn:hover {
  2026. text-decoration: none
  2027. }
  2028. .btn.focus,.btn:focus {
  2029. outline: 0;
  2030. box-shadow: 0 0 0 .2rem rgba(237,127,34,.25)
  2031. }
  2032. .btn.disabled,.btn:disabled {
  2033. opacity: .65
  2034. }
  2035. .btn:not(:disabled):not(.disabled) {
  2036. cursor: pointer
  2037. }
  2038. .btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active {
  2039. background-image: none
  2040. }
  2041. a.btn.disabled,fieldset:disabled a.btn {
  2042. pointer-events: none
  2043. }
  2044. .btn-primary {
  2045. background-color: #ed7f22;
  2046. border-color: #ed7f22
  2047. }
  2048. .btn-primary:hover {
  2049. background-color: #d76c12;
  2050. border-color: #cb6611
  2051. }
  2052. .btn-primary.focus,.btn-primary:focus {
  2053. box-shadow: 0 0 0 .2rem rgba(237,127,34,.5)
  2054. }
  2055. .btn-primary.disabled,.btn-primary:disabled {
  2056. color: #fff;
  2057. background-color: #ed7f22;
  2058. border-color: #ed7f22
  2059. }
  2060. .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
  2061. color: #fff;
  2062. background-color: #cb6611;
  2063. border-color: #c06010
  2064. }
  2065. .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
  2066. box-shadow: 0 0 0 .2rem rgba(237,127,34,.5)
  2067. }
  2068. .btn-secondary {
  2069. color: #fff;
  2070. background-color: #1a3867;
  2071. border-color: #1a3867
  2072. }
  2073. .btn-secondary:hover {
  2074. color: #fff;
  2075. background-color: #122748;
  2076. border-color: #10223e
  2077. }
  2078. .btn-secondary.focus,.btn-secondary:focus {
  2079. box-shadow: 0 0 0 .2rem rgba(26,56,103,.5)
  2080. }
  2081. .btn-secondary.disabled,.btn-secondary:disabled {
  2082. color: #fff;
  2083. background-color: #1a3867;
  2084. border-color: #1a3867
  2085. }
  2086. .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
  2087. color: #fff;
  2088. background-color: #10223e;
  2089. border-color: #0d1c34
  2090. }
  2091. .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
  2092. box-shadow: 0 0 0 .2rem rgba(26,56,103,.5)
  2093. }
  2094. .btn-success {
  2095. color: #fff;
  2096. background-color: #28a745;
  2097. border-color: #28a745
  2098. }
  2099. .btn-success:hover {
  2100. color: #fff;
  2101. background-color: #218838;
  2102. border-color: #1e7e34
  2103. }
  2104. .btn-success.focus,.btn-success:focus {
  2105. box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
  2106. }
  2107. .btn-success.disabled,.btn-success:disabled {
  2108. color: #fff;
  2109. background-color: #28a745;
  2110. border-color: #28a745
  2111. }
  2112. .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
  2113. color: #fff;
  2114. background-color: #1e7e34;
  2115. border-color: #1c7430
  2116. }
  2117. .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
  2118. box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
  2119. }
  2120. .btn-info {
  2121. background-color: #b4b4b4;
  2122. border-color: #b4b4b4
  2123. }
  2124. .btn-info:hover {
  2125. background-color: #a1a1a1;
  2126. border-color: #9b9b9b
  2127. }
  2128. .btn-info.focus,.btn-info:focus {
  2129. box-shadow: 0 0 0 .2rem rgba(180,180,180,.5)
  2130. }
  2131. .btn-info.disabled,.btn-info:disabled {
  2132. color: #212529;
  2133. background-color: #b4b4b4;
  2134. border-color: #b4b4b4
  2135. }
  2136. .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
  2137. color: #212529;
  2138. background-color: #9b9b9b;
  2139. border-color: #949494
  2140. }
  2141. .btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
  2142. box-shadow: 0 0 0 .2rem rgba(180,180,180,.5)
  2143. }
  2144. .btn-warning {
  2145. color: #212529;
  2146. background-color: #ffc107;
  2147. border-color: #ffc107
  2148. }
  2149. .btn-warning:hover {
  2150. color: #212529;
  2151. background-color: #e0a800;
  2152. border-color: #d39e00
  2153. }
  2154. .btn-warning.focus,.btn-warning:focus {
  2155. box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
  2156. }
  2157. .btn-warning.disabled,.btn-warning:disabled {
  2158. color: #212529;
  2159. background-color: #ffc107;
  2160. border-color: #ffc107
  2161. }
  2162. .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
  2163. color: #212529;
  2164. background-color: #d39e00;
  2165. border-color: #c69500
  2166. }
  2167. .btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
  2168. box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
  2169. }
  2170. .btn-danger {
  2171. color: #fff;
  2172. background-color: #dc3545;
  2173. border-color: #dc3545
  2174. }
  2175. .btn-danger:hover {
  2176. color: #fff;
  2177. background-color: #c82333;
  2178. border-color: #bd2130
  2179. }
  2180. .btn-danger.focus,.btn-danger:focus {
  2181. box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
  2182. }
  2183. .btn-danger.disabled,.btn-danger:disabled {
  2184. color: #fff;
  2185. background-color: #dc3545;
  2186. border-color: #dc3545
  2187. }
  2188. .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
  2189. color: #fff;
  2190. background-color: #bd2130;
  2191. border-color: #b21f2d
  2192. }
  2193. .btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
  2194. box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
  2195. }
  2196. .btn-light {
  2197. color: #212529;
  2198. background-color: #f8f9fa;
  2199. border-color: #f8f9fa
  2200. }
  2201. .btn-light:hover {
  2202. color: #212529;
  2203. background-color: #e2e6ea;
  2204. border-color: #dae0e5
  2205. }
  2206. .btn-light.focus,.btn-light:focus {
  2207. box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
  2208. }
  2209. .btn-light.disabled,.btn-light:disabled {
  2210. color: #212529;
  2211. background-color: #f8f9fa;
  2212. border-color: #f8f9fa
  2213. }
  2214. .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
  2215. color: #212529;
  2216. background-color: #dae0e5;
  2217. border-color: #d3d9df
  2218. }
  2219. .btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
  2220. box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
  2221. }
  2222. .btn-dark {
  2223. color: #fff;
  2224. background-color: #343a40;
  2225. border-color: #343a40
  2226. }
  2227. .btn-dark:hover {
  2228. color: #fff;
  2229. background-color: #23272b;
  2230. border-color: #1d2124
  2231. }
  2232. .btn-dark.focus,.btn-dark:focus {
  2233. box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
  2234. }
  2235. .btn-dark.disabled,.btn-dark:disabled {
  2236. color: #fff;
  2237. background-color: #343a40;
  2238. border-color: #343a40
  2239. }
  2240. .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
  2241. color: #fff;
  2242. background-color: #1d2124;
  2243. border-color: #171a1d
  2244. }
  2245. .btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
  2246. box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
  2247. }
  2248. .btn-tertiary {
  2249. color: #fff;
  2250. background-color: #1a3867;
  2251. border-color: #1a3867
  2252. }
  2253. .btn-tertiary:hover {
  2254. color: #fff;
  2255. background-color: #122748;
  2256. border-color: #10223e
  2257. }
  2258. .btn-tertiary.focus,.btn-tertiary:focus {
  2259. box-shadow: 0 0 0 .2rem rgba(26,56,103,.5)
  2260. }
  2261. .btn-tertiary.disabled,.btn-tertiary:disabled {
  2262. color: #fff;
  2263. background-color: #1a3867;
  2264. border-color: #1a3867
  2265. }
  2266. .btn-tertiary:not(:disabled):not(.disabled).active,.btn-tertiary:not(:disabled):not(.disabled):active,.show>.btn-tertiary.dropdown-toggle {
  2267. color: #fff;
  2268. background-color: #10223e;
  2269. border-color: #0d1c34
  2270. }
  2271. .btn-tertiary:not(:disabled):not(.disabled).active:focus,.btn-tertiary:not(:disabled):not(.disabled):active:focus,.show>.btn-tertiary.dropdown-toggle:focus {
  2272. box-shadow: 0 0 0 .2rem rgba(26,56,103,.5)
  2273. }
  2274. .btn-outline-primary {
  2275. color: #ed7f22;
  2276. background-color: transparent;
  2277. background-image: none;
  2278. border-color: #ed7f22
  2279. }
  2280. .btn-outline-primary:hover {
  2281. color: #fff;
  2282. background-color: #ed7f22;
  2283. border-color: #ed7f22
  2284. }
  2285. .btn-outline-primary.focus,.btn-outline-primary:focus {
  2286. box-shadow: 0 0 0 .2rem rgba(237,127,34,.5)
  2287. }
  2288. .btn-outline-primary.disabled,.btn-outline-primary:disabled {
  2289. color: #ed7f22;
  2290. background-color: transparent
  2291. }
  2292. .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
  2293. color: #fff;
  2294. background-color: #ed7f22;
  2295. border-color: #ed7f22
  2296. }
  2297. .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
  2298. box-shadow: 0 0 0 .2rem rgba(237,127,34,.5)
  2299. }
  2300. .btn-outline-secondary {
  2301. color: #1a3867;
  2302. background-color: transparent;
  2303. background-image: none;
  2304. border-color: #1a3867
  2305. }
  2306. .btn-outline-secondary:hover {
  2307. color: #fff;
  2308. background-color: #1a3867;
  2309. border-color: #1a3867
  2310. }
  2311. .btn-outline-secondary.focus,.btn-outline-secondary:focus {
  2312. box-shadow: 0 0 0 .2rem rgba(26,56,103,.5)
  2313. }
  2314. .btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
  2315. color: #1a3867;
  2316. background-color: transparent
  2317. }
  2318. .btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
  2319. color: #fff;
  2320. background-color: #1a3867;
  2321. border-color: #1a3867
  2322. }
  2323. .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
  2324. box-shadow: 0 0 0 .2rem rgba(26,56,103,.5)
  2325. }
  2326. .btn-outline-success {
  2327. color: #28a745;
  2328. background-color: transparent;
  2329. background-image: none;
  2330. border-color: #28a745
  2331. }
  2332. .btn-outline-success:hover {
  2333. color: #fff;
  2334. background-color: #28a745;
  2335. border-color: #28a745
  2336. }
  2337. .btn-outline-success.focus,.btn-outline-success:focus {
  2338. box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
  2339. }
  2340. .btn-outline-success.disabled,.btn-outline-success:disabled {
  2341. color: #28a745;
  2342. background-color: transparent
  2343. }
  2344. .btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
  2345. color: #fff;
  2346. background-color: #28a745;
  2347. border-color: #28a745
  2348. }
  2349. .btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
  2350. box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
  2351. }
  2352. .btn-outline-info {
  2353. color: #b4b4b4;
  2354. background-color: transparent;
  2355. background-image: none;
  2356. border-color: #b4b4b4
  2357. }
  2358. .btn-outline-info:hover {
  2359. color: #212529;
  2360. background-color: #b4b4b4;
  2361. border-color: #b4b4b4
  2362. }
  2363. .btn-outline-info.focus,.btn-outline-info:focus {
  2364. box-shadow: 0 0 0 .2rem rgba(180,180,180,.5)
  2365. }
  2366. .btn-outline-info.disabled,.btn-outline-info:disabled {
  2367. color: #b4b4b4;
  2368. background-color: transparent
  2369. }
  2370. .btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
  2371. color: #212529;
  2372. background-color: #b4b4b4;
  2373. border-color: #b4b4b4
  2374. }
  2375. .btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
  2376. box-shadow: 0 0 0 .2rem rgba(180,180,180,.5)
  2377. }
  2378. .btn-outline-warning {
  2379. color: #ffc107;
  2380. background-color: transparent;
  2381. background-image: none;
  2382. border-color: #ffc107
  2383. }
  2384. .btn-outline-warning:hover {
  2385. color: #212529;
  2386. background-color: #ffc107;
  2387. border-color: #ffc107
  2388. }
  2389. .btn-outline-warning.focus,.btn-outline-warning:focus {
  2390. box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
  2391. }
  2392. .btn-outline-warning.disabled,.btn-outline-warning:disabled {
  2393. color: #ffc107;
  2394. background-color: transparent
  2395. }
  2396. .btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
  2397. color: #212529;
  2398. background-color: #ffc107;
  2399. border-color: #ffc107
  2400. }
  2401. .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
  2402. box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
  2403. }
  2404. .btn-outline-danger {
  2405. color: #dc3545;
  2406. background-color: transparent;
  2407. background-image: none;
  2408. border-color: #dc3545
  2409. }
  2410. .btn-outline-danger:hover {
  2411. color: #fff;
  2412. background-color: #dc3545;
  2413. border-color: #dc3545
  2414. }
  2415. .btn-outline-danger.focus,.btn-outline-danger:focus {
  2416. box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
  2417. }
  2418. .btn-outline-danger.disabled,.btn-outline-danger:disabled {
  2419. color: #dc3545;
  2420. background-color: transparent
  2421. }
  2422. .btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
  2423. color: #fff;
  2424. background-color: #dc3545;
  2425. border-color: #dc3545
  2426. }
  2427. .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
  2428. box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
  2429. }
  2430. .btn-outline-light {
  2431. color: #f8f9fa;
  2432. background-color: transparent;
  2433. background-image: none;
  2434. border-color: #f8f9fa
  2435. }
  2436. .btn-outline-light:hover {
  2437. color: #212529;
  2438. background-color: #f8f9fa;
  2439. border-color: #f8f9fa
  2440. }
  2441. .btn-outline-light.focus,.btn-outline-light:focus {
  2442. box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
  2443. }
  2444. .btn-outline-light.disabled,.btn-outline-light:disabled {
  2445. color: #f8f9fa;
  2446. background-color: transparent
  2447. }
  2448. .btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
  2449. color: #212529;
  2450. background-color: #f8f9fa;
  2451. border-color: #f8f9fa
  2452. }
  2453. .btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
  2454. box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
  2455. }
  2456. .btn-outline-dark {
  2457. color: #343a40;
  2458. background-color: transparent;
  2459. background-image: none;
  2460. border-color: #343a40
  2461. }
  2462. .btn-outline-dark:hover {
  2463. color: #fff;
  2464. background-color: #343a40;
  2465. border-color: #343a40
  2466. }
  2467. .btn-outline-dark.focus,.btn-outline-dark:focus {
  2468. box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
  2469. }
  2470. .btn-outline-dark.disabled,.btn-outline-dark:disabled {
  2471. color: #343a40;
  2472. background-color: transparent
  2473. }
  2474. .btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
  2475. color: #fff;
  2476. background-color: #343a40;
  2477. border-color: #343a40
  2478. }
  2479. .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
  2480. box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
  2481. }
  2482. .btn-outline-tertiary {
  2483. color: #1a3867;
  2484. background-color: transparent;
  2485. background-image: none;
  2486. border-color: #1a3867
  2487. }
  2488. .btn-outline-tertiary:hover {
  2489. color: #fff;
  2490. background-color: #1a3867;
  2491. border-color: #1a3867
  2492. }
  2493. .btn-outline-tertiary.focus,.btn-outline-tertiary:focus {
  2494. box-shadow: 0 0 0 .2rem rgba(26,56,103,.5)
  2495. }
  2496. .btn-outline-tertiary.disabled,.btn-outline-tertiary:disabled {
  2497. color: #1a3867;
  2498. background-color: transparent
  2499. }
  2500. .btn-outline-tertiary:not(:disabled):not(.disabled).active,.btn-outline-tertiary:not(:disabled):not(.disabled):active,.show>.btn-outline-tertiary.dropdown-toggle {
  2501. color: #fff;
  2502. background-color: #1a3867;
  2503. border-color: #1a3867
  2504. }
  2505. .btn-outline-tertiary:not(:disabled):not(.disabled).active:focus,.btn-outline-tertiary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-tertiary.dropdown-toggle:focus {
  2506. box-shadow: 0 0 0 .2rem rgba(26,56,103,.5)
  2507. }
  2508. .btn-link,.btn-link:hover {
  2509. background-color: transparent
  2510. }
  2511. .btn-link {
  2512. font-weight: 400;
  2513. color: #ed7f22
  2514. }
  2515. .btn-link:hover {
  2516. color: #b45a0f;
  2517. text-decoration: underline;
  2518. border-color: transparent
  2519. }
  2520. .btn-link.focus,.btn-link:focus {
  2521. text-decoration: underline;
  2522. border-color: transparent;
  2523. box-shadow: none
  2524. }
  2525. .btn-link.disabled,.btn-link:disabled {
  2526. color: #6c757d
  2527. }
  2528. .btn-lg,.btn-sm {
  2529. padding: .5rem 1rem;
  2530. font-size: 1.25rem;
  2531. line-height: 1.5;
  2532. border-radius: .3rem
  2533. }
  2534. .btn-sm {
  2535. padding: .25rem .5rem;
  2536. font-size: .875rem;
  2537. border-radius: .2rem
  2538. }
  2539. .btn-block {
  2540. display: block;
  2541. width: 100%
  2542. }
  2543. .btn-block+.btn-block {
  2544. margin-top: .5rem
  2545. }
  2546. .btn {
  2547. border-radius: 100px;
  2548. font-size: .8125rem;
  2549. text-transform: uppercase;
  2550. letter-spacing: 1px;
  2551. padding: 10px 27px;
  2552. text-overflow: ellipsis;
  2553. overflow: hidden
  2554. }
  2555. .btn-info,.btn-info:hover,.btn-primary,.btn-primary:hover {
  2556. color: #fff
  2557. }
  2558. .btn-default,header.scrolled {
  2559. background-color: #fff
  2560. }
  2561. .btn-link,.multilevel-tabs-content.rounded-corners table h4 {
  2562. text-transform: none
  2563. }
  2564. .fade {
  2565. opacity: 0;
  2566. transition: opacity .15s linear
  2567. }
  2568. .fade.show {
  2569. opacity: 1
  2570. }
  2571. .collapse {
  2572. display: none
  2573. }
  2574. .collapse.show {
  2575. display: block
  2576. }
  2577. tr.collapse.show {
  2578. display: table-row
  2579. }
  2580. tbody.collapse.show {
  2581. display: table-row-group
  2582. }
  2583. .collapsing {
  2584. height: 0;
  2585. overflow: hidden;
  2586. transition: height .35s ease
  2587. }
  2588. .collapsing,.dropdown,.dropup {
  2589. position: relative
  2590. }
  2591. .dropdown-toggle::after {
  2592. width: 0;
  2593. height: 0;
  2594. margin-left: .255em;
  2595. vertical-align: .255em;
  2596. content: "";
  2597. border-top: .3em solid;
  2598. border-right: .3em solid transparent;
  2599. border-bottom: 0;
  2600. border-left: .3em solid transparent;
  2601. display: none
  2602. }
  2603. .dropdown-toggle:empty::after,.dropleft .dropdown-toggle:empty::after,.dropright .dropdown-toggle:empty::after,.dropup .dropdown-toggle:empty::after {
  2604. margin-left: 0
  2605. }
  2606. .dropdown-menu {
  2607. position: absolute;
  2608. top: 100%;
  2609. left: 0;
  2610. z-index: 1000;
  2611. display: none;
  2612. float: left;
  2613. min-width: 10rem;
  2614. padding: .5rem 0;
  2615. margin: .125rem 0 0;
  2616. font-size: 1rem;
  2617. color: #212529;
  2618. text-align: left;
  2619. list-style: none;
  2620. background-color: #fff;
  2621. background-clip: padding-box;
  2622. border: 1px solid rgba(0,0,0,.15);
  2623. border-radius: .25rem
  2624. }
  2625. .dropup .dropdown-menu {
  2626. margin-top: 0;
  2627. margin-bottom: .125rem
  2628. }
  2629. .dropup .dropdown-toggle::after {
  2630. display: inline-block;
  2631. width: 0;
  2632. height: 0;
  2633. margin-left: .255em;
  2634. vertical-align: .255em;
  2635. content: "";
  2636. border-top: 0;
  2637. border-right: .3em solid transparent;
  2638. border-bottom: .3em solid;
  2639. border-left: .3em solid transparent
  2640. }
  2641. .dropright .dropdown-menu {
  2642. margin-top: 0;
  2643. margin-left: .125rem
  2644. }
  2645. .dropright .dropdown-toggle::after {
  2646. display: inline-block;
  2647. width: 0;
  2648. height: 0;
  2649. margin-left: .255em;
  2650. content: "";
  2651. border-top: .3em solid transparent;
  2652. border-bottom: .3em solid transparent;
  2653. border-left: .3em solid;
  2654. vertical-align: 0
  2655. }
  2656. .dropleft .dropdown-menu {
  2657. margin-top: 0;
  2658. margin-right: .125rem
  2659. }
  2660. .dropleft .dropdown-toggle::after {
  2661. width: 0;
  2662. height: 0;
  2663. margin-left: .255em;
  2664. vertical-align: .255em;
  2665. content: "";
  2666. display: none
  2667. }
  2668. .dropleft .dropdown-toggle::before {
  2669. display: inline-block;
  2670. width: 0;
  2671. height: 0;
  2672. margin-right: .255em;
  2673. content: "";
  2674. border-top: .3em solid transparent;
  2675. border-right: .3em solid;
  2676. border-bottom: .3em solid transparent;
  2677. vertical-align: 0
  2678. }
  2679. .dropdown-divider {
  2680. height: 0;
  2681. margin: .5rem 0;
  2682. overflow: hidden;
  2683. border-top: 1px solid #e9ecef
  2684. }
  2685. .dropdown-item {
  2686. display: block;
  2687. width: 100%;
  2688. clear: both;
  2689. font-weight: 400;
  2690. text-align: inherit;
  2691. white-space: nowrap;
  2692. background-color: transparent;
  2693. border: 0
  2694. }
  2695. .dropdown-item:hover {
  2696. color: #16181b
  2697. }
  2698. .dropdown-item:focus,.dropdown-item:hover {
  2699. text-decoration: none;
  2700. background-color: #f8f9fa
  2701. }
  2702. .dropdown-item.active,.dropdown-item:active {
  2703. color: #fff;
  2704. text-decoration: none;
  2705. background-color: #ed7f22
  2706. }
  2707. .dropdown-item.disabled,.dropdown-item:disabled {
  2708. color: #6c757d;
  2709. background-color: transparent
  2710. }
  2711. .dropdown-menu.show {
  2712. display: block
  2713. }
  2714. .dropdown-header {
  2715. display: block;
  2716. padding: .5rem 1.5rem;
  2717. margin-bottom: 0;
  2718. font-size: .875rem;
  2719. color: #6c757d;
  2720. white-space: nowrap
  2721. }
  2722. .dropdown-menu {
  2723. border-radius: 0;
  2724. }
  2725. @media (min-width:992px) {
  2726. .dropdown-menu.two-column {
  2727. width: 500px
  2728. }
  2729. }
  2730. .dropdown-item {
  2731. color: #1a3867;
  2732. font-size: .8125rem;
  2733. padding: .5rem 1.5rem
  2734. }
  2735. .dropdown-item:active,.dropdown-item:focus {
  2736. color: #ed7f22;
  2737. font-weight: 700;
  2738. background: 0 0
  2739. }
  2740. .dropdown-item:hover {
  2741. background: 0 0
  2742. }
  2743. .input-group {
  2744. position: relative;
  2745. display: flex;
  2746. flex-wrap: wrap;
  2747. align-items: stretch;
  2748. width: 100%
  2749. }
  2750. .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
  2751. position: relative;
  2752. flex: 1 1 auto;
  2753. width: 1%;
  2754. margin-bottom: 0
  2755. }
  2756. .input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus {
  2757. z-index: 3
  2758. }
  2759. .input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control {
  2760. margin-left: -1px
  2761. }
  2762. .input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before,.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
  2763. border-top-right-radius: 0;
  2764. border-bottom-right-radius: 0
  2765. }
  2766. .input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
  2767. border-top-left-radius: 0;
  2768. border-bottom-left-radius: 0
  2769. }
  2770. .input-group>.custom-file {
  2771. display: flex;
  2772. align-items: center
  2773. }
  2774. .input-group-append,.input-group-prepend {
  2775. display: flex
  2776. }
  2777. .input-group-append .btn,.input-group-prepend .btn {
  2778. position: relative;
  2779. z-index: 2
  2780. }
  2781. .input-group-prepend {
  2782. margin-right: -1px
  2783. }
  2784. .input-group-append,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
  2785. margin-left: -1px
  2786. }
  2787. .input-group-text {
  2788. display: flex;
  2789. align-items: center;
  2790. padding: .375rem .75rem;
  2791. margin-bottom: 0;
  2792. font-size: 1rem;
  2793. font-weight: 400;
  2794. line-height: 1.5;
  2795. color: #495057;
  2796. text-align: center;
  2797. white-space: nowrap;
  2798. background-color: #e9ecef;
  2799. border: 1px solid #ced4da;
  2800. border-radius: .25rem
  2801. }
  2802. .input-group-text input[type=checkbox],.input-group-text input[type=radio] {
  2803. margin-top: 0
  2804. }
  2805. .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
  2806. border-top-right-radius: 0;
  2807. border-bottom-right-radius: 0
  2808. }
  2809. .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  2810. border-top-left-radius: 0;
  2811. border-bottom-left-radius: 0
  2812. }
  2813. .nav {
  2814. display: flex;
  2815. flex-wrap: wrap;
  2816. padding-left: 0;
  2817. margin-bottom: 0;
  2818. list-style: none
  2819. }
  2820. .nav-link {
  2821. display: block;
  2822. padding: .9375rem 1rem
  2823. }
  2824. .nav-link:focus,.nav-link:hover {
  2825. text-decoration: none
  2826. }
  2827. .nav-link.disabled {
  2828. color: #6c757d
  2829. }
  2830. .nav-tabs {
  2831. border-bottom: 1px solid #dee2e6
  2832. }
  2833. .nav-tabs .nav-item {
  2834. margin-bottom: -1px
  2835. }
  2836. .nav-tabs .nav-link {
  2837. border: 1px solid transparent;
  2838. border-top-left-radius: .25rem;
  2839. border-top-right-radius: .25rem
  2840. }
  2841. .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
  2842. border-color: #e9ecef #e9ecef #dee2e6
  2843. }
  2844. .nav-tabs .nav-link.disabled {
  2845. color: #6c757d;
  2846. background-color: transparent;
  2847. border-color: transparent
  2848. }
  2849. .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
  2850. color: #495057;
  2851. background-color: #fff;
  2852. border-color: #dee2e6 #dee2e6 #fff
  2853. }
  2854. .nav-tabs .dropdown-menu {
  2855. margin-top: -1px;
  2856. border-top-left-radius: 0;
  2857. border-top-right-radius: 0
  2858. }
  2859. .nav-pills .nav-link {
  2860. border-radius: .25rem
  2861. }
  2862. .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
  2863. color: #fff;
  2864. background-color: #ed7f22
  2865. }
  2866. .nav-fill .nav-item {
  2867. flex: 1 1 auto;
  2868. text-align: center
  2869. }
  2870. .nav-justified .nav-item {
  2871. flex-basis: 0;
  2872. flex-grow: 1;
  2873. text-align: center
  2874. }
  2875. .tab-content>.tab-pane {
  2876. display: none
  2877. }
  2878. .tab-content>.active {
  2879. display: block
  2880. }
  2881. .navbar {
  2882. position: relative;
  2883. padding: .5rem 1rem
  2884. }
  2885. .navbar,.navbar>.container,.navbar>.container-fluid {
  2886. display: flex;
  2887. flex-wrap: wrap;
  2888. align-items: center;
  2889. justify-content: space-between
  2890. }
  2891. .navbar-brand {
  2892. display: inline-block;
  2893. padding-top: .75rem;
  2894. padding-bottom: .75rem;
  2895. margin-right: 1rem;
  2896. font-size: 1.25rem;
  2897. line-height: inherit;
  2898. white-space: nowrap
  2899. }
  2900. .navbar-brand:focus,.navbar-brand:hover {
  2901. text-decoration: none
  2902. }
  2903. .navbar-nav {
  2904. display: flex;
  2905. flex-direction: column;
  2906. padding-left: 0;
  2907. margin-bottom: 0;
  2908. list-style: none
  2909. }
  2910. .navbar-nav .nav-link {
  2911. padding-right: 0;
  2912. padding-left: 0
  2913. }
  2914. .navbar-nav .dropdown-menu {
  2915. position: static;
  2916. float: none
  2917. }
  2918. .navbar-text {
  2919. display: inline-block;
  2920. padding-top: .9375rem;
  2921. padding-bottom: .9375rem
  2922. }
  2923. .navbar-collapse {
  2924. flex-basis: 100%;
  2925. flex-grow: 1;
  2926. align-items: center
  2927. }
  2928. .navbar-toggler {
  2929. padding: .25rem .75rem;
  2930. font-size: 1.25rem;
  2931. line-height: 1;
  2932. background-color: transparent;
  2933. border: 1px solid transparent;
  2934. border-radius: .25rem
  2935. }
  2936. .navbar-toggler:focus,.navbar-toggler:hover {
  2937. text-decoration: none
  2938. }
  2939. .navbar-toggler:not(:disabled):not(.disabled) {
  2940. cursor: pointer
  2941. }
  2942. .navbar-toggler-icon {
  2943. display: inline-block;
  2944. width: 1.5em;
  2945. height: 1.5em;
  2946. vertical-align: middle;
  2947. content: "";
  2948. background: no-repeat center center;
  2949. background-size: 100% 100%
  2950. }
  2951. @media (max-width:575.98px) {
  2952. .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
  2953. padding-right: 0;
  2954. padding-left: 0
  2955. }
  2956. }
  2957. @media (min-width:576px) {
  2958. .navbar-expand-sm {
  2959. flex-flow: row nowrap;
  2960. justify-content: flex-start
  2961. }
  2962. .navbar-expand-sm .navbar-nav {
  2963. flex-direction: row
  2964. }
  2965. .navbar-expand-sm .navbar-nav .dropdown-menu {
  2966. position: absolute
  2967. }
  2968. .navbar-expand-sm .navbar-nav .dropdown-menu-right {
  2969. right: 0;
  2970. left: auto
  2971. }
  2972. .navbar-expand-sm .navbar-nav .nav-link {
  2973. padding-right: 2rem;
  2974. padding-left: 2rem
  2975. }
  2976. .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
  2977. flex-wrap: nowrap
  2978. }
  2979. .navbar-expand-sm .navbar-collapse {
  2980. display: flex!important;
  2981. flex-basis: auto
  2982. }
  2983. .navbar-expand-sm .navbar-toggler {
  2984. display: none
  2985. }
  2986. .navbar-expand-sm .dropup .dropdown-menu {
  2987. top: auto;
  2988. bottom: 100%
  2989. }
  2990. }
  2991. @media (max-width:767.98px) {
  2992. .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
  2993. padding-right: 0;
  2994. padding-left: 0
  2995. }
  2996. }
  2997. @media (min-width:768px) {
  2998. .navbar-expand-md {
  2999. flex-flow: row nowrap;
  3000. justify-content: flex-start
  3001. }
  3002. .navbar-expand-md .navbar-nav {
  3003. flex-direction: row
  3004. }
  3005. .navbar-expand-md .navbar-nav .dropdown-menu {
  3006. position: absolute
  3007. }
  3008. .navbar-expand-md .navbar-nav .dropdown-menu-right {
  3009. right: 0;
  3010. left: auto
  3011. }
  3012. .navbar-expand-md .navbar-nav .nav-link {
  3013. padding-right: 2rem;
  3014. padding-left: 2rem
  3015. }
  3016. .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
  3017. flex-wrap: nowrap
  3018. }
  3019. .navbar-expand-md .navbar-collapse {
  3020. display: flex!important;
  3021. flex-basis: auto
  3022. }
  3023. .navbar-expand-md .navbar-toggler {
  3024. display: none
  3025. }
  3026. .navbar-expand-md .dropup .dropdown-menu {
  3027. top: auto;
  3028. bottom: 100%
  3029. }
  3030. }
  3031. @media (max-width:991.98px) {
  3032. .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
  3033. padding-right: 0;
  3034. padding-left: 0
  3035. }
  3036. }
  3037. @media (min-width:992px) {
  3038. .navbar-expand-lg {
  3039. flex-flow: row nowrap;
  3040. justify-content: flex-start
  3041. }
  3042. .navbar-expand-lg .navbar-nav {
  3043. flex-direction: row
  3044. }
  3045. .navbar-expand-lg .navbar-nav .dropdown-menu {
  3046. position: absolute
  3047. }
  3048. .navbar-expand-lg .navbar-nav .dropdown-menu-right {
  3049. right: 0;
  3050. left: auto
  3051. }
  3052. .navbar-expand-lg .navbar-nav .nav-link {
  3053. padding-right: 2rem;
  3054. padding-left: 2rem
  3055. }
  3056. .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
  3057. flex-wrap: nowrap
  3058. }
  3059. .navbar-expand-lg .navbar-collapse {
  3060. display: flex!important;
  3061. flex-basis: auto
  3062. }
  3063. .navbar-expand-lg .navbar-toggler {
  3064. display: none
  3065. }
  3066. .navbar-expand-lg .dropup .dropdown-menu {
  3067. top: auto;
  3068. bottom: 100%
  3069. }
  3070. }
  3071. @media (max-width:1199.98px) {
  3072. .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
  3073. padding-right: 0;
  3074. padding-left: 0
  3075. }
  3076. }
  3077. @media (min-width:1200px) {
  3078. .navbar-expand-xl {
  3079. flex-flow: row nowrap;
  3080. justify-content: flex-start
  3081. }
  3082. .navbar-expand-xl .navbar-nav {
  3083. flex-direction: row
  3084. }
  3085. .navbar-expand-xl .navbar-nav .dropdown-menu {
  3086. position: absolute
  3087. }
  3088. .navbar-expand-xl .navbar-nav .dropdown-menu-right {
  3089. right: 0;
  3090. left: auto
  3091. }
  3092. .navbar-expand-xl .navbar-nav .nav-link {
  3093. padding-right: 2rem;
  3094. padding-left: 2rem
  3095. }
  3096. .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
  3097. flex-wrap: nowrap
  3098. }
  3099. .navbar-expand-xl .navbar-collapse {
  3100. display: flex!important;
  3101. flex-basis: auto
  3102. }
  3103. .navbar-expand-xl .navbar-toggler {
  3104. display: none
  3105. }
  3106. .navbar-expand-xl .dropup .dropdown-menu {
  3107. top: auto;
  3108. bottom: 100%
  3109. }
  3110. }
  3111. .navbar-expand {
  3112. flex-flow: row nowrap;
  3113. justify-content: flex-start
  3114. }
  3115. .navbar-expand>.container,.navbar-expand>.container-fluid {
  3116. padding-right: 0;
  3117. padding-left: 0
  3118. }
  3119. .navbar-expand .navbar-nav {
  3120. flex-direction: row
  3121. }
  3122. .navbar-expand .navbar-nav .dropdown-menu {
  3123. position: absolute
  3124. }
  3125. .navbar-expand .navbar-nav .dropdown-menu-right {
  3126. right: 0;
  3127. left: auto
  3128. }
  3129. .navbar-expand .navbar-nav .nav-link {
  3130. padding-right: 2rem;
  3131. padding-left: 2rem
  3132. }
  3133. .navbar-expand>.container,.navbar-expand>.container-fluid {
  3134. flex-wrap: nowrap
  3135. }
  3136. .navbar-expand .navbar-collapse {
  3137. display: flex!important;
  3138. flex-basis: auto
  3139. }
  3140. .navbar-expand .navbar-toggler {
  3141. display: none
  3142. }
  3143. .navbar-expand .dropup .dropdown-menu {
  3144. top: auto;
  3145. bottom: 100%
  3146. }
  3147. .navbar-light .navbar-brand {
  3148. color: rgba(0,0,0,.9)
  3149. }
  3150. .navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
  3151. color: rgba(0,0,0,.9)
  3152. }
  3153. .navbar-light .navbar-nav .nav-link {
  3154. color: #1a3867
  3155. }
  3156. .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
  3157. color: rgba(0,0,0,.7)
  3158. }
  3159. .navbar-light .navbar-nav .nav-link.disabled {
  3160. color: rgba(0,0,0,.3)
  3161. }
  3162. .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-text a {
  3163. color: rgba(0,0,0,.9)
  3164. }
  3165. .navbar-light .navbar-toggler {
  3166. color: #1a3867;
  3167. border-color: rgba(0,0,0,.1)
  3168. }
  3169. .navbar-light .navbar-toggler-icon {
  3170. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%231A3867' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  3171. }
  3172. .navbar-light .navbar-text {
  3173. color: #1a3867
  3174. }
  3175. .navbar-dark .navbar-brand {
  3176. color: #fff
  3177. }
  3178. .navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
  3179. color: #fff
  3180. }
  3181. .navbar-dark .navbar-nav .nav-link {
  3182. color: #fff
  3183. }
  3184. .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
  3185. color: rgba(255,255,255,.75)
  3186. }
  3187. .navbar-dark .navbar-nav .nav-link.disabled {
  3188. color: rgba(255,255,255,.25)
  3189. }
  3190. .navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
  3191. color: #fff
  3192. }
  3193. .navbar-dark .navbar-toggler {
  3194. color: #fff;
  3195. border-color: rgba(255,255,255,.1)
  3196. }
  3197. .navbar-dark .navbar-toggler-icon {
  3198. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
  3199. }
  3200. .navbar .nav-link.bg-primary,.navbar .nav-link.bg-primary:hover,.navbar-dark .navbar-text,.navbar-dark .navbar-text a {
  3201. color: #fff
  3202. }
  3203. .navbar .nav-link {
  3204. text-transform: uppercase;
  3205. font-weight: 700;
  3206. font-size: .875rem
  3207. }
  3208. .navbar .btn-outline-primary {
  3209. color: #fff;
  3210. text-transform: uppercase
  3211. }
  3212. .navbar .navbar-text {
  3213. padding-left: 24px;
  3214. padding-right: 24px;
  3215. font-size: .875rem;
  3216. white-space: nowrap;
  3217. overflow: hidden
  3218. }
  3219. .navbar .navbar-toggler {
  3220. border-radius: 0;
  3221. border-color: #ed7f22;
  3222. background-color: #ed7f22;
  3223. padding: .8rem
  3224. }
  3225. .navbar .navbar-toggler .icon-bar {
  3226. height: 2px;
  3227. background-color: #fff;
  3228. width: 25px;
  3229. transition: all .5s;
  3230. display: block;
  3231. margin: 5px 0
  3232. }
  3233. .navbar .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(1) {
  3234. transform: rotate(-45deg) translate(-5px,5px)
  3235. }
  3236. .navbar .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(2) {
  3237. opacity: 0
  3238. }
  3239. .navbar .navbar-toggler[aria-expanded=true] .icon-bar:last-child {
  3240. transform: rotate(45deg) translate(-5px,-5px)
  3241. }
  3242. @media (max-width:991.98px) {
  3243. .navbar {
  3244. padding: 0
  3245. }
  3246. .navbar .navbar-brand {
  3247. margin-left: 15px
  3248. }
  3249. .navbar .nav-item {
  3250. background-color: #fff;
  3251. padding: 0 10px
  3252. }
  3253. .navbar .nav-item:not(.bg-primary) .nav-link {
  3254. color: #1a3867
  3255. }
  3256. .navbar .nav-item .btn-outline-primary {
  3257. width: 100%;
  3258. color: #1a3867
  3259. }
  3260. .navbar .container-semifluid {
  3261. justify-content: space-between;
  3262. padding: 0;
  3263. display: flex;
  3264. flex-wrap: wrap;
  3265. align-items: center
  3266. }
  3267. }
  3268. .card {
  3269. position: relative;
  3270. display: flex;
  3271. flex-direction: column;
  3272. min-width: 0;
  3273. word-wrap: break-word;
  3274. background-color: #fff;
  3275. background-clip: border-box;
  3276. border: 1px solid rgba(0,0,0,.125);
  3277. border-radius: .25rem
  3278. }
  3279. .card>.list-group:first-child .list-group-item:first-child {
  3280. border-top-left-radius: .25rem;
  3281. border-top-right-radius: .25rem
  3282. }
  3283. .card>.list-group:last-child .list-group-item:last-child {
  3284. border-bottom-right-radius: .25rem;
  3285. border-bottom-left-radius: .25rem
  3286. }
  3287. .card-body {
  3288. flex: 1 1 auto;
  3289. padding: 1.25rem
  3290. }
  3291. .card-title {
  3292. margin-bottom: .75rem
  3293. }
  3294. .card-subtitle {
  3295. margin-top: -.375rem;
  3296. margin-bottom: 0
  3297. }
  3298. .card-text:last-child {
  3299. margin-bottom: 0
  3300. }
  3301. .card-link:hover,.item-news .item-info .title a:hover,.item-news .item-info header a:hover {
  3302. text-decoration: none
  3303. }
  3304. .card-link+.card-link {
  3305. margin-left: 1.25rem
  3306. }
  3307. .card-header {
  3308. padding: .75rem 1.25rem;
  3309. margin-bottom: 0;
  3310. background-color: rgba(0,0,0,.03);
  3311. border-bottom: 1px solid rgba(0,0,0,.125)
  3312. }
  3313. .card-header:first-child {
  3314. border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
  3315. }
  3316. .card-header+.list-group .list-group-item:first-child {
  3317. border-top: 0
  3318. }
  3319. .card-footer {
  3320. padding: .75rem 1.25rem;
  3321. background-color: rgba(0,0,0,.03);
  3322. border-top: 1px solid rgba(0,0,0,.125)
  3323. }
  3324. .card-footer:last-child {
  3325. border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
  3326. }
  3327. .card-header-tabs {
  3328. margin-bottom: -.75rem;
  3329. border-bottom: 0
  3330. }
  3331. .card-header-pills,.card-header-tabs {
  3332. margin-right: -.625rem;
  3333. margin-left: -.625rem
  3334. }
  3335. .card-img-overlay {
  3336. position: absolute;
  3337. top: 0;
  3338. right: 0;
  3339. bottom: 0;
  3340. left: 0;
  3341. padding: 1.25rem
  3342. }
  3343. .card-img {
  3344. width: 100%;
  3345. border-radius: calc(.25rem - 1px)
  3346. }
  3347. .card-img-top {
  3348. width: 100%;
  3349. border-top-left-radius: calc(.25rem - 1px);
  3350. border-top-right-radius: calc(.25rem - 1px)
  3351. }
  3352. .card-img-bottom {
  3353. width: 100%;
  3354. border-bottom-right-radius: calc(.25rem - 1px);
  3355. border-bottom-left-radius: calc(.25rem - 1px)
  3356. }
  3357. .card-deck {
  3358. display: flex;
  3359. flex-direction: column
  3360. }
  3361. .card-deck .card {
  3362. margin-bottom: 15px
  3363. }
  3364. @media (min-width:576px) {
  3365. .card-deck {
  3366. flex-flow: row wrap;
  3367. margin-right: -15px;
  3368. margin-left: -15px
  3369. }
  3370. .card-deck .card {
  3371. display: flex;
  3372. flex: 1 0 0%;
  3373. flex-direction: column;
  3374. margin-right: 15px;
  3375. margin-bottom: 0;
  3376. margin-left: 15px
  3377. }
  3378. }
  3379. .card-group {
  3380. display: flex;
  3381. flex-direction: column
  3382. }
  3383. .card-group>.card {
  3384. margin-bottom: 15px
  3385. }
  3386. @media (min-width:576px) {
  3387. .card-group {
  3388. flex-flow: row wrap
  3389. }
  3390. .card-group>.card {
  3391. flex: 1 0 0%;
  3392. margin-bottom: 0
  3393. }
  3394. .card-group>.card+.card {
  3395. margin-left: 0;
  3396. border-left: 0
  3397. }
  3398. .card-group>.card:first-child {
  3399. border-top-right-radius: 0;
  3400. border-bottom-right-radius: 0
  3401. }
  3402. .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top {
  3403. border-top-right-radius: 0
  3404. }
  3405. .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom {
  3406. border-bottom-right-radius: 0
  3407. }
  3408. .card-group>.card:last-child {
  3409. border-top-left-radius: 0;
  3410. border-bottom-left-radius: 0
  3411. }
  3412. .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top {
  3413. border-top-left-radius: 0
  3414. }
  3415. .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom {
  3416. border-bottom-left-radius: 0
  3417. }
  3418. .card-group>.card:only-child {
  3419. border-radius: .25rem
  3420. }
  3421. .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top {
  3422. border-top-left-radius: .25rem;
  3423. border-top-right-radius: .25rem
  3424. }
  3425. .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom {
  3426. border-bottom-right-radius: .25rem;
  3427. border-bottom-left-radius: .25rem
  3428. }
  3429. .card-group>.card:not(:first-child):not(:last-child):not(:only-child),.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
  3430. border-radius: 0
  3431. }
  3432. }
  3433. .card-columns .card {
  3434. margin-bottom: .75rem
  3435. }
  3436. @media (min-width:576px) {
  3437. .card-columns {
  3438. column-count: 3;
  3439. column-gap: 1.25rem
  3440. }
  3441. .card-columns .card {
  3442. display: inline-block;
  3443. width: 100%
  3444. }
  3445. }
  3446. .card {
  3447. border-radius: 0;
  3448. border-width: 1px 0 0;
  3449. border-color: #1a3867;
  3450. color: #1a3867
  3451. }
  3452. .card .card-header {
  3453. border-radius: 0;
  3454. padding: 6px 0;
  3455. border: 0;
  3456. background-color: transparent;
  3457. position: relative
  3458. }
  3459. .card .card-body {
  3460. padding: 0 27px 10px
  3461. }
  3462. .card:last-child {
  3463. border-bottom-width: 1px
  3464. }
  3465. .card .btn-link {
  3466. font-size: .9375rem;
  3467. color: #1a3867;
  3468. width: 100%;
  3469. text-align: left
  3470. }
  3471. @media (max-width:991.98px) {
  3472. .card .btn-link {
  3473. white-space: normal
  3474. }
  3475. }
  3476. .card .btn-link:focus {
  3477. text-decoration: none
  3478. }
  3479. .card .btn-link[aria-expanded=true] .plus-icon::after,.card .btn-link[aria-expanded=true] .plus-icon::before {
  3480. transform: rotate(45deg)
  3481. }
  3482. .card .btn-link .plus-icon {
  3483. width: 20px;
  3484. height: 20px;
  3485. border: 1px solid #ed7f22;
  3486. position: relative;
  3487. margin: 1px 0;
  3488. border-radius: 100%
  3489. }
  3490. @media (max-width:991.98px) {
  3491. .card .btn-link .plus-icon {
  3492. position: absolute;
  3493. right: 11px;
  3494. top: calc(50% - 10px)
  3495. }
  3496. }
  3497. .card .btn-link .plus-icon::before {
  3498. content: '';
  3499. height: 11px;
  3500. border-left: 1px solid #ed7f22;
  3501. position: absolute;
  3502. left: 50%;
  3503. top: 4px;
  3504. transition: all .3s
  3505. }
  3506. .card .btn-link .plus-icon::after {
  3507. content: '';
  3508. width: 11px;
  3509. border-top: 1px solid #ed7f22;
  3510. position: absolute;
  3511. top: 50%;
  3512. left: 4px;
  3513. transition: all .3s
  3514. }
  3515. .media {
  3516. display: flex;
  3517. align-items: flex-start
  3518. }
  3519. .media-body {
  3520. flex: 1
  3521. }
  3522. .modal,.modal-open {
  3523. overflow: hidden
  3524. }
  3525. .modal {
  3526. position: fixed;
  3527. top: 0;
  3528. right: 0;
  3529. bottom: 0;
  3530. left: 0;
  3531. z-index: 1050;
  3532. display: none;
  3533. outline: 0
  3534. }
  3535. .modal-open .modal {
  3536. overflow-x: hidden;
  3537. overflow-y: auto
  3538. }
  3539. .modal-dialog {
  3540. position: relative;
  3541. width: auto;
  3542. margin: .5rem;
  3543. pointer-events: none
  3544. }
  3545. .modal.fade .modal-dialog {
  3546. transition: transform .3s ease-out;
  3547. transform: translate(0,-25%)
  3548. }
  3549. .modal.show .modal-dialog {
  3550. transform: translate(0,0)
  3551. }
  3552. .modal-dialog-centered {
  3553. display: flex;
  3554. align-items: center;
  3555. min-height: calc(100% - (.5rem*2))
  3556. }
  3557. .modal-content {
  3558. position: relative;
  3559. display: flex;
  3560. flex-direction: column;
  3561. width: 100%;
  3562. pointer-events: auto;
  3563. background-color: #fff;
  3564. background-clip: padding-box;
  3565. border: 1px solid rgba(0,0,0,.2);
  3566. border-radius: .3rem;
  3567. outline: 0
  3568. }
  3569. .modal-backdrop {
  3570. position: fixed;
  3571. top: 0;
  3572. right: 0;
  3573. bottom: 0;
  3574. left: 0;
  3575. z-index: 1040;
  3576. background-color: #000
  3577. }
  3578. .modal-backdrop.fade {
  3579. opacity: 0
  3580. }
  3581. .modal-header {
  3582. display: flex;
  3583. align-items: flex-start;
  3584. justify-content: space-between;
  3585. padding: 1rem;
  3586. border-bottom: 1px solid #e9ecef;
  3587. border-top-left-radius: .3rem;
  3588. border-top-right-radius: .3rem
  3589. }
  3590. .modal-header .close {
  3591. padding: 1rem;
  3592. margin: -1rem -1rem -1rem auto
  3593. }
  3594. .modal-title {
  3595. margin-bottom: 0;
  3596. line-height: 1.5
  3597. }
  3598. .modal-body {
  3599. position: relative;
  3600. flex: 1 1 auto;
  3601. padding: 1rem
  3602. }
  3603. .modal-footer {
  3604. display: flex;
  3605. align-items: center;
  3606. justify-content: flex-end;
  3607. padding: 1rem;
  3608. border-top: 1px solid #e9ecef
  3609. }
  3610. .modal-footer>:not(:first-child) {
  3611. margin-left: .25rem
  3612. }
  3613. .modal-footer>:not(:last-child) {
  3614. margin-right: .25rem
  3615. }
  3616. .modal-scrollbar-measure {
  3617. position: absolute;
  3618. top: -9999px;
  3619. width: 50px;
  3620. height: 50px;
  3621. overflow: scroll
  3622. }
  3623. @media (min-width:576px) {
  3624. .modal-dialog {
  3625. max-width: 500px;
  3626. margin: 1.75rem auto
  3627. }
  3628. .modal-dialog-centered {
  3629. min-height: calc(100% - (1.75rem*2))
  3630. }
  3631. .modal-sm {
  3632. max-width: 300px
  3633. }
  3634. }
  3635. @media (min-width:992px) {
  3636. .modal-lg {
  3637. max-width: 800px
  3638. }
  3639. }
  3640. .close {
  3641. float: right;
  3642. font-size: 1.5rem;
  3643. font-weight: 700;
  3644. line-height: 1;
  3645. color: #000;
  3646. text-shadow: 0 1px 0 #fff;
  3647. opacity: .5
  3648. }
  3649. .close:focus,.close:hover {
  3650. color: #000;
  3651. text-decoration: none;
  3652. opacity: .75
  3653. }
  3654. .close:not(:disabled):not(.disabled) {
  3655. cursor: pointer
  3656. }
  3657. button.close {
  3658. padding: 0;
  3659. background-color: transparent;
  3660. border: 0;
  3661. -webkit-appearance: none
  3662. }
  3663. .align-baseline {
  3664. vertical-align: baseline!important
  3665. }
  3666. .align-top {
  3667. vertical-align: top!important
  3668. }
  3669. .align-middle {
  3670. vertical-align: middle!important
  3671. }
  3672. .align-bottom {
  3673. vertical-align: bottom!important
  3674. }
  3675. .align-text-bottom {
  3676. vertical-align: text-bottom!important
  3677. }
  3678. .align-text-top {
  3679. vertical-align: text-top!important
  3680. }
  3681. .bg-primary {
  3682. background-color: #ed7f22!important
  3683. }
  3684. a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
  3685. background-color: #cb6611!important
  3686. }
  3687. .bg-secondary {
  3688. background-color: #1a3867!important
  3689. }
  3690. a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
  3691. background-color: #10223e!important
  3692. }
  3693. .bg-success {
  3694. background-color: #28a745!important
  3695. }
  3696. a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
  3697. background-color: #1e7e34!important
  3698. }
  3699. .bg-info {
  3700. background-color: #b4b4b4!important
  3701. }
  3702. a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
  3703. background-color: #9b9b9b!important
  3704. }
  3705. .bg-warning {
  3706. background-color: #ffc107!important
  3707. }
  3708. a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
  3709. background-color: #d39e00!important
  3710. }
  3711. .bg-danger {
  3712. background-color: #dc3545!important
  3713. }
  3714. a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
  3715. background-color: #bd2130!important
  3716. }
  3717. .bg-light {
  3718. background-color: #f8f9fa!important
  3719. }
  3720. a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
  3721. background-color: #dae0e5!important
  3722. }
  3723. .bg-dark {
  3724. background-color: #343a40!important
  3725. }
  3726. a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
  3727. background-color: #1d2124!important
  3728. }
  3729. .bg-tertiary {
  3730. background-color: #1a3867!important
  3731. }
  3732. a.bg-tertiary:focus,a.bg-tertiary:hover,button.bg-tertiary:focus,button.bg-tertiary:hover {
  3733. background-color: #10223e!important
  3734. }
  3735. .bg-white {
  3736. background-color: #fff!important
  3737. }
  3738. .bg-transparent {
  3739. background-color: transparent!important
  3740. }
  3741. .border {
  3742. border: 1px solid #dee2e6!important
  3743. }
  3744. .border-top {
  3745. border-top: 1px solid #dee2e6!important
  3746. }
  3747. .border-right {
  3748. border-right: 1px solid #dee2e6!important
  3749. }
  3750. .border-bottom {
  3751. border-bottom: 1px solid #dee2e6!important
  3752. }
  3753. .border-left {
  3754. border-left: 1px solid #dee2e6!important
  3755. }
  3756. .border-0 {
  3757. border: 0!important
  3758. }
  3759. .border-top-0 {
  3760. border-top: 0!important
  3761. }
  3762. .border-right-0 {
  3763. border-right: 0!important
  3764. }
  3765. .border-bottom-0 {
  3766. border-bottom: 0!important
  3767. }
  3768. .border-left-0 {
  3769. border-left: 0!important
  3770. }
  3771. .border-primary {
  3772. border-color: #ed7f22!important
  3773. }
  3774. .border-secondary {
  3775. border-color: #1a3867!important
  3776. }
  3777. .border-success {
  3778. border-color: #28a745!important
  3779. }
  3780. .border-info {
  3781. border-color: #b4b4b4!important
  3782. }
  3783. .border-warning {
  3784. border-color: #ffc107!important
  3785. }
  3786. .border-danger {
  3787. border-color: #dc3545!important
  3788. }
  3789. .border-light {
  3790. border-color: #f8f9fa!important
  3791. }
  3792. .border-dark {
  3793. border-color: #343a40!important
  3794. }
  3795. .border-tertiary {
  3796. border-color: #1a3867!important
  3797. }
  3798. .border-white {
  3799. border-color: #fff!important
  3800. }
  3801. .rounded {
  3802. border-radius: .25rem!important
  3803. }
  3804. .rounded-right,.rounded-top {
  3805. border-top-right-radius: .25rem!important
  3806. }
  3807. .rounded-top {
  3808. border-top-left-radius: .25rem!important
  3809. }
  3810. .rounded-right {
  3811. border-bottom-right-radius: .25rem!important
  3812. }
  3813. .rounded-bottom,.rounded-left {
  3814. border-bottom-left-radius: .25rem!important
  3815. }
  3816. .rounded-bottom {
  3817. border-bottom-right-radius: .25rem!important
  3818. }
  3819. .rounded-left {
  3820. border-top-left-radius: .25rem!important
  3821. }
  3822. .rounded-circle {
  3823. border-radius: 50%!important
  3824. }
  3825. .rounded-0 {
  3826. border-radius: 0!important
  3827. }
  3828. .clearfix::after {
  3829. clear: both
  3830. }
  3831. .d-none {
  3832. display: none!important
  3833. }
  3834. .d-inline {
  3835. display: inline!important
  3836. }
  3837. .d-inline-block {
  3838. display: inline-block!important
  3839. }
  3840. .d-block {
  3841. display: block!important
  3842. }
  3843. .d-table {
  3844. display: table!important
  3845. }
  3846. .d-table-row {
  3847. display: table-row!important
  3848. }
  3849. .d-table-cell {
  3850. display: table-cell!important
  3851. }
  3852. .d-flex {
  3853. display: flex!important
  3854. }
  3855. .d-inline-flex {
  3856. display: inline-flex!important
  3857. }
  3858. @media (min-width:576px) {
  3859. .d-sm-none {
  3860. display: none!important
  3861. }
  3862. .d-sm-inline {
  3863. display: inline!important
  3864. }
  3865. .d-sm-inline-block {
  3866. display: inline-block!important
  3867. }
  3868. .d-sm-block {
  3869. display: block!important
  3870. }
  3871. .d-sm-table {
  3872. display: table!important
  3873. }
  3874. .d-sm-table-row {
  3875. display: table-row!important
  3876. }
  3877. .d-sm-table-cell {
  3878. display: table-cell!important
  3879. }
  3880. .d-sm-flex {
  3881. display: flex!important
  3882. }
  3883. .d-sm-inline-flex {
  3884. display: inline-flex!important
  3885. }
  3886. }
  3887. @media (min-width:768px) {
  3888. .d-md-none {
  3889. display: none!important
  3890. }
  3891. .d-md-inline {
  3892. display: inline!important
  3893. }
  3894. .d-md-inline-block {
  3895. display: inline-block!important
  3896. }
  3897. .d-md-block {
  3898. display: block!important
  3899. }
  3900. .d-md-table {
  3901. display: table!important
  3902. }
  3903. .d-md-table-row {
  3904. display: table-row!important
  3905. }
  3906. .d-md-table-cell {
  3907. display: table-cell!important
  3908. }
  3909. .d-md-flex {
  3910. display: flex!important
  3911. }
  3912. .d-md-inline-flex {
  3913. display: inline-flex!important
  3914. }
  3915. }
  3916. @media (min-width:992px) {
  3917. .d-lg-none {
  3918. display: none!important
  3919. }
  3920. .d-lg-inline {
  3921. display: inline!important
  3922. }
  3923. .d-lg-inline-block {
  3924. display: inline-block!important
  3925. }
  3926. .d-lg-block {
  3927. display: block!important
  3928. }
  3929. .d-lg-table {
  3930. display: table!important
  3931. }
  3932. .d-lg-table-row {
  3933. display: table-row!important
  3934. }
  3935. .d-lg-table-cell {
  3936. display: table-cell!important
  3937. }
  3938. .d-lg-flex {
  3939. display: flex!important
  3940. }
  3941. .d-lg-inline-flex {
  3942. display: inline-flex!important
  3943. }
  3944. }
  3945. @media (min-width:1200px) {
  3946. .d-xl-none {
  3947. display: none!important
  3948. }
  3949. .d-xl-inline {
  3950. display: inline!important
  3951. }
  3952. .d-xl-inline-block {
  3953. display: inline-block!important
  3954. }
  3955. .d-xl-block {
  3956. display: block!important
  3957. }
  3958. .d-xl-table {
  3959. display: table!important
  3960. }
  3961. .d-xl-table-row {
  3962. display: table-row!important
  3963. }
  3964. .d-xl-table-cell {
  3965. display: table-cell!important
  3966. }
  3967. .d-xl-flex {
  3968. display: flex!important
  3969. }
  3970. .d-xl-inline-flex {
  3971. display: inline-flex!important
  3972. }
  3973. }
  3974. @media print {
  3975. .d-print-none {
  3976. display: none!important
  3977. }
  3978. .d-print-inline {
  3979. display: inline!important
  3980. }
  3981. .d-print-inline-block {
  3982. display: inline-block!important
  3983. }
  3984. .d-print-block {
  3985. display: block!important
  3986. }
  3987. .d-print-table {
  3988. display: table!important
  3989. }
  3990. .d-print-table-row {
  3991. display: table-row!important
  3992. }
  3993. .d-print-table-cell {
  3994. display: table-cell!important
  3995. }
  3996. .d-print-flex {
  3997. display: flex!important
  3998. }
  3999. .d-print-inline-flex {
  4000. display: inline-flex!important
  4001. }
  4002. }
  4003. .embed-responsive {
  4004. position: relative;
  4005. display: block;
  4006. width: 100%;
  4007. padding: 0;
  4008. overflow: hidden
  4009. }
  4010. .clearfix::after,.embed-responsive::before {
  4011. display: block;
  4012. content: ""
  4013. }
  4014. .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
  4015. position: absolute;
  4016. top: 0;
  4017. bottom: 0;
  4018. left: 0;
  4019. width: 100%;
  4020. height: 100%;
  4021. border: 0
  4022. }
  4023. .embed-responsive-21by9::before {
  4024. padding-top: 42.8571428571%
  4025. }
  4026. .embed-responsive-16by9::before {
  4027. padding-top: 56.25%
  4028. }
  4029. .embed-responsive-4by3::before {
  4030. padding-top: 75%
  4031. }
  4032. .embed-responsive-1by1::before {
  4033. padding-top: 100%
  4034. }
  4035. .flex-row {
  4036. flex-direction: row!important
  4037. }
  4038. .flex-column {
  4039. flex-direction: column!important
  4040. }
  4041. .flex-row-reverse {
  4042. flex-direction: row-reverse!important
  4043. }
  4044. .flex-column-reverse {
  4045. flex-direction: column-reverse!important
  4046. }
  4047. .flex-wrap {
  4048. flex-wrap: wrap!important
  4049. }
  4050. .flex-nowrap {
  4051. flex-wrap: nowrap!important
  4052. }
  4053. .flex-wrap-reverse {
  4054. flex-wrap: wrap-reverse!important
  4055. }
  4056. .justify-content-start {
  4057. justify-content: flex-start!important
  4058. }
  4059. .justify-content-end {
  4060. justify-content: flex-end!important
  4061. }
  4062. .justify-content-center {
  4063. justify-content: center!important
  4064. }
  4065. .justify-content-between {
  4066. justify-content: space-between!important
  4067. }
  4068. .justify-content-around {
  4069. justify-content: space-around!important
  4070. }
  4071. .align-items-start {
  4072. align-items: flex-start!important
  4073. }
  4074. .align-items-end {
  4075. align-items: flex-end!important
  4076. }
  4077. .align-items-center {
  4078. align-items: center!important
  4079. }
  4080. .align-items-baseline {
  4081. align-items: baseline!important
  4082. }
  4083. .align-items-stretch {
  4084. align-items: stretch!important
  4085. }
  4086. .align-content-start {
  4087. align-content: flex-start!important
  4088. }
  4089. .align-content-end {
  4090. align-content: flex-end!important
  4091. }
  4092. .align-content-center {
  4093. align-content: center!important
  4094. }
  4095. .align-content-between {
  4096. align-content: space-between!important
  4097. }
  4098. .align-content-around {
  4099. align-content: space-around!important
  4100. }
  4101. .align-content-stretch {
  4102. align-content: stretch!important
  4103. }
  4104. .align-self-auto {
  4105. align-self: auto!important
  4106. }
  4107. .align-self-start {
  4108. align-self: flex-start!important
  4109. }
  4110. .align-self-end {
  4111. align-self: flex-end!important
  4112. }
  4113. .align-self-center {
  4114. align-self: center!important
  4115. }
  4116. .align-self-baseline {
  4117. align-self: baseline!important
  4118. }
  4119. .align-self-stretch {
  4120. align-self: stretch!important
  4121. }
  4122. @media (min-width:576px) {
  4123. .flex-sm-row {
  4124. flex-direction: row!important
  4125. }
  4126. .flex-sm-column {
  4127. flex-direction: column!important
  4128. }
  4129. .flex-sm-row-reverse {
  4130. flex-direction: row-reverse!important
  4131. }
  4132. .flex-sm-column-reverse {
  4133. flex-direction: column-reverse!important
  4134. }
  4135. .flex-sm-wrap {
  4136. flex-wrap: wrap!important
  4137. }
  4138. .flex-sm-nowrap {
  4139. flex-wrap: nowrap!important
  4140. }
  4141. .flex-sm-wrap-reverse {
  4142. flex-wrap: wrap-reverse!important
  4143. }
  4144. .justify-content-sm-start {
  4145. justify-content: flex-start!important
  4146. }
  4147. .justify-content-sm-end {
  4148. justify-content: flex-end!important
  4149. }
  4150. .justify-content-sm-center {
  4151. justify-content: center!important
  4152. }
  4153. .justify-content-sm-between {
  4154. justify-content: space-between!important
  4155. }
  4156. .justify-content-sm-around {
  4157. justify-content: space-around!important
  4158. }
  4159. .align-items-sm-start {
  4160. align-items: flex-start!important
  4161. }
  4162. .align-items-sm-end {
  4163. align-items: flex-end!important
  4164. }
  4165. .align-items-sm-center {
  4166. align-items: center!important
  4167. }
  4168. .align-items-sm-baseline {
  4169. align-items: baseline!important
  4170. }
  4171. .align-items-sm-stretch {
  4172. align-items: stretch!important
  4173. }
  4174. .align-content-sm-start {
  4175. align-content: flex-start!important
  4176. }
  4177. .align-content-sm-end {
  4178. align-content: flex-end!important
  4179. }
  4180. .align-content-sm-center {
  4181. align-content: center!important
  4182. }
  4183. .align-content-sm-between {
  4184. align-content: space-between!important
  4185. }
  4186. .align-content-sm-around {
  4187. align-content: space-around!important
  4188. }
  4189. .align-content-sm-stretch {
  4190. align-content: stretch!important
  4191. }
  4192. .align-self-sm-auto {
  4193. align-self: auto!important
  4194. }
  4195. .align-self-sm-start {
  4196. align-self: flex-start!important
  4197. }
  4198. .align-self-sm-end {
  4199. align-self: flex-end!important
  4200. }
  4201. .align-self-sm-center {
  4202. align-self: center!important
  4203. }
  4204. .align-self-sm-baseline {
  4205. align-self: baseline!important
  4206. }
  4207. .align-self-sm-stretch {
  4208. align-self: stretch!important
  4209. }
  4210. }
  4211. @media (min-width:768px) {
  4212. .flex-md-row {
  4213. flex-direction: row!important
  4214. }
  4215. .flex-md-column {
  4216. flex-direction: column!important
  4217. }
  4218. .flex-md-row-reverse {
  4219. flex-direction: row-reverse!important
  4220. }
  4221. .flex-md-column-reverse {
  4222. flex-direction: column-reverse!important
  4223. }
  4224. .flex-md-wrap {
  4225. flex-wrap: wrap!important
  4226. }
  4227. .flex-md-nowrap {
  4228. flex-wrap: nowrap!important
  4229. }
  4230. .flex-md-wrap-reverse {
  4231. flex-wrap: wrap-reverse!important
  4232. }
  4233. .justify-content-md-start {
  4234. justify-content: flex-start!important
  4235. }
  4236. .justify-content-md-end {
  4237. justify-content: flex-end!important
  4238. }
  4239. .justify-content-md-center {
  4240. justify-content: center!important
  4241. }
  4242. .justify-content-md-between {
  4243. justify-content: space-between!important
  4244. }
  4245. .justify-content-md-around {
  4246. justify-content: space-around!important
  4247. }
  4248. .align-items-md-start {
  4249. align-items: flex-start!important
  4250. }
  4251. .align-items-md-end {
  4252. align-items: flex-end!important
  4253. }
  4254. .align-items-md-center {
  4255. align-items: center!important
  4256. }
  4257. .align-items-md-baseline {
  4258. align-items: baseline!important
  4259. }
  4260. .align-items-md-stretch {
  4261. align-items: stretch!important
  4262. }
  4263. .align-content-md-start {
  4264. align-content: flex-start!important
  4265. }
  4266. .align-content-md-end {
  4267. align-content: flex-end!important
  4268. }
  4269. .align-content-md-center {
  4270. align-content: center!important
  4271. }
  4272. .align-content-md-between {
  4273. align-content: space-between!important
  4274. }
  4275. .align-content-md-around {
  4276. align-content: space-around!important
  4277. }
  4278. .align-content-md-stretch {
  4279. align-content: stretch!important
  4280. }
  4281. .align-self-md-auto {
  4282. align-self: auto!important
  4283. }
  4284. .align-self-md-start {
  4285. align-self: flex-start!important
  4286. }
  4287. .align-self-md-end {
  4288. align-self: flex-end!important
  4289. }
  4290. .align-self-md-center {
  4291. align-self: center!important
  4292. }
  4293. .align-self-md-baseline {
  4294. align-self: baseline!important
  4295. }
  4296. .align-self-md-stretch {
  4297. align-self: stretch!important
  4298. }
  4299. }
  4300. @media (min-width:992px) {
  4301. .flex-lg-row {
  4302. flex-direction: row!important
  4303. }
  4304. .flex-lg-column {
  4305. flex-direction: column!important
  4306. }
  4307. .flex-lg-row-reverse {
  4308. flex-direction: row-reverse!important
  4309. }
  4310. .flex-lg-column-reverse {
  4311. flex-direction: column-reverse!important
  4312. }
  4313. .flex-lg-wrap {
  4314. flex-wrap: wrap!important
  4315. }
  4316. .flex-lg-nowrap {
  4317. flex-wrap: nowrap!important
  4318. }
  4319. .flex-lg-wrap-reverse {
  4320. flex-wrap: wrap-reverse!important
  4321. }
  4322. .justify-content-lg-start {
  4323. justify-content: flex-start!important
  4324. }
  4325. .justify-content-lg-end {
  4326. justify-content: flex-end!important
  4327. }
  4328. .justify-content-lg-center {
  4329. justify-content: center!important
  4330. }
  4331. .justify-content-lg-between {
  4332. justify-content: space-between!important
  4333. }
  4334. .justify-content-lg-around {
  4335. justify-content: space-around!important
  4336. }
  4337. .align-items-lg-start {
  4338. align-items: flex-start!important
  4339. }
  4340. .align-items-lg-end {
  4341. align-items: flex-end!important
  4342. }
  4343. .align-items-lg-center {
  4344. align-items: center!important
  4345. }
  4346. .align-items-lg-baseline {
  4347. align-items: baseline!important
  4348. }
  4349. .align-items-lg-stretch {
  4350. align-items: stretch!important
  4351. }
  4352. .align-content-lg-start {
  4353. align-content: flex-start!important
  4354. }
  4355. .align-content-lg-end {
  4356. align-content: flex-end!important
  4357. }
  4358. .align-content-lg-center {
  4359. align-content: center!important
  4360. }
  4361. .align-content-lg-between {
  4362. align-content: space-between!important
  4363. }
  4364. .align-content-lg-around {
  4365. align-content: space-around!important
  4366. }
  4367. .align-content-lg-stretch {
  4368. align-content: stretch!important
  4369. }
  4370. .align-self-lg-auto {
  4371. align-self: auto!important
  4372. }
  4373. .align-self-lg-start {
  4374. align-self: flex-start!important
  4375. }
  4376. .align-self-lg-end {
  4377. align-self: flex-end!important
  4378. }
  4379. .align-self-lg-center {
  4380. align-self: center!important
  4381. }
  4382. .align-self-lg-baseline {
  4383. align-self: baseline!important
  4384. }
  4385. .align-self-lg-stretch {
  4386. align-self: stretch!important
  4387. }
  4388. }
  4389. @media (min-width:1200px) {
  4390. .flex-xl-row {
  4391. flex-direction: row!important
  4392. }
  4393. .flex-xl-column {
  4394. flex-direction: column!important
  4395. }
  4396. .flex-xl-row-reverse {
  4397. flex-direction: row-reverse!important
  4398. }
  4399. .flex-xl-column-reverse {
  4400. flex-direction: column-reverse!important
  4401. }
  4402. .flex-xl-wrap {
  4403. flex-wrap: wrap!important
  4404. }
  4405. .flex-xl-nowrap {
  4406. flex-wrap: nowrap!important
  4407. }
  4408. .flex-xl-wrap-reverse {
  4409. flex-wrap: wrap-reverse!important
  4410. }
  4411. .justify-content-xl-start {
  4412. justify-content: flex-start!important
  4413. }
  4414. .justify-content-xl-end {
  4415. justify-content: flex-end!important
  4416. }
  4417. .justify-content-xl-center {
  4418. justify-content: center!important
  4419. }
  4420. .justify-content-xl-between {
  4421. justify-content: space-between!important
  4422. }
  4423. .justify-content-xl-around {
  4424. justify-content: space-around!important
  4425. }
  4426. .align-items-xl-start {
  4427. align-items: flex-start!important
  4428. }
  4429. .align-items-xl-end {
  4430. align-items: flex-end!important
  4431. }
  4432. .align-items-xl-center {
  4433. align-items: center!important
  4434. }
  4435. .align-items-xl-baseline {
  4436. align-items: baseline!important
  4437. }
  4438. .align-items-xl-stretch {
  4439. align-items: stretch!important
  4440. }
  4441. .align-content-xl-start {
  4442. align-content: flex-start!important
  4443. }
  4444. .align-content-xl-end {
  4445. align-content: flex-end!important
  4446. }
  4447. .align-content-xl-center {
  4448. align-content: center!important
  4449. }
  4450. .align-content-xl-between {
  4451. align-content: space-between!important
  4452. }
  4453. .align-content-xl-around {
  4454. align-content: space-around!important
  4455. }
  4456. .align-content-xl-stretch {
  4457. align-content: stretch!important
  4458. }
  4459. .align-self-xl-auto {
  4460. align-self: auto!important
  4461. }
  4462. .align-self-xl-start {
  4463. align-self: flex-start!important
  4464. }
  4465. .align-self-xl-end {
  4466. align-self: flex-end!important
  4467. }
  4468. .align-self-xl-center {
  4469. align-self: center!important
  4470. }
  4471. .align-self-xl-baseline {
  4472. align-self: baseline!important
  4473. }
  4474. .align-self-xl-stretch {
  4475. align-self: stretch!important
  4476. }
  4477. }
  4478. .float-left {
  4479. float: left!important
  4480. }
  4481. .float-right {
  4482. float: right!important
  4483. }
  4484. .float-none {
  4485. float: none!important
  4486. }
  4487. @media (min-width:576px) {
  4488. .float-sm-left {
  4489. float: left!important
  4490. }
  4491. .float-sm-right {
  4492. float: right!important
  4493. }
  4494. .float-sm-none {
  4495. float: none!important
  4496. }
  4497. }
  4498. @media (min-width:768px) {
  4499. .float-md-left {
  4500. float: left!important
  4501. }
  4502. .float-md-right {
  4503. float: right!important
  4504. }
  4505. .float-md-none {
  4506. float: none!important
  4507. }
  4508. }
  4509. @media (min-width:992px) {
  4510. .float-lg-left {
  4511. float: left!important
  4512. }
  4513. .float-lg-right {
  4514. float: right!important
  4515. }
  4516. .float-lg-none {
  4517. float: none!important
  4518. }
  4519. }
  4520. @media (min-width:1200px) {
  4521. .float-xl-left {
  4522. float: left!important
  4523. }
  4524. .float-xl-right {
  4525. float: right!important
  4526. }
  4527. .float-xl-none {
  4528. float: none!important
  4529. }
  4530. }
  4531. .position-static {
  4532. position: static!important
  4533. }
  4534. .position-relative {
  4535. position: relative!important
  4536. }
  4537. .position-absolute {
  4538. position: absolute!important
  4539. }
  4540. .position-fixed {
  4541. position: fixed!important
  4542. }
  4543. .position-sticky {
  4544. position: sticky!important
  4545. }
  4546. .fixed-bottom,.fixed-top {
  4547. position: fixed;
  4548. right: 0;
  4549. left: 0;
  4550. z-index: 1030
  4551. }
  4552. .fixed-top {
  4553. top: 0
  4554. }
  4555. .fixed-bottom {
  4556. bottom: 0
  4557. }
  4558. @supports (position:sticky) {
  4559. .sticky-top {
  4560. position: sticky;
  4561. top: 0;
  4562. z-index: 1020
  4563. }
  4564. }
  4565. .sr-only {
  4566. position: absolute;
  4567. width: 1px;
  4568. height: 1px;
  4569. padding: 0;
  4570. overflow: hidden;
  4571. clip: rect(0,0,0,0);
  4572. white-space: nowrap;
  4573. clip-path: inset(50%);
  4574. border: 0
  4575. }
  4576. .sr-only-focusable:active,.sr-only-focusable:focus {
  4577. position: static;
  4578. width: auto;
  4579. height: auto;
  4580. overflow: visible;
  4581. clip: auto;
  4582. white-space: normal;
  4583. clip-path: none
  4584. }
  4585. .w-25 {
  4586. width: 25%!important
  4587. }
  4588. .w-50 {
  4589. width: 50%!important
  4590. }
  4591. .w-75 {
  4592. width: 75%!important
  4593. }
  4594. .w-100 {
  4595. width: 100%!important
  4596. }
  4597. .h-25 {
  4598. height: 25%!important
  4599. }
  4600. .h-50 {
  4601. height: 50%!important
  4602. }
  4603. .h-75 {
  4604. height: 75%!important
  4605. }
  4606. .h-100 {
  4607. height: 100%!important
  4608. }
  4609. .mw-100 {
  4610. max-width: 100%!important
  4611. }
  4612. .mh-100 {
  4613. max-height: 100%!important
  4614. }
  4615. .m-0 {
  4616. margin: 0!important
  4617. }
  4618. .mt-0,.my-0 {
  4619. margin-top: 0!important
  4620. }
  4621. .mr-0,.mx-0 {
  4622. margin-right: 0!important
  4623. }
  4624. .mb-0,.my-0 {
  4625. margin-bottom: 0!important
  4626. }
  4627. .ml-0,.mx-0 {
  4628. margin-left: 0!important
  4629. }
  4630. .m-1 {
  4631. margin: .25rem!important
  4632. }
  4633. .mt-1,.my-1 {
  4634. margin-top: .25rem!important
  4635. }
  4636. .mr-1,.mx-1 {
  4637. margin-right: .25rem!important
  4638. }
  4639. .mb-1,.my-1 {
  4640. margin-bottom: .25rem!important
  4641. }
  4642. .ml-1,.mx-1 {
  4643. margin-left: .25rem!important
  4644. }
  4645. .m-2 {
  4646. margin: .5rem!important
  4647. }
  4648. .mt-2,.my-2 {
  4649. margin-top: .5rem!important
  4650. }
  4651. .mr-2,.mx-2 {
  4652. margin-right: .5rem!important
  4653. }
  4654. .mb-2,.my-2 {
  4655. margin-bottom: .5rem!important
  4656. }
  4657. .ml-2,.mx-2 {
  4658. margin-left: .5rem!important
  4659. }
  4660. .m-3 {
  4661. margin: 1rem!important
  4662. }
  4663. .mt-3,.my-3 {
  4664. margin-top: 1rem!important
  4665. }
  4666. .mr-3,.mx-3 {
  4667. margin-right: 1rem!important
  4668. }
  4669. .mb-3,.my-3 {
  4670. margin-bottom: 1rem!important
  4671. }
  4672. .ml-3,.mx-3 {
  4673. margin-left: 1rem!important
  4674. }
  4675. .m-4 {
  4676. margin: 1.5rem!important
  4677. }
  4678. .mt-4,.my-4 {
  4679. margin-top: 1.5rem!important
  4680. }
  4681. .mr-4,.mx-4 {
  4682. margin-right: 1.5rem!important
  4683. }
  4684. .mb-4,.my-4 {
  4685. margin-bottom: 1.5rem!important
  4686. }
  4687. .ml-4,.mx-4 {
  4688. margin-left: 1.5rem!important
  4689. }
  4690. .m-5 {
  4691. margin: 2rem!important
  4692. }
  4693. .mt-5,.my-5 {
  4694. margin-top: 2rem!important
  4695. }
  4696. .mr-5,.mx-5 {
  4697. margin-right: 2rem!important
  4698. }
  4699. .mb-5,.my-5 {
  4700. margin-bottom: 2rem!important
  4701. }
  4702. .ml-5,.mx-5 {
  4703. margin-left: 2rem!important
  4704. }
  4705. .m-6 {
  4706. margin: 3rem!important
  4707. }
  4708. .mt-6,.my-6 {
  4709. margin-top: 3rem!important
  4710. }
  4711. .mr-6,.mx-6 {
  4712. margin-right: 3rem!important
  4713. }
  4714. .mb-6,.my-6 {
  4715. margin-bottom: 3rem!important
  4716. }
  4717. .ml-6,.mx-6 {
  4718. margin-left: 3rem!important
  4719. }
  4720. .m-7 {
  4721. margin: 4rem!important
  4722. }
  4723. .mt-7,.my-7 {
  4724. margin-top: 4rem!important
  4725. }
  4726. .mr-7,.mx-7 {
  4727. margin-right: 4rem!important
  4728. }
  4729. .mb-7,.my-7 {
  4730. margin-bottom: 4rem!important
  4731. }
  4732. .ml-7,.mx-7 {
  4733. margin-left: 4rem!important
  4734. }
  4735. .m-8 {
  4736. margin: 5rem!important
  4737. }
  4738. .mt-8,.my-8 {
  4739. margin-top: 5rem!important
  4740. }
  4741. .mr-8,.mx-8 {
  4742. margin-right: 5rem!important
  4743. }
  4744. .mb-8,.my-8 {
  4745. margin-bottom: 5rem!important
  4746. }
  4747. .ml-8,.mx-8 {
  4748. margin-left: 5rem!important
  4749. }
  4750. .p-0 {
  4751. padding: 0!important
  4752. }
  4753. .pt-0,.py-0 {
  4754. padding-top: 0!important
  4755. }
  4756. .pr-0,.px-0 {
  4757. padding-right: 0!important
  4758. }
  4759. .pb-0,.py-0 {
  4760. padding-bottom: 0!important
  4761. }
  4762. .pl-0,.px-0 {
  4763. padding-left: 0!important
  4764. }
  4765. .p-1 {
  4766. padding: .25rem!important
  4767. }
  4768. .pt-1,.py-1 {
  4769. padding-top: .25rem!important
  4770. }
  4771. .pr-1,.px-1 {
  4772. padding-right: .25rem!important
  4773. }
  4774. .pb-1,.py-1 {
  4775. padding-bottom: .25rem!important
  4776. }
  4777. .pl-1,.px-1 {
  4778. padding-left: .25rem!important
  4779. }
  4780. .p-2 {
  4781. padding: .5rem!important
  4782. }
  4783. .pt-2,.py-2 {
  4784. padding-top: .5rem!important
  4785. }
  4786. .pr-2,.px-2 {
  4787. padding-right: .5rem!important
  4788. }
  4789. .pb-2,.py-2 {
  4790. padding-bottom: .5rem!important
  4791. }
  4792. .pl-2,.px-2 {
  4793. padding-left: .5rem!important
  4794. }
  4795. .p-3 {
  4796. padding: 1rem!important
  4797. }
  4798. .pt-3,.py-3 {
  4799. padding-top: 1rem!important
  4800. }
  4801. .pr-3,.px-3 {
  4802. padding-right: 1rem!important
  4803. }
  4804. .pb-3,.py-3 {
  4805. padding-bottom: 1rem!important
  4806. }
  4807. .pl-3,.px-3 {
  4808. padding-left: 1rem!important
  4809. }
  4810. .p-4 {
  4811. padding: 1.5rem!important
  4812. }
  4813. .pt-4,.py-4 {
  4814. padding-top: 1.5rem!important
  4815. }
  4816. .pr-4,.px-4 {
  4817. padding-right: 1.5rem!important
  4818. }
  4819. .pb-4,.py-4 {
  4820. padding-bottom: 1.5rem!important
  4821. }
  4822. .pl-4,.px-4 {
  4823. padding-left: 1.5rem!important
  4824. }
  4825. .p-5 {
  4826. padding: 2rem!important
  4827. }
  4828. .pt-5,.py-5 {
  4829. padding-top: 2rem!important
  4830. }
  4831. .pr-5,.px-5 {
  4832. padding-right: 2rem!important
  4833. }
  4834. .pb-5,.py-5 {
  4835. padding-bottom: 2rem!important
  4836. }
  4837. .pl-5,.px-5 {
  4838. padding-left: 2rem!important
  4839. }
  4840. .p-6 {
  4841. padding: 3rem!important
  4842. }
  4843. .pt-6,.py-6 {
  4844. padding-top: 3rem!important
  4845. }
  4846. .pr-6,.px-6 {
  4847. padding-right: 3rem!important
  4848. }
  4849. .pb-6,.py-6 {
  4850. padding-bottom: 3rem!important
  4851. }
  4852. .pl-6,.px-6 {
  4853. padding-left: 3rem!important
  4854. }
  4855. .p-7 {
  4856. padding: 4rem!important
  4857. }
  4858. .pt-7,.py-7 {
  4859. padding-top: 4rem!important
  4860. }
  4861. .pr-7,.px-7 {
  4862. padding-right: 4rem!important
  4863. }
  4864. .pb-7,.py-7 {
  4865. padding-bottom: 4rem!important
  4866. }
  4867. .pl-7,.px-7 {
  4868. padding-left: 4rem!important
  4869. }
  4870. .p-8 {
  4871. padding: 5rem!important
  4872. }
  4873. .pt-8,.py-8 {
  4874. padding-top: 5rem!important
  4875. }
  4876. .pr-8,.px-8 {
  4877. padding-right: 5rem!important
  4878. }
  4879. .pb-8,.py-8 {
  4880. padding-bottom: 5rem!important
  4881. }
  4882. .pl-8,.px-8 {
  4883. padding-left: 5rem!important
  4884. }
  4885. .m-auto {
  4886. margin: auto!important
  4887. }
  4888. .mt-auto,.my-auto {
  4889. margin-top: auto!important
  4890. }
  4891. .mr-auto,.mx-auto {
  4892. margin-right: auto!important
  4893. }
  4894. .mb-auto,.my-auto {
  4895. margin-bottom: auto!important
  4896. }
  4897. .ml-auto,.mx-auto {
  4898. margin-left: auto!important
  4899. }
  4900. @media (min-width:576px) {
  4901. .m-sm-0 {
  4902. margin: 0!important
  4903. }
  4904. .mt-sm-0,.my-sm-0 {
  4905. margin-top: 0!important
  4906. }
  4907. .mr-sm-0,.mx-sm-0 {
  4908. margin-right: 0!important
  4909. }
  4910. .mb-sm-0,.my-sm-0 {
  4911. margin-bottom: 0!important
  4912. }
  4913. .ml-sm-0,.mx-sm-0 {
  4914. margin-left: 0!important
  4915. }
  4916. .m-sm-1 {
  4917. margin: .25rem!important
  4918. }
  4919. .mt-sm-1,.my-sm-1 {
  4920. margin-top: .25rem!important
  4921. }
  4922. .mr-sm-1,.mx-sm-1 {
  4923. margin-right: .25rem!important
  4924. }
  4925. .mb-sm-1,.my-sm-1 {
  4926. margin-bottom: .25rem!important
  4927. }
  4928. .ml-sm-1,.mx-sm-1 {
  4929. margin-left: .25rem!important
  4930. }
  4931. .m-sm-2 {
  4932. margin: .5rem!important
  4933. }
  4934. .mt-sm-2,.my-sm-2 {
  4935. margin-top: .5rem!important
  4936. }
  4937. .mr-sm-2,.mx-sm-2 {
  4938. margin-right: .5rem!important
  4939. }
  4940. .mb-sm-2,.my-sm-2 {
  4941. margin-bottom: .5rem!important
  4942. }
  4943. .ml-sm-2,.mx-sm-2 {
  4944. margin-left: .5rem!important
  4945. }
  4946. .m-sm-3 {
  4947. margin: 1rem!important
  4948. }
  4949. .mt-sm-3,.my-sm-3 {
  4950. margin-top: 1rem!important
  4951. }
  4952. .mr-sm-3,.mx-sm-3 {
  4953. margin-right: 1rem!important
  4954. }
  4955. .mb-sm-3,.my-sm-3 {
  4956. margin-bottom: 1rem!important
  4957. }
  4958. .ml-sm-3,.mx-sm-3 {
  4959. margin-left: 1rem!important
  4960. }
  4961. .m-sm-4 {
  4962. margin: 1.5rem!important
  4963. }
  4964. .mt-sm-4,.my-sm-4 {
  4965. margin-top: 1.5rem!important
  4966. }
  4967. .mr-sm-4,.mx-sm-4 {
  4968. margin-right: 1.5rem!important
  4969. }
  4970. .mb-sm-4,.my-sm-4 {
  4971. margin-bottom: 1.5rem!important
  4972. }
  4973. .ml-sm-4,.mx-sm-4 {
  4974. margin-left: 1.5rem!important
  4975. }
  4976. .m-sm-5 {
  4977. margin: 2rem!important
  4978. }
  4979. .mt-sm-5,.my-sm-5 {
  4980. margin-top: 2rem!important
  4981. }
  4982. .mr-sm-5,.mx-sm-5 {
  4983. margin-right: 2rem!important
  4984. }
  4985. .mb-sm-5,.my-sm-5 {
  4986. margin-bottom: 2rem!important
  4987. }
  4988. .ml-sm-5,.mx-sm-5 {
  4989. margin-left: 2rem!important
  4990. }
  4991. .m-sm-6 {
  4992. margin: 3rem!important
  4993. }
  4994. .mt-sm-6,.my-sm-6 {
  4995. margin-top: 3rem!important
  4996. }
  4997. .mr-sm-6,.mx-sm-6 {
  4998. margin-right: 3rem!important
  4999. }
  5000. .mb-sm-6,.my-sm-6 {
  5001. margin-bottom: 3rem!important
  5002. }
  5003. .ml-sm-6,.mx-sm-6 {
  5004. margin-left: 3rem!important
  5005. }
  5006. .m-sm-7 {
  5007. margin: 4rem!important
  5008. }
  5009. .mt-sm-7,.my-sm-7 {
  5010. margin-top: 4rem!important
  5011. }
  5012. .mr-sm-7,.mx-sm-7 {
  5013. margin-right: 4rem!important
  5014. }
  5015. .mb-sm-7,.my-sm-7 {
  5016. margin-bottom: 4rem!important
  5017. }
  5018. .ml-sm-7,.mx-sm-7 {
  5019. margin-left: 4rem!important
  5020. }
  5021. .m-sm-8 {
  5022. margin: 5rem!important
  5023. }
  5024. .mt-sm-8,.my-sm-8 {
  5025. margin-top: 5rem!important
  5026. }
  5027. .mr-sm-8,.mx-sm-8 {
  5028. margin-right: 5rem!important
  5029. }
  5030. .mb-sm-8,.my-sm-8 {
  5031. margin-bottom: 5rem!important
  5032. }
  5033. .ml-sm-8,.mx-sm-8 {
  5034. margin-left: 5rem!important
  5035. }
  5036. .p-sm-0 {
  5037. padding: 0!important
  5038. }
  5039. .pt-sm-0,.py-sm-0 {
  5040. padding-top: 0!important
  5041. }
  5042. .pr-sm-0,.px-sm-0 {
  5043. padding-right: 0!important
  5044. }
  5045. .pb-sm-0,.py-sm-0 {
  5046. padding-bottom: 0!important
  5047. }
  5048. .pl-sm-0,.px-sm-0 {
  5049. padding-left: 0!important
  5050. }
  5051. .p-sm-1 {
  5052. padding: .25rem!important
  5053. }
  5054. .pt-sm-1,.py-sm-1 {
  5055. padding-top: .25rem!important
  5056. }
  5057. .pr-sm-1,.px-sm-1 {
  5058. padding-right: .25rem!important
  5059. }
  5060. .pb-sm-1,.py-sm-1 {
  5061. padding-bottom: .25rem!important
  5062. }
  5063. .pl-sm-1,.px-sm-1 {
  5064. padding-left: .25rem!important
  5065. }
  5066. .p-sm-2 {
  5067. padding: .5rem!important
  5068. }
  5069. .pt-sm-2,.py-sm-2 {
  5070. padding-top: .5rem!important
  5071. }
  5072. .pr-sm-2,.px-sm-2 {
  5073. padding-right: .5rem!important
  5074. }
  5075. .pb-sm-2,.py-sm-2 {
  5076. padding-bottom: .5rem!important
  5077. }
  5078. .pl-sm-2,.px-sm-2 {
  5079. padding-left: .5rem!important
  5080. }
  5081. .p-sm-3 {
  5082. padding: 1rem!important
  5083. }
  5084. .pt-sm-3,.py-sm-3 {
  5085. padding-top: 1rem!important
  5086. }
  5087. .pr-sm-3,.px-sm-3 {
  5088. padding-right: 1rem!important
  5089. }
  5090. .pb-sm-3,.py-sm-3 {
  5091. padding-bottom: 1rem!important
  5092. }
  5093. .pl-sm-3,.px-sm-3 {
  5094. padding-left: 1rem!important
  5095. }
  5096. .p-sm-4 {
  5097. padding: 1.5rem!important
  5098. }
  5099. .pt-sm-4,.py-sm-4 {
  5100. padding-top: 1.5rem!important
  5101. }
  5102. .pr-sm-4,.px-sm-4 {
  5103. padding-right: 1.5rem!important
  5104. }
  5105. .pb-sm-4,.py-sm-4 {
  5106. padding-bottom: 1.5rem!important
  5107. }
  5108. .pl-sm-4,.px-sm-4 {
  5109. padding-left: 1.5rem!important
  5110. }
  5111. .p-sm-5 {
  5112. padding: 2rem!important
  5113. }
  5114. .pt-sm-5,.py-sm-5 {
  5115. padding-top: 2rem!important
  5116. }
  5117. .pr-sm-5,.px-sm-5 {
  5118. padding-right: 2rem!important
  5119. }
  5120. .pb-sm-5,.py-sm-5 {
  5121. padding-bottom: 2rem!important
  5122. }
  5123. .pl-sm-5,.px-sm-5 {
  5124. padding-left: 2rem!important
  5125. }
  5126. .p-sm-6 {
  5127. padding: 3rem!important
  5128. }
  5129. .pt-sm-6,.py-sm-6 {
  5130. padding-top: 3rem!important
  5131. }
  5132. .pr-sm-6,.px-sm-6 {
  5133. padding-right: 3rem!important
  5134. }
  5135. .pb-sm-6,.py-sm-6 {
  5136. padding-bottom: 3rem!important
  5137. }
  5138. .pl-sm-6,.px-sm-6 {
  5139. padding-left: 3rem!important
  5140. }
  5141. .p-sm-7 {
  5142. padding: 4rem!important
  5143. }
  5144. .pt-sm-7,.py-sm-7 {
  5145. padding-top: 4rem!important
  5146. }
  5147. .pr-sm-7,.px-sm-7 {
  5148. padding-right: 4rem!important
  5149. }
  5150. .pb-sm-7,.py-sm-7 {
  5151. padding-bottom: 4rem!important
  5152. }
  5153. .pl-sm-7,.px-sm-7 {
  5154. padding-left: 4rem!important
  5155. }
  5156. .p-sm-8 {
  5157. padding: 5rem!important
  5158. }
  5159. .pt-sm-8,.py-sm-8 {
  5160. padding-top: 5rem!important
  5161. }
  5162. .pr-sm-8,.px-sm-8 {
  5163. padding-right: 5rem!important
  5164. }
  5165. .pb-sm-8,.py-sm-8 {
  5166. padding-bottom: 5rem!important
  5167. }
  5168. .pl-sm-8,.px-sm-8 {
  5169. padding-left: 5rem!important
  5170. }
  5171. .m-sm-auto {
  5172. margin: auto!important
  5173. }
  5174. .mt-sm-auto,.my-sm-auto {
  5175. margin-top: auto!important
  5176. }
  5177. .mr-sm-auto,.mx-sm-auto {
  5178. margin-right: auto!important
  5179. }
  5180. .mb-sm-auto,.my-sm-auto {
  5181. margin-bottom: auto!important
  5182. }
  5183. .ml-sm-auto,.mx-sm-auto {
  5184. margin-left: auto!important
  5185. }
  5186. }
  5187. @media (min-width:768px) {
  5188. .m-md-0 {
  5189. margin: 0!important
  5190. }
  5191. .mt-md-0,.my-md-0 {
  5192. margin-top: 0!important
  5193. }
  5194. .mr-md-0,.mx-md-0 {
  5195. margin-right: 0!important
  5196. }
  5197. .mb-md-0,.my-md-0 {
  5198. margin-bottom: 0!important
  5199. }
  5200. .ml-md-0,.mx-md-0 {
  5201. margin-left: 0!important
  5202. }
  5203. .m-md-1 {
  5204. margin: .25rem!important
  5205. }
  5206. .mt-md-1,.my-md-1 {
  5207. margin-top: .25rem!important
  5208. }
  5209. .mr-md-1,.mx-md-1 {
  5210. margin-right: .25rem!important
  5211. }
  5212. .mb-md-1,.my-md-1 {
  5213. margin-bottom: .25rem!important
  5214. }
  5215. .ml-md-1,.mx-md-1 {
  5216. margin-left: .25rem!important
  5217. }
  5218. .m-md-2 {
  5219. margin: .5rem!important
  5220. }
  5221. .mt-md-2,.my-md-2 {
  5222. margin-top: .5rem!important
  5223. }
  5224. .mr-md-2,.mx-md-2 {
  5225. margin-right: .5rem!important
  5226. }
  5227. .mb-md-2,.my-md-2 {
  5228. margin-bottom: .5rem!important
  5229. }
  5230. .ml-md-2,.mx-md-2 {
  5231. margin-left: .5rem!important
  5232. }
  5233. .m-md-3 {
  5234. margin: 1rem!important
  5235. }
  5236. .mt-md-3,.my-md-3 {
  5237. margin-top: 1rem!important
  5238. }
  5239. .mr-md-3,.mx-md-3 {
  5240. margin-right: 1rem!important
  5241. }
  5242. .mb-md-3,.my-md-3 {
  5243. margin-bottom: 1rem!important
  5244. }
  5245. .ml-md-3,.mx-md-3 {
  5246. margin-left: 1rem!important
  5247. }
  5248. .m-md-4 {
  5249. margin: 1.5rem!important
  5250. }
  5251. .mt-md-4,.my-md-4 {
  5252. margin-top: 1.5rem!important
  5253. }
  5254. .mr-md-4,.mx-md-4 {
  5255. margin-right: 1.5rem!important
  5256. }
  5257. .mb-md-4,.my-md-4 {
  5258. margin-bottom: 1.5rem!important
  5259. }
  5260. .ml-md-4,.mx-md-4 {
  5261. margin-left: 1.5rem!important
  5262. }
  5263. .m-md-5 {
  5264. margin: 2rem!important
  5265. }
  5266. .mt-md-5,.my-md-5 {
  5267. margin-top: 2rem!important
  5268. }
  5269. .mr-md-5,.mx-md-5 {
  5270. margin-right: 2rem!important
  5271. }
  5272. .mb-md-5,.my-md-5 {
  5273. margin-bottom: 2rem!important
  5274. }
  5275. .ml-md-5,.mx-md-5 {
  5276. margin-left: 2rem!important
  5277. }
  5278. .m-md-6 {
  5279. margin: 3rem!important
  5280. }
  5281. .mt-md-6,.my-md-6 {
  5282. margin-top: 3rem!important
  5283. }
  5284. .mr-md-6,.mx-md-6 {
  5285. margin-right: 3rem!important
  5286. }
  5287. .mb-md-6,.my-md-6 {
  5288. margin-bottom: 3rem!important
  5289. }
  5290. .ml-md-6,.mx-md-6 {
  5291. margin-left: 3rem!important
  5292. }
  5293. .m-md-7 {
  5294. margin: 4rem!important
  5295. }
  5296. .mt-md-7,.my-md-7 {
  5297. margin-top: 4rem!important
  5298. }
  5299. .mr-md-7,.mx-md-7 {
  5300. margin-right: 4rem!important
  5301. }
  5302. .mb-md-7,.my-md-7 {
  5303. margin-bottom: 4rem!important
  5304. }
  5305. .ml-md-7,.mx-md-7 {
  5306. margin-left: 4rem!important
  5307. }
  5308. .m-md-8 {
  5309. margin: 5rem!important
  5310. }
  5311. .mt-md-8,.my-md-8 {
  5312. margin-top: 5rem!important
  5313. }
  5314. .mr-md-8,.mx-md-8 {
  5315. margin-right: 5rem!important
  5316. }
  5317. .mb-md-8,.my-md-8 {
  5318. margin-bottom: 5rem!important
  5319. }
  5320. .ml-md-8,.mx-md-8 {
  5321. margin-left: 5rem!important
  5322. }
  5323. .p-md-0 {
  5324. padding: 0!important
  5325. }
  5326. .pt-md-0,.py-md-0 {
  5327. padding-top: 0!important
  5328. }
  5329. .pr-md-0,.px-md-0 {
  5330. padding-right: 0!important
  5331. }
  5332. .pb-md-0,.py-md-0 {
  5333. padding-bottom: 0!important
  5334. }
  5335. .pl-md-0,.px-md-0 {
  5336. padding-left: 0!important
  5337. }
  5338. .p-md-1 {
  5339. padding: .25rem!important
  5340. }
  5341. .pt-md-1,.py-md-1 {
  5342. padding-top: .25rem!important
  5343. }
  5344. .pr-md-1,.px-md-1 {
  5345. padding-right: .25rem!important
  5346. }
  5347. .pb-md-1,.py-md-1 {
  5348. padding-bottom: .25rem!important
  5349. }
  5350. .pl-md-1,.px-md-1 {
  5351. padding-left: .25rem!important
  5352. }
  5353. .p-md-2 {
  5354. padding: .5rem!important
  5355. }
  5356. .pt-md-2,.py-md-2 {
  5357. padding-top: .5rem!important
  5358. }
  5359. .pr-md-2,.px-md-2 {
  5360. padding-right: .5rem!important
  5361. }
  5362. .pb-md-2,.py-md-2 {
  5363. padding-bottom: .5rem!important
  5364. }
  5365. .pl-md-2,.px-md-2 {
  5366. padding-left: .5rem!important
  5367. }
  5368. .p-md-3 {
  5369. padding: 1rem!important
  5370. }
  5371. .pt-md-3,.py-md-3 {
  5372. padding-top: 1rem!important
  5373. }
  5374. .pr-md-3,.px-md-3 {
  5375. padding-right: 1rem!important
  5376. }
  5377. .pb-md-3,.py-md-3 {
  5378. padding-bottom: 1rem!important
  5379. }
  5380. .pl-md-3,.px-md-3 {
  5381. padding-left: 1rem!important
  5382. }
  5383. .p-md-4 {
  5384. padding: 1.5rem!important
  5385. }
  5386. .pt-md-4,.py-md-4 {
  5387. padding-top: 1.5rem!important
  5388. }
  5389. .pr-md-4,.px-md-4 {
  5390. padding-right: 1.5rem!important
  5391. }
  5392. .pb-md-4,.py-md-4 {
  5393. padding-bottom: 1.5rem!important
  5394. }
  5395. .pl-md-4,.px-md-4 {
  5396. padding-left: 1.5rem!important
  5397. }
  5398. .p-md-5 {
  5399. padding: 2rem!important
  5400. }
  5401. .pt-md-5,.py-md-5 {
  5402. padding-top: 2rem!important
  5403. }
  5404. .pr-md-5,.px-md-5 {
  5405. padding-right: 2rem!important
  5406. }
  5407. .pb-md-5,.py-md-5 {
  5408. padding-bottom: 2rem!important
  5409. }
  5410. .pl-md-5,.px-md-5 {
  5411. padding-left: 2rem!important
  5412. }
  5413. .p-md-6 {
  5414. padding: 3rem!important
  5415. }
  5416. .pt-md-6,.py-md-6 {
  5417. padding-top: 3rem!important
  5418. }
  5419. .pr-md-6,.px-md-6 {
  5420. padding-right: 3rem!important
  5421. }
  5422. .pb-md-6,.py-md-6 {
  5423. padding-bottom: 3rem!important
  5424. }
  5425. .pl-md-6,.px-md-6 {
  5426. padding-left: 3rem!important
  5427. }
  5428. .p-md-7 {
  5429. padding: 4rem!important
  5430. }
  5431. .pt-md-7,.py-md-7 {
  5432. padding-top: 4rem!important
  5433. }
  5434. .pr-md-7,.px-md-7 {
  5435. padding-right: 4rem!important
  5436. }
  5437. .pb-md-7,.py-md-7 {
  5438. padding-bottom: 4rem!important
  5439. }
  5440. .pl-md-7,.px-md-7 {
  5441. padding-left: 4rem!important
  5442. }
  5443. .p-md-8 {
  5444. padding: 5rem!important
  5445. }
  5446. .pt-md-8,.py-md-8 {
  5447. padding-top: 5rem!important
  5448. }
  5449. .pr-md-8,.px-md-8 {
  5450. padding-right: 5rem!important
  5451. }
  5452. .pb-md-8,.py-md-8 {
  5453. padding-bottom: 5rem!important
  5454. }
  5455. .pl-md-8,.px-md-8 {
  5456. padding-left: 5rem!important
  5457. }
  5458. .m-md-auto {
  5459. margin: auto!important
  5460. }
  5461. .mt-md-auto,.my-md-auto {
  5462. margin-top: auto!important
  5463. }
  5464. .mr-md-auto,.mx-md-auto {
  5465. margin-right: auto!important
  5466. }
  5467. .mb-md-auto,.my-md-auto {
  5468. margin-bottom: auto!important
  5469. }
  5470. .ml-md-auto,.mx-md-auto {
  5471. margin-left: auto!important
  5472. }
  5473. }
  5474. @media (min-width:992px) {
  5475. .m-lg-0 {
  5476. margin: 0!important
  5477. }
  5478. .mt-lg-0,.my-lg-0 {
  5479. margin-top: 0!important
  5480. }
  5481. .mr-lg-0,.mx-lg-0 {
  5482. margin-right: 0!important
  5483. }
  5484. .mb-lg-0,.my-lg-0 {
  5485. margin-bottom: 0!important
  5486. }
  5487. .ml-lg-0,.mx-lg-0 {
  5488. margin-left: 0!important
  5489. }
  5490. .m-lg-1 {
  5491. margin: .25rem!important
  5492. }
  5493. .mt-lg-1,.my-lg-1 {
  5494. margin-top: .25rem!important
  5495. }
  5496. .mr-lg-1,.mx-lg-1 {
  5497. margin-right: .25rem!important
  5498. }
  5499. .mb-lg-1,.my-lg-1 {
  5500. margin-bottom: .25rem!important
  5501. }
  5502. .ml-lg-1,.mx-lg-1 {
  5503. margin-left: .25rem!important
  5504. }
  5505. .m-lg-2 {
  5506. margin: .5rem!important
  5507. }
  5508. .mt-lg-2,.my-lg-2 {
  5509. margin-top: .5rem!important
  5510. }
  5511. .mr-lg-2,.mx-lg-2 {
  5512. margin-right: .5rem!important
  5513. }
  5514. .mb-lg-2,.my-lg-2 {
  5515. margin-bottom: .5rem!important
  5516. }
  5517. .ml-lg-2,.mx-lg-2 {
  5518. margin-left: .5rem!important
  5519. }
  5520. .m-lg-3 {
  5521. margin: 1rem!important
  5522. }
  5523. .mt-lg-3,.my-lg-3 {
  5524. margin-top: 1rem!important
  5525. }
  5526. .mr-lg-3,.mx-lg-3 {
  5527. margin-right: 1rem!important
  5528. }
  5529. .mb-lg-3,.my-lg-3 {
  5530. margin-bottom: 1rem!important
  5531. }
  5532. .ml-lg-3,.mx-lg-3 {
  5533. margin-left: 1rem!important
  5534. }
  5535. .m-lg-4 {
  5536. margin: 1.5rem!important
  5537. }
  5538. .mt-lg-4,.my-lg-4 {
  5539. margin-top: 1.5rem!important
  5540. }
  5541. .mr-lg-4,.mx-lg-4 {
  5542. margin-right: 1.5rem!important
  5543. }
  5544. .mb-lg-4,.my-lg-4 {
  5545. margin-bottom: 1.5rem!important
  5546. }
  5547. .ml-lg-4,.mx-lg-4 {
  5548. margin-left: 1.5rem!important
  5549. }
  5550. .m-lg-5 {
  5551. margin: 2rem!important
  5552. }
  5553. .mt-lg-5,.my-lg-5 {
  5554. margin-top: 2rem!important
  5555. }
  5556. .mr-lg-5,.mx-lg-5 {
  5557. margin-right: 2rem!important
  5558. }
  5559. .mb-lg-5,.my-lg-5 {
  5560. margin-bottom: 2rem!important
  5561. }
  5562. .ml-lg-5,.mx-lg-5 {
  5563. margin-left: 2rem!important
  5564. }
  5565. .m-lg-6 {
  5566. margin: 3rem!important
  5567. }
  5568. .mt-lg-6,.my-lg-6 {
  5569. margin-top: 3rem!important
  5570. }
  5571. .mr-lg-6,.mx-lg-6 {
  5572. margin-right: 3rem!important
  5573. }
  5574. .mb-lg-6,.my-lg-6 {
  5575. margin-bottom: 3rem!important
  5576. }
  5577. .ml-lg-6,.mx-lg-6 {
  5578. margin-left: 3rem!important
  5579. }
  5580. .m-lg-7 {
  5581. margin: 4rem!important
  5582. }
  5583. .mt-lg-7,.my-lg-7 {
  5584. margin-top: 4rem!important
  5585. }
  5586. .mr-lg-7,.mx-lg-7 {
  5587. margin-right: 4rem!important
  5588. }
  5589. .mb-lg-7,.my-lg-7 {
  5590. margin-bottom: 4rem!important
  5591. }
  5592. .ml-lg-7,.mx-lg-7 {
  5593. margin-left: 4rem!important
  5594. }
  5595. .m-lg-8 {
  5596. margin: 5rem!important
  5597. }
  5598. .mt-lg-8,.my-lg-8 {
  5599. margin-top: 5rem!important
  5600. }
  5601. .mr-lg-8,.mx-lg-8 {
  5602. margin-right: 5rem!important
  5603. }
  5604. .mb-lg-8,.my-lg-8 {
  5605. margin-bottom: 5rem!important
  5606. }
  5607. .ml-lg-8,.mx-lg-8 {
  5608. margin-left: 5rem!important
  5609. }
  5610. .p-lg-0 {
  5611. padding: 0!important
  5612. }
  5613. .pt-lg-0,.py-lg-0 {
  5614. padding-top: 0!important
  5615. }
  5616. .pr-lg-0,.px-lg-0 {
  5617. padding-right: 0!important
  5618. }
  5619. .pb-lg-0,.py-lg-0 {
  5620. padding-bottom: 0!important
  5621. }
  5622. .pl-lg-0,.px-lg-0 {
  5623. padding-left: 0!important
  5624. }
  5625. .p-lg-1 {
  5626. padding: .25rem!important
  5627. }
  5628. .pt-lg-1,.py-lg-1 {
  5629. padding-top: .25rem!important
  5630. }
  5631. .pr-lg-1,.px-lg-1 {
  5632. padding-right: .25rem!important
  5633. }
  5634. .pb-lg-1,.py-lg-1 {
  5635. padding-bottom: .25rem!important
  5636. }
  5637. .pl-lg-1,.px-lg-1 {
  5638. padding-left: .25rem!important
  5639. }
  5640. .p-lg-2 {
  5641. padding: .5rem!important
  5642. }
  5643. .pt-lg-2,.py-lg-2 {
  5644. padding-top: .5rem!important
  5645. }
  5646. .pr-lg-2,.px-lg-2 {
  5647. padding-right: .5rem!important
  5648. }
  5649. .pb-lg-2,.py-lg-2 {
  5650. padding-bottom: .5rem!important
  5651. }
  5652. .pl-lg-2,.px-lg-2 {
  5653. padding-left: .5rem!important
  5654. }
  5655. .p-lg-3 {
  5656. padding: 1rem!important
  5657. }
  5658. .pt-lg-3,.py-lg-3 {
  5659. padding-top: 1rem!important
  5660. }
  5661. .pr-lg-3,.px-lg-3 {
  5662. padding-right: 1rem!important
  5663. }
  5664. .pb-lg-3,.py-lg-3 {
  5665. padding-bottom: 1rem!important
  5666. }
  5667. .pl-lg-3,.px-lg-3 {
  5668. padding-left: 1rem!important
  5669. }
  5670. .p-lg-4 {
  5671. padding: 1.5rem!important
  5672. }
  5673. .pt-lg-4,.py-lg-4 {
  5674. padding-top: 1.5rem!important
  5675. }
  5676. .pr-lg-4,.px-lg-4 {
  5677. padding-right: 1.5rem!important
  5678. }
  5679. .pb-lg-4,.py-lg-4 {
  5680. padding-bottom: 1.5rem!important
  5681. }
  5682. .pl-lg-4,.px-lg-4 {
  5683. padding-left: 1.5rem!important
  5684. }
  5685. .p-lg-5 {
  5686. padding: 2rem!important
  5687. }
  5688. .pt-lg-5,.py-lg-5 {
  5689. padding-top: 2rem!important
  5690. }
  5691. .pr-lg-5,.px-lg-5 {
  5692. padding-right: 2rem!important
  5693. }
  5694. .pb-lg-5,.py-lg-5 {
  5695. padding-bottom: 2rem!important
  5696. }
  5697. .pl-lg-5,.px-lg-5 {
  5698. padding-left: 2rem!important
  5699. }
  5700. .p-lg-6 {
  5701. padding: 3rem!important
  5702. }
  5703. .pt-lg-6,.py-lg-6 {
  5704. padding-top: 3rem!important
  5705. }
  5706. .pr-lg-6,.px-lg-6 {
  5707. padding-right: 3rem!important
  5708. }
  5709. .pb-lg-6,.py-lg-6 {
  5710. padding-bottom: 3rem!important
  5711. }
  5712. .pl-lg-6,.px-lg-6 {
  5713. padding-left: 3rem!important
  5714. }
  5715. .p-lg-7 {
  5716. padding: 4rem!important
  5717. }
  5718. .pt-lg-7,.py-lg-7 {
  5719. padding-top: 4rem!important
  5720. }
  5721. .pr-lg-7,.px-lg-7 {
  5722. padding-right: 4rem!important
  5723. }
  5724. .pb-lg-7,.py-lg-7 {
  5725. padding-bottom: 4rem!important
  5726. }
  5727. .pl-lg-7,.px-lg-7 {
  5728. padding-left: 4rem!important
  5729. }
  5730. .p-lg-8 {
  5731. padding: 5rem!important
  5732. }
  5733. .pt-lg-8,.py-lg-8 {
  5734. padding-top: 5rem!important
  5735. }
  5736. .pr-lg-8,.px-lg-8 {
  5737. padding-right: 5rem!important
  5738. }
  5739. .pb-lg-8,.py-lg-8 {
  5740. padding-bottom: 5rem!important
  5741. }
  5742. .pl-lg-8,.px-lg-8 {
  5743. padding-left: 5rem!important
  5744. }
  5745. .m-lg-auto {
  5746. margin: auto!important
  5747. }
  5748. .mt-lg-auto,.my-lg-auto {
  5749. margin-top: auto!important
  5750. }
  5751. .mr-lg-auto,.mx-lg-auto {
  5752. margin-right: auto!important
  5753. }
  5754. .mb-lg-auto,.my-lg-auto {
  5755. margin-bottom: auto!important
  5756. }
  5757. .ml-lg-auto,.mx-lg-auto {
  5758. margin-left: auto!important
  5759. }
  5760. }
  5761. @media (min-width:1200px) {
  5762. .m-xl-0 {
  5763. margin: 0!important
  5764. }
  5765. .mt-xl-0,.my-xl-0 {
  5766. margin-top: 0!important
  5767. }
  5768. .mr-xl-0,.mx-xl-0 {
  5769. margin-right: 0!important
  5770. }
  5771. .mb-xl-0,.my-xl-0 {
  5772. margin-bottom: 0!important
  5773. }
  5774. .ml-xl-0,.mx-xl-0 {
  5775. margin-left: 0!important
  5776. }
  5777. .m-xl-1 {
  5778. margin: .25rem!important
  5779. }
  5780. .mt-xl-1,.my-xl-1 {
  5781. margin-top: .25rem!important
  5782. }
  5783. .mr-xl-1,.mx-xl-1 {
  5784. margin-right: .25rem!important
  5785. }
  5786. .mb-xl-1,.my-xl-1 {
  5787. margin-bottom: .25rem!important
  5788. }
  5789. .ml-xl-1,.mx-xl-1 {
  5790. margin-left: .25rem!important
  5791. }
  5792. .m-xl-2 {
  5793. margin: .5rem!important
  5794. }
  5795. .mt-xl-2,.my-xl-2 {
  5796. margin-top: .5rem!important
  5797. }
  5798. .mr-xl-2,.mx-xl-2 {
  5799. margin-right: .5rem!important
  5800. }
  5801. .mb-xl-2,.my-xl-2 {
  5802. margin-bottom: .5rem!important
  5803. }
  5804. .ml-xl-2,.mx-xl-2 {
  5805. margin-left: .5rem!important
  5806. }
  5807. .m-xl-3 {
  5808. margin: 1rem!important
  5809. }
  5810. .mt-xl-3,.my-xl-3 {
  5811. margin-top: 1rem!important
  5812. }
  5813. .mr-xl-3,.mx-xl-3 {
  5814. margin-right: 1rem!important
  5815. }
  5816. .mb-xl-3,.my-xl-3 {
  5817. margin-bottom: 1rem!important
  5818. }
  5819. .ml-xl-3,.mx-xl-3 {
  5820. margin-left: 1rem!important
  5821. }
  5822. .m-xl-4 {
  5823. margin: 1.5rem!important
  5824. }
  5825. .mt-xl-4,.my-xl-4 {
  5826. margin-top: 1.5rem!important
  5827. }
  5828. .mr-xl-4,.mx-xl-4 {
  5829. margin-right: 1.5rem!important
  5830. }
  5831. .mb-xl-4,.my-xl-4 {
  5832. margin-bottom: 1.5rem!important
  5833. }
  5834. .ml-xl-4,.mx-xl-4 {
  5835. margin-left: 1.5rem!important
  5836. }
  5837. .m-xl-5 {
  5838. margin: 2rem!important
  5839. }
  5840. .mt-xl-5,.my-xl-5 {
  5841. margin-top: 2rem!important
  5842. }
  5843. .mr-xl-5,.mx-xl-5 {
  5844. margin-right: 2rem!important
  5845. }
  5846. .mb-xl-5,.my-xl-5 {
  5847. margin-bottom: 2rem!important
  5848. }
  5849. .ml-xl-5,.mx-xl-5 {
  5850. margin-left: 2rem!important
  5851. }
  5852. .m-xl-6 {
  5853. margin: 3rem!important
  5854. }
  5855. .mt-xl-6,.my-xl-6 {
  5856. margin-top: 3rem!important
  5857. }
  5858. .mr-xl-6,.mx-xl-6 {
  5859. margin-right: 3rem!important
  5860. }
  5861. .mb-xl-6,.my-xl-6 {
  5862. margin-bottom: 3rem!important
  5863. }
  5864. .ml-xl-6,.mx-xl-6 {
  5865. margin-left: 3rem!important
  5866. }
  5867. .m-xl-7 {
  5868. margin: 4rem!important
  5869. }
  5870. .mt-xl-7,.my-xl-7 {
  5871. margin-top: 4rem!important
  5872. }
  5873. .mr-xl-7,.mx-xl-7 {
  5874. margin-right: 4rem!important
  5875. }
  5876. .mb-xl-7,.my-xl-7 {
  5877. margin-bottom: 4rem!important
  5878. }
  5879. .ml-xl-7,.mx-xl-7 {
  5880. margin-left: 4rem!important
  5881. }
  5882. .m-xl-8 {
  5883. margin: 5rem!important
  5884. }
  5885. .mt-xl-8,.my-xl-8 {
  5886. margin-top: 5rem!important
  5887. }
  5888. .mr-xl-8,.mx-xl-8 {
  5889. margin-right: 5rem!important
  5890. }
  5891. .mb-xl-8,.my-xl-8 {
  5892. margin-bottom: 5rem!important
  5893. }
  5894. .ml-xl-8,.mx-xl-8 {
  5895. margin-left: 5rem!important
  5896. }
  5897. .p-xl-0 {
  5898. padding: 0!important
  5899. }
  5900. .pt-xl-0,.py-xl-0 {
  5901. padding-top: 0!important
  5902. }
  5903. .pr-xl-0,.px-xl-0 {
  5904. padding-right: 0!important
  5905. }
  5906. .pb-xl-0,.py-xl-0 {
  5907. padding-bottom: 0!important
  5908. }
  5909. .pl-xl-0,.px-xl-0 {
  5910. padding-left: 0!important
  5911. }
  5912. .p-xl-1 {
  5913. padding: .25rem!important
  5914. }
  5915. .pt-xl-1,.py-xl-1 {
  5916. padding-top: .25rem!important
  5917. }
  5918. .pr-xl-1,.px-xl-1 {
  5919. padding-right: .25rem!important
  5920. }
  5921. .pb-xl-1,.py-xl-1 {
  5922. padding-bottom: .25rem!important
  5923. }
  5924. .pl-xl-1,.px-xl-1 {
  5925. padding-left: .25rem!important
  5926. }
  5927. .p-xl-2 {
  5928. padding: .5rem!important
  5929. }
  5930. .pt-xl-2,.py-xl-2 {
  5931. padding-top: .5rem!important
  5932. }
  5933. .pr-xl-2,.px-xl-2 {
  5934. padding-right: .5rem!important
  5935. }
  5936. .pb-xl-2,.py-xl-2 {
  5937. padding-bottom: .5rem!important
  5938. }
  5939. .pl-xl-2,.px-xl-2 {
  5940. padding-left: .5rem!important
  5941. }
  5942. .p-xl-3 {
  5943. padding: 1rem!important
  5944. }
  5945. .pt-xl-3,.py-xl-3 {
  5946. padding-top: 1rem!important
  5947. }
  5948. .pr-xl-3,.px-xl-3 {
  5949. padding-right: 1rem!important
  5950. }
  5951. .pb-xl-3,.py-xl-3 {
  5952. padding-bottom: 1rem!important
  5953. }
  5954. .pl-xl-3,.px-xl-3 {
  5955. padding-left: 1rem!important
  5956. }
  5957. .p-xl-4 {
  5958. padding: 1.5rem!important
  5959. }
  5960. .pt-xl-4,.py-xl-4 {
  5961. padding-top: 1.5rem!important
  5962. }
  5963. .pr-xl-4,.px-xl-4 {
  5964. padding-right: 1.5rem!important
  5965. }
  5966. .pb-xl-4,.py-xl-4 {
  5967. padding-bottom: 1.5rem!important
  5968. }
  5969. .pl-xl-4,.px-xl-4 {
  5970. padding-left: 1.5rem!important
  5971. }
  5972. .p-xl-5 {
  5973. padding: 2rem!important
  5974. }
  5975. .pt-xl-5,.py-xl-5 {
  5976. padding-top: 2rem!important
  5977. }
  5978. .pr-xl-5,.px-xl-5 {
  5979. padding-right: 2rem!important
  5980. }
  5981. .pb-xl-5,.py-xl-5 {
  5982. padding-bottom: 2rem!important
  5983. }
  5984. .pl-xl-5,.px-xl-5 {
  5985. padding-left: 2rem!important
  5986. }
  5987. .p-xl-6 {
  5988. padding: 3rem!important
  5989. }
  5990. .pt-xl-6,.py-xl-6 {
  5991. padding-top: 3rem!important
  5992. }
  5993. .pr-xl-6,.px-xl-6 {
  5994. padding-right: 3rem!important
  5995. }
  5996. .pb-xl-6,.py-xl-6 {
  5997. padding-bottom: 3rem!important
  5998. }
  5999. .pl-xl-6,.px-xl-6 {
  6000. padding-left: 3rem!important
  6001. }
  6002. .p-xl-7 {
  6003. padding: 4rem!important
  6004. }
  6005. .pt-xl-7,.py-xl-7 {
  6006. padding-top: 4rem!important
  6007. }
  6008. .pr-xl-7,.px-xl-7 {
  6009. padding-right: 4rem!important
  6010. }
  6011. .pb-xl-7,.py-xl-7 {
  6012. padding-bottom: 4rem!important
  6013. }
  6014. .pl-xl-7,.px-xl-7 {
  6015. padding-left: 4rem!important
  6016. }
  6017. .p-xl-8 {
  6018. padding: 5rem!important
  6019. }
  6020. .pt-xl-8,.py-xl-8 {
  6021. padding-top: 5rem!important
  6022. }
  6023. .pr-xl-8,.px-xl-8 {
  6024. padding-right: 5rem!important
  6025. }
  6026. .pb-xl-8,.py-xl-8 {
  6027. padding-bottom: 5rem!important
  6028. }
  6029. .pl-xl-8,.px-xl-8 {
  6030. padding-left: 5rem!important
  6031. }
  6032. .m-xl-auto {
  6033. margin: auto!important
  6034. }
  6035. .mt-xl-auto,.my-xl-auto {
  6036. margin-top: auto!important
  6037. }
  6038. .mr-xl-auto,.mx-xl-auto {
  6039. margin-right: auto!important
  6040. }
  6041. .mb-xl-auto,.my-xl-auto {
  6042. margin-bottom: auto!important
  6043. }
  6044. .ml-xl-auto,.mx-xl-auto {
  6045. margin-left: auto!important
  6046. }
  6047. }
  6048. .text-justify {
  6049. text-align: justify!important
  6050. }
  6051. .text-nowrap {
  6052. white-space: nowrap!important
  6053. }
  6054. .text-truncate {
  6055. overflow: hidden;
  6056. text-overflow: ellipsis;
  6057. white-space: nowrap
  6058. }
  6059. .text-left {
  6060. text-align: left!important
  6061. }
  6062. .text-right {
  6063. text-align: right!important
  6064. }
  6065. .text-center {
  6066. text-align: center!important
  6067. }
  6068. @media (min-width:576px) {
  6069. .text-sm-left {
  6070. text-align: left!important
  6071. }
  6072. .text-sm-right {
  6073. text-align: right!important
  6074. }
  6075. .text-sm-center {
  6076. text-align: center!important
  6077. }
  6078. }
  6079. @media (min-width:768px) {
  6080. .text-md-left {
  6081. text-align: left!important
  6082. }
  6083. .text-md-right {
  6084. text-align: right!important
  6085. }
  6086. .text-md-center {
  6087. text-align: center!important
  6088. }
  6089. }
  6090. @media (min-width:992px) {
  6091. .text-lg-left {
  6092. text-align: left!important
  6093. }
  6094. .text-lg-right {
  6095. text-align: right!important
  6096. }
  6097. .text-lg-center {
  6098. text-align: center!important
  6099. }
  6100. }
  6101. @media (min-width:1200px) {
  6102. .text-xl-left {
  6103. text-align: left!important
  6104. }
  6105. .text-xl-right {
  6106. text-align: right!important
  6107. }
  6108. .text-xl-center {
  6109. text-align: center!important
  6110. }
  6111. }
  6112. .text-lowercase {
  6113. text-transform: lowercase!important
  6114. }
  6115. .text-uppercase {
  6116. text-transform: uppercase!important
  6117. }
  6118. .text-capitalize {
  6119. text-transform: capitalize!important
  6120. }
  6121. .font-weight-light {
  6122. font-weight: 300!important
  6123. }
  6124. .font-weight-normal {
  6125. font-weight: 400!important
  6126. }
  6127. .font-weight-bold {
  6128. font-weight: 700!important
  6129. }
  6130. .font-italic {
  6131. font-style: italic!important
  6132. }
  6133. .text-white {
  6134. color: #fff!important
  6135. }
  6136. .text-primary {
  6137. color: #ed7f22!important
  6138. }
  6139. a.text-primary:focus,a.text-primary:hover {
  6140. color: #cb6611!important
  6141. }
  6142. .text-secondary {
  6143. color: #1a3867!important
  6144. }
  6145. a.text-secondary:focus,a.text-secondary:hover {
  6146. color: #10223e!important
  6147. }
  6148. .text-success {
  6149. color: #28a745!important
  6150. }
  6151. a.text-success:focus,a.text-success:hover {
  6152. color: #1e7e34!important
  6153. }
  6154. .text-info {
  6155. color: #b4b4b4!important
  6156. }
  6157. a.text-info:focus,a.text-info:hover {
  6158. color: #9b9b9b!important
  6159. }
  6160. .text-warning {
  6161. color: #ffc107!important
  6162. }
  6163. a.text-warning:focus,a.text-warning:hover {
  6164. color: #d39e00!important
  6165. }
  6166. .text-danger {
  6167. color: #dc3545!important
  6168. }
  6169. a.text-danger:focus,a.text-danger:hover {
  6170. color: #bd2130!important
  6171. }
  6172. .text-light {
  6173. color: #f8f9fa!important
  6174. }
  6175. a.text-light:focus,a.text-light:hover {
  6176. color: #dae0e5!important
  6177. }
  6178. .text-dark {
  6179. color: #343a40!important
  6180. }
  6181. a.text-dark:focus,a.text-dark:hover {
  6182. color: #1d2124!important
  6183. }
  6184. .text-tertiary {
  6185. color: #1a3867!important
  6186. }
  6187. a.text-tertiary:focus,a.text-tertiary:hover {
  6188. color: #10223e!important
  6189. }
  6190. .text-muted {
  6191. color: #6c757d!important
  6192. }
  6193. .text-hide {
  6194. font: 0/0 a;
  6195. color: transparent;
  6196. text-shadow: none;
  6197. background-color: transparent;
  6198. border: 0
  6199. }
  6200. .visible {
  6201. visibility: visible!important
  6202. }
  6203. .invisible {
  6204. visibility: hidden!important
  6205. }
  6206. @media print {
  6207. *,::after,::before {
  6208. text-shadow: none!important;
  6209. box-shadow: none!important
  6210. }
  6211. a:not(.btn) {
  6212. text-decoration: underline
  6213. }
  6214. abbr[title]::after {
  6215. content: " (" attr(title) ")"
  6216. }
  6217. pre {
  6218. white-space: pre-wrap!important
  6219. }
  6220. blockquote,pre {
  6221. border: 1px solid #999
  6222. }
  6223. thead {
  6224. display: table-header-group
  6225. }
  6226. blockquote,img,pre,tr {
  6227. page-break-inside: avoid
  6228. }
  6229. h2,h3,p {
  6230. orphans: 3;
  6231. widows: 3
  6232. }
  6233. h2,h3 {
  6234. page-break-after: avoid
  6235. }@ page {
  6236. size: a3
  6237. }
  6238. .container,body {
  6239. min-width: 992px!important
  6240. }
  6241. .navbar {
  6242. display: none
  6243. }
  6244. .badge {
  6245. border: 1px solid #000
  6246. }
  6247. .table {
  6248. border-collapse: collapse!important
  6249. }
  6250. .table td,.table th {
  6251. background-color: #fff!important
  6252. }
  6253. .table-bordered td,.table-bordered th {
  6254. border: 1px solid #ddd!important
  6255. }
  6256. }
  6257. .vertical-alignment-helper {
  6258. display: table;
  6259. height: 100%;
  6260. width: 100%;
  6261. pointer-events: none
  6262. }
  6263. .vertical-alignment-helper .vertical-align-center {
  6264. display: table-cell;
  6265. vertical-align: middle;
  6266. pointer-events: none
  6267. }
  6268. .vertical-alignment-helper .vertical-align-center .modal-content {
  6269. border: 0;
  6270. border-radius: 0;
  6271. width: inherit;
  6272. max-width: inherit;
  6273. height: inherit;
  6274. margin: 0 auto;
  6275. pointer-events: all
  6276. }
  6277. .vertical-alignment-helper .vertical-align-center .modal-content .modal-header .close {
  6278. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  6279. filter: alpha(opacity=20);
  6280. -moz-opacity: .2;
  6281. -khtml-opacity: .2;
  6282. opacity: .2
  6283. }
  6284. .vertical-alignment-helper .vertical-align-center .modal-content .modal-header {
  6285. border-bottom: 0;
  6286. padding-bottom: 0
  6287. }
  6288. .vertical-alignment-helper .vertical-align-center .modal-content .modal-body {
  6289. text-align: center
  6290. }
  6291. .vertical-alignment-helper .vertical-align-center .modal-content .modal-body .title {
  6292. color: #ed7f22;
  6293. font-family: "Poppins",sans-serif;
  6294. font-weight: 700;
  6295. letter-spacing: 5.56px;
  6296. line-height: 32px;
  6297. margin-top: 30px;
  6298. text-align: center;
  6299. text-transform: uppercase
  6300. }
  6301. .vertical-alignment-helper .vertical-align-center .modal-content .modal-body .subtitle {
  6302. color: #1a3867;
  6303. font-family: "Raleway",sans-serif;
  6304. font-size: 14px;
  6305. line-height: 24px;
  6306. text-align: center
  6307. }
  6308. .vertical-alignment-helper .vertical-align-center .modal-content .modal-body .buttons-list {
  6309. display: flex;
  6310. flex-wrap: wrap;
  6311. justify-content: center;
  6312. margin-top: 35px;
  6313. margin-bottom: 50px
  6314. }
  6315. .vertical-alignment-helper .vertical-align-center .modal-content .modal-body .buttons-list .btn:nth-child(odd) {
  6316. margin-left: 0
  6317. }
  6318. .vertical-alignment-helper .vertical-align-center .modal-content.modal-lg {
  6319. max-width: 720px
  6320. }
  6321. .item-news {
  6322. -webkit-border-radius: 10px;
  6323. -moz-border-radius: 10px;
  6324. -ms-border-radius: 10px;
  6325. border-radius: 10px;
  6326. display: -webkit-box;
  6327. display: -webkit-flex;
  6328. display: -moz-flex;
  6329. display: -ms-flexbox;
  6330. display: flex;
  6331. -webkit-box-direction: normal;
  6332. -webkit-box-orient: vertical;
  6333. -webkit-flex-direction: column;
  6334. -moz-flex-direction: column;
  6335. -ms-flex-direction: column;
  6336. flex-direction: column;
  6337. background: #fff;
  6338. border: 1px solid #2fc1d7;
  6339. min-height: 350px;
  6340. margin-bottom: 30px;
  6341. position: relative;
  6342. z-index: 1
  6343. }
  6344. .item-news:after {
  6345. -moz-box-shadow: 10px 20px 40px 0 rgba(26,56,103,.2);
  6346. -webkit-box-shadow: 10px 20px 40px 0 rgba(26,56,103,.2);
  6347. box-shadow: 10px 20px 40px 0 rgba(26,56,103,.2);
  6348. -webkit-border-radius: 9px;
  6349. -moz-border-radius: 9px;
  6350. -ms-border-radius: 9px;
  6351. border-radius: 9px;
  6352. filter: alpha(opacity=0);
  6353. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  6354. opacity: 0;
  6355. transition: all .3s linear;
  6356. content: '';
  6357. height: 100%;
  6358. left: 0;
  6359. position: absolute;
  6360. top: 0;
  6361. width: 100%;
  6362. z-index: -1
  6363. }
  6364. .item-news:hover {
  6365. border-color: transparent
  6366. }
  6367. .item-news:hover:after {
  6368. filter: alpha(opacity=100);
  6369. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  6370. opacity: 1
  6371. }
  6372. .item-news .image {
  6373. -webkit-border-top-left-radius: 9px;
  6374. -moz-border-top-left-radius: 9px;
  6375. -ms-border-top-left-radius: 9px;
  6376. border-top-left-radius: 9px;
  6377. -webkit-border-top-right-radius: 9px;
  6378. -moz-border-top-right-radius: 9px;
  6379. -ms-border-top-right-radius: 9px;
  6380. border-top-right-radius: 9px;
  6381. background-size: cover;
  6382. min-height: 155px;
  6383. background-position: top center
  6384. }
  6385. .item-news .item-info {
  6386. -webkit-box-flex: 1;
  6387. -webkit-flex: 1;
  6388. -moz-box-flex: 1;
  6389. -moz-flex: 1;
  6390. -ms-flex: 1;
  6391. flex: 1;
  6392. display: -webkit-inline-box;
  6393. display: -webkit-inline-flex;
  6394. display: -moz-inline-flex;
  6395. display: -ms-inline-flexbox;
  6396. display: inline-flex;
  6397. -webkit-box-direction: normal;
  6398. -webkit-box-orient: vertical;
  6399. -webkit-flex-direction: column;
  6400. -moz-flex-direction: column;
  6401. -ms-flex-direction: column;
  6402. flex-direction: column;
  6403. margin-bottom: auto
  6404. }
  6405. .item-news .item-info .title,.item-news .item-info header {
  6406. padding: 0 30px
  6407. }
  6408. .item-news .item-info header {
  6409. -webkit-border-top-left-radius: 9px;
  6410. -moz-border-top-left-radius: 9px;
  6411. -ms-border-top-left-radius: 9px;
  6412. border-top-left-radius: 9px;
  6413. -webkit-border-top-right-radius: 9px;
  6414. -moz-border-top-right-radius: 9px;
  6415. -ms-border-top-right-radius: 9px;
  6416. border-top-right-radius: 9px;
  6417. letter-spacing: 1px;
  6418. padding-bottom: 0;
  6419. padding-top: 20px;
  6420. position: relative;
  6421. text-transform: uppercase
  6422. }
  6423. .item-news .item-info header a {
  6424. color: #2fc1d7
  6425. }
  6426. .item-news .item-info header.no-image {
  6427. background-color: #2fc1d7;
  6428. margin-bottom: 0;
  6429. padding-bottom: 15px
  6430. }
  6431. .item-news .item-info header.no-image a,.item-news.primary-color .item-info .title a {
  6432. color: #fff
  6433. }
  6434. .item-news .item-info .title {
  6435. color: #ed7f22;
  6436. margin: 15px 0 0;
  6437. padding-right: 40px;
  6438. display: block;
  6439. display: -webkit-box;
  6440. height: 115.2px;
  6441. font-size: 24px;
  6442. line-height: 1.2;
  6443. -webkit-line-clamp: 4;
  6444. -webkit-box-orient: vertical;
  6445. overflow: hidden;
  6446. text-overflow: ellipsis;
  6447. text-transform: none
  6448. }
  6449. .item-news .item-info .title a {
  6450. color: #ed7f22
  6451. }
  6452. .item-news .item-info .excerpt {
  6453. line-height: 24px;
  6454. margin: 20px 30px
  6455. }
  6456. .item-news .date,.item-news footer {
  6457. -webkit-align-self: stretch;
  6458. -moz-align-self: stretch;
  6459. -ms-flex-item-align: stretch;
  6460. align-self: stretch
  6461. }
  6462. .item-news .date {
  6463. border-top: 1px solid #2fc1d7;
  6464. color: #2fc1d7;
  6465. letter-spacing: 1px;
  6466. padding: 20px 0 0;
  6467. text-transform: uppercase;
  6468. margin-top: auto
  6469. }
  6470. .item-news .date .go-to {
  6471. float: right
  6472. }
  6473. .item-news footer {
  6474. padding: 20px 0;
  6475. margin: auto 30px 0
  6476. }
  6477. .item-news.small {
  6478. min-height: 192px
  6479. }
  6480. .item-news.small .item-info header {
  6481. background: 0 0;
  6482. margin-bottom: 0
  6483. }
  6484. .item-news.primary-color {
  6485. background: #ed7f22
  6486. }
  6487. .item-news.primary-color .item-info header {
  6488. color: #2fc1d7
  6489. }
  6490. .item-news.tertiary-color {
  6491. background: #2fc1d7
  6492. }
  6493. .item-news.tertiary-color .date,.item-news.tertiary-color .item-info header,.solutions-banner .media h3 {
  6494. color: #fff
  6495. }
  6496. .item-news.horizontal {
  6497. -webkit-box-direction: normal;
  6498. -webkit-box-orient: horizontal;
  6499. -webkit-flex-direction: row;
  6500. -moz-flex-direction: row;
  6501. -ms-flex-direction: row;
  6502. flex-direction: row;
  6503. height: 330px
  6504. }
  6505. .item-news.horizontal .image {
  6506. -webkit-align-self: flex-end;
  6507. -moz-align-self: flex-end;
  6508. -ms-flex-item-align: end;
  6509. align-self: flex-end;
  6510. height: 100%;
  6511. flex: 1;
  6512. order: 1;
  6513. width: 50%
  6514. }
  6515. .item-news.horizontal .item-info {
  6516. flex: 1;
  6517. order: 0;
  6518. padding-right: 30px;
  6519. width: 50%
  6520. }
  6521. @media (max-width:575.98px) {
  6522. .item-news {
  6523. margin-bottom: 20px
  6524. }
  6525. .item-news,.item-news:after {
  6526. -webkit-border-radius: 0;
  6527. -moz-border-radius: 0;
  6528. -ms-border-radius: 0;
  6529. border-radius: 0
  6530. }
  6531. .item-news .image {
  6532. min-height: 245px;
  6533. background-size: contain;
  6534. background-repeat: no-repeat
  6535. }
  6536. .item-news .image,.item-news .item-info header {
  6537. -webkit-border-top-left-radius: 0;
  6538. -moz-border-top-left-radius: 0;
  6539. -ms-border-top-left-radius: 0;
  6540. border-top-left-radius: 0;
  6541. -webkit-border-top-right-radius: 0;
  6542. -moz-border-top-right-radius: 0;
  6543. -ms-border-top-right-radius: 0;
  6544. border-top-right-radius: 0
  6545. }
  6546. section.blog-item-hero {
  6547. margin-top: 10px
  6548. }
  6549. }
  6550. @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
  6551. .item-news .item-info {
  6552. -webkit-box-flex: none;
  6553. -webkit-flex: none;
  6554. -moz-box-flex: none;
  6555. -moz-flex: none;
  6556. -ms-flex: none;
  6557. flex: none;
  6558. display: inline-block
  6559. }
  6560. }
  6561. section.load-more-pagination .load-more-pagination {
  6562. margin-bottom: 40px
  6563. }
  6564. section.load-more-pagination .load-more-pagination a {
  6565. text-decoration: none
  6566. }
  6567. .sidebar .sidebar-title {
  6568. border-bottom: 1px solid #2fc1d7;
  6569. color: #1a3867;
  6570. letter-spacing: 1px;
  6571. margin-bottom: 20px;
  6572. padding-bottom: 10px;
  6573. text-transform: uppercase
  6574. }
  6575. header {
  6576. transition: background-color .3s
  6577. }
  6578. @media (max-width:991.98px) {
  6579. header {
  6580. max-height: 100vh;
  6581. overflow: auto
  6582. }
  6583. }
  6584. header .navbar-light:last-child #navbarMenu .navbar-nav .btn-outline-primary,header .navbar-light:last-child #navbarMenu .navbar-nav .nav-link,header.scrolled #navbarMenu .navbar-nav .btn-outline-primary,header.scrolled #navbarMenu .navbar-nav .nav-link {
  6585. color: #1a3867
  6586. }
  6587. header .navbar-light:last-child .navbar-brand svg path[fill="#ffffff"],header.scrolled .navbar-brand svg path[fill="#ffffff"] {
  6588. fill: #1a3867
  6589. }
  6590. @media (max-width:991.98px) {
  6591. header .navbar-brand {
  6592. padding-top: .9375rem;
  6593. padding-bottom: .25rem
  6594. }
  6595. }
  6596. header .navbar-brand .svg {
  6597. height: 35px;
  6598. max-width: 194px
  6599. }
  6600. @media (max-width:1199.98px) {
  6601. header .navbar-brand .svg {
  6602. max-width: 153px
  6603. }
  6604. }
  6605. @media (max-width:991.98px) {
  6606. header .navbar-brand .svg {
  6607. height: 27px;
  6608. max-width: 146px
  6609. }
  6610. }
  6611. header #navbarLogin .nav-link {
  6612. font-weight: 500;
  6613. min-width: 118px;
  6614. text-align: center
  6615. }
  6616. header #navbarMenu .btn-outline-primary {
  6617. margin: 7px 0
  6618. }
  6619. header #navbarMenu .nav-link {
  6620. padding: 1.25rem 1.75rem
  6621. }
  6622. @media (max-width:1199.98px) {
  6623. header #navbarMenu .nav-link {
  6624. padding-left: .5rem;
  6625. padding-right: .5rem
  6626. }
  6627. }
  6628. body>footer {
  6629. background-color: #1a3867;
  6630. overflow: hidden
  6631. }
  6632. body>footer .media {
  6633. align-items: center
  6634. }
  6635. body>footer svg {
  6636. margin-top: .3125rem
  6637. }
  6638. body>footer svg path:last-child {
  6639. fill: #fff
  6640. }
  6641. body>footer .copyright {
  6642. color: #fff;
  6643. margin-left: .625rem;
  6644. text-transform: uppercase
  6645. }
  6646. body>footer .copyright p {
  6647. font-size: .5625rem;
  6648. margin-bottom: 0
  6649. }
  6650. body>footer .copyright small {
  6651. font-size: .4375rem;
  6652. line-height: .5
  6653. }
  6654. body>footer .copyright,body>footer .nav {
  6655. margin-top: .625rem;
  6656. margin-bottom: .625rem
  6657. }
  6658. @media (max-width:991.98px) {
  6659. body>footer .nav {
  6660. justify-content: center
  6661. }
  6662. }
  6663. @media (min-width:992px) {
  6664. body>footer .footer-menu {
  6665. justify-content: center
  6666. }
  6667. }
  6668. body>footer .footer-menu .nav-link {
  6669. font-size: .8125rem;
  6670. color: #fff;
  6671. text-transform: uppercase;
  6672. font-weight: 700;
  6673. letter-spacing: 1px;
  6674. padding-left: .7rem;
  6675. padding-right: .7rem
  6676. }
  6677. @media (min-width:992px) {
  6678. body>footer .social-icons {
  6679. justify-content: flex-end
  6680. }
  6681. }
  6682. body>footer .social-icons .nav-item {
  6683. margin: .425rem .2375rem
  6684. }
  6685. body>footer .social-icons .nav-item .nav-link {
  6686. background-color: #fff;
  6687. color: #1a3867;
  6688. width: 32px;
  6689. height: 32px;
  6690. border-radius: 100%;
  6691. padding: .3125rem;
  6692. text-align: center
  6693. }
  6694. .hero {
  6695. background: linear-gradient(180deg,#3869a0 0,#1a3867 100%);
  6696. color: #fff;
  6697. overflow: hidden
  6698. }
  6699. .hero .vinny-line {
  6700. left: 114px!important
  6701. }
  6702. @media (max-width:991.98px) {
  6703. .hero .vinny-line {
  6704. display: none
  6705. }
  6706. }
  6707. .hero .container-semifluid {
  6708. position: relative
  6709. }
  6710. @media (min-width:992px) {
  6711. .hero .container-semifluid::after {
  6712. content: '';
  6713. position: absolute;
  6714. background: linear-gradient(180deg,#fff 0,#e6fcff 25%,#effdff 100%);
  6715. top: 0;
  6716. bottom: 0;
  6717. left: calc(100% - 117px);
  6718. width: 50vw
  6719. }
  6720. }
  6721. .hero .container-semifluid .row::after {
  6722. content: '';
  6723. position: absolute;
  6724. border-color: #effdff;
  6725. border-style: solid;
  6726. border-width: 60px;
  6727. width: 30px;
  6728. bottom: -63px;
  6729. right: 51px;
  6730. transform: rotate(-45deg)
  6731. }
  6732. @media (max-width:991.98px) {
  6733. .hero .container-semifluid .row::after {
  6734. right: -60px
  6735. }
  6736. }
  6737. .hero .container-semifluid .content-button {
  6738. margin-top: 30px;
  6739. margin-bottom: -20px
  6740. }
  6741. .hero h5 {
  6742. color: #ed7f22;
  6743. font-size: 1.125rem
  6744. }
  6745. @media (min-width:1200px) {
  6746. .hero h1 {
  6747. font-size: 3.125rem
  6748. }
  6749. }
  6750. .hero:not(.two-column) .row .row {
  6751. max-width: 40rem;
  6752. margin: auto
  6753. }
  6754. .hero:not(.two-column) .content-wrapper {
  6755. width: 100%
  6756. }
  6757. @media (min-width:1200px) {
  6758. .hero:not(.two-column) h1 {
  6759. font-size: 3.75rem
  6760. }
  6761. }
  6762. .hero.bannerless .content-wrapper {
  6763. padding-bottom: 0!important
  6764. }
  6765. section.image-hero {
  6766. background-size: cover;
  6767. background-repeat: no-repeat;
  6768. background-position: center center;
  6769. margin-top: 192px;
  6770. margin-bottom: 20px;
  6771. position: relative;
  6772. overflow: hidden
  6773. }
  6774. section.image-hero .title {
  6775. color: #1a3867;
  6776. font-size: 100px;
  6777. font-weight: 700;
  6778. letter-spacing: -9px;
  6779. line-height: 106px;
  6780. margin-bottom: -8px
  6781. }
  6782. section.image-hero .title strong {
  6783. color: #b0c4de
  6784. }
  6785. .prefooter-text img,section.image-hero img {
  6786. max-width: 100%
  6787. }
  6788. @media (max-width:991.98px) {
  6789. section.image-hero {
  6790. margin-top: 75px
  6791. }
  6792. section.image-hero .title {
  6793. font-size: 65px;
  6794. letter-spacing: -4px;
  6795. line-height: 70px
  6796. }
  6797. }
  6798. @media (max-width:767.98px) {
  6799. section.image-hero .title {
  6800. font-size: 49px;
  6801. letter-spacing: -4px;
  6802. line-height: 51px
  6803. }
  6804. }
  6805. @media (max-width:575.98px) {
  6806. section.image-hero {
  6807. margin-top: 75px
  6808. }
  6809. section.image-hero .title {
  6810. font-size: 50px;
  6811. letter-spacing: -3px;
  6812. line-height: 50px;
  6813. padding-bottom: 10px
  6814. }
  6815. }
  6816. .solutions-banner {
  6817. overflow: hidden;
  6818. margin-top: -70px;
  6819. position: absolute;
  6820. width: 100%;
  6821. color: #fff;
  6822. z-index: 2
  6823. }
  6824. .solutions-banner .banner-label {
  6825. background: #fff;
  6826. display: inline-block;
  6827. color: #1a3867;
  6828. padding: 5px 35px;
  6829. position: absolute;
  6830. left: 0;
  6831. top: -15px
  6832. }
  6833. .job-listings table td h2,.job-listings table td h5,.solutions-banner .banner-label h4,section.sidebar-search-categories .item-news footer ul {
  6834. margin: 0
  6835. }
  6836. .solutions-banner .banner {
  6837. background: linear-gradient(45deg,transparent 20px,#ed7f22 20px);
  6838. position: relative;
  6839. width: 100%
  6840. }
  6841. .solutions-banner .banner::after {
  6842. content: '';
  6843. position: absolute;
  6844. background: #ed7f22;
  6845. top: 0;
  6846. bottom: 0;
  6847. left: 100%;
  6848. width: 50vw
  6849. }
  6850. .solutions-banner .media,.solutions-banner .media .circle {
  6851. align-items: center;
  6852. position: relative
  6853. }
  6854. .solutions-banner .media .circle {
  6855. background-color: #fff;
  6856. width: 50px;
  6857. min-width: 50px;
  6858. height: 50px;
  6859. min-height: 50px;
  6860. border-radius: 100%;
  6861. display: flex;
  6862. justify-content: center
  6863. }
  6864. .solutions-banner .media.active:before {
  6865. background: #1a3867;
  6866. content: '';
  6867. position: absolute;
  6868. top: -4px;
  6869. left: -4px;
  6870. width: calc(50px + 8px);
  6871. height: calc(50px + 8px);
  6872. border-radius: 100%;
  6873. z-index: 0
  6874. }
  6875. .job-listings .job-title a:hover,.solutions-banner .media:hover {
  6876. text-decoration: none
  6877. }
  6878. @media (max-width:767.98px) {
  6879. .solutions-banner .container-semifluid {
  6880. padding: 0
  6881. }
  6882. }
  6883. .solutions-content {
  6884. overflow: hidden;
  6885. background-color: #e7fcff
  6886. }
  6887. @media (max-width:991.98px) {
  6888. .solutions-content .vinny-line {
  6889. display: none
  6890. }
  6891. }
  6892. .solutions-content:not(.bannerless) .solution-box:first-child .vinny-line {
  6893. left: 114px!important;
  6894. bottom: 40%!important
  6895. }
  6896. .solutions-content:not(.bannerless) .solution-box:first-child .vinny-line.line-2 {
  6897. top: calc(60% + -1px)!important;
  6898. bottom: 0!important
  6899. }
  6900. .solutions-content:not(.bannerless) .solution-box:first-child .vinny-line.line-2 .vinnycolor {
  6901. width: 2px!important
  6902. }
  6903. .solutions-content:not(.bannerless) .solution-box:first-child .vinny-line.line-2 .vinnyflow {
  6904. width: 6px!important
  6905. }
  6906. .solutions-content .solution-box {
  6907. position: relative
  6908. }
  6909. .solutions-content .solution-box:nth-child(odd) {
  6910. color: #1a3867
  6911. }
  6912. .solutions-content .solution-box:nth-child(odd) .container-semifluid {
  6913. position: relative
  6914. }
  6915. .solutions-content .solution-box:first-child {
  6916. padding-top: 5rem;
  6917. background: linear-gradient(180deg,#f0fdff 0,#fdffff 100%)
  6918. }
  6919. @media (max-width:767.98px) {
  6920. .solutions-content .solution-box:first-child {
  6921. padding-top: 10.625rem
  6922. }
  6923. }
  6924. .solutions-content .solution-box:nth-child(odd):not(:first-child) {
  6925. background: linear-gradient(180deg,#e7fcff 0,#f5feff 100%)
  6926. }
  6927. .solutions-content .solution-box:nth-child(odd):not(:first-child) .vinny-line {
  6928. left: 50%!important
  6929. }
  6930. .solutions-content .solution-box:nth-child(even) {
  6931. color: #fff
  6932. }
  6933. .solutions-content .solution-box:nth-child(even) .vinny-line {
  6934. left: 50%!important
  6935. }
  6936. .solutions-content .solution-box:nth-child(even) .container-semifluid {
  6937. position: relative
  6938. }
  6939. @media (min-width:576px) {
  6940. .solutions-content .solution-box:nth-child(even) .container-semifluid::before {
  6941. content: '';
  6942. position: absolute;
  6943. background: #1a3867;
  6944. top: -46px;
  6945. bottom: 46px;
  6946. right: calc(100% - 117px*2);
  6947. width: 100vw
  6948. }
  6949. }
  6950. .solutions-content .solution-box:nth-child(even) .container-semifluid::after {
  6951. content: '';
  6952. position: absolute;
  6953. background: linear-gradient(0deg,#3869a0 0,#1a3867 100%);
  6954. top: 0;
  6955. bottom: 0;
  6956. left: 117px;
  6957. width: 100vw
  6958. }
  6959. @media (max-width:991.98px) {
  6960. .solutions-content .solution-box:nth-child(even) .container-semifluid::after {
  6961. left: -15px;
  6962. width: 105vw
  6963. }
  6964. }
  6965. .solutions-content .solution-box:nth-child(even) .container-semifluid .row {
  6966. z-index: 2;
  6967. position: relative
  6968. }
  6969. .solutions-content .solution-box:nth-child(even) .container-semifluid .solution-wrapper::before {
  6970. content: '';
  6971. position: absolute;
  6972. border-color: #fdffff;
  6973. border-style: solid;
  6974. border-width: 34px;
  6975. top: -82px;
  6976. left: 201px;
  6977. transform: rotate(-135deg);
  6978. z-index: 2
  6979. }
  6980. .solutions-content .solution-box:nth-child(even) .container-semifluid .solution-wrapper::after {
  6981. content: '';
  6982. position: absolute;
  6983. border-color: #e7fcff;
  6984. border-style: solid;
  6985. border-width: 32px;
  6986. bottom: -32px;
  6987. left: 84px;
  6988. transform: rotate(45deg);
  6989. z-index: 2
  6990. }
  6991. @media (max-width:991.98px) {
  6992. .solutions-content .solution-box:nth-child(even) .container-semifluid .solution-wrapper::after {
  6993. left: -33px
  6994. }
  6995. }
  6996. .solutions-content .solution-box.centered-content,.support .content-wrapper .buttons>div {
  6997. text-align: center
  6998. }
  6999. .solutions-content .solution-box.centered-content h4 {
  7000. text-transform: none;
  7001. color: #000
  7002. }
  7003. .solutions-content .solution-box.centered-content .vinny-line {
  7004. bottom: calc(100% - 114px)!important
  7005. }
  7006. .solutions-content .solution-box.centered-content table,.tabbed-content .tab-pane table {
  7007. max-width: 380px;
  7008. margin: auto;
  7009. font-family: "Raleway",sans-serif;
  7010. color: #1a3867;
  7011. font-size: .875rem
  7012. }
  7013. .solutions-content .solution-box.centered-content table thead,.tabbed-content .tab-pane table thead {
  7014. font-weight: 400
  7015. }
  7016. .solutions-content .solution-box.centered-content table thead th,.tabbed-content .tab-pane table thead th {
  7017. vertical-align: top;
  7018. border-width: 0 0 1px;
  7019. border-color: #1a3867;
  7020. padding-left: 0;
  7021. padding-right: 0
  7022. }
  7023. .solutions-content .solution-box.centered-content table thead small,.tabbed-content .tab-pane table thead small {
  7024. font-size: .375rem;
  7025. font-weight: 500;
  7026. color: #1a3867;
  7027. display: block
  7028. }
  7029. .solutions-content .solution-box.centered-content table tbody td,.tabbed-content .tab-pane table tbody td {
  7030. padding: 1px 0;
  7031. border: 0
  7032. }
  7033. .solutions-content .solution-box.centered-content small,.tabbed-content .tab-pane small {
  7034. font-size: .625rem
  7035. }
  7036. .solutions-content .solution-box .solution-wrapper>.row {
  7037. position: relative
  7038. }
  7039. .solutions-content .solution-box .solution-wrapper>.row>div:first-child {
  7040. justify-content: center;
  7041. display: flex;
  7042. align-items: flex-start
  7043. }
  7044. .solutions-content .solution-box .solution-wrapper>.row>div:first-child img {
  7045. width: 60%;
  7046. height: 60%;
  7047. min-height: 160px;
  7048. min-width: 160px
  7049. }
  7050. .solutions-content .solution-box .solution-wrapper>.row>div:last-child {
  7051. padding-left: 40px
  7052. }
  7053. .solutions-content .solution-box .button-grid .btn {
  7054. width: 100%
  7055. }
  7056. @media (max-width:1199.98px) {
  7057. .solutions-content .solution-box .button-grid .btn {
  7058. white-space: normal
  7059. }
  7060. }
  7061. @media (min-width:1200px) {
  7062. .solutions-content .solution-box h1 {
  7063. font-size: 2.5rem
  7064. }
  7065. }
  7066. .solutions-content .solution-box h2,.solutions-content .solution-box h4 {
  7067. color: #ed7f22;
  7068. margin-top: 25px
  7069. }
  7070. .solutions-content .solution-box .container-semifluid {
  7071. padding-top: 5.625rem;
  7072. padding-bottom: 5.625rem
  7073. }
  7074. .solutions-content .solution-box ul {
  7075. font-size: .875rem;
  7076. font-weight: 600;
  7077. padding-left: 20px
  7078. }
  7079. .solutions-content .solution-box .btn {
  7080. margin-top: 25px;
  7081. max-width: 100%;
  7082. white-space: inherit
  7083. }
  7084. .solutions-content.bannerless .solution-box:first-child {
  7085. padding-top: 0
  7086. }
  7087. @media (max-width:767.98px) {
  7088. .solutions-content.bannerless .solution-box:first-child {
  7089. padding-top: 10.625rem
  7090. }
  7091. }
  7092. .solutions-content.bannerless .solution-box:first-child .vinny-line {
  7093. right: 50%!important;
  7094. left: 50%!important;
  7095. bottom: 85%!important
  7096. }
  7097. .solutions-content.bannerless .solution-box:first-child .vinny-line.line-2 {
  7098. top: 15%!important;
  7099. bottom: 0!important
  7100. }
  7101. .platforms-chart {
  7102. background: linear-gradient(180deg,#e7fcff 0,#f4feff 100%);
  7103. text-align: center;
  7104. position: relative
  7105. }
  7106. .platforms-chart .vinny-line {
  7107. left: 50%!important;
  7108. bottom: calc(5rem + 123px)!important
  7109. }
  7110. @media (max-width:991.98px) {
  7111. .platforms-chart .vinny-line {
  7112. display: none
  7113. }
  7114. }
  7115. .platforms-chart .title-box {
  7116. margin: auto;
  7117. background-color: #fff;
  7118. color: #1a3867
  7119. }
  7120. @media (min-width:576px) {
  7121. .platforms-chart .title-box {
  7122. border: 3px solid #ed7f22;
  7123. box-shadow: 10px 20px 40px 0 rgba(26,56,103,.2)
  7124. }
  7125. }
  7126. .platforms-chart .platforms {
  7127. list-style: none;
  7128. padding: 0;
  7129. display: flex;
  7130. position: relative;
  7131. flex-wrap: wrap;
  7132. justify-content: center
  7133. }
  7134. @media (min-width:576px) {
  7135. .platforms-chart .platforms {
  7136. margin: 50px 0 0 5px;
  7137. flex-wrap: nowrap;
  7138. justify-content: space-between
  7139. }
  7140. .platforms-chart .platforms::after {
  7141. content: '';
  7142. position: absolute;
  7143. left: 50%;
  7144. bottom: 100%;
  7145. height: 50px;
  7146. border-left: 1px solid #1a3867
  7147. }
  7148. }
  7149. @media (min-width:992px) {
  7150. .platforms-chart .platforms::after {
  7151. display: none
  7152. }
  7153. }
  7154. .platforms-chart .platforms::before {
  7155. content: '';
  7156. width: calc(100% - 61px - 9px);
  7157. position: absolute;
  7158. left: 35.5px
  7159. }
  7160. @media (min-width:576px) {
  7161. .platforms-chart .platforms::before {
  7162. border-top: 1px solid #1a3867
  7163. }
  7164. }
  7165. .platforms-chart .platforms li {
  7166. position: relative;
  7167. width: 70px;
  7168. display: flex;
  7169. flex-direction: column;
  7170. margin-left: 10px;
  7171. margin-right: 10px
  7172. }
  7173. @media (min-width:576px) {
  7174. .platforms-chart .platforms li {
  7175. margin-top: 26px;
  7176. margin-left: 0;
  7177. margin-right: 0
  7178. }
  7179. }
  7180. .platforms-chart .platforms li::before {
  7181. content: '';
  7182. height: 26px;
  7183. position: absolute;
  7184. left: 50%;
  7185. bottom: 100%
  7186. }
  7187. @media (min-width:576px) {
  7188. .platforms-chart .platforms li::before {
  7189. border-left: 1px solid #1a3867
  7190. }
  7191. }
  7192. .platforms-chart .platforms li a {
  7193. background-color: #fff;
  7194. width: 61px;
  7195. height: 61px;
  7196. border-radius: 100%;
  7197. display: flex;
  7198. align-content: center;
  7199. justify-content: center;
  7200. border: 3px solid #ed7f22;
  7201. box-shadow: 10px 20px 40px 0 rgba(26,56,103,.2);
  7202. margin: auto
  7203. }
  7204. .platforms-chart .platforms li img {
  7205. max-height: 100%
  7206. }
  7207. .platforms-chart .platforms li h3 {
  7208. margin-top: .625rem;
  7209. font-weight: 700;
  7210. color: #1a3867
  7211. }
  7212. .platforms-chart .mobile-container {
  7213. position: relative;
  7214. z-index: 25
  7215. }
  7216. @media (max-width:575.98px) {
  7217. .platforms-chart .mobile-container {
  7218. background: #fff;
  7219. border: 3px solid #ed7f22;
  7220. box-shadow: 10px 20px 40px 0 rgba(26,56,103,.2)
  7221. }
  7222. }
  7223. .support {
  7224. background: linear-gradient(180deg,#f5feff 0,#fff 100%);
  7225. overflow: hidden
  7226. }
  7227. @media (max-width:575.98px) {
  7228. .support .container-semifluid {
  7229. padding: 0
  7230. }
  7231. }
  7232. .support .content-wrapper {
  7233. background-color: #ed7f22;
  7234. text-align: center;
  7235. color: #fff;
  7236. position: relative;
  7237. width: 100%
  7238. }
  7239. @media (min-width:576px) {
  7240. .support .content-wrapper::after,.support .content-wrapper::before {
  7241. content: '';
  7242. position: absolute;
  7243. border-color: #f5feff;
  7244. border-style: solid;
  7245. border-width: 33px;
  7246. top: -35px
  7247. }
  7248. .support .content-wrapper::before {
  7249. right: -35px;
  7250. transform: rotate(-135deg)
  7251. }
  7252. .support .content-wrapper::after {
  7253. left: -35px;
  7254. transform: rotate(135deg)
  7255. }
  7256. }
  7257. .support .content-wrapper h1 {
  7258. margin-bottom: 20px
  7259. }
  7260. .support .content-wrapper .btn {
  7261. margin: 5px 0
  7262. }
  7263. .support .content-wrapper .support-content {
  7264. margin: auto
  7265. }
  7266. @media (min-width:992px) {
  7267. .support .content-wrapper .support-content {
  7268. max-width: 610px
  7269. }
  7270. }
  7271. .support .content-wrapper .buttons {
  7272. width: 100%;
  7273. display: flex;
  7274. flex-wrap: wrap;
  7275. justify-content: center;
  7276. margin: 15px 0
  7277. }
  7278. .support .content-wrapper .buttons .btn {
  7279. width: 100%
  7280. }
  7281. @media (max-width:575.98px) {
  7282. .support .content-wrapper .buttons .btn {
  7283. white-space: normal
  7284. }
  7285. }
  7286. .features {
  7287. position: relative;
  7288. background: linear-gradient(180deg,#3869a0 0,#1a3867 100%);
  7289. color: #fff
  7290. }
  7291. @media (min-width:992px) {
  7292. .features .row:before {
  7293. content: '';
  7294. width: 50%;
  7295. border-top: 1px solid #fff;
  7296. position: absolute;
  7297. left: 25%
  7298. }
  7299. .features .feature:before {
  7300. content: '';
  7301. height: 3rem;
  7302. position: absolute;
  7303. border-left: 1px solid #fff;
  7304. top: -3rem;
  7305. left: 50%
  7306. }
  7307. }
  7308. .features h2,.tabbed-content h3 {
  7309. color: #ed7f22;
  7310. font-weight: 700;
  7311. letter-spacing: 5px
  7312. }
  7313. .features h2,.tabbed-content {
  7314. text-align: center
  7315. }
  7316. .features .vinny-line {
  7317. left: 50%!important;
  7318. bottom: calc(100% - 5rem)!important
  7319. }
  7320. @media (max-width:991.98px) {
  7321. .features .vinny-line {
  7322. display: none
  7323. }
  7324. }
  7325. .tabbed-content {
  7326. background: linear-gradient(180deg,#cdf8ff 0,#f0fdff 26.02%,#f5feff 100%)
  7327. }
  7328. .tabbed-content h3 {
  7329. font-family: "Poppins",sans-serif;
  7330. font-size: 18px;
  7331. line-height: 29px;
  7332. margin-top: 50px;
  7333. margin-bottom: 30px
  7334. }
  7335. .tabbed-content .nav {
  7336. justify-content: center;
  7337. font-size: 13px;
  7338. text-transform: uppercase;
  7339. font-weight: 700;
  7340. letter-spacing: 1px
  7341. }
  7342. .tabbed-content .nav .nav-item:first-child .nav-link {
  7343. border-radius: 100px 0 0 100px
  7344. }
  7345. .tabbed-content .nav .nav-item:last-child .nav-link {
  7346. border-radius: 0 100px 100px 0
  7347. }
  7348. .tabbed-content .nav .nav-link {
  7349. border: 3px solid #ed7f22;
  7350. border-radius: 0;
  7351. margin: 5px;
  7352. padding: 10px 40px
  7353. }
  7354. .tabbed-content .tab-content:first-child .tab-pane {
  7355. padding-top: 1rem!important
  7356. }
  7357. .tabbed-content .tab-pane {
  7358. padding: 0 15px
  7359. }
  7360. .job-listings h4,.tabbed-content .tab-pane>h4 {
  7361. color: #ed7f22;
  7362. letter-spacing: 4px;
  7363. font-weight: 400
  7364. }
  7365. .tabbed-content .tab-pane h5 {
  7366. color: #b0c4de;
  7367. max-width: 430px;
  7368. margin: 25px auto;
  7369. font-family: "Raleway",sans-serif;
  7370. font-size: 12px;
  7371. font-weight: 700;
  7372. line-height: 14px;
  7373. text-align: center;
  7374. text-transform: inherit
  7375. }
  7376. .tabbed-content .tab-pane p {
  7377. max-width: 580px;
  7378. margin: 10px auto auto
  7379. }
  7380. @media (max-width:575.98px) {
  7381. .tabbed-content .tab-pane .btn {
  7382. white-space: normal
  7383. }
  7384. }
  7385. .tabbed-content .tab-pane .row img {
  7386. max-width: 75px;
  7387. max-height: 65px
  7388. }
  7389. .tabbed-content .tab-pane .row h4 {
  7390. text-transform: none;
  7391. margin: 35px 0
  7392. }
  7393. .job-listings {
  7394. color: #868686
  7395. }
  7396. .job-listings .job-title {
  7397. text-transform: uppercase
  7398. }
  7399. .job-listings .job-title a {
  7400. color: #1a3867;
  7401. font-size: 20px;
  7402. letter-spacing: 6px
  7403. }
  7404. .job-listings h2 {
  7405. font-size: 1.25rem;
  7406. letter-spacing: 6px;
  7407. font-weight: 400
  7408. }
  7409. .job-listings h4,.job-listings p,.search-hero h1,.tabbed-content .tab-pane h1 {
  7410. color: #1a3867
  7411. }
  7412. .job-listings h5 {
  7413. font-weight: 700
  7414. }
  7415. .job-listings .btn {
  7416. width: 100%
  7417. }
  7418. .job-listings table {
  7419. border-bottom: 1px solid #868686
  7420. }
  7421. .job-listings table td {
  7422. vertical-align: middle;
  7423. border-color: #868686;
  7424. max-width: 255px
  7425. }
  7426. .contact {
  7427. background: linear-gradient(180deg,#effdff 0,#f5feff 100%)
  7428. }
  7429. .contact .container-semifluid {
  7430. position: relative
  7431. }
  7432. .contact .vinny-line {
  7433. left: 116px!important
  7434. }
  7435. @media (max-width:991.98px) {
  7436. .contact .vinny-line {
  7437. display: none
  7438. }
  7439. }
  7440. .contact p {
  7441. margin: 30px 0
  7442. }
  7443. .contact h2 {
  7444. letter-spacing: 5px
  7445. }
  7446. .contact h2::before {
  7447. content: '';
  7448. width: 44px;
  7449. border-top: 3px solid #1a3867;
  7450. display: block;
  7451. margin-bottom: 30px
  7452. }
  7453. .contact form {
  7454. margin-top: 25px;
  7455. box-shadow: 10px 20px 40px 0 rgba(26,56,103,.2)
  7456. }
  7457. @media (min-width:768px) {
  7458. .contact form {
  7459. margin-top: -50px
  7460. }
  7461. }
  7462. .search-hero {
  7463. text-align: center
  7464. }
  7465. @media (min-width:992px) {
  7466. .search-hero h1 {
  7467. font-size: 3.75rem
  7468. }
  7469. }
  7470. .contact h2,.full-screen-hero h5,.search-hero h6 {
  7471. color: #ed7f22;
  7472. font-weight: 700
  7473. }
  7474. .search-hero form {
  7475. justify-content: center
  7476. }
  7477. .search-hero form .input-group {
  7478. border: 1px solid #1a3867;
  7479. border-radius: 25rem;
  7480. padding: 8px;
  7481. width: 100%;
  7482. max-width: 580px
  7483. }
  7484. .search-hero form .input-group .input-group-text {
  7485. background-color: transparent;
  7486. border: 0
  7487. }
  7488. .search-hero form .input-group .input-group-append .btn {
  7489. border-radius: 25rem;
  7490. padding: 5px 35px
  7491. }
  7492. .search-hero form .input-group input {
  7493. border: 0;
  7494. margin-right: 10px
  7495. }
  7496. .search-hero .search-icon {
  7497. border-radius: 100%;
  7498. border: 4px solid #ed7f22;
  7499. width: 20px;
  7500. height: 20px;
  7501. position: relative;
  7502. margin-top: -3px
  7503. }
  7504. .search-hero .search-icon::after {
  7505. content: '';
  7506. border: 2px solid #ed7f22;
  7507. height: 9px;
  7508. position: absolute;
  7509. transform: rotate(-45deg);
  7510. left: calc(100% + 1px);
  7511. top: calc(100% - 2px)
  7512. }
  7513. .multilevel-tabs-content,.multilevel-tabs-content.rounded-corners table h4 span,.table-of-contents ul li ul li a {
  7514. color: #1a3867
  7515. }
  7516. .multilevel-tabs-content.rounded-corners .nav-item:first-child .nav-link {
  7517. border-radius: 100px 0 0 100px
  7518. }
  7519. .multilevel-tabs-content.rounded-corners .nav-item:last-child .nav-link {
  7520. border-radius: 0 100px 100px 0
  7521. }
  7522. .multilevel-tabs-content.rounded-corners table {
  7523. min-width: 400px
  7524. }
  7525. .multilevel-tabs-content.rounded-corners .books img {
  7526. max-height: 205px
  7527. }
  7528. .multilevel-tabs-content.rounded-corners .books h4 {
  7529. margin-top: 25px;
  7530. color: #ed7f22;
  7531. text-transform: none
  7532. }
  7533. .multilevel-tabs-content.rounded-corners .books>div {
  7534. margin-top: 50px
  7535. }
  7536. .multilevel-tabs-content .nav-pills {
  7537. font-size: 13px;
  7538. text-transform: uppercase;
  7539. white-space: nowrap
  7540. }
  7541. .multilevel-tabs-content .nav-justified .nav-item {
  7542. padding: 8px
  7543. }
  7544. .multilevel-tabs-content .nav-justified .nav-link {
  7545. border-radius: 0;
  7546. font-weight: 700;
  7547. padding-top: 21px;
  7548. padding-bottom: 21px
  7549. }
  7550. .multilevel-tabs-content .nav-justified .nav-link:not(.active) {
  7551. color: #fff;
  7552. background-color: #1a3867
  7553. }
  7554. .multilevel-tabs-content .nav-fill .nav-link {
  7555. font-size: 13px;
  7556. color: #1a3867;
  7557. padding: 5px 15px;
  7558. border: 1px solid #1a386738;
  7559. border-radius: .25rem;
  7560. margin: 0 5px;
  7561. background-color: transparent;
  7562. transition: background-color .5s ease
  7563. }
  7564. .multilevel-tabs-content .nav-fill .nav-link.active {
  7565. font-weight: 400;
  7566. background-color: #1a3867;
  7567. color: #fff;
  7568. border: 1px solid #1a386738;
  7569. border-radius: .25rem
  7570. }
  7571. .multilevel-tabs-content .tab-content {
  7572. padding-top: 20px
  7573. }
  7574. .multilevel-tabs-content .tab-content .tab-content {
  7575. padding-top: 25px
  7576. }
  7577. .full-screen-hero table td:last-child,.multilevel-tabs-content .tab-content table td:last-child {
  7578. text-align: right
  7579. }
  7580. .banner-cta .banner>div,.multilevel-tabs-content .tab-content table td .media {
  7581. align-items: center
  7582. }
  7583. .multilevel-tabs-content .tab-content table td .media h3 {
  7584. text-transform: none;
  7585. font-weight: 400
  7586. }
  7587. .multilevel-tabs-content .tab-content table td .media h4 {
  7588. text-transform: none;
  7589. color: #b4b4b4
  7590. }
  7591. .multilevel-tabs-content .tab-content h2 {
  7592. letter-spacing: 5px;
  7593. color: #ed7f22;
  7594. font-weight: 700
  7595. }
  7596. .multilevel-tabs-content .tab-content .card:nth-child(even) .card-header {
  7597. background-color: rgba(26,56,103,.12)
  7598. }
  7599. .prefooter-text {
  7600. color: #1a3867;
  7601. background: linear-gradient(180deg,#fff 0,#f0fdff 26.02%,#cdf8ff 100%)
  7602. }
  7603. .prefooter-text .row>div:first-child {
  7604. color: #ed7f22
  7605. }
  7606. .full-screen-hero ul ul,.prefooter-text ul {
  7607. font-size: 14px;
  7608. font-family: "Raleway",sans-serif
  7609. }
  7610. .full-screen-hero {
  7611. color: #1a3867;
  7612. overflow: hidden;
  7613. background: linear-gradient(180deg,#fff 0,#f0fdff 26.02%,#cdf8ff 100%)
  7614. }
  7615. .full-screen-hero .container-semifluid {
  7616. position: relative;
  7617. min-height: calc(100vh - 120px)
  7618. }
  7619. @media (min-width:992px) {
  7620. .full-screen-hero .container-semifluid::after {
  7621. content: '';
  7622. position: absolute;
  7623. background: #1a3867;
  7624. top: 0;
  7625. bottom: 0;
  7626. left: calc(100% - 117px - 1px);
  7627. width: 50vw
  7628. }
  7629. .full-screen-hero .container-semifluid::before {
  7630. content: '';
  7631. position: absolute;
  7632. border-color: #1a3867;
  7633. border-style: solid;
  7634. border-width: 33px;
  7635. width: 16.5px;
  7636. bottom: -33px;
  7637. right: 84px;
  7638. transform: rotate(-45deg)
  7639. }
  7640. }
  7641. @media (min-width:992px) and (max-width:991.98px) {
  7642. .full-screen-hero .container-semifluid::before {
  7643. right: -33px
  7644. }
  7645. }
  7646. @media (min-width:992px) {
  7647. .full-screen-hero .container-semifluid .row>div:last-child {
  7648. padding: 0 50px
  7649. }
  7650. .full-screen-hero .container-semifluid .row {
  7651. width: 100%
  7652. }
  7653. }
  7654. @media (min-width:1200px) {
  7655. .full-screen-hero .col-12 .col-md-6 h1 {
  7656. font-size: 3.75rem
  7657. }
  7658. .full-screen-hero .col-12 .col-12 h1 {
  7659. font-size: 2.25rem
  7660. }
  7661. }
  7662. .full-screen-hero h2,.full-screen-hero h4 {
  7663. color: #ed7f22;
  7664. font-weight: 700;
  7665. letter-spacing: 5px
  7666. }
  7667. .full-screen-hero h4 {
  7668. letter-spacing: 3px
  7669. }
  7670. .full-screen-hero ul ul {
  7671. list-style-type: disc;
  7672. padding-left: 15px;
  7673. margin-top: 15px;
  7674. margin-bottom: 25px
  7675. }
  7676. .full-screen-hero .btn {
  7677. white-space: normal;
  7678. margin-top: 25px
  7679. }
  7680. .full-screen-hero .icons {
  7681. list-style: none;
  7682. padding: 0;
  7683. display: flex;
  7684. position: relative;
  7685. flex-wrap: wrap
  7686. }
  7687. .full-screen-hero .icons li {
  7688. padding-right: 19px;
  7689. padding-bottom: 10px
  7690. }
  7691. .full-screen-hero .icons li a {
  7692. height: 52px;
  7693. width: 52px;
  7694. position: relative;
  7695. overflow: hidden;
  7696. background-color: #fff;
  7697. border: 2px solid #ed7f22;
  7698. border-radius: 100%;
  7699. text-align: center;
  7700. display: table-cell;
  7701. vertical-align: middle
  7702. }
  7703. .full-screen-hero .modal-content {
  7704. border-radius: 0;
  7705. border: 0
  7706. }
  7707. .full-screen-hero .modal-content .modal-header {
  7708. border: 0
  7709. }
  7710. .full-screen-hero .modal-content .modal-body img {
  7711. height: 75px
  7712. }
  7713. .full-screen-hero .modal-content .close {
  7714. font-weight: 100;
  7715. color: #1a3867
  7716. }
  7717. .full-screen-hero .modal-content .close span,.job-application .modal-content .close span {
  7718. border: 1px solid #1a3867;
  7719. height: 24px;
  7720. width: 24px;
  7721. display: inline-block;
  7722. border-radius: 100%
  7723. }
  7724. .full-screen-hero .vinnyfollow h1:first-child {
  7725. font-size: 1.875rem;
  7726. margin-bottom: 30px;
  7727. margin-top: -50px
  7728. }
  7729. .full-screen-hero .vinnyfollow h1:first-child::after {
  7730. content: '';
  7731. width: 44px;
  7732. border-top: 3px solid #2fc1d7;
  7733. display: block;
  7734. margin-top: 10px
  7735. }
  7736. .full-screen-hero .vinnyfollow h1:not(:first-child) {
  7737. font-size: 2.5rem;
  7738. color: #ed7f22;
  7739. font-weight: 700;
  7740. margin: 35px 0
  7741. }
  7742. .full-screen-hero .vinnyfollow h2 {
  7743. font-size: 20;
  7744. text-transform: none;
  7745. font-weight: 500;
  7746. letter-spacing: normal;
  7747. color: #1a3867;
  7748. margin: 20px 0
  7749. }
  7750. .full-screen-hero .vinnyfollow h5 {
  7751. color: #1a3867;
  7752. font-weight: 400;
  7753. text-transform: none
  7754. }
  7755. .full-screen-hero .vinnyfollow ul {
  7756. font-size: .5rem;
  7757. padding-left: 0;
  7758. list-style: none
  7759. }
  7760. .full-screen-hero .vinnyfollow ul li {
  7761. margin-top: 5px
  7762. }
  7763. .full-screen-hero .vinnyfollow>div:first-child {
  7764. padding-left: 30px
  7765. }
  7766. .full-screen-hero .vinnyfollow>div:nth-last-child(2) {
  7767. display: flex;
  7768. align-items: flex-end
  7769. }
  7770. @media (min-width:992px) {
  7771. .full-screen-hero .vinnyfollow>div:nth-last-child(2) {
  7772. padding: 0 50px
  7773. }
  7774. }
  7775. .full-screen-hero .vinnyfollow .vinny-line {
  7776. padding: 0!important
  7777. }
  7778. .full-screen-hero .table-responsive .card {
  7779. background: 0 0
  7780. }
  7781. .full-screen-hero .table-responsive .card .btn[aria-expanded=true] .btn {
  7782. background-color: #1a3867;
  7783. border-color: #1a3867
  7784. }
  7785. .button-accordion .card .card-header .btn[aria-expanded=true] .btn::before,.full-screen-hero .table-responsive .card .btn[aria-expanded=true] .btn::before {
  7786. content: 'Close'
  7787. }
  7788. .full-screen-hero .table-responsive .card .btn .btn {
  7789. padding: 7px 27px;
  7790. float: right
  7791. }
  7792. .full-screen-hero .table-responsive .card .btn .btn::before {
  7793. content: 'Expand'
  7794. }
  7795. .full-screen-hero img {
  7796. max-width: 180px
  7797. }
  7798. .full-screen-hero .geek911 {
  7799. font-weight: 600
  7800. }
  7801. .full-screen-hero .geek911 ul {
  7802. color: #ed7f22;
  7803. font-size: .875rem
  7804. }
  7805. .modal-backdrop.show {
  7806. background-color: #fff;
  7807. opacity: .8
  7808. }
  7809. .sha256sum-data {
  7810. background: linear-gradient(180deg,#effdff 0,#fff 100%);
  7811. z-index: 3;
  7812. position: relative
  7813. }
  7814. .sha256sum-data .data-wrapper {
  7815. background: #fff;
  7816. font-size: .875rem;
  7817. border: 1px solid #ed7f22;
  7818. padding: 30px 50px;
  7819. margin-top: -40px;
  7820. text-align: left;
  7821. word-break: break-all
  7822. }
  7823. @media (max-width:575.98px) {
  7824. .sha256sum-data .data-wrapper {
  7825. padding: 30px
  7826. }
  7827. }
  7828. .table-of-contents {
  7829. border: 1px solid #ed7f22;
  7830. position: fixed;
  7831. top: 30vh;
  7832. padding-top: 23px;
  7833. max-width: 255px;
  7834. z-index: 10;
  7835. background: #fff
  7836. }
  7837. @media (max-width:767.98px) {
  7838. .table-of-contents {
  7839. position: relative;
  7840. top: 0;
  7841. margin-top: 54px;
  7842. max-width: 100%
  7843. }
  7844. }
  7845. .table-of-contents h4 {
  7846. border-bottom: 1px solid #1a3867;
  7847. padding: 0 10px 10px;
  7848. margin: 0 32px;
  7849. color: #1a3867
  7850. }
  7851. .table-of-contents .btn-primary {
  7852. letter-spacing: 1px;
  7853. font-size: 13px;
  7854. width: 100%;
  7855. text-transform: uppercase;
  7856. display: inline-block;
  7857. text-align: center;
  7858. padding: 7px 0
  7859. }
  7860. .table-of-contents ul {
  7861. font-size: 13px;
  7862. list-style: none;
  7863. text-transform: uppercase;
  7864. padding: 0 35px
  7865. }
  7866. .table-of-contents ul li ul {
  7867. padding: 0 15px;
  7868. font-size: .5625rem
  7869. }
  7870. .table-of-contents ul li ul li {
  7871. padding: 10px 0
  7872. }
  7873. .table-of-contents ul li ul li:first-child {
  7874. padding-top: 20px
  7875. }
  7876. .table-of-contents ul li ul li:last-child {
  7877. padding-bottom: 0
  7878. }
  7879. .table-of-contents ul .active {
  7880. font-weight: 700
  7881. }
  7882. .post-body,.share-banner {
  7883. color: #1a3867
  7884. }
  7885. .post-body .text-center h4 {
  7886. font-weight: 400
  7887. }
  7888. .post-body h2 {
  7889. color: #ed7f22
  7890. }
  7891. .post-body h3 {
  7892. font-size: .875rem;
  7893. text-transform: none
  7894. }
  7895. .post-body h4 {
  7896. letter-spacing: 4px
  7897. }
  7898. .post-body h4,.post-body h5,.post-prefooter h2,.title-block h5 {
  7899. color: #ed7f22;
  7900. font-weight: 700
  7901. }
  7902. .post-body ol,.post-body p,.post-body ul {
  7903. font-size: 1rem;
  7904. line-height: 2rem;
  7905. font-family: "Poppins",sans-serif
  7906. }
  7907. .post-body ol,.post-body ul {
  7908. list-style-type: disc;
  7909. padding: 0;
  7910. list-style-position: inside
  7911. }
  7912. .post-body.colored-background {
  7913. background: linear-gradient(180deg,#e9fcff 0,#fff 100%)
  7914. }
  7915. .post-body.no-pb,header li {
  7916. padding-bottom: 0!important
  7917. }
  7918. .post-body pre, code {
  7919. background: #1a3567;
  7920. border-left: solid 5px #ababab;
  7921. border: solid 1px #ababab;
  7922. color: #fff;
  7923. font-size: 13px;
  7924. overflow-x: auto;
  7925. padding: 2px 18px;
  7926. white-space: pre-wrap;
  7927. word-wrap: break-word;
  7928. }
  7929. .post-body p + pre {
  7930. margin-top: -1rem;
  7931. }
  7932. .share-banner .container {
  7933. border-color: #1a3867;
  7934. border-style: solid;
  7935. border-width: 1px 0
  7936. }
  7937. .share-banner .container .row {
  7938. justify-content: center
  7939. }
  7940. .share-banner .container .row h4 {
  7941. letter-spacing: 4px;
  7942. font-weight: 400;
  7943. padding: 16px 0
  7944. }
  7945. @media (max-width:767.98px) {
  7946. .share-banner .container .row h4 {
  7947. text-align: center
  7948. }
  7949. }
  7950. .share-banner .container .row ul {
  7951. list-style: none;
  7952. display: flex;
  7953. font-size: 2rem;
  7954. justify-content: space-between
  7955. }
  7956. @media (max-width:767.98px) {
  7957. .share-banner .container .row ul {
  7958. justify-content: space-around
  7959. }
  7960. }
  7961. .post-prefooter {
  7962. text-align: center
  7963. }
  7964. .post-prefooter h1 {
  7965. font-size: 24px;
  7966. color: #1a3867
  7967. }
  7968. .post-prefooter h2 {
  7969. letter-spacing: 5px
  7970. }
  7971. .post-prefooter h4 {
  7972. color: #ed7f22;
  7973. font-weight: 600
  7974. }
  7975. .post-prefooter .related-post {
  7976. box-shadow: 10px 20px 40px 0 rgba(26,56,103,.2);
  7977. background-color: #fff;
  7978. border-radius: 5px;
  7979. padding: 20px 30px;
  7980. text-align: left;
  7981. margin-top: 15px
  7982. }
  7983. .post-prefooter .related-post a {
  7984. border: 1px solid #ed7f22;
  7985. height: 20px;
  7986. width: 20px;
  7987. display: inline-block;
  7988. border-radius: 100%;
  7989. margin-top: 20px;
  7990. position: relative
  7991. }
  7992. .post-prefooter .related-post a span::before {
  7993. content: '';
  7994. width: 7px;
  7995. border-top: 1px solid #ed7f22;
  7996. display: inline-block;
  7997. position: absolute;
  7998. top: 50%;
  7999. right: calc(50% - 3px)
  8000. }
  8001. .post-prefooter .related-post a span::after {
  8002. content: '';
  8003. border-color: #ed7f22;
  8004. border-style: solid;
  8005. border-width: 1px 1px 0 0;
  8006. display: inline-block;
  8007. width: 5px;
  8008. height: 5px;
  8009. transform: rotate(45deg);
  8010. position: absolute;
  8011. top: calc(50% - 2px);
  8012. right: 5px
  8013. }
  8014. .video-content .title-content {
  8015. color: #b4b4b4;
  8016. text-transform: uppercase
  8017. }
  8018. .video-content .title-content h1 {
  8019. font-weight: 700;
  8020. color: #2fc1d7;
  8021. font-size: 75px;
  8022. letter-spacing: -5px;
  8023. line-height: 60px
  8024. }
  8025. .video-content .title-content h2 {
  8026. font-weight: 700;
  8027. color: #1a3867;
  8028. font-size: 80px;
  8029. line-height: 70px;
  8030. text-transform: uppercase
  8031. }
  8032. .video-content .title-content h2 small {
  8033. display: block;
  8034. font-size: 50px
  8035. }
  8036. .video-content .image {
  8037. max-width: 100%
  8038. }
  8039. .video-content .video h1 {
  8040. color: #1a3867;
  8041. font-weight: 700;
  8042. letter-spacing: 6px;
  8043. margin: 0 0 20px;
  8044. padding: 0;
  8045. text-transform: uppercase
  8046. }
  8047. .video-content .video h2 {
  8048. font-size: 18px;
  8049. font-weight: 300;
  8050. line-height: 28px;
  8051. margin-bottom: 20px;
  8052. text-transform: inherit
  8053. }
  8054. .team .container>h1 {
  8055. color: #ed7f22;
  8056. font-size: 2.1875rem;
  8057. font-weight: 700;
  8058. letter-spacing: 10px;
  8059. text-transform: uppercase
  8060. }
  8061. .team .items {
  8062. display: -webkit-box;
  8063. display: -webkit-flex;
  8064. display: -moz-flex;
  8065. display: -ms-flexbox;
  8066. display: flex;
  8067. -webkit-flex-wrap: wrap;
  8068. -moz-flex-wrap: wrap;
  8069. -ms-flex-wrap: wrap;
  8070. flex-wrap: wrap;
  8071. -webkit-box-pack: center;
  8072. -ms-flex-pack: center;
  8073. -webkit-justify-content: center;
  8074. -moz-justify-content: center;
  8075. justify-content: center
  8076. }
  8077. .team .items .item-team-list {
  8078. margin-bottom: 40px;
  8079. padding: 0 20px;
  8080. width: 220px
  8081. }
  8082. .team .items .item-team-list h4 {
  8083. color: #1a3867;
  8084. font-weight: 400;
  8085. margin: 0
  8086. }
  8087. .team .items .item-team-list p {
  8088. color: #1a3867;
  8089. margin: 0
  8090. }
  8091. .team .items .item-team-list img {
  8092. border-radius: 100%;
  8093. width: 150px;
  8094. height: 150px;
  8095. margin-bottom: 15px
  8096. }
  8097. .team .items .item-team-list a {
  8098. color: #fff;
  8099. background-color: #1a3867;
  8100. border-radius: 100%;
  8101. width: 20px;
  8102. height: 20px;
  8103. display: inline-block;
  8104. font-size: 11px;
  8105. padding: 2px
  8106. }
  8107. .job-application h4 {
  8108. letter-spacing: 4px;
  8109. color: #ed7f22
  8110. }
  8111. .job-application h4 span {
  8112. background: #fff;
  8113. position: relative;
  8114. z-index: 1;
  8115. padding-right: 25px
  8116. }
  8117. .job-application h4::after {
  8118. content: '';
  8119. border-bottom: 2px solid #1a3867;
  8120. width: 100%;
  8121. display: inline-block;
  8122. bottom: 15px;
  8123. position: relative
  8124. }
  8125. .job-application .btn-outline-tertiary {
  8126. color: #1a3867
  8127. }
  8128. .job-application label {
  8129. letter-spacing: 3px
  8130. }
  8131. .job-application input[type=file] {
  8132. position: absolute;
  8133. text-indent: -999999px;
  8134. padding-top: 9px;
  8135. color: #ed7f22;
  8136. font-size: 14px;
  8137. font-weight: 300;
  8138. line-height: 20px;
  8139. background-color: transparent;
  8140. width: 500px;
  8141. padding-left: 195px
  8142. }
  8143. .job-application input[type=file]:focus {
  8144. outline: 0
  8145. }
  8146. .job-application .attach-resume .attach-control {
  8147. display: flex
  8148. }
  8149. .job-application .attach-resume .attach-control .loading-icon {
  8150. width: 40px;
  8151. height: 40px;
  8152. position: relative
  8153. }
  8154. .job-application .attach-resume .attach-control .loading-icon .uploaded {
  8155. top: 50%;
  8156. left: 50%
  8157. }
  8158. .job-application .attach-resume .attach-control .loading-icon .loading,.job-application .attach-resume .attach-control .loading-icon .uploaded {
  8159. position: absolute;
  8160. transform: translate(-50%,-50%);
  8161. border-radius: 100%;
  8162. display: inline-block;
  8163. width: 20px;
  8164. height: 20px;
  8165. border: 2px #ed7f22
  8166. }
  8167. .job-application .attach-resume .attach-control .loading-icon .uploaded {
  8168. border-style: solid
  8169. }
  8170. .job-application .attach-resume .attach-control .loading-icon .uploaded::before {
  8171. content: '';
  8172. border-color: #ed7f22;
  8173. border-width: 0 0 2px 2px;
  8174. border-style: solid;
  8175. width: 10px;
  8176. height: 5px;
  8177. display: inline-block;
  8178. position: absolute;
  8179. top: 4px;
  8180. left: 3px;
  8181. transform: rotate(-50deg)
  8182. }
  8183. .job-application .attach-resume .attach-control .loading-icon .loading {
  8184. border-style: dotted;
  8185. -webkit-animation: rotating 2s linear infinite;
  8186. top: 10px;
  8187. left: 10px
  8188. }
  8189. .job-application .attach-resume .attach-control .attachment-text {
  8190. position: relative;
  8191. top: 10px
  8192. }
  8193. .job-application .content-form-thanks,.job-application .resume-validation-text {
  8194. display: none
  8195. }
  8196. .job-application .modal-content {
  8197. border-radius: 0;
  8198. border: 0;
  8199. color: #1a3867
  8200. }
  8201. .job-application .modal-content p {
  8202. margin: 15px 0
  8203. }
  8204. .button-accordion .card table td,.job-application .modal-content .modal-header {
  8205. border: 0
  8206. }
  8207. .job-application .modal-content .close {
  8208. font-weight: 100;
  8209. color: #1a3867
  8210. }
  8211. .partners-list {
  8212. background: linear-gradient(180deg,#f1fdff 0,#f5feff 100%);
  8213. overflow: hidden
  8214. }
  8215. @media (max-width:991.98px) {
  8216. .partners-list .vinny-line {
  8217. display: none
  8218. }
  8219. }
  8220. .partners-list .container-semifluid {
  8221. position: relative;
  8222. padding-top: 5.625rem;
  8223. padding-bottom: 5.625rem;
  8224. min-height: 350px
  8225. }
  8226. .partners-list .container-semifluid .solution-wrapper {
  8227. width: 100%
  8228. }
  8229. .partners-list .container-semifluid .v-center {
  8230. display: flex;
  8231. align-items: center
  8232. }
  8233. .partners-list .container-semifluid .row {
  8234. height: 100%
  8235. }
  8236. .partners-list .container-semifluid .row>div:first-child {
  8237. text-align: center
  8238. }
  8239. .partners-list .container-semifluid .row>div:first-child img {
  8240. width: 250px;
  8241. height: 250px;
  8242. min-height: 250px;
  8243. min-width: 250px
  8244. }
  8245. .partners-list .partner-box:first-child {
  8246. padding-top: 5rem
  8247. }
  8248. @media (max-width:767.98px) {
  8249. .partners-list .partner-box:first-child {
  8250. padding-top: 10.625rem
  8251. }
  8252. }
  8253. .partners-list .partner-box:first-child .vinny-line {
  8254. left: 114px!important;
  8255. bottom: 40%!important
  8256. }
  8257. .partners-list .partner-box:first-child .vinny-line.line-2 {
  8258. top: calc(60% - 1px)!important;
  8259. bottom: 0!important
  8260. }
  8261. .partners-list .partner-box:first-child .vinny-line.line-2 .vinnycolor {
  8262. width: 2px!important
  8263. }
  8264. .partners-list .partner-box:first-child .vinny-line.line-2 .vinnyflow {
  8265. width: 6px!important
  8266. }
  8267. .partners-list .partner-box:first-child .solution-wrapper {
  8268. min-height: 300px
  8269. }
  8270. .partners-list .partner-box:nth-child(odd):not(:first-child) .vinny-line {
  8271. left: 50%!important
  8272. }
  8273. .partners-list .partner-box:nth-child(even) .solution-wrapper .row {
  8274. position: relative;
  8275. z-index: 1
  8276. }
  8277. .partners-list .partner-box:nth-child(even) .solution-wrapper::after {
  8278. content: '';
  8279. background-color: rgba(47,193,215,.11);
  8280. position: absolute;
  8281. top: 0;
  8282. bottom: 0;
  8283. width: 100vw
  8284. }
  8285. .partners-list .partner-box:nth-child(even) .vinny-line {
  8286. left: 50%!important
  8287. }
  8288. .partners-list.skew-vinnyline .partner-box:nth-child(4) .vinny-line {
  8289. bottom: 40%!important
  8290. }
  8291. .partners-list.skew-vinnyline .partner-box:nth-child(4) .vinny-line.line-2 {
  8292. top: 60%!important;
  8293. bottom: 0!important
  8294. }
  8295. .partners-list.skew-vinnyline .partner-box:nth-child(4) .vinny-line.line-2 .vinnycolor {
  8296. width: 2px!important
  8297. }
  8298. .partners-list.skew-vinnyline .partner-box:nth-child(4) .vinny-line.line-2 .vinnyflow {
  8299. width: 6px!important
  8300. }
  8301. .partners-list.skew-vinnyline .partner-box:nth-child(5) .vinny-line:not(.line-2) {
  8302. bottom: 60%!important;
  8303. transform-origin: 0 calc(100% + 1px) 0!important;
  8304. left: 113px!important
  8305. }
  8306. .partners-list.skew-vinnyline .partner-box:nth-child(5) .vinny-line:not(.line-2) .vinnycolor {
  8307. width: 2px!important
  8308. }
  8309. .partners-list.skew-vinnyline .partner-box:nth-child(5) .vinny-line:not(.line-2) .vinnyflow {
  8310. width: 6px!important
  8311. }
  8312. .partners-list.skew-vinnyline .partner-box:nth-child(5) .vinny-line.line-2 {
  8313. top: 40%!important
  8314. }
  8315. .partners-list.skew-vinnyline .partner-box:nth-child(n+5) .vinny-line {
  8316. left: 116px!important
  8317. }
  8318. .partners-list.skew-vinnyline .partner-box:nth-child(n+5) .line-horiz {
  8319. left: 118px!important;
  8320. right: calc(50% - 2px)!important;
  8321. bottom: calc(25% - 4px)!important
  8322. }
  8323. .partners-list.skew-vinnyline .partner-box:last-child .vinny-line:not(.line-2):not(.line-horiz) {
  8324. bottom: 25%!important
  8325. }
  8326. .partners-list.skew-vinnyline .partner-box:last-child .line-2 {
  8327. left: 50%!important;
  8328. top: 75%!important
  8329. }
  8330. .banner-cta.colored .banner .btn-default,.title-block,section.sidebar-latest-posts .item-news .item-news .item-info header a {
  8331. color: #1a3867
  8332. }
  8333. .title-block h1 {
  8334. font-size: 2.5rem;
  8335. color: #ed7f22;
  8336. font-weight: 700
  8337. }
  8338. .banner-cta .banner h4,.title-block h4 {
  8339. color: #ed7f22;
  8340. letter-spacing: 4px;
  8341. font-weight: 400
  8342. }
  8343. .title-block p {
  8344. margin-top: 25px
  8345. }
  8346. .title-block.small-title h1 {
  8347. font-size: 2.1875rem;
  8348. font-weight: 400
  8349. }
  8350. .title-block.colored-title {
  8351. background: linear-gradient(180deg,#cdf8ff 0,#e9fcff 100%)
  8352. }
  8353. .banner-cta .banner a.btn,.title-block.colored-title h1 {
  8354. color: #ed7f22
  8355. }
  8356. .banner-cta {
  8357. margin-bottom: 80px
  8358. }
  8359. .banner-cta .banner {
  8360. -moz-box-shadow: 0 30px 70px 10px rgba(26,56,103,.2);
  8361. -webkit-box-shadow: 0 30px 70px 10px rgba(26,56,103,.2);
  8362. box-shadow: 0 30px 70px 10px rgba(26,56,103,.2);
  8363. background-color: #1a3867;
  8364. color: #fff;
  8365. justify-content: center
  8366. }
  8367. .banner-cta .banner .btn-default {
  8368. color: #868686
  8369. }
  8370. @media (max-width:575.98px) {
  8371. .banner-cta .banner .btn-default {
  8372. padding-left: 15px;
  8373. padding-right: 15px
  8374. }
  8375. }
  8376. .banner-cta .banner h1 {
  8377. font-weight: 700;
  8378. letter-spacing: 8px;
  8379. text-transform: uppercase;
  8380. margin: 0
  8381. }
  8382. .banner-cta .banner h4 {
  8383. color: #fff;
  8384. margin: 0
  8385. }
  8386. @media (min-width:768px) {
  8387. .banner-cta .banner>div {
  8388. display: flex
  8389. }
  8390. .banner-cta .banner>div.text-center:not(.text-md-left) {
  8391. justify-content: center
  8392. }
  8393. .banner-cta .banner>div.text-right {
  8394. justify-content: flex-end
  8395. }
  8396. }
  8397. .banner-cta.colored .banner {
  8398. background-color: #ed7f22;
  8399. color: #fff
  8400. }
  8401. .banner-cta.colored .banner h1 {
  8402. text-transform: capitalize
  8403. }
  8404. .button-accordion {
  8405. background: linear-gradient(180deg,#eefdff 0,#fff 100%)
  8406. }
  8407. .button-accordion .card {
  8408. background: 0 0
  8409. }
  8410. .button-accordion .card .card-header .btn {
  8411. padding: 0 27px
  8412. }
  8413. .button-accordion .card .card-header .btn[aria-expanded=true] .btn {
  8414. background-color: #1a3867;
  8415. border-color: #1a3867
  8416. }
  8417. .button-accordion .card .card-header .btn span:first-child {
  8418. font-weight: 600;
  8419. line-height: 37px
  8420. }
  8421. .button-accordion .card .card-header .btn .btn {
  8422. float: right;
  8423. padding: 7px 27px
  8424. }
  8425. .button-accordion .card .card-header .btn .btn::before {
  8426. content: 'See Details'
  8427. }
  8428. .button-accordion .card .card-body h1,.button-accordion .card .card-body h2,.button-accordion .card .card-body h3,.button-accordion .card .card-body h4,.button-accordion .card .card-body h5,.button-accordion .card .card-body h6 {
  8429. color: #ed7f22
  8430. }
  8431. .button-accordion .card table {
  8432. border: 1px solid #1a3867;
  8433. border-top-color: #1a3867
  8434. }
  8435. .button-accordion .card table tr:nth-of-type(even) {
  8436. background-color: rgba(180,180,180,.12)
  8437. }
  8438. .button-accordion .card table td .btn {
  8439. text-transform: lowercase;
  8440. width: 100%
  8441. }
  8442. section.sidebar-search-categories .item-news {
  8443. border-color: #1a3867
  8444. }
  8445. section.sidebar-search-categories .item-news form {
  8446. padding-bottom: 20px
  8447. }
  8448. section.sidebar-search-categories .item-news form input[type=search] {
  8449. font-family: 'Poppins';
  8450. font-style: normal;
  8451. font-weight: 400;
  8452. width: -webkit-calc(100% - 30px);
  8453. width: calc(100% - 30px);
  8454. border: 0;
  8455. margin-right: 60px;
  8456. text-transform: uppercase
  8457. }
  8458. section.sidebar-search-categories .item-news form button {
  8459. -webkit-border-radius: 50%;
  8460. -moz-border-radius: 50%;
  8461. -ms-border-radius: 50%;
  8462. border-radius: 50%;
  8463. background: 0 0;
  8464. border: 2px solid #ed7f22;
  8465. color: #ed7f22;
  8466. right: 20px;
  8467. line-height: 30px;
  8468. position: absolute;
  8469. top: 50%;
  8470. transform: translateY(-50%);
  8471. height: 30px;
  8472. width: 30px
  8473. }
  8474. section.sidebar-search-categories .item-news form button i {
  8475. font-size: 12px;
  8476. left: 7px;
  8477. top: 7px;
  8478. position: absolute;
  8479. right: 7px;
  8480. bottom: 7px
  8481. }
  8482. section.sidebar-search-categories .item-news .categories {
  8483. background: #defbff;
  8484. background: -webkit-linear-gradient(180deg,#f0fdff 0,#defbff 100%);
  8485. background: -o-linear-gradient(180deg,#f0fdff 0,#defbff 100%);
  8486. background: -moz-linear-gradient(180deg,#f0fdff 0,#defbff 100%);
  8487. background: linear-gradient(180deg,#f0fdff 0,#defbff 100%);
  8488. flex: 1;
  8489. padding: 20px 25px
  8490. }
  8491. section.sidebar-search-categories .item-news .categories a {
  8492. font-family: 'Poppins';
  8493. font-style: normal;
  8494. font-weight: 600;
  8495. color: #ed7f22;
  8496. font-size: 15px;
  8497. letter-spacing: 1px;
  8498. line-height: 23px;
  8499. text-transform: uppercase
  8500. }
  8501. section.sidebar-search-categories .item-news footer {
  8502. -webkit-border-bottom-left-radius: 9px;
  8503. -moz-border-bottom-left-radius: 9px;
  8504. -ms-border-bottom-left-radius: 9px;
  8505. border-bottom-left-radius: 9px;
  8506. -webkit-border-bottom-right-radius: 9px;
  8507. -moz-border-bottom-right-radius: 9px;
  8508. -ms-border-bottom-right-radius: 9px;
  8509. border-bottom-right-radius: 9px;
  8510. background-color: #ed7f22;
  8511. margin: 0;
  8512. padding: 20px 30px
  8513. }
  8514. section.sidebar-search-categories .item-news footer ul li {
  8515. -webkit-border-radius: 50%;
  8516. -moz-border-radius: 50%;
  8517. -ms-border-radius: 50%;
  8518. border-radius: 50%;
  8519. background-color: #fff;
  8520. height: 40px;
  8521. line-height: 40px;
  8522. margin-right: 8px;
  8523. text-align: center;
  8524. width: 40px
  8525. }
  8526. section.sidebar-search-categories .item-news footer ul li:last-child {
  8527. margin-right: 0
  8528. }
  8529. section.sidebar-search-categories .item-news footer ul li i {
  8530. color: #ed7f22;
  8531. font-size: 18px
  8532. }
  8533. @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
  8534. section.sidebar-search-categories .item-news .item-info {
  8535. min-height: 270px
  8536. }
  8537. section.sidebar-search-categories .item-news .item-info .categories {
  8538. height: 100%
  8539. }
  8540. }
  8541. @media (max-width:575.98px) {
  8542. section.sidebar-search-categories .item-news .categories a {
  8543. font-size: 13px
  8544. }
  8545. section.sidebar-search-categories .item-news footer {
  8546. -webkit-border-bottom-left-radius: 0;
  8547. -moz-border-bottom-left-radius: 0;
  8548. -ms-border-bottom-left-radius: 0;
  8549. border-bottom-left-radius: 0;
  8550. -webkit-border-bottom-right-radius: 0;
  8551. -moz-border-bottom-right-radius: 0;
  8552. -ms-border-bottom-right-radius: 0;
  8553. border-bottom-right-radius: 0
  8554. }
  8555. }
  8556. section.sidebar-latest-posts .item-news {
  8557. height: auto
  8558. }
  8559. section.sidebar-latest-posts .item-news header {
  8560. padding-bottom: 10px
  8561. }
  8562. section.sidebar-latest-posts .item-news header .sidebar-title {
  8563. margin-bottom: 0
  8564. }
  8565. section.sidebar-latest-posts .item-news .item-news {
  8566. border: 0;
  8567. margin-bottom: 10px
  8568. }
  8569. section.sidebar-latest-posts .item-news .item-news:after {
  8570. display: none
  8571. }
  8572. section.sidebar-latest-posts .item-news .item-news .item-info header {
  8573. background-color: transparent;
  8574. margin-bottom: 0;
  8575. padding-bottom: 10px
  8576. }
  8577. section.sidebar-latest-posts .item-news .item-news .item-info .title {
  8578. margin-top: 0
  8579. }
  8580. section.sidebar-latest-posts .item-news .item-news .item-info footer {
  8581. padding: 0
  8582. }
  8583. section.sidebar-latest-posts .item-news .item-news .item-info footer .date {
  8584. border-bottom: 1px solid #2fc1d7;
  8585. border-top: none;
  8586. padding-bottom: 20px
  8587. }
  8588. section.sidebar-latest-posts .item-news .item-news:last-child .item-info footer .date {
  8589. border: 0
  8590. }
  8591. section.mobile-download {
  8592. display: -webkit-box;
  8593. display: -webkit-flex;
  8594. display: -moz-flex;
  8595. display: -ms-flexbox;
  8596. display: flex;
  8597. -webkit-box-align: center;
  8598. -ms-flex-align: center;
  8599. -webkit-align-items: center;
  8600. -moz-align-items: center;
  8601. align-items: center;
  8602. -webkit-box-pack: center;
  8603. -ms-flex-pack: center;
  8604. -webkit-justify-content: center;
  8605. -moz-justify-content: center;
  8606. justify-content: center;
  8607. -webkit-box-direction: normal;
  8608. -webkit-box-orient: horizontal;
  8609. -webkit-flex-direction: row;
  8610. -moz-flex-direction: row;
  8611. -ms-flex-direction: row;
  8612. flex-direction: row;
  8613. background-color: #fafafa;
  8614. height: 60px;
  8615. position: fixed;
  8616. top: 0;
  8617. left: 0;
  8618. margin-top: -60px;
  8619. z-index: 199;
  8620. width: 100%
  8621. }
  8622. section.mobile-download .close-icon {
  8623. display: inline-block;
  8624. width: 15px;
  8625. height: 15px;
  8626. position: relative
  8627. }
  8628. section.mobile-download .close-icon:after,section.mobile-download .close-icon:before {
  8629. position: absolute;
  8630. left: 5px;
  8631. content: ' ';
  8632. height: 15px;
  8633. width: 2px;
  8634. background-color: #ed7f22
  8635. }
  8636. section.mobile-download .close-icon:before {
  8637. transform: rotate(45deg)
  8638. }
  8639. section.mobile-download .close-icon:after {
  8640. transform: rotate(-45deg)
  8641. }
  8642. section.mobile-download .logo {
  8643. background-color: #efefef;
  8644. border-radius: 5px;
  8645. margin-left: 16px;
  8646. padding: 11px
  8647. }
  8648. section.mobile-download .logo img {
  8649. max-width: 23px
  8650. }
  8651. section.mobile-download .content {
  8652. margin-left: 9px;
  8653. margin-right: 25px
  8654. }
  8655. section.mobile-download .content .title {
  8656. line-height: 10px;
  8657. text-transform: uppercase
  8658. }
  8659. section.mobile-download .content .title a {
  8660. font-family: 'Poppins';
  8661. font-style: normal;
  8662. font-weight: 700;
  8663. color: #1a3867;
  8664. font-size: 9px;
  8665. letter-spacing: 2px
  8666. }
  8667. section.mobile-download .content .description a {
  8668. font-family: 'Raleway';
  8669. font-style: normal;
  8670. font-weight: 400;
  8671. color: #1a3867;
  8672. font-size: 8px
  8673. }
  8674. section.mobile-download .btn {
  8675. padding: 5px 23px;
  8676. font-size: .5rem;
  8677. font-weight: 500;
  8678. overflow: visible
  8679. }
  8680. @media (min-width:576px) {
  8681. section.mobile-download .content {
  8682. margin-right: 60px
  8683. }
  8684. section.mobile-download .content .title {
  8685. line-height: 18px
  8686. }
  8687. section.mobile-download .content .title a {
  8688. font-size: 16px
  8689. }
  8690. section.mobile-download .content .description {
  8691. line-height: 21px
  8692. }
  8693. section.mobile-download .content .description a {
  8694. font-size: 14px
  8695. }
  8696. section.mobile-download .button {
  8697. font-size: 12px;
  8698. line-height: 24px;
  8699. padding: 6px 40px
  8700. }
  8701. }
  8702. .vinnyfollow.animate-bar .vinnyflow {
  8703. transition: top .5s
  8704. }
  8705. .vinnyfollow.animate-bar .vinny-line.line-horiz .vinnyflow {
  8706. transition: left .5s
  8707. }
  8708. .vinnyfollow.platforms-chart .vinny-horiz {
  8709. transition: width .2s,left .2s
  8710. }
  8711. .vinnyfollow.platforms-chart .vinny-leg {
  8712. transition: height .2s;
  8713. height: 0
  8714. }
  8715. @media (max-width:991.98px) {
  8716. .vinnyfollow.features .vinny-animate,.vinnyfollow.platforms-chart .vinny-animate {
  8717. display: none
  8718. }
  8719. }
  8720. .vinnyfollow.features .vinny-animate .vinny-horiz,.vinnyfollow.platforms-chart .vinny-animate .vinny-horiz {
  8721. height: 3px;
  8722. background-color: #ed7f22;
  8723. position: absolute;
  8724. z-index: 100;
  8725. width: 0;
  8726. left: 50%
  8727. }
  8728. .vinnyfollow.features .vinny-animate .vinny-leg,.vinnyfollow.platforms-chart .vinny-animate .vinny-leg {
  8729. width: 3px;
  8730. background-color: #ed7f22;
  8731. position: absolute;
  8732. z-index: 25
  8733. }
  8734. .IE11 .row {
  8735. display: inline-block
  8736. }
  8737. @media (min-width:576px) {
  8738. .IE11 .row .col-sm-6 {
  8739. width: 50%
  8740. }
  8741. }
  8742. @media (min-width:992px) {
  8743. .IE11 .row .col-lg-3 {
  8744. width: 25%
  8745. }
  8746. }
  8747. section.news {
  8748. margin-top: 150px
  8749. }
  8750. .back-to {
  8751. color: #ed7f22;
  8752. display: block;
  8753. font-size: 13px;
  8754. letter-spacing: 4px;
  8755. margin-bottom: 30px;
  8756. padding-left: 25px;
  8757. position: relative;
  8758. text-transform: uppercase
  8759. }
  8760. .back-to:before {
  8761. -webkit-border-radius: 50%;
  8762. -moz-border-radius: 50%;
  8763. -ms-border-radius: 50%;
  8764. border-radius: 50%;
  8765. border: 1px solid #ed7f22;
  8766. color: #ed7f22;
  8767. content: "<";
  8768. left: 0;
  8769. line-height: 16px;
  8770. padding-left: 3px;
  8771. position: absolute;
  8772. width: 16px;
  8773. height: 16px;
  8774. top: 1px;
  8775. text-align: center
  8776. }
  8777. code[class*=language-],pre[class*=language-] {
  8778. color: #f8f8f2;
  8779. background: 0 0;
  8780. text-shadow: 0 1px rgba(0,0,0,.3);
  8781. font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
  8782. font-size: 1em;
  8783. text-align: left;
  8784. white-space: pre;
  8785. word-spacing: normal;
  8786. word-break: normal;
  8787. word-wrap: normal;
  8788. line-height: 1.5;
  8789. -moz-tab-size: 4;
  8790. -o-tab-size: 4;
  8791. tab-size: 4;
  8792. -webkit-hyphens: none;
  8793. -moz-hyphens: none;
  8794. -ms-hyphens: none;
  8795. hyphens: none
  8796. }
  8797. pre[class*=language-] {
  8798. margin: .5em 0;
  8799. overflow: auto;
  8800. border-radius: .3em
  8801. }
  8802. :not(pre)>code[class*=language-],pre[class*=language-] {
  8803. background: #272822
  8804. }
  8805. :not(pre)>code[class*=language-] {
  8806. padding: .1em;
  8807. border-radius: .3em;
  8808. white-space: normal
  8809. }
  8810. .token.cdata,.token.comment,.token.doctype,.token.prolog {
  8811. color: #708090
  8812. }
  8813. .token.punctuation {
  8814. color: #f8f8f2
  8815. }
  8816. .namespace {
  8817. opacity: .7
  8818. }
  8819. .token.constant,.token.deleted,.token.property,.token.symbol,.token.tag {
  8820. color: #f92672
  8821. }
  8822. .token.boolean,.token.number {
  8823. color: #ae81ff
  8824. }
  8825. .token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
  8826. color: #a6e22e
  8827. }
  8828. .language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable {
  8829. color: #f8f8f2
  8830. }
  8831. .token.atrule,.token.attr-value,.token.class-name,.token.function {
  8832. color: #e6db74
  8833. }
  8834. .token.keyword {
  8835. color: #66d9ef
  8836. }
  8837. .token.important,.token.regex {
  8838. color: #fd971f
  8839. }
  8840. .token.bold,.token.important {
  8841. font-weight: 700
  8842. }
  8843. .token.italic {
  8844. font-style: italic
  8845. }
  8846. .token.entity {
  8847. cursor: help
  8848. }
  8849. pre[class*=language-].line-numbers {
  8850. position: relative;
  8851. padding-left: 3.8em;
  8852. counter-reset: linenumber
  8853. }
  8854. pre[class*=language-].line-numbers>code {
  8855. position: relative;
  8856. white-space: inherit
  8857. }
  8858. .command-line-prompt,.line-numbers .line-numbers-rows {
  8859. border-right: 1px solid #999;
  8860. font-size: 100%;
  8861. letter-spacing: -1px;
  8862. pointer-events: none;
  8863. -webkit-user-select: none;
  8864. -moz-user-select: none;
  8865. -ms-user-select: none;
  8866. user-select: none
  8867. }
  8868. .line-numbers .line-numbers-rows {
  8869. position: absolute;
  8870. top: 0;
  8871. left: -3.8em;
  8872. width: 3em
  8873. }
  8874. .line-numbers-rows>span {
  8875. pointer-events: none;
  8876. display: block;
  8877. counter-increment: linenumber
  8878. }
  8879. .line-numbers-rows>span:before {
  8880. content: counter(linenumber);
  8881. color: #999;
  8882. display: block;
  8883. padding-right: .8em;
  8884. text-align: right
  8885. }
  8886. .command-line-prompt {
  8887. display: block;
  8888. float: left;
  8889. margin-right: 1em
  8890. }
  8891. .command-line-prompt>span:before {
  8892. color: #999;
  8893. content: ' ';
  8894. display: block;
  8895. padding-right: .8em
  8896. }
  8897. .command-line-prompt>span[data-user]:before {
  8898. content: "[" attr(data-user) "@" attr(data-host) "] $"
  8899. }
  8900. .command-line-prompt>span[data-user=root]:before {
  8901. content: "[" attr(data-user) "@" attr(data-host) "] #"
  8902. }
  8903. .command-line-prompt>span[data-prompt]:before {
  8904. content: attr(data-prompt)
  8905. }
  8906. code[class*=language-] {
  8907. padding-left: 0;
  8908. border: 0
  8909. }
  8910. pre[class*=language-] {
  8911. padding: 1em 1em 1em 0;
  8912. border: 0
  8913. }
  8914. .fixed-top .navbar-default.navbar-dark {
  8915. background: #193867
  8916. }
  8917. .fixed-top.scrolled .navbar-default.navbar-dark {
  8918. background: #fff
  8919. }
  8920. div.wpcf7-acceptance-missing,div.wpcf7-validation-errors {
  8921. border: 2px solid #193867;
  8922. background: #193867
  8923. }
  8924. .home .solutions-banner .banner .row .p-2:nth-child(5) img,.page-template-pricing .solutions-banner .banner .row .p-2:nth-child(4) img {
  8925. width: 80%;
  8926. max-width: 100%;
  8927. max-height: 100%
  8928. }
  8929. .footer-link.terms a {
  8930. -webkit-transition: opacity 200ms ease-in-out;
  8931. transition: opacity 200ms ease-in-out;
  8932. color: #fff
  8933. }
  8934. .footer-link.terms a:hover {
  8935. text-decoration: none
  8936. }
  8937. .dropdown-menu.license-dropdown {
  8938. padding: 0
  8939. }
  8940. .dropdown-menu.license-dropdown li {
  8941. -webkit-box-flex: 1;
  8942. flex: 1 1 auto;
  8943. text-align: center;
  8944. text-transform: uppercase;
  8945. position: relative;
  8946. overflow: hidden;
  8947. -webkit-transition: .3s;
  8948. transition: .3s;
  8949. font-weight: 700
  8950. }
  8951. .dropdown-menu.license-dropdown li:after {
  8952. position: absolute;
  8953. -webkit-transition: .3s;
  8954. transition: .3s;
  8955. content: '';
  8956. width: 0;
  8957. left: 50%;
  8958. bottom: 0;
  8959. height: 2px;
  8960. background: #1a3a67
  8961. }
  8962. .dropdown-menu.license-dropdown li:hover:after {
  8963. width: 100%;
  8964. left: 0
  8965. }
  8966. .IE11 .megamenu-content .row {
  8967. display: flex
  8968. }
  8969. @media screen and (min-width:992px) {
  8970. .navbar-expand-lg #navbarLogin .navbar-nav .dropdown-toggle.nav-link {
  8971. padding-right: 1rem;
  8972. padding-left: 1rem;
  8973. text-transform: capitalize
  8974. }
  8975. header #navbarLogin .nav-link {
  8976. min-width: 117px;
  8977. color: #1a3867
  8978. }
  8979. .dropdown.nav-item.signin {
  8980. min-width: 198px
  8981. }
  8982. .navbar-expand-lg .container-semifluid-extended {
  8983. max-width: 100%
  8984. }
  8985. }
  8986. #navbarLogin .dropdown.nav-item .fa-user {
  8987. margin-right: 7px;
  8988. font-size: 12px
  8989. }
  8990. .container.requestInfoGetOpenvpn .learnhowsteps:after {
  8991. content: '';
  8992. background: #fff;
  8993. width: 100%;
  8994. display: block;
  8995. height: 2px;
  8996. max-width: 90%
  8997. }
  8998. .page-template-get-openvpn .heroWelcome h1 {
  8999. font-size: 2rem;
  9000. text-align: center;
  9001. line-height: 2.8rem;
  9002. font-weight: 700;
  9003. letter-spacing: .6rem;
  9004. text-transform: uppercase;
  9005. color: #1a3867
  9006. }
  9007. .page-template-get-openvpn .full-screen-hero .btn {
  9008. width: 100%
  9009. }
  9010. .page-template-get-openvpn .full-screen-hero {
  9011. background: #fff
  9012. }
  9013. .page-template-get-openvpn .full-screen-hero .icons li a {
  9014. height: auto;
  9015. width: 100px;
  9016. position: relative;
  9017. overflow: hidden;
  9018. background-color: #fff0;
  9019. border: 0;
  9020. border-radius: 0;
  9021. text-align: center;
  9022. display: block;
  9023. margin: auto
  9024. }
  9025. .page-template-get-openvpn .vpntext {
  9026. font-size: .9rem;
  9027. text-transform: uppercase;
  9028. display: block;
  9029. position: absolute;
  9030. bottom: 0;
  9031. width: 100%
  9032. }
  9033. .page-template-get-openvpn .nav.nav-tabs.icons,.single-community_resources .post-body table,.single-vpn_server_resources .post-body table {
  9034. margin-bottom: 20px
  9035. }
  9036. .page-template-get-openvpn .full-screen-hero .icons li img {
  9037. max-height: 40px;
  9038. max-width: 70px;
  9039. height: auto;
  9040. margin-top: 20px;
  9041. width: 60%
  9042. }
  9043. .page-template-get-openvpn .requestformone {
  9044. border: 1px solid
  9045. }
  9046. .page-template-get-openvpn .requestformone h2 {
  9047. font-size: .9rem
  9048. }
  9049. .requestformone p {
  9050. color: #212529
  9051. }
  9052. @media screen and (min-width:992px) {
  9053. .page-template-get-openvpn .full-screen-hero .icons li {
  9054. background: #fff;
  9055. box-shadow: 8px 4px 15px 0 rgba(0,0,0,.13);
  9056. margin-right: 3%;
  9057. width: 22%;
  9058. position: relative;
  9059. text-align: center;
  9060. min-height: 115px;
  9061. padding: 0;
  9062. border-radius: 10px
  9063. }
  9064. .heroWelcome h1 {
  9065. font-size: 3rem;
  9066. letter-spacing: .5rem;
  9067. text-transform: uppercase;
  9068. font-weight: 700
  9069. }
  9070. }
  9071. @media screen and (max-width:991.98px) {
  9072. .page-template-get-openvpn .full-screen-hero h2 {
  9073. font-size: 1rem
  9074. }
  9075. .page-template-get-openvpn .full-screen-hero .icons li {
  9076. background: #fff;
  9077. box-shadow: 8px 4px 15px 0 rgba(0,0,0,.13);
  9078. margin-right: 1%;
  9079. width: 48%;
  9080. margin-bottom: 2%;
  9081. position: relative;
  9082. text-align: center;
  9083. min-height: 115px;
  9084. padding: 0;
  9085. border-radius: 10px
  9086. }
  9087. .full-screen-hero .icons li {
  9088. padding-right: 22px;
  9089. padding-bottom: 10px
  9090. }
  9091. .page-template-get-openvpn .consumerVPN h2,.page-template-get-openvpn .openSource h2 {
  9092. word-spacing: 100px
  9093. }
  9094. }
  9095. .cta-copy-bg {
  9096. background: #183766
  9097. }
  9098. .cta-copy-bg h2 {
  9099. color: #fff
  9100. }
  9101. .home .modal-body .rounded {
  9102. background: #ffffff8c
  9103. }
  9104. #modal-register .modal-header {
  9105. padding: 5% 0;
  9106. color: #183766
  9107. }
  9108. #modal-register .modal-header .close {
  9109. padding: 1rem;
  9110. color: #183766;
  9111. opacity: 1!important;
  9112. margin-top: -50%;
  9113. margin-left: 2%;
  9114. margin-right: 0
  9115. }
  9116. #modal-register .modal-header h2 {
  9117. font-weight: 700;
  9118. font-size: 1.3rem
  9119. }
  9120. #modal-register .modal-body {
  9121. -webkit-box-shadow: -13px 20px 22px -3px rgba(0,0,0,.2);
  9122. -moz-box-shadow: -13px 20px 22px -3px rgba(0,0,0,.2);
  9123. box-shadow: -13px 20px 22px -3px rgba(0,0,0,.2)
  9124. }
  9125. #modal-register .modal-body .col-md-8 {
  9126. background: #ffffff80
  9127. }
  9128. #modal-register .modal-body .col-md-8 h2 {
  9129. letter-spacing: .2rem
  9130. }
  9131. #modal-register .modal-body .col-md-8 .salesforce_w2l_lead .w2linput.submit {
  9132. background: #ed7f22;
  9133. border: 0;
  9134. margin-top: 10px
  9135. }
  9136. #modal-register .modal-content {
  9137. background-position: center;
  9138. background-image: url(/wp-content/uploads/cta-page/bg/modal-bg.jpg);
  9139. background-size: cover
  9140. }
  9141. .tooltip {
  9142. z-index: 599999;
  9143. color: #797b7e
  9144. }
  9145. .menu-title,.menu-title-underline {
  9146. font-family: poppins;
  9147. font-size: .875rem;
  9148. letter-spacing: .12em;
  9149. color: #183766;
  9150. font-weight: 700;
  9151. margin-bottom: 1rem;
  9152. margin-top: 1rem;
  9153. line-height: 1.8rem
  9154. }
  9155. .textwidget p {
  9156. font-family: Poppins;
  9157. font-weight: 300;
  9158. font-size: .8125rem;
  9159. letter-spacing: .08em;
  9160. text-align: left;
  9161. color: #797b7e;
  9162. text-transform: none;
  9163. padding-top: 10px
  9164. }
  9165. @media screen and (min-width:991.99px) {
  9166. .megamenu .megamenu-content {
  9167. padding: 15px 15px 0;
  9168. border-radius: 25px;
  9169. background: #fff;
  9170. box-shadow: -8px 9px 10px rgba(0,0,0,.13)
  9171. }
  9172. .dropdown-menu.business {
  9173. width: 70%;
  9174. margin: auto
  9175. }
  9176. .dropdown-menu.business .row,
  9177. .dropdown-menu.consumer .row {
  9178. padding: 0 0 20px
  9179. }
  9180. header .megamenu-content.dropdown-menu.consumer ul {
  9181. padding-left: 25%
  9182. }
  9183. .community .nav-footer .col-sm-6,header .megamenu-content.dropdown-menu.community .col-lg-6,header .megamenu-content.dropdown-menu.support .col-lg-6 {
  9184. padding-left: 5%
  9185. }
  9186. header .megamenu-content.dropdown-menu.consumer .col-lg-6 {
  9187. padding-left: 5%;
  9188. padding-right: 0
  9189. }
  9190. header .megamenu-content.dropdown-menu.business .business-nav-col {
  9191. padding-left: 2%
  9192. }
  9193. .dropdown-menu.consumer {
  9194. width: 50%;
  9195. margin: auto
  9196. }
  9197. .dropdown-menu.support {
  9198. width: 70%;
  9199. margin: auto
  9200. }
  9201. .dropdown-menu.community {
  9202. width: 50%;
  9203. margin: auto
  9204. }
  9205. header .megamenu-content.dropdown-menu .dropdown-item {
  9206. letter-spacing: .08em;
  9207. text-align: left;
  9208. padding-left: 0
  9209. }
  9210. .menu-title-container.spacer {
  9211. min-height: 12px
  9212. }
  9213. header .megamenu-content.dropdown-menu.community .menu-title-container.spacer,header .megamenu-content.dropdown-menu.consumer .menu-title-container.spacer,header .megamenu-content.dropdown-menu.support .menu-title-container.spacer {
  9214. min-height: 47px
  9215. }
  9216. .menu-title-underline.device {
  9217. display: none
  9218. }
  9219. .menu-title-container,header .megamenu-content.dropdown-menu.community .menu-title-container.spacertwo,header .megamenu-content.dropdown-menu.support .menu-title-container.spacertwo {
  9220. min-height: 30px
  9221. }
  9222. a.single-icon img {
  9223. margin: auto;
  9224. display: block
  9225. }
  9226. .dropdown-menu.megamenu-content.business:before {
  9227. content: '';
  9228. visibility: hidden;
  9229. pointer-events: none;
  9230. opacity: 0;
  9231. width: 20px;
  9232. height: 20px;
  9233. background-color: #fff;
  9234. transform: rotate(45deg);
  9235. position: absolute;
  9236. left: 50%;
  9237. margin-left: -10px;
  9238. bottom: -26px;
  9239. z-index: 3000
  9240. }
  9241. .megamenu .collapse,.megamenu .dropdown,.megamenu .dropup,.megamenu .nav {
  9242. position: static
  9243. }
  9244. .megamenu .container {
  9245. position: relative
  9246. }
  9247. .megamenu .dropdown-menu {
  9248. left: auto
  9249. }
  9250. .megamenu .megamenu-content h3 {
  9251. margin-top: 0;
  9252. color: #428bca;
  9253. font-size: 18px
  9254. }
  9255. .megamenu .dropdown.megamenu-fw .dropdown-menu {
  9256. left: 0;
  9257. right: 0
  9258. }
  9259. .textwidget .learnMore {
  9260. font-family: Poppins;
  9261. font-weight: 700;
  9262. font-size: 17px;
  9263. letter-spacing: .12em;
  9264. text-align: left;
  9265. color: #1a1a1a
  9266. }
  9267. .nav-footer {
  9268. background-color: #fafafa;
  9269. min-height: 80px;
  9270. border-radius: 0 0 25px 25px;
  9271. padding: 10px 0 20px
  9272. }
  9273. .community .nav-footer,.support .nav-footer {
  9274. padding: 20px 0;
  9275. min-height: auto
  9276. }
  9277. .nav-footer p {
  9278. font-family: Poppins;
  9279. font-weight: 300;
  9280. font-size: .8125rem;
  9281. letter-spacing: .08em;
  9282. text-align: left;
  9283. color: #797b7e;
  9284. text-transform: none
  9285. }
  9286. .dropdown-menu.megamenu-content.business .nav-footer p {
  9287. text-align: center
  9288. }
  9289. .dropdown-menu .nav-footer p a {
  9290. color: #1a3867
  9291. }
  9292. header .megamenu-content.dropdown-menu ul {
  9293. padding-left: 0
  9294. }
  9295. header .megamenu-content.dropdown-menu .col-sm-3 {
  9296. border-right: solid 2px #fafafa;
  9297. padding-left: 2.5%;
  9298. padding-right: 2.5%
  9299. }
  9300. header .megamenu-content.dropdown-menu .learnMore a {
  9301. color: #1a3867;
  9302. font-size: .8rem
  9303. }
  9304. header .megamenu-content.dropdown-menu .menu-title-underline {
  9305. text-decoration: underline
  9306. }
  9307. .logo-blue:before,.logo-orange:before {
  9308. display: inline-block;
  9309. content: ' ';
  9310. background-size: 20px 20px;
  9311. height: 20px;
  9312. width: 20px;
  9313. margin-right: 5px;
  9314. background-image: url(/wp-content/uploads/menu-Icons/logo-orange-menu.svg)
  9315. }
  9316. .logo-blue:before {
  9317. background-image: url(/wp-content/uploads/menu-Icons/logo-menu-blue.svg)
  9318. }
  9319. .community .nav-footer p,.support-footer-four p,.support-footer-one p,.support-footer-three p,.support-footer-two p {
  9320. margin: auto
  9321. }
  9322. .package-footer-col,.support-footer-two {
  9323. border-right: 1px solid #d6d6d6;
  9324. border-left: 1px solid #d6d6d6
  9325. }
  9326. .cloud-footer-col,.support-footer-three {
  9327. border-right: 1px solid #d6d6d6
  9328. }
  9329. .nav-footer .col-sm-3 {
  9330. padding-top: 10px;
  9331. padding-bottom: 20px
  9332. }
  9333. .support_three {
  9334. padding-left: 40px
  9335. }
  9336. }
  9337. @media screen and (max-width:991.98px) {
  9338. .business_vpn_one,.community_one .menu-title,.consumer_vpn_one,.nav-footer,.support_one {
  9339. display: none
  9340. }
  9341. .menu-title-underline.device,.package img {
  9342. display: block
  9343. }
  9344. .megamenu .dropdown.megamenu-fw .dropdown-menu,.navbar-nav.ml-auto {
  9345. background: #fff
  9346. }
  9347. .navbar .nav-link.dropdown-toggle,.navbar .nav-link.dropdown-toggle:hover {
  9348. color: #1a3867;
  9349. padding-left: 17px
  9350. }
  9351. header .megamenu-content.dropdown-menu .dropdown-item {
  9352. letter-spacing: .08em;
  9353. text-align: left;
  9354. margin: auto;
  9355. width: 100%
  9356. }
  9357. header .megamenu-content.dropdown-menu .menu-title-underline {
  9358. text-align: left;
  9359. margin: auto;
  9360. width: 100%;
  9361. padding-left: 2rem
  9362. }
  9363. .package img {
  9364. margin: auto
  9365. }
  9366. .textwidget ul li {
  9367. margin: auto;
  9368. width: 100%
  9369. }
  9370. .menu-title-container.spacer {
  9371. min-height: 0
  9372. }
  9373. }
  9374. .salesforce_w2l_lead .placeholders .w2linput:after {
  9375. display: block;
  9376. content: ' ';
  9377. background-image: url(/wp-content/uploads/cta-page/svg/sendbox.svg);
  9378. background-size: 50px 50px;
  9379. height: 50px;
  9380. width: 50px
  9381. }
  9382. .salesforce_w2l_lead .w2linput.submit {
  9383. background: #183766;
  9384. color: #fff;
  9385. font-family: 'Poppins',sans-serif;
  9386. text-transform: uppercase;
  9387. font-weight: 700;
  9388. min-height: 50px;
  9389. height: 50px;
  9390. letter-spacing: .2em;
  9391. border-radius: 0;
  9392. margin-top: 20px;
  9393. border: 0
  9394. }
  9395. .salesforce_w2l_lead .placeholders {
  9396. font-family: 'Nunito Sans',sans-serif;
  9397. font-weight: 300
  9398. }
  9399. .salesforce_w2l_lead form.w2llead {
  9400. width: 100%;
  9401. padding: 0;
  9402. -webkit-box-shadow: 10px 10px 24px -8px transparent;
  9403. -moz-box-shadow: 10px 10px 24px -8px transparent;
  9404. box-shadow: 10px 10px 24px -8px transparent
  9405. }
  9406. .salesforce_w2l_lead .w2linput.text,.salesforce_w2l_lead .w2linput.textarea {
  9407. border: 1px solid #183766;
  9408. height: 50px!important;
  9409. padding-left: 5px;
  9410. text-align: left;
  9411. text-transform: inherit;
  9412. width: 100%;
  9413. border-radius: 0
  9414. }
  9415. .salesforce_w2l_lead .w2linput.textarea {
  9416. height: 120px!important
  9417. }
  9418. .sf_field_company,.sf_field_email {
  9419. min-height: 50px;
  9420. margin-bottom: 20px
  9421. }
  9422. .salesforce_w2l_lead .w2linput.submit {
  9423. width: 100%
  9424. }
  9425. .requestformone {
  9426. background-color: #fff
  9427. }
  9428. .requestformore .salesforce_w2l_lead .w2linput.submit {
  9429. background-color: #183766;
  9430. border-color: #183766
  9431. }
  9432. .requestformone h2,.requestformtwo h2 {
  9433. text-align: center;
  9434. font-size: 1.6rem;
  9435. color: #183766
  9436. }
  9437. .requestformone,.requestformtwo {
  9438. padding: 5%;
  9439. -webkit-box-shadow: 10px 10px 24px -8px rgba(0,0,0,.15);
  9440. -moz-box-shadow: 10px 10px 24px -8px rgba(0,0,0,.15);
  9441. box-shadow: 10px 10px 24px -8px rgba(0,0,0,.15)
  9442. }
  9443. .requestformtwo,.requestformtwo .salesforce_w2l_lead form.w2llead {
  9444. background-color: #b8b8b8
  9445. }
  9446. @media screen and (min-width:991.99px) {
  9447. .sf_field_first_name,.sf_field_last_name {
  9448. width: 48%;
  9449. display: inline-block;
  9450. min-height: 71px;
  9451. vertical-align: top;
  9452. float: left
  9453. }
  9454. .sf_field_first_name {
  9455. margin-right: 4%
  9456. }
  9457. }
  9458. @media screen and (max-width:991.98px) {
  9459. .sf_field_first_name,.sf_field_last_name {
  9460. width: 100%;
  9461. display: inline-block;
  9462. min-height: 71px;
  9463. vertical-align: top
  9464. }
  9465. .sf_field_first_name {
  9466. margin-right: 0
  9467. }
  9468. #modal-register .modal-header h2 {
  9469. font-weight: 700;
  9470. font-size: 1.3rem;
  9471. padding: 0 30px;
  9472. text-align: center
  9473. }
  9474. #modal-register .modal-open .modal {
  9475. padding: 0
  9476. }
  9477. #modal-register .modal-content {
  9478. margin: 0 20px 0 35px
  9479. }
  9480. }
  9481. .stepone,.steptwo {
  9482. padding-bottom: 1rem;
  9483. min-height: 1rem;
  9484. max-height: 3rem
  9485. }
  9486. .stepone:after,.steptwo:after {
  9487. padding-bottom: 5rem;
  9488. content: ' ';
  9489. border: 1px solid #ea7c1f;
  9490. position: absolute;
  9491. margin-left: 18px;
  9492. padding-top: 0;
  9493. z-index: 0;
  9494. left: 0;
  9495. top: 0
  9496. }
  9497. .stepone,.stepthree,.steptwo {
  9498. position: relative
  9499. }
  9500. @media screen and (min-width:991.99px) {
  9501. .stepone:before,.stepthree:before,.steptwo:before {
  9502. z-index: 2;
  9503. display: inline-block;
  9504. content: ' ';
  9505. background-size: 40px 40px;
  9506. height: 40px;
  9507. width: 40px;
  9508. margin-right: 5px;
  9509. background-image: url(/wp-content/uploads/cta-page/svg/one-og.svg)
  9510. }
  9511. .stepthree:before,.steptwo:before {
  9512. background-image: url(/wp-content/uploads/cta-page/svg/two-og.svg)
  9513. }
  9514. .stepthree:before {
  9515. background-image: url(/wp-content/uploads/cta-page/svg/three-og.svg)
  9516. }
  9517. .stepcopy {
  9518. width: 90%;
  9519. line-height: 1.5rem;
  9520. margin-top: .3rem
  9521. }
  9522. }
  9523. @media screen and (max-width:991.98px) {
  9524. .stepcopy {
  9525. width: 90%;
  9526. line-height: 1.5rem
  9527. }
  9528. .stepone:before,.stepthree:before,.steptwo:before {
  9529. z-index: 2;
  9530. display: inline-block;
  9531. content: ' ';
  9532. background-size: 30px 30px;
  9533. height: 30px;
  9534. width: 30PX;
  9535. margin-left: 1%;
  9536. margin-right: 5px;
  9537. background-image: url(/wp-content/uploads/cta-page/svg/one-og.svg)
  9538. }
  9539. .stepthree:before,.steptwo:before {
  9540. background-image: url(/wp-content/uploads/cta-page/svg/two-og.svg)
  9541. }
  9542. .stepthree:before {
  9543. background-image: url(/wp-content/uploads/cta-page/svg/three-og.svg)
  9544. }
  9545. }
  9546. .home .vertical-alignment-helper .vertical-align-center .modal-content.modal-lg {
  9547. background: #1a3867
  9548. }
  9549. .home .vertical-alignment-helper .vertical-align-center .modal-content .modal-header .close {
  9550. opacity: 1
  9551. }
  9552. .home .close {
  9553. opacity: 1!important
  9554. }
  9555. @media screen and (max-width:767px) {
  9556. .home .solutions-content .solution-box .solution-wrapper>.row>div:last-child {
  9557. padding-left: 0
  9558. }
  9559. .home .solutions-content .solution-box .solution-wrapper .btn {
  9560. white-space: inherit
  9561. }
  9562. .home label {
  9563. padding-left: 7px
  9564. }
  9565. }
  9566. .single-community_resources .post-body ol,.single-community_resources .post-body p,.single-community_resources .post-body ul,.single-faq .post-body ol,.single-faq .post-body p,.single-faq .post-body ul,.single-vpn_server_resources .post-body ol,.single-vpn_server_resources .post-body p,.single-vpn_server_resources .post-body ul {
  9567. font-size: 15px;
  9568. color: #373e42;
  9569. line-height: 26px;
  9570. font-family: Poppins,Segoe UI,sans-serif;
  9571. word-break: break-word
  9572. }
  9573. div.wpcf7-mail-sent-ok {
  9574. border: 2px solid #ed7f22
  9575. }
  9576. .page-template-simple-page .post-body {
  9577. min-height: 74vh
  9578. }
  9579. .IE11 .job-application input[type=file] {
  9580. background-color: transparent;
  9581. width: 10px
  9582. }
  9583. .job-application::-webkit-input-placeholder {
  9584. color: #fff;
  9585. opacity: 0
  9586. }
  9587. .job-application:-ms-input-placeholder {
  9588. color: #fff;
  9589. opacity: 0
  9590. }
  9591. .single-vpn_for .fixed-top {
  9592. display: none!important
  9593. }
  9594. #articles-subtabs.hidden,#documentation-subtabs.hidden,#faqs-subtabs.hidden {
  9595. display: none
  9596. }
  9597. .multilevel-tabs-content .tab-content .tab-content.pd {
  9598. padding-top: 0
  9599. }
  9600. .mb-6.mgbt {
  9601. margin-bottom: 3rem!important
  9602. }
  9603. .table.mg-bd {
  9604. margin-bottom: 0;
  9605. border-bottom: 0 solid #fff
  9606. }
  9607. .card.bd-clr {
  9608. border-radius: 0;
  9609. border-width: 0;
  9610. border-color: #1a386700;
  9611. color: #1a3867;
  9612. border-top: 1px solid #1a3867
  9613. }
  9614. .multilevel-tabs-content .tab-content .card:nth-child(even) .card-header.activeSearchTable {
  9615. background-color: rgba(255,255,255,.12)
  9616. }
  9617. .card-header a.activeSearchTable {
  9618. font-size: .875rem;
  9619. margin: 0;
  9620. font-weight: 400;
  9621. color: #1a3867;
  9622. letter-spacing: normal
  9623. }
  9624. .card .btn-link.activeSearchTable {
  9625. padding: 10px
  9626. }
  9627. .brands {
  9628. background: url(https://openvpn.net/wp-content/uploads/openvpn-clients.jpg);
  9629. min-height: 140px;
  9630. background-size: contain;
  9631. background-repeat: no-repeat;
  9632. background-position: center;
  9633. margin-bottom: 20px
  9634. }
  9635. .brandsContainer {
  9636. margin-bottom: 60px;
  9637. background: #173768
  9638. }
  9639. .home>footer {
  9640. -webkit-box-shadow: 0 -2px 15px -5px rgba(0,0,0,.35);
  9641. -moz-box-shadow: 0 -2px 15px -5px rgba(0,0,0,.35);
  9642. box-shadow: 0 -2px 15px -5px rgba(0,0,0,.35)
  9643. }
  9644. .IE11 .job-application input[type=file],.grecaptcha-badge {
  9645. opacity: 0
  9646. }
  9647. .full-screen-hero .table-responsive .card .btn span:first-child {
  9648. line-height: 27px!important
  9649. }
  9650. .page-template-security-advisories .full-screen-hero .table-responsive .card .btn {
  9651. margin: 0
  9652. }
  9653. .full-screen-hero .table-responsive .card .btn {
  9654. margin: 0;
  9655. padding: 10px 27px
  9656. }
  9657. .single-vpn_server_resources .container h1 {
  9658. margin-bottom: .5rem
  9659. }
  9660. .single-vpn_server_resources .title-block .container h1 {
  9661. margin-bottom: 0;
  9662. margin-top: 0;
  9663. text-transform: capitalize
  9664. }
  9665. .single-vpn_server_resources .post-body li {
  9666. margin-bottom: .2rem
  9667. }
  9668. .features .row {
  9669. position: relative;
  9670. margin-right: 0;
  9671. margin-left: 0
  9672. }
  9673. .job-listings .job-title a {
  9674. overflow-wrap: break-word
  9675. }
  9676. .page-template-vpnserver-documentation .form-control:focus {
  9677. box-shadow: 0 0 0 .2rem transparent!important
  9678. }
  9679. .banner-cta .banner.row {
  9680. display: flex
  9681. }
  9682. .page-template-community-downloads .table td .btn {
  9683. padding: 8px 5px;
  9684. margin: 0
  9685. }
  9686. .partners-list .partner-box {
  9687. position: relative;
  9688. max-width: 1410px;
  9689. margin: auto
  9690. }
  9691. .page-template-pricing .tabbed-content .col-12.text-center {
  9692. margin-top: 2rem
  9693. }
  9694. @media screen and (max-width:767px) {
  9695. .sidebar {
  9696. display: none
  9697. }
  9698. .page-template-get-openvpn .full-screen-hero .icons {
  9699. margin-bottom: 30px
  9700. }
  9701. .vertical-alignment-helper {
  9702. background: #fff
  9703. }
  9704. }
  9705. .news .row,footer .container-semifluid-extended .row {
  9706. display: flex
  9707. }
  9708. .page-template-software-packages .solutions-content .solution-box .solution-wrapper>.row>div:first-child {
  9709. display: block
  9710. }
  9711. .page-template-simple-page .post-body ol {
  9712. list-style-type: decimal
  9713. }
  9714. .vertical-alignment-helper .vertical-align-center .modal-content .modal-body .buttons-list .btn {
  9715. flex: 1;
  9716. min-width: 100%;
  9717. max-width: 100%;
  9718. margin: 20px auto
  9719. }
  9720. .IE11 .platforms-chart .platforms li {
  9721. width: 100%!important
  9722. }
  9723. .IE11 .partners-list.skew-vinnyline .partner-box:nth-child(5) .vinny-line:not(.line-2) {
  9724. left: 29.2%!important
  9725. }
  9726. .page-template-partner.IE11 .partners-list .row {
  9727. display: flex!important
  9728. }
  9729. .features .row {
  9730. width: 100%
  9731. }
  9732. .platforms-chart .platforms li img {
  9733. max-width: 100%;
  9734. height: 60%;
  9735. width: 60%;
  9736. margin: auto
  9737. }
  9738. .IE11 .platforms-chart .platforms li img {
  9739. margin-left: 20%;
  9740. margin-right: 20%
  9741. }
  9742. @media all and (min-width:579px) {
  9743. .platforms-chart .platforms {
  9744. align-items: stretch
  9745. }
  9746. .pb-3,.py-3,.share-banner .container .row,.text-left {
  9747. display: flex!important
  9748. }
  9749. .IE11 .dropdown-item,.copyright p {
  9750. display: inline-block
  9751. }
  9752. .IE11 .row .col-md-5,.IE11 .row .col-md-6,.IE11 .row .col-md-7,.IE11 .row .col-sm-6,.IE11 .row .col-xl-6 {
  9753. float: left
  9754. }
  9755. .IE11 .row .col-md-7 {
  9756. width: 58.33%;
  9757. display: inline-flex;
  9758. min-width: 58.33%
  9759. }
  9760. .IE11.wpcf7 {
  9761. width: 100%
  9762. }
  9763. }
  9764. .solutions-banner .banner .row {
  9765. display: flex;
  9766. justify-content: flex-start
  9767. }
  9768. .home .solutions-banner .banner .row img {
  9769. height: auto;
  9770. max-height: none;
  9771. max-width: none;
  9772. width: 100%;
  9773. }
  9774. .page-template-get-openvpn .full-screen-hero .pt-5 .icons .private {
  9775. max-width: 100%!important;
  9776. max-height: 100%!important;
  9777. height: 48px!important;
  9778. width: 48px!important
  9779. }
  9780. .solutions-banner .media .circle img {
  9781. width: 60%;
  9782. max-width: 60%;
  9783. max-height: 60%
  9784. }
  9785. .page-id-13 .button-accordion {
  9786. min-height: 64vh
  9787. }
  9788. .platforms-chart .platforms li a:hover {
  9789. border: 3px solid #1a3867;
  9790. -moz-transition: all .3s ease-in-out;
  9791. -o-transition: all .3s ease-in-out;
  9792. -webkit-transition: all .3s ease-in-out;
  9793. transition: all .3s ease-in-out
  9794. }
  9795. .home .solutions-banner .banner .row .p-2:hover:last-child img,.platforms-chart .platforms li a {
  9796. -moz-transition: all .3s ease-in-out;
  9797. -o-transition: all .3s ease-in-out;
  9798. -webkit-transition: all .3s ease-in-out
  9799. }
  9800. .platforms-chart .platforms li a {
  9801. transition: all .3s ease-in-out
  9802. }
  9803. .page-template-get-openvpn .full-screen-hero .pt-5 .icons .Private {
  9804. max-width: 109%!important;
  9805. max-height: 109%!important
  9806. }
  9807. .home .solutions-banner .banner .row .p-2:hover:last-child img {
  9808. min-height: 104%;
  9809. max-width: 104%!important;
  9810. transition: all .3s ease-in-out
  9811. }
  9812. .solutions-banner .media .circle,.solutions-banner .media .circle:after,.solutions-banner .media:hover h3 {
  9813. -moz-transition: all .3s ease-in-out;
  9814. -o-transition: all .3s ease-in-out;
  9815. -webkit-transition: all .3s ease-in-out
  9816. }
  9817. .solutions-banner .media:hover h3 {
  9818. color: #1a3867;
  9819. transition: all .3s ease-in-out
  9820. }
  9821. .solutions-banner .media:hover .circle {
  9822. border: 4px solid #1a3867
  9823. }
  9824. .solutions-banner .media .circle {
  9825. transition: all .3s ease-in-out;
  9826. border: 2px solid #fff
  9827. }
  9828. .solutions-banner .media .circle:hover:after {
  9829. -moz-transform: scale(1);
  9830. -ms-transform: scale(1);
  9831. -webkit-transform: scale(1);
  9832. transform: scale(1);
  9833. opacity: 1;
  9834. border-width: 2px
  9835. }
  9836. .solutions-banner .media .circle:after {
  9837. visibility: visible;
  9838. transition: all .3s ease-in-out;
  9839. opacity: 0;
  9840. border: 10px solid rgba(255,255,255,.7)
  9841. }
  9842. .tooltip-inner {
  9843. color: #1a3867;
  9844. font-family: Poppins,sans-serif;
  9845. font-size: .875rem;
  9846. margin-top: 10px;
  9847. padding: 5px
  9848. }
  9849. .tooltip.bottom .tooltip-arrow {
  9850. border-bottom-color: #ed7f22
  9851. }
  9852. .page-template-private-tunnel h5 {
  9853. color: #ed7f22;
  9854. font-size: 1.125rem
  9855. }
  9856. .dropdown-menu .dropdown-item:hover {
  9857. color: #ed7f22
  9858. }
  9859. .single-community_resources .post-body h3 {
  9860. margin-bottom: 1rem
  9861. }
  9862. section.mobile-download .content .description {
  9863. line-height: 12px
  9864. }
  9865. @media (min-width:992px) {
  9866. .infodesk {
  9867. display: block
  9868. }
  9869. .infomobile {
  9870. display: none
  9871. }
  9872. }
  9873. @media (max-width:991px) {
  9874. .infomobile {
  9875. display: block
  9876. }
  9877. .infodesk {
  9878. display: none
  9879. }
  9880. }
  9881. section.mobile-download {
  9882. padding: 30px 15px 30px 5px;
  9883. font-size: 10px
  9884. }
  9885. section.mobile-download .text-primary {
  9886. padding-right: 40px
  9887. }
  9888. section.mobile-download .btn-primary {
  9889. width: 50%
  9890. }
  9891. .page-id-12 .full-screen-hero .btn {
  9892. margin-bottom: 50px
  9893. }
  9894. .page-id-1127 .post-body .col-md-9 {
  9895. display: -webkit-box;
  9896. display: -webkit-flex;
  9897. display: -ms-flexbox;
  9898. display: flex;
  9899. flex-wrap: wrap
  9900. }
  9901. @media (min-width:1200px) {
  9902. .page-template-simple-page .container,.single-community_resources .container,.single-faq .container,.single-vpn_server_resources .container {
  9903. max-width: 960px
  9904. }
  9905. }
  9906. @media (min-width:576px) {
  9907. .page-id-1460 .solutions-content .solution-box .solution-wrapper>.row>div:last-child {
  9908. margin-top: -50px;
  9909. margin-bottom: 50px
  9910. }
  9911. }
  9912. .wpcf7 .text-right button {
  9913. margin-top: 2px
  9914. }
  9915. .wpcf7 .text-left {
  9916. float: left;
  9917. width: 50%
  9918. }
  9919. .form-group.comment {
  9920. margin-bottom: 20px
  9921. }
  9922. .page-id-1493 .post-body .container li {
  9923. list-style: none;
  9924. text-align: center;
  9925. font-size: 12px;
  9926. margin-bottom: 15px;
  9927. word-break: break-all
  9928. }
  9929. .tos-image img,.tos-thumbnails a {
  9930. background: #fff
  9931. }
  9932. .post-body img {
  9933. max-width: 100%;
  9934. height: auto
  9935. }
  9936. #gallery-2 .gallery-item {
  9937. padding-right: 3%
  9938. }
  9939. .table-of-contents ul li {
  9940. padding: 1px 0
  9941. }
  9942. .table-of-contents {
  9943. position: initial;
  9944. float: right;
  9945. right: 0;
  9946. margin-top: 160px;
  9947. display: block
  9948. }
  9949. .page-id-1493 .post-body.colored-background {
  9950. min-height: 70vh
  9951. }
  9952. .full-screen-hero .icons li img {
  9953. max-height: 30px;
  9954. max-width: 30px
  9955. }
  9956. @media (max-width:576px) {
  9957. .solutions-banner,.tabbed-content {
  9958. position: relative
  9959. }
  9960. .page-template-partner .solutions-banner .p-2 {
  9961. padding-left: 0!important;
  9962. padding-right: 0!important;
  9963. flex: 0 0 50%;
  9964. max-width: 50%
  9965. }
  9966. .page-template-partner .partners-list .partner-box:first-child {
  9967. padding-top: 0
  9968. }
  9969. .page-template-partner .partners-list {
  9970. margin-top: -20px
  9971. }
  9972. .page-template-partner .partners-list .container-semifluid .row>div:first-child img {
  9973. max-width: 100%;
  9974. padding-bottom: 20px
  9975. }
  9976. .multilevel-tabs-content.rounded-corners .nav-item:first-child .nav-link,.multilevel-tabs-content.rounded-corners .nav-item:last-child .nav-link,.multilevel-tabs-content.rounded-corners .nav-link {
  9977. border-radius: 0
  9978. }
  9979. .multilevel-tabs-content .nav-pills {
  9980. display: block
  9981. }
  9982. .multilevel-tabs-content.rounded-corners table {
  9983. min-width: 100%
  9984. }
  9985. .solutions-content .solution-box .btn {
  9986. margin-top: 25px;
  9987. width: 100%
  9988. }
  9989. .solutions-banner .p-2 {
  9990. padding-left: 1.5rem!important;
  9991. padding-right: 1.5rem!important;
  9992. flex: 0 0 100%;
  9993. max-width: 100%
  9994. }
  9995. .solutions-banner .media {
  9996. align-items: center;
  9997. position: relative;
  9998. padding-left: 1.5rem;
  9999. padding-right: 1.5rem
  10000. }
  10001. .single-vpn_server_resources .post-body .container {
  10002. padding-right: 2.5rem;
  10003. padding-left: 2.5rem
  10004. }
  10005. .inner-notice {
  10006. display: none
  10007. }
  10008. .solutions-banner .media.active:before {
  10009. top: -4px;
  10010. left: 20px
  10011. }
  10012. .tabbed-content {
  10013. padding-top: 0!important;
  10014. margin-top: -40px
  10015. }
  10016. .tabbed-content h3 {
  10017. margin-top: 60px
  10018. }
  10019. .tabbed-content .nav .nav-item:first-child .nav-link,.tabbed-content .nav .nav-item:last-child .nav-link {
  10020. border-radius: 100px
  10021. }
  10022. .card .btn-link {
  10023. font-size: .875rem
  10024. }
  10025. .btn-primary {
  10026. width: 100%
  10027. }
  10028. .solutions-content .solution-box:first-child {
  10029. padding-top: 0
  10030. }
  10031. }
  10032. @media (min-width:992px) {
  10033. .whitepaperimage {
  10034. max-width: 70%!important
  10035. }
  10036. .copyright {
  10037. display: inline-block
  10038. }
  10039. .copyright.cp-bottom {
  10040. display: none
  10041. }
  10042. }
  10043. @media (max-width:991px) {
  10044. .copyright.cp-bottom {
  10045. display: flex
  10046. }
  10047. .copyright {
  10048. display: none
  10049. }
  10050. body>footer .media {
  10051. align-items: center;
  10052. margin: auto
  10053. }
  10054. }
  10055. @media (min-width:992px) {
  10056. .page-template-source-code .table-of-contents ul li,.single-vpn_server_resources .table-of-contents ul li {
  10057. padding: 14px 0
  10058. }
  10059. .page-template-source-code .table-of-contents {
  10060. position: fixed;
  10061. float: right;
  10062. right: 0;
  10063. margin-top: 160px;
  10064. display: block;
  10065. top: 8%;
  10066. width: 19%;
  10067. max-width: 19%
  10068. }
  10069. .page-template-source-code .post-body,.single-vpn_server_resources .post-body.no-pb {
  10070. width: 80%;
  10071. padding-left: 10%
  10072. }
  10073. .single-vpn_server_resources .table-of-contents {
  10074. position: fixed;
  10075. float: right;
  10076. right: 0;
  10077. margin-top: 10vh;
  10078. display: block;
  10079. top: 8%;
  10080. width: 19%;
  10081. max-width: 19%
  10082. }
  10083. }
  10084. @media (max-width:991px) {
  10085. .page-template-source-code .table-of-contents ul li,.single-vpn_server_resources .table-of-contents ul li {
  10086. padding: 14px 0
  10087. }
  10088. .page-template-source-code .post-body,.single-vpn_server_resources .post-body.no-pb {
  10089. width: auto;
  10090. position: relative
  10091. }
  10092. .page-template-source-code .table-of-contents,.single-vpn_server_resources .table-of-contents {
  10093. display: block;
  10094. position: relative;
  10095. width: 70%;
  10096. margin: 0 auto 50px;
  10097. float: inherit;
  10098. right: 0;
  10099. top: 0;
  10100. max-width: 80%
  10101. }
  10102. .single-vpn_server_resources .table-of-contents ul {
  10103. max-height: 30vh;
  10104. overflow-y: scroll
  10105. }
  10106. .page-template-advantages .full-screen-hero .vinnyfollow h1:not(:first-child) {
  10107. font-size: 1.8rem
  10108. }
  10109. .page-template-security-advisories .btn-link span {
  10110. display: inline-flex;
  10111. text-align: center
  10112. }
  10113. .full-screen-hero .table-responsive .card .btn .btn::before,.full-screen-hero .table-responsive .card .btn[aria-expanded=true] .btn::before {
  10114. margin: auto
  10115. }
  10116. .button-accordion .card table td {
  10117. border: 0;
  10118. display: inline-flex;
  10119. width: 100%
  10120. }
  10121. .button-accordion .card .card-body a,.button-accordion .card .card-body h3 {
  10122. margin: auto!important
  10123. }
  10124. .page-template-documentation .prefooter-text .row>div:first-child,.page-template-documentation .prefooter-text .row>div:last-child {
  10125. padding: 10% 10% 0!important
  10126. }
  10127. .page-template-vpnserver-documentation .multilevel-tabs-content .nav-fill .nav-link.active {
  10128. font-weight: 700;
  10129. color: #fff;
  10130. background: #ed7f24;
  10131. width: 100%;
  10132. margin: auto
  10133. }
  10134. .btn-secondary {
  10135. width: 100%
  10136. }
  10137. .full-screen-hero .geek911 ul {
  10138. padding-left: 40px
  10139. }
  10140. page-template-contact .row {
  10141. max-width: 100%
  10142. }
  10143. }
  10144. @media (max-width:1199.98px) {
  10145. header #navbarMenu .nav-link {
  10146. padding-left: .5rem;
  10147. padding-right: 1.2rem
  10148. }
  10149. }
  10150. .footer-logo-2 {
  10151. margin: 0 auto 40px;
  10152. width: 100px;
  10153. height: auto
  10154. }
  10155. .footer-logo-2 svg,footer .button.form-button {
  10156. -webkit-transition: all 200ms ease;
  10157. transition: all 200ms ease
  10158. }
  10159. .footer-logo-2 svg {
  10160. opacity: .5
  10161. }
  10162. .footer-logo-2 svg:hover,footer .button.form-button:hover {
  10163. -webkit-transform: translate(0,-4px);
  10164. -ms-transform: translate(0,-4px);
  10165. transform: translate(0,-4px);
  10166. color: #fff
  10167. }
  10168. .footer-logo-2 svg:hover {
  10169. opacity: 1;
  10170. text-decoration: none
  10171. }
  10172. .footer-social-links-container,footer .section,footer .wrapper {
  10173. -webkit-box-pack: center;
  10174. -webkit-justify-content: center;
  10175. -ms-flex-pack: center;
  10176. justify-content: center
  10177. }
  10178. .footer-social-links-container {
  10179. display: -webkit-box;
  10180. display: -webkit-flex;
  10181. display: -ms-flexbox;
  10182. display: flex;
  10183. width: 100%;
  10184. margin-top: 20px
  10185. }
  10186. .no-underline {
  10187. text-decoration: none
  10188. }
  10189. .footer-logo {
  10190. display: block;
  10191. margin-top: 10px;
  10192. margin-bottom: 10px
  10193. }
  10194. footer .wrapper .copyright p {
  10195. letter-spacing: 2px;
  10196. text-align: center
  10197. }
  10198. .footer-link,footer .wrapper .copyright p,footer .wrapper .social-icons .nav-item .nav-link {
  10199. opacity: .5;
  10200. -webkit-transition: opacity 200ms ease-in-out;
  10201. transition: opacity 200ms ease-in-out
  10202. }
  10203. footer .wrapper .copyright p,footer .wrapper .social-icons .nav-item .nav-link {
  10204. color: #fff;
  10205. background-color: #193867
  10206. }
  10207. .footer-link:hover,footer .wrapper .social-icons .nav-item .nav-link:hover {
  10208. opacity: 1;
  10209. text-decoration: none;
  10210. color: #fff
  10211. }
  10212. .footer-link {
  10213. margin-bottom: 0;
  10214. padding-top: 10px;
  10215. padding-bottom: 10px;
  10216. font-size: 15px;
  10217. font-weight: 300;
  10218. cursor: pointer;
  10219. display: block;
  10220. line-height: 20px
  10221. }
  10222. .footer-link.w--current {
  10223. opacity: 1;
  10224. font-weight: 500
  10225. }
  10226. .footer-link.spacing {
  10227. margin-right: 16px;
  10228. margin-left: 16px
  10229. }
  10230. .footer-link.spacing.last {
  10231. margin-right: 0
  10232. }
  10233. .footer-link.no-padding {
  10234. padding-top: 0;
  10235. padding-bottom: 0
  10236. }
  10237. .footer-link.no-padding.last {
  10238. margin-right: -20px
  10239. }
  10240. footer .section,footer .wrapper {
  10241. display: block;
  10242. margin-right: auto;
  10243. margin-left: auto
  10244. }
  10245. footer .section {
  10246. background-color: #193867;
  10247. position: relative;
  10248. overflow: hidden;
  10249. padding-top: 80px;
  10250. padding-bottom: 0
  10251. }
  10252. footer .wrapper {
  10253. left: 0;
  10254. top: 0;
  10255. right: 0;
  10256. width: 100%;
  10257. max-width: 1230px;
  10258. padding-right: 30px;
  10259. padding-left: 30px;
  10260. -webkit-box-orient: vertical;
  10261. -webkit-box-direction: normal;
  10262. -webkit-flex-direction: column;
  10263. -ms-flex-direction: column;
  10264. flex-direction: column
  10265. }
  10266. footer .button.form-button {
  10267. padding-top: 15px;
  10268. padding-bottom: 15px;
  10269. border-radius: 0 3px 3px 0;
  10270. margin: 0 auto;
  10271. font-size: 14px;
  10272. letter-spacing: 2px;
  10273. background-color: #1f2c3d;
  10274. border: 1px solid #fff;
  10275. color: #fff;
  10276. box-shadow: 0 4px 11px 0 rgba(1,58,117,.33)
  10277. }
  10278. footer .button.form-button a {
  10279. color: #fff
  10280. }
  10281. .footer-link,footer .button.form-button a:hover {
  10282. color: #fff;
  10283. text-decoration: none
  10284. }
  10285. footer .button.form-button:hover {
  10286. background-color: #132c3d;
  10287. border: 1px solid #fff;
  10288. box-shadow: 0 6px 20px 0 rgba(1,58,117,.33)
  10289. }
  10290. footer .negative-margin {
  10291. margin-top: -18px;
  10292. margin-left: -16px
  10293. }
  10294. .IE11 footer .flex-column {
  10295. display: flex!important
  10296. }
  10297. @media screen and (min-width:992px) {
  10298. footer .wrapper .social-icons {
  10299. justify-content: center;
  10300. flex-wrap: nowrap
  10301. }
  10302. .footer-heading {
  10303. margin-bottom: 20px;
  10304. text-decoration: none;
  10305. letter-spacing: 2px;
  10306. color: #ed7e22;
  10307. font-size: 14px;
  10308. line-height: 20px
  10309. }
  10310. .footer-links-container {
  10311. display: -webkit-box;
  10312. display: -webkit-flex;
  10313. display: -ms-flexbox;
  10314. display: flex;
  10315. -webkit-box-orient: vertical;
  10316. -webkit-box-direction: normal;
  10317. -webkit-flex-direction: column;
  10318. -ms-flex-direction: column;
  10319. flex-direction: column;
  10320. -webkit-box-align: start;
  10321. -webkit-align-items: flex-start;
  10322. -ms-flex-align: start;
  10323. align-items: flex-start
  10324. }
  10325. }
  10326. @media screen and (max-width:991px) {
  10327. .tryOpenVpnFooter {
  10328. display: none!important
  10329. }
  10330. .footer-heading {
  10331. margin-bottom: 0;
  10332. margin-top: 20px;
  10333. text-decoration: none;
  10334. letter-spacing: 2px;
  10335. color: #ed7e22;
  10336. font-size: 14px;
  10337. line-height: 20px
  10338. }
  10339. .footer-links-container {
  10340. display: -webkit-box;
  10341. display: -webkit-flex;
  10342. display: -ms-flexbox;
  10343. display: flex;
  10344. -webkit-box-orient: vertical;
  10345. -webkit-box-direction: normal;
  10346. -webkit-flex-direction: column;
  10347. -ms-flex-direction: column;
  10348. flex-direction: column;
  10349. -webkit-box-align: start;
  10350. -webkit-align-items: flex-start;
  10351. -ms-flex-align: start;
  10352. align-items: flex-start
  10353. }
  10354. }
  10355. /*DH*/
  10356. .wp-block-image {
  10357. margin-bottom: 0 !important;
  10358. }