html {height: 100%; overflow-x: hidden;}
body {
-webkit-overflow-scrolling: touch;
background: #fff;
padding: 0;
font-family: 'open sans';
position: relative;
margin: 0;
height: 100%;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif !important;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Open Sans', sans-serif !important;
font-weight:300;
color: #0F95D1;
color: #139FDD;
}
.login-class{
margin-top:4px!important;
color:#000!important;
font-size:17px!important;
font-weight: bold!important;
background:none!important;
padding-right:10px!important;
background:none!important;
}
.login-cont1{
display: inline-block;
float: right;
width: 50%;
}
.top-space-home{
float:right!important;
margin-top:32px!important;
}
.select-city{
width:150px;
font-size:13px;
border:solid 1px #cbc5c0 !important;
border-radius:5px;
}
.select-city .selectBox-dropdown{
background:#FFF !IMPORTANT;
}
.select-city .selectBox-dropdown .selectBox-arrow{
border-left:solid 1px #cbc5c0;
}
.new-chennai{
float:left;
padding-top:31px;
padding-left:10px;
font-weight:bold;
}
.wrapper {
min-width: 100%;
height: 100% !important;
margin: 0 auto;
overflow: hidden;
}
a {text-decoration: none;}
.user-list-home a{ color: #000;}
.user-list-home a:hover{ color: #000;text-decoration:underline;}
h1, h2 {width: 100%;}
h1 span {
font-size: 26px;
margin: 0 5px;
text-transform: capitalize;
background: rgba(0,0,0,0.85);
display: inline-block;
color: #6D461D;
border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
-moz-border-radius: 5px 5px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
padding: 3px 10px;
}
.main {
float: left;
width: 100%;
margin: 0 auto;
}
.main h1 {
padding:150px 50px;
float: left;
width: 100%;
font-size: 45px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-weight: 100;
color: white;
margin: 0;
}
.clear {
width: auto;
}
.btns {
width: 410px;
margin: 50px auto;
}
.credit {
text-align: center;
color: rgba(0,0,0,0.5);
padding: 10px;
width: 410px;
clear: both;
margin: 0 auto;
}
.credit a {
color: rgba(0,0,0,0.85);
text-decoration: none;
font-weight: bold;
text-align: center;
}
header {
position: relative;
z-index: 10;
}
.main section .page_container {
position: relative;
top: 15%;
margin: 0 auto 0;
max-width: 950px;
z-index: 3;
}
.main section {
z-index: 1;
overflow: hidden;
}
.main section > img {
position: absolute;
max-width: 100%;
z-index: 1;
}
@font-face {
font-family: 'Socialico';
src: url('../fonts/Socialico.eot');
src: url('../fonts/Socialico.eot?#iefix') format('embedded-opentype'),
url('../fonts/Socialico.ttf') format('truetype'),
url('../fonts/Socialico.svg#Socialico') format('svg');
font-weight: normal;
font-style: normal;
}
/* ------------------- NAVIGATION ------------------- */
.sticky-wrapper {
position:fixed;
z-index:999;
width:100%;
background-color: #fff;
height: 82px;
border-bottom: 1px solid #ccc;
}
.sticky-wrapper1 {
position:fixed;
z-index:999;
width:100%;
background-color: #fff;
height: 82px;
border-bottom: 1px solid #ccc;
}
.top-links{width:66%;
text-align:right;
float:left;
margin:31px 0px 0px 0px;
}
.top-links a{
color:#0481bb;
padding:0px 10px;
font-weight:bold;
}
.top-links a:hover{
color:#c7004b;
padding:0px 10px;
font-weight:bold;
text-decoration:none;
}
.top-links span{
color:#000;
padding:5px 0px 0px 0px;
font-weight:bold;
font-size:17px;
}
.top-links1{width:56%;
text-align:right;
float:left;
margin:31px 0px 0px 0px;
}
.top-links1 a{
color:#0481bb;
padding:0px 10px;
font-weight:bold;
}
.top-links1 a:hover{
color:#c7004b;
padding:0px 10px;
font-weight:bold;
text-decoration:none;
}
.top-links1 span{
color:#000;
padding:10px 0px 0px 0px;
font-weight:bold;
}
.user-profile{color:#000 !important; font-weight:normal !important; }
.user-profile a{color:#000 !important; font-weight:normal !important; text-decoration:none;}
.user-profile a:hover{color:#000 !important; font-weight:normal !important; text-decoration:underline;}
nav {
max-width: 98%;
height: 45px;
margin: 0 auto;
z-index: 101;
}
#logo {
float: left;
display: block;
font-size: 14pt;
color: #212121;
margin-left: 0px;
letter-spacing: 2px;
padding: 0px 15px 0px 0;
line-height: 20px;
vertical-align: middle;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: 1s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.select-city {
float: left;
display: block;
font-size: 14pt;
color: #212121;
margin-left: 0px;
/*letter-spacing: 2px;
*/padding: 0px 0px 0px 0;
line-height: 16px;
vertical-align: middle;
margin-top:27px;
width:170px;
}
.select-city{
width:150px;
font-size:13px;
border:solid 1px #000;
}
nav #logo {
font-size: 14pt;
color: #212121;
letter-spacing: 2px;
line-height: 20px;
}
.sign-in{
float: right;
display: inline-block;
margin-left: 0px;
margin-top: 23px;
margin-bottom: 10px;
list-style: none;
vertical-align: middle;
/*-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: 1s;
animation-timing-function: ease;
animation-fill-mode: both;
*/}
.sign-in li {
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9pt;
margin: 8px 7px 0px 7px;
float:left;
padding: 5px 15px;
vertical-align: middle;
text-decoration: none;
/*transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;*/
z-index: 1;
background:#fece14;
border-radius:5px;
}
.sign-in li:hover{
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9pt;
margin: 8px 7px 0px 7px;
padding: 5px 15px;
vertical-align: middle;
text-decoration: none;
/*transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;*/
z-index: 1;
background:#fece14;
border-radius:5px;
}
nav ul {
float: right;
display: inline-block;
margin-left: 0px;
margin-top: 50px;
list-style: none;
vertical-align: middle;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: 1s;
animation-timing-function: ease;
animation-fill-mode: both;
}
nav ul li {
display: inline-block;
vertical-align: middle;
line-height: 14px;
float:right;
}
nav ul li a {
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9pt;
margin: 5px 7px 0px 7px;
padding: 5px 15px;
vertical-align: middle;
text-decoration: none;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
z-index: 1;
/* background:#fece14; */
}
nav ul li :hover {
text-decoration:none;
color: #fff;
background:#000;
}
.active {
font-weight:normal;
color: #777;
}
.about-head{color:#fff; margin-bottom:10px; text-align:left; font-size:18px; font-weight:normal !important;}
.about-font{color:#fff; margin-bottom:10px; text-align:justify; font-weight:normal !important; margin-bottom:50px; font-size:14px;}
.leader-head{color:#fff; margin-bottom:10px; text-align:center; font-size:18px; font-weight:normal !important;}
.testmonials-font{color:#fff; margin-bottom:10px; text-align:justify; font-weight:normal !important; margin-bottom:32px; }
.company-font{color:#fece14; margin-bottom:10px; text-align:right; font-weight:normal !important; margin-bottom:33px; }
.clints-logos{width:100%; float:left; margin-bottom:25px; text-align:left;}
.clints-logos img{margin:2px; border:solid 1px #ccc;}
/*-----Search Block--------*/
.search-block{
width:80%;
margin:0px auto;
margin-top:50px;
}
.search-block-bg{
width: 78%;
margin:0px;
float:left;
height:370px;
background:url(../images/white-bg.png) top left repeat;
box-shadow: 0 0 20px #000;
border-radius: 18px;
opacity: 0.8;
background: #304F70;
}
.search-block-body{width:80%;
margin:10px 0px;
float:left;
z-index:100;
position:absolute;
}
.search-block-main{width:90%;
margin:0px auto;
}
.search-block-main h1{
text-align:left !important;
margin-bottom: 15px;
font-weight:normal !important;
letter-spacing: -1px;
color: #fff !important;
/*font-family: 'open sans' !important;*/
font-size:40px!important;
margin:10px 0px 25px 0px !important;
}
.search-main{
width:100%;
float:left;
border-bottom:solid 1px #999;
padding-bottom:15px;
margin-bottom:5px;
}
.select-hyd{
width:36%;
float:left;
margin-right:2.5%;
}
.select-purpose{
width:18%;
float:left;
margin-right:2.5%;
}
.min-sqr{
width:13%;
float:left;
margin-right:2.5%;
}
.search-btn-block{
width:10%;
float:left;
}
.search-btn{
background:#4D9FD6;
width:100%;
font-size:17px;
border:none;
padding:8px 0px 8px 0px;
border-radius:5px;
color:#fff;
font-weight:normal;
}
.search-btn:hover{
/*background:#fece14;*/
font-size:17px;
width:100%;
border:none;
padding:8px 0px 8px 0px;
border-radius:5px;
color:#fff;
font-weight:normal;
}
.textfield-1{ border-radius:5px; border:none; font-size:17px; color:#111; font-weight:normal; width:100%; padding:8px 7px 7px 7px;}
.select-menu-1{ border-radius:5px; border:none; font-size:17px; color:#000; font-weight:normal; width:100%; padding:7px; overflow:auto;
}
.font1{font-size:13px; color:#FFF; font-weight:normal;}
.font1 a{font-size:13px; color:#FFF; font-weight:normal; text-decoration:none;}
.font1 a:hover{font-size:13px; color:#fece14; font-weight:normal; text-decoration:underline;}
.font3{font-size:13px; color:#FFF; font-weight:normal;}
.font3 a{font-size:13px; color:#fece14; font-weight:normal; text-decoration:underline;}
.font3 a:hover{font-size:13px; color:#fece14; font-weight:normal; text-decoration:none;}
.font2{font-size:18px; color:#FFF; font-weight:normal; padding-top:10;}
.img-border{padding:5px; margin:5px 3px; /*border:solid 1px #ccc;*/ }
.blog-posts-main{
width:100%;
float:left;
margin-bottom:15px;
}
.blog-posts-img{
width:20%;
float:left;
}
.blog-posts-img img{
max-width:100%;
}
.blog-posts-content{
width:75%;
float:right;
text-align:left;
}
.blog-posts-content h1{
color:#afafaf !important;
font-size:18px !important;
text-align:left !important;
}
.time-date{font-size:12px; color:#fff !important;}
.blog-text{font-size:14px; color:#fff !important;}
.read-more-blog{font-size:14px; color:#fece14 !important;}
.read-more-blog a{font-size:14px; color:#fece14 !important;}
.read-more-blog a:hover{font-size:14px; color:#fece14 !important; text-decoration:underline;}
.row-1, .row-2{width:100%; float:left; margin-top:25px;}
.row-3{width:100%; float:left; margin:10px 0px; color:#fece14 !important; font-weight:normal !important; cursor:pointer; font-size:14px;}
.row-3 a{width:100%; float:left; color:#fece14 !important; font-weight:normal !important; cursor:pointer; font-size:14px;}
.row-3 a:hover{width:100%; float:left; color:#fece14 !important; font-weight:normal !important; text-decoration:underline; cursor:pointer; font-size:14px;}
.blog-icon a{
width:18%;
float:left;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/blog.png) center top no-repeat #fece14;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
margin-right:2%;
}
.blog-icon a:hover
{width:18%;
float:left;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/blog-hover.png) center top no-repeat #fece14;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
margin-right:2%;
}
.post-req-icon a{
width:24%;
float:left;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/requirement.png) center top no-repeat #4D9FD6;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
margin-right:1.3%;
}
.post-req-icon a:hover
{width:24%;
float:left;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/requirement-hover.png) center top no-repeat #4D9FD6;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
margin-right:1.3%;
}
.list-prop-icon a{
width:24%;
float:left;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/houseproperty.png) center top no-repeat #4D9FD6;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
margin-right:1.3%;
}
.list-prop-icon a:hover{
width:24%;
float:left;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/houseproperty-hover.png) center top no-repeat #4D9FD6;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
margin-right:1.3%;
}
.calc-icon{
width:24%;
float:left;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer; background:url(../images/calc.png) center top no-repeat #4D9FD6;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
margin-right:1.3%;
}
.calc-icon:hover{width:24%;
float:left;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/calc-hover.png) center top no-repeat #4D9FD6;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
margin-right:1.3%;
}
.prop-icon a{
width:24%;
float:right;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/accend-icon.png) center top no-repeat #4D9FD6;
padding-bottom:10px;
text-decoration:none;
font-size:16px;
font-weight:normal;
}
.prop-icon a:hover{
width:24%;
float:right;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
background:url(../images/accend-icon-hover.png) center top no-repeat #4D9FD6;
padding-bottom:10px;
font-size:16px;
font-weight:normal;
text-decoration:none;
}
.latest-news{width:100%;
float:left;
text-align:left;
font-size:14px;
font-weight:normal !important;
color:#fff;}
.blue-font{color:#070bc5 !important; background:#fff; font-weight:bold !important;}
.news{color:#4D9FD6; cursor:pointer; font-size:15px;}
.news:hover{color:#4D9FD6; cursor:pointer; text-decoration:underline;}
.video-aps{width:25%;
float:right;
font-weight:normal !important;
color:#fff;}
.video-aps a{
font-weight:normal !important;
color:#4D9FD6;}
.search-select{
width:90%;
float:left;
}
.search-icon{
width:10%;
float:left;
}
.login-home{text-align:right; padding-top:35px; font-size:13px; padding-right:15px; float:right;}
/*-----Search Block--------*/
/* --------------------------------------------- */
.wrapper .dark {
background-color:rgba(0, 0, 0, 0.61);
border-bottom: 1px solid #777;
}
.wrapper .dark nav ul li a {
color:#fff;
}
.wrapper .dark nav ul li .active {
font-weight: bold;
color: #777;
}
/* ------------------- page 1 ------------------- */
.main section.page1 {
min-width: 100%;
min-height: 100%;
background-color:#2b3b43;
}
.main section.no_video {
background-image: url('../data/home_back.jpg');
/*background-color:#777; */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.main section.video {
background: url('../img/pattern.png') repeat;
}
.main section.page1 h1 {
text-align: center;
padding: 0;
font-weight:600;
margin:20px 0;
font-size: 70px;
color:#fff;
}
.main section.page1 h2 {
color:#fff;
text-align: center;
width: 600px;
margin: 0px auto 60px;
float: none;
line-height: 160%;
}
.main section .page_container .btns {
clear: both;
text-align: center;
width: 435px;
}
.main section .page_container .btns a{
color:#fff;
text-align: center;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
color: #fff;
background-color: #777;
border-color: #777;
}
.social_module {
max-width:325px;
margin: 60px auto 0px;
border-top:1px solid #fff;
}
.social_module a {
text-decoration: none;}
.social_module ul li {
list-style: none;
display: inline-block;
padding: 0px 20px 0px 20px;
}
.social_module ul {
padding-left:0px;
margin:5px 0 10px;
}
.icon:hover{
color:#777;}
.icon {
font-family: "Socialico";
font-weight: 400;
font-style: normal;
font-size: 30px;
color: #fff;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
/* --------------------------------------------- */
/* ------------------- page 2 ------------------- */
.main section.page2 {
background-color:#fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 100%;
min-height: 100%;
}
.main section.page2 .page_container {
margin-top: 0px;
overflow: hidden;
width:100%;
}
.main section.page2 h1 {
text-align: center;
padding: 0;
margin-bottom: 15px;
font-size: 40px;
letter-spacing: -1px;
color: white;
}
.main section.page2 h2 {
color: rgba(255,255,255,0.85);
text-align: center;
font-size: 25px;
font-weight: 100;
margin:0 0 20px 0;
}
.main section.page2 a,
.main section.page2 p,
.main section.page2 h1,
.main section.page2 h2 {
color:#555;
}
.slider {
float: left;
width: 100%;
height: 100%;
margin: 0 auto;
}
.portfolio .slide .content p{
float: left;
font-weight: normal;
width: 100%;
font-size: 14px;
margin-top: 5px;
}
.portfolio {
padding: 40px 0 0 0;
max-width: 100%;
height: 420px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
overflow: hidden;
}
.portfolio .slide {
height: 100%;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: absolute;
}
.portfolio .slide .image {
float: none;
width: 50%;
padding-left: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: middle;
display: table-cell;
padding: 0 0 0 10px;
}
.portfolio .slide .image img{
max-width: 100%;
display: block;
width: 100%;
}
.portfolio .slide .content {
float: none;
width: 50%;
padding-right: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: left;
line-height: 160%;
vertical-align: middle;
display: table-cell;
}
.portfolio .slide .content h2{
font-size: 18px;
font-weight: 400;
text-align: left;
line-height: 140%;
margin-bottom:10px;
}
.main section.page2 .btn-outline {
color:#fff;
background-color:#777;
}
.main section.page2 .btn-outline:hover, .main section.page2 .btn-outline:focus, .main section.page2 .btn-outline:active {
color:#fff;
background-color:#555;
border-color:#555;
}
.main section.page2 .new {
font-size: 12px;
color: #777;
position: absolute;
line-height: 10px;
padding:5px;
margin-left:10px;
background-color:#fff;
border:1px solid #777;
border-radius: 10%;}
.portfolio .slide2 .image {
padding-left: 0px;
padding-right:10px;
}
.portfolio .slide2 .content {
padding-right: 0px;
padding-left: 30px;
}
/* --------------------------------------------- */
/* ----------------------------- page 3 --------------------------- */
.main section.page3 {
background-image: url('../data/bg-02.jpg');
background-color:#616e74;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 100%;
min-height: 100%;
color:#fff;
}
.main section.page3 .page_container {
margin-top: 0px;
overflow: hidden;
}
.main section.page3 h1 {
text-align: center;
padding: 0;
margin-bottom: 15px;
font-size: 40px;
letter-spacing: -1px;
color: white;
}
.main section.page3 h2 {
color: rgba(255,255,255,0.85);
text-align: center;
font-size: 25px;
font-weight: 100;
margin:0 0 20px 0;
}
.carousel.carousel-fade .item {
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity:0;
}
.carousel.carousel-fade .active.item {
opacity:1;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
left: 0;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
left: 0;
z-index: 1;
}
.carousel.carousel-fade .carousel-control {
z-index: 3;
}
.carousel {
margin-top:50px;
}
.main section.page3 .slide1 {
padding-top:40px;
height:350px;
}
.one-third {
width: 295px;
}
.column {
float: left;
margin:0 0px;
min-height: 1px;
}
.column-section {
margin-top: 20px;
}
.align-center {
text-align: center;
}
.main section.page3 h4 {
color:#fff;
font-size:17px;
}
.main section.page3 p {
font-size:13px;
font-weight:normal;
text-align:justify;
font-family: 'Open Sans' !important;
letter-spacing:normal;
color:#fff;}
.main section.page3 .slide2 {
padding-top:40px;
height:350px;
}
.iconbox-content {
float: right;
width: 240px;
text-align:left;
}
.iconbox .fa {
color: #fff;
}
.slide2 h5 {
color:#fff;
font-size: 18px;
margin-top:0px;
line-height: 26px;
}
.main section.page3 .slide3 {
padding-top:40px;
height:350px;
}
.slide3 .one-fourth {
width: 215px;
}
.one-fourth .fa {
color: #fff;
}
.counter {
margin-top: 10px;
color: #fff;
}
.counter-value {
font-family: 'Open Sans';
font-weight: 800;
font-size: 48px;
line-height: 60px;
}
.counter-name {
font-size: 14px;
text-transform: uppercase;
margin-top: 15px;
letter-spacing: .1em;
}
.slide3 h6 {
color: #fff;
}
/* --------------------------------------------- */
/* ---------------------------------------------------------- page 4 ---------------------------------------------------------- */
.main section.page4 {
background-image: url('../data/bg-01.jpg');
background-color:#6f6f6f;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 100%;
min-height: 100%;
}
.main section.page4 .page_container {
margin-top: 0px;
overflow: hidden;
}
.main section.page4 h1 {
text-align: center;
padding: 0;
margin-bottom: 15px;
font-size: 40px;
letter-spacing: -1px;
color: white;
}
.main section.page4 h2 {
color: rgba(255,255,255,0.85);
text-align: center;
font-size: 25px;
font-weight: 100;
margin:0 0 20px 0;
}
.viewing-page-4 .back{
background: rgba(0, 0, 0, 0.25);
color: #FFF;
}
.carousel-indicators {
bottom: -15px;
}
.carousel-indicators li {
display: inline-block;
width: 11px;
height: 11px;
margin: 2px;
text-indent: -999px;
border: none;
cursor: pointer;
background-color: rgba(255,255,255,.4);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.carousel-indicators .active {
width: 11px;
height: 11px;
margin:2px;
}
.portraits{
text-align: center;}
.portraits li {
position: relative;
list-style-type: none;
display: inline-block;
width: 24.6%;
height: auto;
margin-bottom: 2.5%;
transition: all 150ms ease-out;
margin: 0 0px 5px 0px;
padding-bottom:10px;}
.portraits li img {
width:100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
/* .portraits li img:hover {
filter:alpha(opacity=80);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity: 0.8;}*/
.portraits li .name {
font-size: 18px;
color: #fff;
font-weight: normal;
font-style: normal;
margin: 10px 0 0px 0;
display: inline-block;}
.portraits li .poste {
font-family:'OpenSansLight', sans-serif;
font-size: 12px;
font-weight: bolder;
color:#fff;
text-transform: uppercase;
padding: 8px 8px;
margin-bottom: 0px;
font-style:italic;
display: inline-block;}
.portraits li .whathedo {
color: #3b3b3b;
display:none;
font-size:12px;}
.portraits li .whathedo a {
padding: 0px 5px 0px 5px;
}
.ch-item {
border-radius:2%;
width: 205px;
height: 205px;
position: relative;
cursor: default;
margin:0 auto 15px;
box-shadow:
inset 0 0 0 0 rgba(0, 0, 0, 0.5),
inset 0 0 0 5px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
background-size: 205px 205px;
}
.ch-info {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden; /*for a smooth font */
}
.ch-info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 65px 0 0 0;
height: 110px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow:
0 0 1px #fff,
0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
margin: 80px 30px 0px;
font-size: 12px;
}
.ch-info p a {
text-decoration:none;
color: #fff;
color: rgba(255,255,255,0.7);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
margin:0px 10px;
font-family: 'Open Sans', Arial, sans-serif;
}
.ch-info p a:hover {
color: #fff222;
color: rgba(255,242,34, 0.8);
}
.ch-item:hover {
box-shadow:
inset 0 0 0 3px rgba(71, 183, 230, 1),
inset 0 0 0 110px rgba(0, 0, 0, 0.6),
0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.ch-grid {
margin: 50px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-grid:after,
.ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.icon_mobile {
font-family: "Socialico";
font-weight: 400;
font-style: normal;
font-size: 30px;
color: #fff;}
/* -------------------------------------------------------------------------------------------------------------------- */
.main section.page6 {
background-image: url('../data/new-bg-image.jpg');
background-color:#6f6f6f;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 100%;
min-height: 100%;
}
.main section.page6 .page_container {
margin-top: 0px;
overflow: hidden;
}
.main section.page6 h1 {
text-align: center;
padding: 0;
margin-bottom: 15px;
font-size: 40px;
letter-spacing: -1px;
color: white;
}
.main section.page6 h2 {
color: rgba(255,255,255,0.85);
text-align: center;
font-size: 25px;
font-weight: 100;
margin:0 0 20px 0;
}
.viewing-page-6 .back{
background: rgba(0, 0, 0, 0.25);
color: #FFF;
}
.carousel-indicators1 {
bottom: -15px;
}
.carousel-indicators1 li {
display: inline-block;
width: 11px;
height: 11px;
margin: 2px;
text-indent: -999px;
border: none;
cursor: pointer;
background-color: rgba(255,255,255,.4);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.carousel-indicators1 .active {
width: 11px;
height: 11px;
margin:2px;
}
.portraits{
text-align: center;}
.portraits li {
position: relative;
list-style-type: none;
display: inline-block;
width: 24.6%;
height: auto;
margin-bottom: 2.5%;
transition: all 150ms ease-out;
margin: 0 0px 5px 0px;
padding-bottom:10px;}
.portraits li img {
width:100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
/* .portraits li img:hover {
filter:alpha(opacity=80);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity: 0.8;}*/
.portraits li .name {
font-size: 18px;
color: #fff;
font-weight: normal;
font-style: normal;
margin: 10px 0 0px 0;
display: inline-block;}
.portraits li .poste {
font-family:'OpenSansLight', sans-serif;
font-size: 12px;
font-weight: bolder;
color:#fff;
text-transform: uppercase;
padding: 8px 8px;
margin-bottom: 0px;
font-style:italic;
display: inline-block;}
.portraits li .whathedo {
color: #3b3b3b;
display:none;
font-size:12px;}
.portraits li .whathedo a {
padding: 0px 5px 0px 5px;
}
.ch-item {
border-radius:2%;
width: 205px;
height: 205px;
position: relative;
cursor: default;
margin:0 auto 15px;
box-shadow:
inset 0 0 0 0 rgba(0, 0, 0, 0.5),
inset 0 0 0 5px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
background-size: 205px 205px;
}
.ch-info {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden; /*for a smooth font */
}
.ch-info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 65px 0 0 0;
height: 110px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow:
0 0 1px #fff,
0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
margin: 80px 30px 0px;
font-size: 12px;
}
.ch-info p a {
text-decoration:none;
color: #fff;
color: rgba(255,255,255,0.7);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
margin:0px 10px;
font-family: 'Open Sans', Arial, sans-serif;
}
.ch-info p a:hover {
color: #fff222;
color: rgba(255,242,34, 0.8);
}
.ch-item:hover {
box-shadow:
inset 0 0 0 3px rgba(71, 183, 230, 1),
inset 0 0 0 110px rgba(0, 0, 0, 0.6),
0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.ch-grid {
margin: 50px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-grid:after,
.ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.icon_mobile {
font-family: "Socialico";
font-weight: 400;
font-style: normal;
font-size: 30px;
color: #fff;}
/* -------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------- page 5 ------------------------------------------------------------- */
.main section.page5 {
background-color:#fff ;
}
.main section.page5 .page_container {
top:0px;
width:100%;
max-width:none;
overflow:hidden;
}
.main section.page5 h1 {
text-align: center;
padding: 0;
margin:40px auto 15px;
font-size: 40px;
font-weight: 300;
color: #757575;
}
.main section.page5 h2 {
width:950px;
color: #999;
text-align: center;
font-size: 25px;
font-weight: 300;
line-height: 1.25em;
margin:0 auto 0px ;
}
.main section.page5 .page_container .top-image {
width:100%;
height: 200px;
}
.main section.page5 .page_container .top-image img {
width:100%;
height: 200px;
}
section.contact .row {
font-family:'OpenSansRegular', serif;
line-height:24px;
color:#777;
width:950px;
font-size:14px;
margin: 10px auto 40px auto;
}
section.contact .row .col1 {
width:55%;
padding:0px 0% 0px 50px;
display:inline-block;
vertical-align:text-top;
border-left:dashed 1px #999;
text-align:left;
}
section.contact .row .float {
float:left;
}
section.contact .page_container .col2 {
width: 44%;
padding: 0px 50px 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:left;
}
section.contact .page_container form input[type="text"],
section.contact .page_container form input[type="email"],
section.contact .page_container form textarea {
width:100%;
height:35px;
padding:5px 10px;
font-size: 12px;
color:#999;
font-weight:400;
letter-spacing:1px;
background-color:#FFF;
border:1px solid #b8b8b8;
border-radius:0px;
box-shadow:none;
margin-bottom:10px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
section.contact .page_container form input[type="text"]:focus,
section.contact .page_container form input[type="email"]:focus,
section.contact .page_container form textarea:focus {
outline-width: 0;
border:1px solid #ff0000;
color:#999;
}
section.contact .page_container form input[type="text"]:required:valid,
section.contact .page_container form input[type="email"]:required:valid,
section.contact .page_container form textarea:required:valid {
border:2px solid #555;
color:#555;
background-repeat:no-repeat;
background-position:98%;
}
section.contact .page_container form input[type="text"]:required:invalid,
section.contact .page_container form input[type="email"]:required:invalid,
section.contact .page_container form textarea:required:invalid {
background-repeat:no-repeat;
background-position:98%;
}
section.contact .page_container form textarea:required:valid,
section.contact .page_container form textarea:required:invalid {
background-position:98% 8px;
}
section.contact .page_container form textarea {
resize:vertical;
height:75px;}
section.contact .page_container form label {
color:#555;
font-family:'OpenSansSemibold', sans-serif;
text-transform:uppercase;
font-size:14px;
font-weight:normal;
letter-spacing:1px;}
section.contact .page_container form .required {
color:#fc0606;}
section.contact .page_container form .submit {
width:100%;
padding:5px 10px;
background-color:#4D9FD6;
font-family: 'Open Sans';
letter-spacing:1px;
color:#000;
margin-top:0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:2px solid #4D9FD6;
box-shadow:none;
/*-webkit-box-shadow:none;
-moz-box-shadow:none;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;*/}
section.contact .page_container form .submit:hover {
color:#FFF;
border:2px solid #4D9FD6;
background-color: #4D9FD6;
cursor:pointer;}
section.contact .page_container h4 {
color:#555;
font-family:'OpenSansSemibold', sans-serif;
text-transform:uppercase;
font-size:14px;
font-weight:normal;
line-height: 24px;
letter-spacing:1px;
margin-bottom:0px;
margin-top:35px;}
section.contact .page_container h4:first-child{
margin-top:0px;}
section.contact .page_container a {
color:#0584b8;
letter-spacing:1px;
text-decoration:none;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
section.contact .page_container a:hover {
color:#0584b8;
text-decoration:underline;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
section.contact .page_container form label, section.contact .page_container h4 {
font-family: 'Open Sans';
font-weight: 600;
margin-bottom:0px;
}
section.contact .page_container p {
font-size: 14px;
font-family: 'Open Sans', arial, sans-serif;
font-weight: 400;
line-height: 24px;
color: #777;
margin:0px;
}
.close-page-main{
width:100%;
height:100%;
background:#4D9FD6;
z-index:10000000000;
position:fixed;
display:none;
}
.close-page
{
position:absolute;
width:500px;
height:200px;
z-index:15;
top:50%;
left:50%;
margin:-100px 0 0 -250px;
font-size:18px;
}
.close-page span{
font-weight:bold;
font-size:40px;
}
@media screen
and (max-height : 699px)
{
.portfolio {padding: 20px 0 0 0; height: 355px;}
.main section.page3 .slide1 { padding-top: 40px;}
/*.carousel {margin-top: 0px;}
*/.ch-grid {margin: 30px 0 0 0;}
.main section.page5 .page_container .top-image {display:none;}
.main section.page5 h1 {margin: 80px auto 15px;}
}
.footer-top{
width:100%;
background-color:#666;
text-align:left;
float:left;
}
.footer-bottom{
width:100%;
background-color:#333;
text-align:center;
float:left;
}
.footer-bottom-main{width:950px; margin:0px auto;}
.footer-bottom-left{width:50%; float:left; margin:0px; text-align:left; padding:7px 0px; font-size:12px; color:#fff; font-weight:normal;}
.footer-bottom-right{width:50%; float:right; margin:0px; text-align:right; padding:7px 0px; font-size:12px; color:#4D9FD6; font-weight:normal;}
.footer-bottom-right a{ margin:0px; text-align:right; padding:7px 0px; font-size:12px; color:#4D9FD6; font-weight:normal; text-decoration:none;}
.footer-bottom-right a:hover{ margin:0px; text-align:right; padding:7px 0px; font-size:12px; color:#4D9FD6; font-weight:normal; text-decoration:underline;}
.footer-logo{width:40%; float:left; margin-top:10px; text-align:left;}
.footer{
width:100%;
position:absolute;
text-align:center;
padding-top:9px;
margin-top:-26px;
}
.footer-main{
width:950px; margin:0px auto;
}
.quick-links{width:60%; float:left; margin-top:10px;}
.quick-links p
{
list-style-type:none;
margin-left:0px !important;
padding-top:28px;
}
.quick-links p a
{
font-size:12px;
color:#fff;
line-height:15px;
text-align:left;
color:#4D9FD6;
font-weight:normal;
padding:0px 10px;
}
.quick-links p a:hover
{
font-size:12px;
color:#fff;
line-height:15px;
text-align:left;
color:#4D9FD6;
font-weight:normal;
padding:0px 10px;
text-decoration:underline;
}
.quick-links p a.foot-first
{
font-size:12px;
color:#fff;
line-height:15px;
text-align:left;
color:#4D9FD6;
font-weight:normal;
padding:0px 10px 0px 0px !important;
}
.social{
width:40%; float:right;
padding-top:6px;
text-align:right;
}
.social p{
font-size:12px;
text-align:right;
font-weight:normal;
color:#fff;
}
.social p a{
font-size:12px;
text-align:right;
font-weight:normal;
color:#f3f476;
}
.social p a img{
margin-left:5px;
}
@media screen and (max-width: 1366px){
.carousel-inner {
overflow: hidden;
position: relative;
width: 100%;
height:412px;
}
}
@media screen and (max-width: 1280px){
.sticky-wrapper {
position:fixed;
z-index:999;
width:100%;
background-color: #fff;
height: 82px;
border-bottom: 1px solid #ccc;
}
.top-links{width:54%;
text-align:right;
float:left;
margin:31px 0px 0px 0px;
}
}
@media screen and (max-width: 1024px){
.textfield-1{ border-radius:5px; border:none; font-size:14px; color:#111; font-weight:normal; width:100%; padding:8px 7px 8px 7px;}
.selectBox-dropdown {
min-width: 100%;
position: relative;
/* border: solid 1px #BBB;
*/
text-decoration: none;
text-align: left;
color: #111;
outline: none;
vertical-align: middle;
background: #fff;
display: inline-block;
cursor: default;
border-radius:5px;
padding:7px 0px 7px 0px;
font-size:13px;
}
.selectBox-dropdown .selectBox-label {
padding: 2px 3px 2px 3px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.search-btn{
font-size:14px;
}
.search-btn:hover{
font-size:14px;
}
.portraits li {
position: relative;
list-style-type: none;
display: inline-block;
width: 29%;
height: auto;
margin-bottom: 2.5%;
transition: all 150ms ease-out;
margin: 0 0px 5px 0px;
padding-bottom:10px;}
.sticky-wrapper {
position:fixed;
z-index:999;
width:100%;
background-color: #fff;
height: 82px;
border-bottom: 1px solid #ccc;
}
.top-links{width:55%;
text-align:right;
float:left;
margin:31px 0px 0px 0px;
}
.carousel-inner {
overflow: hidden;
position: relative;
width: 100%;
height:440px;
}
.main section .page_container {
position: relative;
top: 15%;
margin: 0 auto 0;
max-width: 780px;
z-index: 3;
}
section.contact .row {
width:780px;
font-size:14px;
margin: 10px auto 40px auto;
}
.slide3 .one-fourth {
width: 175px;
}
}
@media screen and (min-width:1910px) and (max-width:2500px){
.top-space-home { text-align: right; width: 51%; float:left !important;}
.login-cont{display: inline-block;float: right;width: 5%;}
.login-cont1{display: inline-block;float: right;width: 20%;}
.phone-no{float:left; text-align:right; width:66%; margin-top: 30px!important;
color: #000!important;
font-size: 17px!important;
font-weight: bold!important;
background: none!important;
padding-right: 10px!important;
background: none!important;
}
}
@media screen and (min-width:1680px) and (max-width:1910px){
.top-space-home { text-align: right; width: 44%; float:left !important;}
.login-cont{display: inline-block;float: right;width: 6%;}
.login-cont1{display: inline-block;float: right;width: 23%;}
.phone-no{float:left; text-align:right; width:61%; margin-top: 30px!important;
color: #000!important;
font-size: 17px!important;
font-weight: bold!important;
background: none!important;
padding-right: 10px!important;
background: none!important;
}
}
@media screen and (min-width:1581px) and (max-width:1679px){
.top-space-home { text-align: right; width: 42%; float:left !important;}
.login-cont{display: inline-block;float: right;width: 6%;}
.login-cont1{display: inline-block;float: right;width: 24%;}
.phone-no{float:left; text-align:right; width:60%; margin-top: 30px!important;
color: #000!important;
font-size: 17px!important;
font-weight: bold!important;
background: none!important;
padding-right: 10px!important;
background: none!important;
}
}
@media screen and (min-width:1440px) and (max-width:1580px){
.top-space-home { text-align: right; width: 36%; float:left !important;}
.login-cont{display: inline-block;float: right;width: 7%;}
.login-cont1{display: inline-block;float: right;width: 26%;}
.phone-no{float:left; text-align:right; width:55%; margin-top: 30px!important;
color: #000!important;
font-size: 17px!important;
font-weight: bold!important;
background: none!important;
padding-right: 10px!important;
background: none!important;
}
}
@media screen and (min-width:1360px) and (max-width:1439px){
.top-space-home { text-align: right; width: 32%; float:left !important;}
.login-cont{display: inline-block;float: right;width: 8%;}
.login-cont1{display: inline-block;float: right;width: 28%;}
.phone-no{float:left; text-align:right; width:52%; margin-top: 30px!important;
color: #000!important;
font-size: 17px!important;
font-weight: bold!important;
background: none!important;
padding-right: 10px!important;
background: none!important;
}
}
@media screen and (min-width:1280px) and (max-width:1359px){
.top-space-home { text-align: right; width: 27%; float:left !important;}
.login-cont{display: inline-block;float: right; width: 8%;}
.login-cont1{display: inline-block;float: right;width: 30%;}
.phone-no{float:left; text-align:right; width:49%; margin-top: 30px!important;
color: #000!important;
font-size: 17px!important;
font-weight: bold!important;
background: none!important;
padding-right: 10px!important;
background: none!important;
}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.login-cont1{display: inline-block;float: right;width: 38%;}
.sign-in{margin-top:0px !important;}
.top-space-home {
text-align: right;
width: 47%;
float: left !important;
margin-top: 10px!important;}
.login-cont{margin-top:25px; width: 11%;}
.sticky-wrapper1 {height: 82px;}
.phone-no{float:left; text-align:right; width:36%; font-weight: bold;
margin-top: 35px;}
}
@media screen and (max-width:800px){
.phone-no {
float: right;
text-align: right;
width: 28%;
font-weight:bold;
margin-top: 30px!important;
}
.sticky-wrapper1 {
height: 120px;
}
.login-cont1 {
display: inline-block;
float: right;
width: 50%;
}
.top-space-home {
float: right !important;
margin-top: 2px !important;
text-align: right;
width: 50%;
}
.login-cont {
margin-top: 0px;
}
.sticky-wrapper {
height: 99px !important;
}
}
@media screen and (max-width:768px){
.phone-no {
float: left;
text-align: right;
width: 28%;
margin-top: 30px!important;
}
.sticky-wrapper1 {
height: 120px;
}
.login-cont1 {
display: inline-block;
float: right;
width: 50%;
}
.top-space-home {
float: right !important;
margin-top: 1px !important;
}
.login-cont {
margin-top: 0px;
}
.sticky-wrapper {
height: 99px !important;
}
}
@media screen and (min-width: 1024px) and (max-width:1279px){
.top-links{width:54%;
text-align:right;
float:left;
margin:31px 0px 0px 0px;
}
}
@media screen and (min-width: 1000px) and (max-width:1023px){
.main section.page5 h1 {
margin: 0px auto 15px;
}
.footer{padding-top:0px !important;}
}
@media screen and (min-width: 700px) and (max-width:1023px){
section.contact .page_container .col2 {
width: 100%;
padding: 0px 0px 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:center;
}
.login-cont {
display: inline-block;
float: right;
width: 50%;
}
main section.page5 h1 {
margin: -30px auto 15px;
}
.footer{padding-top:0px !important;}
section.contact .row .col1 {
width:100%;
padding:0px 0% 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:center;
border-left:none !important;
}
.footer-bottom-main {
width: 90%;
margin: 0px auto;
}
.slide3 .one-fourth {
width: 90%;
}
.search-block-bg{width:100%;
margin:0px;
float:left;
height:400px;
background:url(../images/white-bg.png) top left repeat;
box-shadow: 0 0 20px #000;
}
.onepage-pagination{
display:none;
}
.sticky-wrapper {
position:absolute;
z-index:999;
width:100%;
background-color: #fff;
height: 82px;
border-bottom: 1px solid #ccc;
}
.top-links{width:39%;
text-align:right;
float:left;
margin:31px 0px 0px 0px;
}
.search-block{
width:95%;
margin:0px auto;
margin-top:50px;
}
.search-block-body{width:90%;
margin:10px 0px;
float:left;
z-index:100;
position:absolute;
}
.search-block-main{width:95%;
margin:0px auto;
}
.footer-main{
width:90%; margin:0px auto;
}
.carousel-inner {
overflow: hidden;
position: relative;
width: 100%;
height:100%;
}
.sign-in{
margin-top:0px;
}
}
@media screen and (min-width: 700px) and (max-width:767px){
section.contact .page_container .col2 {
width: 100%;
padding: 0px 0px 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:center;
}
section.contact .row .col1 {
width:100%;
padding:0px 0% 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:center;
border-left:none !important;
}
.blog-posts-img{
width:100%;
text-align:center
float:left;
}
.blog-posts-img img{
max-width:100%;
}
.blog-posts-content{
width:100%;
float:left;
text-align:center;
}
.carousel-inner {
overflow: hidden;
position: relative;
width: 100%;
height:100%;
}
.footer-bottom-main {
width: 90%;
margin: 0px auto;
}
.sticky-wrapper {
position:fixed;
z-index:999;
width:100%;
background-color: #fff;
height: 82px;
border-bottom: 1px solid #ccc;
}
.top-links{width:34%;
text-align:right;
float:left;
margin:31px 0px 0px 0px;
}
.search-block{
width:95%;
margin:0px auto;
margin-top:50px;
}
.search-block-body{width:90%;
margin:10px 0px;
float:left;
z-index:100;
position:absolute;
}
.search-block-main{width:95%;
margin:0px auto;
}
.footer-main{
width:90%; margin:0px auto;
}
.footer-logo img {
max-width:100%;
}
.slide3 .one-fourth {
width: 100%;
}
}
@media screen and (min-width: 600px) and (max-width:699px){
section.contact .page_container .col2 {
width: 100%;
padding: 0px 0px 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:center;
}
section.contact .row .col1 {
width:100%;
padding:0px 0% 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:center;
border-left:none !important;
}
.blog-posts-img{
width:100%;
text-align:center
float:left;
}
.blog-posts-img img{
max-width:100%;
}
.blog-posts-content{
width:100%;
float:left;
text-align:center;
}
.carousel-inner {
overflow: hidden;
position: relative;
width: 100%;
height:100%;
}
.footer-bottom-main {
width: 90%;
margin: 0px auto;
}
.top-links{width:35%;
text-align:right;
float:left;
margin:31px 0px 0px 0px;
}
.search-block{
width:95%;
margin:0px auto;
margin-top:50px;
}
.search-block-body{width:90%;
margin:10px 0px;
float:left;
z-index:100;
position:absolute;
}
.search-block-main{width:95%;
margin:0px auto;
}
.sign-in a {
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9pt;
margin: 5px 0px 0px 7px;
padding: 5px 8px;
}
.sign-in a:hover{
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9pt;
margin: 5px 0px 0px 7px;
padding: 5px 8px;
}
.select-city{
width:180px;
}
.select-city {
width:170px;
font-size:13px;
}
.select-hyd, .select-purpose{
width:46%;
float:left;
margin-top:5px;
}
.min-sqr, .search-btn-block{
width:30%;
float:left;
margin-top:15px;
}
.blog-icon a, .blog-icon a:hover, .post-req-icon a, .post-req-icon a:hover, .list-prop-icon a, .list-prop-icon a:hover, .calc-icon, .calc-icon:hover, .prop-icon a, .prop-icon a:hover{
width:30%;
float:left;
margin-bottom:5px;
font-size:12px;
}
.search-block-bg{width:100%;
margin:0px;
float:left;
height:550px;
background:url(../images/white-bg.png) top left repeat;
box-shadow: 0 0 20px #000;
}
.latest-news{width:100%;
float:left; }
.video-aps{width:100%;
float:left;
text-align:left;
margin-top:20px;
}
.footer-main{
width:90%; margin:0px auto;
}
.footer-logo img {
max-width:100%;
}
.slide3 .one-fourth {
width: 100% !important;
}
}
@media screen and (min-width: 320px) and (max-width:699px){
#logo {
width: 100%;
margin-left:0px !important;
}
.top-space-home{
float:right!important;
margin-top:13px!important;
width:100%!important;
}
.sign-in-mobile{margin-left:75px !important;}
.login-cont {
display: inline-block;
float: right;
width: 100%;
}
.sign-in {
margin: 5px auto 0px auto;
text-align: center;
width: 86%;
}
section.contact .page_container .col2 {
width: 100%;
padding: 0px 0px 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:center;
}
section.contact .row .col1 {
width:100%;
padding:0px 0% 0px 0px;
display:inline-block;
vertical-align:text-top;
text-align:center;
border-left:none !important;
}
.blog-posts-img{
width:100%;
text-align:center
float:left;
}
.blog-posts-img img{
max-width:100%;
}
.blog-posts-content{
width:100%;
float:left;
text-align:left;
}
.carousel-inner {
overflow: hidden;
position: relative;
width: 100%;
height:100%;
}
.sticky-wrapper {
position:relative;
z-index:999;
width:100%;
background-color: #fff;
height: 240px !important;
border-bottom: 1px solid #ccc;
}
.top-links{width:100%;
text-align:center;
float:left;
margin:10px 0px 0px 0px;
}
.new-chennai {
font-weight: bold;
padding-top: 10px;
text-align:center;
width:100%;
}
.phone-no {
margin-top: 10px !important;
text-align: center;
width: 100%;
}
.reveal-modal.signin {
margin-left: 10%;
width: 80%;
}
.sticky-wrapper1 {
background-color: #fff;
border-bottom: 1px solid #ccc;
position:relative;
width: 100%;
z-index: 999;
height:315px;
}
.top-space-home {
text-align: center;
}
.sign-in{
width: 97% ;
}
.login-cont1 {
margin: 0% 25%;
width: 50%;
}
/*.sign-in{
display: inline-block;
margin:0px auto;
float:left !important;
text-align:center;
margin-left: 35%;
margin-top: 5px;
}*/
.select-city {
width:50%;
margin-left:25%;
margin-top:6px;
}
#logo {
/*margin-left:20% !important;
*/}
.search-block{
width:100%;
margin:0px auto;
margin-top:0px;
}
.select-hyd, .select-purpose, .min-sqr, .search-btn-block{
width:100%;
float:left;
margin-top:5px;
}
.search-block-main h1{
font-size:20px!important;
margin:10px 0px 0px 0px !important;
}
.search-block-bg{width:100%;
margin:0px;
float:left;
height:900px;
background:url(../images/white-bg.png) top left repeat;
box-shadow: 0 0 20px #000;
}
.search-block-body{width:88%;
margin:0px 0px;
float:left;
z-index:100;
position:absolute;
}
.blog-icon a,
.blog-icon a:hover,
.post-req-icon a,
.post-req-icon a:hover,
.list-prop-icon a,
.list-prop-icon a:hover,
.calc-icon,
.calc-icon:hover{
width:100%;
float:left;
margin-bottom:5px;
font-size:14px;
}
.prop-icon a,
.prop-icon a:hover{display:none;}
.row-1, .row-2{width:100%; float:left; margin-top:10px;}
.latest-news{width:100%;
float:left; }
.video-aps{width:100%;
display:none;
float:left;
text-align:left;
}
.footer-main{
width:90%; margin:0px auto;
}
body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container {
padding: 20px;
margin-top: 10px !important;
}
.quick-links{width:100%; float:left;}
.quick-links ul
{
list-style-type:none;
width:100%;
padding-left:0px;
}
.quick-links ul li
{
font-size:12px;
color:#fff;
line-height:16px;
text-align:center;
float:none;
width:100%;
color:#FFFFFF;
}
.social{
width:100%; float:right;
padding-top:6px;
text-align:center;
}
.social p{
text-align:center;
}
.search-main{
border-bottom:none;
margin-bottom:5px;
}
.onepage-pagination{
display:none;
}
.footer-bottom-left {
width: 100%;
float: left;
margin: 0px;
text-align: center;
padding: 7px 0px;
font-size: 12px;
color: #fff;
font-weight: normal;
}
.footer-bottom-right {
width: 100%;
float: left;
margin: 0px;
text-align: center;
padding: 7px 0px;
font-size: 12px;
color: #4D9FD6;
font-weight: normal;
}
.footer-bottom-main {
width: 90%;
margin: 0px auto;
}
.footer-logo {
width: 100%;
float: left;
margin-top: 10px;
text-align: center;
}
.footer-logo img {
max-width:100%;
}
.quick-links {
width: 100%;
float: left;
margin-top: 10px;
text-align:center;
}
.social {
width: 100%;
float: left;
padding-top: 6px;
text-align: center;
}
.slide3 .one-fourth {
width: 100%;
}
}
@media screen and (min-height: 800px) and (max-height: 1200px){
.footer{
width:100%;
position:absolute;
text-align:center;
padding-top:9px;
margin-top:0px;
}
.main section.page5 .page_container {
top:0px;
width:100%;
max-width:none;
overflow:hidden;
margin-top:100px;
}
}
.abt-bg{
background: url(../images/villa7.jpg) no-repeat;
height: 560px;
background-position: 10px;
}
.form-group{
text-align: left !important;
}
.form-group input[type="text"]{
/*background: #27527D;
border-radius: 20px;
width: 400px;*/
height: 40px;
font-size: 18px;
width: 100%;
}
.snd{
background: #0D7FB1;
color: #fff;
width: 300px;
margin-left: 0%;
border-radius: 20px;
height: 40px;
font-size: 20px;
}
.fai{
margin-left: 90px !important;
font-size: 50px !important;
margin-top: 15px !important;
}
.form-horizontal .control-label{
font-family: 'Open Sans', sans-serif !important;
color: #000;
font-weight: 100;
}
.wrap{
margin-top:20px;
}
/* Set the fixed height of the footer here */
#push,
#footer {
height: 60px;
}
#footer {
background-color: #0B1D35;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
background-color:transparent;
}