@font-face {
    font-family: 'Impact';
    src: url('impact.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-Regular';
    src: url('Lato-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-Bold';
    src: url('Lato-Bold.ttf') format('truetype');
}
body {
    margin:0;
    font-family:Lato-Regular;
}
header{
    height:70vh;
    width:100%;
    background:url(Images/image-27.jpg);
    background-size:100%;
    position:relative;
}
.com-style{
    color:#ce0000;
    font-weight:bold;
    font-style:italic;
    font-family:'Times New Roman';
}
.com-style1{
    color:#000;
    font-weight:bold;
    font-style:italic;
    font-family:'Times New Roman';
}
header .tint{
    width:50%;
    left:50%;
    top:0;
    position:absolute;
    height:100vh;
    background-color:rgba(206,0,0,0.7);
}
.header-p-cont{
     position:absolute;
     left:50px;
    bottom:0px;
   
}
.header-p{
   margin-bottom:20px;
    font-family:Impact;
    color:#ce0000;
    font-size:60px;
    letter-spacing:5px;
     text-shadow:rgba(0,0,0,0.4) 5px 5px 10px;

}
.header-p-2{
    width:80%;
    color:white;
    font-size:25px;
    line-height:29px;
    font-family:Lato-Regular;
}
.menu{
    width:100%;
    height:70px;
    background-color:white;
    position:fixed;
    top:0;
    left:0;
    z-index:45;
    box-shadow:rgba(0,0,0,0.4) 0 0px 10px;
}
.menu-in-1{
    max-width:30%;
    float:left;
    height:80px;
    overflow:hidden;
}
.menu-in-1 img{
    height:55px;
    margin:2.5px 20px;
}
.menu-in-2{
    float:right;
    max-width:60%;
    
}
.menu-in-2 ul{
    list-style:none;
}
.menu-in-2 ul li{
    display:inline-block;
    padding:18px 20px;
    margin:0px 10px;
}
.menu-in-2 ul li:hover{
    background-color:rgb(206,0,0);
    color:white;
}

.div-drop{
    display:inline-block;
    vertical-align:top;
}
.div-drop a{

}
.div-drop:hover .drop-down{
    display:block;
    opacity:1;
    height:60px;
}

.drop-down{
    width:100%;
    position:absolute;
    display:none;
    min-width:150px;
    height:0;
    background: linear-gradient(to bottom, rgba(180,0,0,1) 0%, rgba(206,0,0,1) 100%);
    top:70px;
     transition:all 1s linear;
    left:0;
    opacity:0;
    text-align:center;
}
.drop-down a{
    display:inline-block;
    text-align:right;
    margin:0;
     padding:22px 20px;
     text-align:left;
    color:white;
}
.drop-down a:hover{
    background-color:#c0c0c0;
    color:#000;
}
.menu-link:hover{
    color:#000;
    background-color:#c0c0c0;
    text-decoration:none;
}
.menu-link {
	line-height: 1em;
	padding: 27px 15px;
	margin: 0px 0px;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size: 100%;
}
.section-1,.section-2,.section-3,.section-4,.section-5,.section-6,.section-7,.section-8,.section-9{
    padding:50px 90px;
}

.ques-cont{
    padding:10px;
    box-sizing:border-box;
    margin-top:30px;
    overflow:hidden;
    display:block;
}
.p-ques{
    margin-bottom:30px;
    font-size:18px;
}
.faq-open{
    height:100%;
}
.section-1 ul{
    list-style:square;
    color:#ce0000;
}
.section-1 ul li p{
    color:black;
}


.sec-inline{
    display:inline-block;
    vertical-align:top;
    width:50%;
    box-sizing:border-box;
    padding:0 15px 0 0;
}
.p-head{
    font-family:Lato-Bold;
    margin-bottom:80px;
}
.p-head::after{
    display:block;
    content:"";
    width:50px;
    height:4px;
    background-color:rgb(206,0,0);
    position:relative;
    top:15px;
}
.p-center{
    text-align:center;
}
.p-center::after{
    left:calc(50% - 25px);
}

.p-tag{
    font-size:18px;
    font-weight:bold;
    color:#ce0000;
}
.separator{
    margin-left:90px;
    margin-right:90px;
    background-color:#e1e1e1;
    height:10px;
}


.contact-us-banner{
    height:75px;
    box-sizing:border-box;
    padding:5px 50px;
    color:white!important;
    background-color:#ce0000;
    position:relative;
}
.contact-us-banner p{
    margin-bottom:0;
    font-size:20px;
    width:80%;
    display:inline-block;
    vertical-align:middle;
}
.contact-us-banner a{
    border:2px solid white;
    padding:5px 10px;
    font-family:Lato-Bold;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    right:90px;
    top:18px;
    text-decoration:none;
    color:white;
    font-size:20px;
}
.contact-us-banner a:hover {
    background-color:#fff;
    color:#ce0000!important;
}

footer{
    padding:40px 5px 5px 5px;
}
.foot-in{
    vertical-align:top;
    width:20%;
    display:inline-block;

}
#foot-in-1{
    text-align:center;
}
#foot-in-1 img{
    margin:auto;
}
.foot-in h5{
    color:#ce0000;

}
.foot-in a{
    display:block;
    margin-top:7px;
    font-size:14px;
    text-decoration:none;
    color:black;
}
.foot-in a:hover{
    color:#ce0000;
}
footer hr{
    margin-top:50px;
}
footer .copyright {
    font-size: 13px;
    margin-bottom: 2px;
    margin-left: 50px;
}
.menu-small{
   width: 30px;
  height: 20px;
  position: fixed;
  top:12.5px;
  right:25px;
  z-index:51;
  margin: 10px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  cursor: pointer;
  display:none;
}
.menu-small span{
    display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #ce0000;
  opacity: 1;
  left: 0;
  box-sizing:border-box;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.menu-small span:nth-child(1){
    top:0;
}
.menu-small span:nth-child(2){
    top:8px;
}
.menu-small span:nth-child(3){
    top:16px;
}

.menu-small.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  background: red;
}

.menu-small.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
  background: red;
}

.menu-small.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: red;
}
.menu-slide{
    right:0!important;
}
.menu-slide::-webkit-scrollbar{
    width:5px;
    border-radius:5px;
}
.menu-slide::-webkit-scrollbar-track{
    background-color:white;
}
.menu-slide::-webkit-scrollbar-thumb{
    background-color:#ce0000;
     border-radius:5px;
}

@media only screen and (max-width: 700px){
    .menu-small{
        display:block;
    }
    header{
        height:50vh;
        background-size:auto 100%!important;
    }
    .header-p-cont{
        left:20px;
    }
    .header-p{
        font-size:40px;
    }
   .section-1{
       padding:5px 20px;
   }
    .red-banner{
        margin-left:20px;
        margin-right:20px;
    }
    .count-cont{
        width:100%;
    }
    .contact-us-banner{
        height:auto;
        text-align:center;
    }
    .contact-us-banner a{
        position:static;
        margin:30px auto;

    }
    .serv-item{
        width:70%;
        margin:20px 0;
    }
    .serv-cont{
        padding:50px 20px;
    }
    .serv-item a{
        padding:10px 5px;
    }
    .menu-in-1{
        max-width:100%;
    }
    .menu-in-1 img{
        height:40px;
        margin:10px 20px;
    }
    .menu-in-2{
        width:70%;
        height:calc(100vh - 70px);
        position:fixed;
        top:70px;
        right:-100%;
        text-align:right;
        background-color:white;
        z-index:-1;
        overflow-y:scroll;
        box-sizing:border-box;
        transition:all 0.75s ease-out;
    }
    .drop-down{
        display:block;
        height:auto;
        position:static;
        opacity:1;
        background:white;
        
    }
    .drop-down a{
        color:red;
        font-size:12px;
        width:100%;
        text-align:right;
        box-sizing:border-box;
    }
    .div-drop:hover .drop-down{
    display:block;
    opacity:1;
    height:auto;
}
    .menu-link{
        text-align:right;
        width:100%;
        box-sizing:border-box;
    }
    footer{
        width:100%;
        box-sizing:border-box;
    }
    .foot-in{
        width:100%;
        text-align:center;
        margin-top:20px;
    }
}