html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  font-family:Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
/**/
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.header-logo img{width: 200px;}
.nav-main {
    margin-top: 9px;
    margin-bottom: 9px;
}
img.mobile-nav-img {
    width: 37px;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 15px;
/*display: none;*/}
button.navbar-toggle {
    position: absolute;
    top: 0;
    right: 0;
}
.pad-3 {
    padding: 7% 0%;
}

/*-----abasic of this tamizh template*/
/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/* general styles */
html, body {
  height: 100%;
  width: 100%;
}

/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}

/* vertical-centered text */
.text-vcenter {
 /* display: table-cell;*/
  text-align: center;
  vertical-align: middle;padding: 13% 0 0 0;
}
.text-vcenter h1 {
    font-size: 3.5em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-top: 18%;
    color: #ffff;
    text-align: center;text-shadow: 3px 3px 4px #0e0e0e;

}
.contact-form {
    margin-top: 25%;
}

/* additional sections */
#home {
  background: url(../img/banner-main.png) no-repeat center center fixed;
/*background: #fff;*/ 
  display: table;
  height:700px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#about {
}

#services {
  background-color: #306d9f;
  color: #ffffff;
}
#services .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#information {
  background: url(../images/estate.jpg) no-repeat center center fixed; 
/*background: #fff !important; */
  display: table;
  /*height: 800px;*/
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#information .panel {
  opacity: 0.85;
}



footer {
  padding: 4px 0;
}
footer .glyphicon {
  color: #333333;
  font-size: 60px;
}
footer .glyphicon:hover {
  color: #306d9f;
}
/*-------*/
.text-green{color: #63C156 !important;}
.text-yellow{color: #F7D823 !important;}
.text-white{color: #ffff !important;}
.pad-3{padding: 3% 0%;}
.yellow-btn {
    color: #101010 !important;
    background-color: #F7D823 !important;transition: all .1s ease-in-out;
    /* text-shadow: 0px 1px 3px #000; */
    /* border-color: #ccc; */
}

.yellow-btn:hover {
    background: #63c156 !important;
    color: #fff !important;transform: scale(1.1);}
#myNavbar a {   
     padding: 22px 0px;
    /* border-radius: 23px; */
    /* margin-top: 14%; */
    width: 133px;
    /*margin-right: 12px;*/
    transition: 0.3s;
    text-align: center;
    text-transform: uppercase;}

nav.navbar.navbar-default {margin-bottom: 0px;}

.navbar-header img {margin-top: 20px;    margin-bottom: 15px;}

.carousel-control.right, .carousel-control.left{background: none !important;}
.dev-img-sec img {
    /*width: 70%;*/
    text-align: center;
}
/*.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff !important;
    background-color: #63C156 !important;
}*/
.navbar-default .navbar-nav>li.active a, .navbar-default .navbar-nav>li.active a:focus, .navbar-default .navbar-nav>li.active a:hover {
    color: #2c6376 !important;
    /* background-color: #2B6476 !important; */
    font-weight: 900;
}
/*color: #fff !important;
    background-color: #63C156 !important;*/
/*new*/

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: #d5d8d5 !important;}

.cover-height{height: -webkit-fill-available;}

/*timer*/



@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,900,700italic,700,600italic,600,400italic);

.offer-timer body {
  font-family: 'Titillium Web', cursive;
  width: 800px;
  margin: 0 auto;
  text-align: center;
  color: white;
  background: #222;
  font-weight: 100;
}

.offer-timer div {
  display: inline-block;
  line-height: 1;
  padding: 5px 8px 7px 16px;
  font-size: 40px;font-size: 33px !important;
}

.offer-timer span {
  display: block;
  font-size: 20px;
  color: #ccc;
}

.offer-timer #days {
  font-size: 100px;
  color: #db4844;
}
.offer-timer #hours {
  font-size: 100px;
  color: #f07c22;
}
.offer-timer #minutes {
  font-size: 100px;
  color: #f6da74;
}
.offer-timer #seconds {
  font-size: 50px;
  color: #abcd58;
}

/*timer----*/
.detail-cont h4 {
    text-align: left;
    color: #2B6476;
    font-size: 30px;
}
.text-justify {
    text-align: justify;
    line-height: 34px;}

    .detail-cont {
        padding: 3% 6%;}
        .detail-img {
    margin: 0px 6px;
}
.footer-small {
       background-color: #333333;
    /* margin-top: -5px; */
    /* padding-top: 10px;*/
}
.flex-div {
    padding: 22px 0px;
    display: flex;
     flex-wrap: wrap;
}
#contact-div {
    background: url(../img/banner-footer-new.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
}
#offer-div {
    background: #ffffff;
}
#offer-div p{color: #CCC;}
label {
    font-weight: lighter !important;
}
#details-div {
    padding-top: 4%;
}
.copyright {
    text-align: center;
    color: #fff;
}

/*top-button*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
 /*   background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);*/
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
 /*   background: rgba(0, 0, 0, 0.9);*/
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
.float-left{float: left;}
.yellow-btn {
    text-align: center  !important;
    margin: 0 auto  !important;
    float: none  !important;
    display: block !important;
}
ul.offer-ul li {
    color: #ffff;
    list-style-type: disc;
    margin: 24px 0px;
}

/*top-button*/\
#top-menu li.active a {
    border-top: 3px solid #333 !important;
    color: #333;
}
.contact-form {
        /* box-shadow: 3px 9px 30px #ccc; */
    padding: 4% 7% 15% 7%;
    border-radius: 15px;
    background: #ffffff;
}
.contact-form h2 {
    color: #47b6c2;
}

/*new*/
  h2.in-head {
    font-size: 43px !important;
    font-weight: 700 !important;
}
#what-you-get h2 {color: #F47925 !important;}
#what-you-get {
    padding: 7% 0%;
    background: #eef1f336;
    box-shadow: 0px 5px 9px #00000024;
}
#how-it-work {
    padding: 7% 0%;
}
.top-margin {margin-top: 7%;}
.flex-div img{width: 200px !important;float: left;}
.p-h-i-w-div {padding: 4% 2%;}
.p-h-i-w {background: #f5f1f13b;box-shadow: 0px 3px 19px #00000026;border-radius: 6px;padding: 3% 12%;margin-top: 4%;text-align: justify;    height:216px;transition: 0.4s;}
.p-h-i-w-div img {opacity: 0.9;transition: 0.4s;width: 315px;}   
.p-h-i-w-div:hover img {opacity: 1;}
.p-h-i-w-div:hover .p-h-i-w{box-shadow: 0px 3px 49px #0000005c;}
span.step-btn {color: #fff;padding: 3px 8px;background: #EA332F;border-radius: 5px;transition: 0.2s;}
.p-h-i-w-div:hover span.step-btn {color: #fff;padding: 3px 10px;}
#mypos-fea {
    background: #f8f8f8;
    padding: 52px 2px;
    box-shadow: 0px -4px 14px #ccc;
}
#mypos-fea img {
    width: 314px;
    margin: 0px 0px 22px 0px;
}
.mypos-fea-p-div {
    background: #fff;
    padding: 2%;
    border-radius: 7px;
    box-shadow: 0px 1px 18px #ded8d8;
}
.pad-3{padding: 3% 0%;}
.gb-list {
    display: inline-block;
    text-align: left;
    padding: 2%;
    background: #F47925;
    margin: 7px 0px;
    border-radius: 5px;
    color: #fff;
}
p {
    line-height: 27px;
    font-size: 15px;
}

/*new-update*/
ul.fes-div-ul img {width: 68px !important;}
ul.fes-div-ul li:hover {background: #cccccc2e;}
#mypos-fea img {width: 314px;margin: 8px 0px;}
.fea-p {margin-top: 7%; margin-left: 7%;}





@media (min-width: 1366px) {
  
  
  
}
@media (min-width: 1281px) and (max-width: 1366px) {
  
  
  
}


@media (min-width: 1025px) and (max-width: 1280px) {
  
  
  
}


@media (min-width: 768px) and (max-width: 1024px) {
  
  
  
}


/*
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  
  
}

*/

@media (min-width: 481px) and (max-width: 767px) {
  
.text-vcenter { padding: 3% 0 !important;}
.text-vcenter h1 {margin-top: -2%;}
.navbar-header img {margin-top: 20px;margin-bottom: 20px;  margin-left: 17px;}
button.navbar-toggle {position: absolute;top: 10px;right: 11px;}
.detail-cont {order: 1;} 
.text-vcenter {padding: 13% 0 0 0;}
.contact-form {margin-top: 0 !important;margin-bottom: 5% !important;}
.detail-img {margin: 0px 0px; }
ul.offer-ul {padding-left: 22%;/* text-align: center; */}
#myNavbar a {margin-top: 2%;}
img.carousel-inner-img {margin-top: 22%;}
.detail-img img, .dev-img-sec img {width: 100%;}
.contact-form {margin-top: -13%;}
/*ex*/
.p-h-i-w {height: auto;}
h2.in-head {font-size: 33px !important;}
span.step-btn {color: #EA332F;background: #ea332f1c;display: block;text-align: center;margin-bottom: 4px;}
.copyright p {font-size: 13px;}
}



@media (min-width: 320px) and (max-width: 480px) {
.text-vcenter { padding: 2% 0 !important;}
.text-vcenter h1 {margin-top: -2%;}
.navbar-header img {margin-top: 20px;margin-bottom: 20px;  margin-left: 17px;}
button.navbar-toggle {position: absolute;top: 10px;right: 11px;}
.detail-cont {order: 1;} 
.text-vcenter {padding: 13% 0 0 0;}
.contact-form {margin-top: 0 !important;margin-bottom: 5% !important;}
.detail-img {margin: 0px 0px; }
.detail-cont {order: 1;}
ul.offer-ul {padding-left: 22%;}
#myNavbar a {margin-top: 2%;}
img.carousel-inner-img {margin-top: 22%;}
.detail-img img, .dev-img-sec img {width: 100%;}
.offer-timer div { padding: 5px 8px 7px 2px;}
/*ex*/
.p-h-i-w {height: auto;}
h2.in-head {font-size: 33px !important;}
span.step-btn {color: #EA332F;background: #ea332f1c;display: block;text-align: center;margin-bottom: 4px;}
.copyright p {font-size: 13px;}

}