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,dl,dt,dd,ol,nav ul,nav 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;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body {
font-family: Arial, Geneva,Helvetica, sans-serif;
font-size: 100%;
}
.wrap{
margin:0 auto;
width:80%;
}
.wrapper{
padding:0 4%;
}
h2.style{
font-size: 2em;
color: #ffffff;
font-family: 'Julius Sans One', sans-serif;
}
p.style{
color: #666666;
line-height: 1.8em;
font-size: 0.8725em;
}
/*start header */
.h_bg{
background: #ffffff;
border-bottom: 8px solid #E6E6E6;
}
.header{
padding-top: 2%;
}
.logo{
float:left;
}
/*start slider*/
.slider_bg{
background: #f5f5f5;
border-bottom: 8px solid #E6E6E6;
}
.slider{
padding:4% 0;
}
/*start content*/
.content_bg{
background: #151515;
border-bottom: 8px solid #232323;
}
.main{
padding: 4% 0;
}
.content_left{
margin-right:4.33333%;
width:26.33333%;
float: left;
}
.content_right{
width:69.333333%;
float:left;
}
/* start content_left */
.text1-nav{
margin:0 0 8% 0%;
}
.text1-nav h2{
font-size: 2em;
color: #161616;
font-family: 'Julius Sans One', sans-serif;
background: #f5f5f5;
padding: 6px 20px;
margin: 8% 0;
}
.text1-nav ul li.active a{
background: #373737;
color: #999999;
}
.text1-nav ul li{
background: #272727;
}
.text1-nav ul li a{
display: block;
font-size: 0.8725em;
color: #666666;
line-height: 2.8em;
border-bottom: 1px solid #222222;
text-transform: capitalize;
padding: 6px 20px;
}
.text1-nav ul li a:hover{
background: #373737;
color:#999999;
}
.gallery{
padding: 40px;
background: #5C5C5C;
}
.gallery h2{
font-size: 2em;
color: #ffffff;
font-family: 'Julius Sans One', sans-serif;
margin-bottom: 4%;
}
.lb-album{
}
.lb-album li{
float: left;
width: 24.33333%;
position: relative;
}
.lb-album li:first-child{
margin-left:0;
}
.lb-album li > a,
.lb-album li > a img{
display: block;
}
.lb-album li > a img{
}
.lb-album li > a{
position: relative;
}
.lb-album li > a span{
position: absolute;
bottom:70px;
left:110px;
width:36px;
height:36px;
opacity: 0;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.lb-album li > a img:hover{
opacity:0.6;
}
.lb-album li > a:hover span{
opacity:1;
background:url(../images/zoom.png) no-repeat;
filter: alpha(opacity=99); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
width: 0px;
height: 0px;
position: fixed;
overflow: hidden;
left: 0px;
top: 0px;
padding: 0px;
z-index: 99;
text-align: center;
background:rgba(24, 23, 23, 0.91);
}
.lb-overlay a.lb-close{
background: rgba(27,54,81,0.8);
z-index: 1001;
position: absolute;
right:30%;
top:6%;
width:27px;
height:27px;
background:url('../images/close.png') no-repeat;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
-webkit-transition: opacity 0.3s linear 1.2s;
-moz-transition: opacity 0.3s linear 1.2s;
-o-transition: opacity 0.3s linear 1.2s;
-ms-transition: opacity 0.3s linear 1.2s;
transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
position: relative;
}
.lb-overlay:target {
width: auto;
height: auto;
bottom: 0px;
right: 0px;
padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
-webkit-animation: scaleDown 1.2s ease-in-out;
-moz-animation: scaleDown 1.2s ease-in-out;
-o-animation: scaleDown 1.2s ease-in-out;
-ms-animation: scaleDown 1.2s ease-in-out;
animation: scaleDown 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
opacity: 1;
filter: alpha(opacity=99); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes scaleDown {
0% { -webkit-transform: scale(10,10); opacity: 0; }
100% { -webkit-transform: scale(1,1); opacity: 1; }
}
@-moz-keyframes scaleDown {
0% { -moz-transform: scale(10,10); opacity: 0; }
100% { -moz-transform: scale(1,1); opacity: 1; }
}
@-o-keyframes scaleDown {
0% { -o-transform: scale(10,10); opacity: 0; }
100% { -o-transform: scale(1,1); opacity: 1; }
}
@-ms-keyframes scaleDown {
0% { -ms-transform: scale(10,10); opacity: 0; }
100% { -ms-transform: scale(1,1); opacity: 1; }
}
@keyframes scaleDown {
0% { transform: scale(10,10); opacity: 0; }
100% { transform: scale(1,1); opacity: 1; }
}
x:-o-prefocus, .lb-overlay img {
height: 100%;
}
/* GRID OF Content with Image ============================================================================= */
.image {
background:#F8F8F8;
padding: 40px;
}
.grid {
display: block;
float:left;
}
.grid1 {
display: block;
float:right;
}
.grid:first-child { margin-left: 0; }
.images_3_of_1 img {
box-shadow: 0px 42px 30px -40px rgb(111, 111, 111);
margin: 7px 20px 7px 20px;
}
.span_2_of_3 h3{
font-size: 2em;
color: #161616;
font-family: 'Julius Sans One', sans-serif;
}
.grids_of_2.top {
margin-top: 4%;
}
.span_2_of_3 p {
font-size:0.8125em;
color: #393939;
line-height: 1.8em;
}
.para{
padding: 0% 0;
}
.span_2_of_3 .button{
margin-top:.3em;
}
.button a{
display:inline-block;
border: 1px solid #383838;
background: #383838;
color: #919191;
padding: 8px 20px;
font-size: 14px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 0px 0px 1px #9B4758, 0px 1px 4px 0px rgba(111, 69, 79, 0.1);
-moz-box-shadow: 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
outline: none;
}
.button a:hover{
background: #414141;
}
/* start footer */
.footer_bg{
background: #000000;
border-bottom:8px solid #1C1C1C;
}
.footer{
padding:2.5% 0;
}
.copy{
float:center;
}
.copy p{
text-transform: uppercase;
font-size: 0.8125em;
color: #979797;
line-height: 1.8em;
}
.copy p a{
color: #454545;
}
.copy p a:hover{
color: #979797;
-webkit-transition: 0.9s;
-moz-transition: 0.9s;
-o-transition: 0.9s;
}
/* start about */
.about{
display: block;
margin-top: 3%;
}
.cont-grid {
float: left;
width: 61.33%;
margin-left: 2.33%;
}
.cont-grid span{
font-size: 1.2em;
color: #ffffff;
font-family: 'Julius Sans One', sans-serif;
}
.abt-para p{
margin-top: 2%;
}
.cont-grid-img{
width: 36.33%;
float:left;
}
.about-p{
margin-top:20px;
}
.top{
margin-top: 2%;
}
.btm{
margin-bottom: 4%;
}
/* start service*/
.ser-style{
margin-bottom: 2%;
}
.ser-grid-list:nth-last-child(2){
margin-right: 0;
}
.ser-grid-list{
float: left;
width: 21.33333%;
margin-right: 4%;
}
.ser-grid-list h5{
font-size: 1.2em;
color: #ffffff;
font-family: 'Julius Sans One', sans-serif;
margin-bottom: 2%;
}
.ser-grid-list img{
margin-top:15px;
}
.ser-grid-list p{
margin: 8% 0 0;
}
.ser-para {
margin: 2% 0;
}
.top1{
margin-top: 8%;
}
/*start Contact*/
.col{
display: block;
}
.contact_info{
float: left;
width: 60.33333%;
}
.company_address {
float: right;
margin-left: 4%;
width: 35.3333%;
}
.col.span_1_of_2 h2{
margin-bottom: 4%;
}
}
/*start details */
.details{
display:block;
}
.det_pic{
margin: 2% 0;
}
/*start 404*/
.page{
padding:10% 0;
text-align:center;
}
.page h3{
text-shadow: 0px 1px 0px rgb(172, 172, 172);
font-size: 12em;
color: #858585;
}
/***** Media Quries *****/
@media only screen and (max-width: 1280px) {
.wrap{
width:95%;
}
}
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
.gallery {
padding: 20px;
}
.image {
padding: 20px;
}
.span_2_of_3 h3 {
font-size: 1.5em;
}
.gallery h2 {
font-size: 1.5em;
}
.text1-nav h2 {
font-size: 1.5em;
}
.logo {
width: 40%;
}
.content_left {
width: 44.33333%;
}
.content_right {
width: 50.333333%;
}
}
@media only screen and (max-width: 800px) {
.wrap{
width:95%;
}
.logo {
width: 36%;
}
.content_left {
width: 44.33333%;
}
.content_right {
width: 50.333333%;
}
.grid {
float: none;
}
.images_3_of_1 {
width: 99.333333%;
}
.span_2_of_3 {
width: 99.333333%;
margin-left: 0;
margin-top: 8%;
}
}
@media only screen and (max-width: 640px){
.wrap{
width:95%;
}
.content_left {
margin-right: 0%;
width: 100%;
float: none;
}
.content_right {
margin-top:4%;
width: 100%;
float: none;
}
.footer {
text-align:center;
}
}
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.logo{
float:none;
width: 100%;
text-align:center;
}
.cont-grid-img {
width: 100%;
float: none;
}
.cont-grid {
float: none;
width: 100%;
margin-left: 0%;
}
.ser-grid-list {
float: none;
width: 99.33333%;
margin-right: 0%;
}
}
.grid-images {
float: left;
width: 40%;
margin: 0 20px 0 0;
}
.gridimages {
float: right;
width: 40%;
margin: 0 0 20px 0;
}