@font-face {
 font-family: 'Gotham';
 src: url('fonts/Gotham-Thin.woff2') format('woff2'),
  url('fonts/Gotham-Thin.woff') format('woff');
 font-weight: 100;
 font-style: normal;
}

@font-face {
 font-family: 'Gotham';
 src: url('fonts/Gotham-Bold.woff2') format('woff2'),
  url('fonts/Gotham-Bold.woff') format('woff');
 font-weight: bold;
 font-style: normal;
}

@font-face {
 font-family: 'Gotham';
 src: url('fonts/Gotham-Black.woff2') format('woff2'),
  url('fonts/Gotham-Black.woff') format('woff');
 font-weight: 900;
 font-style: normal;
}

@font-face {
 font-family: 'Gotham Condensed';
 src: url('fonts/GothamCondensed-Medium.woff2') format('woff2'),
  url('fonts/GothamCondensed-Medium.woff') format('woff');
 font-weight: 500;
 font-style: normal;
}

@font-face {
 font-family: 'Gotham Condensed';
 src: url('fonts/GothamCondensed-Light.woff2') format('woff2'),
  url('fonts/GothamCondensed-Light.woff') format('woff');
 font-weight: 300;
 font-style: normal;
}

@font-face {
 font-family: 'Gotham';
 src: url('fonts/Gotham-Light.woff2') format('woff2'),
  url('fonts/Gotham-Light.woff') format('woff');
 font-weight: 300;
 font-style: normal;
}

@font-face {
 font-family: 'Gotham';
 src: url('fonts/Gotham-Medium.woff2') format('woff2'),
  url('fonts/Gotham-Medium.woff') format('woff');
 font-weight: 500;
 font-style: normal;
}

@font-face {
 font-family: 'Gotham Ultra';
 src: url('fonts/Gotham-Ultra.woff2') format('woff2'),
  url('fonts/Gotham-Ultra.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Gotham Pro';
 src: url('fonts/GothamPro.woff2') format('woff2'),
  url('fonts/GothamPro.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}


@font-face {
 font-family: 'Gotham Pro';
 src: url('fonts/GothamPro-LightItalic.woff2') format('woff2'),
  url('fonts/GothamPro-LightItalic.woff') format('woff');
 font-weight: 300;
 font-style: italic;
}

@font-face {
 font-family: 'Gotham';
 src: url('fonts/GothamBlack.woff2') format('woff2'),
  url('fonts/GothamBlack.woff') format('woff');
 font-weight: 900;
 font-style: normal;
}

.animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}

.animated.infinite {
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}

.animated.hinge {
 -webkit-animation-duration: 2s;
 animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
 -webkit-animation-duration: .75s;
 animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
 -webkit-animation-duration: .75s;
 animation-duration: .75s;
}

@-webkit-keyframes shake {

 from,
 to {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
 }

 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
 }

 20%,
 40%,
 60%,
 80% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
 }
}

@keyframes shake {

 from,
 to {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
 }

 10%,
 30%,
 50%,
 70%,
 90% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
 }

 20%,
 40%,
 60%,
 80% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
 }
}

.shake {
 -webkit-animation-name: shake;
 animation-name: shake;
}

@-webkit-keyframes fadeInDown {
 from {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
 }

 to {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
 }
}

@keyframes fadeInDown {
 from {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
 }

 to {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
 }
}

.fadeInDown {
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
}

@-webkit-keyframes fadeOut {
 from {
  opacity: 1;
 }

 to {
  opacity: 0;
 }
}

@keyframes fadeOut {
 from {
  opacity: 1;
 }

 to {
  opacity: 0;
 }
}

.fadeOut {
 -webkit-animation-name: fadeOut;
 animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
 from {
  opacity: 1;
 }

 to {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
 }
}

@keyframes fadeOutDown {
 from {
  opacity: 1;
 }

 to {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
 }
}

.fadeOutDown {
 -webkit-animation-name: fadeOutDown;
 animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutUp {
 from {
  opacity: 1;
 }

 to {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
 }
}

@keyframes fadeOutUp {
 from {
  opacity: 1;
 }

 to {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
 }
}

.fadeOutUp {
 -webkit-animation-name: fadeOutUp;
 animation-name: fadeOutUp;
}

/* perfect-scrollbar v0.6.13 */
.ps-container {
/* touch-action: auto;*/
 overflow: hidden !important;
 -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
 .ps-container {
  overflow: auto !important;
 }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
 .ps-container {
  overflow: auto !important;
 }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
 display: block;
 background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
 background-color: #eee;
 opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
 background-color: #999;
 height: 11px;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
 background-color: #eee;
 opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
 background-color: #999;
 width: 11px;
}

.ps-container > .ps-scrollbar-x-rail {
 display: none;
 position: absolute;
 /* please don't change 'position' */
 opacity: 0;
 transition: background-color .2s linear, opacity .2s linear;
 bottom: 0px;
 /* there must be 'bottom' for ps-scrollbar-x-rail */
 height: 15px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
 position: absolute;
 /* please don't change 'position' */
 background-color: #aaa;
 border-radius: 6px;
 transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
 bottom: 2px;
 /* there must be 'bottom' for ps-scrollbar-x */
 height: 6px;
}

.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
 height: 11px;
}

.ps-container > .ps-scrollbar-y-rail {
 display: none;
 position: absolute;
 /* please don't change 'position' */
 opacity: 0;
 transition: background-color .2s linear, opacity .2s linear;
 right: 0;
 /* there must be 'right' for ps-scrollbar-y-rail */
 width: 15px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
 position: absolute;
 /* please don't change 'position' */
 background-color: #aaa;
 border-radius: 6px;
 transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
 right: 2px;
 /* there must be 'right' for ps-scrollbar-y */
 width: 6px;
}

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
 width: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
 background-color: #eee;
 opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
 background-color: #999;
 height: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
 background-color: #eee;
 opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
 background-color: #999;
 width: 11px;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
 opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
 background-color: #eee;
 opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
 background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
 background-color: #eee;
 opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
 background-color: #999;
}


button,
input,
optgroup,
select,
textarea {
 font-family: 'Gotham Pro';
}

a {
 color: #b6bd17;
}

a:hover,
a:focus {
 color: #b6bd17;
 text-decoration: none;
}


body {
 color: #6f6c6c;
 font-size: 14px;
 font-family: 'Gotham Pro'
}

.main {
 position: relative;
 background: #FFFFFF;
}

/* Animations */


.button-bar {
 display: block;
 position: relative;
 width: 22px;
 height: 1px;
 border-radius: 1px;
 background: #FFFFFF;
}

.button-bar + .button-bar {
 margin-top: 7px;
}

.button-bar:nth-child(2) {
 width: 17px;
}

.caret {
 display: inline-block;
 width: 0;
 height: 0;
 margin-left: 2px;
 vertical-align: middle;
 border-top: 4px dashed;
 border-top: 4px solid\9;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent;
}

.pull-left {
 float: left;
}

.pull-right {
 float: right;
}


.navbar a {
 vertical-align: middle;
}

.navbar a:not(.btn):not(.dropdown-item) {
 color: #FFFFFF;
}

.navbar a.dropdown-item {
 color: #888;
}



/* --------------------------------

Nucleo Outline Web Font - nucleoapp.com/
License - nucleoapp.com/license/
Created using IcoMoon - icomoon.io

-------------------------------- */


/*------------------------
	base class definition
-------------------------*/
.now-ui-icons {
 display: inline-block;
 font: normal normal normal 14px/1 'Nucleo Outline';
 font-size: inherit;
 speak: none;
 text-transform: none;
 /* Better Font Rendering */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

/*------------------------
  change icon size
-------------------------*/
/*----------------------------------
  add a square/circle background
-----------------------------------*/
.now-ui-icons.circle {
 padding: 0.33333333em;
 vertical-align: -16%;
 background-color: #eee;
}

.now-ui-icons.circle {
 border-radius: 50%;
}

/*------------------------
  list icons
-------------------------*/
.nc-icon-ul {
 padding-left: 0;
 margin-left: 2.14285714em;
 list-style-type: none;
}

.nc-icon-ul > li {
 position: relative;
}

.nc-icon-ul > li > .now-ui-icons {
 position: absolute;
 left: -1.57142857em;
 top: 0.14285714em;
 text-align: center;
}

.nc-icon-ul > li > .now-ui-icons.circle {
 top: -0.19047619em;
 left: -1.9047619em;
}

/*------------------------
  spinning icons
-------------------------*/
.now-ui-icons.spin {
 -webkit-animation: nc-icon-spin 2s infinite linear;
 animation: nc-icon-spin 2s infinite linear;
}

@-webkit-keyframes nc-icon-spin {
 0% {
  -webkit-transform: rotate(0deg);
 }

 100% {
  -webkit-transform: rotate(360deg);
 }
}

@keyframes nc-icon-spin {
 0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
 }

 100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}

/*------------------------
  rotated/flipped icons
-------------------------*/
/*------------------------
	font icons
-------------------------*/

.wrapper {
 position: relative;
 top: 0;
 height: 100vh;
}

.wrapper.wrapper-full-page {
 min-height: 100vh;
 height: auto;
}

.sidebar,
.off-canvas-sidebar {
 position: fixed;
 top: 0;
 height: 100%;
 bottom: 0;
 width: 295px;
 left: 0;
 z-index: 1030;
}

.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper {
 position: relative;
 height: calc(100vh - 75px);
 overflow: auto;
 width: 295px;
 z-index: 4;
 padding-bottom: 100px;
}

.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop,
.off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {
 display: none !important;
}

.sidebar .sidebar-wrapper .navbar-form,
.off-canvas-sidebar .sidebar-wrapper .navbar-form {
 border: none;
}

.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize {
 position: absolute;
 right: 20px;
 top: 2px;
 opacity: 1;
}

.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
 border-radius: 50%;
 border: 1px solid #333;
 display: block;
 height: 61px;
 width: 61px;
 float: left;
 overflow: hidden;
}

.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
 width: 60px;
 height: 60px;
}

.sidebar .nav .caret,
.off-canvas-sidebar .nav .caret {
 top: 14px;
 position: absolute;
 right: 10px;
}

.sidebar .nav li > a + div .nav li > a,
.off-canvas-sidebar .nav li > a + div .nav li > a {
 margin-top: 7px;
}


 
.sidebar .nav i,
.off-canvas-sidebar .nav i {
 font-size: 20px;
 float: left;
 margin-right: 12px;
 line-height: 30px;
 width: 34px;
 text-align: center;
 color: rgba(255, 255, 255, 0.5);
 position: relative;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #7A63AB;
    text-decoration: none;
}
.sidebar .sidebar-background,
.off-canvas-sidebar .sidebar-background {
 position: absolute;
 z-index: 1;
 height: 100%;
 width: 100%;
 display: block;
 top: 0;
 left: 0;
 background-size: cover;
 background-position: center center;
}

.sidebar .sidebar-background:after,
.off-canvas-sidebar .sidebar-background:after {
 position: absolute;
 z-index: 3;
 width: 100%;
 height: 100%;
 content: "";
 display: block;
 background: #FFFFFF;
 opacity: 1;
}

.sidebar .logo,
.off-canvas-sidebar .logo {
 position: relative;
 padding: 0.5rem 0.7rem;
 z-index: 4;
}

.sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-mini {
 opacity: 1;
 float: left;
 width: 34px;
 text-align: center;
 margin-left: 10px;
 margin-right: 12px;
}

.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-normal {
 display: block;
 opacity: 1;
 -webkit-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}

.sidebar .logo:after,
.off-canvas-sidebar .logo:after {
 content: '';
 position: absolute;
 bottom: 0;
 right: 15px;
 height: 1px;
 width: calc(100% - 30px);
 background-color: rgba(255, 255, 255, 0.5);
}

.sidebar .logo p,
.off-canvas-sidebar .logo p {
 float: left;
 font-size: 20px;
 margin: 10px 10px;
 color: #FFFFFF;
 line-height: 20px;
 font-family: "Gotham";
}

.sidebar .logo .simple-text,
.off-canvas-sidebar .logo .simple-text {
 text-transform: uppercase;
 padding: 0.5rem 0;
 display: block;
 white-space: nowrap;
 font-size: 1em;
 color: #FFFFFF;
 text-decoration: none;
 font-weight: 400;
 line-height: 30px;
 overflow: hidden;
}

.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
 border-radius: 50%;
 border: 1px solid #333;
 display: block;
 height: 61px;
 width: 61px;
 float: left;
 overflow: hidden;
}

.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
 width: 60px;
 height: 60px;
}

.sidebar:before,
.sidebar:after,
.off-canvas-sidebar:before,
.off-canvas-sidebar:after {
 display: block;
 content: "";
 opacity: 1;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}

.sidebar:after,
.off-canvas-sidebar:after {
 background: #888;
 background: linear-gradient(#888 0%, #000 80%);
 z-index: 3;
}


.visible-on-sidebar-regular {
 display: inline-block !important;
}

.visible-on-sidebar-mini {
 display: none !important;
}

.off-canvas-sidebar .nav > li > a,
.off-canvas-sidebar .nav > li > a:hover {
 color: #FFFFFF;
}

.off-canvas-sidebar .nav > li > a:focus {
 background: rgba(200, 200, 200, 0.2);
}

.main-panel {

    position: relative;
    float: right;
    width: calc(100% - 295px);
    background-color: #ffffff;
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    border-left: 1px solid #80808033;
    padding-left: 0px;padding-right: 40px;

}
.tab-content {

    padding-left: 50px;

}
.main-panel > .navbar {
 margin-bottom: 0;
}

.main-panel .header {
 margin-bottom: 50px;
}

.main-panel > .navbar {

 margin-bottom: 0;
 background-color: transparent !important;
 padding: 10px 15px 0;
}

@media (min-width: 991px) {
 .sidebar {
  display: block;
 }
}




@media screen and (max-width: 991px) {
 .profile-photo .profile-photo-small {
  margin-left: -2px;
 }

 .button-dropdown {
  display: none;
 }

 [data-notify="container"].alert {
  min-width: 400px;
 }

 #minimizeSidebar {
  display: none;
 }



 .navbar .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
 }

 .navbar .navbar-collapse .input-group {
  margin: 0;
  margin-top: 5px;
 }

 .navbar .navbar-nav .nav-item:first-child {
  margin-top: 10px;
 }

 .navbar .navbar-nav .nav-item:not(:last-child) {
  margin-bottom: 10px;
 }

 .navbar .dropdown.show .dropdown-menu {
  display: block;
 }

 .navbar .dropdown .dropdown-menu {
  display: none;
 }

 .navbar .dropdown.show .dropdown-menu,
 .navbar .dropdown .dropdown-menu {
  background-color: transparent;
  border: 0;
  transition: none;
  box-shadow: none;
  width: auto;
  margin: 0px 1rem;
  margin-top: 0px;
 }

 .navbar .dropdown.show .dropdown-menu:before,
 .navbar .dropdown .dropdown-menu:before {
  display: none;
 }

 .navbar .dropdown-menu .dropdown-item:focus,
 .navbar .dropdown-menu .dropdown-item:hover {
  color: #FFFFFF;
 }

 .navbar.bg-white .dropdown-menu .dropdown-item:focus,
 .navbar.bg-white .dropdown-menu .dropdown-item:hover {
  color: #888;
 }

 .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
  background-color: #888;
 }

 .wrapper {
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
 }

 .sidebar {
  box-shadow: none;
 }

 #bodyClick {
  height: 100%;
  width: 100%;
  position: fixed;
  opacity: 1;
  top: 0;
  right: 0;
  left: 260px;
  content: "";
  z-index: 9999;
  overflow-x: hidden;
  background-color: transparent;
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
 }

 .footer .copyright {
  text-align: right;
 }

 .section-nucleo-icons .icons-container {
  margin-top: 65px;
 }

 .navbar-nav .nav-link i.fa,
 .navbar-nav .nav-link i.now-ui-icons {
  opacity: .5;
 }

.sidebar, .bootstrap-navbar {
    position: fixed;
    display: block;
    top: 0;
    height: 100%;
    width: 295px;
    right: auto;
    left: 0;
    z-index: 1032;
    visibility: visible;
    overflow-y: visible;
    padding: 0;
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
}

 .bar1,
 .bar2,
 .bar3 {
  outline: 1px solid transparent;
 }

 .bar1 {
  top: 0px;
  -webkit-animation: topbar-back 500ms linear 0s;
  animation: topbar-back 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }

 .bar2 {
  opacity: 1;
 }

 .bar3 {
  bottom: 0px;
  -webkit-animation: bottombar-back 500ms linear 0s;
  animation: bottombar-back 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }

 .toggled .bar1 {
  top: 6px;
  -webkit-animation: topbar-x 500ms linear 0s;
  animation: topbar-x 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }

 .toggled .bar2 {
  opacity: 0;
 }

 .toggled .bar3 {
  bottom: 6px;
  -webkit-animation: bottombar-x 500ms linear 0s;
  animation: bottombar-x 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }

 @keyframes topbar-x {
  0% {
   top: 0px;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
  }

  45% {
   top: 6px;
   -webkit-transform: rotate(145deg);
   transform: rotate(145deg);
  }

  75% {
   -webkit-transform: rotate(130deg);
   transform: rotate(130deg);
  }

  100% {
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
  }
 }

 @-webkit-keyframes topbar-x {
  0% {
   top: 0px;
   -webkit-transform: rotate(0deg);
  }

  45% {
   top: 6px;
   -webkit-transform: rotate(145deg);
  }

  75% {
   -webkit-transform: rotate(130deg);
  }

  100% {
   -webkit-transform: rotate(135deg);
  }
 }

 @keyframes topbar-back {
  0% {
   top: 6px;
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
  }

  45% {
   -webkit-transform: rotate(-10deg);
   transform: rotate(-10deg);
  }

  75% {
   -webkit-transform: rotate(5deg);
   transform: rotate(5deg);
  }

  100% {
   top: 0px;
   -webkit-transform: rotate(0);
   transform: rotate(0);
  }
 }

 @-webkit-keyframes topbar-back {
  0% {
   top: 6px;
   -webkit-transform: rotate(135deg);
  }

  45% {
   -webkit-transform: rotate(-10deg);
  }

  75% {
   -webkit-transform: rotate(5deg);
  }

  100% {
   top: 0px;
   -webkit-transform: rotate(0);
  }
 }

 @keyframes bottombar-x {
  0% {
   bottom: 0px;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
  }

  45% {
   bottom: 6px;
   -webkit-transform: rotate(-145deg);
   transform: rotate(-145deg);
  }

  75% {
   -webkit-transform: rotate(-130deg);
   transform: rotate(-130deg);
  }

  100% {
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
  }
 }

 @-webkit-keyframes bottombar-x {
  0% {
   bottom: 0px;
   -webkit-transform: rotate(0deg);
  }

  45% {
   bottom: 6px;
   -webkit-transform: rotate(-145deg);
  }

  75% {
   -webkit-transform: rotate(-130deg);
  }

  100% {
   -webkit-transform: rotate(-135deg);
  }
 }

 @keyframes bottombar-back {
  0% {
   bottom: 6px;
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
  }

  45% {
   -webkit-transform: rotate(10deg);
   transform: rotate(10deg);
  }

  75% {
   -webkit-transform: rotate(-5deg);
   transform: rotate(-5deg);
  }

  100% {
   bottom: 0px;
   -webkit-transform: rotate(0);
   transform: rotate(0);
  }
 }

 @-webkit-keyframes bottombar-back {
  0% {
   bottom: 6px;
   -webkit-transform: rotate(-135deg);
  }

  45% {
   -webkit-transform: rotate(10deg);
  }

  75% {
   -webkit-transform: rotate(-5deg);
  }

  100% {
   bottom: 0px;
   -webkit-transform: rotate(0);
  }
 }

 @-webkit-keyframes fadeIn {
  0% {
   opacity: 0;
  }

  100% {
   opacity: 1;
  }
 }

 @keyframes fadeIn {
  0% {
   opacity: 0;
  }

  100% {
   opacity: 1;
  }
 }

 .navbar-toggler-bar {
  display: block;
  position: relative;
  width: 22px;
  height: 1px;
  border-radius: 1px;
  background: #FFFFFF;
 }

 .navbar-toggler-bar + .navbar-toggler-bar {
  margin-top: 7px;
 }

 .navbar-toggler-bar + .navbar-toggler-bar.navbar-kebab {
  margin-top: 3px !important;
 }

 .navbar-toggler-bar.bar2 {
  width: 17px;
  transition: width .2s linear;
 }

 .main-panel {
  width: 100%;
 }

 .navbar-toggle .navbar-toggler,
 .navbar-toggle {
  display: block !important;
 }

 .navbar .toggled .navbar-toggler-bar {
  width: 24px;
 }

 .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
  margin-top: 5px;
 }

 .nav-open .main-panel {
  right: 0;
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
 }

 .nav-open .sidebar {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
 }

 .nav-open body {
  position: relative;
  overflow-x: hidden;
 }

 .nav-open .menu-on-right .main-panel {
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
 }

 .nav-open .menu-on-right .navbar-collapse,
 .nav-open .menu-on-right .sidebar {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
 }

 .nav-open .menu-on-right .navbar-translate {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
 }

 .nav-open .menu-on-right #bodyClick {
  right: 260px;
  left: auto;
 }

 .menu-on-right .sidebar {
  left: auto;
  right: 0;
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
 }
}

@media screen and (min-width: 992px) {
 .navbar-collapse {
  background: none !important;
 }

 .navbar .navbar-toggle {
  display: none;
 }

 .navbar-nav .nav-link.profile-photo {
  padding: 0;
  margin: 7px 0.7rem;
 }

 .section-nucleo-icons .icons-container {
  margin: 0 0 0 auto;
 }

 .dropdown-menu .dropdown-item {
  color: inherit;
 }

 .footer .copyright {
  float: right;
  padding-right: 15px;
 }
}

@media screen and (max-width: 768px) {
 .nav-tabs {
  display: inline-block;
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  text-align: center;
 }

 .nav-tabs .nav-item > .nav-link {
  margin-bottom: 5px;
 }

 .user-profile [class*="col-"] {
  padding-left: 15px !important;
  padding-right: 15px !important;
 }

 .card-stats [class*="col-"] .statistics::after {
  display: none;
 }

 .main-panel .content {
  padding-left: 15px;
  padding-right: 15px;
 }

 .footer nav {
  display: block;
  margin-bottom: 5px;
  float: none;
 }

 .landing-page .section-story-overview .image-container:nth-child(2) {
  margin-left: 0;
  margin-bottom: 30px;
 }
}

@media screen and (max-width: 576px) {
 .navbar[class*='navbar-toggleable-'] .container {
  margin-left: 0;
  margin-right: 0;
 }

 [data-notify="container"].alert {
  left: 10px !important;
  right: 10px !important;
  width: auto;
 }

 .card-contributions .card-stats {
  flex-direction: column;
 }

 .card-contributions .card-stats .bootstrap-switch {
  margin-bottom: 15px;
 }

 .footer .copyright {
  text-align: center;
 }

 .section-nucleo-icons .icons-container i {
  font-size: 30px;
 }

 .section-nucleo-icons .icons-container i:nth-child(6) {
  font-size: 48px;
 }

 .page-header .container h6.category-absolute {
  width: 90%;
 }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

 .sidebar,
 .bootstrap-navbar {
  position: fixed;
  display: block;
  top: 0;
  height: 100%;
  width: 260px;
  right: auto;
  left: 0;
  z-index: 1032;
  visibility: visible;
  overflow-y: visible;
  padding: 0;
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
 }

 .bar1,
 .bar2,
 .bar3 {
  outline: 1px solid transparent;
 }

 .bar1 {
  top: 0px;
  -webkit-animation: topbar-back 500ms linear 0s;
  animation: topbar-back 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }

 .bar2 {
  opacity: 1;
 }

 .bar3 {
  bottom: 0px;
  -webkit-animation: bottombar-back 500ms linear 0s;
  animation: bottombar-back 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }

 .toggled .bar1 {
  top: 6px;
  -webkit-animation: topbar-x 500ms linear 0s;
  animation: topbar-x 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }

 .toggled .bar2 {
  opacity: 0;
 }

 .toggled .bar3 {
  bottom: 6px;
  -webkit-animation: bottombar-x 500ms linear 0s;
  animation: bottombar-x 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }

 @keyframes topbar-x {
  0% {
   top: 0px;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
  }

  45% {
   top: 6px;
   -webkit-transform: rotate(145deg);
   transform: rotate(145deg);
  }

  75% {
   -webkit-transform: rotate(130deg);
   transform: rotate(130deg);
  }

  100% {
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
  }
 }

 @-webkit-keyframes topbar-x {
  0% {
   top: 0px;
   -webkit-transform: rotate(0deg);
  }

  45% {
   top: 6px;
   -webkit-transform: rotate(145deg);
  }

  75% {
   -webkit-transform: rotate(130deg);
  }

  100% {
   -webkit-transform: rotate(135deg);
  }
 }

 @keyframes topbar-back {
  0% {
   top: 6px;
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
  }

  45% {
   -webkit-transform: rotate(-10deg);
   transform: rotate(-10deg);
  }

  75% {
   -webkit-transform: rotate(5deg);
   transform: rotate(5deg);
  }

  100% {
   top: 0px;
   -webkit-transform: rotate(0);
   transform: rotate(0);
  }
 }

 @-webkit-keyframes topbar-back {
  0% {
   top: 6px;
   -webkit-transform: rotate(135deg);
  }

  45% {
   -webkit-transform: rotate(-10deg);
  }

  75% {
   -webkit-transform: rotate(5deg);
  }

  100% {
   top: 0px;
   -webkit-transform: rotate(0);
  }
 }

 @keyframes bottombar-x {
  0% {
   bottom: 0px;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
  }

  45% {
   bottom: 6px;
   -webkit-transform: rotate(-145deg);
   transform: rotate(-145deg);
  }

  75% {
   -webkit-transform: rotate(-130deg);
   transform: rotate(-130deg);
  }

  100% {
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
  }
 }

 @-webkit-keyframes bottombar-x {
  0% {
   bottom: 0px;
   -webkit-transform: rotate(0deg);
  }

  45% {
   bottom: 6px;
   -webkit-transform: rotate(-145deg);
  }

  75% {
   -webkit-transform: rotate(-130deg);
  }

  100% {
   -webkit-transform: rotate(-135deg);
  }
 }

 @keyframes bottombar-back {
  0% {
   bottom: 6px;
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
  }

  45% {
   -webkit-transform: rotate(10deg);
   transform: rotate(10deg);
  }

  75% {
   -webkit-transform: rotate(-5deg);
   transform: rotate(-5deg);
  }

  100% {
   bottom: 0px;
   -webkit-transform: rotate(0);
   transform: rotate(0);
  }
 }

 @-webkit-keyframes bottombar-back {
  0% {
   bottom: 6px;
   -webkit-transform: rotate(-135deg);
  }

  45% {
   -webkit-transform: rotate(10deg);
  }

  75% {
   -webkit-transform: rotate(-5deg);
  }

  100% {
   bottom: 0px;
   -webkit-transform: rotate(0);
  }
 }

 @-webkit-keyframes fadeIn {
  0% {
   opacity: 0;
  }

  100% {
   opacity: 1;
  }
 }

 @keyframes fadeIn {
  0% {
   opacity: 0;
  }

  100% {
   opacity: 1;
  }
 }

 .navbar-toggler-bar {
  display: block;
  position: relative;
  width: 22px;
  height: 1px;
  border-radius: 1px;
  background: #FFFFFF;
 }

 .navbar-toggler-bar + .navbar-toggler-bar {
  margin-top: 7px;
 }

 .navbar-toggler-bar + .navbar-toggler-bar.navbar-kebab {
  margin-top: 3px !important;
 }

 .navbar-toggler-bar.bar2 {
  width: 17px;
  transition: width .2s linear;
 }

 .main-panel {
  width: 100%;
 }

 .navbar-toggle .navbar-toggler,
 .navbar-toggle {
  display: block !important;
 }

 .navbar .toggled .navbar-toggler-bar {
  width: 24px;
 }

 .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
  margin-top: 5px;
 }

 .nav-open .main-panel {
  right: 0;
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
 }

 .nav-open .sidebar {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
 }

 .nav-open body {
  position: relative;
  overflow-x: hidden;
 }

 .nav-open .menu-on-right .main-panel {
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
 }

 .nav-open .menu-on-right .navbar-collapse,
 .nav-open .menu-on-right .sidebar {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
 }

 .nav-open .menu-on-right .navbar-translate {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
 }

 .nav-open .menu-on-right #bodyClick {
  right: 260px;
  left: auto;
 }

 .menu-on-right .sidebar {
  left: auto;
  right: 0;
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
 }

 .navbar-minimize {
  display: none;
 }

 .sidebar {
  box-shadow: none;
 }

 .nav-open .sidebar {
  box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
 }

 .sidebar,
 .main-panel,
 .sidebar-wrapper {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.685, 0.0473, 0.346, 1);
/*  -webkit-overflow-scrolling: touch;*/
 }
}

/*# sourceMappingURL=now-ui-dashboard.css.map */
/* .......................................My style.....................................................*/


.top-text {
    color: white;
    position: relative;
    z-index: 4;
    padding: 24px 18px;
    font-size: 21px;
    background: #7A63AB;
    text-align: left;
    font-family: Gotham Pro;
}

.sidebar[data-color="blue"]::after,
.sidebar[data-color="blue"]::after, .off-canvas-sidebar[data-color="blue"]::after {
    background: #F0F4FB;
}
#menutabs li {

    background: #F0F4FB;
    border-bottom: 1px solid #d5dce8;

}

.sidebar .nav,
.off-canvas-sidebar .nav {

 display: block;

}

.sidebar .nav li > a, .off-canvas-sidebar .nav li > a {
    border-radius: 0;
    color: #7A63AB;
    display: block;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    padding: 18px 8px 18px 22px;
    line-height: 23px;
    font-family: Gotham Pro;
    font-weight: normal;
    opacity: 0.5;
}
 

.sidebar .nav p, .off-canvas-sidebar .nav p {

    margin: 0;
    line-height: 17px;
    position: relative;
    height: auto;
    float: left;
    width: 80%;
    padding-left: 14px;

}
.img-menu {

    float: left;
    width: 20%;

}
.nav-item img {

 width: 210px;

}

/*
.perfect-scrollbar-on .sidebar,
.perfect-scrollbar-on .main-panel {

 height: 100%;
 max-height: 100%;

}
*/

.panel-header {

 padding-top: 80px;
 padding-bottom: 45px;
 position: relative;
 overflow: hidden;

}

.main-panel > .content {
    padding: 0 70px 30px 30px;
        padding-top: 0px;
    padding-top: 0px;
    min-height: calc(100vh - 123px);
    margin-top: 0;
    padding-top: 0;
}

.p10 {
 padding-top: 10px;
}

.p20 {
 padding-top: 20px;
}

.p30 {
 padding-top: 30px;
}

.p40 {
 padding-top: 40px;
}

h1 {
 margin-bottom: 10px;
 font-weight: 900;
 color: #247de1;
 font-size: 49px;
 letter-spacing: 1px;
 font-family: Gotham;

}

.content p {

    font-size: 16px;
    color: #6f6c6c;
    font-family: Gotham Pro;
    line-height: 21px;

}

h3 {

 color: #003a5d;
 font-size: 20px;
 margin-bottom: 15px;

}

.content ul li {

 color: #6f6c6c;
 font-size: 17px;
 line-height: 19px;
 padding-bottom: 12px;

}

.content ul {

 padding-left: 20px;

}

.icon-l img {

 width: 50px;

}

.icon-w-con {

 position: relative;

}

.icon-l {

 display: block;
 position: absolute;
 left: 0;
 width: 60px;

}

.content-r {

 display: table;
 padding-left: 65px;
 height: 50px;

}


.col5cust {

 font-size: 16px;
 padding-bottom: 20px;
 flex: 0 0 20%;
 max-width: 20%;
 color: #6f6c6c;

}

.pb10 {
 padding-bottom: 10px;
}

.pb20 {
 padding-bottom: 20px;
}

.pb30 {
 padding-bottom: 30px;
}

.pb40 {
 padding-bottom: 40;
}

.icon-l-btm img {

 width: 85px;

}

.icon-l {

 display: block;
 position: absolute;
 left: 0;
 width: 60px;

}

.icon-l-btm {

 display: block;
 position: absolute;
 left: 0;
 width: 85px;

}

.icon-w-con-btm {

 position: relative;

}

.content-r span,
.content-r-btm span {

 display: table-cell;
 vertical-align: middle;

}

.content-r-btm {

 display: table;
 padding-left: 90px;
 height: 74px;

}

.blue-bg {
 background: #043c5b;
 padding-top: 30px;
 padding-bottom: 110px;
 padding-left: 30px;
 padding-right: 70px;
}

h1,
h2,
h3,
h4,
h5,
h6 {

 font-family: Gotham;

}

.content-r-btm span {

 font-size: 16px;

}

.blue-bg p {

 color: #ffffff;
 font-size: 17px;
 line-height: 20px;

}

.blue-bg a {

 font-weight: bold;

}

.btn {
position: relative;
 color: #043c5b;
 background: #b6bd17;
 text-decoration: none;
 font-size: 13px;
 border-radius: 0;
 padding: 8px 30px 8px 15px;
 margin-bottom: 12px;
 display: inline-block;
 margin-top: 5px;
 border: none
}
.btn::before {

    content: "";
    position: absolute;
    background-image: url('../img/arrow.png');
    background-size: cover;
    height: 12px;
    z-index: 99;
    width: 7px;
    right: 8px;
    top: 11px;

}
.box .btn::before {
  background-image: url('../img/arrow-white.png');
     }
.icon2coll {

 display: block;
 position: absolute;
 left: 0;
 width: 70px;

}

.icon2coll img {

 width: 85px;

}

.content2colr {

 display: table;
 padding-left: 75px;

}

.content2colr span {

 display: table-cell;
 vertical-align: top;
 padding-top: 3px;

}

.content2colr span {

 font-size: 16px;

}

.col2colcust {

 padding-bottom: 25px;

}

.icon2coll img {

 width: 60px;

}

.content2colbox {

 padding-top: 20px;

}

.content-box a {
 font-weight: bold;
 color: #247de1;
}

.pink-color {
 color: #a40064;
 font-size: 35px;
 font-weight: bold;
}

.icon-for-all img {

 width: 100px;

}

.white-left-area {
 padding-left: 30px;
 padding-right: 30px;
}

.white-left-area p {

 font-size: 17px;
 color: #6f6c6c;

}

.white-left-area a {
 color: #247de1;
 font-weight: bold;

}

.blue-bg {

 background: #043c5b;
 padding-top: 25px;
 padding-bottom: 40px;

}

.blue-bg p {

 color: #fff;

}

.blue-bg h2 {

 color: #ffffff;
 font-weight: bold;
 font-size: 30px;

}

.green {

 color: #b6bd17;
 font-weight: bold;
}

.custom-list-style li {

 color: #ffffff;
 font-size: 16px;
 list-style: none;
 line-height: 20px;
 padding-top: 0;
 padding-left: 46px;
 position: relative;
 padding-bottom: 20px;

}

.custom-list-style {

 counter-reset: my-sec-counter;
 padding-left: 0;
 padding-top: 10px;
}

.half-column.blue-bg p {
 font-size: 16px;
}

.custom-list-style   li::after {
 content: " ";
 position: absolute;
 left: 0;
 font-size: 13px;
 font-weight: bold;
 width: 30px;
 height: 30px;
 text-align: center;
 border-radius: 20px;
 border: 1px solid #ffffff;
 top: 0;
 background: transparent;
}

.custom-list-style li::before {

 counter-increment: my-sec-counter;
 content: counter(my-sec-counter) " ";
 position: absolute;
 left: 1px;
 font-size: 13px;
 font-weight: bold;
 width: 28px;
 height: 28px;
 background: #00a5ce;
 text-align: center;
 border-radius: 20px;
 border: 4px solid #003a5d;
 top: 1px;
 z-index: 2;

}

.custom-list-style li.greencounter::before {

 background: #b6bd17;
}

.icons-res-con {

 padding-left: 146px;

}

.icon-for-all {

 position: absolute;

}

.full-width p {

 font-size: 17px;
 color: #6f6c6c;

}

.left-full-h-bg img {

 width: 100%;
  object-fit: cover;

}

.pl0 {
 padding-left: 0;
}

.full-width {

 padding-right: 70px;

}

.top-padd {
 padding-top: 100px;
 padding-left: 40px;
}

.singleIconcon {

 position: relative;

}

.iocnLeft {

 position: absolute;
 left: -194px;

}

.contentRight {

 display: table-cell;
 height: 100px;
 vertical-align: middle;

}

.iocnLeft {

 position: absolute;
 left: -120px;

}

.iocnLeft img {

 width: 100px;

}

.singleIconcon {

 position: relative;
 width: 100%;
 padding-bottom: 15px;

}

.full-width .contentRight p {

 margin-bottom: 0;

}

.pr0 {
 padding-right: 0;
}



.f17 {
 font-size: 17px;

 color: #6f6c6c;
}

.custom-blue-bg {

 padding-left: 115px;

}

.single-video-sec {

 display: block;

}

.Padding-right-con {

 padding-right: 100px;

}

.video-sec {

 height: 170px;
 margin-left: -30px;
 display: table;
 width: 100%;
 background-color: #00a6cf;

}

.video-con {

 text-align: center;
 width: 100%;
 height: 100%;
 display: table-cell;
 vertical-align: middle;
 transform: translate(6px, 6px);
 -webkit-transform: translate(6px, 6px);
 -o-transform: translate(6px, 6px);
 -mz-transform: translate(6px, 6px);
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;

}

.video-con img {

 width: 36px;

}

.vid-txt {

 color: #ffffff;
 font-size: 17px;
 font-weight: 500;
 font-family: Gotham;
 padding-top: 12px;
}

.single-vid {
 padding-bottom: 22px;
}

.left-full-h-bg-color {

 background-color: #003a5d;
 height: 100%;
 padding-right: 65px;
 padding-top: 110px;
 background-size: cover;
 background-repeat: no-repeat;

}

.green-bg {
 background-color: #b6bd17;
}

.pink-bg {
 background-color: #a40064;
}

.video-sec:hover {
 opacity: 0.9
}

.col3video .video-sec {
 height: 250px;
 margin-left: 0;

}

.bot-vid-con h4 {

 font-size: 21px;
 color: #247de1;
 margin-bottom: 0;
}

.bot-vid-con {

 padding-top: 30px;

}

.bot-vid-con p {

 font-size: 15px;

}

.content-box span {

 font-weight: 300;

}

.col3video img {

 width: 50px;

}

.sky-bg {

 background: #00a5ce;
 color: #ffffff;

}

.dark-bg {
 background: #247de1;
 color: #ffffff;
}

.textbox {
 margin-bottom: 20px;
}

.textbox {
 color: #ffffff;
 padding: 22px 40px;
}

.textbox p {
 margin-bottom: 0;
}

.textbox h2 {
 font-weight: bold;
 font-size: 44px;
 margin-bottom: 0;
}

.textbox p {
 margin-bottom: 0;
 font-size: 22px;
}

.botS {
 padding-top: 20px;
 padding-bottom: 50px;
}

.botS h2 {
 color: #247de1;

 font-size: 42px;
}

.botS .btn {
 color: #043c5b;
}

.full-bg {
 background-size: cover;
 height: 750px;
 background-repeat: no-repeat;
 background-position: center;
}

.full-width-bg .col-lg-12 {
 padding: 0;
}

.box {
 margin-bottom: 20px;
}

.light-blue-box {
 background-color: #00a5ce;
}

.box {
 color: #ffffff;
 padding:16px 0px 0px 20px; position: relative;
}

.pink-box {
 background: #a40064;
}

.gray-box {
 background: #74777b
}

.green-box {
 background: #b6bd17;
}

.box p {
 margin-bottom: 3px;
 font-size: 16px;
 line-height: 19px;
}
.box h3 {

    color: #ffffff;
    margin-bottom: 12px;

}
.box .btn {

    margin-bottom: 0;
    background: #003a5d;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 13px;
    border-radius: 0;
    display: inline-block;
    margin-top: 10px;
    
}
.btnD {
 text-align: right;
}
.col4boxes {

    margin-top: -100px;
    padding-bottom: 50px;

}
.inner-pg-bg {

    height: 400px;

}
.bannerTcon {

    margin-left: 49%;
    padding-top: 12%;

}
.bannerTcon h1 {
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0;
}

.bannerTcon h2 {
    color: #b6bd17;
    font-family: Gotham Pro;
}

.white-area-list ol li {

    color: #6f6c6c;

}
.white-area-list .custom-list-style li::after {
     border: 1px solid #6f6c6c;
    }

.white-area-list .custom-list-style li::before {
 border: 4px solid #ffffff;color: #ffffff;
   }

.InnLeft img {

    width: 60%;
   
}
.InnLeft {

    text-align: center;
    padding-top: 20px;

}
.listwithimg {

    padding-left: 30px;
    padding-right: 90px;
    padding-top: 20px;
    padding-bottom: 20px;

}
.ctrh2 {
    text-align: center;
    display: block;
    position: relative;
    top: 53%;
    color: #ffffff;
    font-weight: 700;
    font-family: Gotham;
    font-size: 44px;
    letter-spacing: 1px;
}
.elevator-pitch {
margin-top: 0;
    padding: 0 50px;
    text-align: center;

}
.elevator-pitch .inncircle {
margin-bottom: 20px;
    width: 260px;
    height: 260px !important;
    margin: 0 auto 23px;
     border-radius: 50%;
    box-shadow: inset 2px 1px 18px -6px rgba(0,0,0,0.7);
    padding-top: 80px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cfd4d7+0,ffffff+100 */
background: #cfd4d7; /* Old browsers */
background: -moz-linear-gradient(top, #cfd4d7 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cfd4d7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cfd4d7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd4d7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 
 border: 2px solid #ffffff;
}
.boxcircle {

    transform: translateY(-30%);

}
.inncircle h3 {

    color: #b6bd17;
    font-size: 94px;
    line-height: 75px;
    margin-bottom: 9px;
    font-weight: 300;

}
.inncircle p {

    color: #003a5d;
    font-size: 17px;

}
 .bluetext h3 { color: #00a5ce;}
 .pinktext h3 { color: #a40064;}

.hearnow .btn {

    background: #f0f0f0;
    border-radius: 26px;
    border: 5px solid #f0f0f0;
    padding: 15px 72px;
    color: #b6bd17;
    font-weight: 700;
    font-size: 14px;
    font-family: Gotham;
    letter-spacing: 0.2px;

}
.hearnow .btn::before {

    content: "";
    position: absolute;
    background-image: none;
    background-size: cover;
    height: 100%;
    z-index: 99;
    width: 100%;
    right: 0;
    top: 0;
    border: 3px solid #b6bd17;
    border-radius: 26px;

}
.bluetext .hearnow .btn::before {

     border: 3px solid #00a5ce;
     }

.pinktext .hearnow .btn::before {

     border: 3px solid #a40064;
     }
.bluetext .hearnow .btn {

    color: #00a5ce;
     }
.pinktext .hearnow .btn {

    color: #a40064;
     }
	ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
ul.tabs li {

    background: none;
    color: #6f6c6c;
    display: inline-block;
    padding: 18px 135px 18px 15px;
    cursor: pointer;
    width: 30%;
    background: #f1f1f2;
    text-align: right;
    border-left: 9px solid #00a5ce;
    margin-left: 10px;
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 0.3px;
    position: relative;
    line-height: 20px;
    margin-right: 2%;

}
ul.tabs li.current {
    background: #b6bd17;
    color: #ffffff;
    border-left: none;
    font-weight: 800;
    font-family: Gotham;
}
		ul.tabs li.current{
			background: #ededed;
			color: #222;
		}

/*
.tab-content {

    display: none;
    background: #ffffff;
    padding: 70px 15px 25px;

}
*/
		.tab-content.current{
			display: inherit;
		}
.main-panel > .content.tabpg {

    padding: 8px 85px 30px 80px;

}
ul.tabs li:nth-child(3) {

    border-left: 9px solid #a40064;

}
ul.tabs li.current {

    border-left: 9px solid #ffffff;
    background: #b6bd17;
    color: #ffffff;

}
ul.tabs li:nth-child(1){border-left: 9px solid #b6bd17;}
ul.tabs li:nth-child(2).current{background: #00a5ce;}
ul.tabs li:nth-child(3).current{background: #a40064;}
.tabpg h3 {
    color: #247de1;
    margin-top: 40px;
    font-size: 21px;
}
/*

.index-full-bg {

    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    
}
*/


.index-full-bg img {

    height: 100%;
    width: 100%;
   position: relative; 
    
}

.index-full-bg h1 {

    position: absolute;
    top: 128px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-family: Gotham Pro;
    font-size: 74px;

}
.index-full-bg h1 a {

    color: #ffffff;

}



.index-full-bg {

    background-image: url(../img/index1.png);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: red;
 background-repeat: no-repeat;
}

.logo-L img{ width: 300px;}
 
.LogoR img {

    width: 75px;
    
}
.align-right{ text-align: right;}
.index-header {

    padding: 20px 40px 20px;

}
.logo-L img {

    width: 300px;
    padding-top: 46px;

}
.index-full-bg {
    background-image: url(../img/index1.png);
    background-size: cover;
    background-color: #003a5d;
    background-repeat: no-repeat;
    width: 100%;
    height: 1189px;
    background-position: center 75px;
    position: relative;
}
 .index-full-bg1 img{
    width: 100%;
    object-fit: contain;
}
.emailer-bg .full-bg {

    height: 500px;

}
ul.tabs li::before {

    position: absolute;
    content: "";
    left: -25px;
    width: 100px;
    height: 100px;
    background-size: cover;
    transform: translateY(-42%);

}

ul.tabs li.current:nth-child(1)::before {
      background-image: url('../img/a1.png');
     }
ul.tabs li:nth-child(1)::before {
      background-image: url('../img/a1-hover.png');
     }

ul.tabs li.current:nth-child(2)::before {
      background-image: url('../img/a2.png');
     }
ul.tabs li:nth-child(2)::before {
      background-image: url('../img/a2-hover.png');
     }
ul.tabs li.current:nth-child(3)::before {
      background-image: url('../img/a3.png');
     }
ul.tabs li:nth-child(3)::before {
      background-image: url('../img/a3-hover.png');
     }

/*
.fixed-top {
  position: absolute;
     }
*/
 .navbar-nav {
    float: right;
    margin: 0;
}
.bgcolor {
    padding-left: 45px;padding-bottom: 30px;
}
.bgcolor h1 {

    color: #ffffff;margin-bottom: 35px;

}

 
.bgcolor ul li a {

    font-size: 16px;
    border-bottom: 1px solid #b6bd17;

}
.bgcolor ul li {

    color: #b6bd17;
    list-style: disc;

}
.lastpg h3 {
    color: #ffffff;
    font-size: 18px;
}
.bgcolor ul {

    padding-left: 15px;

}

.lastpg h4 {

    color: #ffffff;
    font-size: 15px;

}
.left-full-h-bg {

    height: 100%;

}
.main-panel > .content.tabpg.elevator-child-pg {
    padding-top: 163px;
}
.elevator-child-pg ul.tabs li.current:nth-child(1)::before, .elevator-child-pg ul.tabs li:nth-child(2)::before, .elevator-child-pg ul.tabs li:nth-child(3)::before, .elevator-child-pg ul.tabs li:nth-child(1)::before {
    background-image: none;
}
.elevator-child-pg ul.tabs li {
    background-image: none;
}
  
.elevator-child-pg ul.tabs li {
    background: none;
    color: #6f6c6c;
    display: inline-block;
    padding: 18px 20px 18px 15px;
    cursor: pointer;
    width: 30%;
    background: #f1f1f2;
    text-align: center;
     margin-left: 0;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.3px;
    position: relative;
    line-height: 20px;
    margin-right: 2%;
}
.elevator-child-pg ul.tabs li.current {
    border-left: none;color: #ffffff;
    
}
ul.tabs li:nth-child(1).current {
    background: #b6bd17;
}
.icon img {
    width: 100px;
}
.conLine p {
    padding-top: 18px;
    font-size: 15px;
}
.icon-w-line-full{ padding-top: 30px;}
.borderL{ position: relative;}
.borderL::after {

    position: absolute;
    content: "";
    background: #B1B3B5;
    height: 3px;
    width: 62%;
    left: 116px;
    top: 54px;

}
.all-iconc .borderL:last-child::after{ content: none;}
.col4border .icon {
    text-align: center;
}
.col4border .conLine {
    padding: 0 45px;
}
.col4border .borderL::after {
    position: absolute;
    content: "";
    background: #B1B3B5;
    height: 3px;
    width: 100%;
    left: 0;
    top: 115px;
    right: 0;
    margin: 0 auto;    z-index: 1;
}
.col4border.all-iconc .borderL:last-child::after {
     content: "";
     right: 50%;width: 50%;
   }

.col4border.all-iconc .borderL:first-child::after {
     content: "";
     left: 50%; width: 50%;
   }
.col4border .icon {
    text-align: center;
    position: relative;
    z-index: 2;
}
.bigimg {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 30px;
}
.bigimg img {
    width: 93%;
    margin: 0 auto;
}