It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.linkmio.com/site/vpnsoft24.com

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