REDROOM

Navigation

Breadcrumbs

/ / home / urbanman / hindustansecurity.in / css

Create

Create File | Create Folder | Upload Files | Run Command

Edit File Size: 13.53 KB

/home/urbanman/hindustansecurity.in/css/style.css

Text Base64

html {
  overflow-x: hidden;
}

html, html a, body {
  -webkit-font-smoothing: antialiased ! important;
  
}

body {
  position: relative;
 
}
h1,h2,h3,h4,h5,h6{
 font-family: Bree Serif ! important;
	
}
p,a{
	font-family: Hind, sans-serif ! important;
	color:#000;
}
a,button{outline: 0 !important;text-decoration: none !important;}
a:hover,a:focus{ text-decoration: none !important;}

.top_nav {
    overflow: hidden;
	 
	background-color:#062c4c;
}
.spandanpara{
    text-align:left;
    margin-top:30px;
}
.top_nav img{
    margin-top:0 ! important;
    padding-top:0 ! important;
}
.top_nav p{
		margin-top:35px; 
	letter-spacing:0.2px;
	  text-align:center;
	  font-size:13px;
	  font-weight:500;
}
.top_nav .linkbutton1{
    	margin-top:20px; 
    margin-bottom:10px;
    text-decoration: none ! important;
	 padding:10px ! important;
	letter-spacing:0.2px;
	  text-align:center;
	  font-weight:500;
	  color:#062c4c ! important;
	  font-size:14px;
	  cursor:pointer;
	  background:#fff;
	  border-radius:4px;
	 
}

.top_nav .linkbutton1:hover{
   	  background:#AAE6DA;
}
.linkbutton{
    	margin-top:20px; 
		border-radius:4px;
    margin-bottom:10px;
    text-decoration: none ! important;
	 padding:10px ! important;
	letter-spacing:0.2px;
	  text-align:center;
	  font-weight:500;
	  color:#062c4c ! important;
	  font-size:14px;
	  cursor:pointer;
	  background:#dfd6a9;
}
.linkbutton:hover{
   
	  background:#7daf42;
	  text-decoration:none ! important;
}
.top_nav input{
	height:45px;
	border-radius:0 ! important;
	background-color:white;
	
}
.top_nav .modal-body{
	background-color:#F2F4F4;
}
.top_nav textarea{
	background-color:white;
	border-radius:0 ! important;
	
}
.navbar-brand{
    color:#323232 ! important;
    font-weight:600;
}
.top_nav button{

width:150px;
	color:#333;
	background-color:#F1F8E9;
}
.top_nav .modal-header{
	background-color:#00ACC1;
	color:white;
	
}
.offerImg img{
     margin-top:35px ! important;
   width:45px;
   margin-bottom:10px;
     animation:move 2s infinite ease-in-out;
 }

@keyframes move{
0%{
 transform: scale(1) rotate(0deg);
}
  30%{
   transform: scale(2) rotate(0.1deg);

}

.navbar img{
	margin-left:80px;
	
}
.navbar{
  
    margin-bottom:0 ! important;
    background:#f4f2e9;
    
}
.dropdown-menu{
	 background:#92c14d ! important;
}
.dropdown-item{
	color:#fff ! important;
	font-weight:500 ! important;
}
.dropdown-item:hover{
	color:#6b9231 ! important;
	
}
.navbar-toggler{
	
	border:none ! important;
}
.navbar-toggler-icon{
	color:#fff ! important;
}
.navbar-nav{
  
}
.nav-item{
    margin-right:70px;
   
}

.nav-link{
  text-transform: uppercase;
    	padding-top:10px;
    padding-bottom:10px;
    font-size:15px;
	color:#062c4c;
	font-weight:600;
	
}
.active .nav-link{
    border-radius:3px;
     background-color:#FAFAFA;
	 color:#6b9231 ! important;
}
.nav-link:hover,
.nav-link:focus{
     border-radius:3px;
        background-color:#FAFAFA;
	 color:#6b9231 ! important;
}
#carouselExampleControls {
  overflow: hidden;
  position: relative;
}

#slider{
	background: url(../img/db22.jpg)  ;
	background-position: fixed;
    background-size: cover;
    background-repeat: no-repeat;
/*	background-color:#E6EE9C;*/
	
}
.slidercontainer{
  background-color: rgb(126 98 98 / 87%);
    padding-top:30px;
	padding-bottom:30px;
}
#slider h3{
    
	color:#323232  ;
	text-align:center;
	margin-top:10px;
}
#slider p{
	color:#fff;
	text-align:center;
	margin-top:10px;
}

#slider h6{
  
	color:#333;
	text-align:center;
	margin-bottom:20px;
}
#slider h5{
	text-align:center;
	
}

#slider .formbox{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding:5px;background:rgba(248, 249, 249, 0.93);;
}

#slider form {
	font-weight:500;
	 font-family: Hind, sans-serif ! important;
	
}
#slider input{
	border-radius:0 ! important;
	
}

#slider button{
    	font-family: Hind, sans-serif ! important;
    border-radius:0 ! important;
	margin-bottom:15px;
	width:100%;
	font-weight:600;
	color:#fff;
	background:#8BC34A;
	border:0;
	cursor:pointer;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
	padding:10px;
}
#slider button:hover{
	
	background:#7CB342;

}
#about{
	padding-bottom:30px;
		padding-top:25px;
		
}

#about p {
   font-weight:500 ! important;
	color:#333 ! important;
	
}
#about h2{
	color:#d20e0d;
	
	text-align:center;
}
#about .img{
    padding-top:3.5px ! important; width:100%;
}
#about .img-thumbnail{
    background:#f1f1f1;
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
#about .img-thumbnail:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
#about h4{
	color:#6b9231;

text-align:center;
	margin-top:20px;
}
.aboutextra1{
     border-radius:3px;
    box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.2);
	text-align:center;
	background-color:#a1cd61;
	padding:15px;
	margin-bottom:15px;
}
.aboutextra1 hr{
	border :1.5px solid white;
	
}
.aboutextra1 p{
	text-align:center;
	color:#333 ! important;
font-size:14px ! important;
	
}
.aboutextra1 h3{
	text-align:center;
	color:#333 ! important;
}

.aboutextra2{
     border-radius:3px;
     box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.2);
	text-align:center;
	background-color:#e5d459;
	padding:15px;
	margin-bottom:15px;
}
.aboutextra2 p{
	text-align:center;
	color:#333 ! important;
	font-size:14px ! important;
}
.aboutextra2 h3{
	text-align:center;
	color:#333 ! important;
}
.aboutextra2 hr{
	border :1.5px solid white;
}
.aboutextra3{
     border-radius:3px;
     box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.2);
	text-align:center;
	background-color:#a1cd61;
	padding:15px;
	margin-bottom:15px;
}
.aboutextra3 p{
    font-size:14px ! important;
	text-align:center;
	color:#333 ! important;
}
.aboutextra3 h3{
	text-align:center;
	color:#333 ! important;
}
.aboutextra3 hr{
	border :1.5px solid white;
}
.aboutextra4{
     border-radius:3px;
     box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.2);
	text-align:center;
	background-color:#e5d459;
	padding:15px;
	margin-bottom:15px;
}
.aboutextra4 p{
	text-align:center;
	color:#333 ! important;
	font-size:14px ! important;
}
.aboutextra4 h3{
	text-align:center;
	color:#333 ! important;
}
.aboutextra4 hr{
	border :1.5px solid white;
}
#about p{
	margin-top:20px;
	color: gray;
	text-align:center;
	font-weight:400;
	font-size:18px;
}

/* Style the tab */
div.tab {
    overflow: hidden;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
	font-family: Hind, sans-serif ! important;
   margin:10px;
   width:150px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 6px;
    transition: 0.3s;
    font-size: 15px;
	font-weight:500;
	background-color:#ECF0F1;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #cc690c  ! important;
	color:white ! important;
}
div.tab button:hover {
    background-color: #cc690c   ! important;
	color:white ! important;
}
/* Style the tab content */
.tabcontent p{
	font-size:15px ! important;
	text-align:justify ! important;
}
.tabcontent {
	
    display: none;
   margin-top:20px;
   margin-bottom:20px;
    border-top: none;
}
.tab-row{
	padding:10px;
	background-color:#F8F9F9;
}
/*ABOUT END*/

#faclities {
	padding-bottom:50px;
	padding-top:50px;
	background-color:#F8F9F9;
}

#faclities h3{
	color:#6b9231;
	text-align:center;
	
	font-size:22px;
	margin-bottom:15px;
}
#faclities h5{
	color:#323232;
	text-align:center;

margin-bottom:25px;
}
.container.facilites {
  border: 2px solid #92c14d;
 background-color:rgba(253, 254, 254, 0.8);
  border-radius: 5px;
  	border-style: dotted;
  padding: 16px;
  
}
.container.facilites.Benefits p {
 
 line-height:26px;
}
.container.facilites::after {
  content: "";
  clear: both;
  display: table;
}

.container.facilites img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

.container.facilites span {
  font-size: 20px;
  	color:#323232;
  font-weight:600;
  margin-right: 15px;
}
.container.facilites p {
 line-height:20px;
  font-weight:400;
 margin-left:15px;
 
}
.container.facilites i {
 color:#E7717D;
  font-weight:700;
 
}

#bookingform{
background:#495057;
padding-bottom:20px;
}
#bookingform .formcolom{
    
    padding-top:10px;
}
#bookingform h4{
	
	color:white;
	text-align:center;
	
	margin-bottom:15px;
}
#bookingform input,select,textarea{
	font-family: Hind, sans-serif ! important;
}
#bookingform input{
	height:40px;
	border-radius:0 ! important;
	border:0;
	color:#333;
}
#bookingform select{
    	height:40px;
	border-radius:0 ! important;
	border:0;
	color:#333;
	
}
#bookingform textarea{
		border:0;
	border-radius:0 ! important;
		color:#333;
}
#bookingform button{
    	font-family: Hind, sans-serif ! important;
	height:40px;
	width:100%;
	border:0 ! important;
	background:#6b9231;
	 border-radius:0 ! important;
	   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
}

#bookingform button:hover, #bookingform button:focus{
    	background:#92c14d;
    		border:0 ! important;
}

#gallery{
	background-color:#F7F9F9;
	padding-bottom:50px;
	padding-top:50px;
}
#gallery h3{
    	color:#6b9231;
	text-align:center;

font-size:22px;
	margin-bottom:30px;
}
#gallery button{
    color:#fff ! important;
	font-family: Hind, sans-serif ! important;
	 font-weight:500;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
	border:0 ! important;
	background:#8BC34A;
	padding:10px;
	cursor:pointer;
}
#gallery button:hover{

background:#92c14d;
}
#testinomial{
	padding-bottom:50px;
	padding-top:50px;
}

#testinomial h3{
    	
	margin-top:20px;
	
	text-align:center;

margin-bottom:15px;
}
#testinomial h4{
    color:#323232;
    
}
#testinomial h2{
	color:#6b9231;
	margin-bottom:25px;
	text-align:center;
}
#testinomial h5{

margin-bottom:10px ! important;
}
#testinomial p{
	margin-top:5px ! important;
	font-weight:400;
	font-size:14px;
}

.contacttext h2{
	
	letter-spacing:0.5px;
	text-align:center;
	color:#d40d0b;
}
.contacttext p{
	font-weight:500;
	letter-spacing:0.5px;
	text-align:center;
	color:gray
}
#contact{
background-color:#F4F6F7;
padding-bottom:20px;
}
#contact .address{
	margin-top:30px;
	text-align:center;
	
}
#contact h5{
	letter-spacing:0.5px;
	text-transform:uppercase;
color:#d40d0b;
}
#contact p{	
	letter-spacing:0.5px;
	font-size:15px;	
}
.address.social i{  	
	width:35px;
	height:35px;
	line-height:35px;
	border-radius:50%;	
	font-size:14px;
}
.fa.fa-facebook{
	background-color:#3b5998;
	color:#fff;
}
.fa.fa-twitter{
	background-color:#1da1f2;
	color:#fff;
}
.fa.fa-google-plus{
	background-color:#dd4b39;
	color:#fff;
}
.fa.fa-instagram{
	background-color:#ffc838;
	color:#fff;
}
.fa.fa-linkedin{
	background-color:#0077b5;
	color:#fff;
}
.fa.fa-youtube{
	background-color:#ff0000;
	color:#fff;
}
#footer{
    padding:5px;
    background:#212529;
}
#footer p{
    margin-top:10px;
   color:#e8efe9;
   font-weight:500;
}

#sucesspage{
    padding-top:50px;
    padding-bottom:50px;
    margin-bottom:300px;
}
/*RESPONSIVE*/

@media screen and (max-width: 1024px) {
	#about .about-section{

}

}
@media screen and (max-width: 992px) {
    div.tab button {
	margin:5px;;
}
    #bookingform input{
	height:35px;
	
}
#bookingform select{
    	height:35px;

}

#bookingform button{
	height:35px;
	width:100%;
		border:0;
}
#slider h3{
    font-size:18px;
}
	
.top_nav p{
font-size:12px ! important;
}
.top_nav a{
font-size:12px ! important;
}
	
#about .about-section{

}
#about h2{
	font-size:25px;
}
#about h3{
		
	font-size:22px;
}
#about p{
	font-size:15px;
}

}

@media screen and (max-width: 767px) {

#carouselExampleSlidesOnly .carousel-caption h1 {
  
  font-size: 35px;

text-shadow: 2px 8px 6px rgba(0,0,0,0.2);
                
}
#carouselExampleSlidesOnly .carousel-caption h2 {
  
   font-size: 25px;
 
   text-shadow: 2px 8px 6px rgba(0,0,0,0.2);
}
#carouselExampleSlidesOnly .carousel-caption h3 {
 
   font-size: 10px;
 
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2);
}

#carouselExampleSlidesOnly .carousel-caption img {
	
width:150px;
}

#about .about-section{

}
#about h2{
	
		
	font-size:25px;
}
#about h3{
		
	font-size:22px;
}
#about p{
	font-size:15px;
}
	#client .col-sm-2{
	margin-left:10px ! important;
	width:100% ! important;
	float:none ! important;
	
	}
#client .col-sm-2 img{
	
	padding:10px ! important;
}
}

@media screen and (max-width: 640px) {
.navbar-nav{
	border:3px solid yellow;
	width:100%;
}	
.top_nav p{
font-size:11px ! important;
}
.top_nav a{
font-size:11px ;
}
.navbar-brand {
    font-size:13px ;
}
.spandanpara{
    font-size:11px ! important;
}
.top_nav a img{

}
.nav-link{
	text-align:center;
	
}
}

@media screen and (max-width: 479px) {
    div.tab button {
	margin:5px;;
}
    .offerImg img{
         margin-top:10px ! important;
    }
    .top_nav .linkbutton1{
        margin-top:0px ! important;
    }
     .top_nav .linkbutton{
        margin-top:0px ! important;
    }
    .top_nav p{
font-size:14px ! important;
margin-top:10px ! important;
}
.top_nav a{
font-size:15px ! important;
}

.navbar-nav{
	border:3px solid yellow;
	width:100%;
}	
.navbar img{
	width:50%;
	margin-left:20px;
}
.nav-link{
	text-align:center;
}

#carouselExampleSlidesOnly .carousel-caption h3 {
 
   font-size: 15px;
 
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2);
}

#about .about-section{

}
#about h2{
	
		
	font-size:25px;
}
#about h3{
		
	font-size:22px;
}
#about p{
	font-size:15px;
}

.container.facilites img {
      margin: auto;
      float: none;
      display: block;
  }
  #testinomial h2{
	font-size:25px;
}
#carouselExampleSlidesOnly .carousel-caption h1 {
  
  font-size: 30px;

text-shadow: 2px 8px 6px rgba(0,0,0,0.2);
                
}
#carouselExampleSlidesOnly .carousel-caption h2 {
  
   font-size: 20px;
 
   text-shadow: 2px 8px 6px rgba(0,0,0,0.2);
}
#carouselExampleSlidesOnly .carousel-caption h3 {
 
   font-size: 15px;
 
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2);
}

}

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Directory Contents

Dirs: 0 × Files: 9

Sort:

Enable drag-to-move

Name	Size	Perms	Modified	Actions
bootstrap-datetimepicker-standalone.css	2.26 KB	lrw-rw-rw-	2026-06-26 17:25:03	Edit Download recursive recursive
bootstrap-datetimepicker.css	8.83 KB	lrw-rw-rw-	2026-06-26 17:25:03	Edit Download recursive recursive
bootstrap-datetimepicker.min.css	7.60 KB	lrw-rw-rw-	2026-06-26 17:25:03	Edit Download recursive recursive
bootstrap.css	152.99 KB	lrw-rw-rw-	2026-06-26 17:25:03	Edit Download recursive recursive
bootstrap.min.css	122.03 KB	lrw-rw-rw-	2026-06-26 17:25:03	Edit Download recursive recursive
codex.html	0 B	lrw-rw-rw-	2026-06-26 17:25:03	Edit Download recursive recursive
exit.html	0 B	lrw-r--r--	2026-07-14 06:09:45	Edit Download recursive recursive
font-awesome.min.css	23.18 KB	lrw-rw-rw-	2026-06-26 17:25:03	Edit Download recursive recursive
style.css	13.53 KB	lrw-rw-rw-	2026-06-26 17:25:03	Edit Download recursive recursive