body{
	font-family:'Lato', sans-serif;
}
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-fluid {
  width: 100%; }

.inner-nav {
  background: #000 !important }
.mast-nav {
    background:inherit;
}
.dropdown .fa {
    color: #757575;
}
.banner-logo{
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 100%;
}

.text-xt {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 19px;
    max-height: 57px;      /* fallback */
   -webkit-line-clamp: 3; /* number of lines to show */
   -moz-line-clamp: 3;
   -ms-line-clamp: 3;
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -ms-box-orient: vertical;
}

@media (max-width:575px) {
    .banner-logo img {
        width: 210px;
        padding-top:30px;
    }
}

.panel-title a .fa {
    color: black !important;
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}


.panel-title a.collapsed .fa {
    color: black !important;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}

.navbar {
  
  box-shadow: none; }
.card-overlay {
    background-size: cover !important;
}
.scrolling-navbar {
  -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
  transition: background .5s ease-in-out, padding .5s ease-in-out; }

.top-nav-collapse {
  background-color:#000000; }

footer.page-footer {
  background-color: #1C2331;
  margin-top: 0; }

@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; 
    min-height:50px;
  }

}

.navbar .navbar-toggler {
    z-index: 9999999 !important;
    position:relative;
}
 

.btn-bar {
    position: absolute;
    top: 8px;
    right: 0px;
    z-index: 99999;
}
/* Carousel*/
.flex-center {
  color: #fff; }

@media (min-width: 776px) {
  .carousel .view ul li {
    display: inline; }

  .carousel .view .full-bg-img ul li .flex-item {
    margin-bottom: 1.5rem; } }
#banner {
  height: 550px;
  background-size: contain; }

img.sort-logo {
  position: absolute;
  right: 5rem;
  top: -13em;
  width: 25rem; }

img.sort-texas-logo {
  position: absolute;
  right: 7rem;
  top: -3rem;
  width: 5rem; }

img.sort-dps-logo {
  position: absolute;
  right: 13rem;
  top: -1rem;
  width: 15rem; }

/*# sourceMappingURL=style.css.map */
/* YOUR CUSTOM STYLES */
.custom-blue {
   color: #45526E;
}

#state-navbar  i.fa.fa-sign-in {
   color: #45526E;  
}
 
.dev-notes {
    color:red;
    border: 3px solid red;
    padding: .5em;
}
#slide-out i.fa.fa-user{
    color:#fff;
    
}
.mdb-skin .side-nav .logo-wrapper{
    
    background-image: none;
}
.logo-wrapper .fa  {
    font-size: 5rem;
    
    display: flex;
    justify-content: space-around;
    padding:10px;
   
}

.logo-wrapper a.edit-profile {
    color:#fff;
    cursor: pointer;
}

.logo-wrapper p {
    text-align: center;
   
}
p .login-profile {
    font-size: 20px;
    color:#fff;
}
#dashboard-logo {
    display: inline-block;
    margin-left: 1rem;
    width: 17rem;
}
.breadcrumb-dn {
    display: inline-block;
    padding: .5rem;
    margin-left: 5rem;
    font-size: 3.5rem;
}


.mdb-skin .navbar {
    background-color: rgb(255,255,255);
}

.mdb-skin .navbar .fa {
   color: #45526E;
}
.mdb-skin .navbar p{
  color: #45526E;
}
  li.nav-item a.nav-link {
    color:#45526E;
}
.mdb-gradient, .mdb-skin .side-nav {
  background: #45526E !important;
}



.mdb-gradient .mdb-skin .side-nav .fa{
  background: #fff !important;
}
.collapse.show {
    display: block;
}

#why-protatech {
   
   
}
.card .card-title a, .card-block p{
    color: #fff;
}

#core-exams .card-block {
    background-color:  #45526E;
}

#core-exams card-block h4, #core-exams .card-footer, .fa
{
    color: #000;
}
#mandatory-exam .card-block,#elective-exam .card-block  {
    background-color: #7283A7;
}
 .card-block h4, .card-footer
{
    color: #fff;
}


/**Register**/


#register-form .blue-gradient {
    background: #45526E;
}
.md-form .fa {
    color: #45526E;
}
#register-page #register-form button.btn.btn-indigo {
    background: #45526E;
}
/**End Register**/

/**Contact Form**/

#contact-page {
    margin-top: 3rem;
}


#contact-form p {
    color: gray;
}

#contact-form .fa {
    color: #45526E;
}
#contact-form .fa-phone {
    font-size:2rem;
}
#contact-form .call-us {
    font-size: 1.5rem;
    color: #45526E;
    margin-right: 1rem;
}

#contact-form button.btn.btn-default {
    background:  #45526E;
}

/**End Contact Form**/



/**Dashboard Footer**/
#dashboard-footer {
    background: #fff;
}

/**End Dashboard Footer**/

/**Login **/

#login-page {
    margin-top: 3rem;
}
#login-page .fa {
     font-size:2rem;
         color: #45526E;
    
}
#login-page h3 {
      color: #45526E;
}

#login-page button.btn.btn-primary {
    background:  #45526E;
}
/**End Login **/


/**Certificate**/

#certificate-page i.fa  {
    color:#45526E;
}
#certificate-page th {
    background: #45526E;
    color: #fff;
}
#certificate-page td:nth-of-type(2n){
    width: 10%;
    text-align: center;
}
#certificate-page td{
    width: 25%;
    border: 1px solid #45526E;
    font-size: 1.2rem;
}
/**Comments**/

#comments-page #comments-form h3 {
    color:#45526E;
}

#comments-page #comments-form p {
    color: #757575;
}

#comments-page #comments-form i.fa.fa-envelope {
    color:  #45526E;
}

#comments-page #comments-form button.btn.btn-default {
    background:   #45526E;
}
/**End Comments**/

/**My Courses**/

.courses-input input {
    border: 2px solid gray;
   
}

#my-core-courses th, #my-elective-courses th {
    background: #45526E;
    color: #fff;
}
#my-elective-courses td:nth-of-type(2n), #my-core-courses td:nth-of-type(2n){
    width: 5%;
    text-align: center;
}
#my-core-courses td, #my-elective-courses td {
    width: 25%;
    border: 1px solid #45526E;
    font-size: 1.2rem;
}

/**Packages**/
#packages .card { 
    background-color:  #45526E;
    position: relative;
}
.packages-card-title {
    font-size: 4rem;
    color: #fff;
}

.packages-hours {
     font-size: 1.4rem;
    color:#fff;
    
}
#packages .card .card-footer {
   color:#fff;
}


/**End Packages**/

/**About**/

#about-page .panel-heading {
    background: #45526E;
     padding: 1rem;
}

#about-page .panel-heading a {
  color:#fff;
   
}

/**End About**/



/**Faqs**/

#faqs-page .panel-heading {
    background: #45526E;
     padding: 1rem;
}

#faqs-page .panel-heading a {
  color:#fff;
   
}

/**End Faqs**/

/**Courses Row**/

#photos-desc-row .card {
    background-color: #45526E;
}

#photos-desc-row .card-block {
    background-color: #45526E;
}



/**Packages Alt Row**/

/**Packages**/
#packages-photo-row .card { 
    background-color: #45526E;
    position: relative;
}
.packages-card-title {
    font-size: 4rem;
    color: #fff;
}

.packages-hours {
     font-size: 1.4rem;
    color:#fff;
    
}
#packages .card .card-footer {
   color:#fff;
}
/**End Packages Alt Row**/

/**Notes**/

.text-red {
    color: red;
    font-weight: bold;
}
/**End Notes**/

/**Shopping-cart**/

#shopping-cart {
    margin-top: 10rem;
}

.fa-trash-o {
    color: red;
}
.fa-wpforms, .fa-clock-o, .fa-calendar-check-o, .fa-dollar {
    color: black;
}

/**End Shopping-cart**/

/**Courses**/
#course-options {
    color: #45526E;
}
#course-options .card {
   position: relative;
}
#course-options .card p.card-text {
    margin-bottom: 2rem;
}
#course-options .card .card-footer {
    display: flex;
    flex-direction: row;
   position: absolute;
    bottom:10px;
    right: 10px;
   align-content: flex-end;
    margin-top: 10px;
    padding-top: 0px;
   
}

.md-toolbar-tools {
  
    padding: 30px 24px!important;
}

$gray: #eee;

md-content.md-default-theme {
  background-color: $gray;
}
md-card {
  background-color: #fff;
  h2:first-of-type {
    margin-top: 0;
  }
}
md-toolbar {
  .md-button.md-default-theme {
    border-radius: 99%; 
  }
}
h2 {
  font-weight: 400;
}
.md-toolbar-tools-bottom {
  font-size: small; & :last-child {
    opacity: 0.8;
  }
}
md-toolbar:not(.md-hue-1),
.md-fab {
  fill: #fff;
}
md-sidenav {
  fill: #737373;
  ng-md-icon {
    position: relative;
    top: 5px;
  }
}
.user-avatar {
  border-radius: 99%;
}
/** Added by HariRam on 23Nov 2016 for Hide HTML5 input type number arrow**/
.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}
/**End Courses**/
.btm-space {
    margin-bottom: 25px;
}
.md-hue-2 {
    background:#434c61 !important;
}
.progress {
    background: gray;
    margin-bottom:25px;
}
.progress-bar-success {
    background:#2cce50;
}
.badgeCart
{
     /* position: absolute; */
    /* right: 5px; */
    /* z-index: 1002; */
    background-color: green;
    /* height: 50px; */
    /* width: 46px; */
    color: white;
    /* border-radius: 50%; */
    padding: 4px;
    /* top: 4px; */
}


    .block-content h4 {
        color: black;
        font-weight:bold;
    }
    .block-content p {
        color: gray !important;
        font-size:14px;
        margin-bottom:5px !important;
    }
    .block-content .progress {
        height: 6px;
        margin-bottom: 10px !important;
    }

.pad-top {padding-top: 10px;}
.filter-section {
}
    .filter-section a {
        margin: 0px 5px;
        font-size:14px;
        color:gray;
        display:inline-block;
    }
        .filter-section a .fa {
            vertical-align: middle;
        }
    .filter-section .form-control {
        margin: 0px;
    }

/*===================== Player Section Style ====================*/
.profile-image-holder {
  position: relative;
  margin-bottom: 15px;
}

.playersection {
  position: relative;
  height:86vh;
  background: #fff;
  padding-bottom: 50px;
}

.playersection .html-container1 {
  height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
  background:#fff;
}

.playersection .player-panel {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: black;
}

.playersection .player-panel .play-control {
  width: 100%;
  padding: 10px;
  background: #232222;
  color: white;
}

.playersection .player-panel .play-control a {
  color: #fff;
  margin-right: 15px;
  display: inline-block;
}

.playersection .player-panel .play-control a .fa {
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  margin-top: 4px;
}

.playersection .player-panel .play-control span {
  margin: 0px 7px;
  display: inline-block;
}

.module-section ul {
  overflow-x: hidden;
  overflow-y: scroll;
  height:71vh;
}

.module-section h3 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 20px;
  border-bottom: solid #d6d6d6 1px;
  padding-bottom: 10px;
      white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.module-section ul {
  margin: 0;
  padding: 0;
}

.module-section ul li {
  display: block;
     border-bottom: solid 1px #e6e6e6;
}

.module-section ul li a {
  display: block;
 padding: 10px 0px 10px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: gray !important;
}

.module-section ul li a .fa {
  margin-right: 10px;
  color: gray !important;
}

.module-section ul li a span .fa-play, .module-section ul li a span .fa-rotate-right, .module-section ul li a span .fa-pause {
  font-size: 15px;
  color: gray !important;
}

.module-section ul li.active a {
  color: #000 !important;
  background: rgba(165, 170, 184, 0.28);
  font-weight: bold;
}

.module-section ul li.active a .fa {
  color: #000 !important;
}

.course-button {
    display: none;
}


.module-section ul li a .count-page {
    display: inline-block;
    width: 25px;
    margin-right: 5px;
    text-align: right;
}

@media (max-width:600px) {
    .module-section ul li.active a {
  color: #fff !important;
}

     .module-section ul li {
  display: block;
     border-bottom:solid 1px rgba(255, 255, 255, 0.1);
}

.module-section ul li.active a .fa {
  color: #fff !important;
}

 .overlay {
		position:fixed; 
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.42);
		z-index: 3;
         left: 0px;
         top: 60px;
		
	} 

    .course-button {
    display: block;
    position:absolute;
    top:12px;
    right:15px;
    z-index:2;
        width: 27px;
    height: 27px;
    
}
    .mobile-view {
        position: fixed;
        left: 0;
        top: 60px;
        width: 240px;
        background: #011138;
        height: 100% !important;
        z-index: 10;
        -webkit-transform:translate(-240px); 
	    -webkit-transition:all ease .3s;
	    -moz-transition:all ease .3s;
	    -ms-transition:all ease .3s;
    }
    .nav-show {
        -webkit-transform: translate(0px);
        -webkit-transition: all ease .3s;
        -moz-transition: all ease .3s;
        -ms-transition: all ease .3s;
         height: 100% !important;
         overflow-y:scroll;
         overflow-x:hidden;
    }
    .playersection {
        margin: 0px ;
        height:81vh;
    }
}

@media (max-width:767px){
.container {
    width: 100%;
    max-width: 100%;
}
}


.thumb-view {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}

.thumb-view li {
  height: auto;
}

.list-view {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.list-view li {
  padding: 15px;
  height: 75px;
  background: #fff;
  border: solid 1px #f1f1f1;
  margin-bottom: 15px;
}

.list-view li .appliaction-form {
  margin: 0px;
  box-shadow: none;
  border: none;
}

.list-view li .thumb-img, .list-view li h5 {
  display: inline-block;
  vertical-align: middle;
}

.list-view li h5 {
  border: none !important;
  padding: 0px;
}

.list-view li .thumb-img {
  margin: 0px 10px 0px 0px;
  background: white;
}

.list-view li .thumb-img img {
  width: 35px;
  padding: 0px;
}

.list-view li .btn {
  float: right;
  margin-top: 0px;
}

 

md-dialog-container {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0;
}



#login-dialog {
  max-width: 90%;
  width: 500px;
}


@-webkit-keyframes three-quarters {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes three-quarters {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes three-quarters {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes three-quarters {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Styles for old versions of IE */
.btn-spinner {
  font-family: sans-serif;
  font-weight: 100; }

/* :not(:required) hides this rule from IE9 and below */
.btn-spinner:not(:required) {
  -webkit-animation: three-quarters 1250ms infinite linear;
  -moz-animation: three-quarters 1250ms infinite linear;
  -ms-animation: three-quarters 1250ms infinite linear;
  -o-animation: three-quarters 1250ms infinite linear;
  animation: three-quarters 1250ms infinite linear;
  border: 3px solid #8c8c8c;
  border-right-color: transparent;
  border-radius: 100%;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  width: 18px;
  height: 18px; }

.btn-spinner:not(:required) {
  margin-left: -22px;
  opacity: 0;
  transition: 0.4s margin ease-out, 0.2s opacity ease-out; }

.is-loading .btn-spinner {
  transition: 0.2s margin ease-in, 0.4s opacity ease-in;
  margin-left: 5px;
  opacity: 1;
  }

.btn {
  text-align: left; }


.section-heading {
    text-align: center;
    font-size: 28px;
}



/* CSS for Credit Card Payment form */
.credit-card-box .panel-title {
    display: inline;
    font-weight: bold;
}
.credit-card-box .form-control.error {
    border-color: red;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
}
.credit-card-box label.error {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}
.credit-card-box .payment-errors {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}
.credit-card-box label {
    display: block;
}
/* The old "center div vertically" hack */
.credit-card-box .display-table {
    display: table;
}
.credit-card-box .display-tr {
    display: table-row;
}
.credit-card-box .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
/* Just looks nicer */
.credit-card-box .panel-heading img {
    min-width: 180px;
}


.hint {
    left: 2px;
    right: auto;
    bottom: 7px;
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: grey;
}
/*****************Created by vaibhav******************/
ul.nav.navbar-nav.float-lg-right.float-md-right {
    /*margin-top: 30px;*/
}
.carousel-caption {
	right: 20%;
	text-align: left;
	left: 15%;
	top: 38%;
	padding-bottom: 30px;
}
.carousel-caption h1 {
	font-weight: 100;
	font-size: 50px;
	font-family: lato;
}
.carousel-caption p {
	line-height: 30px;
	margin-top: 20px;
}
.carousel-control.left {
	width: 5%;
}
.carousel-control.right {
	width: 5%;
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: 0;
	border: inherit;
	background-color: #FC3;
}
.carousel-indicators li {
	width: 15px;
	height: 15px;
	border-radius:50%;
	    max-width: 15px;
	border: 2px solid #fff;
}
.carousel-caption {
	right: 20%;
	text-align: left;
	left: 15%;
	top: 38%;
	padding-bottom: 30px;
}
.carousel-caption h1 {
	font-weight: 100;
	font-size: 50px;
	font-family: lato;
}
.carousel-caption p {
	line-height: 30px;
	margin-top: 20px;
}
.carousel-control.left {
	width: 5%;
}
.carousel-control.right {
	width: 5%;
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: 0;
	border: inherit;
	background-color: #FC3;
}
.carousel-indicators li {
	width: 15px;
	height: 15px;
	border-radius:50%;
	    max-width: 15px;
	border: 2px solid #fff;
}
.text-orange {
    color: #ffa302;
}
/****Create by vaibhav*****/
div#bs-example-navbar-collapse-1 {
	min-height: 115px;
}
.louisiana-header li a {
	font-size: 14px;
	color: #fff !important;
	text-transform: uppercase;
}
.louisiana-header li {
	margin-top: 45px;
	    padding-left: 18px;
}
.navbar-brand>img {
	margin-top: 0px;
}
.navbar-nav>li>a:focus, .navbar-nav>li>a:active {
	text-decoration: none;
	background-color: inherit;
	border-bottom: solid 3px #FC3;
}
.navbar-nav>li>a:hover {
	text-decoration: none;
	background-color: inherit;
}
.navbar-nav li a .active {
	border-bottom: solid 3px #FC3;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: inherit;
	border-color: #FFCC33;
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333 !important;
	white-space: nowrap;
}
.dropdown-menu li {
	margin: 20px 10px;
}
.page-header {
    border: inherit;
    margin-bottom: 50px;
    margin-top: 50px;
}
.services {
    border: solid 1px #ccc;
    margin-bottom: 20px;
    text-align: center;
    height: 425px;
    position: relative;
}
.services h2 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 15px auto;
	width: 80%;
}
.services p {
	padding: 0px 16px;
}
.primary-button {
	background: #00457c;
	    border-radius: 5px;
	color: #fff !important;
}
.primary-bdr-button {
	border: solid 1px #00457c;
	color: #00457c !important;
	background: #fff;
	 border-radius: 5px;
}
.services a {
	margin: 20px 0px;
    position: absolute;
    /* margin: 0 auto; */
    left: 27%;
    bottom: 10px;
}

.services a {
	margin: 20px 0px;
}
.featurette-heading {
	position: relative;
	font-size: 28px;
	margin: 50px 0px;
	display: inline-block;
}
.featurette-heading:after {
	content: '';
	position: absolute;
	left: -0;
	top: 100%;
	margin: 15px auto;
	width: 75px;
	height: 5px;
	background: #FFCC33;
}
.lead {
	font-size: 14px;
	line-height: 25px;
}
.featurette {
	padding-left: 110px;
	margin: 70px 0px;
	background: #f9f9f9;
	border-bottom: solid 1px #f1f1f1;
	border-top: solid 1px #f1f1f1;
}
.padding-remove {
	padding: 0px;
}
footer {
	background: #111111;
	color: #fefefe;
	padding: 30px 0px 0px;
}
footer h2 {
	position: relative;
	display: inline-block;
	color: #fff;
	padding-bottom: 15px;
	width: 100%;
	font-size: 18px;
	margin-bottom: 20px;
}
footer h2:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -12px;
	margin: 10px auto;
	width: 20%;
	height: 3px;
	background: #cf8605;
}
footer .usefull-link {
	padding: 0px;
}
footer .usefull-link li {
	list-style-type: none;
	position: relative;
	padding-left: 15px;
	line-height: 30px;
}
footer .usefull-link li a {
	color: #fefefe;
	    font-size: 15px;
	font-weight: 300;
}
footer .usefull-link li:after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f105";
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 30px;
	color: #b5b5b5;
}
footer .contact-us {
	list-style-type: none;
	padding: 0px;
}
footer .contact-us li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 20px;
	font-size: 14px;
}
footer .contact-us .address:after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f041";
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 18px;
	color: #fff;
}
footer .contact-us .phone:after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f095";
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 18px;
	color: #fff;
}
footer .contact-us .fax:after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f1ac";
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 18px;
	color: #fff;
}
footer .contact-us .direction:after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f279";
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 18px;
	color: #fff;
}
footer .contact-us .email:after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f0e0";
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 18px;
	color: #fff;
}
footer .social-icons {
	font-size: 17px;
}
footer .social-icons .fa {
	font-size: 17px;
	color:#5d5d5d;
	margin-right: 7px;
}
footer .social-icons a:hover {
	text-decoration: none;
}
footer .form-control {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #163e59;
	border: none;
	color: #06a8f3 !important;
}
box-shadow: none;
}
footer .copyright {
	background: #0e0e0e;
	padding: 20px 0px;
	margin-top: 30px;
}
footer h4 {
	font-size: 14px;
	line-height: 30px;
}
.privacy {
	padding: 0px;
	margin: 0px;
	float: right;
	list-style: none;
}
.privacy li {
	float: left;
}
.privacy li a {
	color: #fefefe;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding-left: 25px;
}
.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index:25;
	background-color: #343333;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
section.copyright {
	    font-size: 14px;
    padding: 25px 0px 20px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	 width: 50px; 
	 height: 50px; 
	 margin-top: -10px; 
	 font-size: 60px; 
}
@media screen and (max-width: 991px) {
.louisiana-header li a {
	padding: 10px 13px !important;
}
}
@media screen and (max-width: 767px) {
.louisiana-header li {
	margin-top: 10px;
}
.louisiana-header {
	width: 80%;
	background: #00457C;
	margin: 58px auto !important;
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff !important;
	white-space: nowrap;
}
.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
	background: none;
}
.carousel-caption {
text-align: center;
    top: 25%;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 52px;
	margin-right: 15px;
	margin-bottom: 31px;
	background: #fff;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.featurette {
	padding-left: 15px;
}
.carousel-caption h1 {
	font-weight: 100;
	font-size: 40px;
	font-family: lato;
}
}
.page-header{
	text-align:center;
}
.page-header h1{
font-size: 2.5rem;	
}
.navbar.navbar-dark .breadcrumb.active, .navbar.navbar-dark .navbar-nav .nav-item.active {
    background-color:inherit;
}
.navbar.navbar-dark .breadcrumb a:hover, .navbar.navbar-dark .navbar-nav .nav-item a:hover {
    transition:none;
    color: #fff;
}
.navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a{
	    text-transform: uppercase;
    font-size: 15px;
   padding: 10px 15px;
}
.dropdown-toggle::after {
    margin: 0px;
    border: inherit;
	color:#fff;
}
.dropdown-toggle .fa{
color:#fff;	
}
.dropdown .dropdown-menu .dropdown-item:hover {
    border-radius: 2px;
    color: #867D7D!important;
    transition: all .1s linear;
    box-shadow:none;
}

.navbar-nav>div>li>a:focus, .navbar-nav>div>li>a:active {
    text-decoration: none;
    background-color: inherit;
    border-bottom: solid 3px #FC3;
}

.btn-scroll {
    position: absolute;
    right: 25px;
    bottom: 65px;
    background: rgba(0, 0, 0, 0.7019607843137254);
    padding: 7px 15px;
    /* border: solid white 1px; */
    color: white;
}

.security-gurad {
    text-align: center;
    color: #000000;
    font-size: 30px;
    margin-bottom: 45px;
}
.security-gurad p {
    color: #000;
    font-size: 14px;
}

.heading-line {
    width: 140px;
    height: 3px;
    background: #e56925;
    margin: 0px auto 30px;
}


/*Our services*/

.box-purple {
    background: #8a74b9;
    border-radius: 5px;
    min-height: 430px;
	color:#FFFFFF;
}

.box-green {
    background: #4cb992;
    border-radius: 5px;
    min-height: 430px;
}

.box-blue {
    background: #3499e0;
    border-radius: 5px;
    min-height: 430px;
}

.box-orange {
    background: #ff942a;
    border-radius: 5px;
    min-height: 430px;
}

.box-alcart {
    background:#9e7e8e;
    border-radius: 5px;
    min-height: 500px;
}
    .box-alcart h5 {
       background: #6d5360 !important;
    }

.btn-alcart {
    background: #6d5360 !important;
    text-transform: capitalize;
    padding: 10px 30px;
    border-radius: 0px;
}

@media (max-width:576px) {

    .box-purple, .box-green, .box-blue {
        margin-bottom: 10px;
    }
}


.guard-services h5 {
    padding: 20px;
    text-align: center;
    color: #fefefe;
    font-size: 19px;
    background: #6e54a6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.guard-services {
    text-align: center;
    padding-bottom: 45px;
}

    .guard-services h3 {
        font-size: 42px;
        color: #fefefe;
        font-weight: bold;
        padding: 25px 0px 10px;
    }

    .guard-services p {
        font-size: 14px;
        color: #fefefe;
    }

.btn-purple {
    background: #6e54a6 !important;
    text-transform: capitalize;
    padding: 10px 30px;
    border-radius: 0px;
}

.btn-green {
    background: #3b9776 !important;
    text-transform: capitalize;
    padding: 10px 30px;
    border-radius: 0px;
}

.btn-blue {
    background: #1e7fc3 !important;
    text-transform: capitalize;
    padding: 10px 30px;
    border-radius: 0px;
}

.btn-orange {
    background: #bc7024 !important;
    text-transform: capitalize;
    padding: 10px 30px;
    border-radius: 0px;
}

.box-green h5 {
    background: #3b9776;
}

.box-blue h5 {
    background: #1e7fc3;
}

.box-orange h5 {
    background: #bc7024;
}

.txt-black {
    color: black;
}

.heading-course h5 {
    color: #000;
    font-size: 18px;
    border-bottom: solid 1px #e8e7e7;
    padding-bottom: 15px;
}

.courses-content h5 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0px 0px;
    border-bottom: none !important;
}

.courses-content p {
    color: #535353;
    font-size: 12px;
    font-weight: bold;
}

.courses-content {
    margin-top: 10px;
    display: block;
}

.security-gurad h4 {
    padding-bottom: 10px;
    font-size: 30px;
    margin: 50px 0px 15px;
}
.container-fluid h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.btn-primary-purple {
    background: #6e54a6 !important;
    color: #fff;
    border: 2px solid #6e54a691 !important;
    /* letter-spacing: 1px; */
    padding: 10px 25px;
    margin-top: 25px;
}



.package32 {
    border-left: solid 5px #1e7fc3 !important;
}

    .package32 .package-box span {
        background: #1e7fc3;
    }

    .package32 .btn-primary-purple {
        background: #1e7fc3 !important;
        border: solid 1px #1e7fc3 !important;
    }




.package8 {
    border-left: solid 5px #3b9776 !important;
}

    .package8 .package-box span {
        background: #3b9776;
    }

    .package8 .btn-primary-purple {
        background: #3b9776 !important;
        border: solid 1px #3b9776 !important;
    }


.renew-package {
    border-left: solid 5px #bc7024 !important;
}

    .renew-package .package-box span {
        background: #bc7024;
    }

    .renew-package .btn-primary-purple {
        background: #bc7024 !important;
        border: solid 1px #bc7024 !important;
    }

.package-box span {
    color: #fefefe;
    font-size: 16px;
    width: 100px;
    display: block;
    line-height: 100px;
    margin-top: 15px;
    text-align: center;
    height: 100px;
    border-radius: 50%;
    background: #6e54a6;
}

.package-box {
    border-right: solid 1px #ccc;
    margin-top: 10px;
}

.package-box3 span {
    color: #fefefe;
    font-size: 16px;
    width: 90px;
    display: block;
    line-height: 90px;
    margin: 0px auto;
    margin-top: 8px;
    text-align: center;
    height: 90px;
    border-radius: 50%;
    background: #6e54a6;
}

.package-box3 {
    border-right: none;
    margin-top: 10px;
}



.btn-primary-info {
    background: #636363 !important;
    color: #fff;
    border: 2px solid #636363 !important;
    letter-spacing: 1px;
    margin: 8px 0px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
}

.bg-white {
    background: #fff;
}
.package-box {
    border-right: solid 1px #ccc;
    margin-top: 10px;
}

.carrier p {
    margin-bottom: 0px;
    margin: 35px 0px 0px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 600;
}
.text-grey {
    color: #a0a0a0;
}

.carrier h4 {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-top: 35px;
}


.security-gurad {
    text-align: center;
    color: #000000;
    font-size: 30px;
    margin-bottom: 45px;
}

.carrier:last-child {
    margin: 30px 0px 50px;
}
.mg-tp-btm {
    margin-top: 0px !important;
    margin-bottom: 60px !important;
}
.carrier {
    border-left: solid 5px #6e54a6;
    display: table;
    margin: 30px 0px 0px;
}
.bg-grey {
    background: #EAEAEA;
}