@charset "utf-8";

/* =========================================================
******************Reset & Clearfix**************************
============================================================ */
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}

li {
	list-style:none;
}

/* =========================================================
***************************General**************************
============================================================ */	
html,body {
	width:100%;
	height:100%;
	color:#ABABAB;		
}

	
body {overflow-x:hidden;}
h2 {
	font-size:50pt;
	margin-bottom:10px;
	text-transform:uppercase;
	}	
.container {
	width:980px;
	margin:0 auto;
	z-index:10;
	position:relative;
}

.mt {
	margin-top:70px;
}

.center {
	text-align:center;
	margin-top:70px;		
}

.left {
	float:left;
}

p { line-height:18px; }

a, li {
	color: #555555;
	text-decoration: none;
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
		-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
		 -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
			transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

img, div, input, textarea {
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
		-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
		 -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
			transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}
.last {
	margin-right:0px!important;
}

#aboutus,
#ourservices,
#portfolio,
#news,
#video,
#contact { 
	padding:100px 0 0;
	position:relative;
	background-color:#fff;
}

#portfolio {
	height:100%;
}

#aboutus .flx-team .team-avatar img,
.news_page .list-carousel #flx-slides-3 li .flx-recent-post-thumb img,
#portfolio .pf-detail-img img,
#news-carousel .flx-entry-item .flx-entry-thumb a img {
	width:100%;
}

.typo1 {
	position:absolute; 
	text-align:center; 
	width:100%; 
	height:100%; 
	padding:40px 0 0
	}

/* =========================================================
*****************************Menu***************************
============================================================ */

#navigation {
	background:#FFF url(../images/onepage/bg-top-nav.gif) top repeat-x;
	position: relative;  
	width: 100%;
	height: 88px;
	z-index: 1000;
	border-bottom:1px solid #D9D9D9;
}
	
#logo {
	float:left;
	width:170px;
	height:88px;
}
#logo img
{
	float: left;
	width:84px;
	height:88px;
}
#logo h1
{
	margin-top:10px;
	font-size: 12pt;
	line-height:14pt;
}
#logo h5 {
	color:#303030;
	line-height:11pt;
}

#navigation > div {
	width:96%;
	margin:auto;
}

#navigation #menu {
	float:left;
}
#navigation #second_menu {
	float:right;
}
#navigation .menu {
	margin:0;
	height: 88px;	
}

#navigation .menu li {
	display: inline-block;
	font-family: 'Patrick Hand SC', Helvetica, Verdana, Geneva, sans-serif;
	height: 88px;
}
	
#navigation .menu li a, 
#navigation .menu li a:active, 
#navigation .menu li a:visited {
	border-top: 8px solid #d0d0d0;
	color:#303030;
	padding:0 0.7em;
	height:80px;
	line-height:80px;
	font-size:16pt;
	display:block;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;	
}

#navigation .menu li:hover a, 
#navigation .menu li.current a {
	color: #FFF;
	border-top: 8px solid #ff2600;
	background:#004ebc;
}

#navigation .wrapper-dropdown-3 {
	float:left;
	width:400px;
	margin:28px 20px 0 0;
	display:none;
}

#navigation .wrapper-dropdown-3 ul li:hover a {
	color:#004ebc;
}
.wrapper-dropdown-3.dropdown-arrow .dropdown:after {
	bottom:-6px !important;
	border-width:6px 6px 0;
}
.wrapper-dropdown-3.dropdown-arrow .dropdown:before {
	bottom:-8px !important;
	border-width:8px 8px 0;
}

/* =========================================================
*********************Pages and Subpages*********************
============================================================ */
#index {
	background:#000;
	height: 100%;
	position: relative;
	margin-bottom:-88px;
}

.newsletter {
	background:#ef4a4a;
}

.projects-filters {
	background:#262932;
}

#news {
	background:url("../images/background/bg-animate.png") repeat scroll 0 0 #004ebc;
}
#news h2 ,
#news h5 {
	color:#FFF;
}
#news .flx-entry-item .flx-entry-thumb:hover .mask {
	top:5%;
	left:5%;
	width:90%;
	height:90%;
}	
	
/* =========================================================
**************************Separators************************
============================================================ */

.section1-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url('../images/background_1.gif') 0 top repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	z-index:-1;
}
.test {
	width:100px;
	height:100px;
	background:#000;
	position:absolute;
	z-index:2;
	}

.section2-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url('../images/background_2.gif') 0 top repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.section3-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url('../images/background_3.gif') 0 top repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.section4-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url('../images/background_4.gif') 0 top repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	z-index:-1;
}

#section1, #section2, #section3, #section4 {
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	position: relative;
}

.pattern {
	background: url('../images/onepage/pattern.png');
	background-repeat:repeat;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0.7;
	z-index:0;
}

.client {
	float:left;
	margin:10px;
	width:140px;
	cursor:pointer;
	margin-top:65px;
	transition: all 0.3s ease 0s;
}

.client:hover {
	float:left;
	margin:10px;
	width:140px;
	cursor:pointer;
	margin-top:60px;
}

/* =========================================================
**************************Home Page*************************
============================================================ */
	
#outer_container{
	position:absolute;
	bottom:-160px;	/*-160px to hide*/
	margin:0px 0px 30px 0px;
	height:130px;
	padding:0;
	-webkit-box-reflect:
		below 5px -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(transparent),
			color-stop(0.6, transparent),
			to(rgb(18, 18, 18))
		);
}
#thumbScroller{
	position:relative;
	overflow:hidden;
}
#thumbScroller .ms-container{
	position:relative;
	left:0;
}
#thumbScroller .content{
	float:left;
}
#thumbScroller .content div{
	margin:2px;
	height:100%;
}
#thumbScroller img,
img.clone{
	border:5px solid #fff;
	height:120px;
}
#thumbScroller a{
	padding:2px;
	outline:none;
}
.fp_overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:transparent url(../placeholders/onepage/icons/pattern2.png) repeat-x bottom left;
}
.fp_loading{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#000 url(../placeholders/onepage/icons/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	z-index:999;
	opacity:0.7;
}
.fp_next,
.fp_prev{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	margin-top:-15px;
	cursor:pointer;
	opacity:0.5;
}
.fp_next:hover,
.fp_prev:hover{
	opacity:0.9;
}
.fp_next{
	background:#000 url(../placeholders/onepage/icons/next.png) no-repeat center center;
	right:-50px;
}
.fp_prev{
	background:#000 url(../placeholders/onepage/icons/prev.png) no-repeat center center;
	left:-50px;
}
.fp_thumbtoggle{
	height:50px;
	background:#000;
	width:200px;
	text-align:center;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	position:absolute;
	left:50%;
	margin-left:-100px;
	bottom:-50px;
	line-height:50px;
	cursor:pointer;
	opacity:0.8;
}
.fp_thumbtoggle:hover{
	opacity:1.0;
}
img.fp_preview{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}

/* =========================================================
**************************About us**************************
============================================================ */

.flx-overview-box {
	background-color:#f6f6f6;
	border-top:6px solid #f0f0f0;
}
#aboutus #flx-skill {
	margin:50px 0 0;
}
#aboutus #flx-skill li div {
	width:550px;
}
#aboutus #flx-skill li p.flx-skill-title {
	width:110px;
}
.flx-boom {
	background-color:#fff;
}
.flx-overview-box {
	padding-top:50px;
	}
#flx-skill li p.flx-skill-title {
	font-size:12pt;
	}
/* =========================================================
************************Our Services************************
============================================================ */
	
.flx-services {
	margin:0 -10px 100px;
}


.flx-services li {
	width:313px;
}


.flx-services li [class^="icon-"], 
.flx-services li [class*=" icon-"] {
	font-size:100px;
}

.flx-services li article .entry-title {
	margin-top:20px;
}


/* =========================================================
************************Video************************
============================================================ */
	
.flx-video {
	margin:0 -10px 100px;
}


.flx-video li {
	width:313px;
}


.flx-video li [class^="icon-"], 
.flx-video li [class*=" icon-"] {
	font-size:100px;
}

.flx-video li article .entry-title {
	margin-top:20px;
}

/* =========================================================
**************************Portfolio*************************
============================================================ */

	
.portfolio {
	width: 100.3%;
}


/* =========================================================
****************************News****************************
============================================================ */
	
.container-news {
	width:100%;
	padding-bottom:50px;
}

	
.list_carousel {
	width: 100%;
	height:auto;		
}

.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;

}

.list_carousel li {
	background-color: #fff;
	width: 350px;
	height: 620px;
	padding: 0;
	margin: 20px;
	display: block;
	float: left;
}

.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

#news-navigation {
	width:160px;
	height:70px;
	margin:0 auto 40px;
}

.prev {
	float: left;
	background: url("../images/onepage/left.png") no-repeat scroll center center #fff;
	width:70px;
	height:70px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius:50px;
	position:relative;
	z-index:1;
	display:block;				
}

.prev:hover {
	background: url("../images/onepage/left_hover.png") no-repeat scroll center center #004ebc;
}

.next {
	float:left;		
	margin-left:20px;
	background: url("../images/onepage/right.png") no-repeat scroll center center #fff;
	width:70px;
	height:70px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius:50px;
	position:relative;
	z-index:1;
	display:block;		
}

.next:hover {
	background: url("../images/onepage/right_hover.png") no-repeat scroll center center #004ebc;
}
#news-carousel .flx-entry-item {
	background-color:#fff;
}
#news-carousel .flx-entry-content {
	padding:0 20px 10px;		
}
#news-carousel .flx-entry-item .flx-entry-detail {
	float:none;
	width:100%;
}
#news-carousel .flx-entry-item .flx-entry-content .flx-entry-author a {
	display:inline-block;
}
.flx-entry-item .flx-entry-meta .flx-entry-author, 
.flx-entry-item .flx-entry-meta .flx-entry-date {
	margin-right:10px;
}
.flx-entry-item .flx-entry-meta .flx-entry-categories {
	margin-right:0;
}
.flx-entry-item .flx-entry-meta .flx-entry-categories i, 
.flx-entry-item .flx-entry-meta .flx-entry-tags i, 
.flx-entry-item .flx-entry-meta .flx-entry-author i, 
.flx-entry-item .flx-entry-meta .flx-entry-date i {
	margin-right:5px;
}
.flx-entry-item .flx-entry-thumb, 
.flx-entry-box .flx-entry-thumb {
	margin-bottom:20px;
}

.flx-entry-item .flx-entry-title {
	font-size:24px;
}
.flx-entry-box .entry-title {
	font-size:30px;
	text-transform:none;
}


/* =========================================================
**********************News Images Hover Effects*************
============================================================ */
	
	
.news img {	   
   display: block;
   width: 100%;
   height:auto;	   
}

.news .mask {
   opacity: 0;
}	

.news:hover .mask {
   opacity:1;
}	

.news {
	width:100%;	   
	height: auto;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: left;	    
}

.news .mask {
   width: 100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.5);
}

.news a.icon {	
	height:38px;
	width:38px;
	padding:20px;
	left:50%;
	margin-left:-39px;
	top:50%;
	margin-top:-39px;		
	position:absolute;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius:50px;
}

.news  a.icon.zoom {
	background:url(../images/onepage/plus.png) 20px 20px no-repeat #FFF ;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

.news a.icon.zoom:hover {
	background:url(../images/onepage/plus.png) 20px 20px no-repeat #FFF;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		 -o-transform: rotate(-90deg);		
}

.news-intro {
	background:#fff;
	float:left;
	padding:20px;
	height:170px;
}
	


/* =========================================================
**********************News Post page************************
============================================================ */
	
.news_page {
	background-color:#fff;
	width:980px;
}
	
.news_page .wrapper {
	width:940px;
	padding-top:20px;
}
.news_page .flx-entry-item .flx-entry-thumb img, 
.news_page .flx-entry-box .flx-entry-thumb img {
	display:block;
	width:100%;
}
.news_page .flx-related-post {
	margin-top:20px;
}



/* =========================================================
*************************Contact****************************
============================================================ */
	
#map_canvas {
	width:100%;
	height:500px;
}
	
.page-bottom {
	border-bottom:none;
}

#footer-bottom {
	border-top: none;
	margin-top: 0;
	padding-top: 10px;
}

.tweet_avatar {
	display:none;
}
.tweet_list li {
	text-align:center;
	color:#fff;
	font-size:25px;
	line-height:40px;
}
.tweet_list li a {
	color:#fff;
}
.tweet_list li a:hover {
	color:#004ebc;
}
#section4 .wrapper {
	margin-top:150px;
}
#section4 .widget-title {
	text-align:center;
	margin-bottom:30px;
}
.tweet_time {
	display:block;
	margin-top:20px;
}
.tweet_time a {
	font-size:12pt;
	font-family:'Patrick Hand SC', Helvetica, Verdana, Geneva, sans-serif;
}
#contact #comments-form label, #contact-form label,
.news_page #comments-form label, #contact-form label {
	display:block;
}
.flx-comment-left p, .flx-comment-right p, .flx-contact-left p, .flx-contact-right p {
	margin-bottom:20px;
}
#comment_message, #contact_message {
	height:212px;
}


/* ------------------------------------------------------------------------------- */
/*  18. Media Queries
/* ------------------------------------------------------------------------------- */	


@media only screen and (max-width: 1500px) { 

	.portfolio {
		width: 100.3%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}

}



	
@media only screen and (max-width: 1300px) { 

	.portfolio {
		width: 100.5%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}

}




@media only screen and (max-width: 1120px) {
	#navigation .wrapper-dropdown-3 {
		display:block;
	}
	
	#navigation ul#menu {
		display:none !important;
	}
	
	
	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}
	
	
	.section1-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section2-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section3-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section4-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	#logo {
		width:auto;
	}
	
	#logo h1,
	#logo h5 {
		display:none;
	}
}	


@media only screen and (max-width: 959px) {
	
	
	.container {
		width:720px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#navigation .wrapper-dropdown-3 {
		display:block;
	}
	
	#navigation ul#menu {
		display:none !important;
	}
	
	.in-slide-content {
		bottom:180px;
		left:50px;
		margin-right:10%;
		z-index:20;
		position:absolute;
		width:45%;
		text-align:left;
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		color:#fff;
		border-bottom:#fff solid 1px;
		padding-bottom:20px;
		font-size:20pt;
		line-height:22pt;
		text-transform:uppercase;
		float:left;
	}
	
	.in-slide-content p{ 		
		z-index:20;
		color:#fff;		
		font-size:18pt;
		padding-top:20pt;
		float:left;
		font-weight:bold;
	}
	
	.team {
		background-color: #FFFFFF;
		float: left;
		height: 280px;
		margin-right: 15px;
		overflow: hidden;
		width: 225px;
		margin-bottom:15px;
	}
	
	.team.last {
		margin-left:240px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width: 146px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}
		
	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:49.99%;	
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom:10px;

	}
	
	.carousel_testimonials li {
		width: 680px;
	}
	
	.project_page {
		background-color:#fff;
		width:720px;
	}
	
	.news_page {
		background-color:#fff;
		width:720px;
	}
	
	.user_comment_reply {
		background: url("../images/onepage/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.footer ul.contactus li {
		float: none;
		margin-bottom: 20px;
	}
	
	.section1-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section2-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section3-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section4-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	    
}



@media only screen and (max-width: 767px) {

	
	.container {
		width:440px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#navigation .wrapper-dropdown-3 {
		display:block;
		width:300px;
	}
	
	#navigation #menu {
		display:none;
	}

	.in-slide-content {
		bottom:180px;
		left:50px;
		margin-right:10%;
		z-index:20;
		position:absolute;
		width:45%;
		text-align:left;
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		color:#fff;
		border-bottom:#fff solid 1px;
		padding-bottom:20px;
		font-size:20pt;
		line-height:22pt;
		text-transform:uppercase;
		float:left;
	}
	
	.in-slide-content p{ 		
		z-index:20;
		color:#fff;		
		font-size:12pt;
		padding-top:20px;
		float:left;
		font-weight:bold;
	}
	
	.one_half {
    	width: 100%;
	}
	
	
	.one_fourth {
		width: 100%;
	}
	
	.one_fifth {
		width: 100%;
	}
	
	.one_sixth {
		width: 100%;
	}
	.two_fifth {
		width: 100%;
	}
	
	.two_fourth {
		width: 100%;
	}	
	
	.two_third {
		width: 100%;
	}
	
	.three_fifth {
		width: 100%;
	}
	
	.three_fourth {
		width: 100%;
	}
	
	.four_fifth {
		width: 100%;
	}
	
	.five_sixth {
		width: 100%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 0;
		position: relative;
	}
	
	.team {
		background-color: #FFFFFF;
		float: left;
		height: 280px;
		margin-left: 107px;
		overflow: hidden;
		width: 225px;
		margin-bottom:30px;
	}
	
	.team.last {
		margin-left:107px;
	}
	
	h3.newsletter {
		float: none;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width: 416px;
		margin-bottom:20px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}

	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:50%;
		margin:0 auto;	
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom:10px;
	}
	
	.carousel_testimonials li {
		width: 400px;
	}
	
	.project_page {
		background-color:#fff;
		width:440px;
	}
	
	.client {
		margin:20px 150px 20px 150px;
	}

	.client:hover {
		margin:20px 150px 20px 150px;
		opacity:0.8;
	}
	
	.news_page {
		background-color:#fff;
		width:440px;
	}
	
	p.post-admin {
		width:100%;
	}
	
	p.post-calendar {
		margin-left: 0px;
		width:100%;
	}
	p.post-tagss {
		margin-left: 0px;
		width:100%;
	}
	p.post-commentss {
		margin-left: 0px;
		width:100%;
	}
	
	.user_comment_reply {
		margin-left:-60px;
		background: url("../images/onepage/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	
	.carousel_testimonials li h1 { 
		font-size:20pt;
		line-height:22pt;
	}
	
	.section1-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section2-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section3-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section4-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#bd-form {
		width:100%;
	}
	#image-formulaire-bd {
		float:none;
		width:100%;
	}
	
	#logo h1,
	#logo h5{
		display:none;
	}
}

@media only screen and (max-width: 720px) {

	#navigation .wrapper-dropdown-3 {
		display:block;
		width:170px;
	}
}
  	
@media only screen and (max-width: 479px) {
	
	
	h1 { font-size: 16pt; line-height:18pt;}
    h2 { font-size: 50pt; line-height:52pt;}
    h3 { font-size: 16pt; line-height:18pt;}
    h4 { font-size: 14pt; line-height:16pt;}
    h5 { font-size: 12pt; line-height:14pt;}
	
	
	.container {
		width:280px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#navigation {
		height:auto;
	}
	
	#navigation .wrapper-dropdown-3 {
		display:block;
		width:100px;
		float:left;
	}
	#navigation #second_menu {
		float:left;
	}
	#navigation ul#menu {
		display:none;
	}
	
	.in-slide-content h1{ 		
		display:none;
	}
	
	.in-slide-content p{
		display:none; 		
	}
	
	#arrow_left {
		left: 50px;
	}
	
	.one_half {
    	width: 100%;
	}
	
	.one_third {
		width: 100%;
	}
	
	.one_fourth {
		width: 100%;
	}
	
	.one_fifth {
		width: 100%;
	}
	
	.one_sixth {
		width: 100%;
	}
	
	.two_fifth {
		width: 100%;
	}
	
	.two_fourth {
		width: 100%;
	}
		
	.two_third {
		width: 100%;
	}
	
	.three_fifth {
		width: 100%;
	}
	
	.three_fourth {
		width: 100%;
	}
	
	.four_fifth {
		width: 100%;
	}
	
	.five_sixth {
		width: 100%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 0;
		position: relative;
	}
	
	.team {
		background-color: #FFFFFF;
		float: left;
		height: 280px;
		margin-left: 27px;
		overflow: hidden;
		width: 225px;
		margin-bottom:30px;
	}
	
	.team.last {
		margin-left:27px;
	}
	
	h3.newsletter {
		float: none;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width: 256px;
		margin-bottom:20px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}	
	
	.portfolio {
		width: 100%;
	}
	
	.portfolio li { 
		width:100%;
		margin:0 auto;	
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li {
		
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		padding:0;
		text-align:center;
		margin-bottom:10px;
		width: 100%;
	}
	
	.carousel_testimonials li {
		width: 240px;
	}
	
	.project_page {
		background-color:#fff;
		width:280px;
	}

	.client {
		margin:20px 70px 20px 70px;
	}

	.client:hover {
		margin:20px 70px 20px 70px;
		opacity:0.8;
	}
	
	.list_carousel li {
		height: 522px;
		width: 280px;
	}
	
	.news-intro {
		background: none repeat scroll 0 0 #FFFFFF;
		float: left;
		height: 225px;
		padding: 20px;
	}
	
	.news_page {
		background-color:#fff;
		width:280px;
	}
	
	p.post-admin {
		width:100%;
	}
	
	p.post-calendar {
		margin-left: 0px;
		width:100%;
	}
	
	p.post-tagss {
		margin-left: 0px;
		width:100%;
	}
	
	p.post-commentss {
		margin-left: 0px;
		width:100%;
	}
	
	
	.carousel_testimonials li h1 { 
		font-size:20pt;
		line-height:22pt;
	}
	
	.section1-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section2-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section3-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	.section4-bg {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	

}