@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. Contact
	17. Footer
    18. 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 {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
	}
	
	li {
		list-style:none;
	}











/* ------------------------------------------------------------------------------- */
/*  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, .wpcf7-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, .wpcf7-submit:hover {
		opacity:1;
		cursor:pointer;
	}
	
	.clapat-button, #respond #submit {
		padding: 0px 15px 0px 15px;
		height:35px;
		text-align:center;
		display:inline-block;
		line-height:35px;
		margin-top:20px;
	}

	.clapat-button:hover, #respond #submit:hover {
		background: none repeat scroll 0 0;
	}
	
	
	
	
	
	


.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:40px;
		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
/* ------------------------------------------------------------------------------- */


	#index {
		height: 100%;
		margin-bottom: -100px;	
		position: relative;
	}
	
	#index.auto { height: auto;  margin-bottom: 0;}
	#index.no_margin { margin-bottom: 0; }
	
	#index .pattern { z-index:1000; }
	#index.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: url('../images/pattern.png');
		background-repeat:repeat;
		position:absolute;
		width:100%;
		height:100%;
		opacity:0.7;
		z-index:0;
	}
	
	.client {
		float:left;
		margin:10px;
		width:140px;
		cursor:pointer;
		margin-top: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%;
	}


	#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;
	}
	
	.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;
	}




.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;
	}











/* ------------------------------------------------------------------------------- */
/*  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, .newsletter-subscription th  { color:#fff; font-size:30px;  color:#fff;
		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;
	}
	
	.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:500px; }







/* ------------------------------------------------------------------------------- */
/*  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;
	}
	










/* ------------------------------------------------------------------------------- */
/*  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;
	}
	
	.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. 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;
	}
	
	fieldset {
		position:relative;
		float:left;
		padding:0;
		border:0 none;
		width:100%;		
	}
	
	fieldset h1{
		font-size:24px;
		color:#000
	}

	#c-contact {  }









/* ------------------------------------------------------------------------------- */
/*  17. Footer
/* ------------------------------------------------------------------------------- */	
	
	
	.footer-social {
		width:50px;
		height:50px;
		background-color:#363942;
		margin-right:30px;
		float:left;
		border-radius:50px;
		bottom:20px;
	}
	
	.footer-social:hover {
			}
	
	.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 {
		color: #FFFFFF;
		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 [class^="icon-"], .the-icons li [class*=" icon-"] {
		color: #EF4A4A;
	}
	
	.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 {
		color: #FFFFFF;
		padding-left: 10px;
		position: relative;
	}
	
	.copyright {
		margin-top:35px;
		padding-top:35px;
		width:100%;
		border-top: 1px solid #363942;
		float:left;
	}
	
	.copyright p{
		
		opacity:0.3;
	}



/*
Eleven 1.01 Fixes
*/
#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 { top:30px; }
.mot { padding-top:40px; }

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


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

	.portfolio {
		width: 100.3%;
	}

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

}










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

	.portfolio {
		width: 100.5%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}
		
	#navigation ul li {
		margin-right:30px;
	}

}












@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;
	}
}	












@media only screen and (max-width: 959px) {
	
	.project-video { width:100%; height:400px; }
	
	.container {
		width:720px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#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 {
		background-color: #FFFFFF;
		float: left;
		height: 280px;
		margin-right: 15px;
		overflow: hidden;
		width: 225px;
		margin-bottom:15px;
	}
	
	.team.last {
		margin-left:240px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width: 146px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}
		
	.portfolio {
		width: 100%;
	}

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

	}
	
	.carousel_testimonials li {
		width: 680px;
	}
	
	.project_page {
				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;
	}
	    
}











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

	.project-video { width:100%; height:300px; }
	.container {
		width:440px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
	#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 {
		background-color: #FFFFFF;
		float: left;
		height: 280px;
		margin-left: 107px;
		overflow: hidden;
		width: 225px;
		margin-bottom:30px;
	}
	
	.team.last {
		margin-left:107px;
	}
	
	h3.newsletter, .newsletter-subscription th  { color:#fff; font-size:30px;
		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 {
		width:100%;
	}
	
	p.post-calendar {
		margin-left: 0px;
		width:100%;
	}
	p.post-tagss {
		margin-left: 0px;
		width:100%;
	}
	p.post-commentss {
		margin-left: 0px;
		width:100%;
	}
	
	.user_comment_reply {
		margin-left:-60px;
		background: url("../images/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;
	}
}











  	
@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;
	}
	
	.in-slide-content h1{ 		
		display:none;
	}
	
	.in-slide-content p{
		display:none; 		
	}
	
	#arrow_left {
		left: 50px;
	}
	
	.one_half {
    	width: 100%;
	}
	
	.one_third {
		width: 100%;
	}
	
	.one_fourth {
		width: 100%;
	}
	
	.one_fifth {
		width: 100%;
	}
	
	.one_sixth {
		width: 100%;
	}
	
	.two_fifth {
		width: 100%;
	}
	
	.two_fourth {
		width: 100%;
	}
		
	.two_third {
		width: 100%;
	}
	
	.three_fifth {
		width: 100%;
	}
	
	.three_fourth {
		width: 100%;
	}
	
	.four_fifth {
		width: 100%;
	}
	
	.five_sixth {
		width: 100%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 0;
		position: relative;
	}
	/*.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 {
		background-color: #FFFFFF;
		float: left;
		height: 280px;
		margin-left: 27px;
		overflow: hidden;
		width: 225px;
		margin-bottom:30px;
	}
	
	.team.last {
		margin-left:27px;
	}
	
	h3.newsletter, .newsletter-subscription th  { color:#fff; font-size:30px;
		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 {
		background: none repeat scroll 0 0 #FFFFFF;
		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;
	}
	

}





@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 {
		color: #FFFFFF;
		text-align: center;
		width: 100%;
		margin-top:0px;
		margin-left:0px;
	}
	
	#logo a {
		text-align: center!important;
		padding-left:0px!important;
	}
	
	#navigation ul {
		background: url("../images/icon-menu.png") no-repeat scroll 10px 11px #FFFFFF;
		border: 1px solid #EFEFEF;
		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; }
}

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


/*
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;	
}
	
.clapat-tabs .ui-tabs-nav li{
  float: left;
    margin: 0 10px 0 0;
    min-width: 100px;
}

.clapat-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 .clapat-notify-content, .large-notice-dark .clapat-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 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #EAEAEA;
    padding-top: 25px;
    width: 29%;
}

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

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

.pricing-table .level-max {
    background: none repeat scroll 0 0 #FFFFFF;
    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: #EF4A4A;
    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 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #EAEAEA;
    padding-bottom: 60px;
    padding-top: 60px;
}
.pricing-table-second .column {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EAEAEA;
    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:#EF4A4A;
	padding:20px 0px;
	font-weight:bold;
}
.pricing-table-second h4 span {
    color: #EF4A4A;
    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 {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 18px;
    opacity: 0.8;
    padding: 12px 15px;
}
.ebtn.btn-small:hover {
    color: #FFFFFF;
    opacity: 1;
}
.clapat-notify  .btn-medium, .btn.btn-medium {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 24px;
    opacity: 0.8;
    padding: 12px 15px;
}
.clapat-notify  .btn-medium:hover, .ebtn.btn-medium:hover {
    color: #FFFFFF;
    opacity: 1;
}
.clapat-notify .btn-large, .ebtn.btn-large {
    color: #FFFFFF;
    font-size: 36px;
    line-height: 36px;
    padding: 12px 15px;
}
.clapat-notify .btn-large:hover , .ebtn.btn-large:hover {
    color: #FFFFFF;
    opacity: 1;
}
.b-color {
    background: none repeat scroll 0 0 #EF4A4A;
}
.b-grey {
    background: none repeat scroll 0 0 #7F7F7F;
}
.b-black {
    background: none repeat scroll 0 0 #000000;
}




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

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; }



/* Reponsive */
@media only screen and (min-width: 1280px) and (max-width: 1679px) {

	
}


@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {
		
	
.pricing-table .column {
    border: 8px solid #EAEAEA;
}

.pricing-table .level-max {
    background: none repeat scroll 0 0 #FFFFFF;
    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: 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; } */
	
}
/*
@media only screen (max-width: 500px) {
	#cboxTitle { font-size:100% !important; padding-top:50px;}

}
*/
.single {  }

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

.single ul#menu li { display:block !important; }
.single ul#menu li a:hover, .single ul#menu li a:focus { color:#fff; }
.single #navigation ul { border:0; background:transparent; width:auto; }

img { max-width:100%; }



/* 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;}




.newsletter-subscription { text-align:center;padding: 50px 0; }

.newsletter-subscription table { display:inline-block;}
.newsletter-subscription table * { display:inline-block;}
/*
.newsletter-subscription tr { float:left;}*/
.newsletter-subscription .newsletter-submit { margin:0; }


	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;		
	}
	
	.newsletter-submit {
		
		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;
	}
	
	.newsletter-submit:hover {
		
		
	}
	
	
	.newsletter-subscription th  { margin-right:5px; padding-top:13px;}
	.wpcf7-submit { width:100px;} 
	.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{ margin-top:5px; margin-bottom:10px;}