/*html,body{*/
body{
margin: 0;
padding: 0;
outline-style:none;
/* background-color: #b8d1fa; */
}
/*** tikker Style********************/
.index-tikker{
position: absolute;
width: 500px;
top: 400px;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
#tikker-signup{
width: 100px;
margin: 0 auto;
margin-top: 5px;
position: absolute;
left: 380px;
top: 0px;
background-color: #f32d00;
}
@media (max-width: 500px) {
.index-tikker{
width: 475px;
top: 500px;
}
#tikker-signup{ left: 365px; }
}
/****************************************/
#bgimg{
width: 100%;
height: 100%;
/*Height Auto shows a white Margine below on MOZILA*/
/* background-image: url(Image/yyy.jpg);*/
background-repeat: no-repeat;
background-position:right;
background-attachment: fixed;
background-size:100%;
background-color:#f1f1f2;
background-color:#ffffff;
}
/********** *************/
/*
.slide {background-color:#191919;color:#666;line-height:1.4;}
#slider{
max-width: 500px;
}
*/
/**************************************************************/
.top-logobar{
height:100px;
width:100%;
background-image: url(../Image/logobarimg.png);
background-color: #34545b;
background-color:#1c5178;
z-index: 1;
}
#logobar-middle img{
max-width:100px;
height:auto;
}
#logobar-r img{
max-width:70px;
height:auto;
float: right;
padding-top:10px;
}
.mn{
/* font-size:50px;*/
color: snow;
padding: 5px;
/* font-family:sans-serif;*/
position: relative;
top :17%;
}
.mn .M{
color:red;
font-size:60px;
}
#contactus{
height:50px;
width:50%;
/* font-size:16px; */
color: snow;
padding-right:1px;
/*font-family:sans-serif;*/
margin-top: 35px;
position: relative;
float:right;
text-align: right;
overflow:inherit;
}
#logobar-l{
height:100px;
max-width:500px;
margin:0;
}
#logobar-middle{
height:100px;
width:200px;
text-align:right;
display:none;
}
#logobar-r{
height:100px;
width:200px;
float:right;
}
.logobar-wraper{
height:100%;
width:100%;
}
#navwraper{
width:100%;
}
.navbar {
height:40px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width:100%;
background-color: #0099e6;
background-color: #30a4d9;
border-bottom:3px crimson solid;
border-bottom:3px rgba(28, 84, 110, 0.24) solid;
z-index: 10;
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.navbar div a:hover {
background-image: url(../Image/TSimages/pat2.png) !important;
}
#smallhomediv{
height: 40px;
width:40px;
background-color:#0099e6 ;
background-color:#30a4d9 ;
text-align: center;
}
#smallhome{
height: 30px;
width:30px;
/* border-radius:50%;*/
/* border-bottom-right-radius:50%;*/
/* background-color: #042d36;*/
margin-top: 4px;
}
.navbar-text-l{
float: left;
height:100%;
margin:0;
/* border-right:1px antiquewhite solid ;*/
}
.navbar-text-r{
float:right;
height:100%;
margin :0;
/* border-left:1px antiquewhite solid ;*/
}
.navbar div a {
display: block;
color: white;
text-align: center;
padding:7px 16px 9px 16px;
text-decoration: none;
/*
font-family: Arial,Helvetica,sans-serif !important;
font-family: 'Oleo Script', cursive !important;
google fonts applied
*/
font-family: 'Alice', serif;
font-weight: normal;
font-size: 22px;
height:auto;
}
.navactive {
background-image: url(../Image/TSimages/pat2.png) !important;
}
/*****************************NAVBAR DROP DOWN************/
/*
.navbar{
//overflow: visible !important ;
}
.navbar-img-div{
height:40px;
width:40px;
border-radius:50%;
float:right;
}
.nav-image{
height: 30px;
width:30px;
border-radius:50%;
margin-top: 4px;
}
.navbar-content{
color:black !important ;
height:auto;
width :200px;
border:1px red solid;
right:0;
}
*/
.nav-image{
width:27px;
height: auto;
}
.dropbtn {
color: none;
margin-top:3px;
margin-right:10px !important;
padding: 1px;
/* font-size: 16px;*/
border: none;
cursor: pointer;
/* border-radius:50%;*/
}
.dropdown {
position: relative;
display: inline-block;
margin-top:5px;
}
.dropdown-content {
display: none;
position: absolute;
right: -5px;
background-color: #30a4d9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 50;
border-bottom: 3px rgba(28, 84, 110, 0.24) solid;
}
.dropdown-content a {
/* color: black !important;*/
padding: 12px 16px;
text-decoration: none;
display: block;
background-color: #30a4d9;
}
.dropdown-content a:hover {
/* border-bottom:3px crimson solid !important;;*/
}
/******************************************************************/
.navbar-3{
height:140px;
width:100%;
display:none;
}
/*
.imageContainer
{
height:175px;
width:175px;
float:left;
margin-right: 20px;
margin-top: 50px;
text-align: center;
cursor: pointer;
}
.imageContainer img{
max-height:128px;
max-width:128px;
}
*/
/*#coupon img{
max-height:128px;
max-width:128px;
}
#car img{
max-height:128px
max-width:128px;
}*/
.itemtext
{
margin-top:0px;
margin:10px;
text-align: center;
/* font-family:monospace,Geneva, sans-serif;*/
font-size: 14PX;
/* float:left;*/
width:175px;
color:blue;
}
/*
#main-content{
height:600px;
width:100%;
margin-top: 0px;
position:relative;
}
*/
/*
.thumbnail{
height: 100%;
max-width:800px;
background-repeat: no-repeat;
background-position: 50% 100%;
margin: 0 auto;
}
*/
.slider{
height:200px;
width: 100%;
/*border-bottom: 3px black double;*/
float:left;
}
.imageContainer img {
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* IE 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.imageContainer:hover img {
-webkit-transform:scale(1.25); /* Safari and Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* IE 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}
.clear{
clear: both;
}
.running-update{
height: 100%;
height: 300px;
width:100%;
background-color: #f1f1f2;
border-left: 5px #f1f1f2 solid;
/* background-image: url(/Image/waves22.png);
background-size:100%;
background-repeat: no-repeat;*/
float:right;
opacity:1;
/* border:1px red solid;*/
}
.arrow {
height:auto;
width:80px;
float :right;
position: relative;
right: 6%;
top:70px;
display:none;
}
/*
.update-container {
height: 100px;
max-width:100%;
margin-left: 5px;
margin-top: 20px;
border: 1px red solid;
}*/
.form-element {
margin-bottom: 10px;
}
#updateform{
border-radius:0;
}
.imgcontainer-mod input {
padding: 5px 5px 7px 5px;
font-size: 15px;
border-radius: 5px;
border: 1px solid grey;
width:200px;
}
.imgcontainer-mod label {
width:200px;
display:block;
}
.form-btns {
margin-top: 20px;
margin-left: 7px;
background-color:#082c50;
color: azure;
}
.cancel-btn-forms{
margin-top: 15px;
}
#cancel-btn-login{
margin-top: 50px;
}
.btn-container{
width:200px;
text-align: center;
}
.cancel-btn-forms:hover{
height: 33px;
width:auto;
}
#demo li div:hover{
border-bottom:1px #0099e6 solid;
opacity:1;
}
/************GENERAL CLASSES*********/
.bgpink{
background-color: pink;
}
.bgyellow{
background-color:yellow;
}
.bggreen{
background-color:green;
}
.hide{
display: none;
}
.bred{
border:1px red solid;
}
.bgreen{
border:1px green solid;
}
.bold{
font-weight: bold;
}
/*-------------------Footer---------*/
.footer-123{
height:400px;
margin-top: 0px;
background-color: #f1f1f2;
border-top: 5px #0077b3 solid;
/* background-image: url(../Image/waves2.png);*/
background-image: url(../Image/flower.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;
background-size: cover;
width:100%;
}
/*#car{
background-image: url(../Image/Carbgt.png);
background-size: 180px auto;
background-repeat: no-repeat;
}*/
/*#house{
background-image: url(../Image/btn33.png) ;
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 120px;
}*/
#comp{
display: none;
}
.end-col{
height:300px;
width:200px;
padding:5px;
margin-top:50px;
margin-left:45px;
margin-right:45px;
opacity: .9;
}
.end-col img{
width:150px;
}
#end-col-1 {
display:block;
}
#end-col-2 {
display:block;
}
#end-col-3 {
display:block;
}
.end-col-head{
font-size: 20px;
font-weight: bold;
text-align: center;
}
.footer-content{
height:auto;
width:900px;
margin:0 auto;
text-align: center;
}
#social-icons{
height:10%;
width:100%;
text-align: center;
padding-top:2%;
padding-bottom:2%;
background-image: url(../Image/wavenarrow.png);
background-repeat: no-repeat;
background-position:top right;
background-size: 100%;
border-top:4px #0099e6 solid;
background-color:#1c5178;
}
.simage{
height:50px;
width:50px;
padding:3px;
overflow: hidden;
opacity: 0.9;
}
.simage:hover{
opacity: 1;
}
/*************Scrolling content*******************/
#demo{
list-style-type: none;
padding:0;
margin:0;
width:100%;
height:100%;
}
#demo li div{
background-color:#ffffff;
padding:30px;
height:80px;
width:100%;
border:5px #f1f1f2 solid;
opacity:.8;
}
.update-li a{
text-decoration:none;
}
/*********************************/
#footend{
width:100%;
height:20px;
padding-top:4px;
background-color: #0077b3;
color: azure;
font-size: 15px;
text-align: center;
}
#logobar-l{
position: relative;
top:-15px;
}
#punch-image{
position: relative;
left: 130px;
top: -5px;
z-index: 100;
}
/*----------RESPONSE---------------------*/
@media (min-width: 1500px) {
#logobar-middle {
margin-left: 18%;
}
}
/*--------------MEDIUM SCREENS-----------*/
/*@media (max-width: 958px) {*/
@media (max-width: 950px) {
#punch-image {
top: -12px;
}
.minWidth {
min-width:900px;
}
.thumbnail{
/* border :1px red solid;*/
margin-left: 10%;
}
.top-logobar {
height:90px;
}
.navbar-3 {
height:130px;
display:none;
}
#logobar-middle img{
max-width:90px;
height:auto;
}
.mn{
font-size:45px;
top :13%;
}
#logobar-middle{
height:90px;
width:150px;
}
#logobar-l{
height:90px;
max-width:400px;
margin:0;
}
#logobar-r{
height:90px;
width:150px;
float:right;
}
.imageContainer
{
height:150px;
width:150px;
}
.imageContainer img{
max-height:100px;
max-width:100px;
}
.footer-123{
width:100%;
}
/*--------------SMALL SCREENS------------------*/
@media (max-width: 500px) {
body div{
}
.small-hide , {
display:none;
}
#demo li div {
width:498px;
height:100px;
padding: 0;
margin:0;
border: 1px #c5c5c5 solid;
}
.running-update{
width:500px;
padding: 0;
margin:0;
}
.navbar{
overflow:visible !important ;
width:500px;
}
.dropdown{
display:block !important;
margin-right: 5px !important;
margin-left: 5px !important;
}
.notin-small{
display:none;
}
.minWidth {
min-width:500px;
}
.notin-small{
display:none;
}
#nav-dropdown{
display:block;
}
#logobar-middle
{
width:50px;
height:50px;
margin-top:5px;
margin-left:5px;
}
#logobar-middle img
{
width:80px;
height:80px;
}
#logobar-r{
display:none;
}
.thumbnail{
width:100%;
height:auto;
float:none;
background-size:80%;
background-repeat: no-repeat;
background-position: 30% 100%;
margin-left:0;
text-align:center;
}
.imageContainer {
/* margin:0 auto;*/
}
#tumb-top{
width: 70%;
height:50%;
float:none;
margin: 0 auto;
}
.running-update{
float:right;
width:100%;
}
#maincontent{
width:100%;
height:auto;
}
.footer-123 {
width:100%;
height: 890px;
background-repeat:repeat;
background-size: contain;
text-align:center;
/* background-image:url(../Image/flower.jpg);*/
}
.footer-content{
margin: 0 auto;
width:90%;
/* height:auto; */
}
.end-col {
/*
margin-top:20px;
margin-left:20%;
*/
margin:20px auto;
height: 250px;
width: 200px;
float:none;
}
.end-col img{
height: 90px;
width: 90px;
}
}
/*--------------SMALL SCREENS ENDS------------- */
/*-----------Resp---SIFTING OF THE TIKER TO DOWN-------------*/
/*---------------------------*/
/*-------------------------*/