@charset "utf-8";
/* CSS Document */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;border:0;}
nav,nav a,nav ul,nav li,nav div,nav form,nav input {margin: 0;padding: 0;border: none;outline: none;}
nav a { text-decoration: none; }
nav li { list-style: none; }
body {font-family: Arial, Helvetica, sans-serif;font-size:0.76em;font-weight:normal;color:#fff;text-align:left;background-color: #CCCCCC;margin:0;}
 img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img, object, embed, video, img.full, object.full, .main img, .main object {
  width: 100%;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

@font-face {font-family:'Raleway Regular';src: url(../fonts/Raleway-Regular.ttf) format('truetype');}
@font-face {font-family:'PT Sans Regular';src: url(../fonts/PT_Sans-Web-Regular.ttf) format('truetype');}
@font-face {font-family:'PT Sans Bold';src: url(../fonts/PT_Sans-Web-Bold.ttf) format('truetype');}
@font-face {font-family:'PT Sans BoldItalic';src: url(../fonts/PT_Sans-Web-BoldItalic.ttf) format('truetype');}
@font-face {font-family:'PT Sans Italic';src: url(../fonts/PT_Sans-Web-Italic.ttf) format('truetype');}

.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1;}
.break { clear:both;}
.clear_1 { clear:both; height:10px;}
.clear_2 { clear:both; height:15px;}
.clear_3 { clear:both; height:20px;}
.clear_4 { clear:both; height:5px;}
.clear_5 { clear:both; height:2px;}
.clear_6 { clear:both; height:50px;}
.clear_7 { clear:both; height:100px;}
.clear_link { clear:both; width:240px;}
.cleardiv {height:1px;clear:both;background:#3E454D;display: none;}
#wrapper {max-width:1160px;width:100%;height:auto;margin:0 auto;padding:0 20px;}
#section1 {width:100%;height:auto;margin:0;background:#242424;}
#section2 {width:100%;height:auto;background:#242424;padding:0;}
#sectiongrey {width:100%;height:auto;background:#EEE;padding:0;}
#section3 {width:100%;height:auto;background:#1B1B1B;padding:0;}
#section6 {width:100%;height:auto;background:#F2F2F2;padding:0;} 
#section4 {width:100%;height:auto;background:#0C0;padding:0;} 
#section5 {width:100%;height:auto;background:#242424;padding:0;margin:0;}
#headercont {width:100%;height:auto;margin:0 auto;text-align:justify;padding:0;top:0px;position:relative;background:#3E454D;}
#headercont2 {max-width:800px;width:100%;height:auto;margin:0 auto;background:#3E454D;}
#logo {float:left;width:160px;height:60px;background-color:#0C0;}
.header-left, .header-right{position:relative;color:#fff;float:left;}
.header-left{width: 160px;}
.header-right{width: 640px;text-align:right;}
#navcont {max-width:800px;width:100%;height:60px;padding:0;margin:0 auto;background:#3E454D;z-index:100;}
#nav {height:auto;z-index:100;position:relative;font:15px normal;font-family:'PT Sans Regular';color:#FFF;width:100%; list-style:none;}
/* first level */
#nav ul {list-style:none;}
#nav li {float:left;display:inline;}
#nav a{width:159px;text-align:center;line-height:35px; padding:12px 3px;text-decoration:none;background-color:#3E454D;color:#FFF;height:auto;display:inline-block;font-size: 15px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#nav li a {box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#nav a:hover, #nav a:active{background:#0C0;color:#FFF;text-decoration:none;}
/* template for all lists below first */
#nav li ul {display:none; position:absolute; float:left; width:100%;background: #0C0;list-style:none;padding:0;margin:0;}
#nav li ul li {float:none;display:inline;}-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
#nav li ul a { display:inline-block;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;padding:12px 3px; font-size:15px; text-decoration:none; text-align:center;line-height:35px;width:159px;}
#nav ul li a {box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#nav ul a:hover, #nav a:active{background:#0C0; color:#FFF;padding:12px 3px;text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
/* second level */
#nav li:hover ul{display:block;padding:0;list-style:none;width:159px;text-decoration:none;background-color:#3E454D;}
.slicknav_menu {
    display:none;
}

/*parallax*/
.loading {background: url('../images/ico_loading.gif') no-repeat center center;}
#preload {width: 1px;height: 1px;overflow: hidden;position: absolute;top: 0;left: 0;}
.bcg {background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;height: 80%;width: 100%;}
#slide-1 .bcg {background-image:url('../images/bg_slide_parallax.jpg')}
#slide-1 .hsContent {bottom: 100px;top: auto;}
#slide-3 .bcg {background-image:url('../images/bg_slide_parallax.jpg')}
#slide-3 .hsContent {margin-left: -239px;}
#slide-3 h2 {color: #f2ead6;background-color: rgba(0,0,0,0.6);}

/*banner*/
#bannercont {width:100%;height:500px;padding:0; z-index:-1000;}
#banner {width:100%;height:500px;padding:0;overflow:hidden; z-index:-1000;}
#banner img {width:100%;height:auto; z-index:-1000;}
.swipe {overflow: hidden;position:relative;width:100%;height:auto;margin:0;}
.swipe-wrap {overflow: hidden;position:relative;}
.swipe-wrap > div {float:left;width:100%;position:relative;}
.swipe .nav {position:absolute;width:50px;height:38px;z-index:10;text-align:center;line-height:40px;display:inline-block;color:#fff;top:35%;cursor:pointer;background-color:rgba(0,0,0,0.8)}
.swipe .nav.next {right: 0;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-ms-border-radius: 3px 0 0 3px;-o-border-radius: 3px 0 0 3px;border-radius:3px 0 0 3px;}
.swipe .nav.prev {-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-ms-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}

#h1 {font-family: 'Raleway Regular';font-size:50px;font-weight:normal;color:#FFF;text-align:left;font-stretch:narrower; letter-spacing:1px;}
#h2 {font-family: 'Raleway Regular';font-size:50px;font-weight:bold;color:#0C0;text-align:left; letter-spacing:3px;}
#h3 {font-family: 'caviar_dreamsregular';font-size:20px;font-weight:normal;color:#333;text-align:center; font-stretch:narrower;font-weight:normal;}
#h4 {font-family: 'Raleway Regular';font-size:30px;font-weight:normal;color:#333;text-align:left;font-stretch:narrower; letter-spacing:1px;}
#h5 {font-family: 'Raleway Regular';font-size:30px;font-weight:bold;color:#0C0;text-align:left; letter-spacing:3px;}

#maintext1{width:100%;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#333;text-align:center;}
#maintext1 a:link, #maintext1 a:active, #maintext1 a:visited{color:#333; text-decoration:none;}
#maintext1 a:hover{color:#0C0; text-decoration:none;}
#maintextash{width:100%;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#CCC;text-align: justify;}
#maintextash a:link, #maintextash a:active, #maintextash a:visited{color:#CCC; text-decoration:none;}
#maintextash a:hover{color:#0C0; text-decoration:none;}
#maintext2{width:100%;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color: #333;text-align:justify;}
#maintext2 a:link, #maintext2 a:active, #maintext2 a:visited{color:#CF0; text-decoration:none;}
#maintext2 a:hover{color:#0C0; text-decoration:none;}
#maintext3{width:100%;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#FFF;text-align:center;}
#maintext3 a:link, #maintext3 a:active, #maintext3 a:visited{color:#FFF; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#maintext3 a:hover{color:#0C0; text-decoration:none;}
#maintext4{width:100%;font-family: 'caviar_dreamsregular';font-size:18px;font-weight:normal;color: #0C0;text-align:center;}
#maintext4 a:link, #maintext4 a:active, #maintext4 a:visited{color:#0C0; text-decoration:none;}
#maintext4 a:hover{color:#FC0; text-decoration:none;}
#readmore {font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color: #FFF;text-align:center; line-height:34px;background:#0C0;width:100px;height:38px;padding:0;margin-left:auto;margin-right:auto;}
#readmore a:link, #readmore a:active, #readmore a:visited{display:block;color:#FFF; text-decoration:none;padding:2px 0;}
#readmore a:hover{color:#FFF; text-decoration:none;background:#333;}
#servcont {max-width:1160px;width:100%;height:auto;padding:0;margin:0 auto;}
#servcontsubl {float:left;max-width:540px;width:100%;height:auto;margin:0 40px 0 0;padding:0;}
#servcontsubr {float:right;max-width:540px;width:100%;height:auto;margin:0 0 0 40px;padding:0;}
#servconicon {float:left;max-width:100px;width:100%;height:100px;padding:0;margin:0 20px 0 0;}
#servtitle {width:100%;font-family:'PT Sans Regular';font-size:25px;font-weight:normal;color:#FFF;text-align:left;padding:30px 0 0 0;}
#icons {max-width:215px;width:100%;height:auto;margin:0 auto;}
#subicon1 {float:left;width:58px;height:auto;padding:0;margin:0;}
#subicon2 {float:left;width:58px;height:auto;padding:0;margin-right:20px;}
#contactl {float:left;max-width:350px;width:100%;height:auto;}
#contactr {float:right;max-width:750px;width:100%;height:auto;}
#tnum {width:auto;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:normal;color:#0C0;text-align:left; font-stretch:narrower;}
.tnum {width:auto;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:normal;color:#333;text-align:left; font-stretch:narrower;}
.more {float:left;width:115px;height:40px;font-family:'PT Sans Regular';font-size:15px;font-weight:normal;color:#fff;background: url(../images/bg_pattern6.png) repeat repeat #333;text-align:center;margin:0 auto;}
.more a:link, .more a:active, .more a:visited{display:block;width:auto;height:auto;color:#fff;text-decoration:none;background:url(../images/bg_pattern6.png) repeat repeat #333;padding:10px 16px;cursor:pointer;}
.more a:hover{color:#fff;text-decoration:none;background:#C00;}
#divlineash {width:100%;height:1px; background:#CCC;}
#folioimg {float:left;width:386px;height:240px;text-align:center;}

.caption-style-4{list-style-type: none;margin: 0px;padding: 0px;}
	.caption-style-4 li{float: left;padding: 0px;position: relative;overflow: hidden;}
	.caption-style-4 li:hover .caption{opacity: 1;}
	.caption-style-4 li:hover img{opacity: 1;
		transform: scale(1.15,1.15);
		-webkit-transform:scale(1.15,1.15);
		-moz-transform:scale(1.15,1.15);
		-ms-transform:scale(1.15,1.15);
		-o-transform:scale(1.15,1.15);
	}
	.caption-style-4 img{margin: 0px;padding: 0px;float: left;z-index: 4;}
	.caption-style-4 .caption{cursor: pointer;position: absolute;opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;
	}
	.caption-style-4 img{
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		-ms-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.caption-style-4 .blur{background-color: rgba(0,0,0,0.65);height: 300px;width: 400px;z-index: 5;position: absolute;	}
	.caption-style-4 .blur2{background-color: rgba(0,204,0,0.75);height: 580px;width: 600px;z-index: 5;position: absolute;	}
	.caption-style-4 .caption-text h1{text-transform: uppercase;font-size: 20px;}
	.caption-style-4 .caption-text{z-index: 10;color: #fff;position: absolute;width: 400px;height: 300px;text-align: center;top:100px;}
	.caption-style-4 .caption-text2{z-index: 10;color: #fff;position: absolute;width: 580px;height: 600px;text-align: center;top:100px;}
	
#subbanner {max-width:1200px;width:100%;height:auto;text-align:padding:0;margin:0 auto;}
#hsubtext{font-family: Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;color:#055501;text-align:left; line-height:30px; font-weight:bold;}



.hovereffect {
    max-width: 386px;
	width:100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 4.75em;
	/*background: #000;/*#79FAC4;*/
	background-color: rgba(0,0,0,0.7);
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.hovereffect img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.3);
	float: left;
	margin: 0px;
	display: inline-block;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}


.hovereffect p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
	color: #252d31;
}

.hovereffect h2,
.hovereffect p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.hovereffect p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.hovereffect:hover .overlay,
.hovereffect:hover h2,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hovereffect:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hovereffect:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.hovereffect:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}





#readmore2 {font-family: Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;color: #FFF;text-align:center; line-height:30px;}
#readmore2 a:link, #readmore2 a:active, #readmore2 a:visited{color:#FFF; text-decoration:none;}
#readmore2 a:hover{color:#333; text-decoration:none;}
#category {max-width:1100px;width:100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FFF;text-align:justify;background:#FFF;margin:0 auto;}
#catg {margin-left:auto;margin-right:auto;max-width:660px;width:100%;height:auto;}
#mainbody {max-width:1020px;width:100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FFF;text-align:justify;background:#FFF;margin:0 auto;padding:0 40px;}
#clie {max-width:1100px;width:100%;height:auto;}
#subcat1 {float:left;width:200px;height:auto;padding:0;margin:0;}
#subcat2 {float:left;width:200px;height:auto;padding:0;margin-right:30px;}
#gallery {max-width:1100px;width:100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FFF;text-align:justify;background:#fe5e03;margin:0 auto;}
#galle {margin:0 auto;max-width:692px;width:100%;height:auto;}
#subgal1 {float:left;width:214px;height:160px;padding:0;margin:0;}
#subgal2 {float:left;width:214px;height:160px;padding:0;margin-right:25px;}
#imgcont {float:left;width:172px; height:270px;margin:0 10px 10px 0;}
#divline {width:100%;height:1px;background:#055501;}
#contact {max-width:1020px;width:100%;height:auto;margin-left:auto;margin-right:auto;position:relative;}

.textbox {width:auto;font-family:'PT Sans Regular';font-size:14px;font-weight:normal;color:#000;text-align:left; border: #666 1px solid; line-height:20px;padding:8px;}
#t1 {width:auto;height:auto;font-family:'PT Sans Regular';font-size:25px;font-weight:normal;color:#333;text-align:left; font-stretch:narrower;}
#t2 {width:auto;height:auto;font-family:'PT Sans Regular';font-size:20px;font-weight:normal;color:#333;text-align:left; font-stretch:narrower;}

#footer {max-width:1200px;width:100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FFF;text-align:justify;margin:0 auto;}

#clientcon1 {float:left;width:240px;height:auto;padding:0;margin:0;text-align:center;}
#clientcon2 {float:left;width:240px;height:auto;padding:0;margin-right:20px;text-align:center;}

/* Media Queries */

/* Landscape phones and down */
@media (max-width: 480px) {
	#wrapper {max-width:480px;padding:0 10px;}
	#navcont {max-width:480px;float:none;padding:0;margin:0 auto;z-index:1000;} 
	#h1, #h2 {text-align:center;font-size:30px;margin:0 auto;}
	#h4, #h5 {text-align:center;margin:0 auto;font-size:22px;}
	#maintextash{font-size:14px;width:94%;}
	#maintext3, #maintext4 {font-size:15px;width:96%;margin:0 auto;}
	#maintext2 {font-size:15px;width:80%;margin:0 auto;pading:0;}
	#servcont {max-width:440px;}
	#servtitle {padding:10px 0 0 0;font-size:16px;width:90%;}
	#servcontsubl {max-width:440px;}
	#servcontsubr {max-width:440px;}
	#servconicon {max-width:80px;height:80px;margin:0 10px 0 0;}
	.hovereffect {width: 90%;float: none;margin:0 auto;}
	.caption-style-4 .blur{display:none;}
	.caption-style-4 .blur2{display:none;}
	.caption-style-4 .caption-text h1{display:none;}
	.caption-style-4 .caption-text{display:none;}
	.caption-style-4 .caption-text2{display:none;}
	.caption-style-4{margin:0 auto;width:94%;z-index: -100;}
	.caption-style-4 img{margin:0 auto;width:94%;z-index: -100;}
	#banner, #bannercont {height:auto;}
	.cleardiv {display: block;}
	.header-left, .header-right {width:100%;text-align: center;z-index:1000;}
	#logo {float:none;margin:0 auto;}
	#headercont2 {height:auto;z-index:1000;}
	.textbox {width:100%;}
	#nav {display:none;}
    .slicknav_menu {display:block;z-index:1000;}
	#divlineash {display:none;}
	
}

@media (min-width: 481px) and (max-width : 800px) {
		
    #wrapper {width:720px;}
	#h1 {text-align:center;}
	#h2 {text-align:center;}
	#servcont {max-width:720px;padding:0;margin:0;}
	#servcontsubl {max-width:720px;margin:0;}
	#servcontsubr {max-width:720px;float:left;margin:0;}
	#banner {height:auto;}
	.cleardiv {display: block;}
	.header-left, .header-right, .headerres-top, .menu{width:100%;text-align: center;}
	.hidden-desktop{display: block;}
	nav{height: 0;overflow: hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
	nav li {float:none;display:block;}
	nav a{width:100%;padding:12px 3px;height:60px;font-size:15px;}
	input[type="checkbox"]:checked + nav{height:auto;}
	#logo {float:none;margin:0 auto;}
	#headercont2 {height:auto;}
	.caption-style-2 img{margin:0 auto;}
	.navulmain {display:none;}
	.navulres {display:list-item;}
	.textbox {width:100%;}
	.headermain {display:none;}
	.headerresponsive {display:block;}
	
}

@media (min-width: 801px) and (max-width : 1024px) {
	
	#wrapper {width:984px;}
	#servcontsubl {max-width:472px;margin:0;}
	#servcontsubr {max-width:472px;margin:0;}
}