/*------------------------------------------------------------------
Main Style Stylesheet
Project:		Defrag Onepage Personal Portfolio Theme
Version:	    1.0
Create Date:	08/12/2014
Last change:	08/12/2014
Primary use:	Personal Portfolio
Color:			10 Option 
Website: 		http://ideathemes.com/themes/html/Defrag/
-------------------------------------------------------------------*/
/*
* body
1	+ Header  /  #header
2	+ Banner  /  #banner
3	+ Content /  #content
4   + Footer  /  #footer
*/

/*----- Main Layout ---------*/
@import "bootstrap.css";
/*----- ionicons Fonts Icons ---------*/
@import "fonts/ionicons.min.css";
/*----- animate.css ---------*/
@import "animate.css";
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #FFF;
	height: 100%;
	width: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}
#wrap {
	width: 100%;
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
label {
	display: block;
}
h1 {
	font-size: 36px;
	color: #656565;
}
h2 {
	font-size: 30px;
	font-weight: 900;
	color: #fff;
}
h3 {
	font-size: 24px;
	color: #fff;
	font-weight: 900;
}
h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}
h5 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
	font-weight: 900;
}
h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #fff;
}
h6 span {
	font-weight: bold;
}
p {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
}
a:hover {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
img:hover {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #757575;
}
.nomargin {
	margin: 0px;
}
.nopadding {
	padding: 0px;
}
.top-40 {
	margin-top: 40px;
}
.top-25 {
	margin-top: 25px;
}
hr {
	border-color: #de5749;
	width: 180px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#home {
	min-height: 900px;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
#home .text {
	text-align: center;
	margin-top: 5%;
}
#home .text span {
	font-size: 24px;
	color: #fff;
	font-weight: 100;
	letter-spacing: 18px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	line-height: 80px;
}
#home .text span.two {
	font-weight: bold !important;
	letter-spacing: 5px;
}
#home .text h1 {
	font-size: 60px;
	margin: 0px;
	font-weight: bolder;
	color: #fff;
}
#home .text h1 span{
	color:#212121 !important;
	font-size: 60px;
	margin: 0px;
	font-weight: bolder;
	color: #fff;
	letter-spacing:0px;
	
}
#home  .owl-number .owl-controls .owl-page, .owl-controls .owl-buttons div{
	border-radius:50%;
}
#home  .owl-page.active{
	background:#212121 !important;
}
#home  .owl-controls .owl-page, .owl-controls .owl-buttons div{ 
	border-radius:50%;
}
/*=======================================================
			HEADER
========================================================*/
header {
	z-index: 999;
	width: 100%;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	margin-top: 0px;
}
header .menu {
	position: relative;
	border-radius: 0px;
	width: 100%;
	margin-top:100px;
}
header .logo {
	float: left;
	line-height: 62px;
}
header nav {
	position: relative;
}
header nav li {
	float: left;
	text-transform: uppercase;
	line-height: 62px;
}
header .nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	border-bottom: 3px solid #fff;
	color: #fff;
}
header .navbar-default .navbar-nav > li > a {
	padding-left: 0px;
	padding-right: 0px;
}
header .nav-collapse li {
	width: 100%;
	display: block;
}
header .navbar-default .navbar-nav > li > a {
	padding: 12px 20px 7px 0;
	color: #fff;
	margin: 10px 0;
	border-bottom: 3px solid;
	border-color: transparent;
	margin-top: 12px;
}
.is-sticky header {
	background: #212121;
	margin-top: 0px;
}
.current {
	background: #f10f24;
	color: #fff;
}
header nav .active {
	border-bottom: 3px solid #fff !important;
	color: #fff;
}
header .container-fluid {
	padding: 0px;
}
header .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	padding: 0px;
}
header .navbar {
	margin: 0px;
	display: inline-block;
	float: left;
	margin-left: 75px;
}
header .social_icons ul {
	margin-top: 15px;
}
.is-sticky header .menu {
	position: relative;
	bottom: 0px;
	width: 100%;
	margin-top: 0px;
}
#undefined-sticky-wrapper {
	height: auto !important;
}
.navbar-toggle {
	width: 50px;
}
.is-sticky .logo img{
	width: 80%;
	-webkit-transition: 0.8s ease-in-out;
	-moz-transition: 0.8s ease-in-out;
	-ms-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
}
.big-logo{
	margin-top:6%;
}
/*=======================================================
			MAIN ICON
========================================================*/
.main_icon {
	text-align: center;
	display: inline-block;
	position: relative;
	top: -85px;
}
.main_icon .icon {
	margin-top: -60px;
	background: #fff;
	height: 83px;
	border-radius: 50%;
	color: #232221;
	width: 83px;
	line-height: 83px;
	font-size: 50px;
	line-height: 76px;
	text-align: center;
	display: inline-block;
	border: 3px solid #232221;
}
/*=======================================================
			ALL SECTION STYLE
========================================================*/
section {
	position: relative;
	color: #fff;
	text-align: center;
}
section::before, section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}
.angle {
	z-index: 1;
}
.angle::before, .angle::after {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.angle::before {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-3deg);
	-webkit-transform-origin: 5% 0;
	transform-origin: 6% 0;
}
.panel-brown {
	color: #434343;
	background: #fff;
	z-index: 9;
}
.page-panel.diagonal-top-up:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
.page-panel.diagonal-top-up:before {
	position: absolute;
	content: '';
	width: 150%;
	height: 166px;
	background: inherit;
	z-index: -1;
}
/*=======================================================
			HELLO
========================================================*/
#hello {
	padding: 200px 0;
	padding-top: 0px;
}
#hello .angle::before, .angle::after {
	padding: 500px 0;
}
#hello {
	color: #434343;
	background: url(../images/hello-bg.jpg) repeat !important;
	z-index: 9;
}
#hello .info {
	margin-top: 50px;
}
#hello .avatar {
	width: 440px;
	float: left;
}
#hello .avatar img {
	border: 6px solid #4a4a4a;
	border-radius: 50%;
	overflow: hidden;
}

.info .george img {
	border: 3px solid white;
	border-radius: 50%;
	overflow: hidden;
}

#hello .per-info {
	text-align: left;
	width: 675px;
	float: right;
}
#hello .per-info p {
	color: #fff;
}
#hello .skill {
	margin-top: 80px;
}
#hello .skill li {
	position: relative;
	width: 19.5%;
	float: left;
	display: inline-block;
}
#hello .skill li:nth-child(1) {
	margin-top: 88px;
}
#hello .skill li:nth-child(2) {
	margin-top: 66px;
}
#hello .skill li:nth-child(3) {
	margin-top: 44px;
}
#hello .skill li:nth-child(4) {
	margin-top: 22px;
}
#hello .skill li:nth-child(5) {
	margin-top: 0px;
}
#hello .skill li p {
	margin-top: 30px;
}

.chart {
	display: inline-block;
	text-align: center;
	border: 3px solid #fff;
	vertical-align: top;
	position: relative;
	border-radius: 50%;
	width: 160px;
	float: left;
	height: 160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.chart span {
	display: block;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	line-height: 140px;
}
.chart canvas {
	position: absolute;
	left: 7px;
	top: 7px;
	height: 140px;
	width: 140px;
}
#services {
	background: #3598db;
	z-index: 9;
	padding: 200px 0;
	padding-top: 0px;
}
#services .main_icon .icon {
	border-color: #3598db;
	color: #3598db;
}
#services .services {
	margin-top: 50px;
}
#services .services .ser-sec {
	background: #fff;
	padding: 50px 10px 50px 10px;
	border-radius: 4px;
	margin-top: 40px;
	border: 1px solid #fff;
}
#services .services h5 {
	font-weight: normal;
	color: #666666;
	margin: 30px 0 15px 0;
	text-transform: uppercase;
}
#services .services p {
	color: #666666;
}
#services .services i {
	font-size: 60px;
}
#services .services .ser-sec:hover {
	background: none;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
#services .services .ser-sec:hover h5 {
	color: #fff;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
#services .services .ser-sec:hover p {
	color: #fff;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
#services .services .ser-sec:hover i {
	color: #fff;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
/*=======================================================
			PORTFOLIO
========================================================*/
#portfolio {
	background: #fff;
	z-index: 9;
	padding: 200px 0;
	padding-top: 0px;
}
#portfolio .icon {
	background: #f1c40f;
	color: #fff;
	border-color: #fff;
}
#portfolio h3 {
	color: #f1c40f;
}
.filter {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	line-height: 31px;
}
.filter li a {
	padding: 10px 15px;
	font-size: 16px;
	color: #909497;
	text-decoration: none;
	border-radius: 4px;
}
.filter li a:hover {
	background: #f0c40d;
	color: #fff;
}
.filter li a.active {
	background: #f0c40d;
	color: #fff;
}
.filter li {
	margin: 0;
	display: inline;
	cursor: pointer;
	color: #616161;
}
.isotope-item {
	z-index: 2;
	display: block !important;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
}
.isotope .isotope-item {
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
}
.portfolio .item {
	width: 33%;
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.portfolio .description {
	margin-top: 10px;
	float: left;
	width: 70%;
	text-align: left;
}
.portfolio .description span {
	font-size: 15px;
	font-weight: bold;
	color: #8f8f8f;
	margin: 0 0 10px;
	line-height: 25px;
}
.portfolio .description p {
	color: #8f8f8f;
}
.portfolio .description p i {
	color: #ffd633;
	font-size: 30px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
.portfolio .icon {
	height: 30px;
	margin-top: 50px;
	width: 30px;
	float: right;
	border-radius: 4px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.portfolio .over {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.portfolio .over img {
	width: 100%;
	border-radius: 4px;
}
.portfolio .overlay {
	display: block;
	position: absolute;
	z-index: 20;
	padding: 0px 20px;
	background: #fff;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.portfolio .overlay {
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
}
.portfolio .over.hover .overlay {
	height: 50%;
}
.popup {
	background: #fff;
	padding: 50px 0;
}
.overlay .icon a {
	background: #f1c40f;
	color: #fff;
	border-color: #fff;
	width: 100%;
	display: inline-block;
	border-radius: 4px;
}
/*=======================================================
			STATIC
========================================================*/

#static {
	background: #34495e;
	z-index: 9;
	padding: 200px 0;
	padding-top: 0px;
}
#static .icon {
	color: #34495e;
	border-color: #34495e;
}
#static h3 {
	color: #2dcc70;
}
.static {
	margin-top: 80px;
}
.static li {
	position: relative;
	width: 20%;
	float: left;
	border-radius: 4px;
	padding: 30px 0;
	display: inline-block;
	text-align: center;
}
.static li i {
	font-size: 80px;
	color: #2dcc70;
}
.static li p {
	font-size: 16px;
}
.static li h3 {
	font-family: 'Open Sans', sans-serif;
}
.static li:hover {
	background: #2dcc70;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.static li:hover i {
	color: #fff;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.static li:hover h3 {
	color: #fff !important;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
/*=======================================================
			TESTIMONALS
========================================================*/
#testimonials {
	background: #f1c40f;
	z-index: 9;
	padding: 200px 0;
	padding-top: 0px;
}
#testimonials .icon {
	color: #f1c40f;
	border-color: #f1c40f;
}
#testimonials .owl-controls .owl-page, .owl-controls .owl-buttons div{
	border-radius:50%;
}
#testimonials .owl-controls .active{
	background:none !important;
	border:2px solid #fff !important;
}
#testimonials .avatar {
	float: left;
	width: 200px;
}
#testimonials .avatar img {
	border: 3px solid #fff;
	border-radius: 50%;
}
#testimonials .testi {
	padding: 0 50px;
	margin-top:100px;
	text-align: left;
}
#testimonials .testi span {
	font-size: 30px;
	font-weight: 100;
	text-align: left;
	color: #fff;
}
#testimonials .testi .texti-auther {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
}
#testimonials .carousel-control.left {
	background: none;
}
#testimonials .carousel-control.right {
	background: none;
}
#testimonials .carousel-indicators li img {
	display: inline-block;
	width: 54px;
	height: 54px;
	text-align: center;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	margin: 0 -27px;
	opacity: 0.4;
}
#testimonials .carousel-indicators .active img {
	opacity: 1;
}
#testimonials .carousel-indicators {
	position: relative;
	margin-top: 70px;
}
#testimonials .review {
	float: right;
	width: 80%;
	margin-top: 20px;
}
/*=======================================================
			BLOG
========================================================*/
#blog {
	background: #fff;
	z-index: 9;
	padding: 200px 0;
	padding-top: 0px;
}
#blog .icon {
	border-color: #fff;
	background: #2dcc70;
	color: #fff;
}
#blog h3 {
	color: #2dcc70;
}
#blog .blog p {
	text-align: left;
}
#blog .blog a {
	text-decoration: none;
	margin-top: 20px;
	text-align: left;
}
#blog .blog h4 {
	text-align: left;
	margin-top: 30px;
}
#blog .blog span {
	text-align: center !important;
	color: #757575;
	text-transform: uppercase;
	margin-top: 5px;
	display: inline-block;
}
#blog .blog p {
	color: #757575;
}
#blog .blog img {
	margin-top: 30px;
	border-radius: 5px;
}
#blog .blog span span {
	text-align: center;
	font-size: 45px;
	font-weight: 100;
}
#blog-popup h6{
	font-weight:normal;
	color:#838383;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	display: inline-block;
	height: 22px;
	width: 22px;
	background: #e3e3e3;
	margin: 0 5px;
	margin-top: 50px;
}
.owl-buttons {
	display: none;
}
.owl-controls .active {
	background: #2dcc70 !important;
}
/*=======================================================
			REFERENCES
========================================================*/
#referance {
	background: #2a80b9;
	z-index: 9;
	padding: 200px 0;
	padding-top: 0px;
}
#referance .icon {
	background: #fff;
	border-color: #2a80b9;
	color: #2a80b9;
}
#referance .owl-prev {
	left: -30px;
	top: 20px;
	position: absolute;
}
#referance .owl-next {
	right: -30px;
	top: 20px;
	position: absolute;
}
#referance #owl-crosal {
	margin-top: 100px;
}
#referance .owl-buttons{
	display:block;
}
#referance  .owl-pagination{
	display:none;
}
#referance  .owl-controls .owl-page, .owl-controls .owl-buttons div{
	border-radius:4px;
	height:30px;
	width:30px;
	line-height:30px;
	background:rgba(255,255,255,0.5);
	color:#000;
}
/*=======================================================
			SOCIAL ICONS
========================================================*/
.social_icons {
	float: right;
	right: 0px;
}
.social_icons ul {
	margin: 0;
	margin-top: -100px;
	padding: 0;
	text-align: center;
}
.social_icons li {
	display: inline-block;
	list-style-type: none;
}
.social_icons a {
	display: block;
	font-size: 20px;
	padding: 5px 10px;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	color: #fff !important;
}
.social_icons a:hover i {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #fff;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-webkit-transition: 0.4s ease-in-out;
}
.social_icons .behance a:hover {
	color: #fff;
	background-color: #2b9ad2;
	border-color: #2b9ad2;
}
.social_icons .blogger a:hover {
	color: #fff;
	background-color: #ff6500;
	border-color: #ff6500;
}
.social_icons .deviantart a:hover {
	color: #fff;
	background-color: #536659;
	border-color: #536659;
}
.social_icons .dribbble a:hover {
	color: #fff;
	background-color: #f973a4;
	border-color: #f973a4;
}
.social_icons .facebook a:hover {
	color: #fff;
	background-color: #3b5a9b;
	border-color: #3b5a9b;
}
.social_icons .flickr a:hover {
	color: #fff;
	background-color: #ff0084;
	border-color: #ff0084;
}
.social_icons .forrst a:hover {
	color: #fff;
	background-color: #2f713d;
	border-color: #2f713d;
}
.social_icons .googleplus a:hover {
	color: #fff;
	background-color: #f63d26;
	border-color: #f63d26;
}
.social_icons .instagram a:hover {
	color: #fff;
	background-color: #507ea4;
	border-color: #507ea4;
}
.social_icons .lastfm a:hover {
	color: #fff;
	background-color: #da0019;
	border-color: #da0019;
}
.social_icons .linkedin a:hover {
	color: #fff;
	background-color: #0072b2;
	border-color: #0072b2;
}
.social_icons .paypal a:hover {
	color: #fff;
	background-color: #165c82;
	border-color: #165c82;
}
.social_icons .picasa a:hover {
	color: #fff;
	background-color: #cb2027;
	border-color: #cb2027;
}
.social_icons .pinterest a:hover {
	color: #fff;
	background-color: #cb2027;
	border-color: #cb2027;
}
.social_icons .skype a:hover {
	color: #fff;
	background-color: #00aaf1;
	border-color: #00aaf1;
}
.social_icons .soundcloud a:hover {
	color: #fff;
	background-color: #ff6900;
	border-color: #ff6900;
}
.social_icons .stumbleupon a:hover {
	color: #fff;
	background-color: #eb4823;
	border-color: #eb4823;
}
.social_icons .twitter a:hover {
	color: #fff;
	background-color: #2baae1;
	border-color: #2baae1;
}
.social_icons .vimeo a:hover {
	color: #fff;
	background-color: #40b2dc;
	border-color: #40b2dc;
}
.social_icons .youtube a:hover {
	color: #fff;
	background-color: #ff3330;
	border-color: #ff3330;
}
/*=======================================================
			TEAM MEMBER
========================================================*/
#team {
	background: #2d3e50;
	z-index: 9;
	padding: 250px 0;
	text-align: center;
	padding-top: 0px;
}
#team .icon {
	background: #fff;
	border-color: #2d3e50;
	color: #2d3e50;
}
.team {
	margin-top: 100px;
}
.team .posts li.item {
	width: auto;
	margin: 0px;
}
.team {
	text-align: left;
}
.team h4 {
	font-weight: 100;
}
.team .over p {
	margin-top: 20px;
	font-family: 'Raleway', sans-serif;
}
.team .over {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.team .over img {
	width: 100%;
	border-radius: 4px;
}
.team .overlay {
	display: block;
	position: absolute;
	z-index: 20;
	padding: 0px 10px;
	background: #2d3e50;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.team .overlay {
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
}
.team .over.hover .overlay {
	height: 50%;
}
/*=======================================================
			CONATCT
========================================================*/
#contact {
	background: url(../images/cont3.png) no-repeat;
	position: relative;
	z-index: 9;
	background-size: cover;
	margin-top: -250px;
	padding-top: 250px;
	text-align: center;
	padding-bottom: 50px;
}
#contact .icon {
	background: #fff;
	border-color: #ee6959;
	color: #ee6959;
}
#contact .main_icon {
	text-align: center;
	width: 100%;
	position: relative;
	top: -135px;
}
#contact label, input[name="submit"] {
	position: relative;
}
#contact label > span, input, textarea, button {
	box-sizing: border-box;
}
#contact label {
	font-weight: normal;
	width: 100%;
	color: #696969;
	display: inline-block;
	width: 100%;
}
#contact label > span {
	display: none;
}
#contact input, textarea, button {
	width: 100%;
	border: none;
}
#contact input  {
	margin: 0;
	outline: none;
	height: 45px;
	line-height: 45px;
	width: 100%;
	padding: 0 10px;
	margin-top: 5px;
	border: 2px solid #ee6959 !important;
	margin-bottom: 10px;
}
#contact input.invalid, textarea.invalid {
	border-color: #d5144d;
}
#contact textarea {
	height: 10em;
	resize: none;
	padding: 0 10px;
	border: 2px solid #ee6959 !important;
}
#contact input[type="submit"] {
	background: #ee6959;
	color: #fff;
	font-size: 13px;
	width: 200px;
	margin: 0 auto;
	margin-top: 25px;
	text-transform: uppercase;
	height: 47px;
	font-weight: bold;
	line-height: 47px;
	margin-left: 25%;
	margin: 0 auto;
	border-radius: 4px;
	display: inline-block;
}
#contact button {
	background: #2e2e2e;
	color: #fff;
	font-size: 13px;
	width: 50%;
	margin: 0 auto;
	margin-top: 20px;
	text-transform: uppercase;
	height: 47px;
	font-weight: bold;
	line-height: 47px;
	margin-left: 25%;
	float: left;
}
#contact input[type="submit"]:hover, button:hover {
	background: #df5c4c;
}
#contact .form-group {
	width: 29.8%;
	float: left;
	margin: 0 20px;
}
#contact .social_icons {
	text-align: center;
	margin-top: 40px;
}
#contact .social_icons a {
	height: 56px;
	width: 56px;
	background: none;
	color: #fff !important;
	font-size: 20px;
	line-height: 56px;
	border-radius: 50%;
}
#contact .social_icons a:hover i {
	color: #ee6959;
	border-color: #ee6959;
}
#contact .social_icons a {
	border: 2px solid #fff;
	line-height: 48px;
}
#contact .social_icons a:hover {
	color: #ee6959;
	border: 2px solid #ee6959;
}
#contact .social_icons a i {
	font-size: 25px;
}
#contact .links {
	margin-top: 150px;
	text-align: center;
}
#contact .links li {
	padding: 0 10px;
	display: inline-block;
}
#contact .links {
	color: #fff;
}
#contact .links a {
	color: #fff;
}
#contact .page-panel.diagonal-top-up:before {
	height: 240px !important;
}
#social {
}
#social {
	text-align: center;
	background: #fff;
	z-index: 9;
	padding: 72px 0;
	text-align: center;
	padding-top: 0px;
	margin-top: 150px;
	height: 20px;
}
#social .social_icons ul {
	margin-top: 0px;
}
#social .social_icons {
	float: none;
	margin-top: 0px;
}
#social .social_icons li {
	display: inline-block;
	float: left;
	width: 20%;
}
#social .social_icons li:nth-child(1) {
	margin-top: 50px;
}
#social .social_icons li:nth-child(2) {
	margin-top: 35px;
}
#social .social_icons li:nth-child(3) {
	margin-top: 25px;
}
#social .social_icons li:nth-child(4) {
	margin-top: 10px;
}
#social .social_icons li:nth-child(5) {
	margin-top: 0px;
}
#social .social_icons li:nth-child(6) {
	margin-top: -50px;
}
#social .social_icons a {
	color: #ee6959 !important;
}
#social.page-panel.diagonal-top-up:before {
	left: -15px !important;
}
/*=======================================================
			Style Switcher
========================================================*/

/*color switcher*/
.color-switcher {
	width: 195px;
	position:fixed;
	left: -195px;
	top: 150px;
	background: #fff;
	z-index: 999;
	padding:15px 0 5px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border-bottom-right-radius:4px;
}
.color-switcher h5 {
	font-size: 15px;
	margin-top: 0;
	padding: 0 20px 0;
}
.color-switcher p {
	padding-bottom:7px;
	font-size:14px;
	color:#595959;
	margin-bottom:0;
}
.color-switcher ul {
	list-style:none;
	padding:0;
}
.color-switcher ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.color-switcher ul li a {
	display: block;
	width: 30px;
	height: 30px;
	outline: none;
}
.color-switcher ul li a.blue {
	background: #1bb1e9;
}
.color-switcher ul li a.green {
	background: #7fc719;
}
.color-switcher ul li a.red {
	background: #e54242;
}
.color-switcher ul li a.yellow {
	background: #ff9c00;
}
.color-switcher ul li a.brown {
	background: #987654;
}
.color-switcher ul li a.cyan {
	background: #1abc9c;
}
.color-switcher ul li a.purple {
	background: #c74a73;
}
.color-switcher ul li a.sky-blue {
	background: #00cdcd;
}
.color-switcher .gray {
	background: rgb(126, 139, 140);
}
.color-switcher .black {
	background: rgb(0, 0, 0);
}
.picker_close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: -40px;
	top: 0px;
	text-align:center;
	background:#fff;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
}
.picker_close i {
	font-size:22px;
	margin-top:9px;
}
.position {
	left: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.theme-colours, .layouts, .backgrounds, .choose-header, .choose-footer {
	display: table;
	padding: 10px;
	text-align: left;
	padding-top:0px;
	width:100%;
}
.layouts a, .choose-header a, .choose-footer a {
	display: inline-block;
	text-align: center;
	width:40%;
	margin: 0 5px 0 0;
	color:#5d5d5d;
	font-size:15px;
	border:1px solid #e7e7e7;
	padding:5px 7px 2px;
}
.layouts a:hover, .choose-header a:hover, .choose-footer a:hover {
	border:2px solid #a9a9a9;
	padding:4px 5px 1px
}
.styleswitcher {
	position: fixed;
	width: 120px;
	background: #ffffff;
	color: #595959;
	top: 150px;
	left: -123px;
	z-index: 999;
}
.styleswitcher p {
	color: #000 !important;
}
.styleswitcher.ackapa {
	left: 0;
}
.styleswitcher .switch {
	padding-left: 15px;
	padding-bottom: 10px;
}
.styleswitcher .switch h5 {
	margin-top: 20px;
}
.styleswitcher .switch p {
	margin-top: 10px;
}
.stylebutton {
	cursor: pointer;
	position: absolute;
	text-align: center;
	line-height: 40px;
	background: #fff;
	font-size: 20px;
	width: 40px;
	height: 40px;
	top: 0px;
	right: -40px;
}
.styleswitcher a {
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 7px;
	margin-bottom: 10px;
	position: relative;
	z-index: 99999999;
}
.popup h4 {
	color: #838383;
}
.popup p {
	color: #838383;
}
.popup .btn {
	background: #f1c40f;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
}
.popup {
}
.popup .comments {
	margin-top: 20px;
}
.popup .comments .imag {
	display: inline-block;
	width: 90px;
	float: left;
	margin-right: 10px;
}
.popup .line {
	line-height: 38px;
	border: 1px solid #ececec;
	border-left: none;
	border-right: none;
	margin-top: 20px;
}
.popup .com-text {
	display: inline-block;
	width: 340px;
}
.popup .com-input {
	margin-top: 20px;
}
.popup .auther {
	margin-top: 20px;
}
.popup input, input[type="email"], textarea {
	width: 100%;
	border: none !important;
	height: 50px;
	border-bottom: 1px dashed #999999 !important;
}
.popup button {
	border: none !important;
	background: #f1c40f;
	padding: 10px 20px;
	color: #fff;
	margin: 0 auto;
	font-weight: bold;
}
.pre-scrollable {
	max-height: 345px;
	overflow-y: scroll;
}
.popup .input-group {
	width: 100%;
}
.mfp-close {
	padding: 0px !important;
	border-radius: 50%;
	margin: 0 auto;
	top: -40px;
}
.white-popup {
	position: relative;
	background: #FFF;
}
/* ====== 3d unfold ====== */
.mfp-3d-unfold {
/* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
	perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform-style: preserve-3d;
	transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
	opacity: 0;
	transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
	transform: rotateY(60deg);
	opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
	opacity: 0;
}

/*=======================================================
			BACKGROUND SLIDER
========================================================*/
.vegas-loading {
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,0.7);
	background: url(images/loading.html) no-repeat center center; /* Loading Gif by http://preloaders.net/ */
	height: 32px;
	left: 20px;
	position: fixed;
	top: 20px;
	width: 32px; 
	z-index: 0;
}

.vegas-overlay {
	background: transparent url(overlays/01.html);
	opacity: 0.5;
	z-index: -1;
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
    max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
	z-index: -2;
}

.vegas-overlay,
.vegas-background {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
#contact textarea{
	width: 100%;
}
.message{
	width: 100%;
}
.message textarea{
	width: 100%;
}
.message{
	display: inline-block;
	margin-bottom: 50px;
}
.error {
	border: 1px solid #319002 !important;
	background: #ccc;
}
.success-msg {
	background: #E9F7DD;
	border: 1px solid #ABD0A8;
	color: #589051;
	margin-bottom: 30px;
	max-width: 1129px;
	padding: 11px 16px;
	display: none;
}
del {
	text-decoration: line-through;
	color: #ccc
}
/*=======================================================
			Page Loader
========================================================*/
#page-loader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 99999999;
}
.loader7 {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	width: 65px;
	margin: 0 auto;
}
.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #4285F4;
  }

  25% {
    stroke: #DE3E35;
  }

  50% {
    stroke: #F7C223;
  }

  75% {
    stroke: #1B9A59;
  }

  100% {
    stroke: #4285F4;
  }
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }

  25% {
    stroke: #DE3E35;
  }

  50% {
    stroke: #F7C223;
  }

  75% {
    stroke: #1B9A59;
  }

  100% {
    stroke: #4285F4;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

@media screen and (max-width: 48.5em) {
    #home .text h1 {
	font-size: 50px;
	margin: 0px;
	font-weight: bolder;
	color: #fff;
}
#home .text h1 span{
	color:#212121 !important;
	font-size: 50px;
	margin: 0px;
	font-weight: bolder;
	color: #fff;
	letter-spacing:0px;
	
}

#home .text span.petit {
	font-weight: bold !important;
    font-size:15px;
	letter-spacing: 5px;
}

#home .text span.two {
	font-weight: bold !important;
    font-size:15px;
	letter-spacing: 5px;
}
    
}