@charset "utf-8";
/*
Template Name: media-theme
Version: 1.00.0
License: Custom
License URI: URI: http://themeforest.net/licenses
*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Helper Class
3. Navbar Header
	3.1 contact number and icon to show responsive menu / .navbar-header
	3.2 header menu / .navbar-nav
4. Section Logo
	4.1 elements background
	4.2 description / #sectionLogo .info
	4.3 logo
5. Section recommend
	5.1 header
	5.2 item style
6. Section offer
	6.1 elements background
	6.2 container
	6.3 bxslier style / .bx-offer
7. Section portfolio
	7.1 header
	7.2 content (projects)
8. Section team
	8.1 background elements
	8.2 description about team
	8.3 bxslider persons
9. Footer
	9.1 contact data / .contactData
	9.2 contact form
10. Map location
11. Copyright
12. Responsive

------------------------------------------------------------------*/

@import url("../plugins/bootstrap/css/bootstrap.css");
@import url("../plugins/bootstrap/css/bootstrap-theme.css");
@import url("../plugins/font-awesome/css/font-awesome.css");
@import url("../plugins/fancybox/source/jquery.fancybox.css");


/*------------------------------------------------------------------
	[1. Body]
------------------------------------------------------------------*/

html, 
body {
	min-height:100%;
}

body {
	font-family: 'Microsoft JhengHei';
	font-smooth: always;
	color: #131313;
	padding-top:62px;
}

a:hover {text-decoration:none;}


/*------------------------------------------------------------------
	[2. Helper Class]
------------------------------------------------------------------*/

/* margin top */
.m-t-0 {margin-top:0px;}
.m-t-10 {margin-top:10px;}
.m-t-15 {margin-top:15px;}
.m-t-20 {margin-top:20px;}
.m-t-25 {margin-top:25px;}
.m-t-30 {margin-top:30px;}
.m-t-35 {margin-top:35px;}
.m-t-40 {margin-top:40px;}
.m-t-45 {margin-top:45px;}
.m-t-50 {/* margin-top:50px; */}
.m-t-55 {margin-top:55px;}

/* margin bottom */
.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-25 {margin-bottom:25px;}
.m-b-30 {margin-bottom:30px;}
.m-b-35 {margin-bottom:35px;}
.m-b-40 {margin-bottom:40px;}
.m-b-45 {margin-bottom:45px;}
.m-b-50 {margin-bottom:50px;}
.m-b-55 {margin-bottom:55px;}

/* padding */
.padding-5 {padding:5px;}
.padding-10 {padding:10px;}
.padding-15 {padding:15px;}
.padding-20 {padding:20px;}
.padding-25 {padding:25px;}
.padding-30 {padding:30px;}
.padding-35 {padding:35px;}
.padding-40 {padding:40px;}


/*------------------------------------------------------------------
	[3. Navbar Header]
------------------------------------------------------------------*/
section#footer {
    padding-top: 70px;
}

.header-nav {
	height: 100px;
	background:#fff; 
	text-transform:uppercase;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}
	/* bar where is contact number and icon to show responsive menu */
	.header-nav .navbar-header {
		height:62px;
		vertical-align:middle;
		font-size:12px;
		}
		.header-nav .topbar {
			/* padding-top: 15px; */
			color:#283a39;
			}
			.header-nav .topbar .responsive{
					padding-left:5px; 
				}
				.header-nav .topbar .fa {
					padding-right:3px;
				}
				.header-nav .topbar .responsive span {
					color:#159892;
					font-weight:bold;
				}
	
	/* header menu section */
	.header-nav .navbar-collapse.collapse.in {
		background: rgba(255,255,255,0.7);
		}
		.header-nav .navbar-nav > li > a {
			color: #131313; 
			padding-top: 50px; 
			padding-bottom:21px;
			font-size: 16px;
			font-weight: 900;
			/* text-shadow: 0 0 1px rgba(40,58,57,0.3); */
		}		
		.header-nav .navbar-nav > li > a:hover {
			cursor: pointer;
			background:none;
			color:#f08200;
		}


/*------------------------------------------------------------------
	[4. Section Logo]
------------------------------------------------------------------*/
#sectionLogo {
	background:url(../img/sectionLogo/bg.jpg) fixed no-repeat;
	/* background-size:cover; */
	position:relative;
	width:100%;

	min-height: 775px;
}
	/* elements background */
	#sectionLogo .sectionLogoOrigamiBall {
		background:url(../img/sectionLogo/ball.png) no-repeat;
		position:absolute;
		width:355px;
		height:455px;
		bottom:0;
		z-index:10;
	}

	#sectionLogo .sectionLogoOrigamiBird {
		background:url(../img/sectionLogo/bird.png) no-repeat;
		position:absolute;
		width:457px;
		height:550px;
		top:30%;
		right:5%;
		z-index:11;
	}
	
	#sectionLogo .sectionLogoOrigamiBox {
		background:url(../img/sectionLogo/box.png) no-repeat;
		position:absolute;
		width:650px;
		height:650px;
		top:8%;
		left:40%;
		z-index:10;
	}
	
	/* sectionlogo description */
	#sectionLogo .info {
		position:absolute;
		color:#283a39;
		font-size:12.98px;
		font-weight:300;
		font-style:italic;
		max-width:350px;
		top:12%;
		z-index:20;
		text-shadow: 0 0 1px rgba(40,58,57,0.5);
		}
		#sectionLogo .info h2 {
			color:#283a39;
			font-size:52.74px;
			font-style:normal;
			font-weight:600;
			text-transform:uppercase;
			margin-bottom:30px;
			
			background: -webkit-linear-gradient(-45deg, #6c4c36, #355f55);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		
	/* logo */		
	#sectionLogo .logo {
		position:relative;
		z-index:30;
		max-width:498px;
		max-height:498px;
		margin: 27% 0 0 60%;
		}
		#sectionLogo .logo #logo {
			background:url(../img/sectionLogo/logo.png) no-repeat center;
			display:block;
			width:100%;
			height:498px;
			max-width:498px;
			margin:-249px auto 0;
		}


/*------------------------------------------------------------------
	[5. Section recommend]
------------------------------------------------------------------*/
#recommend {
	background: #fff url(../img/sectionFolio/bg.jpg) top repeat-x;
	padding:60px 0;
}
	/* header */
	#recommend .header h3 {
		font-family: 'Microsoft JhengHei';
		text-transform:uppercase;
		font-size:30px;
		color: #131313; 
		font-weight:400;
		}
		#recommend .header h3 span {
			font-weight:300;
		}
	#recommend .header p {
		text-transform:uppercase;
		font-weight:300;
		font-size: 15px;
		color: #131313;
	}
	
	/* item images */
	#recommend .img {
		position:relative;
		max-width:164px;
		margin:auto;
		}
		#recommend .img-responsive {
			border-radius:50%;
		}
		#recommend .img a {
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZhMjFmIiBzdG9wLW9wYWNpdHk9IjAuMzUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNjgyNSIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(-45deg,  rgba(246,162,31,0.35) 0%, rgba(238,104,37,0.35) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,162,31,0.35)), color-stop(100%,rgba(238,104,37,0.35))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(-45deg,  rgba(246,162,31,0.35) 0%,rgba(238,104,37,0.35) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(-45deg,  rgba(246,162,31,0.35) 0%,rgba(238,104,37,0.35) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(-45deg,  rgba(246,162,31,0.35) 0%,rgba(238,104,37,0.35) 100%); /* IE10+ */
			background: linear-gradient(135deg,  rgba(246,162,31,0.35) 0%,rgba(238,104,37,0.35) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59f6a21f', endColorstr='#59ee6825',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			border-radius: 50%;
			display:none;
			}
			#recommend .row div:hover .img a {
				display:block;
				padding-top:7%;
			}

		#recommend .img i.fa {
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
			border-radius:50%;
			color:#2ab3ac;
			padding:25px;
			transition:all 2s;
			}
			#recommend .row div:hover .img i.fa {
				margin-top:25%;
			}
			
	#recommend h4 {
		color:#2ab3ac; 
		font-size:18px;
		text-transform:uppercase;
		margin-top:40px;
		margin-bottom:25px;
		}
		#recommend .row div:hover h4 {
			color:#ef6f24;
		}
	#recommend p {
		font-weight:500;
		font-size: 16px;
		color: #525252;
		/* text-shadow: 0 0 1px rgba(40,58,57,0.5); */
	
		line-height: 30px;
}


/*------------------------------------------------------------------
	[6. Section offer]
------------------------------------------------------------------*/
#offer {
	background:url(../img/sectionOffer/bg.jpg) fixed no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	min-height: 700px;
}
#offer .creme {
  background: url(../img/sectionOffer/creme.png) no-repeat;
  position: absolute;
  width: 636px;
  height: 371px;
  right: -10%;
  bottom: -150%;
  z-index: 10;
}
	/* element background */
	#offer .bgBall {
		background:url(../img/sectionOffer/bgBall.png) fixed no-repeat center top;
		position:absolute;
		width:100%;
		height:100%;
		z-index:10;
	}
	
	#offer .phone {
		background:url(../img/sectionOffer/phone.png) no-repeat;
		position:absolute;
		width:351px;
		height:420px;
		right: 10%;
		top: -17%;
		z-index:10;
	}
	
	#offer .smallBall {
		background:url(../img/sectionOffer/smallBall.png) no-repeat;
		position:absolute;
		width:99px;
		height:101px;
		left:25%;
		bottom:5%;
		z-index:10;
	}
	
	#offer .ball {
		background:url(../img/sectionOffer/ball.png) no-repeat;
		position:absolute;
		width:417px;
		height:426px;
		right:10%;
		bottom:-17%;
		z-index:10;
	}

/* container */
#offer .container {
	position:relative;
	z-index:20;
	}
	#offer .content {
		height:280px;
		margin-top:80px;
		margin-bottom:30px;
		}
		#offer .content h2 {
			width:200px;
			display:inline-block;
			color:#fff;
			font-size:53px;
			font-weight:600;
			float:left;
			margin-right:30px;
			
			background: -webkit-linear-gradient(-45deg, #f3d1b7, #fdf7f2);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		#offer .content .offerText {
			display:inline-block;
			float:left;
			width: 100%;
			color: #131313;
			font-size: 16px;
			font-weight: 900;
			/* text-shadow: 0 0 1px rgba(40,58,57,0.6); */
			position: relative;
			z-index: 20000;
}
			#offer .content .offerText h3 {
				color: #131313;
				font-size:30px;
				font-weight:300;
				/* margin-bottom:25px; */
				text-transform:uppercase;
				text-shadow: 0 0 1px rgba(40,58,57,0.6);
			}
			#offer .content .offerText .more {
				background:url(../img/sectionOffer/more.png) no-repeat center left;
				display: block;
				margin-top: 20px;
				padding: 10px 0;
				padding-left: 30px;
				color: #fff;
			}

	/* bxslider style */
	#offer .bx-viewport {
		background:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		border:none;
		margin-left:5px;
	}
		
		#offer .bx-offer .offer {
			padding:40px 0;
			min-height:260px;
			text-transform:uppercase;
			transition:all 0.5s;
			/* color:rgba(255,255,255, .7); */
			/* text-shadow: 0 0 1px rgba(40,58,57,0.5); */
			font-size:12px;
			font-weight:300;
			text-align:center;
		}
		
			#offer .bx-offer .offer img {
				/* border-radius:50%; */
				margin:auto;

			}

			#offer .bx-offer .offer p {
				margin-top: 10px;


				padding:0 20px 10px;
			}
		
		#offer .bx-controls-direction a {
			background:url(../img/sectionOffer/sliderArrow.png) no-repeat;
			width:30px;
			height:30px;
			top: 55%;
			}
			#offer .bx-controls-direction .bx-prev {
				background-position:top left;
				left:-50px;
			}
			#offer .bx-controls-direction .bx-next {
				background-position:top right;
				right:-50px;
			}
			#offer .bx-controls-direction .bx-prev:hover {
				background-position:bottom left;
			}
			#offer .bx-controls-direction .bx-next:hover {
				background-position:bottom right;
			}


/*------------------------------------------------------------------
	[7. Section portfolio]
------------------------------------------------------------------*/
#portfolio {
	background:#fff url(../img/sectionFolio/bg.jpg) top repeat-x;
	width:100%;
	min-height:830px;
	padding:60px 0 0;
	margin-bottom:60px;
}

	/* header */
	#portfolio .header {
		color:#283a39;
		font-size:13px;
		margin:40px 0;
		text-shadow: 0 0 1px rgba(40,58,57,0.4);
		}
		#portfolio .header h3 {
			color: #131313;
			font-size: 30px;
			font-weight:600;
			text-transform:uppercase;
			/* margin-bottom:40px; */
			
			/* background: -webkit-linear-gradient(-45deg, #3e5834, #374f36, #2a3d39); */
			/* -webkit-background-clip: text; */
			/* -webkit-text-fill-color: transparent; */
		}
		#portfolio .header .portfolio-list-action a {
			color:#e5e5e5;
			margin-left:15px;
		}
		#portfolio .header .portfolio-list-action a:first-child {
			margin-left:0;
		}
		#portfolio .header .portfolio-list-action a:hover {
			color:#2ab3ac;  /* do zmiany */
		}
		
	/* projects */
	#portfolio #portfolioProject {
		position:relative;
		}
		#portfolio #portfolioProject .apple {
			background:url(../img/sectionFolio/apple.jpg) no-repeat;
			position:absolute;
			width:300px;
			height:344px;
			top:30%; 
			left:-15%;
		}
		#portfolio #portfolioProject ul li.col-md-2,
		#portfolio #portfolioProject ul li.col-md-3,
		#portfolio #portfolioProject ul li.col-md-4,
		#portfolio #portfolioProject ul li.col-md-6 {
			padding:0;
			margin:0 0 1px 0;
			}
			#portfolio #portfolioProject ul li img {
				width: 100%;
				height: 100%;
				border-right:1px solid #fff;
			}
			#portfolio #portfolioProject ul li,
			#portfolio #portfolioProject ul li img {
				transition: all 500ms ease-out 1s;
				-moz-transition: all 500ms ease-out 1s;
				-webkit-transition: all 500ms ease-out 1s;
			}
		
		#portfolio #portfolioProject ul li h4 {
			font-size:20px;
			color:#2ab3ac;  /* do zmiany */
			font-weight:700;
			text-transform:uppercase;
			}
			#portfolio #portfolioProject ul li h4 span {
				font-weight:300;
			}
		
		#portfolio #portfolioProject ul li p {
			font-weight:300;
			font-size:12px;
			color:#283a39;
			text-shadow: 0 0 1px rgba(40,58,57,0.4);
		}
		
		#portfolio #portfolioProject ul li a.more {
			background:url(../img/sectionFolio/more.png) no-repeat;
			color:#2ab3ac;  /* do zmiany */
			font-size:12px;
			padding:4px 0 4px 28px;
		}
		
		#portfolio #portfolioProject ul li a.projectShow {
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZhMjFmIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNjgyNSIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(-45deg,  rgba(246,162,31,0.75) 0%, rgba(238,104,37,0.75) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,162,31,0.75)), color-stop(100%,rgba(238,104,37,0.75))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(-45deg,  rgba(246,162,31,0.75) 0%,rgba(238,104,37,0.75) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(-45deg,  rgba(246,162,31,0.75) 0%,rgba(238,104,37,0.75) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(-45deg,  rgba(246,162,31,0.75) 0%,rgba(238,104,37,0.75) 100%); /* IE10+ */
			background: linear-gradient(135deg,  rgba(246,162,31,0.75) 0%,rgba(238,104,37,0.75) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bff6a21f', endColorstr='#bfee6825',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
			position:absolute;
			display:none;
			width:100%;
			height:100%;
			top:0px;
			}
			#portfolio #portfolioProject ul li a.projectShow span.projectGo {
				background:url(../img/sectionFolio/search.png) no-repeat center;
				display:block;
				width:100%;
				height:100%;
			}
		#portfolio #portfolioProject ul li:hover a.projectShow {
			display:block;
		}


/*------------------------------------------------------------------
	[8. Section team]
------------------------------------------------------------------*/
#team {
	background:url(../img/sectionTeam/bg.jpg) top center fixed no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	min-height: 1200px;
}
	/* background elements */
	#team .lady {
		background:url(../img/sectionTeam/lady.png) no-repeat right center;
		position:absolute;
		width:100%;
		height:100%;
	}
	
	#team .confetti {
		background:url(../img/sectionTeam/confetti.png) no-repeat center top;
		position:absolute;
		width:100%;
		height:100%;
	}
	
	#team .confettiOne {
		background:url(../img/sectionTeam/confettiOne.png) left bottom no-repeat;
		position:absolute;
		width:100%;
		height:115%;
	}
	
	/* description about team */
	#team .about {
		max-width: 100%;
		color:#f3ede5;
		font-size:12px;
		font-weight:300;
		margin-top:100px;
		text-align:justify;
		margin-bottom:40px;
		}
		#team .about h3 {
			/* text-shadow: 0 0 1px rgba(40,58,57,0.4); */
			margin:0;
			  
			color: #f3ede5;
 			 font-size: 30px;
  			font-weight: 600;
			margin-bottom:15px;
			
			/* background: -webkit-linear-gradient(-45deg, #e7d5a7, #fbf7e0, #e3c284); */
			/* -webkit-background-clip: text; */
			/* -webkit-text-fill-color: transparent; */
		}
		#team .about p {
			margin-bottom:30px;
			/* text-shadow: 0 0 1px rgba(40,58,57,0.4); */
		}

	/* bxslider persons */
	#team .persons {
		max-width:600px;
		min-height:280px;
		}
		#team .persons .bx-viewport {
			background:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			border:none;
		}
		#team .persons .bx-persons .person {
			padding:40px 0;
			min-height:260px;
			text-transform:uppercase;
			transition:all 0.5s;
		}
		#team .persons .bx-persons .person:hover {
			position:absolute;
			margin-top:-40px;
		}
			#team .persons .bx-persons .person .img {position:relative;}
			#team .persons .bx-persons .person .img span {display:none;}
			
			#team .persons .bx-persons .person:hover .img span {
				position:absolute;
				display:block;
				background:rgba(0,0,0,.56);
				width:100%;
				height:100%;
				top:0;
			}
			
		#team .persons .bx-persons .person .info h4 {
			color:#f5efe1;
			font-size:17px;
			font-weight:300;
			margin-top:20px;
			margin-bottom:5px;
		}
		
		#team .persons .bx-persons .person .info span {
			color:#b7b2a7;
			font-size:12px;
			font-weight:300;
		}
		
		#team .persons .bx-persons .person .info .social {
			display:none;
			margin-top:20px;
			}
			
			#team .persons .bx-persons .person:hover .info .social {
				display:block;
			}
			
			#team .persons .bx-persons .person .info .social a {
				background: rgb(229,194,162); /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTVjMmEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MxOWM3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(-45deg,  rgba(229,194,162,1) 0%, rgba(193,156,122,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(229,194,162,1)), color-stop(100%,rgba(193,156,122,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(-45deg,  rgba(229,194,162,1) 0%,rgba(193,156,122,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(-45deg,  rgba(229,194,162,1) 0%,rgba(193,156,122,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(-45deg,  rgba(229,194,162,1) 0%,rgba(193,156,122,1) 100%); /* IE10+ */
				background: linear-gradient(135deg,  rgba(229,194,162,1) 0%,rgba(193,156,122,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c2a2', endColorstr='#c19c7a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
				display:inline-block;
				color:#000;
				width:30px;
				height:30px;
				padding:6px 0;
				margin-right:4px;
				text-align:center;
				border-radius:20px;
				}
			
			#team .persons .bx-persons .person .info .social a:hover {
				background: rgb(255,245,227); /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmNWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MxOWM3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(-45deg,  rgba(255,245,227,1) 0%, rgba(193,156,122,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,245,227,1)), color-stop(100%,rgba(193,156,122,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(-45deg,  rgba(255,245,227,1) 0%,rgba(193,156,122,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(-45deg,  rgba(255,245,227,1) 0%,rgba(193,156,122,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(-45deg,  rgba(255,245,227,1) 0%,rgba(193,156,122,1) 100%); /* IE10+ */
				background: linear-gradient(135deg,  rgba(255,245,227,1) 0%,rgba(193,156,122,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5e3', endColorstr='#c19c7a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
			}
			
		/* slider arrows */
		#team .persons .bx-controls-direction a {
			background:url(../img/sectionTeam/arrow.png) no-repeat;
			width:9px;
			height:16px;
			top:45%;
			}
			
			#team .persons .bx-controls-direction .bx-prev {
				background-position:left bottom;
				left:-30px;
			}
			


			#team .persons .bx-controls-direction .bx-next {
				background-position:left top;
				right:-20px;
			}


/*------------------------------------------------------------------
	[9. Footer]
------------------------------------------------------------------*/
footer {
    background: #fff url(../img/sectionFolio/bg.jpg) top repeat-x;
	
    padding-top: 10px;
}

	/* contactData */
	.contactData {
		font-size:12px;
		color:#283a39;
		text-shadow: 0 0 1px rgba(40,58,57,0.4);
		}
		.contactData h3.titleTag {
			font-weight:600;
			/* text-align:right; */
			font-size: 30px;
			/* text-transform:uppercase; */
			margin-bottom:20px;
		}
		
		.contactData .contactlocation,
		.contactData .contactphone,
		.contactData .contactmail {
			background:url(../img/icon.png) no-repeat;	
		}
		
		.contactData .contactlocation {
			padding:3px 0 4px 35px;
			margin-top:20px;
			margin-bottom:35px;
		}
		
		.contactData .contactphone {
			padding:3px 0 4px 35px;
			background-position:0 -65px;
			margin-bottom:35px;
		}
		
		.contactData .contactmail {
			padding:3px 0 4px 35px;
			background-position:0 -126px;
		}
		
		.contactData hr {
			margin-top:50px;
			margin-bottm:20px;
			color: #e1e1e1;
		}
	
	/* contact form */	
	#footer form .input-group-addon {
		background:#fbfbfb;
		border-right-color:#fbfbfb;
	}
	
	#footer form button {
		background:#2ab3ac;
		text-align:center;
		width:100%;
		color:#fff;
		text-shadow:none;
	}


/*------------------------------------------------------------------
	[10. Maps]
------------------------------------------------------------------*/
#maps {
	/* padding:40px 0; */
}

	#maps #map {
		position:relative;
		width:100%;
		height:370px;
		display: block;
		margin: 0 auto;
		}
		#map.large {
		  height:500px;
		}


/*------------------------------------------------------------------
	[11. Maps]
------------------------------------------------------------------*/
#copyright {
	font-size:11px;
	padding: 20px 0;
	/* text-shadow: 0 0 1px rgba(40,58,57,0.4); */
}

	#copyright a.social {
		display:inline-block;
		background:#000;
		border-radius:30px;
		text-align:center;
		width:20px;
		height:20px;
		vertical-align:middle;
		color:#fff;
		padding:3px;
	}
	
	#copyright a.social:hover {
		background:#40bfb3;
	}


/*------------------------------------------------------------------
	[12. Responsive]
------------------------------------------------------------------*/

@media (max-width: 300px) {
	
	/* sectionLogo */
	#sectionLogo {
		}
		#sectionLogo .info h2 {
			font-size: 32.74px;
		}
}

@media (max-width: 460px) {
	/* header-nav */
	.header-nav {
		padding:0px 8px;
		}
		.header-nav .topbar{
			padding-top:15px;
			}
			.header-nav .responsive {
				display:block;
				padding-left:0 !important;
			}
	
	/* sectionLogo */
	#sectionLogo {
		}
		#sectionLogo .info h2 {
			font-size: 26.74px;
		}
		#sectionLogo .logo #logo{
			margin-left: 5%;
		}
	/* recomend */
	#recommend{
		}
		#recommend .header h3{
			font-size: 26.74px;
		}
	/* offer */
	#offer{
		}
		#offer .content h2{
			font-size: 26.74px;
		}
		#offer .content .offerText{
			width:100%;
			}
			#offer .content .offerText h3{
				font-size: 20px;
			}
	/* portfolio */
	#portfolio{
		}
		#portfolio .header h3{
			font-size: 26.74px;
		}
		#portfolio #portfolioProject .apple {
			display:none;
		}
	
	/* team */
	#team{
		}
		#team .about h3{
			font-size: 26.74px;
		}
	/* contact */
	.contactData h3.titleTag{
		font-size: 26.74px;
	}
	/* maps */
	#maps{
		display:none;
	}
}

@media (max-width: 768px) {
	/* header-nav */
	.header-nav {
		padding:0px 8px;
		}
		.header-nav .navbar-toggle {
			margin-top:10px;
			margin-right:0;
		}
		.header-nav .navbar-nav > li > a {
			padding:5px 10px;
		}
		.header-nav .navbar-collapse.collapse.in {
			padding-bottom:10px;

		}
	
	/* sectionLogo */
	#sectionLogo {
		}
		#sectionLogo .sectionLogoOrigamiBox {
			background-position:center;
			width:100%;
			height:100%;
			left:0%;
		}
		#sectionLogo .sectionLogoOrigamiBall,
		#sectionLogo .sectionLogoOrigamiBird {
			display:none;

		}
		#sectionLogo .info {
			top:40%;
		}
		#sectionLogo .logo #logo {
			position:absolute;
		}
	
	/* offer */
	#offer {
		}	
		#offer .phone,
		#offer .ball {
			display:none;
		}
		.bx-offer {
			max-width:700px;
		}
		#offer .bx-controls-direction .bx-prev {
			left:10px;
		}
		#offer .bx-controls-direction .bx-next {
			right:10px;
		}
	/* portfolio */
	#portfolio{
		padding-top:40px;
	}
	/* team */
	#team{
		}
		#team .about{
			margin-top: 60px;
		}
		#team .persons {
			}	
			#team .persons .bx-controls-direction .bx-prev {
				left:10px;
			}
			#team .persons .bx-controls-direction .bx-next {
				right:10px;
			}
		
	/*background size */
	#sectionLogo, 
	#offer,
	#team {
		background-size: inherit;
	}
	
	/* contact data */
	.contactData{
		}
		.contactData h3 {
			margin-top:45px;
			text-align:left !important;
		}
		.contactData .contactlocation,
		.contactData .contactphone{
			margin-bottom:20px;
		}
		.contactData hr{
			margin:30px 0 10px;
		}
	
	/* maps */
	#maps{
		display:none;
	}
	
	/* copyright */
	#copyright{
		padding:15px 0;
	}
	
	/* space-mobile */
	.space-mobile{
		margin-bottom:15px;
	}
}


@media (min-width: 769px and max-width:1024px) {
	/* header-nav */
	.header-nav .navbar-nav > li > a {
		padding:18px 10px;
	}
	
	/* sectionLogo */
	#sectionLogo .sectionLogoOrigamiBox {
		left:auto;
		right:0;
	}
}

@media (min-width: 769px) {
	
	/* sectionLogo */
	#sectionLogo {
		}
		#sectionLogo .sectionLogoOrigamiBall,
		#sectionLogo .sectionLogoOrigamiBird {
			display:block;
		}
	
	/* offer */
	#offer {
		}	
		#offer .phone,
		#offer .ball {
			display:block;
		}
		
	#offer .phone {
		right:0;
	}
}