@charset utf-8;

::-moz-selection {
	background: #E3007B;
	color:#fff;
}

::selection {
    background: #E3007B;
    text-shadow: none;
    color:#fff;
}


@media (min-width: 1200px) {
	.span12,.container
	{
		width:960px;
	}
	
	.container-fluid
	{
		padding-left:100px!important;
		padding-right:100px!important;
	}
}


html,body
{
	height:100%;
	margin:0;
	padding:0;
	width:100%;
}

body
{
	overflow-x:hidden;
}


/*Navigation and Responsive Menu*/
.mobile-header{
	margin:0px;
	padding: 7px 0px;
	list-style: none;
	width: 100%;
	background: #000;
	position: fixed;
	min-height: 40px;
	text-align: center;
	z-index: 100 !important;
}
.dropmenu{
	margin-top: 10px;
	
	display: inline-block;

	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	
	width: 220px;
	background-color: #ffffff;
	border: 1px solid #cccccc;	
	
	height: 30px;
	line-height: 30px;	
	
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;	
	

	
}
.white
{
	color:#fff!important;
}

.bg-red{
	background: #E3007B;
}
.bg-green{
	background: #55C412;
}
.bg-blue{
	background: #938BE0;
}
.bg-orange{
	background: #F27B05;
}
.btn-small
{
	background:#E3007B;
	color:#fff;
	display:inline-block;
	height:35px;
	line-height:35px;
	margin-top:20px;
	padding:0 15px;
	text-align:center;
}

.btn-small:hover
{
	background:#262932;
	color:#fff;
	opacity:1;
}

h3.newsletter
{
	float:left;
	margin-right:20px;
	margin-top:5px;
}

input.newsletter-email
{
	background:#fff;
	color:#C4C4C4;
	float:left;
	font-family:helvetica,"Muli",sans-serif , arial;
	font-size:18px;
	margin-right:20px;
	margin-top:0;
	padding:12px;
	width:258px;
}

.btn-reva
{
	background:#E3007B!important;
	border:0;
	border-radius:0;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:helvetica,"Muli",sans-serif , arial;
	font-size:18px;
	height:46px;
	line-height:46px;
	padding:0 25px;
	text-align:center;
	text-shadow:none;
	transition:all .3s ease 0;
}

.btn-reva:hover
{
	background:#000!important;
	border-radius:0;
	color:#eee;
    text-decoration:none;
}

.btn-reva-alt
{
	background:#000!important;
	border:0;
	border-radius:0;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:helvetica,"Muli",sans-serif , arial;
	font-size:18px;
	height:46px;
	line-height:46px;
	padding:0 25px;
	text-align:center;
	text-shadow:none;
	transition:all .3s ease 0;
}

.btn-reva-alt:hover
{
	background:#fff!important;
	border-radius:0;
	color:#000;
}

.section
{
	padding-bottom:50px;
	padding-top:50px;
  background: white;
}

.page
{
	padding-bottom:100px;
	padding-top:100px;
}

.parallax
{
	height: 500px;
}

p
{
	color:#888;
	font-family:Open_Sans_R;
	font-size:14px;
	line-height:21px;
}

.main-title
{
	color:#000;
	margin-top:60px;
}

.main-title > h1
{
	font-family:Ostrich_Sans_Black;
	font-size:96px;
	margin-bottom:20px;
}

.promo-text
{
	margin-top:20px;
}

.promo-text > p
{
	color:#aaa;
	font-family:Open_Sans_R;
	font-size:24px;
	font-weight:400;
	line-height:32px;
}

.sub-title
{
	color:#000;
	font-family:Carto_Sans_Bold;
	font-size:32px;
	font-weight:400;
}

#navigation
{
	background:rgba(0,0,0,0.7);
	bottom:0;
	height:50px;
	position:absolute;
	width:100%;
	z-index:1000;
}
#navigation.sticky
{
	background:rgba(0,0,0,1);
	top:0;
	height:50px;
	position:fixed;
	width:100%;
	z-index:1000;
}

#logo
{
	color:#fff;
	float:left;
	font-family:BebasRegular;
	font-weight:lighter;
	margin-left:50px;
	margin-top:30px;
	padding:0;
	text-transform:none;
}

.dot
{
	font-size:45px;
}

#navigation ul
{
	margin-left:0!important;
	margin-right:0!important;
	padding-top:16px;
	text-align:center;
}

#navigation ul li
{
	display:inline;
	font-family:helvetica,"Muli",sans-serif , arial;
	margin-left:0!important;
	margin-right:0!important;
	padding:3px 5px 3px 6px;
}

#navigation ul li:after
{
	color:#666;
	content:" | ";
	font-size:22px;
	padding-left:10px;
}

#navigation ul li:nth-last-child(1):after
{
  content:none;
  display:none;
}

#navigation a,#navigation a:active,#navigation a:visited
{
	color:#fff;
	font-family:Ostrich_Sans_Black;
	font-size:20px;
	padding:3px 6px;
	text-decoration:none;
	text-transform:uppercase;
}
#navigation a:hover{
  color:#E3007B;
}



#navigation ul.dropdown-menu li:after
{
	color:#666;
    content:none;
    display:none;
	font-size:22px;
	padding-left:0px;
}

#navigation ul.dropdown-menu li {

display: inline;
font-family: helvetica,"Muli",sans-serif , arial;
margin-left: 0!important;
margin-right: 0!important;
padding: 0px 0px 0px 0px;

}

#navigation ul.dropdown-menu li a,#navigation ul.dropdown-menu li a:active,#navigation ul.dropdown-menu li a:visited
{
	color:#000;
	font-family:Ostrich_Sans_Black;
	font-size:20px;
	padding:3px 6px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	
}
#navigation ul.dropdown-menu li a:hover{
  color:#E3007B;
  background:#fff;
}

.dropup .dropdown-menu {
margin-bottom: 10px !important;
}


.current > a
{
	color:#E3007B!important;
}

/*SECTIONS OR PAGES - MAIN*/

#index
{
	background:#000;
	height:100%;
	margin-bottom:-100px;
	position:relative;
	text-align:center
}

#portfolio
{
	background:#111111;
}

#testimonials
{
	color:#fff;
	margin-top:160px;
}

#query
{
	margin-top:180px;
	z-index:99!important;
}

#newsletter
{
	margin-top:220px;
}

#twitter
{
	margin-top:160px;
}

.projects-filters
{
	background:#000;
	bottom:0;
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
	z-index:1000;
}

#milestones
{
	background:#111111;
}

.contact-header
{
	background:#fff;
}

.contact-form
{
	background:#ECECEC;
}

.footer
{
	background:#111111;
}

/*SEPARATORS OR PARALLAX LAYERS*/

.separator1-bg
{
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	height:100%;
	position:absolute;
	width:100%;
	z-index:-1;
}

.separator2-bg
{
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background:url(parallax2.jpg) 0 0 repeat fixed;
	background-size:cover;
	height:100%;
	position:absolute;
	width:100%;
	z-index:-1;
}

.separator3-bg
{
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background:url(parallax3.jpg) 0 0 repeat fixed;
	background-size:cover;
	height:100%;
	position:absolute;
	width:100%;
	z-index:-1;
}

.separator4-bg
{
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background:url(parallax4.jpg) 0 0 repeat fixed;
	background-size:cover;
	height:100%;
	position:absolute;
	width:100%;
	z-index:-1;
}

#separator1,#separator2,#separator3,#separator4
{
	overflow:hidden;
	position:relative;
	width:100%;
}

.pattern
{
	background:url(pattern.png);
	background-repeat:repeat;
	height:500px;
	opacity:1;
	position:absolute;
	width:100%;
	z-index:0;
}

#maximage .pattern{
height: 100%;
}


#cycle-loader
{
	height:32px;
	left:50%;
	margin:-108px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:999;
}

#maximage
{
	background:#000;
	display:none;
	position:absolute!important;
}

#arrow_left,#arrow_right
{
	height:67px;
	position:absolute;
	right:50px;
	top:30px;
	width:36px;
	z-index:99;
}

#arrow_left
{
	right:100px;
}

#arrow_left:hover,#arrow_right:hover
{
	bottom:240px;
}

#arrow_left:active,#arrow_right:active
{
	bottom:240px;
}

.in-slide-content
{
	position:absolute;
	text-align:center;
	top:30%;
	width:100%;
	z-index:20;
}

.in-slide-inner
{
	margin-left:auto;
	margin-right:auto;
}

.in-slide-inner h1
{
	color:#fff;
	font-family:Ostrich_Sans_Black;
	font-size:148px;
	line-height:112px;
	text-transform:uppercase;
	z-index:20;
}

.in-slide-inner p
{
	color:#fff;
	font-family:Carto_Sans_Book;
	font-size:36px;
	margin-top:30px;
	text-transform:uppercase;
	z-index:20;
}


.progress
{
	border-radius:0 0 0 0!important;
	height:35px;
}

.width80
{
	background:none repeat scroll 0 0 #E3007B!important;
	width:80% !important;
}

.width55
{
	background:#55c412!important;
	width:55% !important;
}

.width78
{
	background:#F27B05!important;
	width:78% !important;
}

.width95
{
	background:#938BE0!important;
	width:95% !important;
}

.bar > h5
{
	font-size:16px!important;
	font-weight:400;
	margin-left:10px;
	margin-top:7px!important;
	text-align:left!important;
	text-shadow:none;
}

.team-block p{
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}

.team-block img:hover{
	moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	-webkit-transition:opacity 1s;
	opacity:0.7;
	transition:opacity 1s;
}
.team-block h6{
	font-size: 16px;
font-family:"Questrial";
color: #938BE0;
font-weight: normal;
}
.team-block h3{
	font-size: 24px;
font-family:"Open_Sans_R";
text-transform: uppercase;
}

.team-soc{
	margin-top: 10px;
	padding-top: 15px;
	border-top: solid 1px #ccc;
}

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

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

.carousel_testimonials li
{
	display:block;
	float:left;
	height:auto;
	padding:20px 0;
	text-align:center;
}

.carousel_testimonials li h1
{
	color:#fff;
	font-family:Open_Sans_B;
	font-size:28px;
	font-weight:400;
	line-height:34px;
}

.carousel_testimonials li h5
{
	color:#fff;
	font-size:18px;
	font-weight:400;
	line-height:22px;
	margin-top:20px;
}

.t-prev
{
	background:url(left.png) no-repeat;
	float:left;
	height:21px;
	margin-left:20px;
	opacity:0.3;
	width:14px;
}

.t-prev:hover
{
	opacity:1;
}

.t-next
{
	background:url(right.png) no-repeat;
	float:left;
	height:21px;
	margin-left:10px;
	opacity:0.3;
	width:14px;
}

.t-next:hover
{
	opacity:1;
}

.isotope-item
{
	z-index:2;
}

.isotope-hidden.isotope-item
{
	z-index:1;
}

.isotope,.isotope .isotope-item
{
	-moz-transition-duration:.8s;
	-webkit-transition-duration:.8s;
	transition-duration:.8s;
}

.isotope
{
	-moz-transition-property:height;
	-webkit-transition-property:height;
	transition-property:height;
}

.isotope .isotope-item
{
	-moz-transition-property:0 opacity;
	-webkit-transition-property:0 opacity;
	transition-property:transform, opacity;
}

.isotope-item img
{
	width:100%;
}

.portfolio
{
	margin-bottom:0;
	margin-left:0!important;
	width:100.3%;
}

nav.primary
{
	text-align:center;
}

nav.primary a
{
	color:#fff;
	font-family:Ostrich_Sans_Black;
	font-size:20px;
	margin-left:10px;
	margin-right:10px;
	text-decoration:none;
	text-transform:uppercase;
}

nav.primary a:hover
{
	color:#E3007B;
}

nav.primary a:active,nav.primary a.selected
{
	color:#E3007B;
}

.portfolio-items
{
	background:#000;
	padding-bottom:90px;
}

.portfolio li
{
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	-webkit-transition:none;
	float:left;
	margin:0!important;
	overflow:hidden;
	padding:0!important;
	transition:none;
	width:16.6%;
}

.portfolio a
{
	display:block;
	text-decoration:none;
}

.portfolio img
{
	display:block;
	height:auto;
	width:100%;
}

.view .mask
{
	height:100%;
	left:0;
	opacity:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
}

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

.view
{
	float:left;
	height:auto;
	overflow:hidden;
	position:relative;
	text-align:left;
}

.view .mask:hover
{
	-moz-transition:opacity 1s ease-in-out;
	-o-transition:opacity 1s ease-in-out;
	-webkit-transition:opacity 1s ease-in-out;
	opacity:0.8;
	transition:opacity 1s ease-in-out;
}

.mask h3
{
	color:#FFF;
	font-family:Carto_Sans_Bold;
	font-size:28px;
	font-weight:400;
	line-height:24px;
	margin-left:30px;
	margin-top:30px;
	position:absolute;
	text-align:left;
	width:100%;
}

.mask h6
{
	color:#FFF!important;
	font-family:Open_Sans_R;
	font-size:16px;
	font-weight:400;
	line-height:12px;
	margin-left:30px;
	margin-top:70px;
	position:absolute;
	text-align:left;
	width:100%;
}

.mask img
{
	bottom:0;
	color:#FFF;
	height:82px!important;
	margin-bottom:30px;
	margin-left:30px;
	position:absolute;
	text-align:left;
	width:82px!important;
}

.category1 .mask
{
	background:#E3007B;
}

.category1 .mask h5
{
	background:#B70162;
	opacity:1;
}

.category2 .mask
{
	background:#938BE0;
}

.category2 .mask h5
{
	background:#635BB7;
}

.category3 .mask
{
	background:#55c412;
}

.category3 .mask h5
{
	background:#899B11;
}


#query h3
{
	color:#fff;
}

.project_page
{
	background-color:#fff;
	width:960px;
}

.project_content
{
	padding:40px 40px 20px;
	width:auto;
}
.categories{
	padding: 0px;
	margin-left: 0px;
}
.categories li
{
	background:url(list-ico.png) no-repeat scroll 0 14px transparent;
	border-top:1px solid #F2F2F2;
	display:block;
	padding:10px 0 10px 13px;
}

.categories li:last-child
{
	border-bottom:1px solid #F2F2F2;
}

.categories li a
{
	color:#ababab;
}

.categories li a:hover
{
	color:#000;
}

.newsletter h2
{
	color:#fff;
	font-family:Carto_Sans_Book;
	line-height:30px;
}

.pricing {
    margin-bottom: 20px;
    text-align: center;
}
.pricing h3 {
    margin-bottom: 60px;
    margin-top: 70px;
}
p.p-name {
font-family:"Ostrich_Sans_Black";
    color: #FFFFFF;
    font-size: 36px;
    margin: 0;
    padding: 24px 0px 20px 0px;
    text-transform: uppercase;
}
p.p-price {
    background: #fff;
    color: #000;
    font-size: 42px;
    margin: 0;
    padding: 30px 0 30px 0;
    text-transform: uppercase;
font-family:"Open_Sans_B";
}
span.p-small {
    color: #A0A0A0;
    font-size: 14px;
}
.pricing ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.pricing ul li {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
}
.signup {
    padding: 20px 0;
}
.signup button2 {
    margin: 0;
}
.signup {
    background: url("price-bg.jpg") repeat scroll 0 0 transparent;
}

.container-milestones
{
	padding-bottom:100px;
	padding-top:100px;
	width:100%;
}

.container-milestones h1
{
	color:#000;
	margin-bottom:70px;
	text-align:center;
}

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

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

.list_carousel li
{
	display:block;
	float:left;
	height:400px;
	margin:20px;
	padding:0;
	width:200px;
}

.list_carousel li h5
{
	color:#000;
	margin-bottom:3px;
}

p.milestones-date
{
	color:#a1a1a1;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-bottom:20px;
}

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

#milestones-navigation
{
	height:70px;
	margin:0 auto;
	padding-top:20px;
	width:160px;
}

.prev
{
	-moz-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	background:url(left.png) no-repeat scroll 26px 24px #fff;
	border-radius:50px;
	float:left;
	height:30px;
	padding:20px;
	width:30px;
}

.prev:hover
{
	background:url(left_hover.png) no-repeat scroll 26px 24px #E3007B;
}

.next
{
	-moz-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	background:url(right.png) no-repeat scroll 28px 24px #fff;
	border-radius:50px;
	float:left;
	height:30px;
	margin-left:20px;
	padding:20px;
	width:30px;
}

.next:hover
{
	background:url(right_hover.png) no-repeat scroll 28px 24px #E3007B;
}


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

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


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

.milestones_page
{
	background-color:#fff;
	width:800px;
}

.milestones_content
{
	padding:40px;
	width:auto;
}

.milestones-details
{
	height:auto;
	margin-bottom:20px;
	width:100%;
}

	.milestone-item{
		text-align: center;
	}
	.milestone-item > h2{
		text-align: center;
		color: #fff !important;
		font-size: 72px;
		line-height: 78px;
		font-weight: normal;
		font-family:"Open_Sans_B";
	}
	.milestone-item > h4{
		border-top: solid 1px #363942;
		text-align: center;
		color: #fff !important;
		font-size: 32px;
		line-height: 38px;
		font-weight: normal;
		font-family:"Open_Sans_R";
	}


.twitter h2
{
	color:#fff;
	font-weight:700;
	line-height:45px;
	margin-bottom:20px;
	text-align:center;
}

.twitter p
{
	font-weight:700;
	text-align:center;
}

.twitter p > span
{
	background:#E3007B;
	color:#fff;
	padding:10px;
}

.twitter-image
{
	margin:0 auto 30px;
	width:60px;
}

#map_canvas
{
	height:500px;
	width:100%;
}

input
{

}

input:focus
{
	color:gray;
}

textarea
{

}

textarea:focus
{
	color:gray;
}

input.send_message
{
	background:none repeat scroll 0 0 #EF4A4A;
	color:#FFF;
	cursor:pointer;
	float:left;
	font-size:12px;
	font-weight:400;
	margin:0;
	width:120px;
}

input.send_message:hover
{
	background:none repeat scroll 0 0 #262932;
}

.error_message
{
	background-color:#FFE9E9;
	border-color:#FBC4C4;
	border-image:none;
	border-style:solid;
	border-width:1px 1px 1px 5px;
	color:#DE5959;
	float:none;
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
	padding:15px 40px 15px 18px;
	position:relative;
	width:auto;
}

fieldset
{
	border:0 none;
	float:left;
	padding:0;
	position:relative;
	width:100%;
}

fieldset h1
{
	color:#000;
	font-size:24px;
}

.footer-social
{
	background-color:#363942;
	border-radius:50px;
	bottom:20px;
	float:left;
	height:50px;
	margin-right:30px;
	width:50px;
}

.footer-social:hover
{
	background-color:#E3007B;
}

.footer-social img
{
	opacity:1;
	padding:10px;
}

.contactus
.contactus article
{
	color:#FFF;
	display:block;
	float:left;
	font-size:32px;
	font-weight:700;
	line-height:35px;
	margin-right:50px;
}

.contactus article.mail:after
{
	background:url(mail.png) no-repeat transparent;
	content:"";
	height:24px;
	left:0;
	position:absolute;
	top:7px;
	width:36px;
}

.contactus article.mail
{
	padding-left:50px;
	position:relative;
}

.contactus article.phone:after
{
	background:url(phone.png) no-repeat transparent;
	content:"";
	height:27px;
	left:0;
	position:absolute;
	top:5px;
	width:10px;
}

.contactus article.phone
{
	color:#FFF;
	padding-left:21px;
	position:relative;
}

.copyright
{
	border-top:1px solid #363942;
	float:left;
	margin-top:35px;
	padding-top:35px;
	width:100%;
}

.copyright p
{
	color:#fff;
}
.copyright a
{
	color:#fff;
	opacity: 1 !important;
}
.copyright a:hover
{
	color:#E3007B;
	opacity: 1 !important;
	text-decoration: none;
}
.social-links
{
	margin-bottom:20px;
	margin-top:30px;
}

.social-links a
{
	background:#181818;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	padding:20px 15px;
	width:30px;
}

.social-links a:hover
{
	background:#E3007B;
	height:30px;
	margin-left:5px;
	margin-right:5px;
	padding:20px 15px;
	width:30px;
}

.contactus h1
{
	border-bottom:1px solid #363942;
	color:#fff!important;
	font-family:Ostrich_Sans_Black;
	font-size:72px;
	font-weight:400;
	line-height:78px;
	margin-bottom:40px;
	padding-bottom:30px;
	text-decoration:none;
}

.contactus h1 > span
{
	color:#777!important;
	font-family:Ostrich_Sans_Regular;
}

.contactus h2,.contactus a
{
	color:#fff;
	font-family:Open_Sans_R;
	font-size:28px;
	font-weight:400;
	line-height:34px;
	text-decoration:none;
}

.contactus a:hover
{
	color:#E3007B;
}

@media only screen and (max-width:1500px) {
	.portfolio
	{
		width:100.3%;
	}
	
	.portfolio li
	{
		margin:0 auto;
		width:25%;
	}
}

@media only screen and (max-width:1300px) {
	.portfolio
	{
		width:100.5%;
	}
	
	.portfolio li
	{
		margin:0 auto;
		width:25%;
	}
}
@media only screen and (min-width:1025px) {
  .sub-title2{
  margin-top: 130px;
  }
}

@media only screen and (max-width:1024px) {
	.portfolio
	{
		width:100%;
	}
	
	.portfolio li
	{
		margin:0 auto;
		width:25%;
	}
	
	.separator1-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		
      
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;      

	}
	
	.separator2-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
	}
	
	.separator3-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
	}
	
	.separator4-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
	}
      .sub-title2{
  margin-top: 130px;
  }
}

@media only screen and (max-width:959px) {
    #arrow_left, #arrow_right{
  top:70px;
  }
  .main-title > h1{
    line-height: 80px;
  }
	.project_page
	{
	width:760px;
	}
	.in-slide-inner h1 {
    color: #FFFFFF;
    font-family: Ostrich_Sans_Black;
    font-size: 124px;
    line-height: 112px;
    text-transform: uppercase;
    z-index: 20;
	}
	.in-slide-inner p {
    color: #FFFFFF;
    font-family: Carto_Sans_Book;
    font-size: 24px;
    line-height: 30px;
    margin-top: 30px;
    text-transform: uppercase;
    z-index: 20;
	}
	
	
	.separator1-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
	}
	
	.separator2-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
	}
	
	.separator3-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
	}
	
	.separator4-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
	}
    .sub-title2{
  margin-top: 120px;
  }
}

@media only screen and (max-width:767px) {
	      .main-title > h1{
    font-size: 80px;
    line-height: 64px;
  }
	
	.project_page
	{
	width:600px;
	}
	
	.container-fluid
	{
		padding-left:50px!important;
		padding-right:50px!important;
	}
	
	.separator1-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}
	
	.separator2-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}
	
	.separator3-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}
	
	.separator4-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}
	.portfolio
	{
		width:100%;
	}
	
	.portfolio li
	{
		margin:0 auto;
		width:49%;
	}
	
	nav.primary ul
	{
		float:left;
		margin-top:20px;
		width:100%;
	}
	
	nav.primary ul li a
	{
		margin-bottom:10px;
		margin-left:0;
		margin-right:10px;
	}
	#arrow_left,#arrow_right
	{
	top:100px;
	}
	.in-slide-inner h1 {
    color: #FFFFFF;
    font-family: Ostrich_Sans_Black;
    font-size: 112px;
    line-height: 100px;
    text-transform: uppercase;
    z-index: 20;
	}
	.in-slide-inner p {
    color: #FFFFFF;
    font-family: Carto_Sans_Book;
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px;
    text-transform: uppercase;
    z-index: 20;
	}
	.sub-title, .span4, .span6{
		text-align: center;
	}
	#testimonials {
    margin-top: 120px;
	}
	#newsletter {
    margin-top: 200px;
	}
	#twitter {
    margin-top: 90px;
	}
  .sub-title2{
    font-size: 28px;
  }
}

@media only screen and (max-width: 479px) {
  .contactus h1{
  font-size: 50px;
  line height: 50px
  }
  
      .main-title > h1{
    font-size: 58px;
  line-height: 64px
  }
  
  h1{
  line-height: 58px;
    font-size: 64px;
  }
  .social-links a{
  float:left;
  }
	.project_page
	{
	width:400px;
	}
	#cboxTitle {
	padding-top: 30px !important;
    font-size: 24px !important;
    line-height: 29px !important;
	}
	.container-fluid
	{
		padding-left:30px!important;
		padding-right:30px!important;
	}


	.portfolio
	{
		width:100%;
	}
	
	.portfolio li
	{
		margin:0 auto;
		width:49%;
	}
	
	nav.primary ul
	{
		float:left;
		margin-top:20px;
		width:100%;
	}
	
	nav.primary ul li a
	{
		margin-bottom:10px;
		margin-left:0;
		margin-right:10px;
	}
	
	#map_canvas
	{
		height:300px;
		width:100%;
	}
	
	#arrow_left,#arrow_right
	{
		display: none;
	}
	.in-slide-inner h1 {
		margin-top: 60px;
    color: #FFFFFF;
    font-family: Ostrich_Sans_Black;
    font-size: 52px;
    line-height: 70px;
    text-transform: uppercase;
    z-index: 20;
	}
	.in-slide-inner p {
    color: #FFFFFF;
    font-family: Carto_Sans_Book;
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    text-transform: uppercase;
    z-index: 20;
	}
	.carousel_testimonials li h1 {
    font-size: 18px;
    line-height: 24px;
	}
	.newsletter h2 {
    font-size: 18px;
    line-height: 24px;
	}
	.twitter h2 {
    font-size: 18px;
    line-height: 24px;
	}
	#twitter {
    margin-top: 150px;
	}
	.separator1-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}
	
	.separator2-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}
	
	.separator3-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}
	
	.separator4-bg
	{
		-moz-background-size:auto;
		-webkit-background-size:auto;
		background-size:auto;
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	}
    .sub-title2{
  font-size: 21px;
    line-height: 30px;
    margin-top:50px;
  }
}



@media only screen and (max-width: 319px) {
    .contactus h1{
  font-size: 50px;
  line height: 50px
  }
    .main-title > h1{
    font-size: 50px;
  line-height: 50px
  }
  
  h1{
  font-size: 50px;
  line height: 50px
  }
  .social-links a{
  float:left;
  }
	.project_page
	{
	width:300px;
	}
	#cboxTitle {
		margin-top: 30px;
    font-size: 22px !important;
    line-height: 26px !important;
	}
	.container-fluid
	{
		padding-left:20px!important;
		padding-right:20px!important;
	}
	
	
	.portfolio
	{
		width:100%;
	}
	
	.portfolio li
	{
		margin:0 auto;
		width:100%;
	}
	
	nav.primary ul
	{
		float:left;
		margin-top:20px;
		width:100%;
	}
	
	nav.primary ul li a
	{
		margin-bottom:10px;
		margin-left:0;
		margin-right:10px;
	}
	
	#map_canvas
	{
		height:300px;
		width:100%;
	}
	
	.parallax, #cboxNext, #cboxPrevious
	{
		display: none !important;
	}
}


.mc-image {

	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 

  
}


.bg-black a ,.bg-black h1, .bg-black h2, .bg-black h4, .bg-black .sub-title{
color: white;
}
.bg-black{
background: black;
}
.bg-white{
background: white;
}

.margintfix {

	
	margin-top:20px;

}

.margintfix .sub-title {
	
	color: #fff;
	
}

.ppadfix {

	padding:10px;

}