Conversation opened. 2 messages. All messages read.


Skip to content
Using Gmail with screen readers
Mayur
Search



Gmail
COMPOSE
Labels
Inbox
Starred
Important
Sent Mail
Drafts (66)
Spam (352)
[Imap]/Drafts
[Imap]/Trash
Junk E-mail
Work
More 
Hangouts

 
 
  More 
16 of 875  


body{ font-family: "Roboto", sans-serif}
.navbar-nav>li>a{ line-height: 30px; font-size: 17px; color: #000000; text-transform: uppercase}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #FFF; background-color: #455a7b;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: #EEEEEE; }
.navbar-default {background-color: #FFFFFF;  border: none;  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);}
h1.title{ font-weight: 300;font-size: 56px;  text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4); -webkit-text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4); -ms-text-shadow:  0px 3px 5px rgba(0, 0, 0, 0.4); color: #ffffff; position: absolute; left: 0;width: 100%;text-align: center;bottom: 30px;}
.banner{ margin:0; height: 400px; background: url('../img/banner.jpg') center top  no-repeat #000; background-size: 100%; position: relative; border: none}
.phonestripe{ background: #b6c4d2;padding-top: 10px ; padding-bottom: 10px}
.contactbody h2{ font-weight: 500; font-size:28px ; margin: 0; width: 100%; color: #000000; line-height: 44px}
.contactbody p{ font-weight: 300; font-size:18px ; margin: 0; width: 100%; color: #000000; line-height:28px }
.contactbody p.call b{ font-weight: 600; font-size:20px ; margin: 0; width: 100%; color: #000000;padding-right: 20px }
.contactbody a, a.btn{ font-weight: 500; font-size:22px ; text-transform: uppercase; margin: 0; width: auto; padding: 0px 20px; line-height: 51px; color: #ffffff}
.getintouch{ background: #455a7b; border-radius: 0;border: none}
.getintouch:hover, .getintouch:focus, .getintouch:active{ background: #314360;}
.serviceblock { width: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); background: #ffffff; transition:  all ease 0.5s; -moz-transition:  all ease 0.5s; -webkit-transition:  all ease 0.5s; -ms-transition:  all ease 0.5s;}
.serviceblock:hover {box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); }
.imagesection { position: relative; width: 100%; overflow: hidden}
.imagesection img{ position: relative; width: 100%; transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; -webkit-transition: 0.5s ease all;}
/* .serviceblock:hover .imagesection img{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); }*/

/* .imagesection p {background: url('../img/overlay.png') bottom left repeat-x; margin: 0; position: absolute; bottom: 0; line-height: 60px;  height: 60px; padding: 10px 15px 0 15px; vertical-align: bottom; left: 00; text-align: left; color: #ffffff; font-size: 16px; font-style: italic; width: 100%;} */
.imagesection p {text-transform: uppercase;  padding: 15px 20px;  background: rgba(255, 255, 255, 0.8);  position: absolute;  bottom: 0;  left: 0;   z-index: 2;   color: #000000;   margin-bottom: 0; font-weight: 400}
.serviceblock .textsection{ padding: 15px; width: 100%;}
.serviceblock .textsection h3{  font-size: 18px; line-height: 26px; margin-top: 0}
.serviceblock .textsection p{  font-size: 15px; line-height: 22px; color: #666666}
.serviceblock .textsection a.btn {font-weight: 300; font-size: 14px; line-height: 40px;}
.allabout{ background: #455a7b; }
.allabout .serviceblock{ background: #b4bdca; text-align: center; margin: 50px auto}
.allabout .serviceblock img{width: auto; margin: 20px auto 5px auto; }
.allabout .serviceblock h3{ color: #000000; font-weight: 600; font-size: 20px; }
.allabout .serviceblock p{ color: #000000; font-weight: 400; padding: 10px 20px; font-size: 15px; }
.allabout h2{ text-align: center; color: #ffffff; line-height: 28px; font-size: 40px; font-weight: 300; margin: 50px 0 20px; }
.allabout .subtitle{ padding: 0px 5%; text-align: center; color: #ffffff; font-size: 18px; line-height: 24px; font-weight:300}
.footer{ background: #000000;height: 112px; line-height: 40px}
.footer p{ margin: 0; line-height: 40px}
.footerslink{ background: #171717; min-height: 72px; padding-top: 15px; padding-bottom: 15px;}
.footerslink ul.linkmenu{ list-style: none; line-height: 42px; font-size: 14px; color: #ffffff; text-transform: uppercase; padding: 0; margin: 0 }
.footerslink ul.linkmenu li{ float: left; margin-right: 25px; vertical-align: middle;  line-height: 42px;}
.footerslink ul.linkmenu li:last-child{ margin-right: 0}
.footerslink ul.linkmenu li a{ color: #ffffff; display: block; float: left; line-height: 42px; vertical-align: middle}
.social li a img{ opacity: 0.8; border:1px solid transparent; border-radius: 3px; transition: 0.5s all ease; -moz-transition: 0.5s all ease; -webkib-transition: 0.5s all ease; -ms-transition: 0.5s all ease; vertical-align: middle}
.social li a:hover img{ opacity: 1; border:1px solid rgba(255, 255, 255, 0.7);  }
.services .container .col-md-4{ border-right: 1px solid #cccccc; margin: 50px auto; }
.services .container .col-md-4:last-child{ border-right: 0 none}


/* inner us page */
.banner.innerpage{height: 277px;background: url('../img/banner_inner.jpg') center top  no-repeat #000; background-size: 100%; padding-top: 80px;}
.banner.innerpage h1{ position: relative; text-align: left;margin-top:7%;bottom: 0;line-height: 58px;margin-bottom: 3px;}
.banner.innerpage p{ font-weight: 500; font-size:24px ; margin: 0; width: 100%; color: #ffffff; line-height: 30px}
.breadcrumbs{ color: #000000; }
.breadcrumbs a{ font-size: 14px; text-transform: none; font-weight: 400; color: #000000; line-height: 24px; }
.breadcrumbs a:first-child{padding-left: 0 }
.contents{ background: #ffffff; margin: 20px auto; border: 1px solid #dddddd; padding: 15px;}
.sidelinks{margin: 20px auto;}
.contents h2, .contents h3,  .contents h4{ margin: 20px auto 10px auto;}
.contents h4{ font-weight: 400; font-size: 20px; color: #000000}
.contents p{ color: #666666;}
.contantimgebanner{ height: 400px; width: 100%; overflow: hidden; display: block; margin-bottom: 20px;}
.aboutimg{ background: url("../img/plan-tight.jpg") no-repeat top center ; background-size: 100%; }
.serviceimge{ background: url("../img/checking-wood-tight.jpg") no-repeat top center ; background-size: 100%; }

.aboutuspage p::first-letter, .servicespage p::first-letter { font-size: 22px; color: #444444;  text-transform: uppercase}



 .rightimage{ margin: 10px; margin-left: 20px; max-width: 100%}
.list-group-item{ font-size: 16px; line-height: 30px;}
.list-group-item:last-child {  border-bottom-right-radius: 0;  border-bottom-left-radius: 0;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {  background-color: #455A7B;  border-color: #455A7B;}
.list-group-item:first-child {  border-top-left-radius: 0;  border-top-right-radius: 0;}
.nav-tabs>li>a {margin-right: -1px;line-height: 50px; border: 1px solid #DDDDDD; border-radius: 0; padding: 0 25px; font-size: 16px; text-align: center; text-transform: uppercase}
.servicestab.nav-tabs>li.active>a, .servicestab.nav-tabs>li.active>a:focus, .servicestab.nav-tabs>li.active>a:hover { color: #FFF;  cursor: default;  background-color: #455A7B;  border: 1px solid #455A7B;  border-bottom-color:transparent;}
.servicestab.nav-tabs>li{  width: 20%;}
.servicestab.nav-tabs>li a{     color: #455A7B;}
.tab-content.servicestab{  border: 1px solid #ddd;  border-top: 0; padding: 15px; margin-bottom: 10px;}
 .border-left{ border-left: 1px solid #dddddd;}
.contents{ font-size: 15px; line-height: 24px}
.contents ul.list{ line-height: 30px; padding-left: 20px;}
 ul.list li a{ word-break: break-all}
.designimg{ width: 60%; margin:20px auto; float: none; max-width: 150px;}
h3.light, h2.light, h1.light{ font-weight: 300}
.contents .contactbody h2{ margin: 0px}
.contents .contactbody p{ color: #000000}

/*gallery*/
.galleryimg{ height:290px; width: 100%; overflow: hidden; display: block; margin-bottom: 0px; position: relative;border-bottom:1px solid #dddddd;}
.galleryimg img{ width: 100%; z-index: 1; position: relative;  transition: 0.75s ease all; -moz-transition: 0.75s ease all; -ms-transition: 0.75s ease all; -webkit-transition: 0.75s ease all;}
/* .galleryblock:hover .galleryimg img{transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); }*/
.galleryimg h3.light{ text-transform: uppercase; padding: 15px 20px;background: rgba(255, 255, 255, 0.8); position: absolute;bottom: 0; left: 0;  z-index: 2;color: #000000;margin-bottom: 0;}
.galleryblock{ border:1px solid #dddddd; width: 100%; float: left; margin-bottom: 30px; clear: both}
.owl-carousel{ padding: 10px 0}
.owl-carousel .item img{display: block;max-width: 100%;height: auto;max-height: 100%;margin: 0 auto;}
.gallerymorebtn{width: 100%}
.owl-carousel .item p{  text-transform: uppercase;  padding: 15px 20px;background: rgba(255, 255, 255, 0.8);  position: absolute;   bottom: 0;  left: 0;  z-index: 2;color: #000000;  font-size: 18px;margin-bottom: 0;}
.owl-carousel .owl-item { float: left;  max-height: 560px;}

/* contact us */
address { font-size: 15px; line-height: 28px;}
.contactform{ background: #e9eef3; border: 1px solid #dee7ef; padding: 15px; padding-top: 0;margin-top: 8px;}
.form-control { height: 50px; padding: 0px 12px;  font-size: 16px;  line-height: 50px;  color: #555; background-color: #fff; border: none;  border-radius: 0;}

/* rrp fancy box */
.fancybox-media{ width: 100%; height: 300px ; display: block; overflow: hidden; text-align: center;    border: 1px solid #ddd; position: relative}
.fancybox-media img{ min-width: 100%; height: 100%;  display: block; position: relative; }
.dtls{transition:  all ease 0.5s; -moz-transition:  all ease 0.5s; -webkit-transition:  all ease 0.5s; -ms-transition:  all ease 0.5s; position: absolute; top: 0%; left: 0;  width: 100%; height: 100%; background: rgba(69, 90, 123, 0.65);   padding-top: 20%; color: #ffffff; line-height: 30px; font-size: 22px;}
.dtls p{ color: #ffffff}
.dtls i{ height: 40px; width: 40px; line-height: 40px; border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -webkit-border-radius: 40px; background: #000000; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);}
.chukresume{position: relative; right: 0; float: right; margin-top: -230px; width: 280px;}

/* resume page  */
h1.reumenname{ margin-bottom: 25px;}
.reumenname span{border-bottom: 2px solid #333333;  bottom: 0;padding-bottom: 0px;}
.resumenicon{ height: 80px; width: 80px; border-radius: 40px; background: #455A7B; display: block; top: 20px; margin: 0 auto; text-align: center; line-height: 80px; vertical-align: middle;font-size: 32px; color: #fff; position: relative}
.top{ height: 44px; width: 44px; line-height: 44px; text-align: center; vertical-align: middle; font-size: 15px; background: rgba(69, 90, 123, 0.58); color: #ffffff; position: fixed; right: 10px; bottom: 10px; display: block;z-index: 999; top: auto }
.top:hover, .top:focus, .top:active{ color: #ffffff; text-decoration: none}
.progress{ font-size: 14px; height: 30px ; text-align: left}
.progress .progress-bar{ font-size: 15px; line-height: 30px; text-align: left; padding-left: 10px}
.progress .progress-bar:hover{ color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) }
.one .progress-bar{ background-color: #455A7B}
.two .progress-bar{ background-color: #627696}
.three .progress-bar{ background-color: #7e91b1}
.four .progress-bar{ background-color: #9eadc6}
.five .progress-bar{ background-color: #b7c3d6; color:#000000}
.six .progress-bar{ background-color: #ced6e3; color:#000000}
.seven .progress-bar{ background-color: #dde3ed; color:#000000}
.responsive-item{ width: 100%}
.svg.grpelem{ margin-top: 8px}
.aboutlogo{ margin:20px 0; /* max-width: 240px; float: left;  */ display: block;}
.aboutlogo img{width: 90%;}
.aboutlogo.small{ width:100%; margin:0px; text-align:left}
.aboutlogo.small img{ width:120px;  margin:0px auto 10px 20px;}

@media screen and (max-width:1100px){
    .banner{ height: 350px; background-size: 1200px auto}
}

@media screen and (max-width:1024px){
    h1.title { font-weight: 300; font-size: 50px;}
   
}

@media screen and (max-width:992px){
    body{ background: #e9eef3; }
    .banner{ height: 300px; background-size: 1100px auto}
    h1.title { font-weight: 300; font-size: 50px;}
    .contactbody .col-md-6{ text-align: center}
    .footer {height: 226px; text-align: center}
    .footer p{text-align: center; line-height: 30px; vertical-align: middle}
    body {margin-bottom: 226px;}
    .footerslink ul.linkmenu{ width: 100%; text-align: center}
    .footerslink ul.linkmenu li{ display: inline-block; float: none; width: auto; margin: 0; padding:0 10px }
    .footerslink ul.linkmenu.social { margin-top: 10px;}
    .contactbody  a.getintouch{ margin-top: 20px}
    .services .container .col-md-4{ border-right: 0 none;margin: 10px auto}
    .allabout .serviceblock{ margin: 20px auto}
    .services{ background: #e9eef3; }
    .servicestab.nav-tabs>li { width: 100%;}
    .contantimgebanner {    height: 250px;}
    .banner.innerpage {  background: url('../img/banner_inner.jpg') center top no-repeat #000;  background-size: 1180px;}
    .banner.innerpage p {font-size: 20px;}
    .border-left{ border: 0 none}
    .chukresume{margin-top: 0}
}

@media screen and ( max-width:767px){
    .navbar-collapse{ float: none !important }
    .galleryimg {height: 200px;}
    .galleryimg h3.light {   padding: 10px 15px; font-size: 18px;}
    .chukresume{margin-top: 0; margin: 0 auto; clear: both; float: none; text-align: center;left: 0; display: block; padding: 10px; border: 1px solid #ddd; max-width: 100%;  width: auto}
    .reumenname{text-align: center}
}
@media screen and ( max-width:640px){
    h1.title { font-size: 40px;}
    .banner{ height: 300px;}
    .allabout h2 { font-size: 30px;}
    .allabout .subtitle {  font-size: 17px;}
    .contactbody h2 {font-size: 24px;}
    .footerslink .social.linkmenu  li {padding: 0 5px !important;}
    .footerslink .social.linkmenu  li a img{ width: 30px; }
    .serviceblock{ margin: 20px auto}
    .contantimgebanner{ height: 150px;}
    .galleryimg {height: 150px;}
    h1 {  font-size: 26px; margin: 10px auto 10px auto}
    h2 {  font-size: 22px; margin: 10px auto 10px auto}
    h3 {  font-size: 18px; margin: 10px auto 10px auto}
    h4 {  font-size: 16px !important; margin: 10px auto 10px auto}
	.aboutlogo { display:none}
}