@charset "utf-8";
/* -------------------------------------------------------------------------------
    0.  Reset & Clearfix
    1.  General
    2.  Menu
    3.  Pages and Subpages
    4.  Separators
    5.  Home Page
    6.  About Us
    7.  Our Services
    8.  Portfolio
    9.  Portfolio Images Hover Effects
    10. Portfolio Project page
    11. Portfolio Testimonials
    12. News
	13. News Images Hover Effects
	14. News Post Page
	15. Twitter
	16. Job Postings
	17. Media/Press Listings
    18. Contact
	19. Footer
    20. Media Queries
*/


/* ------------------------------------------------------------------------------- */
/*  0. Reset & Clearfix
/* ------------------------------------------------------------------------------- */

body {  line-height: 18px; }
	html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{
		background:transparent;
		border:0;
		outline:0;
		padding:0;
		margin:0;
	}
	
	.clearfix:after, .group:after, .clearboth:after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
	}
	
	li {
		list-style:none;
	}
	a { cursor:pointer; }

/* ------------------------------------------------------------------------------- */
/*  1. General
/* ------------------------------------------------------------------------------- */	

	@font-face {
		font-family: 'BebasRegular';
		src: url('font/BEBAS___-webfont.eot');
		src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/BEBAS___-webfont.woff') format('woff'),
			 url('font/BEBAS___-webfont.ttf') format('truetype'),
			 url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	html,body{
		font-family: 'Arial';
		font-size:12px;
		width:100%;
		height:100%;
	
	}
	
img, div {
    transition: background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s, outline 0.3s ease 0s;
}
	body {overflow-x:hidden;}
	
	.container {
		width:960px;
		margin:0 auto;
		padding-top:100px;
		padding-bottom:100px;
		z-index:10;
		position:relative;
	}

	
	.mb {
		margin-bottom:15px;
	}
	
	.mt {
		margin-top:70px;
	}
	
	.center {
		text-align:center;
		margin-top:70px;		
	}
	
	.big-paragraph {
		font-size:18px;
		line-height:24px;
	}

	.left {
		float:left;
	}
	
	h1 { font-size: 55px; font-weight:bold; line-height:55px; font-family: 'helvetica,"Muli",sans-serif' , 'arial'; }
    h2 { font-size: 36px; font-weight:bold; line-height:36px; font-family: 'helvetica,"Muli",sans-serif' , 'arial'; }
    h3 { font-size: 30px; font-weight:bold; line-height:30px; font-family: 'helvetica,"Muli",sans-serif' , 'arial'; }
    h4 { font-size: 24px; font-weight:bold; line-height:24px; font-family: 'helvetica,"Muli",sans-serif' , 'arial'; }
    h5 { font-size: 18px; font-weight:bold; line-height:18px; font-family: 'helvetica,"Muli",sans-serif' , 'arial'; }

	
	p { line-height:18px; }
	
	a, li {
        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;
	}
	
	.one_half {
    	width: 48%;
	}
	
	.one_third {
		width: 30.5%;
	}
	
	.one_fourth {
		width: 22%;
	}
	
	.one_fifth {
		width: 16.8%;
	}
	
	.one_sixth {
		width: 13.33%;
	}
	
	.two_fifth {
		width: 37.6%;
	}
	
	.two_fourth {
		width: 48%;
	}	
	
	.two_third {
		width: 65.33%;
	}
	
	.three_fifth {
		width: 58.4%;
	}
	
	.three_fourth {
		width: 74%;
	}
	
	.four_fifth {
		width: 79.2%;
	}
	
	.five_sixth {
		width: 82.67%;
	}
	
	.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: 4%;
		position: relative;
	}
	
	.last {
		margin-right:0px!important;
	}

	.btn-small, #submit {

		padding: 0px 15px 0px 15px;
		height:35px;
		text-align:center;
		display:inline-block;
		line-height:35px;
		margin-top:20px;
	}
	
	.btn-small:hover, #submit:hover {

		opacity:1;
		cursor:pointer;
	}
	
	.chzr-button, #respond #submit, #searchsubmit {
		padding: 0px 15px 0px 15px;
		height:35px;
		text-align:center;
		display:inline-block;
		line-height:35px;
		margin-top:20px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		
	}
#respond #submit { width:100%; }
	.chzr-button:hover, #respond #submit:hover, #searchsubmit:hover {
		/*background: none repeat scroll 0 0;*/
		background:#333333;
	}
	
	
	
	
	
	


.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}




/* ------------------------------------------------------------------------------- */
/*  2. Menu
/* ------------------------------------------------------------------------------- */


	#navigation {

		position: relative;  
		width: 100%;
		height: 100px;
		z-index: 1000;		
	}
	
	#logo {
		float:left;
		margin-left:50px;
		text-transform:none;
		margin-top:30px;
		padding:0;
		font-family: 'BebasRegular';
		font-weight:lighter;

	}
	
	#navigation #logo a { font-size:34px;}
	
	#navigation.with-image-logo #logo {
		margin-top:10px;
	}
	
	.dot {
		font-size:45px;
	}

	#navigation ul {
		padding-top:38px;
		float:right;		
	}
	
	#navigation ul li {
		display: inline;
		margin-right:50px;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {

		padding-top:35px;
		height:90px;		
		text-transform:uppercase;
		font-weight:bold;
		/*font-size:14px;*/
		padding-bottom:45px;
	}


/* ------------------------------------------------------------------------------- */
/*  3. Pages and Subpages
/* ------------------------------------------------------------------------------- */


	#home {
		height: 100%;
		margin-bottom: -100px;	
		position: relative;
	}
	
	#home.auto { height: auto;  /*margin-bottom: -100px;*/ margin-bottom: 0;}
	#home.no_margin { margin-bottom: 0; }
	
	#home .pattern { z-index:1000; }
	#home.no_pattern  .pattern { z-index:1; display:none; }
	
	.ourteam {
		
	}
	
	.newsletter {
		
	}
	
	.projects-filters {
		
	}
	
	#news {
		
	}
	
	.twitter {
		
	}
	
	.contact-header {
		
	}
	
	.contact-form {
		
	}
	
	.footer {
		
	}










/* ------------------------------------------------------------------------------- */
/*  4. Separators
/* ------------------------------------------------------------------------------- */


	.separator-bg {
		position: absolute;
		height: 100%;
		width: 100%;
/*	background: url('../images/separator1.jpg') 0 0 repeat fixed;
		background-repeat:repeat;*/	
		background-position: 0 0;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		background-repeat:repeat;
		background-attachment:fixed;
		
		z-index:-1;
	}
	
	.separator-ct {
		width: 100%;
		min-height: 400px;
		overflow: hidden;
		position: relative;
	}
	.pattern {
	   	background: rgba(0, 0, 0, 0.3);
		position:absolute;
		width:100%;
		height:100%;
		z-index:0;
	}
	
	.client {
		float:left;
		margin:10px;
		width:140px;
		cursor:pointer;
		margin-top:20px;
	/*	margin-top:65px;
	*/	transition: all 0.3s ease 0s;
	}

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










/* ------------------------------------------------------------------------------- */
/*  5. Home Page
/* ------------------------------------------------------------------------------- */
	
	
	div.mc-image {
		-webkit-transition: opacity 1s ease-in-out; 
		-moz-transition: opacity 1s ease-in-out; 
		-o-transition: opacity 1s ease-in-out; 
		transition: opacity 1s ease-in-out;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:center center;
		background-repeat:no-repeat;
		height:100%;
		overflow:hidden;
		width:100%;
		
		/* Dave Additions */
		top:0px !important;
		background-position:top center !important;
	}


	#cycle-loader {
		height:32px;
		left:50%;
		margin:-108px 0 0 -8px;
		position:absolute;
		top:50%;
		width:32px;
		z-index:999;
	}
	
	#maximage {
		display:none;
		/*position:absolute!important;
		*/						
	}
	
	#arrow_left, #arrow_right {
		bottom:180px;
		height:67px;
		position:absolute;
		right:50px;
		width:36px;
		z-index:1000;
	}
	
	#arrow_left {
		right:100px;
	}
	
	#arrow_left:hover, #arrow_right:hover {
		bottom:181px;
	}
	
	#arrow_left:active, #arrow_right:active {
		bottom:181px;
	}
	
	.in-slide-content {
		bottom:180px;
		left:50px;
		margin-right:10%;
		z-index:1001;
		position:absolute;
		width:45%;
		text-align:left;
		
		background:rgba(0,0,0,0.6);
		padding:25px;
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		
		border-bottom:#fff solid 1px;
		padding-bottom:20px;
		font-size:60px;
		line-height:60px;
		text-transform:uppercase;
		float:left;
	}
	
	.in-slide-content p{ 		
		z-index:20;
		clear:both;
		font-size:18px;
		padding-top:20px;
		float:left;
		font-weight:bold;
	}




.full-section { width:100%; height:100%; }





	
/* ------------------------------------------------------------------------------- */
/*  6. About Us
/* ------------------------------------------------------------------------------- */

	
	.meter { 
		height: 30px;
		position: relative;
		margin: 0 0 35px 0;
		
		width:100%
	}
	
	.meter > div {
		display: block;
		height: 100%;
			}
	
	.meter p {
		position:absolute;
		margin-top:5px;
		margin-left:10px;
	}	

	.team {
		width:225px;
		height:280px;
		float:left;
		margin-right:20px;
		overflow:hidden;
		margin-bottom:15px;
	}
	
	.team img.user{
		position:absolute;
	}
	
	.team-overlay {
		width:185px;
		height:240px;
		padding:20px;
		position:relative;
		margin-top:205px;
		-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;
	}
	
	.expand.team:hover > .team-overlay{
		margin-top:0px;		
	}
	
	.team-overlay h5 {
		margin-bottom:2px;
	}
	
	p.team-function {
		color:#A1A1A1;
		margin-bottom:20px;
	}
	
	p.team-description {
		color:#555555;
		line-height:18px;
		margin-bottom:45px;
	}
	
	.team-social {
		width:27px;
		height:27px;
		
		margin-right:10px;
		float:left;
		border-radius:3px;
		bottom:20px;
	}
	
	.team-social:hover {
			}
	
	.team-social img{
		padding:3px;
	}


	/* BEGIN Dave - Team */
	#team p {margin-bottom:0 !important;}
	.long-bio {display:none;margin-bottom:25px;}
	/* END Dave - Team */


/* ------------------------------------------------------------------------------- */
/*  7. Our Services
/* ------------------------------------------------------------------------------- */


	.heading-and-icon [class^="icon-"], .heading-and-icon [class*=" icon-"] {
		font-size: 55px;
		margin-right: 10px;
		vertical-align: -12px;
		width: 35px;
	}
	
	.heading-and-icon img{
		float:left;
		margin-right:15px; 
	}
	
	.heading-and-icon h3 {
		padding-top:15px;
		display:inline-block;
		*display:inline;
		*zoom: 1;
		padding-left:10px;
	}
	
	h3.newsletter { 
		float:left;
		margin-right:20px;
		margin-top:5px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width:258px;
		padding:12px;
		float:left;
		
		
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-size:18px;
		margin-right:20px;
		margin-top:0;		
	}
	
	button.newsletter-sent {
		
		padding: 0px 25px 0px 25px;
		
		height:46px;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-size:18px;
		text-align:center;
		display:inline-block;
		line-height:46px;
		border:0;
		cursor:pointer;
		transition: all 0.3s ease 0s;
	}
	
	button.newsletter-sent:hover {
		
		
	}











/* ------------------------------------------------------------------------------- */
/*  8. Portfolio
/* ------------------------------------------------------------------------------- */


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

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

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

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

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

	.isotope-item  img {
		width:100%
	}

	.portfolio {/*
		width: 100.3%;*/
	}
	
	nav.primary ul {
		float:right;
		margin-top:10px;
	}
	
	nav.primary ul li  {
		display:inline;
	
	}
	
	nav.primary ul li a {
		height:40px;
		width:auto;
		display:block;
		color:#7f7f7f;
		float:left;
		background:#363942;
		padding-left:20px;
		padding-right:20px;
		line-height:40px;
		margin-left:10px;
	}
	
	nav.primary ul li a:hover {
		color:#363942;
		
	}
	
	nav.primary ul li a:active, nav.primary ul li a.selected {
		
		
	}	











/* ------------------------------------------------------------------------------- */
/*  9. Portfolio Images Hover Effects
/* ------------------------------------------------------------------------------- */
	
	
	.portfolio li { 
		float: left; /*
		width:16.6%;*/
		margin:0!important;
		padding:0!important; 
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		overflow:hidden;		
	}
	
	.portfolio a { 
		display:block;
		text-decoration: none; 
	}
	
	.portfolio img { 
		width: 100%; 
		height: auto; 
		display: block; 
	}
	
	.view .mask {
	   opacity: 0;
	}	
	
	.view:hover .mask {
	   opacity:1;
	}

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

	.view .mask {
	   width: 100%;
	   height:100%;
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   
	}
	
	
	.mask h5 {
		text-align:center;
		
		top:50%;
		width:100%;
		margin-top:-20px;
		position:absolute;
		line-height:24px;
	}
	
	.mask p {
		text-align:center;
		
		opacity:0.5;
		top:50%;
		width:100%;
		margin-top:8px;
		position:absolute;
		line-height:12px;
	}











/* ------------------------------------------------------------------------------- */
/*  10. Portfolio Project page
/* ------------------------------------------------------------------------------- */	
	
	
	.project_page {
				width:960px;
	}
	
	
	.project_content {
		padding:40px;
		padding-bottom:20px;
		width:auto;
	}
	.project_page.single .project_content{
		padding-left:0;
		padding-right:0;
	}
	
	.categories li {
		background: url("../images/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;
	}



.project-video { width:100%; height:auto; }







/* ------------------------------------------------------------------------------- */
/*  11. Portfolio Testimonials
/* ------------------------------------------------------------------------------- */		
	
	
	.carousel_testimonials {
		width: 100%;
		height:auto;				
	}
	
	.carousel_testimonials ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}
	
	.carousel_testimonials li {
		width: 920px;
		height: auto;
		padding: 20px;				
		display: block;
		float: left;
	}
	
	.carousel_testimonials li h5 {
		color:#000;
		opacity:0.3;
	}
	
	.t-prev {
		float: left;
		background: url("../images/left.png") no-repeat;
		width:14px;
		height:21px;
		margin-left:20px;
		opacity:0.3;			
	}
	
	.t-prev:hover {
		opacity:1;
	}
	
	.t-next {
		float: left;
		background: url("../images/right.png") no-repeat;
		width:14px;
		height:21px;
		margin-left:10px;
		opacity:0.3;			
	}
	
	.t-next:hover {
		opacity:1;
	}
	










/* ------------------------------------------------------------------------------- */
/*  12. News
/* ------------------------------------------------------------------------------- */
	
	
	.container-news {
		width:100%;
		padding-top:100px;
		padding-bottom:100px;
		
	}
	
	.container-news h1 {
		text-align:center;
		color:#000;
		margin-bottom:70px;
	}	
				
	.list_carousel {
		width: 100%;
		height:auto;		
	}
	
	.list_carousel ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;

	}
	
	.list_carousel li {
		background-color: #eee;
		width: 440px;
		height: 614px;
		padding: 0;
		margin: 20px;
		display: block;
		float: left;
	}
	
	.list_carousel li h5 {
		color:#000;
		margin-bottom:3px;
	}
	
	p.news-date {
		font-style:italic;
		margin-bottom:20px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#a1a1a1;
	}
	
	.list_carousel.responsive {
		width: auto;
		margin-left: 0;
	}
	
	#news-navigation {
		width:160px;
		height:70px;
		padding-top:20px;
		margin:0 auto;
	}
	
	.prev {
		float: left;
		background: url("../images/left.png") no-repeat scroll 26px 24px #fff;
		width:30px;
		height:30px;
		padding:20px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius:50px;				
	}
	
	.prev:hover {
		background: url("../images/left_hover.png") no-repeat scroll 26px 24px;
			}
	
	.next {
		float:left;		
		margin-left:20px;
		background: url("../images/right.png") no-repeat scroll 28px 24px #fff;
		width:30px;
		height:30px;
		padding:20px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius:50px;		
	}
	
	.next:hover {
		background: url("../images/right_hover.png") no-repeat scroll 28px 24px;
			}
	

	.news .image { width:440px; height:404px; overflow:hidden;}








/* ------------------------------------------------------------------------------- */
/*  13. 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/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/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 {
		float:left;
		padding:20px;
		height:180px;
		width:400px;
	}
	
	.news-intro > div { 
		height:53px;
		overflow:hidden;
	}










/* ------------------------------------------------------------------------------- */
/*  14. News Post page
/* ------------------------------------------------------------------------------- */		
	
	
	.news_page {
				width:800px;
	}
	
	.news_content{
		padding:40px;
		width:auto;
	}
	
	.news-details {
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	
	p.post-admin {
		background: url("../images/post-admin.png") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		padding-left:25px;
		float:left;
	}
	
	p.post-calendar {
		background: url("../images/post-calendar.png") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left
	}
	
	p.post-tagss {
		background: url("../images/post-tag.png") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left;
	}
	
	p.post-commentss {
		background: url("../images/post-comment.png") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left;
	}
	
	.news_comments {
		padding:40px;
		background-color:#ECECEC;
		border-top: #dddddd solid 1px;
	}
	
	.user_comment, li.comment {
		background: url("../images/user.png") no-repeat;
		padding-left:60px;
		margin-top:40px;
	}
	
	.blog.single #commentform input[type="text"], 
	.blog.single #commentform textarea { border:1px solid #eee; }
	.blog.single article.comment { background:#f2f2f2; padding:5px 10px;}
	
	
	
	.blog.single .comment-edit-link,
	.blog.single .comment-reply-link {
		padding: 0px 15px;
		height:25px;
		text-align:center;
		display:inline-block;
		line-height:25px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		
		text-decoration:none;
		margin-top:5px;
	}
	
	.blog.single .comment-edit-link:hover,
	.blog.single .comment-reply-link:hover {
		background:#333;
	}
	
	
	.user_comment_reply {
		background: url("../images/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.comment-date {
		font-style:italic;
		margin-bottom:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#a1a1a1;
	}
	
	.comment-content {
		color:#555555;
	}
	
	a.reply, div.reply, p.edit-link {
		float:right;
		font-weight:bold;
		margin-top:10px;		
	}
	p.edit-link { float:none; }
	
	a.reply:hover, div.reply a:hover, p.edit-link a:hover {
		text-decoration:underline;		
	}

	h3#reply-title {  font-size: 18px; font-weight:bold; line-height:18px; font-family: 'helvetica,"Muli",sans-serif' , 'arial'; }

#comments ol { padding-left:0; }





/* ------------------------------------------------------------------------------- */
/*  15. Twitter
/* ------------------------------------------------------------------------------- */	
	
	.fadeText {
		height:130px; /* Remove this if make problems */	
	}
	
	.fadeText li {
		height:130px; /* Remove this if make problems */	
	}
	
	.twitter h2 {
		
		font-weight:bold;
		text-align:center;
		line-height:45px;
		margin-bottom:20px;
		max-height:90px;
		overflow:hidden;
	}
	
	.twitter p {
		text-align:center;
		font-weight:bold;
		opacity:0.6;
	}
	
	.twitter-image {
		width:60px;
		margin:0 auto;
		margin-bottom:30px;
	}


/* ------------------------------------------------------------------------------- */
/*  16. Job Postings
/* ------------------------------------------------------------------------------- */

	div.job-posting h3 img {
		float:left;
	}

	div.job-posting h3 {
		font-size: 25px;
		line-height: 47px;
	}

	div.job-posting a {
		display:inline-block;
		margin-top:15px;
	}

	div.long_description {
		display:none;
	}
	
	/* BEGIN Dave's Additions */
	div.job-posting .long_description ul {margin-left:30px;}
	div.job-posting .long_description ul li {list-style-type:disc;color:black;}
	/* END Dave's Additions */

/* ------------------------------------------------------------------------------- */
/*  17. Media/Press Listings
/* ------------------------------------------------------------------------------- */	

	div.media-release h3 img {
		vertical-align: middle;
		max-height: 47px;
		max-width: 100%;
	}
	
	div.media-release h3 div.release-logo {
		display: inline-block;
		height: 47px;
		width: 90px;
		padding: 0 20px;
		text-align: center;
	}
	

	div.media-release h3 {
		font-size: 19px;
		line-height: 47px;
	}
	
	div.media-release h3 p {
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	div.media-release a {
		display:inline-block;
		margin-top:15px;
	}

	div.short_description span {
		font-weight: bold;
	}

/* ------------------------------------------------------------------------------- */
/*  18. Contact
/* ------------------------------------------------------------------------------- */	
	
	
	#map_canvas {
		width:100%;
		height:500px;
	}
	
	input {
		width:94%;
		padding-left:3%;
		padding-right:3%;
		padding-top:11px;
		padding-bottom:11px;
		margin-top:20px;
		
		color:#808080;
		font-family: 'arial';
		font-size:12px;
		
	}
	
	input:focus {
		color:#808080;
	}
	
	textarea {
		width:94%;
		padding-left:3%;
		padding-right:3%;
		padding-top:12px;
		padding-bottom:12px;
		margin-top:20px;
		
		height:131px;
		resize:none;
		color:#808080;
		font-family: 'arial';
		font-size:12px;
		
	}
	
	textarea:focus {
		color:#808080;
	}
	
	input.send_message {
		width:120px;
		
		float:left;
		
		cursor:pointer;
		margin:0;
		font-size:12px;
		font-weight:normal;
	}
	
	input.send_message:hover {
		
	}
	
	.error_message {
		background-color: #FFE9E9;
		border-color: #FBC4C4;
		border-image: none;
		border-style: solid;
		border-width: 1px 1px 1px 5px;
		color: #DE5959;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 15px;
		padding: 15px 40px 15px 18px;
		position: relative;
		float:none;
		width:auto;
		
		margin-top:25px;
	}
	
	.success_message {
		border-style: solid;
		border-width: 1px 1px 1px 5px;
		color: #DE5959;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 15px;
		padding: 15px 40px 15px 18px;
		position: relative;
		float:none;
		width:auto;
		
		margin-top:25px;
	}
	
	fieldset {
		position:relative;
		float:left;
		padding:0;
		border:0 none;
		width:100%;		
	}
	
	fieldset h1{
		font-size:24px;
		color:#000
	}

	#c-contact-section h3, #c-contact-section h2 {
		font-size: 20px;
	}

	#c-contact-section h2 {
		margin-bottom: -8px;
	}

	#c-contact-section p {
		font-size: 16px;
		line-height: 20px;
	}

	/* BEGIN Dave - Axs Form */
	#accessibility_form	input[type=radio] {width:auto;}
	#accessibility_form select {
		background-color: rgb(248, 248, 248);
		border: 1px solid rgb(166, 166, 166);	
	}
	#accessibility_form input, #accessibility_form textarea {border:1px solid;width:100%:max-width:100%;}
	#accessibility_form input[type=checkbox] {width:25px;}
	
	#accessibility_form input.invalid, #accessibility_formform textarea.invalid { border:1px solid #c00; box-sizing:border-box; }
	/* END Dave - Axs Form */

/* ------------------------------------------------------------------------------- */
/*  19. Footer
/* ------------------------------------------------------------------------------- */	
	
	/*
	#footer-logos img {
		display: inline-block;
		margin-left: 5px;
	}
	*/
	/* BEGIN Dave */
	#footer-logos {text-align:center;}
	#footer-logos img {
		height:35px;
		margin:5px 10px;
	}
	/* END Dave */
	
	
	.footer-social {
		width:50px;
		height:50px;
		background-color:#363942;
		margin-right:30px;
		margin-bottom:30px;
		float:left;
		border-radius:50px;
		bottom:20px;
	}
	
	.footer-social img {
		padding:10px;
		opacity:1;
	}
	
	
	.footer ul.contactus {
		border-bottom: 1px solid #363942;
		display: block;
		letter-spacing: -1px;
		margin-bottom: 35px;
		overflow: hidden;
		padding-bottom: 34px;
	}

	.footer ul.contactus li {
		display: block;
		float: left;
		font-size: 32px;
		font-weight: 700;
		line-height: 35px;
		margin-right: 30px;
	}
	
	.footer ul.contactus li span.mail:after {
		content: "";
		height: 24px;
		left: 0;
		position: absolute;
		top: 7px;
		width: 36px;
	}
	

	
	.footer ul.contactus li span.mail {
		padding-left: 15px;
		position: relative;
	}
	
	.footer ul.contactus li span.phone:after {
		content: "";
		height: 27px;
		left: 0;
		position: absolute;
		top: 5px;
		width: 10px;
	}
	

	.footer ul.contactus li span.phone {
		
		padding-left: 10px;
		position: relative;
	}
	

	.copyright {
		margin-top:35px;
		padding-top:35px;
		width:100%;
		float:left;
	}

	/* BEGIN DAVE edits */
	.copyright-override p, .copyright-override p a {margin-top:15px; font-size:12px; color:white;}
	/* END DAVE edits */

/* ------------------------------------------------------------------------------- */
/*  20. 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;	
	}
	
	/*	
	#navigation ul li {
		margin-right:30px;
	}
	*/
}


/* START Dave's Addition for Nav */
@media only screen and (max-width: 1360px) {
	#navigation ul li {
		margin-right:30px;
	}
}
/* END Dave's Addition for NAN */

@media only screen and (max-width: 1024px) {
	
	.portfolio {
		width: 100%;
	}

	.portfolio li { 
	/*	width:25%;
	*/	margin:0 auto;	
	}
	
	
	.separator-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}	
	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	.twitter h2 {
	font-size: 28px;
	line-heigh: 40px;
	}
}	

/* START Dave's Addition for Nav */
@media only screen and (max-width: 1176px) {

	#navigation.with-image-logo h2 img {
		width:150px;
	}
	
	#navigation.with-image-logo #logo {
		margin-top:15px;
	}
	
	#navigation ul {
		width: 250px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 50px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;
		
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
		
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		/*
		color: #000;
		border-top: 0px;
		*/
		color: #000 !important;
		border-top: 0px !important;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom:10px;

	}
}
/* END Dave's Addition for Nav */

@media only screen and (max-width: 959px) {
	
	.project-video { width:100%; height:400px; }
	
	.container {
		width:720px;
		padding-top:100px;
		padding-bottom:100px;
	}
	.container.blog.single .sidebar.right { width:720px;}
	
	#navigation.with-image-logo h2 img {
		width:150px;
	}
	
	#navigation.with-image-logo #logo {
		margin-top:15px;
	}
	
	#navigation ul {
		width: 250px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 50px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;
		
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
		
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}
	
	.in-slide-content {
		bottom:180px;
		left:50px;
		margin-right:10%;
		z-index:1001;
		position:absolute;
		width:45%;
		text-align:left;
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		
		border-bottom:#fff solid 1px;
		padding-bottom:20px;
		font-size:60px;
		line-height:60px;
		text-transform:uppercase;
		float:left;
	}
	
	.in-slide-content p{ 		
		z-index:20;
				
		font-size:12px;
		padding-top:20px;
		float:left;
		font-weight:bold;
	}
	

	.team {
	
		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 {
				width:720px;
	}
	
	.client {
		margin:50px 50px 50px 50px;
	}

	.client:hover {
		margin:50px;
		opacity:0.8;
	}
	
	.news_page {
				width:720px;
	}
	
	.user_comment_reply {
		background: url("../images/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.footer ul.contactus li {
		float: none;
		margin-bottom: 20px;
	}
	
	.separator-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}	
	
	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	
	.container.blog .sidebar.right { width:100%;}
	    
}


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

	.project-video { width:100%; height:300px; }
	.container {
		width:440px;
		padding-top:100px;
		padding-bottom:100px;
	}
	.container.blog.single .sidebar.right { width:440px;}
	
	#logo {
		margin-left:20px;
	}
	
	#navigation ul {
		width: 200px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 20px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;		
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
		
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}
	
	.in-slide-content {
		bottom:180px;
		left:50px;
		margin-right:10%;
		z-index:1001;
		position:absolute;
		width:45%;
		text-align:left;
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		
		border-bottom:#fff solid 1px;
		padding-bottom:20px;
		font-size:40px;
		line-height:40px;
		text-transform:uppercase;
		float:left;
	}
	
	.in-slide-content p{ 		
		z-index:20;
				
		font-size:12px;
		padding-top:20px;
		float:left;
		font-weight:bold;
	}
	
	.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 {
		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 {
				width:440px;
	}
	
	.client {
		margin:20px 150px 20px 150px;
	}

	.client:hover {
		margin:20px 150px 20px 150px;
		opacity:0.8;
	}
	
	.news_page {
				width:440px;
	}
	
	p.post-admin,
	p.post-calendar,
	p.post-tagss ,
	p.post-commentss {
		margin-left: 0px;
		width:100%;
		border:0 !important;
	}
	
	.user_comment_reply {
		margin-left:-60px;
		background: url("../images/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.footer ul.contactus li {
		font-size: 28px;
	}
	
	.footer ul.contactus li span.mail:after {
		top: 4px;
	}
	
	.footer ul.contactus li span.phone:after {
		top: 3px;
	}
	
	.footer-social {
		margin-bottom: 30px;
		margin-right: 30px;
	}
	
	.carousel_testimonials li h1 { 
		font-size:35px;
		line-height:38px;
	}
	
	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	.twitter h2 {
	font-size: 20px;
	line-height: 32px;
	}
	.twitter .container {
	padding-top: 60px;
	}
}

  	
@media only screen and (max-width: 479px) {
	.project-video { width:100%; height:200px; }
	
	h1 { font-size: 45px; line-height:45px;}
    h2 { font-size: 30px; line-height:30px;}
    h3 { font-size: 24px; line-height:24px;}
    h4 { font-size: 20px; line-height:20px;}
    h5 { font-size: 14px; line-height:14px;}
	
	
	.container {
		width:280px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#logo {
		margin-left:20px;
		margin-top:30px;
	}
	
	#navigation.with-image-logo h2 img {
		width:80px;
	}
	
	#navigation.with-image-logo #logo {
		margin-top:5px!important;
		margin-left:0px!important;
	}
	
	#navigation ul {
		width: 140px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 20px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
	
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}

	div.mc-image {
    	background-size: 100% auto; /* width and height, can be %, px or whatever. */
	}

	.in-slide-content {
		top:20px;
		left:20px;
		margin-right:20px;
		z-index:1001;
		position:absolute;
		width:80%;
		text-align:left;
	}
	
	.in-slide-content h1{ 		
		/* display:none; */
	}
	
	.in-slide-content p{
		display:none; 		
	}
	
	#arrow_left, #arrow_right {
		bottom:40px;
	}

	#arrow_left:hover, #arrow_right:hover, #arrow_left:active, #arrow_right:active {
		bottom:41px;
	}

	#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;
	}
	/*.one_half  h4 span, .one_third  h4 span, .two_third  h4 span, .three_fourth  h4 span, .one_fourth  h4 span, .two_fourth  h4 span, .one_fifth  h4 span, .two_fifth  h4 span, .three_fifth  h4 span, .four_fifth  h4 span, .one_sixth  h4 span, .five_sixth> h4 { padding-bottom:18px; display:block; }
	*/
	.team {
		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 {
				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 {
		float: left;
		height: 225px;
		padding: 20px;
	}
	
	.news_page {
				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%;
	}
	
	.footer ul.contactus li {
		font-size: 28px;
	}
	
	.footer ul.contactus li span.mail:after {
		top: 4px;
	}
	
	.footer ul.contactus li span.phone:after {
		top: 3px;
	}
	
	.footer-social {
		margin-bottom: 30px;
		margin-right: 30px;
	}
	
	.carousel_testimonials li h1 { 
		font-size:35px;
		line-height:38px;
	}

	#map_canvas {
		width:100%;
		height:300px;
	}
	
	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.call-to-action { text-align:center; }
	.call-to-action >div > span { margin-bottom:10px; }
	.call-to-action >div a { margin-left:0px !important; }
}


@media only screen and (max-width: 959px) {
	.carousel_testimonials li {
		width: 680px;
	}   
}


@media only screen and (max-width: 767px) {
	.carousel_testimonials li {
		width: 400px;
	}
	
	.carousel_testimonials li h1 { 
		font-size:35px;
		line-height:38px;
	}
}


@media only screen and (max-width: 479px) {
	#logo {
		
		text-align: center;
		width: 100%;
		margin-top:0px;
		margin-left:0px;
	}
	
	#logo a {
		text-align: center!important;
		padding-left:0px!important;
	}
	
	#navigation ul {
		border: 1px solid #EFEFEF;
	}
	#navigation ul {
		border-radius: 3px 3px 3px 3px;
		left: 50%;
		margin-left: -120px;
		padding: 5px 0;
		position: absolute;
		top: 50px;
		width: 240px;
	}
	
	
	.carousel_testimonials li {
		width: 240px;
	}
	
	.list_carousel li {
		height: 522px;
		width: 280px;
	}
	
	.carousel_testimonials li h1 { 
		font-size:35px;
		line-height:38px;
	}

	#map_canvas {
		width:100%;
		height:300px;
	}
	
	.list_carousel li { background:#fff !important; }
	.news .image { width:280px; height:280px; }
	.news-intro { width:240px; height:225px; }
}

/*
Notify box
*/
.sh-notify { background:#f7f7f7; border:1px solid #f3f3f3; padding:30px; }
.sh-notify-title { color:#4c4c4c; font-size:36px; font-weight:normal; padding:0; margin:0; }
.sh-notify-content { padding:20px 0 30px 0;}
.sh-notify-url { }

.mbYTP_wrapper { z-index:999 !important;}

.mb_YTVPlayer :focus {
  outline: 0;
}
.mb_YTVPlayer{
  display:inline-block;
  -moz-box-shadow:#000 1px 1px 5px;
  -webkit-box-shadow:#000 1px 1px 5px;
}

/*CONTROL BAR*/
.mb_YTVPBar{
  display:block;
  width:100%;
  height:10px;
  padding:5px;
  background:#333;
  position:fixed;
  bottom:100px;
  left:0;
  -moz-box-sizing:padding-box;
  -webkit-box-sizing:border-box;
  text-align:left;
  z-index: 1000;
  font: 14px/16px sans-serif;
  color:white;
  opacity:.3;
}

.mb_YTVPBar:hover{
  opacity:1;
}

.mb_YTVPBar .buttonBar{
  background:transparent;
  font:12px/14px Calibri;
  position:relative;
  top:-30px;
}

.mb_YTVPBar span{
  display:inline-block;
  font:16px/20px Calibri;
  position:relative;
  width: 30px;
  height: 25px;
  vertical-align: middle;
}

.mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{
  cursor:pointer;
}

.mb_YTVPMuteUnmute{
  cursor:pointer;
}

/*PROGRESS BAR*/
.mb_YTVPProgress{
  height:10px;
  width:100%;
  background:#222;
  bottom:0;
  left:0;
}

.mb_YTVPLoaded{
  height:10px;
  width:0;
  background:#444;
  left:0;
}

.mb_YTVTime{
  height:5px;
  width:0;
  background:#fff;
  bottom:0;
  left:0;
  -moz-box-shadow:#666666 1px 1px 3px;
  -webkit-box-shadow:#666666 1px 1px 3px;
}
.mb_YTVPBar .mb_YTVPUrl { position:absolute !important; right:10px; bottom:10px; width:80px;}


















/* Shortcodes */




.dropcap {}
.dropcap:first-letter {     color: #FF8400;
    float: left;
    font-size: 60px;
    margin-left: -3px;
    margin-right: 6px;
    padding-bottom: 11px;
    padding-top: 11px;
    position: relative;
    text-transform: uppercase;
    top: 5px; }
	
.dropcap.dc-background:first-letter {
    float: left;
    font-size: 30px;
    line-height: 23px;
    margin-left: -3px;
    margin-right: 10px;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
    top: 5px;	
}
	
.chzr-tabs .ui-tabs-nav li{
  float: left;
    margin: 0 10px 0 0;
    min-width: 100px;
}

.chzr-tabs .ui-tabs-nav li a {
    background: none repeat scroll 0 0 #7F7F7F;
    border: 0 none;
    color: white;
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    text-align: center;
}



.square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .arrow2-list li, .circle-list li {
    line-height: 15px;
    margin-bottom: 10px;
    padding: 0 5px 0 15px;
}
.square-list li:hover, .check-list li:hover, .plus-list li:hover, .arrow-list li:hover, .cross-list li:hover, .star-list li:hover, .minus-list li:hover, .arrow2-list li:hover, .circle-list li:hover {
    cursor: pointer;
    padding-left: 15px;
}
.square-list li {
    background: url("../images/list-icons/square.png") no-repeat scroll 0 50% transparent;
}
.check-list li {
    background: url("../images/list-icons/check.png") no-repeat scroll 0 50% transparent;
}
.plus-list li {
    background: url("../images/list-icons/plus.png") no-repeat scroll 0 50% transparent;
}
.arrow-list li {
    background: url("../images/list-icons/arrow.png") no-repeat scroll 0 50% transparent;
}
.cross-list li {
    background: url("../images/list-icons/cross.png") no-repeat scroll 0 50% transparent;
}
.star-list li {
    background: url("../images/list-icons/star.png") no-repeat scroll 0 50% transparent;
}
.minus-list li {
    background: url("../images/list-icons/minus.png") no-repeat scroll 0 50% transparent;
}
.arrow2-list li {
    background: url("../images/list-icons/arrow2.png") no-repeat scroll 0 50% transparent;
}
.circle-list li {
    background: url("../images/list-icons/circle.png") no-repeat scroll 0 50% transparent;
}
.large-notice-light {
    padding: 30px 30px 45px;
}
.large-notice-dark {
    padding: 30px 30px 45px;
}
.large-notice-dark h2 {
    margin-bottom: 10px;
}
.large-notice-light h2 {
    margin-bottom: 10px;
}
.large-notice-light p, .large-notice-dark p {
    margin-bottom: 30px;
}
.large-notice-light .chzr-notify-content, .large-notice-dark .chzr-notify-content {
    margin-bottom: 30px;
}

.notification.success {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EBF6E0;
    border-color: #B3DC82;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #5F9025;
}
.notification.error {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFE9E9;
    border-color: #FBC4C4;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #DE5959;
}
.notification.warning {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FBFADD;
    border-color: #DED58A;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #8F872E;
}
.notification.notice {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E9F7FE;
    border-color: #B6D7E8;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #5091B2;
}

.notification {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 15px 40px 15px 18px;
    position: relative;
}


.accordionButton.black {
    border-top: medium none;
    cursor: pointer;
    float: left;
    font-family: 'districtregular','arial';
    font-size: 18px;
    margin-bottom: 10px;
    padding: 20px 0;
    width: 100%;
}
.accordionButton.black h4 {
    padding-left: 70px;
}
.accordionContent.black {
    float: left;
    line-height: 18px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.accordionContent.black p {
    padding: 10px 20px 20px;
}

.accordionButton.color {
    border-top: medium none;
    cursor: pointer;
    float: left;
    font-family: 'districtregular','arial';
    font-size: 18px;
    margin-bottom: 10px;
    padding: 20px 0;
    width: 100%;
}
.accordionButton.color h4 {
    padding-left: 80px;
}
.accordionContent.color {
    float: left;
    line-height: 18px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.accordionContent.color p {
    padding: 10px 20px 20px;
}




.pricing-table {
    margin-bottom: 40px;
    margin-top: 40px;
}
.pricing-table-second .column, .pricing-table .column {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}
.pricing-table-second ul li, .pricing-table ul li {
    display: block;
    margin: 0;
    position: relative;
}
.pricing-table-second .footer, .pricing-table .footer {
    padding: 35px 20px;
}

.pricing-table .column {
    padding-top: 25px;
    width: 27%;
}

.pricing-table .column h2 {
	color:%secondary; /* Color Heading Tabels */
	text-transform:uppercase;
	font-size:28px;
}

.pricing-table .level-max h2 {
	font-size:36px
}


.pricing-table .level-max {
    
    border: medium none;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    margin: -35px 0;
    padding-top: 50px;
    width: 37%;
    z-index: 1;
}

.pricing-table .level-max .header {
	margin-top:45px;
}

.pricing-table .header {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #EAEAEA;
    margin-top: 25px;
    padding: 26px 20px 23px;
}
.pricing-table p {
    color: %secondary;
    font-size: 12px;
    font-weight: 200;
    margin: 0;
    text-transform: capitalize;
}
.pricing-table ul li {
    border-top: 1px solid #EAEAEA;
    padding: 8px 0;
}
.pricing-table .footer {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #EAEAEA;
}

.pricing-table .footer a {
    margin-top:0px!important;
}


.pricing-table .level-max .footer {
    padding-bottom: 60px;
    padding-top: 60px;
}
.pricing-table-second .column {
    margin-bottom: 20px;
    margin-right: 4.5%;
    width: 30%;
}
.pricing-table-second .column:last-child {
    margin-right: 0;
}



.pricing-table-second .header {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #EAEAEA;
    padding: 26px 20px 23px;
}
.pricing-table-second .table-title {
    background: none repeat scroll 0 0 #7EAC10;
    padding: 15px 20px 10px;
}
.pricing-table-second h2 {
    color: #fff;
    font-weight: 200;
	background:%secondary;
	padding:20px 0px;
	font-weight:bold;
}
.pricing-table-second h4 span {
    color: %secondary;
    vertical-align: top;
}
.pricing-table-second ul li {
    border-top: 1px solid #EAEAEA;
    padding: 8px 0;
}
.pricing-table-second .footer {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #EAEAEA;
}

.pricing-table-second .footer a {
    margin-top:0px!important;
}


.ebtn.btn-small {
    font-size: 18px;
    line-height: 18px;
    opacity: 0.8;
    padding: 12px 15px;
}


.chzr-notify  .btn-medium, .btn.btn-medium {
    font-size: 12px;
    line-height: 24px;
    opacity: 0.8;
    padding: 12px 15px;
}

.chzr-notify .btn-large, .ebtn.btn-large {
    font-size: 36px;
    line-height: 36px;
    padding: 12px 15px;
}


.divider {
    background-color: #EBEBEB;
    /*float: left;*/
    height: 1px;
    margin: 30px 0 50px;
    width: 100%;
}

.divider.dotted, .divider.dashed, .divider.double  {border-width:0px; border-top-width:1px; }
.divider.dotted { border-style:dotted !important; }
.divider.dashed{ border-style:dashed !important; }
.divider.double { border-style:double !important; }

blockquote.text {
	padding-left:20px;
	border-left:5px solid #eee;
	}


.testimonial {
    padding-bottom: 30px;
}
.testimonial blockquote:before {
    content: url("../images/testimonials.png");
    left: 0;
    position: absolute;
    top: 0;
}
.testimonial blockquote {
    color: #7B7B7B;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
}
.testimonial blockquote {
    padding-left: 36px;
    position: relative;
}

.client_identity {
    margin-left: 36px;
}

.full-section.parallax {  background-size: cover; overflow:hidden; }

/* CSS only for demo */
#changeStyle.closed { left:-180px; }
#changeStyle { width:180px; z-index:99999;  background:#fff; position:fixed; top:40%; left:0;box-shadow: 0 0px 8px 5px rgba(0, 0, 0, 0.15); border-radius: 0px 5px 5px 0px;}

#changeStyle .section  {
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:20px 18px 10px 20px;
	float:left;
}

#changeStyle a {
	color:#999;
	margin-left:20px;
	}
	
#changeStyle a:hover {
	color:#666;
	}	

#homeStyle {
	margin-left:20px;
	background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid rgba(23, 24, 26, 0.15);
	margin-bottom:10px;
}

.btn-toggle-style { 
width:30px; text-align:center;
position:absolute; right:-40px; top:40px; background:#ccc; color:#fff; padding:15px 5px; cursor:pointer; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}

.btn-toggle-style:hover i { color:#000; }
.color_palette {
	font-size:14px;
	font-weight:bold;
	color:#333;
	border-top:1px solid rgba(23, 24, 26, 0.15);
	padding:10px 28px 10px 20px;
	float:left;
}
.styles li { cursor:pointer; padding:5px 0px 0px 0px;}



#map_canvas img { max-width:inherit; }



/*
@media only screen (max-width: 500px) {
	#cboxTitle { font-size:100% !important; padding-top:50px;}

}
*/
.single {  }

.single .project_page, .single .news_page { margin:50px auto; }
.single .flexslider { position:relative; }
.single .flex-viewport {width:960px;max-width:100%; margin:0 auto; }

img { max-width:100%; }

.blog { font-family:Arial; }
.blog .sidebar.right { float:right; width:260px; max-width:100%; font-size:11px; }
.blog .content.left { float:left; width:660px; max-width:100%;}
.blog .content.left img,
.blog .content.left span,
.blog .content.left p
 { max-width:100%; }


.blog .post { padding:40px 0; }
.blog .post:first-child { padding-top:0; }
.blog .meta p { background:transparent; padding-left:0px; margin-left:0px; padding-right:8px; margin-right:8px; line-height:14px; font-size:11px; color:#ababab; }
.blog .meta  p { border-right:1px solid #D8D8D8; }
.blog .meta  p.post-commentss { border:0; }
.blog h2.title { color:#2b2b2b; font-size:30px;  }
.blog .pcontent { color:#ababab; font-size:12px; }

.blog .sidebar .widgettitle { font-size:18px; line-height:18px; color:#1e2024; margin-bottom:10px; }
.blog .posthead, .posthead.project { position:relative;}
.posthead.project { width:100%; max-width:960px; margin:0 auto; }
.blog .posthead .social, .project.posthead .social{ position:absolute; right:0; top:0; font-size:20px; color:#dfdfdf; }
.blog .posthead .social a, .project.posthead .social a { color:#ababab; font-size:12px; display:inline-block; padding:5px; }
.blog .posthead .social a i, .project.posthead .social a i { font-size:20px; }
.project.posthead  h4 { margin:0;}
.project.posthead .meta p { color:#ababab;}
#cboxLoadedContent { background:#fff !important;}

.blog .tagcloud a { padding: 0px 15px 0px 15px; height:35px; text-align:center; display:inline-block; line-height:35px; margin-top:3px; background:#333333; font-size:12px !important; }

.blog .widget { margin-bottom:40px; font-size:12px; }
.blog .widget > ul li a { display:block; line-height:35px; }
.blog .widget > ul li:first-child a { border-top:0px; }
.alignleft { float:left; margin:5px 10px 5px 0; }
.alignright { float:left; margin:5px 0 5px 10px; }
#wp-calendar { width:100%; }
#wp-calendar a { display:block; }
#wp-calendar td { text-align:center; }


.blog .widget li.recentcomments a { border:0;}
.blog .widget #searchform input[type="text"]{ margin:0; padding:5px; width:190px; margin-right:2px; border:1px solid #f6f6f6; }
.blog .widget #searchsubmit { margin:0; padding:0px; width:auto; padding-left:5px; padding-right:5px; cursor:pointer; }

.widget .tab-inside.chzr-tabs {}
.widget .tab-inside.chzr-tabs >ul li {  }
.widget .tab-inside.chzr-tabs >ul li a { background:#333333; font-size:12px; font-weight:normal; }


.widget_ionuttabs { }
.widget_ionuttabs .widget-comment { padding:10px 0; border-top:1px solid #ddd;font-size:12px;  }
.widget_ionuttabs .widget-comment:first-child { border:0; }

/* CSS only for demo */
#changeStyle.closed { left:-180px; }
#changeStyle { width:180px; z-index:99999;  background:#fff; position:fixed; top:40%; left:0;box-shadow: 0 0px 8px 5px rgba(0, 0, 0, 0.15); border-radius: 0px 5px 5px 0px;}

#changeStyle .section  {
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:20px 18px 10px 20px;
	float:left;
}

#changeStyle a {
	color:#999;
	margin-left:20px;
	}
	
#changeStyle a:hover {
	color:#666;
	}	

#homeStyle {
	margin-left:20px;
	background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid rgba(23, 24, 26, 0.15);
	margin-bottom:10px;
}

.btn-toggle-style { 
width:30px; text-align:center;
position:absolute; right:-40px; top:40px; background:#ccc; color:#fff; padding:15px 5px; cursor:pointer; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}

.btn-toggle-style:hover i { color:#000; }
.color_palette {
	font-size:14px;
	font-weight:bold;
	color:#333;
	border-top:1px solid rgba(23, 24, 26, 0.15);
	padding:10px 28px 10px 20px;
	float:left;
}
.styles li { cursor:pointer; padding:5px 0px 0px 0px;}

/* 1.3 */
.wrap_IonutTwitter { }
.wrap_IonutTwitter li { border:0; color:#757b7f;  }
.wrap_IonutTwitter li a { border:0 !important; }
.wrap_IonutTwitter > li > div { float:left; display:block; width:220px; margin-left:10px; }
.wrap_IonutTwitter i.float-left { float:left; display:block !important; font-size:16px; color:#b8b8b8;  }
.wrap_IonutTwitter li .white { padding-bottom:10px; }


.blog .postquote.wrap { padding-bottom:50px; }
.post.quote, .post.quote:first-child  {/* background:#ffcc00;*/ padding:20px; margin-top:50px; overflow:hidden; }
.post.quote .quot { float:left; margin-right:5px;}
.blog .post.quote .title { margin-bottom:10px; }
.blog .post.quote .title p{ line-height:40px; }
.blog .post.quote .meta { opacity:0.5; margin-top:15px; }
.bog.single .post.quote { margin-top:0; }
.blog .postquote.wrap { padding-bottom:0; border:0; }
.singleblog .postquote .meta { margin-bottom:0 !important; border-bottom:0 !important; }

.widget .chzr-flickr-item {
    display: inline-block;
    height: 60px;
    margin-bottom: 5px;
    margin-right: 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 80px;
}

.accordionContent.ui-accordion-content  { margin-bottom:10px;}

.aligncenter:before  { content:'.'; width:100%; display:block; line-height:0; visibility:hidden; height:0px; visibility:hidden; clear:both; }
.aligncenter  { display:block; margin:0 auto; }

.singleblog .post-thumbnail { display:block; margin-bottom:30px;}
.blog.flexslider, .audio-wrapper { margin-bottom:20px; }
.blog_comments { margin-top:30px; }
div.postnav > a{ display:block; width:41px; height:41px; text-align:center; }
div.postnav  span { font-size:22px; padding-top:10px; }
div.postnav { float:left; margin-right:10px; margin-top:10px; margin-bottom:40px;}

.blog.single .meta, .posthead.project .meta { border-bottom:1px solid #ebebeb; margin-bottom:40px; min-height:40px; }	
.blog.single .meta p { margin-bottom:5px; }


.project.posthead { margin-top:40px;}
.project_page.new { position:relative; width:100%; max-width:960px; margin:0 auto; }
.project_page.new .leftside { width:100%; padding-right:310px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;   }
.project_page.new .project_content { position:absolute; right:0; top:0; width:250px;padding:0; }
.project_page.new .project_content .top { margin-bottom:25px; }
.project_page.new .project_content .bottom { margin-bottom:25px; }

/* Reponsive */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.pricing-table .column {
	    border: 8px solid #EAEAEA;
	}
	.pricing-table .level-max {
	    border: medium none;
	    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
	    margin: -35px 0;
	    padding-top: 50px;
	    width: 37%;
	    z-index: 1;
	}
}

/* @media only screen and (max-width: 1023px) { /* This is modified to be any size*/
	div.mc-image {
    	background-size: 100% auto; /* width and height, can be %, px or whatever. */
	}
/* } /**/

@media only screen and (max-width: 350px) {
	#logo { margin-left:0; }
	#logo a { padding-left:10px; font-size:24px !important; }
	#menu { width:110px; }
}

@media only screen and (min-width: 240px) and (max-width: 767px) {
	
	.btn-large {
		font-size:30px;
		line-height:30px;
	}
	
	.pricing-table {
		margin-top: 0;
		margin-bottom:0;
	}
	
	.pricing-table .column {
		border: #eaeaea 10px solid;        
        width: 98%;
		margin-bottom:40px;	
    }
	
	.pricing-table .first-col {
		border-right:#eaeaea 10px solid!important;		
    }
	
	.pricing-table .last-col {
		border-left:#eaeaea 10px solid!important;
		margin-bottom:0;
    }
	
    .pricing-table .level-max {
		margin-top:0px;
		margin-bottom:40px;
		width:100%;
		border:none;
    }
	
	.pricing-table-second .btn-medium {
		font-size: 18px;
	}
	
	.pricing-table-second .column {
		margin-right:0;
		margin-bottom:40px;
		width: 100%;
	}
	
	.pricing-table-second .column:last-child {
		margin-bottom:0px;
	}
	
	/*
	#cboxTitle { font-size:150% !important; } */
		.blog .posthead .social { position:relative; margin-bottom:10px; }
	.blog .posthead .meta { margin-bottom:10px; }
	.blog .posthead h4{ margin-bottom:5px; }
}
@media screen and (max-width: 640px){
	.project_page.new .project_content {  min-height:0 !important;  position:static; width:100%; padding:10px; 	box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
	.project_page.new .leftside  { padding:10px; min-height:0 !important; }
	.posthead.project  { text-align:center;   }
	.posthead.project .meta { min-height:0; margin-bottom:0; border:0; }
	.posthead.project .social { position:static; border-bottom:1px solid #ebebeb; padding-bottom:20px; margin:10px 10px 20px 10px; }

}

.comment-meta.vcard { position:relative;}
.comment-meta.vcard .comm-tools { position:absolute; right:0; top:0; }
.comment-meta.vcard .comm-tools > * { margin:0 0 0 10px; float:left; }
#post_navigation { margin-top:35px;}

#navigation{ z-index:999999;}

.ad-container.big img { max-width:260px; width:260px; max-height:260px; }
.ad-container.small img{ max-width:128px;width:128px; max-height:128px;height:128px;}
.ad-container.small > * { display:inline-block; *display:inline; *zoom:1; }
.ad-container.small li { margin-right:4px; }
.ad-container.small li.last { margin-right:0; }

.toggle { margin-bottom:10px; margin-top:5px; }

.toggle > div {
padding: 10px 14px;
border-top: 0px;
display: none;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.toggle > a {
	display: block;
	color: #888888;
	letter-spacing: 0px;
	line-height: 14px!important;
	padding: 14px 14px 16px 43px;
	position:relative;
	background-color: rgba(0,0,0,0.045);
	font-size:14px;
	cursor:pointer;
}

.toggle > a:hover {
	background-color: rgba(0,0,0,0.015);
}

.toggle > a i {
	position: absolute;
	left: 13px;
	background-color: transparent;
	top: 13px;
	width: 18px;
	height: 16px!important;
	line-height: 18px!important;
	font-size:16px;
}

.call-to-action {
	margin-top: 40px;
	margin-bottom: 0;
	position: relative; 
	z-index: 10;
	text-align: center;
	vertical-align: bottom;
	font-size: 22px;
}

.call-to-action .container {
	padding: 42px 0px 36px 0px;	
}

.call-to-action .container span {
	letter-spacing: -1px;
	display: inline-block;
}


.call-to-action .container a {

	position: relative;
	top: -3px;
    
    font-size: 12px;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-left: 20px;
    display: inline-block;
    border-radius: 5px 5px 5px 5px;
    padding: 16px 21px;
}


.call-to-action .triangle {
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 10px;
    width: 1px;
    left: 440px;
    margin: -42px auto 33px auto;
}

.call-to-action a {
	opacity: 0.75;
	transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}

.call-to-action a:hover {
	opacity: 1;
}


#navigation { height:100px;
	transition: 		height 0.5s linear;
	-moz-transition: 	height 0.5s linear;
	-webkit-transition: height 0.5s linear;
	-o-transition: 		height 0.5s linear;
}
#navigation.expanded { height:70px;}


.singleblog .post.quote.clearfix { margin-top:0; }
.singleblog .video-wrapper,
.singleblog .video-wrapper > *,
.post .video-wrapper,
.post .video-wrapper > *
 { height:300px; margin-bottom:20px;}
.singleblog .video-wrapper > * > iframe,
.post .video-wrapper > * > iframe { height:100%;}
.youtube-video { max-width:100%; }

iframe { max-width:100%; }


	div.postnav span {
		float:left;
		margin-left:13px;
	}
		
	.post-thumbnail {
		float:left;
		margin-bottom:20px;
		display:block;
	}
	
	
#mbYTP_bgndVideo { width:100% !important; margin-left:0 !important; }
.ls-layer > div { height:100% !important; }
.ls-video-layer > iframe { height:100%;}

/***** CUSTOM LAST MINUTE CSS *****/

#contactform input[type="text"], #contactform textarea { border:1px solid #fff; }
.ourteam .container { padding:0 20px 20px 20px;}
#contactform input.invalid, #contactform textarea.invalid { border:1px solid #c00; box-sizing:border-box; }

#navigation .showmenu { top:-100%; }
.is-sticky #navigation .showmenu,
body.page #navigation .showmenu,
body.single #navigation .showmenu { top:30px; }
.mot { padding-top:40px; }

div.copyright a{color:#f0f0f0}
div.copyright a:hover{color:#e3e3e3}
h2{text-transform:uppercase}

body.page-id-267 div.container p, #c-services-section p,#c-about-section p,#c-television-section p,#c-digital-section p{margin-bottom:20px}
/*body.page-id-267 div.container img, #c-services-section img,#c-about-section img,#c-television-section img,#c-digital-section img, #c-world-section img, #c-film-section img {margin-bottom:20px;		width:80px;}*/
body.page-id-267 div.container img, #c-services-section img,#c-television-section img,#c-digital-section img, #c-world-section img, #c-film-section img {/*margin-right:20px;*/margin-bottom:20px;		width:80px;}
#c-television-section img.bloomberg { width: 120px; }
#c-television-section img { margin-left: auto; margin-right: auto; }
/* BEGIN Dave */
#c-television-section .one_fifth, #c-digital-section .one_sixth, #c-world-section .one_sixth, #c-film-section .one_sixth {text-align:center;}
@media all and (min-width: 768px) {
	.tv-section {
		display: table-row;
		/* background-color: #aadaff; */
	}
	#c-television-section .one_fifth, #c-television-section .four_fifth {
		display: table-cell;
		vertical-align:  middle;
		float: none;
	}
	#c-television-section .one_fifth {
		width: 20%;
		padding: 10px 0;
	}
	#c-television-section .four_fifth {
		width: 80%;
		margin-bottom: 0;
		padding: 10px 0;
	}
	#c-television-section .tv-section img {
		padding: 0;
		margin: 0;
	}
}
/* END Dave */

div.contact-form h2.mb{text-transform:none; padding-top:10px; }
#c-contact-section div.container.clearfix{padding-bottom:0}
#c-contact-section div.contact-form div.container.clearfix{padding-bottom:100px;padding-top:0}
#c-careers-section h3,#c-careers-section h2,#c-careers-section a, #c-press-section h3,#c-press-section h2,#c-press-section a{display:inline-block;margin-bottom: 15px}
#c-about-section { margin-top: 100px; }