.logo {
    width: 116px;
    height: 55px;
    background: url(../images/logo1.png) no-repeat center;
    background-size: cover;
}

/* TEMPLATE STYLES */
/* Necessary for full page carousel*/

html,
body {
    height: 100%;
}
/* Navigation*/

.navbar {
    background-color: transparent;
}

.top-nav-collapse {
    background-color: #304a74;
}

footer.page-footer {
    background-color: #304a74;
}

@media only screen and (max-width: 768px) {
    .navbar {
        /*background-color: #4285F4;*/
    }
}

.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;
}
/* Carousel*/

.carousel {
    height: 70%;
}

@media (max-width: 776px) {
    .carousel {
        height: 100%;
    }
}

.carousel-item{
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.carousel-inner {
    height: 100%;
}
/*Caption*/

.flex-center {
    color: #fff;
}

.navbar .btn-group .dropdown-menu a:hover {
    color: #000 !important;
}

.navbar .btn-group .dropdown-menu a:active {
    color: #fff !important;
}

.nav-link{
    color: orange;
}

.nav-link:hover{
    color: white;
}

.navbar-toggler-icon{
    background-color: #ff6600;
}

.card>.view>img{
    /*width: 256px;*/
    width: 100%;
    /*height: 250px;*/
	height: 324px;
}

.d-flex {
    display:flex;
}

.fa-1x {
    font-size: 1.5rem;
}
.navbar-toggler.toggler-example {
    cursor: pointer;
}
.dark-blue-text {
    color: #0A38F5;
}
.dark-pink-text {
    color: #AC003A;
}
.dark-amber-text {
    color: #ff6f00;
}
.dark-teal-text {
    color: #004d40;
}

.p{
    text-align:justify!important;
}

.o{
    box-shadow: none!important;
    transition-duration: 0.5s;
}

.o:hover{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)!important;
    z-index:9;
}

/* back to top */

.back-to-top {
    background: none;
    margin: 0;
    position: fixed;
    /*bottom: 95px;*/
    bottom: 14px;
    right: 7px;
    width: 50px;
    height: 42px;
    z-index: 100;
    display: none;
    text-decoration: none;
    /* color: #ffffff; */
    /* background-color: #ff7043; */
    padding: 0 5px;
    display: none;
    color: orangered;
}


.back-to-top i {
  font-size: 60px;
}

/* /back to top */

.hy-5{
    margin-top: 130px;
}

.nav-bg{
    background-color: #304a74;
}

/*@media all and (min-width: 601px) {
    .img-container {
        max-width: 100%;
        background-size: 100%;
    }
}*/
@media all and (max-width: 600px) {
    .img-container {    
        width: 100%;
        height: 125px;
    }
}

.large{
    font-size: 1.5em;
}

/*Captcha*/
.captcha{
    background-image:url(../images/captcha.jpg); 
    text-align:center; 
    border:none;
    font-weight:bold; 
    font-family:Modern;
    font-size: 1.9em !important;
}

#txtCaptcha{
    display: block;
    position: unset;
}

#txtCaptcha:after{
    content:'\A';
    white-space:pre;
}

/* product animation */
@keyframes my-animation {        
  from {
    opacity : 0;
    top : 0px;
  }
  to {
    opacity : 1;
    left : 0;
  }      
}

.run-animation {
  position: relative;
  animation: my-animation 2s ease;
}


/*customer*/
 .img{
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 5px;
    right: 13px;
    background: url('../images/girl-callcenter.png') center center;
    background-size: cover;
}
.ripple{
    width:65px;
    height:65px;
    border-radius: 50%;
    background-color: #0094ff;
    position: absolute;
    top: -4px;
    left: -6px;
    background: transparent;
    border: 3px solid #ff2670;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: .3s all ease;
    transition: .8s all ease;
    opacity: 1;
    cursor: pointer;
    -webkit-animation: 1.5s rippling 1;
    animation: 1.5s rippling 1;
    animation-iteration-count: infinite;            
}        

@-webkit-keyframes rippling {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    10% {                
        transform: scale(1.1);
        opacity: 0.9;
    }

    20%{
        transform: scale(1.12);
        opacity: 0.8;
    }

    30% {
        transform: scale(1.13);
        opacity: 0.7;
    }
    40% {
        transform: scale(1.14);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.15);
        opacity: 0.5;
    }
    60% {
        transform: scale(1.16);
        opacity: 0.4;
    }
    70% {
        transform: scale(1.17);
        opacity: 0.3;
    }
    80% {
        transform: scale(1.18);
        opacity: 0.2;
    }
    90% {
        transform: scale(1.19);
        opacity: 0.1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.abt{
    margin-bottom: 1.2em;
}

.card{
    margin-bottom: 5px;
}

.card-title{
    font-size: 1.5rem;
    font-weight: 400;
}

.no-cursor{
    cursor: default;
}