Preview: style.css
Size: 13.53 KB
/home/urbanman/hindustansecurity.in/css/style.css
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);
}
}
Directory Contents
Dirs: 0 × Files: 9