﻿
body, html {
    /*font-family : Verdana !important;
    font-family : sans-serif !important;*/
    font-family: 'Lato', Calibri, Arial, sans-serif !important;
    font-size: 18px;
}
/*.dropdown:hover>.dropdown-menu, .dropdown-item:hover>.dropdown-menu {
  display: block;
}*/

.text-shadow {
    text-shadow: 2px 2px #9d1c33 !important;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.h2, h2 {
    font-size: 150% !important;
}

.h3, h3 {
    font-size: 145% !important;
}

.h4, h4 {
    font-size: 110% !important;
}

a {
    /*color: #17a2b8;*/
    color: #047182;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#captcha {
    background: #0099be;
    padding: 5px 10px;
    max-width: 80px;
    max-height: 40px;
    color: #fff !important;
    font-size: 110% !important;
    letter-spacing: 4px;
    background-image: radial-gradient(#f3f3f3 1px, transparent 0);
    background-size: 3px 3px;
    background-position: -19px -19px;
}

.container-fluid {
    background: aliceblue !important;
}

.pre-header {
    color: #fff !important;
    padding: 3px 0px !important;
    border-bottom: 3px solid #007a98 !important;
    background: #01181d !important;
}

.logo-header {
    color: #fff !important;
    background: #023744 !important;
}


.cursor-pointer {
    cursor: pointer !important;
}

.img-emblem {
    max-height: 90px !important;
}

.navbar {
    padding: 0px 1rem !important;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff !important;
    background: #006b85 !important;
    /*background: #023744 !important;*/
}

.navbar-dark .navbar-nav .nav-link:hover {
    background: #023744 !important;
    color: #fff !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background: #023744 !important;
}

.carousel-inner {
    width: 100%;
    height: auto;
    max-height: 450px !important;
}
.carousel-item {
  height: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/*.carousel-item img {
    height:auto !important;
}*/

caption {
    padding: .75rem !important;
}

.cursor {
    cursor: pointer !important;
}

hr.style1 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #007a98, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #007a98, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #007a98, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #007a98, #f0f0f0);
}

.heading-embossed {
    text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
    color: #023744;
}

.engraved {
    font-size: 20px;
    font-family: Futura;
    background-color: #007a98;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(245,245,245,0.5) 3px 5px 1px;
}

.pluses-right {
    /*padding: 4px !important;
    float: left;*/
    border: 1.5px solid;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #023744 48%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.pluses-left {
    /*padding: 4px !important;
    float: right;*/
    border: 1.5px solid;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #023744 48%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.content p::first-letter {
    /*font-size: 200%;
    margin: 0 10px 7px;
    float: left;*/
}

.award-thumbnail {
    background-color: #f2d338 !important;
    border: 1px solid #f2d338 !important;
}

.text-blue {
    color: #007a98 !important;
}

.img-cm {
    max-width: 120px !important;
    width: 120px !important;
    height: 130px !important;
}

/*brn home page counter start*/
.counter {
    background-color: #f5f5f5;
    padding: 10px 0 0 0;
    border-radius: 5px;
    /*height: 100% !important;*/
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-size-2x {
    font-size: 200% !important;
    margin: 0 auto;
    float: none;
    display: table !important;
    color: lightgray;
}

.fa-3x {
    margin: 0 auto;
    float: none;
    display: table !important;
    color: #007a98;
}
/*.div-table{
    width : 100% !important;
    display : table !important;
}
.div-table-cell{
    display : table-cell !important;
}
/*brn home page counter end*/

/**gallery image css start  
ul.gallery{    
margin-left: 3vw;     
margin-right:3vw;  
}    
    **/
.zoom {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    max-height: 70px !important;
}

    .zoom:hover,
    .zoom:active,
    .zoom:focus {
       
        -ms-transform: scale(5);
        -moz-transform: scale(5);
        -webkit-transform: scale(5);
        -o-transform: scale(5);
        transform: scale(5);
        position: relative;
        z-index: 100;
    }
/** {
    box-sizing: border-box;
}
.zoom {
    padding: 50px;
    background-color: #F2D338;
    transition: transform .2s;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

    .zoom:hover,
    .zoom:active,
    .zoom:focus {
        -ms-transform: scale(1.5); /* IE 9 */
        -webkit-transform: scale(1.5); /* Safari 3-8 */
        transform: scale(1.5);
    }*/

.img-logo-bottom {
    max-height: 60px !important;
}
img.img-thumbnail:hover {
    padding: 1px !important;
}
/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/
@media only screen and (max-width: 768px) {
    
    ul.gallery {
        margin-left: 15vw;
        margin-right: 15vw;
    }

    /**TIP: Easy escape for touch screens,
give gallery's parent container a cursor: pointer.**/
    .DivName {
        cursor: pointer;
    }
}

/**gallery image css end**/
.visitor {
    border: 2px solid;
    background-color: #007a98;
    color: #fff;
    border-radius: 15px;
    margin: 0 auto;
    /*width: 200px;*/
    text-align: center;
    vertical-align: middle;
    padding: 2px 10px;
    font-size: 100% !important;
}

.digifont {
    font-family: 'digitalfonts';
    src: url('fonts/DS-DIGIB.TTF');
    font-size: 160%;
}

/*ol, ul, ol ol, ol ul, ul ol, ul ul {
    list-style: none !important;
}*/

p {
    text-align: justify !important;
}

label {
    font-weight: bold !important;
    font-size: 80% !important;
}
/*.form-group {
  position: relative;
  margin-bottom: 1.5rem;
}

.form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder,
.form-control:active + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -100%, 0) !important;
  opacity: 1;
}*/

.services li {
    width: calc(32.5% - 13px);
    margin: 5px;
}

    .services li a {
        color: #fff;
        display: block;
        font-size: 1em;
        padding: 10px;
        font-weight: normal;
    }


        .services li a span.icon {
            display: table-cell;
            width: 50px;
            height: 50px;
            vertical-align: middle;
            text-align: center;
            border-radius: 50%;
        }

        .services li a span.text {
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px;
        }

ul.list-style-square {
    list-style-type: square !important;
    list-style: square !important;
}

.quick-link li {
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
}

/*color css*/
.bg-black {
    background: #000 !important;
}

.bg-blue-light {
    /*background: #24B1D4 !important;*/
    background: #0099be !important;
}

.bg-blue {
    background: #007a98 !important;
}

.bg-blue-dark {
    background: #036077 !important;
}

.bg-blue-gradiant {
    background: rgb(2,44,55);
    background: linear-gradient(90deg, rgba(2,44,55,1) 0%, rgba(3,96,119,1) 35%, rgba(0,212,255,1) 100%);
}

.bg-bluelight {
    background: lightblue !important;
}

.bg-orange-light {
    background: #E97F49 !important;
}

.bg-orange {
    background: #FF5733 !important;
}

.bg-orange-dark {
    background: #CD3E1F !important;
}

.bg-orange-gradiant {
    background: rgb(106,32,0);
    background: linear-gradient(90deg, rgba(106,32,0,1) 0%, rgba(254,70,30,1) 35%, rgba(235,94,24,0.8379726890756303) 100%);
}

.bg-green-light {
    background: #4ED84E !important;
}

.bg-green {
    background: #1E991E !important;
}

.bg-green-dark {
    background: #056605 !important;
}

.bg-green-gradiant {
    background: rgb(2,46,2);
    background: linear-gradient(90deg, rgba(2,46,2,1) 0%, rgba(13,112,13,1) 35%, rgba(60,218,60,1) 100%);
}


.bg-gray {
    background: #888787 !important;
}

.bg-gray-dark {
    background: #737373 !important;
}

.bg-brown-light {
    background: #CB9340 !important;
}

.bg-brown {
    background: #A3680F !important;
}

.bg-brown-dark {
    background: #87550A !important;
}
.bg-teal {
    background: #019587 !important
}

.bg-teal-dark {
    background: #026e65 !important
}

.bg-brown-gradiant {
    background: rgb(42,28,6);
    background: linear-gradient(90deg, rgba(42,28,6,1) 0%, rgba(115,71,6,1) 35%, rgba(190,123,23,1) 100%);
}

.bg-blue-dotted {
    background: white;
    background-image: radial-gradient(#007a98 1px, transparent 0);
    background-size: 3px 3px;
    background-position: -19px -19px;
    padding: 2rem 0px !important;
}

.bg-blue-gradient {
    background: linear-gradient(to bottom, white, #007a98);
}

.bg-blue-radial {
    background: radial-gradient(80% 40%, #007a98, white);
}
.bg-purple {
    background: #67326f;
}

.bg-purple-dark {
    background: #45214A;
}
.bg1 {
    background: #F2D338 !important;
}

.bg2 {
    background: #80F2E7 !important;
}

.bg3 {
    background: #80F2E7 !important;
}


/*color css end*/

/*logo slider*/
h2 {
    text-align: center;
    padding: 20px;
}

h4 {
    text-align: center;
}

.ul-logo li {
    width: 24% !important;
    text-align: center !important;
}

    .ul-logo li img {
        max-height: 60px !important;
    }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1280px !important;
    }
}

/****title css start****
.title h1 {
    text-transform: uppercase;
}

.title h1, h2 {
    color: RGB(54, 76,167);
    text-align: center;
    line-height: 1.5;
    position: relative;
    text-decoration: none;
}

.title h1::after, h2::after {
    content: "";
    width: 20%;
    height: 2px;
    background-color: RGB(54, 76,167);
    position: absolute;
    bottom: 0;
    right: 40%;
    margin-right: -0.5%;
}
*/
h1, h2 span.title {
    text-transform: uppercase;
    color: #023744;
    text-align: center;
    line-height: 1.5;
    position: relative;
    text-decoration: none;
}

    h1 span.title::after, h2 span.title::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #023744;
        position: absolute;
        bottom: 0;
        right: 0%;
        margin-right: -0.5%;
    }

.title {
    text-transform: uppercase;
    color: #023744;
    text-align: center;
    line-height: 1.5;
    position: relative;
    text-decoration: none;
}

    .title::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #023744;
        position: absolute;
        bottom: 0;
        right: 0%;
        margin-right: -0.5%;
    }
/*****title css end*****/
.form-control {
    /*background-color: rgba(0, 0, 0, 0.1) !important;*/
    border: 1px solid #007a98 !important;
}

    .form-control:focus {
        /*background-color: rgba(0, 0, 0, 0.1) !important;
    border:none !important;*/
        box-shadow: none !important;
        border-color: #006b85 !important;
    }

.form-group label {
    margin: 0 0 10px;
    color: #007a98 !important;
    line-height: 1;
    text-transform: uppercase;
    /* letter-spacing: .2em; */
}

input[type="radio"] + label {
    margin-left: 6px;
}

.text-transform-none, .text-transform-none label {
    text-transform: none !important;
}

.text-primary {
    color: #007a98 !important;
}

.dropdown-menu {
    min-width: 13rem !important;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}

.btco-menu li > a {
    padding: 10px 15px;
    color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus,
.navbar > .show > a:focus {
    background: transparent;
    outline: 0;
}


.dropdown-menu .show > .dropdown-toggle::after {
    transform: rotate(-90deg);
}

.footer-top {
    border-top: 3px solid #023744 !important;
    background: aliceblue !important;
}

.footer {
    background: #023744 !important;
}


/*callout css*/
.callout {
    padding: 10px 20px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: #fff !important;
}

    .callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code {
        border-radius: 3px;
    }

    .callout + .bs-callout {
        margin-top: -5px;
    }

.callout-default {
    border-left-color: #777;
}

    .callout-default h4 {
        color: #777;
    }

.callout-primary {
    border-left-color: #428bca;
}

    .callout-primary h4 {
        color: #428bca;
    }

.callout-success {
    border-left-color: #5cb85c;
}

    .callout-success h4 {
        color: #5cb85c;
    }

.callout-danger {
    border-left-color: #d9534f;
}

    .callout-danger h4 {
        color: #d9534f;
    }

.callout-warning {
    border-left-color: #f0ad4e;
}

    .callout-warning h4 {
        color: #f0ad4e;
    }

.callout-info {
    border-left-color: #023744;
}

    .callout-info h4 {
        color: #023744;
    }

.callout-bdc {
    border-left-color: #29527a;
}

    .callout-bdc h4 {
        color: #29527a;
    }
/*callout css end*/
/*sub headeing*/
.sub-heading {
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(0,122,152,0.3) 50%, rgba(0,122,152,0.5) 100%);
    padding-left: 10px !important;
}
/*sub heading end*/

.btn-group label {
    margin: 0;
}

.form-check label {
    text-transform: none !important;
}

.form-control, .input-group {
    width: 100%;
    min-width: 100px !important;
}

th {
    font-size: 90% !important;
    text-transform: uppercase !important;
}

.form-control:disabled, .form-control[readonly], .btn.disabled, .btn:disabled {
    cursor: not-allowed !important;
}

.nav-tabs {
    border-bottom: 4px solid #007a98;
}

    .nav-tabs .nav-item {
        margin-bottom: 0px;
    }

    .nav-tabs .nav-link {
        border: 1px solid #007a98 !important;
        color: #495057;
    }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            border: 0;
            border-bottom: 4px solid #023744 !important;
            margin-bottom: -4px;
            color: #023744;
        }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border: 0;
            border-bottom: 4px solid #023744 !important;
            margin-bottom: -4px;
        }

.counterData {
    font-family: 'digitalfonts', 'digitalfonts_ie', Arial, Helvetica, sans-serif; /*font-size: 70px;*/
    color: #fff;
   
    text-align: center !important;
    line-height: 40px;
    /*padding: 20px;*/
}

.counter_heading {
    font-size: 115%;
    padding: 3px;
    color: #FFF;
}

/*tabs start*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #007a98 !important;
    color: #fff;
}
/*tabs end*/

.textshadow {
    text-shadow: 1px 0px 1px #ccc, 0px 1px 1px #eee, 2px 1px 1px #ccc, 1px 2px 1px #eee, 3px 2px 1px #ccc, 2px 3px 1px #eee, 4px 3px 1px #ccc, 3px 4px 1px #eee, 5px 4px 1px #ccc, 4px 5px 1px #eee, 6px 5px 1px #ccc, 5px 6px 1px #eee, 7px 6px 1px #ccc;
}

/*back to top scroll css start*/
#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #3498db;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

    #scroll span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -8px;
        margin-top: -12px;
        height: 0;
        width: 0;
        border: 8px solid transparent;
        border-bottom-color: #ffffff;
    }

    #scroll:hover {
        background-color: #126376 !important;
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)";
        border: none !important;
    }
/*back to top scroll css end*/
.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}
.btn-download {
    background: #007a98 !important;
    border-color: #006b85 !important;
}
.btn-download:hover {
    background: #006b85 !important;
}

@media (max-width:590px) {
    
    .form-control, .input-group {
        width: 100% !important;
    }

    .carousel-item img {
        height: auto !important;
    }

    .services li {
        width: calc(48.5% - 13px);
        margin: 5px;
    }

    .h2, h2 {
        font-size: 150% !important;
    }

    .h4, h4 {
        font-size: 120% !important;
    }
}

@media (max-width:890px) {
    .services li {
        width: calc(48.5% - 13px);
        margin: 5px;
    }
}
