.bg-warning1 {
              background:#17aea0;
               padding:8px;
              }
        .text-left span {
        color:#000;
        }
          
     .col-carousel {
	margin: 50px 0;
}
/* owl nav */
.owl-prev span, .owl-next span {
	color: #000;
}

.owl-prev span:hover, 
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
	position: absolute;
	top:    10;
	height: 100%;
}

.owl-prev {
	left: 7px;
}

.owl-next {
	right: 7px;
}

/* removing blue outline from buttons */
button:focus, button:active {
   outline: none;
}
.modal-content {
      background: -webkit-linear-gradient(to right, #ff416c, #ff4b2b);
    background: linear-gradient(to right, #ff416c, #ff4b2b);
}

 .modal-overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 50;
          background: rgba(0, 0, 0, 0.6);
        }
        .modal-guts {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          overflow: auto;
          padding: 1px 31px 40px 20px ;

        }
            .f-9 {
            font-size:11px;
            line-height:15px
            }
             .modal {
      /* This way it could be display flex or grid or whatever also. */
      border-radius:10px;
      display: block;
      /*width: 70%;
      max-width: 100%;*/
      height: 500px;
      width:800px;
      /*max-height: 100%;*/
      position: fixed;
      z-index: 100;
      left: 50%;
      top: 50%;
      /* Use this for centering if unknown width/height */
      -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
     background: -webkit-linear-gradient(to right, #ff416c, #ff4b2b);
    background: linear-gradient(to right, #ff416c, #ff4b2b);

       box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);
    }
                .model-body {
                /*border:1px solid #ccc;
                padding:10px 15px;*/
                }
         .close-button {
          /*position: absolute;*/
          /* don't need to go crazy with z-index here, just sits over .modal-guts */
          z-index: 1;
          bottom: 10px;
          margin-left:50%;
          text-align:center;
          flex-align:center;
          border: 0;
          background: black;
          color: white;
          padding: 7px 10px;
          font-size: 1.3rem;
        }

        .open-button {
          border: 0;
          position: absolute;
          top: 50%;
          left: 50%;
         -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          background: lightgreen;
          color: white;
          padding: 10px 20px;
          border-radius: 10px;
          font-size: 21px;
        }
        li {
            /* display: block;*/
             transition-duration: 0.5s;
            }
            .card {
            border-radius:0px !important;
            }

            li:hover {
              cursor: pointer;
            }

            ul li ul {
              visibility: hidden;
              opacity: 0;
              position: absolute;
              transition: all 0.5s ease;
              margin-top: 1rem;
              left: 0;
              display: none;
            }

            ul li:hover > ul,
            ul li ul:hover {
              visibility: visible;
              opacity: 1;
              display: block;
            }
        @import 'https://fonts.googleapis.com/css?family=Prompt:400,700';
         .modal {
          /* This way it could be display flex or grid or whatever also. */
         
          display: block;
          /*background:rgba(0,0,0,0.4);*/
          /*width: 70%;
          max-width: 100%;*/
          /*height: 700px;
          width:650px;*/
          /*max-height: 100%;*/
          /*position: fixed;*/
          /*z-index: 100;
          left: 50%;
          top: 50%;*/
          /* Use this for centering if unknown width/height */
          /*-webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);*/
          
           /*box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);*/
        }
         .modal-dialog {
                width: 800px;
               }
         .modal.in .modal-dialog {
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            -o-transform: translate(0,0);
            top:20%;
            /*transform: translate(-50%, -50%);
            top: 50%;
            left: 25%;*/
        }
        .closed {
          display: none;
        }
            .font-30 {
            font-size:30px;
            } @media (min-width: 1280px) and (max-width: 1300px) {
                  .wh {
                      display:none;
                  }
              }
               @media (min-width: 1346px) and (max-width: 1398px) {
                  .wh {
                      width:30px !important;
                      height: 30px  !important;
                  }
              }
              @media (min-width: 1521px) and (max-width: 1540px) {
                  .wh {
                      width: 50px;
                      height: 50px;
                  }
              }
            @media (min-width: 1300px) and (max-width: 1520px){
                  .wh {
              width:50px;
              height:50px;
              } 
                    hr {
                      padding-bottom: 10px;
                      border-top: 0px;
                  }
                }
              @media (min-width: 1347px) and (max-width: 1377px) {
                  .wh {
                      width: 45px;
                      height: 45px;
                  }

                  b {
                      font-size: 11px;
                  }
                  .f-11 {
                  font-size:10px;
                  }
                  hr {
                      padding-bottom: 0px;
                      border-top: 0px;
                  }
              }
              @media (min-width: 1289px) and (max-width: 1346px){
                  .wh {
              width:20%;
              height:20%;
              }
                  b {
                  font-size:11px;
                  }
                  hr {
                       padding-bottom: 0px;
                       border-top:0px;
                    }
                   
                }

              @media (min-width: 1257px) and (max-width: 1288px) {
                hr {
                       padding-bottom: 0px;
                       border-top:0px;
                    }
               .wh {
              width:30px;
              height:30px;
              }
                  b {
                  font-size:11px;
                  }
              }

              @media (min-width: 1200px) and (max-width: 1256px) {
               .wh {
              display:none;
              }
                hr {
                       padding-bottom: 0px;
                       border-top:0px;
                    }
                  .mt-5 {
                  margin-top:0px;
                  }
          
              }


               @media (min-width: 362px) and (max-width: 565px) {
                  .wh {
                      width: 100%;
                      height: 100%;
                  }
                   b {
                  font-size:12px;
                  font-weight:bold;
                  }
                  .float-right {
                  float:none;
                  text-align:center;

                  }
                  .f-11 {
                  font-size:10px;
                  font-weight:bold;
                  }
            
              }
              @media (min-width: 566px) and (max-width: 685px) {
                  .wh {
                      /*width: 20px;
                      height:20px;*/
                      display:none;
                  }
                   .float-right {
                  float:none;
                  text-align:center;

                  }
                   b {
                  font-size:12px;
                  }
                    .f-11 {
                  font-size:10px;
                  font-weight:bold;
                  }
            
              }
                @media (min-width: 685px) and (max-width: 764px){
                    .wh {
              width:50px;
              height:50px;
              }
                  b {
                  font-size:11px;
                  }
            
                   
                }

              @media (min-width: 400px) and (max-width: 1199px) {

                   hr {
                       padding-bottom: 0px;
                       border-top:0px;
                    }
              }



               @media only screen and (min-width : 1920px) {
                  .f-11 {
                  font-size:14px;
                  }

               }
              .w-50 {
              width:50%;
              }
                  .w-50 img {
                  float:left;
                  padding:1px;
           
                  }
                  .w-50 img {
                  float:left;
                  padding:1px;
           
                  }
              .w-50 span {
                      vertical-align:sub; 
                    font-size:12px;
                    font-weight:bold;
              }
                .w-50 span:hover {
                    color:orange;

              }
              .p-20 {
                    padding:20px;
              }
              .border-r5 {
              border-radius:5px 5px 0 0;
              margin-bottom:10px;
              background:rgba(255,255,255,0.5);
              }

           
            .mt-5 {
              margin-top:10px;
              text-align:left;
              }
              .heading {
              background-color:#008bbb;
              color:#fff;
            }
              .card {
              padding-bottom: 10px;
              }
              .col-container {
              display: table;
              width: 100%;
            }
            .col {
              display: table-cell;
              padding: 16px;
              box-shadow:0 0 2px 2px #ccc;
              width:25%;
           
            }
              .text-center {
              bottom:0px !important;
              }
              .heading1 {
                   background-color:#dc6800;
                   color:#fff;
                   padding:10px;
                   text-align:center;
              }
               .heading2 {
                   background-color:#1da0c9;
                   color:#fff;
                   padding:10px;
                   text-align:center;
              }
                .heading3 {
                   background-color:#bcc71d;
                   color:#fff;
                   padding:10px;
                   text-align:center;
              }
                 .heading4 {
                   background-color:#079197;
                   color:#fff;
                   padding:10px;
                   text-align:center;
              }
              .w-100 {
              width:100%;
         
              }
              .pl-0 {
              padding-left:0px;
              }
              .btn {
              padding:4px;
              border-radius:0px;
              }
              .f-11 {
              font-size:11px;
              }
               .newfooter {
            position: sticky;
            top: calc( 100% - 0px );
             }
              .btn-orange {
              background:#fe9531;
              color:#fff;
              }
              .wh {
              width:70px;
              height:70px;
              }
               .carousel-control 
            {
              padding-top:7%;
              width:5%;
            }
            .carousel-control.left {
            background-image: none !important;
            }


            .carousel-control.right {
            background-image: none !important;
            }
       
            .p-5 {
            padding:5px;
            }
              .text-primary{color:#b9ff0e !important;} 
            .modal-backdrop.in {
            filter: alpha(opacity=50);
            opacity: 0;
           }
        /*gallery */
        #profile-grid { overflow: auto; white-space: normal; }
        #profile-grid .profile { padding-bottom: 0px; }
        #profile-grid .panel { padding: 0 }
        #profile-grid .panel-body { padding: 15px }
        #profile-grid .profile-name { font-weight: bold; }
        #profile-grid .thumbnail {margin-bottom:6px;}
        #profile-grid .panel-thumbnail { overflow: hidden; }
        #profile-grid .img-rounded { border-radius: 4px 4px 0 0;}
        .text-primary {
            color: #d24728;
        }


        footer{
            font-family: 'Quicksand', sans-serif;
        }
        .theme-default a.nivo-prevNav {
   
            display: none;
        }
        .theme-default a.nivo-nextNav {
    
            display: none;
        }
              .mr-2 {
              padding-right:15px;
              }
              .mt-2 {
              margin-top:20px;
              }  .bg-danger1 {
              background:#b03663;
               padding:8px;
              }

               .bg-danger2 {
              background:#fc7845;
               padding:8px;
              }
                .bg-danger3 {
              background:#a01111;
               padding:8px;
              }
                 .bg-danger4 {
              background:#0d5684;
               padding:8px;
              }
                  .bg-danger5 {
              background:#2ec062;
               padding:8px;
              }
              .bg-b {
              background:beige;
                 /*height:530px;*/
        
              padding-right:0px;
              }
              .p-0 {
              padding:0px;
              }
              .bg-danger1 img{
              border-radius:50%;
         
              }
               .bg-danger2 img{
              border-radius:50%;
              }
                .bg-danger3 img{
              border-radius:50%;
              }

                 .bg-danger4 img{
              border-radius:50%;
              }
          
                  .bg-danger5 img{
              border-radius:50%;
              }
                  .bg-warning1 img{
              border-radius:50%;
              }
              hr {
                        padding-bottom:30px;
                }              .bg-warning1 {
              background:#17aea0;
               padding:8px;
              }

          /*  .fa {
            font: normal normal normal 24px/1 FontAwesome !important;
            }*/
            .f-20 {
            font-size:25px !important;padding-right:10px;
            }
                    .text-white1 {
                            color:#b92e04;
                            font-size:27px;
                            font-weight:700;
                    }
            .font-18 {
                font-size: 18px !important;
            }

            .w-100 {
                width: 100% !important;
            }

            .p-48 {
                padding: 14px 18px !important;
            }
            .p-login {
                padding: 10px 15px !important;
            }
            .d-none {
            display:none !important;
            }
            .mtb-50 {
                margin-top: 50px;
                margin-bottom: 60px;
            }
            .button-light {
                background: #bfca2a;
                color: #000;
                width:100%;
            }
            .button-enroll {
                background: #ffb819;
                color: #000;
                width:100%;
            }
            .p-40 {
                padding: 40px 0;
            }
            .thumb-logo{
                width: 100% !important;
                height: 69px !important;
            }

            .carousel {
                position: relative
            }

                .carousel.pointer-event {
                    touch-action: pan-y
                }

            .carousel-inner {
                position: relative;
                width: 100%;
                overflow: hidden
            }

                .carousel-inner::after {
                    display: block;
                    clear: both;
                    content: ""
                }

            .carousel-item {
                position: relative;
                display: none;
                float: left;
                width: 100%;
                margin-right: -100%;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                transition: transform .6s ease-in-out
            }

            @media (prefers-reduced-motion:reduce) {
                .carousel-item {
                    transition: none
                }
            }

            .carousel-item-next, .carousel-item-prev, .carousel-item.active {
                display: block
            }

                .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
                    transform: translateX(100%)
                }

                .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
                    transform: translateX(-100%)
                }

            .carousel-fade .carousel-item {
                opacity: 0;
                transition-property: opacity;
                transform: none
            }

                .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
                    z-index: 1;
                    opacity: 1
                }

            .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
                z-index: 0;
                opacity: 0;
                transition: opacity 0s .6s
            }

            @media (prefers-reduced-motion:reduce) {
                .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
                    transition: none
                }
            }

            .carousel-control-next, .carousel-control-prev {
                position: absolute;
                top: 0;
                bottom: 0;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 15%;
                padding: 0;
                color: #fff;
                text-align: center;
                background: 0 0;
                border: 0;
                opacity: .5;
                transition: opacity .15s ease
            }

            @media (prefers-reduced-motion:reduce) {
                .carousel-control-next, .carousel-control-prev {
                    transition: none
                }
            }

            .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
                color: #fff;
                text-decoration: none;
                outline: 0;
                opacity: .9
            }

            .carousel-control-prev {
                left: 0
            }

            .carousel-control-next {
                right: 0
            }

            .carousel-control-next-icon, .carousel-control-prev-icon {
                display: inline-block;
                width: 2rem;
                height: 2rem;
                background-repeat: no-repeat;
                background-position: 50%;
                background-size: 100% 100%
            }

            .carousel-control-prev-icon {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
            }

            .carousel-control-next-icon {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
            }

            .carousel-indicators {
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 2;
                display: flex;
                justify-content: center;
                padding: 0;
                margin-right: 15%;
                margin-bottom: 1rem;
                margin-left: 15%;
                list-style: none
            }

                .carousel-indicators [data-bs-target] {
                    box-sizing: content-box;
                    flex: 0 1 auto;
                    width: 30px;
                    height: 3px;
                    padding: 0;
                    margin-right: 3px;
                    margin-left: 3px;
                    text-indent: -999px;
                    cursor: pointer;
                    background-color: #000;
                    background-clip: padding-box;
                    border: 0;
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    opacity: .5;
                    transition: opacity .6s ease
                }

            @media (prefers-reduced-motion:reduce) {
                .carousel-indicators [data-bs-target] {
                    transition: none
                }
            }

            .carousel-indicators .active {
                opacity: 1
            }

            .carousel-caption {
                position: absolute;
                right: 15%;
                bottom: 1.25rem;
                left: 15%;
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
                color: #fff;
                text-align: center
            }

            .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
                filter: invert(1) grayscale(100)
            }

            .carousel-dark .carousel-indicators [data-bs-target] {
                background-color: #000
            }

            .carousel-dark .carousel-caption {
                color: #000
            }
.phone .fa {
    font-size: 14px !important;
    margin-right:5px;
}
.email .fa {
    font-size: 14px !important;
    margin-right: 5px;
}