﻿body {
  min-height: 100vh;
  font-family: 'Neuton', serif;
  display: block;
}

.hidden {
    display: none!important;
    visibility: hidden!important;
}

 h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {  
    font-family: 'Montserrat', sans-serif;
   
}
h1
{
    font-family: 'Montserrat', sans-serif;
    color:#FFFFFF;
    font-size:large;
}


.navbar {
  margin-bottom: 0;
  height: 88px;
}

.btn {
    cursor: pointer;
    border-radius: 0;
}

.attn-heading {
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.jumbotron {
    padding-top: 12rem;
    padding-bottom: 8rem;
    margin-bottom: 0;
    background-color: #fff;
    background-image: url('../Images/your_numbers_nerd.png');
    background-repeat: no-repeat;
    background-size: contain;
   /*min-height: 500px;
    max-height:800px;*/ 
    position: relative;
    border-radius: 0;
    border-top: 1px solid #8D8D8D;
    background-color: #e4e4e4
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}


.album {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f5f5f5;
}

.closing {
    padding-top: 1rem;
    padding-bottom: 3rem;
    background-image: url('../Images/cloud_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 10rem;
    padding-right:7rem;
}

.brand-highlight {
    background: rgba(255,255,255,.9);
    padding: 1rem;
    box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
    height: 165px;
}

.row.marketing {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.blockquote {
    width: 80%;
    max-width: 570px;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: white;
    border-left: 5px solid #292b2c;
    margin-top: 1.5rem;
}

.blockquote > p {
    font-size: .9rem;
}

.album .report.card {
    max-width: 260px;
    padding: 0;
    min-width: 200px;
}

.album .report.card .bg-faded {
    background-color: #e2e2e2;
}

.album .card-text {
  font-size: 1rem;
}

.card.report:hover img.card-img-top {
    filter: blur(3px);
}

.card.report:hover .dimmer-btn {
    z-index: 9;
}

.card.report .dimmer-btn {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 72px);
}

.report.card .card-img-top {
    position: relative;
}

.sub-heading {
    font-weight: 300;
}

.album .sub-heading {
    margin-bottom: 3rem;
}

.album .cta-btn {
    margin-top: 3rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.disclosure {
    padding: 1rem;
    border-top: 5px solid #D9534F;
}

.moving-down {
    border-bottom: 5px solid #b7cadc;
    position: relative;
}

.moving-down:before {
    content: "\f10c";
    font: normal normal normal 14px/1 FontAwesome;
    color: #e2e2e2;
    bottom: -25px;
    position: absolute;
    z-index: 10;
    left: calc(50% - 6px);
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}

.moving-down:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #b7cadc;
    position: absolute;
    bottom: -45px;
    left: calc(50% - 40px);
    z-index: 9;
}

.moving-up {
    border-top: 5px solid #b7cadc;
    position: relative;
}

.moving-up:before {
    content: "\f10c";
    font: normal normal normal 14px/1 FontAwesome;
    color: #e2e2e2;
    top: -25px;
    position: absolute;
    z-index: 10;
    left: calc(50% - 6px);
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}

.moving-up:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #b7cadc;
    position: absolute;
    top: -45px;
    left: calc(50% - 40px);
    z-index: 9;
}

.disclosure-holder {
    width: 70%;
    max-width: 1000px;
}

.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    font-weight: 700;
    letter-spacing: .05em;
    color: rgba(0,0,0,.85);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    font-size: 1rem
}

.horizontal.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: '';
    line-height: 1;
    text-align: center
}

.horizontal.divider:after,.horizontal.divider:before {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)
}

.horizontal.divider:before {
    background-position: right 1em top 50%
}

.horizontal.divider:after {
    background-position: left 1em top 50%
}

.bd-footer {
    padding: 3rem 0;
    font-size: 85%;
    text-align: center;
    background-color: #f7f7f7;
}

.unstyled li {
    list-style-type: none;
}

.unstyled {
    padding: 0;
}

.fine-print h6 {
    font-size: .95rem;
}

.footer-text {
    font-size: .9rem;
}

.btn-group .or {
    position: relative;
    width: .3em;
    height: 2.57142857em;
    z-index: 3
}

.btn-group .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: 'or';
    top: 70%;
    left: 50%;
    background-color: #FFF;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.6;
    color: rgba(0,0,0,.8);
    font-style: normal;
    font-weight: 700;
    box-shadow: 0 0 0 1px transparent inset
}

.btn-group .or[data-text]:before {
    content: attr(data-text)
}

.btn-group .or + .btn {
    border-left: 5px solid white;
    margin-left: -5px
}

.brand-card .card-block {
    background: white;
    border-radius: 5px;
    padding: 1rem;
}

.card.brand-card .card-header, .card.brand-card .card-block {
    padding: .5rem;
}

.card.brand-card ul {
    margin: .25rem 0;
}

.tag {
    padding: .2rem .5rem;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: .8rem;
    width: 90px;
    display: inline-block;
    margin-right: .2rem;
    text-align: center;
}

.unstyled li:not(.last) {
    margin-bottom: .2rem;
}

.cta-btn {
    font-size: 2rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
    transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}

.cta-btn:hover i {
  width: 100%;
}

.cta-btn:hover .btn-label {
  visibility: hidden;
}

.cta-btn i {
    position: relative;
    padding-right: 1rem;
    -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4), height 0.25s ease;
    transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4), height 0.25s ease;
}

.cta-btn i:after {
    content: '';
    background-color: white;
    width: 3px;
    height: 2.5rem;
    position: absolute;
    top: -4px;
    right: 0;
}

.cta-btn.btn-success i:after {
    background-color: #3d8a3d;
}

.cta-btn.btn-primary i:after {
    background-color: #1c5484;
}

.cta-btn.btn-warning i:after {
    background-color: #bf893c;
}

.cta-btn:hover i:after {
  background-color: transparent;
}


.countdown {
    width: 835px;
    margin: 0 auto;
    display: block;
    height: 162px;
}
.countdown .bloc-time {
  float: left;
  margin-right: 45px;
  text-align: center;
}
.countdown .bloc-time:last-child {
  margin-right: 0;
}
.countdown .count-title {
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.countdown .figure {
  position: relative;
  float: left;
  height: 110px;
  width: 100px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown .figure:last-child {
  margin-right: 0;
}
.countdown .figure > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font: normal 5.94em/107px "Lato";
  font-weight: 700;
  color: #de4848;
}
.countdown .figure .top:after, .countdown .figure .bottom-back:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.countdown .figure .top {
  z-index: 3;
  background-color: #f7f7f7;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-transform: perspective(200px);
  transform: perspective(200px);
}
.countdown .figure .bottom {
  z-index: 1;
}
.countdown .figure .bottom:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.02);
}
.countdown .figure .bottom-back {
  z-index: 2;
  top: 0;
  height: 50%;
  overflow: hidden;
  background-color: #f7f7f7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.countdown .figure .bottom-back span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.countdown .figure .top, .countdown .figure .top-back {
  height: 50%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.countdown .figure .top-back {
  z-index: 4;
  bottom: 0;
  background-color: #fff;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: perspective(200px) rotateX(180deg);
  transform: perspective(200px) rotateX(180deg);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.countdown .figure .top-back span {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  margin: auto;
}

[class^="ribbon-"] {
  position: absolute;
  margin-bottom: 80px;
  text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}
[class^="ribbon-"]:before, [class^="ribbon-"]:after {
  content: "";
  position: absolute;
}

.ribbon-1 {
  cursor: pointer;
  width: 160px;
  height: 90px;
  background: #D9534F;
  top: -6px;
  right: 1px;

}
.ribbon-1:before {
  height: 0;
  width: 0;
  border-bottom: 6px solid #D9534F;
  border-right: 6px solid transparent;
  right: -6px;
}
.ribbon-1:after {
  height: 0;
  width: 100px;
  border-left: 80px solid #D9534F;
  border-right: 80px solid #D9534F;
  border-bottom: 30px solid transparent;
  bottom: -30px;
  left: 0;
}
.ml-1 {
  margin-right: 90px !important;
}

#pleaseWaitDialog .modal
{
    padding: 7px;
    border-radius: 0;
    height: 100%;
    overflow: scroll;
}

#ReportsDetailsModal .modal-dialog {
     max-width: 760px;
    margin: 30px auto;
}


#ListingModal .modal-content {
    height: 100%;
    overflow: hidden;
}

#ListingModal .modal-body {
    padding: 7px;
    border-radius: 0;
    height: 100%;
    overflow: scroll;
}

#ListingModal .modal-header .table thead th {
    border-bottom: 0;
}

.modal-open .modal.fullscreen {
    padding-left: 0!important;
    padding-right: 0!important;
    height: 100vh!important;
    background: white;
    border-radius: 0;
}

.modal.fullscreen .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: white;
    margin-top: 0;
    border-radius: 0;
}

.modal.fullscreen .modal-dialog .modal-content {
    height: 100%;
    border-radius: 0;
}

.modal.fullscreen .modal-dialog .modal-body {
    height: calc(100% - 80px);
}

ul#manageTabs li.active a {
    position: relative;
    border-bottom: 1px solid white;
    z-index: 9;
    top: 1px;
}

.modal.fullscreen .modal-dialog .tab-content > .active {
    border: 1px solid #ddd;
}

/*Confirmation Form Iframe*/

#iFrameCC {
    display: block;
    height: 100%;
    width: 100%;
    border: none;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 990px) {
    .container {
        width: 100%!important;
        max-width: 100%;
    }

    .display-4 {
        font-size: 2.5rem;
    }

    .display-3 {
        font-size: 3.5rem;
    }

    .album .card {
      margin: 0 auto;
      margin-bottom: 1rem;
    }
}

@media (min-width: 1200px) {
  .jumbotron {
    background-position-y: 0px;
  }
}


@media screen and (min-width:900px) {

}

.tooltip-inner {
    max-width: 305px;
     /*If max-width does not work, try using width instead */
    width: 260px; 
}

/*.hover-demo{margin-top: 220px;}
.hover-demo{text-align: center;}
.on-hover-content{position: absolute;bottom: 40px;background-color: whitesmoke;padding: 10px;border-radius: 10px;}
.on-hover-content img{width:260px;}
#dynamic-content{width: 360px;overflow: scroll;}*/

.thead-inverse th {
    color: #fff;
    background-color: #0275d8;
}
.panel-title color-profile
{
     background-color: #0275d8;
}

h3 {
   color:#6eb0e8 !important;
}

.btn-success:hover {
    color: #fff;
    background-color: #CC3300;
    border-color: #CC3300;
}


.btn-success {
    color: #fff;
    background-color: #CC3300;
    border-color: #CC3300;
}

.btn-success.disabled {
   
     cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    background-color: #CC3300;
    border-color: #CC3300;
}


  .btn.outline {
	background: none;
	padding: 12px 22px;
}
.btn-success.outline {
	border: 2px solid #CC3300;
	color: #CC3300;
}




.btn-success.outline:hover,a.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open > .dropdown-toggle.btn-success {
	color: #33a6cc;
	border-color: #33a6cc;
}
.btn-success.outline:active, .btn-success.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}

.btn-primary.outline {
	border: 2px solid #0082CA;
	color: #0082CA;

}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color:rgba(255,255,255,.9);
	border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}
.btn-primary {
    color: #0275d8;
    background-color: #FFF;
    border-color: #0275d8;
}

#progressBar {
    width: 400px;
    height: 22px;
    border: 1px solid #111;
    background-color: #292929;
}
#progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0099ff;
}


#EmailMe a {
    background: 0 0;
    color: #db6e3f;
    text-decoration: none;
}
.custom-bullet li {
    display: block;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}
#owl-search {
}
button#LearnMore {
    border: 2px solid #0275d8;
    color: #0275d8;
    /* font-size: small; */
}
.bg-inverse {
    background-color: #0033A0!important;
}
 .disclosure {
    padding: 1rem;
    border-top: 5px solid #0033A0;
}

 .blockquote
 {
   border-left: 5px solid #0033A0;
 }
         #owl-carriage .item {
            margin: 3px;
            margin-bottom: 15px;
            position: relative;
        }

            #owl-carriage .item img {
                display: block;
                height: 250px;
                margin: 0 auto;
                cursor: pointer;
            }

        .owl-carousel {
            display: none;
            position: relative;
            width: 100%;
            -ms-touch-action: pan-y;
            max-width: 800px;
            margin: 0 auto;
        }

        #owl-search {
            display: block;
            content: "\f002";
            height: 35px;
            width: 35px;
            background: #be361e;
            position: absolute;
            bottom: -15px;
            right: 15px;
            border-radius: 100%;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 1.5rem;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: white;
            text-align: center;
            line-height: 1.5;
            cursor: pointer;
        }

        #preview {
            display: block;
            content: "\f002";
            height: 35px;
            width: 35px;
            background: #be361e;
            position: absolute;
            bottom: -15px;
            right: 15px;
            border-radius: 100%;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 1.5rem;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: white;
            text-align: center;
            line-height: 1.5;
            cursor: pointer;
        }

        .gallerycontainer {
            position: absolute;
            /*Add a height attribute and set to largest image's height to prevent overlaying*/
        }

        .thumbnail img {
            border: 1px solid white;
            margin: 0 5px 5px 0;
        }

        .thumbnail:hover {
            background-color: transparent;
        }

            .thumbnail:hover img {
                border: 1px solid blue;
            }

        .thumbnail span { /*CSS for enlarged image*/
            position: absolute;
            background-color: lightyellow;
            padding: 5px;
            left: -1000px;
            border: 1px dashed gray;
            visibility: hidden;
            color: black;
            text-decoration: none;
        }

            .thumbnail span img { /*CSS for enlarged image*/
                border-width: 0;
                padding: 2px;
            }

        .thumbnail:hover span { /*CSS for enlarged image*/
            visibility: visible;
            top: 0;
            left: 230px; /*position where enlarged image should offset horizontally */
            z-index: 50;
        }

             .right {
            position: absolute;
            right: 0px;
            /*padding: 10px;*/
        }

        .rightNew {
            position: absolute;
            right: -76px;
            padding-left: 15px;
            padding-top: 5px;
            padding-bottom: 5px;
            z-index: 999;
            /* padding: 10px; */
            bottom: 0;
        }

        #Loader.modal {
            position: center;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background-color: white;
            filter: alpha(opacity=60);
            opacity: 0.9;
            -moz-opacity: 0.8;
        }

        .center {
            z-index: 1000;
            margin: 300px auto;
            padding: 5px;
            width: 147px;
            background-color: White;
            border-radius: 10px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
        }

            .center img {
                height: 128px;
                width: 128px;
            }


  .table-inverse {
    color: #fff;
    background-color: #0033a0;
}
.navbar-inverse {
    background-color: #0033a0;
    border-color: #0033a0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fffb3b;
}



.navbar-nav > li > a {
    padding-top: 3px;
    padding-bottom: 15px;
}

a{
    background: 1 0;
    color: #3F51B5;
    text-decoration: underline;
    /* border: rgb(172, 86, 60); */
}

blockquote
{
    border-left-color:#673AB7;
}

iframe {
	    border: none;
}


/* Aculist Lite Styles */

.rounded-0 {
    border-radius: 0!important;
}

.lite.closing {
    padding-right: initial;
    padding-top: 2rem;
}

.lite.navbar {
    height: initial;
}

.iframe-holder {
    position: relative;
    height: 100%;
}

.iframe-holder iframe {
    position: absolute;
    height: 100%;
    width: 100%;
}

input.checkbox.downloadReport {
    float: left;
    margin-right: .5rem;
    top: -2px;
}
.h6.text-center.small.card-subtitle {
    visibility: hidden;
}

h6.text-center.small.card-subtitle {
    visibility: hidden;
}