#top{background-color:#220f6b;height:15px;}
#email i{color:red;}
#email{font-family: Georgia,serif;}
#phone i{color:red;}
.icons a{
    display: block;
    position: relative;
    height: 39px;
    width: 3em;
    line-height: 3em;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    text-align: center;
    border: 2px solid blue;}
    .icons a i{font-size: 18px;}
    .icons{margin-top: -24px;}
    .icons .instagram5{border-color:#8a3ab9;}
    .icons .youtube{border-color:#FF0000;}
    .facebook5:hover{background-color: #337ab7;color:#fff;transition: .5s;border-color: red;}
     .instagram5:hover{background-color: #E84522;color:#fff;transition: .5s;border-color: red;}
      .youtube:hover{background-color: red;color:#fff;transition: .5s;border-color: blue;}

#menu-header{background-image: linear-gradient(to right, #220f6b , #da251d);}
#navtext ul li a{color:white;letter-spacing: 2px;border-right: solid 1px white;}
#navtext ul li a:hover{background-color:  #220f6b;}
#navicon{height:20px !important;}
/*
-----------caro---------*/
#myCarousel{margin-top: -21px;}
#myCarousel .carousel-indicators li {border: 2px solid #220f6b; background-color:white;width: 16px;
    height: 16px;}
#myCarousel .carousel-indicators .active{background-color:red;width: 16px;
    height: 16px;}
.owl-nav{display:none;}    
.reponsive{width:4%;}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

#topcaro .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
/*---------------*/
#about{margin-top: 30px;margin-bottom: 60px;}
.heading{font-family: Georgia,serif; letter-spacing: 1px;color:#220f6b;}
#tech{color:#da251d;}
#hr{background-image: linear-gradient(to right, #220f6b , #da251d);
    bottom: 0;
    height: 4px;
    width: 106px;}
 .hr{margin-top: 5px; margin-bottom: 20px;}
.text-center{font-size: 16px;color: gray; font-family: Georgia,serif;letter-spacing: 1px}
.about_paragraph{ font-size: 16px;color: gray; font-family: Georgia,serif;letter-spacing: 1px;margin-top: 20px;}
.text-center:hover{color:black;}
.about_paragraph:hover{color:black;}
#missiohead{color:#da251d;font-size: 20px;}
#btn{background-color: #220f6b;font-family: inherit;
    border: none;
    color: #FFFFFF;
    font-size: 15px;padding: 7px;
    width: 150px;
    transition: all 0.5s;
    }
    .borderstyle{border:3px solid lightgray; padding: 2px;}
   .navbar-collapse.in {
    overflow-y:unset!important;}
/*.paraimg{box-shadow: 0 0px 9px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);margin-top: 2px;}*/
  /*---------------product-------------*/
   .heading2{font-family: Georgia,serif; letter-spacing: 1px;color:#220f6b;}

               
/*------------------footer----------------*/
.footer {
    background-color: #000000;}
#hr2{
    height: 4px; position: absolute;left: 50%;
    margin-left: -25px;background-image: linear-gradient(to right, #220f6b , #da251d);}
.hr2{margin-top: 5px;margin-bottom: 5px;}
.footerp{color:white;letter-spacing: 1px;letter-spacing: 1px;}
.footerp hover{color:#da251d;}
.quick{color:white;letter-spacing: 1px;}
.contact .text-center{color:white;}
.footphone{width:6%;}
.powered{color:white;letter-spacing: 1px;}
.powered a{color: #da251d;letter-spacing: 1px;}
.powered a:hover{color: #da251d;}
.subfooter{color:white;margin-bottom: 30px;margin-top: 30px;letter-spacing: 1px;}
.contact h4, .contact p{color: white;letter-spacing: 2px;    margin-bottom: -15px;margin-top: 35px;}
#FooterHeding{margin-top: 30px;margin-bottom: 30px;color:white;letter-spacing: 2px;}
.quickLinks a{text-decoration:none;color:white;letter-spacing: 2px;}
.quickLinks .fa-hand-o-right{color: white;}
.quickLinks a:hover{color: #da251d;text-decoration: none;letter-spacing: 2px;}
#footerlogo{height: 104px;}
hr{width:75px;margin-left: 4px;}
#subfooterhr{width:100%;}
#locationicon i {color:#da251d;font-size:20px;height: 20px;}
/*------------------multi----------------*/
.ol-carousel{margin-bottom: 60px;}



/*go to top*/
#button {
  display: inline-block;
  background-color:  #da251d;
  width: 40px;
  height: 42px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 83px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

.navbar-default .navbar-toggle {
    border: unset !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent !important;
}
.powered{float:right;}
/*mobile view css*/
@media(max-width:768px){
.mobilenone{display:none;}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}
.subfooter{text-align: center;}
.powered{float:unset !important;}
}

/*----------model------*/
.modal-header{background-image: linear-gradient(to right, #220f6b , #da251d);color:white;letter-spacing: 1px; font-family: Georgia,serif;}
.modal-header .close{color:white;}
.close{opacity: 1.2 !important;}
.input-group-addon:first-child {color: #220f6b; }
.modal-body .modelfield{ font-family: Georgia,serif;letter-spacing: 2px;}
.submit{
    color: #fff !important;
    background-color: #da251d;
    border-color: #da251d !important;font-family: Georgia,serif;letter-spacing: 1px;}
 
.back{
    color: #fff !important;
    background-color: #220f6b;}

.navbar {
    border-radius: 0px !important;
    border:none !important;
}