@charset "utf-8";
/* CSS Document */
img{ max-width:100%; height:auto;}

header{ background:rgba(215, 215, 215, 0.7); position:absolute; top:0; left:0; right:0; z-index:100; -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s; padding:15px 0;}
header.sticky{ position: fixed; padding:7px 0; background:#fff; box-shadow:0 1px 2px #333; z-index:200;}
header.sticky .logo img{ max-width:80%; height:auto; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
header .logo img{ -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}

body{}
.logo{ float:left;}
/*nav{ float:right;}*/
nav ul li{ list-style:none; float:left;}
nav ul li a{ padding:0 15px; display:block; line-height:30px; text-transform:uppercase;}
.navbar-default{ background:none; border:none;}

/*.sticky-container{ padding: 0px;margin: 0px;position: fixed;right: -145px; top:130px; width:180px; z-index:999; background:#d8d7d7; padding:3px; border-radius:3px 0 0 3px;}
ul.sticky2{ padding-left:0; margin-bottom:0;}
.sticky2 li{list-style-type: none;color: #fff; height: 33px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;cursor: pointer; border-radius:3px 0 0 3px;}
.sticky2 li:hover{ margin-left: -115px; background:#333;}
.sticky2 li img{ float: left;}
.sticky2 li p{ padding: 0px;margin: 0px; text-transform: uppercase; font:400 13px/33px 'Raleway'; color:#ccc; padding-left:35px; margin-right:155px;}
.sticky2 li a{ color:#fff !important;}*/

.sticky-container{ padding: 0px;margin: 0px;position: fixed;right: -135px;top:130px;width:170px;z-index:999; background:#d8d7d7; padding:3px; border-radius:3px 0 0 3px;}
.sticky-container ul{ padding-left:0; padding-bottom:0; margin-bottom:0;}
.sticky2 li{list-style-type: none;color: #fff;height: 33px;padding: 0px;margin: 0px 0px 1px 0px;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;cursor: pointer; border-radius:3px 0 0 3px;}
.sticky2 li:hover{margin-left: -115px; background:#333;}
.sticky2 li img{float: left;}
.sticky2 li p{padding: 0px;margin: 0px;text-transform: uppercase;font:400 14px/33px 'Raleway'; color:#ccc; padding-left:38px; text-align:left;}
.sticky2 li a{ color:#fff !important;}

#section1{ text-align:center;}

#section2{ background:url(../images/bg_01.jpg) no-repeat top center; text-align:center; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; min-height:735px;}
.sec2{ padding:80px 0 25px; background:#9dc6da; max-height:565px;}
#section2 h2{ font-family: "Avant Garde LT Book", Avantgarde, sans-serif; font-size:35px; line-height:40px; color:#fff; padding:0 0 15px;}
#section2 h1{ font-family: "Avant Garde BK BT Book", Avantgarde, sans-serif; font-size:40px; line-height:45px; color:#333; padding:0 0 15px; background:url(../images/bg_repeat1.jpg) repeat-x;}
#section2 h1 span{ padding:0 20px; background:#9dc6da;}
#section2 p{ font:normal 14px/18px Avantgarde, Avant Garde BK BT Book, sans-serif; color:#fff;}
/* #section2 p{ font:normal 13px/18px Arial, Helvetica, sans-serif; color:#fff;} */

.vector{ margin:30px 0 0;}

#section3{ background:url(../images/bg_02.jpg) no-repeat top center; padding:80px 0 45px; position:relative; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; display:block; overflow:hidden; }
#section3 h2{text-align:center; font-size:35px; line-height:45px; color:#fff; margin-bottom:25px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#section3 h2 span{ padding:0 20px; border-bottom:1px solid #fff;}
#section3 ul{ padding-left:0;}
#section3 ul li{ list-style:none; font:normal 30px/80px Avant Garde Book, Avantgarde, sans-serif; color:#fff; padding:0 0 0 15%; margin:0 0 20px; background:rgba(21, 44, 37, 0.7); position:relative; display:block;}
#section3 ul li:before{ width:1000px; font:normal 20px/50px Verdana, Geneva, sans-serif; background:rgba(21, 44, 37, 0.7); display:block; left:-1000px; position:absolute; bottom:0; top:0; height:100%; z-index:100; content: "";}
.sv_section{ position:relative; display:block;}
.service_lady{ position:relative; display:block;}
.lady{ position:absolute; top:-155px; left:-95px;}

#section5{ text-align:center; padding:80px 0 40px;}
#section5 h2{ font-size:35px; line-height:45px; color:#2b2b2b; margin:0; font-family: "Avant Garde LT Book", Avantgarde, sans-serif; }

/*#section5 h5{ font-size:15px; line-height:20px; color:#ccc; margin:0 0 15px;}
.comment1{ width:33.3%; padding:1% 1.5%; float:left;}
.comment1 p{ padding:7px 0 0;}*/
.person_img{ width:200px; height:200px; border-radius:50%; margin:0 auto 10px; box-shadow:0 1px 2px #333; display:block; overflow:hidden; position:relative;}
/*.comment1 h4{ font:bold 14px/22px Verdana, Geneva, sans-serif; color:#003;}*/
.person_img img{ display:block;}

#contact{ background:url(../images/bg_01.jpg) no-repeat top center; padding:80px 0 45px; position:relative; background-attachment: fixed; -webkit-background-size: cover; background-size: cover;}
#contact  h2{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:35px; line-height:45px; color:#fff; }
#contact_form input{ width:100%; height:40px; background:#fff; text-indent:15px; font-size:14px; line-height:40px; margin:10px 0 0; border-radius:5px;
box-shadow:inset 0 2px 5px #555; border:none;}
#contact_form textarea{ width:100%; height:90px; background:#fff; text-indent:15px; font-size:14px; line-height:40px; margin:10px 0 0; border-radius:5px;
box-shadow:inset 0 2px 5px #555; border:none; resize:none;}
#contact_form input[type="submit"]{ width:30%; float:right; background:#06a7c4; box-shadow:none; color:#fff;}


.portfolio{
	position: relative;
}
.portfolio h3{
	font-size: 2.2em;
	font-weight: 900;
	color: #4F6268;
	text-align: left;
	text-transform: uppercase;
	float:left;
	margin:0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.portfolio h3 label{
	background:#4F6268;
	height:2px;
	display:block;
	width:10%;
	margin-top:0.2em;
}
/*----//End-tooltip-style----*/
/*----start-portfolio-----*/
.portfolio-box{
	padding: 120px 0 40px;
	background: url(../images/port-bg.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.portfolio-main{
	padding:1.5% 0 4%;
}

.port-info{
	text-align:center;
	padding: 0.8em 0;
}
.port-info h4{
	margin:0;
}
.port-info h4 a{
	color: #222730;
	font-weight: 600;
	font-size: 1.2em;
	text-decoration: none;
}
.port-info span{
	color: #747474;
	font-style: italic;
	font-size: 0.875em;
}
 	#portfoliolist .portfolio {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		width: 33.33333%;
		display:none;
		float:left;
		overflow:hidden;
		background: #fff;
	}	
	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		cursor:pointer;
	}
	.portfolio img {
		max-width:100%;
		/*--position: relative;--*/
		transition: all 300ms!important;
		-webkit-transition: all 300ms!important;
		-moz-transition: all 300ms!important;
		display: block;
	}
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
	}
	.portfolio .label-bg {
			background: #22B4B8;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
		}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
				font-size: 12px;
				text-transform:uppercase;
			}

/*	Strip
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	overflow:hidden;
	width: 100%;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
}
.b-link-stripe .b-line{
	position:absolute;
	top:0;
	bottom:0;
	width:20%;
	background:rgba(243, 103, 89, 0.8);
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	opacity:0;
	visibility:hidden; /* lt-ie9 */
}
/* lt-ie9 */
.b-link-stripe:hover .b-line{
	visibility:visible;
}
.b-link-stripe .b-line1{
	left:0;
}
.b-link-stripe .b-line2{
	left:20%;
	transition-delay:0.1s !important;
	-moz-transition-delay:0.1s !important;
	-ms-transition-delay:0.1s !important;
	-o-transition-delay:0.1s !important;
	-webkit-transition-delay:0.1s !important;
}
.b-link-stripe .b-line3{
	left:40%;
	transition-delay:0.2s !important;
	-moz-transition-delay:0.2s !important;
	-ms-transition-delay:0.2s !important;
	-o-transition-delay:0.2s !important;
	-webkit-transition-delay:0.2s !important;
}
.b-link-stripe .b-line4{
	left:60%;
	transition-delay:0.3s !important;
	-moz-transition-delay:0.3s !important;
	-ms-transition-delay:0.3s !important;
	-o-transition-delay:0.3s !important;
	-webkit-transition-delay:0.3s !important;
}
.b-link-stripe .b-line5{
	left:80%;
	transition-delay:0.4s !important;
	-moz-transition-delay:0.4s !important;
	-ms-transition-delay:0.4s !important;
	-o-transition-delay:0.4s !important;
	-webkit-transition-delay:0.4s !important;
}
.b-link-stripe:hover .b-line{
	opacity:1;
}
/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	font-size:1.1em;
	font-weight:700;
}
.b-animate img{
	margin-top: 12%;
	display: -webkit-inline-box;
	width:16% !important;
	
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position:relative;
	left:-100%;
}
.b-animate-go:hover .b-from-left{
	left:0;
}
/******** SAP ************/
.sap_tabs{
	clear:both;
	padding: 0em 0 0em;
}
.tab_box{
	background:#fd926d;
	padding: 2em;
}
.top1{
	margin-top: 2%;
}
.resp-tabs-list {
float:right;
text-align:center;
  list-style: none;
    padding: 0;
}
.resp-tab-item span{
	margin:0 15px;
}
.resp-tab-item{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    display: inline-block;
    text-decoration: none;
    color: #485B5F;
    cursor: pointer;
    font-size: 0.875em;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 4px;
    margin-right: 0.5em;
	margin: 0;
	text-align: center;
	list-style: none;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-transform: uppercase;
}
.resp-tab-active,.resp-tab-item:hover{
    color: #67C6DA;
}
.resp-tabs-container {
    margin-top: 50px;
	padding: 0px;
	clear: left;

}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
.img-top img{
width:100%;
}
.img-top {
	    background: #fff;
	padding:0;
    margin-bottom: 0px;	
	  position: relative;
}

footer{ background:#17a478; text-align:center; color:#fff; padding:7px 0;}

.contact_girl{ position: relative; min-height: 375px;}
.map{ position: absolute; left: 0; bottom: -51px; z-index: 55;}
.map img{ max-width: 100%;}

@media only screen and (max-width: 1023px){
.lady{ right:2%;}
.lady img{ max-width:80%;}	
.map{ margin-bottom: 6px; position: relative;}
.map img{ max-width: 80%;}
}
@media only screen and (max-width: 639px){
nav ul li{ float:none;}
.navbar-brand{ width:60%;}
#section3 ul li{ font-size:18px; line-height:40px; padding:0;}
#section3 ul li:after{ width:1000px; font:normal 20px/40px Verdana, Geneva, sans-serif; background:rgba(21, 44, 37, 0.7); display:block; right:-1000px; position:absolute; bottom:0; top:0; height:100%; z-index:100; content: "";}
.lady{ position:relative; left:0; top:inherit; bottom:-50px;}
.service_lady{ margin-top:-55px;}
.contact_girl{ display: none;}
}