@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: 'Roboto', sans-serif;
	font-smooth: always;
	color:#283a39;
	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]
------------------------------------------------------------------*/
.header-nav {
	height:65px;
	background: rgba(255, 255, 255, 0.88);
	text-transform:uppercase;
	box-shadow: 0 0 7px 2px #000000;
}
.header-nav .container{
	display: flex;
	justify-content: center;
	align-items: center;
}
	/* bar where is contact number and icon to show responsive menu */
	.header-nav .navbar-header {
		height:62px;
		vertical-align:middle;
		font-size:12px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.title-nav{
		font-size: 30px;
		font-family: "Noto Kufi Arabic", sans-serif;
		padding: 1px 5px;
		margin: 0;
	}
	.header-nav .topbar {
		padding-top:0;
		color:#283a39;
		position: absolute;
		left: 4%;
	}

	.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:#283a39; 
			padding-top:21px; 
			padding-bottom:21px;
			font-size:12px;
			font-weight:300;
			text-shadow: 0 0 1px rgba(40,58,57,0.3);
		}		
		.header-nav .navbar-nav > li > a:hover {
			background:none;
			font-weight:400;
		}


/*------------------------------------------------------------------
	[4. Section Logo]
------------------------------------------------------------------*/

/*#slider{*/
/*	background:url(../img/sectionLogo/bg.jpg) no-repeat;*/
/*	background-size:cover;*/
/*	position:relative;*/
/*	width:100%;*/
/*	min-height:832px;*/
/*}*/



#sectionLogo {
	background:url(../img/sectionLogo/bg.jpg)  no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	min-height:832px;
}
	/* 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:#445892;
		font-size:17px;
		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:#445892;
		font-size:60px;
		font-style:normal;
		font-weight:600;
		text-transform:uppercase;
		margin-bottom:10px;

		background: -webkit-linear-gradient(-45deg, #6c4c36, #355f55);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	#sectionLogo .info p{
		text-align: center;
		font-size: 30px;
		font-family: "Noto Kufi Arabic", "Almarai", "Cairo", "Open Sans", sans-serif;
		padding: 3px 7px;
		border-radius: 5px;
	}
		
	/* logo */		
	#sectionLogo .logo {
		position:relative;
		z-index:30;
		max-width:498px;
		max-height:498px;
		margin: 40% auto 0;
		}
		#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 {
	padding:60px 0;
}
	/* header */
	#recommend .header h3 {
		font-family: 'Roboto', sans-serif;
		text-transform:uppercase;
		font-size:40px;
		color:#445892; 
		font-weight:bold;
		}
		#recommend .header h3 span {
			font-weight:300;
		}
	#recommend .header p {
		text-transform:uppercase;
		font-weight:300;
		font-size:18px;
		color:#656b69;
		text-decoration:underline;
	}
	
	/* 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:20px;
		text-transform:uppercase;
		margin-top:40px;
		margin-bottom:25px;
		font-weight :bold;
		}
		#recommend .row div:hover h4 {
			color:#ef6f24;
		}
	#recommend p {
		font-weight:300;
		font-size:16px;
		color:#656b69;
		text-shadow: 0 0 1px rgba(40,58,57,0.5);
	}


/*------------------------------------------------------------------
	[6. Section offer]
------------------------------------------------------------------*/
#offer {
	background:url(../img/sectionOffer/bg.jpg) fixed no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	min-height:900px;
}
	/* 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:55%;
			color:#f3ede5;
			font-size:17px;
			font-weight:300;
			text-shadow: 0 0 1px rgba(40,58,57,0.6);
			}
			#offer .content .offerText h3 {
				color:#fff;
				font-size:40px;
				font-weight:bold;
				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:18px;
			font-weight:300;
			/*font-weight:bold;*/
			text-align:center;
		}
		#offer .bx-offer .offer:hover {
			color:rgba(255,255,255, 1);
		}
			#offer .bx-offer .offer img {
				border-radius:50%;
				margin:auto;
			}
			#offer .bx-offer .offer p {
				margin-top:0px ; /*30px;*/
				padding:0 20px 10px;
			}
		
		#offer .bx-controls-direction a {
			background:url(../img/sectionOffer/sliderArrow.png) no-repeat;
			width:30px;
			height:30px;
			top:45%;
			}
			#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;
}

#portfolio .title{
	/*display: grid;*/
	text-align: center;
	font-family: "Cairo", "Noto Kufi Arabic", sans-serif;
	color: green !important;
}


	/* header */
	#portfolio .header {
		color:#5e5e5e;
		font-size:18px;
		margin:40px 0;
		text-shadow: 0 0 1px rgba(40,58,57,0.4);
	}
	#portfolio .header p{
		color: #0c8994;
		font-weight: bold;
		font-size: 18px;
		font-family: "Cairo", "Noto Kufi Arabic", sans-serif;
		/*margin-left: 50px;*/
		/*text-align: end;*/
		cursor: default;
	}

	.portfolio-list-action{
		display: grid;
		justify-content: end;
	}

	.container-grid-icon{
		width: max-content;
		background: rgba(0, 0, 0, 0.06);
		padding: 4px 10px;
		border-radius: 4px;
		align-items: center;
		margin: auto;
	}

		#portfolio .header h3 {
			font-size:53px;
			font-weight:600;
			text-transform:uppercase;
			margin-bottom:20px;
			cursor: default;

			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;
			color:#2ab3ac;
		}
		#portfolio .header .portfolio-list-action a:hover {
			color:#2ab3ac;  /* do zmiany */
		}
		
	/* projects */
	#portfolio #portfolioProject {
		position:relative;
	}
	#portfolio #portfolioProject .list-unstyled{
		display: flex;
		justify-content: space-around;
		gap: 20px;
	}
	#portfolio #portfolioProject .list-unstyled li{
		border-radius: 5px;
		transition: all 350ms ease;
	}
	#portfolio #portfolioProject .list-unstyled li:hover{
		transition: all 350ms ease;
		transform: scale(1.05, 1.05);
	}

	#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:900px;
}
	/* 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:600px;
		color:#f3ede5;
		font-size:14px;
		font-weight:bold;
		margin-top:100px;
		text-align:justify;
		margin-bottom:40px;
		}
		#team .about h3 {
			margin:0;
			font-size:53px;
			color:#ffffff;
			font-weight:600;
			margin-bottom:30px;
			
			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;
			text-align :center;
		}
		#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:22px;
			font-weight:Bold;
			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 {
	margin-top:30px;
	/*border-top: 3px solid rgba(0, 108, 147, 0.4);*/
	padding-top: 50px;
	background-image: linear-gradient(to bottom, rgba(3, 110, 217, 0.1), rgba(3, 207, 217, 0));
}

	/* 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:51px;
			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:30px 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;*/
			padding-top:8px;
			}
			.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-top:5px;
			padding-bottom:5px;
		}
		.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;
	}
}


/***
Styler Panel
***/
.color-panel {
  z-index: 9999;
  position: fixed;
  top: 120px;
  right: 0;
}
.color-panel .color-mode-icons {
  top: 0;
  right: 0;
  padding: 20px;
  cursor: pointer;
  position: absolute;
  margin: 0;
}
.color-panel .icon-color {
  background: #c9c9c9 url(../img/icon-color.png) center no-repeat;
}
.color-panel .icon-color:hover {
  background-color: #3d3d3d;
}
.color-panel .icon-color-close {
  display: none;
  background: #3d3d3d url(../img/icon-color-close.png) center no-repeat;
}
.color-panel .icon-color-close:hover {
  background-color: #222;
}
.color-mode {
  top: 0;
  right: 40px;
  width: 200px;
  display: none;
  padding: 20px 10px 10px;
  position: absolute;
  background: #3d3d3d;
}
.color-mode p {
  color: #cfcfcf;
  padding: 0 15px;
  font-size: 15px;
}
.color-mode ul {
  list-style: none;
  padding: 4px 11px 5px;
  display: block;
  margin-bottom: 1px !important;
}
.color-mode li {
  width: 28px;
  height: 28px;
  margin: 4px;
  cursor: pointer;
  list-style: none;
  border: solid 1px #707070;
  display: inline-block;
  padding: 0 5px;
}
.color-mode li:hover,
.color-mode li.current {
  border: solid 1px #ebebeb;
}
.color-mode li.current {
  border: solid 2px #ebebeb;
}

.color-mode li.color-blue {
  background: #64aed9;
}
.color-mode li.color-red {
  background: #D93246;
}
.color-mode li.color-green {
  background: #1DB47B;
}
.color-mode li.color-orange {
  background: #EA430C;
}
.color-mode li.color-gray {
	background: #3D414C;
}
.color-mode li.color-turquoise {
	background: #159892;
}
.color-mode li.color-yellow {
	background: #F1B90E;
}
.color-mode li.color-lime {
  background: #89CC1E;
}
.color-mode label {
  color: #cfcfcf;
  border-top: 1px solid #585858;
  padding: 10px 10px 0;
  margin: 0 5px;
  display: block;
}
.color-mode label span {  
  text-transform: uppercase;
}
.color-mode label > span {
  display: inline-block;
  width: 85px;
}
.color-mode label > select {
  margin-top: 5px;
  text-transform: lowercase;
}
.color-mode label  span.color-mode-label {
  top: 2px;
  position: relative;
}