/* -------------------------------------------------------------------------------

    0.  Reset & Clearfix
    1.  General
    2.  Copyright Popup
    3.  Images Hover Effects
    4.  Image Viewer
    5.  Video Page
    6.  About Us
    7.  Shortcodes
    8.  Pricing Tables
    9.  404
    10. Countdown Page
    11. Blog
    12. Portfolio
    13. Contact
    14. Media Queries
	
*/


/* ------------------------------------------------------------------------------- */
/*  0. Reset & Clearfix
/* ------------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,400;0,500;0,700;0,800;1,100;1,700&display=swap');

	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 {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
	}
	
/* ------------------------------------------------------------------------------- */
/*  1. General
/* ------------------------------------------------------------------------------- */	
	
	body {
        background: #a8a8a8 url(../images/body-bg.png);
		background-repeat:no-repeat;
		margin:0 auto;
		padding:0;
        color: #7f7f7f;
		font-family:Raleway,Arial, Helvetica, sans-serif;
		font-size:15px;
		line-height:26px;
    }
	
	.white-container {
		background-color:#FFF;
		padding:25px;
		height:inherit;		
	}
	
	.white-container.portfolio {
		padding:10px;	
	}
	
	.content90 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content80 {
		width:80%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content70 {
		width:70%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content60 {
		width:60%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content50 {
		width:50%;
		margin:0 auto;
		margin-top:50px;
	}
	
	ul { 
		list-style: none; 
	}
	
    a, li {
        color: #555555;
        text-decoration: none;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    }
	
    a:hover, a > *:hover {
        color: #959595;
    }
	
	a.green-light {
		color:#7eac10;
		font-size:14px;
		font-weight:bold;
		padding-left:18px;
		background: url("../images/list-arrow.png") no-repeat scroll 0 50% transparent;
	}
	
	a.black-green {
		color:#000;
	}
	
	a.black-green:hover {
		color:#7eac10;
	}
	
	a.green-light:hover {
		color:#000;
	}
	
	a.green-dark {
		color:#7eac10;
	}
	
	a.green-dark:hover {
		color:#fff;
	}
	
	a.grey-dark {
		color:#7f7f7f;
	}
	
	a.grey-dark:hover {
		color:#7eac10;
	}
	
	a.grey-light {
		color:#7F7F7F;
	}
	
	a.grey-light:hover {
		color:#fff;
	}
	
	h1, h2, h3, h4, h5 {font-family: 'Raleway','districtregular' , 'arial';}
	
	h1 { font-size: 60px; font-weight:lighter; line-height:60px; }
    h2 { font-size: 36px; font-weight:lighter; line-height:36px; }
    h3 { font-size: 30px; font-weight:lighter; margin:0; }
    h4 { font-size: 24px; font-weight:400; line-height:24px; }
    h5 { font-size: 18px; font-weight:lighter }
	
	.font30{
		font-size: 20px!important; font-weight:lighter; line-height:36px;
	}
	p.margin-btm {
		margin-bottom:10px;
	}
	
	p.half-transparent { 
		opacity:0.5;
	}
	
	img, div {
		-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;
	}
	
	@font-face {
		font-family: 'districtregular';
		src: url('../fonts/distth__-webfont.eot');
		src: url('../fonts/distth__-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/distth__-webfont.woff') format('woff'),
			 url('../fonts/distth__-webfont.ttf') format('truetype'),
			 url('../fonts/distth__-webfont.png#districtregular') format('png');
		font-weight:normal;
		font-style: normal;	
	}


	
	
/* Page style ------------------------------------- */
	
	.page-container {
		margin-bottom: 50px;
		width: 100%;
	}
	
	.page-title {
		color: #FFFFFF;
		padding: 20px 0px;
	}
	
	.page-title h2 {
		margin-left:-2px;
	}
	
	.page-content {
		background-color:#FFF;
		padding:40px;
	}
	
	.page-content.black-bg {
		background:#000;
	}


/* Full width page style ------------------------------------- */


	.page-header {
		padding:42px 60px 50px 50px;
		text-align: right;
	}
	
	.page-header h1, .page-header p {
		color:#fff;
		line-height:60px;
		margin-bottom:10px;		
	}
	
	.page-header p {
		color:#fff;
		line-height:14px;
		margin-left:3px;		
	}
	
	.black-bottom {
		width:100%;
		height:80px;
		background-color:#000;
	}
	
	.load-more {
		width:152px;
		/*background: url(../images/circle-white-icons/load-more.png) no-repeat left; padding-left:50px;*/
		padding:20px;
		
		margin:0 auto;
	}
	
	a .load-more {
		opacity:0.5;
		color:#fff;
	}
	
	a:hover .load-more {
		opacity:1;
		color:#fff;
	}
	
	



	
/* Left Menu ------------------------------------- */

	.slide-out-div-left {       
        width: 180px;
        background: #000;
		position:fixed;
		height:100% !important;		
		color:#999;
		padding-left:3px;
		z-index:999;     
    }
	
	.handle-left {
		height:100%;
		width:20px;
		cursor:pointer;
		margin-top:50px;
		z-index:999;
	}
		
		
/* Right Menu ------------------------------------- */
		
	.slide-out-div-right {       
        width: 280px;
        background: #000;
		position:fixed;
		min-height:5000px;
		padding:50px 3px 0px 0px;		
		color:#999; 
		z-index:999;       
    }
		
	.handle-right {
		height:100%;
		width:20px;
		cursor:pointer;
		margin-top:50px;
		z-index:999;
	}
	
/* Logo ------------------------------------- */
	
	#logo {
        margin-left:10px;
		margin-right:25px;
		margin-top:50px;
		margin-bottom:50px;
		float:left;
    }
	
	#logo:hover {
        opacity:0.7;
    }
	
	.logoimg{
		width:155px;
	}
/*  Navigation  --------------------------------*/
	
	
	
    #navigation {
		text-align: center;
		width:180px;
		font-size:16px;
		color:#666666;
		text-transform:uppercase;
		min-height:2000px;
		background-color:#000;
		margin-left: -8px;

    }	
	
	#navigation li {
        float: left;
        position: relative;
		opacity:0.4; 
		width:180px;
		margin-left: 9px;
    }
	
	ul#navigation li:hover {
		background:#919090;
		opacity:1	
    }
	
	ul#navigation li li:hover {
		background:none;	
    }
	
	#navigation a {        	
        display: block;       	
		color:#fff;
		height:100px;
		width:120px;
		padding:20px;        
        position: relative;		     
    }
	
	#navigation a img {
		padding:15px 40px 10px 40px;
		width:40px;
		height:40px;
    }
	

	
	#navigation  li.current {
		opacity:1;				
	}
	
	
/*  Navigation Dropdown  --------------------------------*/	
	
	
	#navigation ul {
		position:absolute;		
		text-transform:none;		
		background:#fff;
		padding:23px;
		width:200px;
		left:180px;	
		-webkit-transition: opacity .25s ease .1s;
		-moz-transition: opacity .25s ease .1s;
		-o-transition: opacity .25s ease .1s;
		-ms-transition: opacity .25s ease .1s;
		transition: opacity .25s ease .1s;
		margin-top:-140px;
		list-style:none;
		box-shadow: 20px 0 60px rgba(0, 0, 0, 0.10);
		visibility:hidden;
		opacity:0;	
	}
	
	#navigation li:hover > ul {
		visibility:visible;
		opacity:1;		 
	}
		
	#navigation ul li {
		height:100%;
		width:auto;
		border:0;
		opacity:1; 
	}
		
	#navigation ul h4 {
		margin:0;
		padding:0px 40px 10px 0px;
		color:#7eac10;
		/*background: url(../images/left-arrow-small.png) no-repeat right 1px;*/
	}
	
	#navigation ul a {
		height:15px;
		width:auto;
		padding:15px 0px 0px 15px;
		color:#8b8b8b;
		margin:0;
		text-align: left;
		font-size:14px;
		background: url(../images/list-icon.png) no-repeat 0 18px;
		opacity:1
	}
	
	#navigation ul a:hover {
		background: url(../images/list-icon.png) no-repeat 0 18px;
		color:#7eac10;
	}
	


/* ------------------------------------------------------------------------------- */
/*  2. Copyright Popup
/* ------------------------------------------------------------------------------- */

	#modal {
		visibility:hidden;
		width:270px;
		height:110px;
		padding:8px;
		position:fixed !important;
		top:50% !important;
		left:50% !important;
		margin-top:-60px !important;
		margin-left:-143px !important;
		z-index:1001;
		-webkit-transition: none;
			   -moz-transition: none;
				-ms-transition: none;
				 -o-transition: none;
					transition: none;
	}	
	
	#copyright {
		width:270px;
		height:110px;
		text-align:center;
		margin:auto;
	}
	
	#copyright .icon {
		margin:5px;
		width:50px;
	}	
	
	#copyright p {
		font-size:13px;
		font-weight:normal;
		text-align:center;
		line-height:22px;
		color:#fff;
		width:100%;
		float: left;
		margin:29px 0;
	}
	.copyright{
		color:#fff !important;
	}
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		z-index: 1000;
		display: none;
		top: 0;
		left: 0; 
		-webkit-transition: none;
			   -moz-transition: none;
				-ms-transition: none;
				 -o-transition: none;
					transition: none;
	}	



/* ------------------------------------------------------------------------------- */
/*  3. Images Hover Effects
/* ------------------------------------------------------------------------------- */
	
	.view-image img {	   
	   display: block;
	   max-width: 100%;	   
	}
	
	.view-image .mask {
	   opacity: 0;
	}	
	
	.view-image h2 {
	   color: #fff;
	   line-height:36px;
	   top:20px;
	   left:20px;
	   letter-spacing:-0.3px;
	   position:relative;
	   width:90%;
	}
	
	.view-image h4 {
	   color: #fff;
	   line-height:20px;
	   top:20px;
	   left:20px;
	   letter-spacing:-0.3px;
	   position:relative;
	   width:90%;
	}
	
	.view-image p {
	   color: #fff;
	   line-height:36px;
	   top:20px;
	   left:20px;
	   position:relative;
	   width:90%;
	}
	
	.view-image p.half-transparent {
	   top:0px;
	}

	.view-image:hover .mask {
	   opacity:1;
	}
	
	.view-image:hover img {
	   opacity:0; 
	}
	
	a.info  {
		width:auto;
		height:100%;
	}

	.view {
	   width: 100%;
	   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;
	   background:#98CA3C;
	}
	
	.view .mask.blog {
	   height:256px;
	}

	.view-image .icon {	
		height:40px;
		width:40px;
		left:20px;
		bottom:20px;
		margin:0;		
		position:absolute;
	}
	
	.view-image .icon.zoom {
		background:url(../images/circle-white-icons/zoom.png) no-repeat ;
	}
	
	.view-image .icon.video {
		background:url(../images/circle-white-icons/movie.png) no-repeat ;
	}
	
	.view-image .icon.link {
		background:url(../images/circle-white-icons/link.png) no-repeat ;
	}
	
	.view-image .icon.music {
		background:url(../images/circle-white-icons/music.png) no-repeat ;
	}
	
	p.post-comments {
		padding-left:25px;
		background: url(../images/comments.png) no-repeat left ;
	}
	
	.post-tags {
		position:absolute;
		bottom:20px;
		left:20px;
	}
	
	p.post-tag {
		background:rgba(255,255,255,0.2);
		width:auto;
		left:0;
		top:0;
		line-height:12px;
		padding:6px;
		float:left;
		margin-right:10px;
	}
	
	


	
	
/* ------------------------------------------------------------------------------- */
/*  4. Image Viewer 
/* ------------------------------------------------------------------------------- */
	.ShowMulti{
		display:none !important;
	}
	.ShowSingle{
		display:block !important;
	}



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

	#maximage {
		display:none;
		position:fixed; 
	}
	
	#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}	
			
	#arrow_left, #arrow_right {
		bottom:0px;				
		position:absolute;
		background-color:#000;		
		z-index:1000;
	}
	
	#arrow_left {
		left:50%;
		margin-left:-80px;
		border-right: #141414 1px solid;
	}
			
	#arrow_right {
		left:50%;
		margin-left:1px;
	}
			
	#arrow_left img, #arrow_right img {
		opacity:0.5;
		padding:20px 20px 16px 20px;
	}
			
	#arrow_left img:hover, #arrow_right img:hover {
		opacity:1;
		padding:20px 20px 16px 20px;
	}

	.in-slide-content { 
		font-weight:lighter;
		position:absolute;
		right:5%;		
		bottom:160px;
		z-index:9999; /* Show above .gradient */
		color:#fff;
		width:30%;
		line-height:30px;
		text-align:right;
	}
	
	.in-slide-content h2 {
		background:rgba(0,0,0,0.7);
		padding:10px;
		margin-top:10px;
		width: 90%;
		float:right;
		position:relative;		
	}

	.in-slide-content p { 	
		padding:10px;
		margin-top:10px;
		background:rgba(0,0,0,0.7);
		width:auto;
		float:right;
		position:relative;
	}		
	
	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%;
	}
	
	.mc-old-browser .mc-image {
		overflow:hidden;
	}	

	

	
	
/* ------------------------------------------------------------------------------- */
/*  5. Video Page
/* ------------------------------------------------------------------------------- */

	#video-controls img {
		padding:10px;
		opacity:0.5;
	}
	
	#video-controls img:hover {
		opacity:1;
	}
	
	p#video-controls {
		background-color:#000;
		width:316px;
		padding:10px;
		margin-left:-165px;
		position:fixed;
		bottom:0;
		left:50%
	}	
	
	
	
/* ------------------------------------------------------------------------------- */
/* 6. About Us
/* ------------------------------------------------------------------------------- */



/*  About us general  --------------------------------*/


	#about-us .list-wrap { 
		background: #fff; 
		/*margin: 0 0 50px 0; */
		padding:50px; 
		clear:both; 
	}
	
	#about-us .nav { 
		overflow: hidden; 
		margin-left:50px;  
	}
	
	#about-us .nav li { 
		min-width: 100px; 
		float: left; 
		margin: 0 10px 0 0; 
	}
	
	#about-us .nav li.last { 
		margin-right: 0; 
	}
	
	#about-us .nav li a { 
		display: block; 
		padding:10px 20px 10px 20px; 
		background: #000; 
		color: white; 
		font-size: 18px; 
		font-family: 'Raleway','districtregular' , 'arial'; 
		text-align: right;
		border: 0; 
	}
	
	#about-us li a.current, #about-us li a.current:hover { 
		background-color: #fff !important; 
		color:#666;
	}
	
	#about-us .nav li a:hover, #about-us .nav li a:focus { 
		background: #7eac10;
	}




/*  About us - Our story  --------------------------------*/

	h1.about-title {
	 	color:#7eac10;
	}
	
	hr.light {
		background-color:#ebebeb;
		margin: 50px 0px 50px 0px;
		height:1px;
	}
	
	.line {
		height:1px;
		width:100%;
		background-color:#ebebeb;
		margin: 30px 0px 50px 0px;
		float:left;
	}	

	
	#ourstory p {
		margin-bottom:10px;
	}
	
	.black {
		color:#000;
		margin-bottom:20px;
	}
	
	.green {
		color:#7eac10;
		margin-bottom:0px;
	}
	
	.testimonial {
		padding-bottom:30px;
	}
	
	.testimonial blockquote:before {
		content: url("../images/testimonials.png");
		left: 0;
		position: absolute;
		top: 0;
	}
	
	.testimonial blockquote {
		color: #a0a0a0;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-style: italic;
	}
	
	.testimonial blockquote {
		padding-left: 36px;
		position: relative;
	}
	
	.client_identity {
		margin-left: 36px;
	}
	
	.meter { 
		height: 30px;
		position: relative;
		margin: 0 0 15px 0;
		background:#ebebeb;
		width:100%
	}
	
	.meter > span {
		display: block;
		height: 100%;
		background-color:#7eac10;
	}
	
/*  About us - Meat our team  --------------------------------*/	
	
	.team-user {
		background:#000;
	}
	
	.team-text {
		padding:10px;
	}
	
	.team-user:hover {
		background:#7eac10;
	}
	
	img.user-image {
		width:100%
	}
	
	.team-user h2 {
		color:#FFF;
		margin-left:-2px;
	}
	
	.team-user p {
		color:#FFF
	}
	
	a.user-social {
		opacity:0.7;
		margin-right:15px;
	}
	
	a:hover.user-social {
		opacity:1
	}
	
	
/*  About us - Services  --------------------------------*/		
	
	
	.service {
    	background: url(../images/circle-black-icons/pencil.png) no-repeat scroll transparent;
	}
	
	.service-icon {
		color: #000;
		margin-bottom: 5px;
	}
	.service-text, .service-icon {
		padding-left: 50px;
		padding-top:2px;
	}
	
	.service-text {
		color:#999;
	}
	
	
	
/*  About us - Our proccess  --------------------------------*/		

	.sti-menu{
		width:100%;
		position:relative;
		margin:0;
	}
	.sti-menu li{
		float:left;
		width:16.8%;
		margin-right:4%;
		height:310px;
	}
	
	.sti-menu li.last-proccess{
		margin-right:0;
	}
	
	.sti-menu li a{
		display:block;
		overflow:hidden;
		background:#000!important;
		text-align:center;
		height:100%;
		width:100%;
		position:relative;
		-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .8s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .8s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .8s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .8s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .8s ease-in-out, outline .3s ease;
	}
	
	.sti-menu li a:hover {
		background: none repeat scroll 0 0 #7eac10 !important;
	}
	
	.sti-menu li a h2{
		color:#fff;
		font-family: Raleway,'districtregular' , 'arial';
		font-size:24px;
		position:absolute;
		padding:1%;
		width:98%;
		top:160px;
		left:0px;
	}
	.sti-menu li a p{
		font-family: Raleway, 'arial'; 
		font-size:12px;
		color: #fff;
		position:absolute;
		top:190px;
		left:0px;
		width:86%;
		padding:7%;
	}
	.sti-icon{
		width:100px;
		height:100px;
		position:absolute;
		background-position:top left;
		background-repeat:no-repeat;
		background-color:transparent;
		left:50%;
		margin-left:-45px;
		top:50px;
	}
	.sti-icon-care{
		background-image:url(../images/01-proccess.png);
	}
	.sti-icon-alternative{
		background-image:url(../images/02-proccess.png);
	}
	.sti-icon-family{
		background-image:url(../images/04-proccess.png);
	}
	.sti-icon-info{
		background-image:url(../images/03-proccess.png);
	}
	.sti-icon-technology{
		background-image:url(../images/05-proccess.png);
	}
			

	
	


/* ------------------------------------------------------------------------------- */
/*  7. Shortcodes
/* ------------------------------------------------------------------------------- */

/* Columns ------------------------------------- */	
	
	
	.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;
	}
	
	.no-margin-right {
		margin-right:0
	}
	
/* Butons ------------------------------------- */	
	
	.btn-small {
		color: #FFFFFF;
		font-size: 18px;
		font-family: 'Raleway','districtregular' , 'arial';
		line-height: 18px;
		padding: 12px 15px;
		opacity:0.8;
	}
	
	.btn-small:hover {
		color: #FFFFFF;
		opacity:1;
	}
	
	.btn-medium {
		color: #FFFFFF;
		font-size: 24px;
		font-family: 'Raleway','districtregular' , 'arial';
		line-height: 24px;
		padding: 12px 15px;
		opacity:0.8;
	}
	
	.btn-medium:hover {
		color: #FFFFFF;
		opacity:1;
	}
	
	.btn-large {
		color: #FFFFFF;
		font-size: 36px;
		font-family: 'Raleway','districtregular' , 'arial';
		line-height: 36px;
		padding: 12px 15px;
		opacity:0.8;
	}
	
	.btn-large:hover {
		color: #FFFFFF;
		opacity:1;
	}
	
	.b-green {
		background: none repeat scroll 0 0 #7eac10;
	}
	
	.b-grey {
		background: none repeat scroll 0 0 #7f7f7f;
	}
	
	.b-black {
		background: none repeat scroll 0 0 #000;
	}
	
/* Dropcaps ------------------------------------- */	
	
	.dropcap-green {
		color: #7eac10;
		float: left;
		font-size: 60px;
		margin-right: 6px;
		padding-bottom: 11px;
		padding-top: 11px;
		position: relative;
		text-transform: uppercase;
		top: 5px;
		margin-left:-3px;
	}
	
	.dropcap-black {
		color: #000;
		float: left;
		font-size: 60px;
		margin-right: 6px;
		padding-bottom: 11px;
		padding-top: 11px;
		position: relative;
		text-transform: uppercase;
		top: 5px;
		margin-left:-3px;
	}
	
	.dropcap-green-box {
		color: #fff;
		float: left;
		font-size: 30px;
		margin-right: 10px;
		padding-bottom: 11px;
		padding: 10px;
		position: relative;
		text-transform: uppercase;
		top: 5px;
		margin-left:-3px;
		background-color:#7eac10;
		line-height:23px;
	}
	
	.dropcap-black-box {
		color: #fff;
		float: left;
		font-size: 30px;
		margin-right: 10px;
		padding-bottom: 11px;
		padding: 10px;
		position: relative;
		text-transform: uppercase;
		top: 5px;
		margin-left:-3px;
		background-color:#000;
		line-height:23px;
	}
	
/* Lists styles ------------------------------------- */	
	
	
	.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;
		color:#7f7f7f;
		padding:0px 5px 0px 15px;
		margin-bottom:10px;
	}
	.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 {
		color:#7eac10;
		padding-left: 15px;
		cursor:pointer;
	}
	.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;
	}
	
/* Info boxes ------------------------------------- */	
	
	.large-notice-light {
		background-color: #ebebeb;
		padding:30px 30px 45px 30px;
	}
	
	.large-notice-dark {
		background-color: #000;
		padding:30px 30px 45px 30px;
	}
	
	.large-notice-dark h2 {
		margin-bottom:10px;
		color:#fff;
	}
	
	.large-notice-light h2 {
		margin-bottom:10px;
		color:#000;
	}
	
	.large-notice-light p, .large-notice-dark p {
		margin-bottom:30px;
	}
	
	
/* Notificaion boxes ------------------------------------- */	
	
	.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;
	}
	
	
/* Accordion Black ------------------------------------- */


	
	.accordionButton.black {	
		width: 100%;
		float: left;
		padding:20px 0px 20px 0px;
		font-size:18px;
		font-family: 'Raleway','districtregular' , 'arial';
		border-top: none;
		cursor: pointer;
		background: url(../images/circle-white-icons/accordion-up.png) no-repeat left #000;
		color:#fff;
		margin-bottom:10px;
	}
	
	
	.accordionButton.black h4 {
		padding-left:80px;
	}
	
	.accordionContent.black {	
		width: 100%;
		float: left;
		line-height:18px;
		padding:0;
		margin:0;
	}
	
	.accordionContent.black p {	
		padding:10px 20px 20px 20px;
		color:#7f7f7f;
	}
		
	
	.accordionButton.black.on {
		color:#fff;
		background: url(../images/circle-white-icons/accordion-down.png) no-repeat left #7eac10;
	}
		
	.accordionButton.black.over  {		
		color:#fff;
		background: url(../images/circle-white-icons/accordion-up.png) no-repeat left #7eac10;
	}
	
	
	
/* Accordion Green ------------------------------------- */


	
	.accordionButton.green {	
		width: 100%;
		float: left;
		padding:20px 0px 20px 0px;
		font-size:18px;
		font-family: 'Raleway','districtregular' , 'arial';
		border-top: none;
		cursor: pointer;
		background: url(../images/circle-white-icons/accordion-up.png) no-repeat left #7eac10;
		color:#fff;
		margin-bottom:10px;
	}
	
	
	.accordionButton.green h4 {
		padding-left:80px;
	}
	
	.accordionContent.green {	
		width: 100%;
		float: left;
		line-height:18px;
		padding:0;
		margin:0;
	}
	
	.accordionContent.green p {	
		padding:10px 20px 20px 20px;
		color:#7f7f7f;
	}
		
	
	.accordionButton.green.on {
		color:#fff;
		background: url(../images/circle-white-icons/accordion-down.png) no-repeat left #000;
	}
		
	.accordionButton.green.over  {		
		color:#fff;
		background: url(../images/circle-white-icons/accordion-up.png) no-repeat left #000;
	}
	
	

	
/* Normal tabs ------------------------------------- */	
	
	#tabs .list-wrap { 
		background: #eeeeee; 
		margin: 0 0 10px 0; 
		padding:20px; 
		clear:both; 
	}
	
	#tabs .nav { 
		overflow: hidden; 
		margin-left:0px;
	}
	
	#tabs .nav li { 
		min-width: 100px; 
		float: left; 
		margin: 0 10px 0 0; 
	}
	
	#tabss .nav li.last { 
		margin-right: 0; 
	}
	
	#tabs .nav li a { 
		display: block; 
		padding:10px 20px 10px 20px; 
		background: #7f7f7f; 
		color: white; 
		font-size: 18px; 
		font-family: 'Raleway','districtregular' , 'arial'; 
		text-align: center; 
		border: 0;
	}
	
	#tabs li a.current, #tabs li a.current:hover { 
		background-color: #7eac10!important; 
		color:#fff; 
	}
	
	#tabs .nav li a:hover, #tabs .nav li a:focus { 
		background: #7eac10;
	}
	
	
	
/* Circular Icons ------------------------------------- */		
	
	
	.icon img {
		alignment-adjust:central;
		padding-left:20px;
		padding-bottom:3px;
	}
	
	.icon {
		width:80px;
		float:left;
		margin:16px;
	}
	
	.icon p {
		text-align:center;
	}
	
	
	
	
	
	
	
/* ------------------------------------------------------------------------------- */
/*  8. Pricing Tables
/* ------------------------------------------------------------------------------- */	
	
	
	.pricing-table {
		margin-top:40px;
		margin-bottom: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;
    }






/*  First Pricing Table  --------------------------------*/

    .pricing-table .column {
        background: #fff;
		border: #eaeaea 10px solid;        
        width: 17.6%;
		padding-top:25px;		
    }

	
	.pricing-table .first-col {
		border-right:#eaeaea 0px solid!important;		
    }
	
	.pricing-table .last-col {
		border-left:#eaeaea 0px solid!important;
    }
	
    .pricing-table .level-max {
        background: #fff;
        border: none;
        -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, .2);
           -moz-box-shadow: 0 0px 16px rgba(0, 0, 0, .2);
                box-shadow: 0 0px 16px rgba(0, 0, 0, .2);
        margin: -35px 0;
        width: 23%;
        z-index: 1;
		padding-top:70px 
    }
    .pricing-table .header {
        padding: 26px 20px 23px;
		background:#f8f8f8;
		border-top: #eaeaea 1px solid;
		margin-top:25px;
    }


    .pricing-table p {
        color: #7eac10;
        font-size: 12px;
        margin: 0;
        font-weight: 200;
        text-transform: capitalize;
    }

    .pricing-table ul li {
        border-top: 1px solid #eaeaea;
        padding: 8px 0;
    }

    .pricing-table .footer {
		background:#f8f8f8;
		border-top: #eaeaea 1px solid;
    }
	
	.pricing-table .level-max .footer {
		background:#fff;
		border-top: #eaeaea 1px solid;
		padding-top:60px;
		padding-bottom:60px;
    }
	
	
	
	
	
/*  Second Pricing Table  --------------------------------*/

	.pricing-table-second .column {
        background: #fff;
		border: #eaeaea 1px solid;        
        width: 30%;
		margin-right:4.5%;
		margin-bottom:20px;
    }
	
	.pricing-table-second .column:last-child {        
		margin-right:0;		
    }
	
    
    .pricing-table-second .header {
        padding: 26px 20px 23px;
		background:#f8f8f8;
		border-top: #eaeaea 1px solid;
    }
	
	.pricing-table-second .table-title {
        padding: 15px 20px 10px;
		background:#7eac10;
    }

    .pricing-table-second h2 {
        color: #fff;
        font-weight: 200;
        margin: 0 0 3px;
    }	
	
	
    .pricing-table-second h4 span {
        color: #7eac10;
		vertical-align:top;
    }

    .pricing-table-second ul li {
        border-top: 1px solid #eaeaea;
        padding: 8px 0;
    }

    .pricing-table-second .footer {
		background:#f8f8f8;
		border-top: #eaeaea 1px solid;
    }	

	
	
	
	

		
		

/* ------------------------------------------------------------------------------- */
/*  9. 404
/* ------------------------------------------------------------------------------- */

	
	.fourofour-content {
		padding:50px 40px 40px 80px;
		color:#fff;
	}
	
	.fourofour-content h1 {
		font-size:100px;
		line-height:80px;
	}
	
	.fourofour-content h4 {
		margin-bottom:20px;
	}
	
	.fourofour-content p {
		color:#7f7f7f
	}
	
	#fourofour_bg img {
		bottom:0;
		right:0;
		display:block;
		position:fixed;
		width:50%;
		z-index:-1;
	}



/* ------------------------------------------------------------------------------- */
/*  10. Countdown Page
/* ------------------------------------------------------------------------------- */

	#subscribe {
		padding-left:20px;
		width:241px;
	}
	
	#subscribe p {
		line-height:18px;
	}
	
	#subscribe h4 {
		margin-bottom:20px;
	}

	#subscribe-field input {
		background: none repeat scroll 0 0 #fff;
		border: 0 none;
		color: #7F7F7F;
		float: left;
		font: 12px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;
		height: 20px;
		margin: 0;
		padding: 10px;
		transition: background 0.3s ease-in-out 0s;
		width: 180px;
	}
	
	#subscribe-field button {
		background: url("../images/subscribe.png") no-repeat scroll center center #7eac10;
		cursor: pointer;
		height: 40px;
		text-indent: -99999em;
		transition: background 0.3s ease-in-out 0s;
		width: 40px;
		border: 2px solid #fff;
	}
	
	#subscribe-field button:hover {
		background-color:#000;
	}

	.content70.countdown {
		height:480px;
		position:absolute;
		top:50%;
		width:100%;
		margin-top:-250px;
		text-align:center;
	}
	
	.page-header.countdown {
		padding-top:0px;
	}
	
	#defaultCountdown {
		width:720px;
		height:180px;
		margin:0 auto
	}
	
	.countdown_section {
		display: block;
		float: left;
		font-size: 12px;
		text-align: left;
		padding:0px 20px 20px 20px;
		background-color:#000;
		margin:10px;
		line-height:72px;
		height:140px;
		width:120px;
		cursor:pointer;
		-webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, .3);
			   -moz-box-shadow: 0 0px 16px rgba(0, 0, 0, .3);
					box-shadow: 0 0px 16px rgba(0, 0, 0, .3);
		-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;
	}
	
	.countdown_section:hover {
		background-color:#7eac10;
		color:#FFF;
		cursor:pointer;
		-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;
		
	}
	
	.countdown_amount {
		font-size: 60px;
		margin-left:-2px;
		margin-top:-20px;
		line-height:90px;
		font-family: 'Raleway','districtregular' , 'arial';
		color:#fff;
	}
	
	#countdown-socials {
		color:#fff;
		width:280px;
		height:95px;
		margin:0 auto;
		padding-top:60px;	
	}	
	
	.icon.countdown {
			width:40px;
			float:left;
			margin:15px;
	}
		
	.icon.countdown img {
		padding:0;
		padding-top:10px;
	}	
	



/* ------------------------------------------------------------------------------- */
/*  11. Blog
/* ------------------------------------------------------------------------------- */


/*  Blog Full width  --------------------------------*/

	.post-details{
		float:left;
		margin-top:20px;
	}
	
	.post-details p {
		color:#999999;
		line-height:18px;
		margin-top:15px;
		margin-bottom:15px;
		left:0;
	}




/*  Classic blog style  --------------------------------*/


	.blog-post {
		width:100%;
		margin-bottom:50px;
	}
	
	.post-image .image {
		display: block;
		width: 100%;
	}
	
	.post-video iframe  {
		width: 100%;
		height:661px;
		margin-bottom:-4px;
		padding:0;
		border:0;
	}
	
	.post-title {
		width:100%;
		background-color:#000;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		line-height:40px;
	}
	
	.post-quote {
		width:auto;
		background-color:#000;
		text-align:center;
		padding:100px;
		line-height:60px;
	}
	
	.post-title:hover {
		background-color:#7eac10;
	}
	
	.post-title h1, .post-quote h5 {
		color:#FFF;
	}
	
	.post-content {
		padding:40px;
		background-color:#FFF;
	}
	
	.single-post-content {
		padding:40px;
		background-color:#FFF;
	}
	
	
	p.post-admin {
		padding-left:25px;
		background: url(../images/post-admin.png) no-repeat left;
		opacity:0.4;
		margin-bottom:15px;
		font-size:11px;
	}
	
	p.post-calendar {
		padding-left:25px;
		background: url(../images/post-calendar.png) no-repeat left;
		opacity:0.4;
		margin-bottom:15px;
		font-size:11px;
	}
	
	p.post-tagss {
		padding-left:25px;
		background: url(../images/post-tag.png) no-repeat left;
		opacity:0.4;
		margin-bottom:15px;
		font-size:11px;
	}
	
	p.post-commentss {
		padding-left:25px;
		background: url(../images/post-comment.png) no-repeat left;
		opacity:0.4;
		margin-bottom:15px;
		font-size:11px;
	}
	
	h1.inner-post {
		margin-bottom:20px;
		color:#000;
	}
	
	
	.pagination-blog {
		background:#000;
		width:200px;
		margin: 0 auto;
		height:80px;
	}		
	
	.pagination-blog .prev_blog img {
		padding:20px;
	}
	
	.pagination-blog .next_blog img {
		padding:20px;
	}
	
	.pagination-blog p {
		padding:20px 0px 20px 0px;
		float:left;
		line-height:20px;
	}
	
	.pagination-blog a {
		opacity:0.4;
	}
	
	.pagination-blog a:hover {
		opacity:1;
	}
	
	.prev_blog img {
		margin:0;
		padding:20px;
		float:left;
	}
	
	.next_blog img {
		margin:0;
		padding:20px;
		float:left;
	}
	
	
	
	
	
	
/*  Blog Post Comments  --------------------------------*/		
	
	
	.post-comments {
		background-color:#000;;
		float:left;
		width:100%;		
	}
			
	.show-comments {
		background-color:#000;
		text-align:center;
		padding-top:28px;
		padding-bottom:28px;
		border-top:#141414 1px solid;
		float:left;
		width:100%;
		margin-bottom:50px;
	}
			
	a.nav-toggle { 
		line-height:24px;
		font-size:24px;
		font-family: 'Raleway','districtregular' , 'arial';		
	}
			
	#blog-comments {
		height:100%;
		padding:40px;
	}
	
	input#comments {
		background: none repeat scroll 0 0 #141414;
		border: 1px solid #141414;
		color: #8C8C8C;
		font: 12px 'Raleway','Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;
		height: 20px;
		transition: background 0.3s ease-in-out 0s;
		margin-right:5%;
		margin-bottom:20px;
		float:none;
		display:block;
		width: 96%;
		padding-left:2%;
		padding-right:2%;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	input#comments.last{
		margin-bottom:0px;
	}
	
	input#comment:focus {
		background: none repeat scroll 0 0 #141414;
		outline: 0 none;
	}
	
	textarea#comment {
		background: none repeat scroll 0 0 #141414;
		border: 1px solid #141414;
		color: #8C8C8C;
		font: 12px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;
		height: 144px;
		resize: none;
		transition: background 0.3s ease-in-out 0s;
		width: 96%;
		padding-left:2%;
		padding-right:2%;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	h2.reply {
		color:#FFF;
		margin-bottom:20px;
		margin-top:60px;
	}
	
	h2.replies {
		color:#FFF;
		margin-bottom:40px;
	}
	
	h4.user-name {
		color:#FFF
	}
	
	.user {
		width:40px;
		height:40px;
		background:#141414;
		float:left;
		margin-right:20px;
		margin-bottom:80px;
	}
	
	.user.replied {
		margin-left:60px;
	}
	
	.user.replied2 {
		margin-left:120px;
	}
	
	.user .user-image{
		width:100%;
		margin:0;
	}
	
	hr {
		background-color:#141414;
		color:#141414;
		height:1px;
		border:0;
	}
	
	.btn-medium.blog-comments-button {
		float:left;
		margin-bottom:20px;
	}
	
	
	
/*  Right sidebar accordion  --------------------------------*/	
	
	
	#wrapper {
		width: 280px;
	}

	.accordionButton {	
		width: 240px;
		float: left;
		padding:20px;
		font-size:18px;
		font-family: 'Raleway','districtregular' , 'arial';
		border-top: 1px solid #1a1a1a;
		cursor: pointer;
	}
	
	.accordionContent {	
		width: 240px;
		float: left;
		line-height:18px;
		padding:0px 20px 20px 20px ;
	}
		
	
	.on {
		color:#fff; 
	}
		
	.over {		
		color:#fff; 
	}	


/*  Right sidebar accordion content --------------------------------*/	



	#search input {
		background: none repeat scroll 0 0 #fff;
		border: 0 none;
		color: #7F7F7F;
		float: left;
		font: 12px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;
		height: 20px;
		margin: 0;
		padding: 10px;
		transition: background 0.3s ease-in-out 0s;
		width: 180px;
	}
	
	#search button {
		background: url("../images/search.png") no-repeat scroll center center #7eac10;
		cursor: pointer;
		height: 40px;
		text-indent: -99999em;
		transition: background 0.3s ease-in-out 0s;
		width: 40px;
		border: 2px solid #fff;
	}
	
	#search button:hover {
		background-color:#000;
	}
	
	.categories li {
		background: url("../images/news-list-ico.png") no-repeat scroll 0 14px transparent;
		display: block;
		padding: 8px 0 5px 13px;
	}
	
	.blog.filter li { 
		font-size:12px;  
		font-family: 'Raleway','arial'; 
	}
	
	.blog.filter li:first-child { 
		border-top:none;
		padding-top:8px; 
	}
	
	.blog.filter li:last-child { 
		border-bottom:none;
		padding-bottom:0px; 
	}
	
	.blog.filter a { 
		padding:0px; 
		color: #777; 
		text-decoration:none; 
	}
	
	.blog.filter a:hover, .blog.filter .current a { 
		color: #7eac10; 
		padding-right:30px; 
	}
	
	.twitter-post p {
		background: url("../images/icon_twitter_feed.png") no-repeat scroll -2px 0 transparent;
		color: #757B7F;
		padding-left: 25px;
		margin-bottom:10px;
	}
	





/* ------------------------------------------------------------------------------- */
/*  12. Portfolio
/* ------------------------------------------------------------------------------- */	
	
/*  Quicksand filter  --------------------------------*/

	.dark-line {
		height:1px;
		width:100%;
		background-color:#1a1a1a;
		float:left;
	}
	.portfolio-filters{
		color:#fff;
		padding:20px;
		margin-right:20px;
		background: url(../images/circle-white-icons/down-arrow.png) no-repeat right ;
	}
	
	.filter li{ 
		padding:8px 8px 8px 20px; 
		font-size:18px;  
		font-family: 'Raleway','districtregular' , 'arial'; 
	}
	
	.filter li:first-child { 
		border-top: 1px solid #1a1a1a;
		padding-top:20px; 
	}
	
	.filter li:last-child { 
		border-bottom: 1px solid #1a1a1a;
		padding-bottom:20px; 
	}
	
	.filter a { 
		padding:0px; 
		color: #777; 
		text-decoration:none; 
	}
	
	.filter a:hover, .filter .current a { 
		color: #fff; 
		padding-right:30px; 
	}

/* Portfolio Items --------------------------------*/

	.group:after {
		clear: both;
		content: "";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	.portfolio li { 
		float: left; 
		width:20%;
		margin:0; 
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.portfolio li.four_c {
		margin:25px;
		width:412px;
	}
	
	.portfolio li.three_c {
		margin:25px;
		width:566px;
	}
	
	.portfolio li.two_c {
		margin:25px;
		width:875px;
	}

	.portfolio a { 
		display:block;
		text-decoration: none; 
	}
	
	.portfolio img { 
		width: 100%; 
		height: auto; 
		display: block; 
	}
	
	
/* Project image scroller --------------------------------*/
	
	.jThumbnailScroller{
		position:relative;  
		height:500px; 
		margin:0 auto; 
		padding:0; 
		overflow:hidden;
	}
	
	.jThumbnailScroller .jTscrollerContainer{
		position:absolute;
	}
	
	.jThumbnailScroller .jTscroller{
		position:relative; 
		height:100%; 
		margin:0; 
		left:0; 
		top:0; 
		display:inline-block; 
	}
	
	.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{
		position:absolute; 
		display:block; 
		width:80px; 
		height:80px; 
		opacity:0.7;
	}
	
	.jTscrollerPrevButton {
		display:none!important;
		left:0;
		top:50%;
		margin-top:-40px;
	}
	
	.jTscrollerNextButton {
		display:none!important;
		right:0;
		top:50%;
		margin-top:-40px;
	}
	
	.jThumbnailScroller .jTscrollerNextButton{
		background:#000 url("../images/circle-white-icons/right-arrow.png") no-repeat center center;
	}
	
	.jThumbnailScroller .jTscrollerPrevButton{
		background:#000 url("../images/circle-white-icons/left-arrow.png") no-repeat center center;
	}
	
	.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{
		background-color:#7eac10; 
		opacity:1;
	}
	
	.jThumbnailScroller .jTscroller a{
		display:block;
		float:left; 
		margin-right:10px; 
		height:500px;
	}
	
	.jThumbnailScroller .jTscroller a:last-child{
		margin-right:0px;
	}
	
	.jThumbnailScroller .jTscroller a img{
		border:none;
	}
	
	.jThumbnailScroller#tS1{
		width:100%;
	}
	.jThumbnailScroller#tS2{
		margin:30px auto;
	}
	
	.jThumbnailScroller#tS2 .jTscroller a{
		opacity:0.7;
	}
	
	.jThumbnailScroller#tS2 .jTscroller a:hover{
		opacity:1;
	}
	
	.jThumbnailScroller#tS2 .jTscrollerNextButton{
		margin:-20px 10px 0 10px; right:0; top:50%;
	}
	
	.jThumbnailScroller#tS2 .jTscrollerPrevButton{
		margin:-20px 10px 0 10px; left:0; top:50%;
	}		
	
	.image-caption {
		background:#000;
		padding:20px;
		position:absolute;
		text-align:center;
		bottom:0;
		opacity:0;	    
	}
	
	.jTscroller a:hover .image-caption {
		opacity:0.7
	}
	
	
	
	
/* Project Bottom page --------------------------------*/
	
	
	.project-details {
		margin:40px 40px 20px 40px;
		position:relative;
		height:auto;
	}	
	
	.line-vertical {
		background:#e5e5e5;
		width:1px;
		height:100%;
		position:absolute;
		}
	
	.view-site{
		background: url("../images/circle-black-icons/link.png") no-repeat scroll left center transparent;
		padding: 10px 30px 10px 50px;
		float:left;
		margin-left:50px;	
	}
	
	.share-site{
		background: url("../images/circle-black-icons/share.png") no-repeat scroll left center transparent;
		padding: 10px 30px 10px 50px;
		float:left;
		margin-left:50px;	
	}
	
	a .view-site, a .share-site{
		opacity:0.5;	
	}
	
	a:hover .view-site, a:hover .share-site{
		opacity:1;
		color:#000;	
	}
	
	
	
	
/* Project Pagination --------------------------------*/	
	
	
	
	.pagination-project {
		background:#000;
		width:240px;
		margin-left:50px;
		height:80px;
	}
	
	.pagination-project-simple {
		background:#fff;
		width:220px;
		margin-left:50px;
		height:60px;
		float:right;
	}
	
	.pagination-project-simple .prev_project img {
		padding:17px 20px 0px 20px;
	}
	
	.pagination-project-simple .project_list img {
		padding:17px 20px 0px 20px;
	}
	
	.pagination-project-simple .next_project img {
		padding:17px 0px 0px 20px;
	}
	
	.pagination-project a, .pagination-project-simple a {
		opacity:0.4;
	}
	
	.pagination-project a:hover, .pagination-project-simple a:hover {
		opacity:1;
	}
	
	.prev_project img {
		margin:0;
		padding:20px;
		float:left;
	}
	
	.project_list img {
		margin:0;
		padding:20px;
		float:left;
	}
	
	.next_project img {
		margin:0;
		padding:20px;
		float:left;
	}

	





	
/* ------------------------------------------------------------------------------- */
/*  13. Contact pages
/* ------------------------------------------------------------------------------- */	



/*  Contact page full width --------------------------------*/

	p.contact-phone {
		padding-left:25px;
		background: url(../images/contact-phone.png) no-repeat left;
		opacity:1;
		margin-bottom:15px;
		font-size:12px;
	}
	
	p.contact-fax {
		padding-left:25px;
		background: url(../images/contact-fax.png) no-repeat left;
		opacity:1;
		margin-bottom:15px;
		font-size:12px;
	}
	
	p.contact-email {
		padding-left:25px;
		background: url(../images/contact-email.png) no-repeat left;
		opacity:1;
		margin-bottom:15px;
		font-size:12px;
	}
	
	p.contact-web {
		padding-left:25px;
		background: url(../images/contact-web.png) no-repeat left;
		opacity:1;
		margin-bottom:15px;
		font-size:12px;
	}
	
	p.contact-address {
		padding-left:25px;
		background: url(../images/contact-address.png) no-repeat top left;
		opacity:1;
		margin-bottom:0;
		font-size:12px;
	}	
	
	input.name, input.email, input.phone {
		width:220px;
		padding:10px;
		background-color:#fff;
		margin-bottom:20px;
		color:#7F7F7F;
		transition: background 0.3s ease-in-out 0s;	
	}
	
	textarea.comments {
		width:220px;
		padding:10px;
		height:130px;
		margin-bottom:20px;
		background-color:#fff;
		font-family:Raleway,Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#7F7F7F;
	}
	
	input.submit {
		width:auto;
		height:auto;
		cursor:pointer;
		padding: 8px 15px;
		margin:0;
	}
	
	
	
/*  Contact page classic --------------------------------*/

	
	.contact-header {
		background-color:#000;
		color:#FFF;
		padding-left:40px;
		padding-right:40px;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	input.name1, input.email1, input.phone1 {
		width:96%;
		padding-left:2%;
		padding-right:2%;
		padding-top:10px;
		padding-bottom:10px;
		float:left;
		background-color:#f1f1f1;
		margin-top:5px;
		margin-bottom:20px;
		margin-right:2%;
		color:#7F7F7F;	
		transition: background 0.3s ease-in-out 0s;	
	}
	
	input.phone1 {
		margin-right:0%;		
	}	

	input.name1:focus, input.email1:focus, input.phone1:focus {
		background: none repeat scroll 0 0 #e4e4e4;
		outline: 0 none;
	}
	
	textarea.comments1:focus {
		background: none repeat scroll 0 0 #e4e4e4;
		outline: 0 none;
	}
	
	textarea.comments1 {
		width:96%;
		padding-left:2%;
		padding-right:2%;
		padding-top:10px;
		padding-bottom:10px;
		height:110px;
		background-color:#f1f1f1;
		resize:none;
		margin-top:5px;
		margin-bottom:20px;
		font-family:Raleway,Arial, Helvetica, sans-serif;
		font-size:13px;
		float:left;
		color:#7F7F7F;
		transition: background 0.3s ease-in-out 0s;
	}
	
	.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:#7eac10
	}
	
	.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}
	
/* ------------------------------------------------------------------------------- */
/*  14. Media Queries
/* ------------------------------------------------------------------------------- */


@media only screen and (min-width: 1940px) and (max-width: 2560px) {
	
	.portfolio li.four_c {
		margin:1.5%;
		width:22%;
	}
	
	.portfolio li.three_c {
		margin:1.5%;
		width:30.332%;
	}
	
	.portfolio li.two_c {
		margin:1.5%;
		width:47%;
	}
	
	
	
	
}


@media only screen and (min-width: 1680px) and (max-width: 1900px) {
	
/* ------------------------------------------------------------------------------- */
/*  12. Portfolio
/* ------------------------------------------------------------------------------- */	

	.portfolio li { 
		float: left; 
		width:20%;
		margin:0; 
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.portfolio li.four_c {
		margin:25px;
		width:353px;
	}
	
	.portfolio li.three_c {
		margin:25px;
		width:487px;
	}
	
	.portfolio li.two_c {
		margin:25px;
		width:756px;
	}

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

	
	
}




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

	.pricing-table .column {
		width: 18.5%;
	}

	
/* ------------------------------------------------------------------------------- */
/*  12. Portfolio
/* ------------------------------------------------------------------------------- */	
	
	.portfolio li { 
		width:25%;
	}
	
	.portfolio li.four_c {
		margin:1.5%;
		width:22%;
	}
	
	.portfolio li.three_c {
		margin:1.5%;
		width:30.332%;
	}
	
	.portfolio li.two_c {
		margin:1.5%;
		width:47%;
	}
	
	
	
	
}


	
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	
	
	
	.content90 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content80 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content70 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content60 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content50 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	
	#navigation a {
		padding-top:0px;
		padding-bottom:0px;
	}
	
	#navigation ul {
		margin-top: -100px;
	}
	
	


/* ------------------------------------------------------------------------------- */
/*  4. Image Viewer 
/* ------------------------------------------------------------------------------- */




	.in-slide-content { 
		width:60%;
	}
	
	
	
	
	
/* ------------------------------------------------------------------------------- */
/*  5. Video
/* ------------------------------------------------------------------------------- */	
	
	
	
	p#video-controls {
		background-color:#000;
		width:126px;
		padding:10px;
		margin-left:-63px;
		position:fixed;
		bottom:0;
		left:50%
	}	
		
	a.tubular-volume-up {
		display:none;
	}
	
	a.tubular-volume-down {
		display:none;
	}
	
	a.tubular-mute {
		display:none;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  6. About us
/* ------------------------------------------------------------------------------- */

	
	.sti-menu li {
		height: 300px;
		margin: 2%;
		width: 46%;
		margin-bottom:50px;
	}
	



/* ------------------------------------------------------------------------------- */
/*  7. Shortcodes
/* ------------------------------------------------------------------------------- */
	
	
	.pricing-table .column {
		border: #eaeaea 10px solid;        
        width: 48%;		
    }
	
    .pricing-table .level-max {
		margin-top:50px;
		margin-bottom:50px;
		width:99.5%;
		border:0;
    }
	


/* ------------------------------------------------------------------------------- */
/*  9. 404. 
/* ------------------------------------------------------------------------------- */
	
	
	
	.fourofour-content h1 {
    font-size: 70px;
    line-height: 80px;
}		
	
	
/* ------------------------------------------------------------------------------- */
/*  12. Portfolio
/* ------------------------------------------------------------------------------- */	

	.portfolio li { 
		width:33.33333333333%;
	}
	
	.portfolio li.four_c {
		margin:2.5%;
		width:45%;
	}
	
	.portfolio li.three_c {
		margin:2.5%;
		width:45%;
	}
	
	.portfolio li.two_c {
		margin:2.5%;
		width:45%;
	}
	
	.jTscrollerPrevButton {
		display:block!important;
		left:0;
	}
	
	.jTscrollerNextButton {
		display:block!important;
		right:0;
	}

	

	
}
@media (max-width: 1023px){
	.ShowMulti{
		display:block !important;
	}
	.ShowSingle{
		display:none !important;
	}
	#arrow_right{
		display:none !important;
	}
	#arrow_left{
		display:none !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	h1 {
		font-size:50px;
	}
	
	.content90 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content80 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content70 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content60 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content50 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	
	
	
	
	
/* Columns ------------------------------------- */	
	
	
	.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 {
		margin-right: 0;
	}
	
	.no-margin-right {
		margin-right:0
	}
	
	.line-bottom {
		margin-bottom:50px;
		padding-bottom:50px;
		border-bottom:#ebebeb solid 1px;
	}
	
	





	
	
	
/* ------------------------------------------------------------------------------- */
/*  4. Image Viewer 
/* ------------------------------------------------------------------------------- */




	.in-slide-content { 
		width:80%;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  5. Video
/* ------------------------------------------------------------------------------- */	
	
	
	
	p#video-controls {
		background-color:#000;
		width:126px;
		padding:10px;
		margin-left:-63px;
		position:fixed;
		bottom:0;
		left:50%
	}	
		
	a.tubular-volume-up {
		display:none;
	}
	
	a.tubular-volume-down {
		display:none;
	}
	
	a.tubular-mute {
		display:none;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  6. About us
/* ------------------------------------------------------------------------------- */

	
	.sti-menu li {
		height: 300px;
		margin-right: 0;
		width: 100%;
		margin-bottom:50px;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  7. Shortcodes
/* ------------------------------------------------------------------------------- */
	

	
	.btn-large {
		font-size:30px;
		line-height:30px;
	}
	
	.pricing-table .column {
		border: #eaeaea 10px solid;        
        width: 47%;		
    }
	
    .pricing-table .level-max {
		margin-top:50px;
		margin-bottom:50px;
		width:98%;
		border:none;
    }
	
	.pricing-table-second .btn-medium {
		font-size: 18px;
	}
	

		

/* ------------------------------------------------------------------------------- */
/*  12. Portfolio
/* ------------------------------------------------------------------------------- */	

	.portfolio li { 
		float: left; 
		width:50%;
		margin:0; 
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.portfolio li.four_c {
		margin:2.5%;
		width:45%;
	}
	
	.portfolio li.three_c {
		margin:2.5%;
		width:45%;
	}
	
	.portfolio li.two_c {
		margin:2.5%;
		width:45%;
	}

	.portfolio a { 
		display:block;
		text-decoration: none; 
	}
	
	.portfolio img { 
		width: 100%; 
		height: auto; 
		display: block; 
	}
	
	.jTscrollerPrevButton {
		display:block!important;
		left:0;
	}
	
	.jTscrollerNextButton {
		display:block!important;
		right:0;
	}
	
	.one_half > .line-vertical {
		height: 1px;
		margin-bottom: 20px;
		width: 100%;
	}
	
	.view-site {
		margin-left: 0px;
		margin-top:13px;
	}
	
	.share-site {
		margin-top:13px;
	}
	
	.pagination-project-simple {
		background: none repeat scroll 0 0 #FFFFFF;
		float: left;
		height: 60px;
		margin-left: 0;
		width: 220px;
	} 
	
	.pagination-project-simple .prev_project img {
		padding: 20px 20px 20px 0;
	}
	

	
}

@media only screen and (min-width: 240px) and (max-width: 767px) {
	
	.content90 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content80 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content70 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content60 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	.content50 {
		width:90%;
		margin:0 auto;
		margin-top:50px;
	}
	
	
	
	
	
/* Columns ------------------------------------- */	
	
	
	.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 {
		margin-right: 0;
	}
	
	.no-margin-right {
		margin-right:0
	}
	
	.line-bottom {
		margin-bottom:50px;
		padding-bottom:50px;
		border-bottom:#ebebeb solid 1px;
	}
	
	
/* ------------------------------------------------------------------------------- */
/*  4. Image Viewer 
/* ------------------------------------------------------------------------------- */




	.in-slide-content {
		display:none;
		visibility:hidden;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  5. Video
/* ------------------------------------------------------------------------------- */	
	
	
	
	p#video-controls {
		background-color:#000;
		width:126px;
		padding:10px;
		margin-left:-63px;
		position:fixed;
		bottom:0;
		left:50%
	}	
		
	a.tubular-volume-up {
		display:none;
	}
	
	a.tubular-volume-down {
		display:none;
	}
	
	a.tubular-mute {
		display:none;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  6. About us
/* ------------------------------------------------------------------------------- */

	#about-us .nav li {
		min-width: 90%;
		margin-bottom:20px;
	}
	
	.sti-menu li {
		height: 300px;
		margin-right: 0;
		width: 100%;
		margin-bottom:50px;
	}
	
	
	
/* ------------------------------------------------------------------------------- */
/*  7. Shortcodes
/* ------------------------------------------------------------------------------- */
	

	
	.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;
	}
	
	
/* ------------------------------------------------------------------------------- */
/*  9. 404
/* ------------------------------------------------------------------------------- */	
	
	#fourofour_bg img {
		display: none;
	}
	
	
/* ------------------------------------------------------------------------------- */
/*  10. Countdown
/* ------------------------------------------------------------------------------- */		
	
	#defaultCountdown {
		width:180px;
		height:720px;
	}
	
	.countdown_section {
		float: none;
	}
	
	.content70.countdown {
		height: 480px;
		margin-top:50px;
	}
	
/* ------------------------------------------------------------------------------- */
/*  11. Blog
/* ------------------------------------------------------------------------------- */		
	
	.post-details {
		margin-bottom: 40px;
	}
	
	.pagination-blog {
		width: 202px;
	}
	
	.user.replied {
		margin-left: 0;
	}
	
	.user.replied2 {
		margin-left: 0;
	}
	

		

/* ------------------------------------------------------------------------------- */
/*  12. Portfolio
/* ------------------------------------------------------------------------------- */	

	.portfolio li { 
		float: left; 
		width:100%;
		margin:0; 
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.portfolio li.four_c {
		margin:0%;
		margin-bottom:25px;
		width:100%;
	}
	
	.portfolio li.three_c {
		margin:0%;
		margin-bottom:25px;
		width:100%;
	}
	
	.portfolio li.two_c {
		margin:0%;
		margin-bottom:25px;
		width:100%;
	}

	.portfolio a { 
		display:block;
		text-decoration: none; 
	}
	
	.portfolio img { 
		width: 100%; 
		height: auto; 
		display: block; 
	}
	
	.jTscrollerPrevButton {
		display:block!important;
		left:0;
	}
	
	.jTscrollerNextButton {
		display:block!important;
		right:0;
	}
	
	.one_half > .line-vertical {
		height: 1px;
		margin-bottom: 20px;
		width: 100%;
	}
	
	.view-site {
		margin-left: 0px;
		margin-top:13px;
	}
	
	.share-site {
		margin-top:13px;
		margin-left:0px;
	}
	
	.pagination-project-simple {
		background: none repeat scroll 0 0 #FFFFFF;
		float: left;
		height: 60px;
		margin-left: 0;
		width: 220px;
	} 
	
	.pagination-project-simple .prev_project img {
		padding: 20px 20px 20px 0;
	}				
	
	

}


@media only screen and (min-height: 651px) and (max-height: 850px) {

#navigation a {
		padding-top:0px;
		padding-bottom:0px;
	}
	
	#navigation ul {
		margin-top: -100px;
	}
	
}




@media only screen and (min-height: 301px) and (max-height: 650px) {

	
	
	#navigation a {
		padding-top:20px;
		padding-bottom:20px;
		height:12px;
	}
	
	#navigation a img {
		display:none;
	}
	
	#navigation ul {
		margin-top: -52px;
		padding: 15px;
		padding-top:0px;
		z-index:1000;
	}
	
	#navigation ul h4 {
		display:none;
	}
	
}



@media only screen and (min-height: 50px) and (max-height: 300px) {

	#logo {
		display:none;
	}
	
	#navigation a {
		padding-top:10px;
		padding-bottom:10px;
		height:12px;
	}
	
	#navigation a img {
		display:none;
	}
	
	#navigation ul {
		margin-top: -32px;
		padding: 15px;
		padding-top:0px;
		z-index:1000;
	}
	
	#navigation ul h4 {
		display:none;
	}
	
}