body{
  overflow-x:hidden;
  font-family: 'Open Sans',sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Times New Roman', Times, serif;
  font-weight: 700;
  line-height: 1.42857143;
}
ul{
  list-style:none;
  margin:0px;
  padding:0px;
}
p{
  font-family: 'Open Sans',sans-serif;
}
::selection {
    background: #333;
    color: #fff;
    text-shadow: none;
}
.topbar{
  background-color:#fff;
  height:auto;
  line-height:37px;
}
.topbar .display{
  display:block;
  margin:auto;
}
.topbar p,.topbar a{
  color:#800c0c;
}
.topbar a:hover{
  color:#000;
  text-decoration:none;
}
.topbar a i{
  color:white;
  font-size:25px;
  margin:0px 10px;
  line-height:58px;
}
.topbar span,.topbar span a{
  font-size:20px;
  color:#fff;
  animation: lefticon 2s infinite;
  background-color:#000;
  padding:10px;
}
.topbar span a:hover{
  color:#800c0c!important;
}
.topbar .fa-phone-volume,footer .float2 .fa-phone-volume{
  transform: rotate(-40deg);
}
.navbar-brand{
  padding-top:0px!important;
  padding-bottom:0px!important;
}
.navbar-brand img{
  width:120px;
}
.navbar{
  border-top:1px solid #800c0c;
  border-bottom:1px solid #800c0c;
  background-color:#000;
  z-index:1;
}
.nav-link{
  color:#fff;
  padding: 10px 15px!important;
}
.nav-item{
  margin:0px 8px;
}
.nav-link:hover{
  color:#800c0c;
}
.dropdown-menu{
  border:none!important;
  border-radius:0px!important;
  padding: 0px!important;
  animation:top 0.5s ease;
}
@keyframes top{
    0% {margin-top:70px;}
    100% {margin-top:0px;}
  }

}
.dropdown-item{
  background-color:#fff!important;
}
.dropdown-item:hover {
    color: #ffffff!important;
    text-decoration: none;
    background-color: #800c0c!important;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 8px;
    left: 100%;
    margin-top:-6px;
}
.dropdown-submenu .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position:absolute!important;
    right:8px!important;
    top:14px!important;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 
.btn1{
  margin:0px 50px;
  border-radius:30px!important;
  background-color:#fff!important;
  color:#800c0c!important;
}
.btn2{
  background-color:#fff!important;
  color:#fb0606!important;
  line-height:20px!important;
  border-radius:0px!important;
  padding:13px 13px!important;
}
.btn1:hover,.btn2:hover{
  background-color:#000!important;
  color:#fff!important;
  transition:2s;
}
.mrb{
  margin-top:100px;
}
.head h2 span,.card1 h5 span,.card2 h3 span,.client h2 span,.footerforst h4 span,.firstpart h3 span{
    color:#800c0c;
}
.client h2,.footerforst h4{
  color:#fff;
}
.firdiv h3{
  color:#fff;
  padding:0px 50px;
}
.head p{
  font-size:18px;
  text-align:center;
}
.progress-bar {
  width: 0;
  animation: progress 1.5s 5 ease-in-out forwards;
  background-color:#000!important;
}  
@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
} 
.firdiv{
  background-color:#800c0c;
  color:#fff;
  padding:50px 100px;
}
.firdiv p{
  margin-top:-17px;
  padding:0px 50px;
}
.secdiv{
  background-color:#f1f1f1!important;
  padding:50px 100px;
}
.owl-nav{
  text-align:center;
}
.owl-nav .owl-prev span,.owl-nav .owl-next span{
  font-size:40px;
  color:#800c0c!important;
}
.owl-nav .owl-prev:focus,.owl-nav .owl-next:focus{
  outline:0px!important;
  border:transparent!important;
}
footer{
  background-image:url(../img/clientbg.jpg);
  width:100%;
  background-color:#fafafa;
  color:#fff!important;
}
.bg{
  background-color: rgba(17,17,17,.9);
  padding-top:50px;
}
footer ul li{
  border-bottom: 1px dashed #404040;
  padding:8px 0px;
}
footer p,.footerforst h4{
  border-bottom: 1px dashed #404040;
}
footer a{
  color:#fff;
}
footer a:hover,.copyright a:hover{
  color:#800c0c;
  text-decoration:none;
}
.copyright{
  background-color:rgba(0,0,0,0.7);
  padding:20px;
}
.copyright u{
  border-bottom: 1px dashed #800c0c;
}
.copyright p{
  text-align:left;
  border-bottom:none;
  padding-bottom:0px;
  margin-bottom:0px;
}
.copyright span{
  float:right;
}
.client{
  background-image:url(../img/clientbg.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size: cover;
}
.item1{
  background-color:transparent!important;
}
.item1 img{
  width:6%!important;
}
.navbar-toggler{
  background-color:#000!important;
  display:contents!important;
}
.navbar-toggler i{
  color:#fff!important;
}
/* side icon*/
.sideicon a {
    text-decoration: none;
    background-color:#800c0c;
    font-size: 30px;
    width: 50px;
    height: 50px; 
    position: fixed;
    top: 70%;
    right: 20px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: white;
    margin-right: 10px;
    animation: lefticon 2s infinite;
    z-index: 99;
}
.left-icon a:hover,.sideicon a:hover{
  text-decoration:none;
  color:#ccc;
}
.left-icon span{
    background-color: #800c0c;
    border-radius: 50px 0px 0px 50px;
    position: fixed;
    top: 80.5%;
    right: 68px;
    padding: 10px;
    color: #fff;
    padding-right: 25px;
    animation: lefticon 2s infinite;
}
.left-icon a{
    text-decoration: none;
    background-color:#800c0c;
    font-size: 30px;
    width: 50px;
    height: 50px; 
    position: fixed;
    top: 80%;
    right: 20px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: white;
    margin-right: 10px;
    animation: lefticon 2s infinite;
    z-index: 99;
}
@keyframes lefticon{
  0% {
        transform: scale(1.1);
  }
  50% {
        transform: scale(1.2);
        box-shadow: 0px 0px 7px #999;
  }
  100% {
        transform: scale(1.1);
  }
}
.bg1{
  background-image:url(../img/about.jpg);
  height:300px;
  background-attachment:fixed;
  background-position:top;
}
.bg2{
  background-color:rgba(0,0,0,0.5);
  height:300px;
  position:relative;
}
.bg2 h3{
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
}
.bg2 p{
   position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}
.service img{
  width:50%;
}
.background{
  background-color:#f7f7f7!important;
  padding: 50px 0px 20px 0px;
}
.nav-tabs a{
  color:#800c0c;
}
.nav-tabs .nav-link.active {
    color: #ffffff!important;
    background-color: #282828!important;
    border-left:5px solid #f70101!important;
}
.nav-tabs .nav-link{
    border:none!important;
    border-top-left-radius:0px!important; 
    padding: 5px 10px!important;
    border-top-right-radius:0px!important;
}
.nav-tabs{
  border-bottom:none!important;
}
.tabimg{
  position:relative;
  background-color:rgba(0,0,0,0.62);
  width:100%;
}
.tabimg img{
    width:100%;
}
.tabimg:hover img{
  opacity:0.5;
}
.tabimg:hover .middle{
  opacity:1;
}
.middle{
  position:absolute;
  top:50%;
  left:50%;
  opacity:0;
  transform:translate(-50%,-50%);
  color:#fff;
}
.fade:not(.show) {
    opacity: 1!important;
}
.serviceheading h5{
  color:#800c0c;
  position:relative;
}
.serviceheading h5:after{
    content: "";
    position: absolute;
    top: 28px;
    left:0px;
    background-color: #800c0c;
    width: 13%;
    height: 3px;
}
.serviceheading ul{
  margin-top:30px;
}
.serviceheading ul li a{
  color:#000;
  text-decoration:none;
}
.serviceheading ul li a:hover{
  color:#800c0c;
}
.serviceheading ul li{
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  padding: 6px 15px 6px 15px;
}
.serviceheading ul li.active1 {
    background-color: #000000!important;
    border-right:6px solid #f30000!important;
    border-top: 1px solid #800c0c!important;
    z-index:1;
    position:relative;
}
.serviceheading ul li.active1 a{
  color:#fff;
  text-decoration:none;
}
.serviceheading ul li.active1::after {
    border-color: transparent #000000 transparent transparent;
}
.serviceheading ul li.active1::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 21px;
    bottom: 0;
    content: "";
    height: 21px;
    left: -42px;
    position: absolute;
    top: -4px;
    width: 23px;
}
iframe{
   height:400px;
}
.contactcard{
  background-color:#000;
  border-bottom:5px solid red;
  color:white;
}
.contactcard .contact{
  padding: 20px 30px 10px 30px;
}
.contactcard i{
   font-size:50px;
}
@media only screen and (min-width:992px){
  .navbar-toggler{
    display:none!important;
  }
}
@media only screen and (max-width:768px){
  .topbar{
    text-align:center;
    height:auto;
  }
  .topbar .topdiv{
    display:none;
  }
  .active1{
    background-color:transparent!important;
    color:transparent!important;
  }
  .navbar-brand {
    padding-top: 5px!important;
    padding-bottom: 7px!important;
  }
  .copyright p{
    text-align:center!important;
  }
  .copyright span{
    float:none;
  }
  .topright a i{
    line-height:1;
  }
  .topright span{
    font-size:20px;
  }
  .bg1,.bg2{
    height:150px;
  }
  .bg2 h3{
    font-size:20px;
  }
  .bg2 p{
    font-size:13px;
  }
  .about h3{
    font-size:25px;
    text-align:center;
    margin-top:20px;
  }
  .firstpart{
    order:2;
  }
  .secondpart{
    order:1;
  }
  .service img {
    width: 25%;
    margin-bottom: 10px;
   }
   .service h6{
    text-align:center;
   }
   .serviceheading h5{
       margin-top:20px;
   }
   .head h2,.heading h2{
    font-size:25px;
   }
   .firdiv h3,.secdiv h3{
    font-size:22px;
   }
   .item1 img {
    width: 25%!important;
   }
  .nav-item{
    margin:0px!important;
  }
  .nav-tabs{
    display: inline-flex;
    justify-content: center;
  }
  iframe{
    height:250px;
  }
  .contactcard i{
    display: flex;
    justify-content: center;
    padding-top: 20px;
  }
  .contactcard .contact{
    text-align:center;
  }
  .contactcard .contact p{
    display: flex;
    justify-content: center;
  }
  .card1{
      margin-bottom:20px;
  }
  .left-form .cont-sec{
      margin-left:-320px!important;
  }
}

/*.brdr{
  border:1px solid #f1ecec;
  padding:30px;
}
.boxshadow{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding:20px;
}
.wrapper{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  max-width:800px;
  display:block;
  margin:0px auto;
  height:auto;
}
.backg{
  background-color:#800c0c;
  height:auto;
}
.backg h6,.backg a{
  line-height:37px;
  color:#fff;
}
.close{
  opacity:1!important;
}
.backg1{
  margin-left:0px!important;
  margin-right:0px!important;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg,rgb(128, 12, 12) 25%,transparent 25%,transparent 50%,rgb(128, 12, 12) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)!important;
    background-size: 1rem 1rem!important;
}
.backg2{
  background-color:#800c0c;
  height:30px;
}
.backg2 h6{
  line-height:30px;
  color:#fff;
}
.checkbox {
  width: 100%;
  margin: 15px auto;
  position: relative;
  display: block;
}
.checkbox label {
  position: relative;
  min-height: 34px;
  display: block;
  padding-left: 40px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.checkbox label span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.checkbox label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 22px;
  height: 22px;
  transition: transform 0.28s ease;
  border-radius: 3px;
  border: 2px solid #380809;
}
.checkbox label:after {
  content: '';
  display: block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #34C37A;
  border-left: 2px solid #34C37A;
  transform: rotate(-45deg) scale(0);
  position: absolute;
  top: 12px;
  left: 10px;
}
.checkbox input[type="checkbox"] {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.checkbox input[type="checkbox"]:checked ~ label:before {
  border: 2px solid #34C37A;
}
.checkbox input[type="checkbox"]:checked ~ label:after {
  transform: rotate(-45deg) scale(1);
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: 0;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #380809;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #34C37A;
    border: 1px solid #380809;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}*/

.controls {
  text-align: left;
  position: relative;
}
.controls input[type="text"],
.controls input[type="email"],
.controls input[type="number"],
.controls input[type="date"],
.controls input[type="time"],
.controls input[type="tel"],
.controls textarea,
.controls button,
.controls select {
  padding: 12px;
  font-size: 14px;
  border: 1px solid #c6c6c6;
  width: 100%;
  margin-bottom: 18px;
  color: #888;
  font-family: 'Lato', 'sans-serif';
  font-size: 16px;
  font-weight: 300;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.controls input[type="text"]:focus, .controls input[type="text"]:hover,
.controls input[type="email"]:focus,
.controls input[type="email"]:hover,
.controls input[type="number"]:focus,
.controls input[type="number"]:hover,
.controls input[type="date"]:focus,
.controls input[type="date"]:hover,
.controls input[type="tel"]:focus,
.controls input[type="tel"]:hover,
.controls textarea:focus,
.controls textarea:hover,
.controls button:focus,
.controls button:hover,
.controls select:focus,
.controls select:hover {
  outline: none;
  border-color: #9FB1C1;
}
.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,
.controls input[type="email"]:focus + label,
.controls input[type="email"]:hover + label,
.controls input[type="number"]:focus + label,
.controls input[type="number"]:hover + label,
.controls input[type="date"]:focus + label,
.controls input[type="date"]:hover + label,
.controls input[type="tel"]:focus + label,
.controls input[type="tel"]:hover + label,
.controls textarea:focus + label,
.controls textarea:hover + label,
.controls button:focus + label,
.controls button:hover + label,
.controls select:focus + label,
.controls select:hover + label {
  color: #9d161b;
  cursor: text;
}
.controls .fa-sort {
  position: absolute;
  right: 10px;
  top: 17px;
  color: #999;
}
.controls select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.controls label {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 60%;
  color: #999;
  font-size: 16px;
  display: inline-block;
  padding: 4px 10px;
  font-weight: 400;
 /* background-color: rgba(255, 255, 255, 0);*/
  -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -o-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
  transition: color 0.3s, top 0.3s, background-color 0.8s;
  background-color: white;
}
.controls label.active {
  top: -18px;
  color: #555;
  background-color: white;
  width: auto;
}
.controls textarea {
  resize: none;
  height: 200px;
}
.clear:after {
  content: "";
  display: table;
  clear: both;
}

.grid {
  background: white;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

[class*='col-'] {
  float: left;
  padding-right: 10px;
}
.grid [class*='col-']:last-of-type {
  padding-right: 0;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-3 {
  width: 33.33%;
}

.col-1-2 {
  width: 50%;
}

.col-1-4 {
  width: 25%;
}

@media (max-width: 760px) {
  .col-1-4-sm, .col-1-3, .col-2-3 {
    width: 100%;
  }

  [class*='col-'] {
    padding-right: 0px;
  }
}
.col-1-8 {
  width: 12.5%;
}
/*booking form css end*/
.modal{
  top:60px!important;
}
.modal-content {
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}


.left-form .cont-sec {
    position: fixed;
    left: 0px;
    bottom: 70px;
    display: flex;
    margin-left: 0px;
    transition: 1.0s;
    z-index: 999;
}

.cont-form2 {
  background-color: #000;
    padding: 20px;
    background: url(../img/co.jpg);
    background-size: cover;
    background-repeat: no-repeat;
   opacity: 0.97;
    display: inline-block;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.cont-sec:hover {
    margin-left: 0px!important;
}
.con-img {
    padding-top: 110px;
}

.cimg{
    height: 76px;
}
.cont-form2 input{
    margin-bottom: 10px;
}

.sb-btn{
    background: white;
    padding: 6px 18px;
    border-radius: 5px;
    color: black!important;
}
.form-control{
  border-radius:0px!important;
}
.controls .show-autofill-old:autocomplete{
  background-color:transparent!important;
}