@charset "utf-8";

/*

-------------------------------------------------------------
					  THEME OVERVIEW						
-------------------------------------------------------------

============================================================
Project: ------	EON											
Version: ------	1.0											
Last change: --	04/09/2014									
Assigned to: --	Stoyan Shishev, Hristiyan Dodov				
Use: ----------	ThemeForest product							
============================================================


[TYPOGRAPHY]
// thin text
Raleway 300/500/700/900, sans-serif

// bold text
Montserrat 400/700, sans-serif


[COLOR CODES]
// link colors - a:link - a:visited
#686868 = dark gray

// p color 
#5d5d5d = dark gray

// menu link colors - a:link - a:visited
#fff = white

// main color
#e94c0e = orange

// main color - hover
#f2581c = light orange

// main color - active
#fb6326 = lighter orange

// main color - button borders
#8e330e = dark orange

// darker text
#4e4e4e = darker gray


[TABLE OF CONTENTS]
.section_title // title at most of the sections in the site

.big_button
	.big_button.inverted_button // inverted colors

	
.big_button_rounded // rounded button
	.big_button_rounded.inverted_button // rounded button with inverted colors

.holder_overlay // overlay of parallax images

1. #header_nav
	1.1. #header_nav button // hidden button for mobile and tablet
	1.2. #logo 
	1.3. nav // main navbar

2. #header // featured area image and text
	2.1. #header_text_holder_left
	2.2. #header_text_holder_right
	
3. #header_separator // white-orange line
	
4. #about_holder // about parallax image
	4.1. #about_head_left // left heading text
	4.2. #about_head_right // right heading text
	4.3. .about_item
		4.3.1. .about_item_left
		4.3.2. .about_item_right
			
5. #skills_holder // skills parallax image
	5.1. .skills_item

6. #team_holder // team pattern image
	6.1. #team_title // head text
	6.2. .team_item

7. #stats_holder // orange background
	7.1 .stats_item
		
8. #services_holder
	8.1. #services_left
		8.1.1. #services_left_title
	8.2. #services_right
		8.2.1. #services_right_title
		8.2.2. #services_right_form
			
9. #cta
	9.1 #cta_left
	9.2 #cta_right
		
10. #work_holder // work parallax image
	10.1. #work_slider
		10.1.1. .work_slider_button // category changers
		10.1.2. #work_slider_left_button // page left button
		10.1.3. #work_slider_right_button // page right button
	10.2. #work_item_holder
		10.2.1. .work_item
				
11. #quote_holder // quote pattern image
	11.1. #quote_img_holder
	11.2. #quote_content

12. #pricing_holder // pricing parallax image
	12.1. .pricing_item
			
13. #clients_holder // orange background
	13.1. #clients_head // head text
	13.2. #clients
		13.2.1. .clients_box
				
14. #blog_holder // blog parallax image
	14.1. .blog_item
			
15. #contacts_holder // orange background
	15.1. #contacts_phone
	15.2. #contacts form
		15.2.1. #contacts_left
		15.2.2. #contacts textarea
		15.2.3. #contacts_submit_button
				
16. #google_map
		
17. #footer_holder // orange background
	17.1. #footer_icons
	17.2. #footer_p
	
*/


/* --------------------------------------------------------------------------------- LOADER */
#loader {
	display:none;
	background:#fff;
	width:100%;
	height:100%;
	font-size:150px;
	position:fixed;
		top:0;
		left:0;
	z-index:12;
}

	#loader_spinner {
		width:60%;
		height:400px;
		padding:50px 0;
		margin-top:-200px;
		margin-left:-30%;
		text-align:center;
		position:absolute;
			top:50%;
			left:50%;
	}
	
		#loader_spinner i {
			background:url("../graphics/spinner.png") no-repeat center;
			background-size:contain;
			width:100%;
			height:100%;
		}
		
		#loader_spinner p {
			font:normal normal 700 40px/40px Montserrat, sans-serif;
			color:#e94c0e;
			margin-top:-220px;
			position:relative;
		}


/* --------------------------------------------------------------------------------- CONTROL PANEL */
#control_panel {
	background:#fff;
	padding:10px;
	padding-left:30px;
	margin-top:-120px;
	position:fixed;
		left:-20px;
		top:50%;
	z-index:10;
	border-radius:10px;
	text-align:center;
	
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
			box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
}

	#control_panel i {
		cursor:pointer;
		color:#707070;
		font-size:30px;
	}
	
	#control_panel_options {
		width:0px;
		height:0px;
		margin-top:0px;
		overflow:hidden;
		transition:
			width 0.4s ease-in 0.4s,
			margin-top 0.2s ease-out;
	}
	#control_panel_options.myShow {
		width:70px;
		margin-top:20px;
		transition:
			width 0.4s ease-out,
			margin-top 0.2s ease-out 0.4s;
	}

		#control_panel_options p {
			cursor:pointer;
			margin-top:6px;
			margin-bottom:0;
			text-transform:uppercase;
			font:normal normal 500 12px/16px Raleway, sans-serif;
			color:#fff;
			padding:2px 5px;
		}
		#control_panel_options p:hover {
			opacity:0.8;
		}
		#cp_orange { background-color:#e94c0e; }
		#cp_night { background-color:#000; margin-bottom:18px !important; }
		#cp_blood { background-color:#a71313; }
		#cp_blue { background-color:#0f73c8; }
		#cp_green { background-color:#23ba37; }
		
		#cp_iframe { color:#323232; }
		#cp_iframe:hover { color:#777777; }


/* --------------------------------------------------------------------------------- GLOBAL STYLES */
body { margin:0; padding:0; background-color:#fff; }
body, html { width:100%; height:100%; }

body a:link {
	color:#686868;
	font:normal normal 500 14px/14px Raleway, sans-serif;
	text-decoration:none;
	transition:all 0.2s ease-out;
}

body a:visited {
	color:#686868;
}

body a:hover { /*overriding boostrap.css*/
	color:#e94c0e;
}

p {
	font:normal normal 300 14px/14px Raleway, sans-serif;
	color:#5d5d5d;
} /* grey p */

span {
	color:#e94c0e;
}

.section_title {
	margin:0;
	padding:0; 
	color:#fff;
	font:normal normal bold 50px/50px Montserrat, sans-serif;
	text-transform:uppercase;
	text-align:center;
	position:relative;
		z-index:9;
}



.big_button {
	display:inline-block;
	background-color:#e94c0e;
	margin-top:0px;
	padding:10px 10px;
	text-align:center;
	border:none;
	border-radius:6px;
	border-bottom:3px solid #8e330e;
	vertical-align:middle;
	font:normal normal 700 18px/18px Montserrat, sans-serif;
	color:#fff;
}
	.big_button.inverted_button {
		background-color:#fff;
		border-bottom-color:#cecece;
		color:#e94c0e;
	}
	
	.big_button:hover {
		background-color:#f1571a;
	}
		.big_button.inverted_button:hover {
			background-color:#fff;
			margin-top:1px;
			border-bottom:2px solid #cecece;
		}
		
	.big_button:active {
		margin-top:1px;
		border-bottom:2px solid #8e330e;
	}
		.big_button.inverted_button:active {
			background-color:#fff;
			margin-top:2px;
			border-bottom:1px solid #cecece;
		}
	
.big_button_rounded {
	display:inline-block;
	background-color:#e94c0e;
	padding:10px 20px;
	cursor:pointer;
	border:none;
	border-radius:20px;
	text-align:center;
	font:normal normal bold 20px/20px Montserrat, 'Myriad Pro', sans-serif;
	text-transform:uppercase;
	color:#fff;
}
	.big_button_rounded.inverted_button {
		background-color:#fff;
		color:#e94c0e;
	}
	
	.big_button_rounded:hover {
		background-color:#fb6327;
	}
	
		.big_button_rounded.inverted_button:hover {
			background:#fff;
			padding-bottom:9px;
			border-top:1px solid #8d300b;
		}
	
	.big_button_rounded:active {
		background-color:#f65718;
	}
	
		.big_button_rounded.inverted_button:active {
			background:#fff;
			padding-bottom:8px;
			border-top:2px solid #8d300b;
		}

.holder_overlay {
	background:url('../graphics/pattern_sections.png') repeat center;
	width:100%;
	height:100%;
	position:absolute;
		top:0;
		left:0;
}

/* remove default html5 form validation glow */
* {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}


/* --------------------------------------------------------------------------------- NAVBAR */
#header_nav_holder {
	width:100%;
	background:#e94c0e;
	position:fixed;
	z-index:10;
	
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
}

	#header_nav {
		padding:20px 22px 18px 22px;
		font-size:0.1px;
	}
	
		#header_nav button {
			padding:15px;
			margin:-15px;
		}
		
			#header_nav button span {
				background-color:#fff;
			}
	
		#logo {
			background:url('../images/logo.png');
			width:44px;
			height:16px;
			display:inline-block;
		}
		
		.header_navbar {
			float:right;
		}
		
			.header_navbar nav a {
				margin-left:20px;
				font:normal normal 400 14px/16px Montserrat, 'Myriad Pro', sans-serif;
				text-transform:uppercase;
				color:#fff;
				position:relative;
					bottom:0px;
				transition:all 0.2s linear;
			}
			.header_navbar nav a:first-child {
				margin-left:0;
			}
					
			.header_navbar nav a:hover, .header_navbar nav a.myActive {
				text-shadow: 0 2px 1px rgba(0,0,0,0.2);
				transition:none;
				color:#fff;
				position:relative;
					bottom:2px;
			}


/* --------------------------------------------------------------------------------- HEADER */
#header {
	background:url('../images/head.jpg');
	background-size:cover;
	width:100%;
	height:100%;
	padding:0px;
	text-align:center;
	font-size:0.1px;
	position:relative;
	z-index:9;
	overflow:hidden;
}

	#header_overlay {
		background:url('../graphics/pattern_header.png'), rgba(0,0,0,0.7);
		opacity:0.5;
		width:100%;
		height:100%;
		position:absolute;
			top:0;
			left:0;
	}
	
	#header .container {
		display:table;
		height:100%;
	}
	
		#header_vertical_aligner {
			display:table-cell;
			width:100%;
			padding:0 15px;
			vertical-align:middle;
		}

	#header_text_holder_left, #header_text_holder_right {
		display:inline-block;
		width:49.95%;
		position:relative;
		vertical-align:top;
		z-index:8;
	}
		
		#header_text_left, #header_text_right {
			position:relative;
			text-align:left;
		}
	
			#header_text_left p, #header_text_right_p_first, #header_text_right_p_second {
				font:normal normal bold 115px/115px Montserrat, 'Myriad Pro', sans-serif;
				text-transform:uppercase;
				color:#fff;
			}
			
				#header_text_right #header_text_right_p_first {
					margin-top:17px;
					font-size:65px;
					line-height:52px;
				}
				
				#header_text_right #header_text_right_p_second {
					margin-top:-8px;
					margin-bottom:60px;
					font-size:35px;
					line-height:35px;
				}
		
	#header_arrow {
		margin-left:20px;
		padding:10px;
		font-size:35px;
		color:#fff;
		opacity:1;
		cursor:pointer;
		position:relative;
			top:6px;
	}
	#header_arrow:hover {
		opacity:0.7;
	}


/* --------------------------------------------------------------------------------- HEADER SEPARATOR */
#header_separator {
	background-color:#fff;	
	width:100%;
	height:17px;
}

	#header_separator_fill {
		background-color:#e94c0e;	
		width:50%;
		height:100%;
		margin-left:50%;
	}
	

/* --------------------------------------------------------------------------------- ABOUT */
#about_holder {
	background:url('../images/about.jpg') no-repeat ;
	background-size:cover;
	position:relative;
	font-size:0.1px;
	overflow:hidden;
}
	
	#about_holder_right {
		background:#000;
		width:50%;
		height:100%;	
		position:absolute;
			left:50%;
	}
	
	#about_head {
		position:relative;
	}
	
	#about_head_left, #about_head_right {
		display:inline-block;
		padding:180px 0 10px 0;
		width:49.95%;
		position:relative;
	}
	
		#about_head_left {
			text-align:right;
			padding-right:55px;
		}
		
			#about_head_left #about_head_left_amp {
				font-size:24px;
				margin-left:55px;
				position:relative;
					bottom:7px;
			}
			
			#about_head_left_bg {
				background:#e94c0e;
				margin-left:-100%;
				width:150%;
				height:100%;
				position:absolute;
					top:0;
					left:0;
			}
		
		#about_head_right {
			text-align:left;
			padding-left:55px;
		}
		
		#about_head p {
			display:inline-block;
			font:normal normal bold 35px/35px Montserrat, sans-serif;
			color:#fff;
			text-transform:uppercase;
			position:relative;
			z-index:1;
		}
		
			#about_head p span {
				font-size:48px;
				line-height:48px;
				color:#fff;
				display:block;
			}
	
	.about_item {
		margin-top:35px;
		padding-bottom:35px;
		position:relative;
		z-index:1;
	}
	
	.about_item:after {
		font-size:0.1px;
		content:'';
		
		display:inline-block;
		margin-left:-50%;
		width:200%;
		height:0px;
		position:relative;
			top:35px;
		
		border-bottom: 1px solid transparent;
	  	-moz-border-image	:url("../graphics/about_item_border.png") 1 0 repeat; /* Old firefox */
	  	-webkit-border-image:url("../graphics/about_item_border.png") 1 0 repeat; /* Safari */
	  	-o-border-image		:url("../graphics/about_item_border.png") 1 0 repeat; /* Opera */
	  	border-image		:url("../graphics/about_item_border.png") 1 0 repeat;
	}
	
	.about_item:last-child:after {
		display:none;
	}

		.about_item_left, .about_item_right {
			display:inline-block;
			width:49.95%;
		}
		
		.about_item_left {
			padding-right:125px;
			text-align:right;
			position:relative;
		}
		
			.about_item_left p {
				display:inline-block;
				font:normal normal bold 33px/33px Montserrat, sans-serif;
				text-transform:uppercase;
				color:#fff;
				vertical-align:middle;
			}
			
			.about_item_left_icon {
				display:inline-block;
				margin-left:45px;
				font-size:162px;
				color:#e94c0e;
				vertical-align:middle;
				cursor:default;
			}
			
			.about_item_left_arrow {
				font-size:24px;
				color:#fff;
				margin-top:-12px;
				position:absolute;
					top:50%;
					right:50px;
				cursor:default;
			}
			.about_item_left_arrow:before {
				content:'';
			}
			
		.about_item_right {
			padding-left:55px;
			display:inline-block;
			vertical-align:middle;
		}
		
			.about_item_right_title {
				font:normal normal bold 26px/26px Montserrat, sans-serif;
				color:#fff;
				text-transform:uppercase;
			}
			
			.about_item_right_description {
				margin-top:15px;
				font:normal normal normal 16px/22px Montserrat, sans-serif;
				color:#fff;
			}
			

/* --------------------------------------------------------------------------------- SKILLS */		
#skills_holder {
	background-color:#e94c0e;
	padding:50px 0 100px 0;
	font-size:0.1px;
}

	#skills {
		text-align:justify;
	}
	#skills:after {
		content:'';
		display:inline-block;
		width:100%;
	}

	.skills_item {
		display:inline-block;
		width:27%;
		margin-left:5%;
		margin-top:50px;
		padding-left:110px;
		position:relative;
		vertical-align:top;
		text-align:left;
	}
	.skills_item p {
		margin:0; padding:0;
	}
	
		.skills_item i {
			width:90px;
			font-size:81px;
			color:#fff;
			position:absolute;
				top:0;
				left:0;
			cursor:default;
			text-align:center;
		}
		
		.skills_item_value, .skills_item_value span {
			font:normal normal bold 62px/62px Montserrat, sans-serif;
			color:#fff;
		}
		
		.skills_item_name {
			margin:-5px 0 0 5px !important;
			font:normal normal normal 24px/24px Montserrat, sans-serif;
			color:#fff;
		}


/* --------------------------------------------------------------------------------- TEAM */
#team_holder {
	background:url('../graphics/pattern_team.png');
	padding:40px 0 80px 0;
	overflow:hidden;
}

	#team_title {
		margin-bottom:60px;
		padding-top:20px;
		font:normal normal 700 33px/33px Montserrat, sans-serif;
		text-transform:uppercase;
		text-align:center;
		color:#e94c0e;
		z-index:9;
	}
	
		#team_title span {
			display:block;
			margin-top:-7px;
			font-size:61px;
			line-height:61px;
		}

	#team_item_container {
		text-align:justify;
	}
	#team_item_container:after {
		content:'';
		width:100%;
		display:inline-block;
	}

	.team_item {
		display:inline-block;
		width:23%;
		vertical-align:top;
		text-align:left;
		overflow:hidden;
		position:relative;
		z-index:9;
	}
	
		.team_item_img {
			width:100%;
			background:#f1f1f1;
			text-align:center;
			overflow:hidden;
			position:relative;
		}
		.team_item_img:hover .team_item_overlay {
			opacity:0.8;
		}
		.team_item_img:hover img {
			width:110%;
			margin-left:-5%;
			margin-top:-5%;
			margin-bottom:-5%;
		}
		.team_item_img:hover .team_item_contact_holder {
			visibility:visible;
			opacity:1;
		}
		.team_item_img:hover .team_item_contact_icon {
			padding:10px;
		}
		
			.team_item_img img {
				width:100%;
				position:relative;
				transition:all 0.2s ease-out;
			}
	
			.team_item_overlay {
				background:#000;
				width:100%;
				height:100%;
				position:absolute;
					top:0;
					left:0;
				opacity:0;
			
				transition:opacity 0.2s ease-out;
			}
			
			.team_item_contact_holder {
				visibility:hidden;
				width:100%;
				text-align:center;
				margin-top:-20px;
				opacity:0;
				position:absolute;
					top:50%;
					left:0;
				transition:opacity 0.2s ease-out;
			}
				
				.team_item_contact_icon {
					display:inline-block;
					padding:0px 0px;
					font-size:21px;
					color:#fff;
					vertical-align:middle;
					transition:padding 0.2s ease-out;
				}
				.team_item_contact_icon:last-child {
					margin-right:0;
				}
				.team_item_contact_icon:hover {
					color:#e94c0e;
				}
				.team_item_contact_icon:active {
					color:#f65718;
				}
					
		.team_item_name {
			margin-top:30px;
			margin-bottom:0;
			font:normal normal 700 25px/28px Montserrat, sans-serif;
			text-transform:uppercase;
			color:#e94c0e;
		}
		
		.team_item_post {
			margin-top:3px;
			font:normal normal 700 16px/17px Montserrat, sans-serif;
			color:#4e4e4e;
		}
		
		.team_item_text {
			margin:20px 0;
			font:normal normal normal 14px/21px Montserrat, sans-serif;
			color:#808080;
		}
		
		.team_item_link {
			margin-bottom:0;
			font:normal normal normal 15px/16px Montserrat, sans-serif;
			color:#e94c0e;
		}
		.team_item_link:hover {
			text-decoration:underline;
		}


/* --------------------------------------------------------------------------------- STATS */
#stats_holder {
	background:url('../images/stats.jpg') no-repeat;
	background-size:cover;
	padding:135px 0;
	font-size:0.1px;
	position:relative;
	z-index:9;
}

	.stats_item {
		display:inline-block;
		width:80%;
		text-align:center;
		position:relative;
	}
	.stats_item:after {
		content:'';
		border:4px solid #fff;
		border-radius:4px;
		margin-left:-2px;
		position:absolute;
			top:30%;
			left:100%;
	}
	.stats_item:last-child:after {
		display:none;
	}
	
		.stats_item_number {
			margin:0px 0 0 0;
			font:normal normal 700 70px/75px Montserrat, sans-serif;
			color:#fff;
		}
		
		.stats_item_title {
			font:normal normal 300 25px/25px Raleway, sans-serif;
			color:#fff;
		}
		

/* --------------------------------------------------------------------------------- SERVICES */		
#services_holder {
	background:#e94c0e;
	position:relative;
	font-size:0.1px;
	overflow:hidden;
}

	#services {
		position:relative;
	}

	#services_holder_fill {
		background:#fff;
		width:100%;
		height:100%;
		position:absolute;
			top:0;
			left:-43%;
	}
	
	#services_left {
		display:inline-block;
		width:56.97%;
		padding:90px 50px 100px 0;
		text-align:left;
		position:relative;
		vertical-align:top;
	}
	
		#services_left_title, #services_right_title {
			font:normal normal bold 38px/38px Montserrat, sans-serif;
			text-transform:uppercase;
			color:#e94c0e;
		}
		
		#services_left_title span, #services_right_title span {
			display:block;
			font-size:60px;
			line-height:60px;
		}
		
		#services_item_holder {
			text-align:justify;
		}
		#services_item_holder:after {
			content:'';
			display:inline-block;
			width:100%;
		}
		
			.services_item {
				display:inline-block;
				width:45%;
				margin-top:100px;
				text-align:left;
				position:relative;
				vertical-align:top;
			}
			
				.services_item i {
					font-size:60px;
					color:#e94c0e;
					position:absolute;
						top:0;
						right:0;
					cursor:default;
				}
				
				.services_item_title {
					min-height:75px;
					padding-right:80px;
					font:normal normal bold 28px/28px Montserrat, sans-serif;
					text-transform:uppercase;
					color:#e94c0e;
				}
				
				.services_item_text {
					font:normal normal normal 14px/24px Montserrat, sans-serif;
					color:#808080;
				}
	
	#services_right {
		display:inline-block;
		width:43%;
		padding:90px 0 100px 50px;
		text-align:left;
		position:relative;
		vertical-align:top;
	}
	
		#services_right_title, #services_right_title span {
			color:#fff;
		}
		
		#services_right_form {
			margin-top:100px;
		}
		
			#services_right_form input, #services_right_form textarea {
				background:#e94c0e;
				width:100%;
				height:45px;
				margin-top:10px;
				padding-left:18px;
				font:normal normal normal 14px/14px Montserrat, sans-serif;
				color:#fff;
				opacity:1;
				border:2px solid #fff;
				border-radius:8px;
				transition:all 0.2s ease-out;
			}
			#services_right_txt {
				
				width:100%;
				height:45px;
				margin-top:10px;
				padding-left:18px;
				font:normal normal normal 24px/24px Montserrat, sans-serif;
				color:#000;
				
				
				transition:all 0.2s ease-out;
			}
			
			#services_right_form input.wrong-input {
				border-color:#ff6c6c;
				-webkit-box-shadow: 0 0 5px 0 rgba(255,0,0,1);
				box-shadow: 0 0 5px 0 rgba(255,0,0,1);
			}
			
			#services_right_form textarea {
				margin-bottom:20px;
				padding-top:15px;
				height:100px;
				resize:none;
			}
			
			#services_right_form input::-webkit-input-placeholder,
			#services_right_form textarea::-webkit-input-placeholder {
				opacity:1; color:#fff; }
			#services_right_form input:-moz-placeholder,
			#services_right_form textarea:-moz-placeholder {
				opacity:1; color:#fff; }
			#services_right_form input::-moz-placeholder,
			#services_right_form textarea::-moz-placeholder {
				opacity:1; color:#fff; }
			#services_right_form input:-ms-input-placeholder,
			#services_right_form textarea:-ms-input-placeholder {
				opacity:1; color:#fff; }
		

/* --------------------------------------------------------------------------------- CALL TO ACTION */		
#cta_holder {
	background:#fff;
	font-size:0.1px;
	position:relative;
}

	#cta {
		padding:60px 0;
		position:relative;
	}

	#cta_holder_fill {
		background:#e94c0e;
		width:100%;
		height:100%;
		position:absolute;
			top:0;
			left:-43%;
	}
	
	#cta_left {
		display:inline-block;
		width:56.97%;
		padding-right:50px;
		position:relative;
		z-index:9;
		vertical-align:middle;
	}
	
		#cta_left p {
			font:normal normal normal 20px/20px Montserrat, sans-serif;
			color:#fff;
		}
		
	#cta_right {
		display:inline-block;
		width:43%;
		padding-left:50px;
		position:relative;
		z-index:9;
		vertical-align:middle;
	}
	
		#cta_right p {
			margin:0;
			text-align:center;
		}

		
/* --------------------------------------------------------------------------------- WORK */
#work_holder {
	background:url('../images/work.jpg') no-repeat;
	background-size:cover;
	padding:105px 0;
	font-size:0.1px;
	position:relative;
	z-index:9;
}
	
#work {
	margin-top:20px;
	text-align:justify;
	position:relative;
	z-index:8;
}

	#work_slider {
		margin-top:75px;
		text-align:center;
		position:relative;
		z-index:9;
	}
	
		.work_slider_button {
			background-color:#fff;
			display:inline-block;
			margin:0 0 0 10px;
			padding:8px 27px;
			font-size:14px;
			font-weight:500;
			line-height:14px;
			text-transform:uppercase;
			border-radius:6px;
			cursor:pointer;
		}
			.work_slider_button:first-child {
				margin-left:0;
			}
			.work_slider_button:hover, .work_slider_button.myActive {
				background-color:#e94c0e;
				color:#fff;
			}
		
		#work_slider_left_button, #work_slider_right_button {
			font-size:55px;
			color:#fff;
			cursor:pointer;
			position:absolute;
				top:-12px;
		}
		#work_slider_left_button:hover, #work_slider_right_button:hover {
			color:#e94c0e;
		}
			#work_slider_left_button { left:0; }
			#work_slider_right_button { right:0; }

			#work_page_num_left, #work_page_num_right {
				display:inline-block;
				font-size:40px;
				font-weight:700;
				line-height:50px;
				color:#e94c0e;
				position:absolute;
					top:-12px;
			}
				#work_page_num_left { left:40px; }
				#work_page_num_right { right:40px; }


#work_slider_container_holder {
	width:100%;
	overflow:hidden;
	margin-bottom:150px;
}
	
	#work_item_holder {
		text-align:justify;
		position:relative;
	}
		#work_item_holder:after {
			content:'';
			width:100%;
			display:inline-block;
		}
	
		.work_item {
			display:inline-block;
			vertical-align:top;
			background:#f7f7f7;
			width:30%;
			height:297px;
			height:20vw;
			max-height:297px;
			margin-top:30px;
			position:relative;
			overflow:hidden;
			opacity:1;
			transition:all 0.3s ease-out;
		}
		
		/* placeholder so that items can appear the right way
		 * without justify fiexer -> ELEM -------------- ELEM
		 * with justify fixer -----> ELEM ---- ELEM ---- fixer
		 */
		#work_justify_fixer {
			width:30%;
			height:0px;
			display:inline-block;
		}
		
			.work_item:hover .work_item_overlay {
				opacity:0.8;
			}
			.work_item:hover img {
				height:120%;
				margin-left:-10%;
				margin-top:-10%;
			}
			.work_item:hover .work_item_button_holder {
				visibility:visible;
				opacity:1;
			}
				.work_item:hover .work_item_button_holder i {
					padding:15px;
				}
		
			.work_item_overlay {
				background:rgba(0,0,0,0.8);
				width:100%;
				height:100%;
				opacity:0;
				position:absolute;
					top:0;
					left:0;
				z-index:8;
				transition:opacity 0.2s ease-out;
			}
			
			.work_item img {
				height:100%;
				z-index:7;
				transition:all 0.2s ease-out;
			}
			
			.work_item_button_holder {
				visibility:hidden;
				width:100%;
				height:100%;
				margin-top:-28px;
				text-align:center;
				opacity:0;
				position:absolute;
					top:50%;
					left:0;
				z-index:9;
				transition:opacity 0.2s ease-out;
			}
			
				.work_item_button_holder i {
					display:inline-block;
					padding:0px;
					font-size:37px;
					color:#fff;
					cursor:pointer;
					transition:padding 0.2s ease-out;
				}
				.work_item_button_holder i:hover {
					color:#e94c0e;
				}
				.work_item_button_holder i:active {
					color:#f65718;
				}


/* --------------------------------------------------------------------------------- QUOTE */				
#quote_holder {
	background:url('../graphics/pattern_quote.png');
	width:100%;
	padding:50px 0;
	overflow:hidden;
}

	#quote_img_holder {
		width:90px;
		height:90px;
		margin:0 auto;
		border-radius:100px;
		overflow:hidden;
	}
	
		#quote_img_holder img {
			max-width:140%;
			margin-left:-20%;
		}
		
	#quote_content {
		margin:25px 15% 0 15%;
		position:relative;
	}
		
		#quote_icon {
			font-size:25px;
			color:#4e4e4e;
			position:absolute;
				left:-35px;
				top:-4px;
		}
	
		#quote_p {
			font:normal normal normal 16px/22px Montserrat, sans-serif;
			color:#4e4e4e;
		}
		
		#quote_name {
			margin-top:15px;
			text-align:center;
			font:normal normal normal 17px/17px Montserrat, sans-serif;
			color:#e94c0e;
		}


/* --------------------------------------------------------------------------------- PRICING */
#pricing_holder {
	background:url('../images/pricing.jpg') no-repeat;
	background-size:cover;
	padding:90px 0 50px 0;
	font-size:0.1px;
	position:relative;
	z-index:9;
}
	
#pricing {
	margin-top:20px;
}

	#pricing_item_holder {
		text-align:justify;
	}
	#pricing_item_holder:after {
		content:'';
		display:inline-block;
		width:100%;
	}
	
	.pricing_item {
		display:inline-block;
		margin-top:120px;
		background:url('../graphics/pattern_pricing_tables.png');
		width:31%;
		padding:40px;
		padding:2.77vw;
		text-align:center;
		border-radius:6px;
		vertical-align:top;
		position:relative;
	}
	
		.pricing_item_title {
			margin-bottom:0;
			text-transform:uppercase;
			font:normal normal 300 60px/50px Raleway, sans-serif;
			color:#e94c0e;
		}
		
		.pricing_item_description {
			font-family:Raleway, sans-serif;
			font-size:18px;
			color:#4e4e4e;
		}
		
		.pricing_item_price {
			margin-bottom:-10px;
			text-transform:uppercase;
			font-size:18px;
			color:#e94c0e;
		}
		
			.pricing_item_price span {
				font-size:90px;
				font-weight:700;
				line-height:80px;
			}
			
		.pricing_item_features {
			list-style:none;
			margin:50px 0;
			padding:0;
		}
		
			.pricing_item_features li {
				margin:15px 0;
				font:normal normal 300 18px/19px Raleway, sans-serif;
				color:#4e4e4e;
			}
		
		.pricing_item .big_button {
			padding-left:30px;
			padding-right:30px;
			font-size:18px;
			line-height:18px;
		}
		
	/* ---------------------- */
		
	.pricing_item.accented {
		background:#e94c0e;
		position:relative;
			bottom:30px;
	}
	
		.pricing_item.accented p:not(.big_button),
		.pricing_item.accented span,
		.pricing_item.accented li {
			color:#fff;
		}
	
		.pricing_item.accented .pricing_item_title {
			font-weight:900;
		}


/* --------------------------------------------------------------------------------- CLIENTS */		
#clients_holder {
	background:#e94c0e;
	padding:30px 0;
	font-size:0.1px;
	position:relative;
	overflow:hidden;
}

	#clients_head {
		width:40%;
		padding:0;
		margin-left:-20%;
		margin-top:-25px;
		position:absolute;
			left:50%;
			top:50%;
	}
	
		#clients_head p {
			top:0;
		}

	#clients {
		text-align:justify;
	}
	#clients:after {
		content:'';
		display:inline-block;
		width:100%;
	}
	
		.clients_box {
			display:inline-block;
			width:25%;
			text-align:justify;
			vertical-align:middle;
		}
		.clients_box:after {
			content:'';
			display:inline-block;
			width:100%;	
		}
		
		#clients a:hover .clients_item {
			border-top:1px solid #8d300b;
		}
		#clients a:hover .clients_item img {
			position:relative;
				top:1px;
		}
			.clients_item {
				background:#fff;
				display:inline-block;
				width:48%;
				margin-top:20px;
				text-align:center;
				border-radius:8px;
				border-top:1px solid transparent;
				overflow:hidden;
			}
			.clients_box a:nth-child(-n+2) .clients_item {
				margin-top:0;
			}
			
				.clients_item img {
					max-width:100%;
				}


/* --------------------------------------------------------------------------------- BLOG */				
#blog_holder {
	background:url('../images/blog.jpg') no-repeat;
	background-size:cover;
	padding:125px 0 125px 0;
	font-size:0.1px;
	position:relative;
	z-index:9;
	overflow:hidden;
}

	.blog_item {
		padding-bottom:105px;
		margin-top:30px;
		position:relative;
		font-size:0.1px;
	}
	.blog_item:first-of-type {
		margin-top:130px;
	}
	.blog_item:last-of-type {
		padding-bottom:0;
	}

		.blog_item_left {
			text-align:right;
			padding-right:10%;
		}
		.blog_item_right {
			text-align:left;
			padding-left:10%;
		}
		.blog_item_left, .blog_item_right {
			display:inline-block;
			width:49.95%;
			vertical-align:top;
		}
		
			.blog_item_title {
				font:normal normal bold 20px/22px Montserrat, sans-serif;
				color:#fff;
			}
			
			.blog_item_date {
				font:normal normal 300 14px/14px Raleway, sans-serif;
				color:#fff;
			}
			
			.blog_item_text {
				line-height:18px;
				color:#fff;
			}
			
			.blog_item_link {
				margin-top:22px;
				font:normal normal 700 16px/16px Montserrat, sans-serif;
				text-transform:uppercase;
				color:#fff;
			}
			.blog_item_link:hover {
				color:#e7e7e7;
			}
			
			.blog_item img {
				max-width:90%;
			}
		
		.blog_item_separator {
			display:inline;
			width:1px;
			height:85%;
			background-color:#d5d5d5;
			position:absolute;
				top:15%;
				left:50%;
		}
		
			.blog_item i {
				margin-left:-11px;
				font-size:26px;
				color:#e94c0e;
				cursor:pointer;
				position:absolute;
					top:-35px;
					left:50%;
			}
			.blog_item i:hover {
				color:#e94c0e;
			}
			
			.blog_item i:after {
				content:'';
				background:#d5d5d5;
				display:inline-block;
				width:1px;
				height:50px;
				position:absolute;
					top:-60px;
					left:11px;
			}


/* --------------------------------------------------------------------------------- CONTACTS */		
#contacts_holder {
	background:#e94c0e;
	padding-top:60px;
	padding-bottom:80px;
	font-size:0.1px;
	overflow:hidden;
}

	#contacts_phone {
		font:normal normal normal 37px/37px Montserrat, sans-serif;
		text-align:center;
		color:#fff;
	}

	#contacts_holder .section_title {
		margin-bottom:60px;
		margin-top:-15px;
	}
	
	#contacts_form {
		text-align:center;
	}
		#contacts input::-webkit-input-placeholder,
		#contacts textarea::-webkit-input-placeholder {
			opacity:1; color:#fff; }
		#contacts input:-moz-placeholder,
		#contacts textarea:-moz-placeholder {
			opacity:1; color:#fff; }
		#contacts input::-moz-placeholder,
		#contacts textarea::-moz-placeholder {
			opacity:1; color:#fff; }
		#contacts input:-ms-input-placeholder,
		#contacts textarea:-ms-input-placeholder {
			opacity:1; color:#fff; }
		
		#contacts_left {
			width:48.95%;
			display:inline-block;
			vertical-align:top;
			margin-right:2%;
		}
	
			#contacts input, #contacts textarea {
				background:#e94c0e;
				display:block;
				width:100%;
				margin-top:18px;
				padding:13px 18px;
				font:normal normal normal 14px/18px Montserrat, sans-serif;
				border:2px solid #fff;
				border-radius:8px;
				color:#fff;
				resize:none;
				transition:all 0.2s ease-out;
			}
			#contacts_left input:first-of-type {
				margin-top:0;
			}
			
			#contacts input.wrong-input {
				border-color:#ff6c6c;
				-webkit-box-shadow: 0 0 5px 0 rgba(255,0,0,1);
				box-shadow: 0 0 5px 0 rgba(255,0,0,1);
			}
			
			#contacts textarea {
				text-align:left;
				display:inline-block;
				width:49%;
				height:180px;
				margin-top:0;
				vertical-align:top;
			}
			
			#contacts_submit_button {
				margin-top:60px;
			}
			
				#contacts_submit_button .big_button {
					padding-left:40px;
					padding-right:40px;
				}


/* --------------------------------------------------------------------------------- GOOGLE MAP */			
#google_map {
	width:100%;
	height:540px;
	height:70vh;
}


/* --------------------------------------------------------------------------------- FOOTER */		
#footer_holder {
	background:#e94c0e;
	padding-top:70px;
	padding-bottom:80px;
	font-size:0.1px;
}

	#footer_icons {
		text-align:justify;		
	}
	#footer_icons:after {
		content:'';
		display:inline-block;
		width:100%;
	}

		#footer_icons i {
			font-size:53px;
			color:#fff;
			position:relative;
			bottom:0;
			transition:all 0.2s ease-out;
		}
		#footer_icons i:hover {
			text-shadow: 0 2px 1px rgba(0,0,0,0.2);
			bottom:2px;
			transition:none;
		}
		
	#footer_p {
		margin-top:90px;
		text-align:center;
		font-size:18px;
		color:#fff
	}
		

/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------	MEDIA QUERIES ------------------------------------- */
/* ---------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------- PHONES */
@media (max-width:480px) {
	body { overflow-x:hidden; }
	
	body #header_text_left p {
		font-size:60px;
		line-height:60px;
		font-size:18vw;
		line-height:18vw;
	}
	body #header_text_right #header_text_right_p_first {
		font-size:25px;
		line-height:25px;
		font-size:7.65vw;
		line-height:7.65vw;
	}
	body #header_text_right #header_text_right_p_second {
		margin-top:-12px;
		font-size:13px;
		line-height:13px;
		font-size:4.1vw;
		line-height:4.1vw;
		margin-bottom:30px;
	}
	body #header_arrow {
		bottom:-70px;
	}
	
	
	
	body .team_item {
		width:100%;
		margin-top:30px;
	}
	
		body .team_item_img {
			width:40%;
			height:100%;
			margin:0px 15px 15px 0;
			float:left;
		}
		
		

	.about_item {
		padding-bottom:20px;
	}
	
	.about_item:after {
		top:20px;
	}
		
		#about .about_item_left, #about .about_item_right {
			padding:0px 15px;
		}
		
			#about .about_item_left p {
				font-size:25px;
				line-height:25px;
				display:block;
			}
		
			#about .about_item_left_icon {
				font-size:100px;
				display:block;
			}
			
			#about .about_item_left_arrow {
				right:10px;
			}
			
			#about .about_item_right_title {
				font-size:20px;
				line-height:20px;
			}
			
	
	
	#skills {
		text-align:center;
	}		
				
	#skills .skills_item {
		width:70%;
		margin-left:0;
		margin-top:50px;
		padding-left:90px;
		text-align:right;
	}
	
		#skills .skills_item i {
			width:80px;
			font-size:71px;
		}
		
		#skills .skills_item_value,
		#skills .skills_item_value span {
			font-size:40px;
			line-height:40px;
		}
		
		#skills .skills_item_name {
			margin:-2px 0 0 4px !important;
			font-size:20px;
			line-height:20px;
		}
	

		
	body #stats_holder {
		padding:0 0 50px 0;
	}
		
		body .stats_item {
			width:49.95%;
			margin-top:50px;
		}
		
		.stats_item:nth-child(2):after {
			display:none;
		}
	
		body #stats .stats_item_number {
			font-size:45px;
			line-height:45px;
		}
			
		body #stats .stats_item_title {
			font-size:22px;
			line-height:22px;
		}
	
	
	
	#services_holder_fill {
		left:0;
	}
	
	#services #services_left {
		width:100%;
		padding:50px 0;
	}
	
	#services #services_right {
		background:#e94c0e;
		width:110%;
		margin-left:-5%;
		padding:50px 5%;
		text-align:center;
	}

	#services_left_title,
	#services_right_title {
		text-align:center;
	}
	
	.services_item {
		width:100%;
		margin-top:50px;
		text-align:left;
	}	
	
		.services_item i {
			right:auto;
			left:0;
		}
	
		.services_item_title {
			padding:0 0 0 80px;
			min-height:60px;
			font-size:24px;
			line-height:24px;
		}
		
		
	
	#cta_holder_fill {
		display:none;
	}
	
		#cta #cta_left {
			background:#e94c0e;
			width:120%;
			margin-top:30px;
			margin-left:-10%;
			padding:30px 10%;
		}
		
		#cta #cta_right {
			width:100%;
			padding:30px 10%;
			text-align:center;
		}
	
	
	
	body .work_slider_button,
	.work_slider_button:first-child {
		display:block;
		margin:5px 60px;
		padding-left:0;
		padding-right:0;
	}
	
	#work_slider_left_button,
	#work_slider_right_button {
		font-size:45px;
		margin-top:-25px;
		top:50%;
	}
	
	#work_page_num_left,
	#work_page_num_right {
		font-size:25px;
		margin-top:-30px;
		top:50%;
	}
		#work_page_num_left { left:27px; }
		#work_page_num_right { right:27px; }
		
	.work_item {
		width:46%;
		height:30vw;
	}
		.work_item_button_holder {
			margin-top:-25px;
		}
		.work_item i {
			font-size:22px;
		}
		
		
		
	body #quote_holder {
		padding:30px 0;
	}
	
		#quote_content {
			margin-left:10%;
			margin-right:10%;
		}
	
		body #quote_icon {
			font-size:18px;
			top:-1px;
			left:-25px;
		}
		
	
	
	body #pricing_holder {
		padding-top:45px;
	}
		
	#pricing .pricing_item {
		margin-top:40px;
		width:100%;
		padding:15px;
	}
	#pricing .pricing_item:first-child {
		margin-top:60px;
	}
	
	#pricing .pricing_item.accented {
		bottom:0;
	}
	
		body #pricing .pricing_item_title {
			font-size:45px;
			line-height:55px;
		}
		
		#pricing .pricing_item_description {
			font-size:16px;
		}
		
		#pricing .pricing_item_price {
			margin-bottom:25px;
			font-size:16px;
		}
		
			#pricing .pricing_item_price span {
				font-size:70px;
				line-height:60px;
			}
			
		#pricing .pricing_item_features li {
			margin:6px 0;
			font-size:18px;
		}
			
		#pricing .pricing_item .big_button p {
			font-size:16px;
		}
		
	
	
	#blog .blog_item {
		margin-right:50px;
		margin-bottom:35px;
		padding-bottom:35px;
		border-bottom:3px solid #f2f2f2;
	}
	#blog .blog_item:last-child {
		border-bottom:none;
	}
		
	#blog .blog_item_left {
		display:block;
		width:100%;
		text-align:left;
		border-bottom:1px dashed #d3d3d3;
		padding:0 0 15px 0;
		margin-bottom:10px;
	}
	
	#blog .blog_item_right {
		display:block;
		width:100%;
		text-align:left;
		padding:0;
	}
	
		#blog .blog_item_link {
			margin-bottom:-5px;
		}
		
	.blog_item img {
		max-width:100%;
	}
		
		.blog_item_separator {
			margin-left:35px;
			left:100%;
		}
		.blog_item i:after {
			height:80px;
			top:-90px;
			left:10px;
			transition:all 0.2s linear;
		}
		.blog_item i.fa-plus-circle:after {
			height:0px;
			top:0px;
		}
		
	
		
	#contacts_left {
		width:100%;
		margin-right:0;
	}
	
		#contacts input,
		#contacts textarea {
			margin-top:13px;
			padding:8px 14px;
		}

		#contacts textarea {
			margin-top:13px;
			width:100%;
			height:110px;
		}
			
			
			
	#footer #footer_icons i {
		padding:10px 10px 0 10px;
		font-size:10vw;
	}
	
	#footer #footer_p {
		font-size:14px;
	}
}


/* --------------------------------------------------------------------------------- TABLETS */
@media (max-width:767px){
	body .big_button {
		width:100%;
	}
	.big_button {
		font-size:16px;
	}
	
	.section_title {
		font-size:30px;
		line-height:27px;
	}
	
	
	
	.header_navbar {
		float:none;
	}
	
		.header_navbar nav {
			margin-top:20px;
		}
			
			.header_navbar nav a {
				display:block;
				margin-left:0;
				padding-top:10px;
				padding-bottom:10px;
				font-size:15px;
			}
			.header_navbar nav a:last-child {
				margin-bottom:-6px;
			}
				
				.header_navbar nav a.myActive,
				.header_navbar nav a:hover {
					color:#000;
					bottom:0;
					text-shadow:none;
				}
	
	
	
	#header_text_holder_left, #header_text_holder_right {
		display:block;
		width:100%;
	}
		#header_text_left, #header_text_right {
			padding-top:0;
			text-align:center;
		}
			#header_text_left p {
				font-size:12vw;
				line-height:12vw;
			}
			#header_text_right #header_text_right_p_first {
				font-size:5.1vw;
				line-height:4.65vw;
				margin-top:4px;
			}
			#header_text_right #header_text_right_p_second {
				margin-top:-18px;
				font-size:2.7vw;
				margin-bottom:20px;
			}
			#header_arrow {
				margin-left:-22px;
				position:absolute;
				bottom:-80px;
				top:auto;
				left:50%;
			}
	

	#header_separator_fill {
		display:none;
	}
	
	
	#about_holder_right {
		display:none;
	}
	
	#about_head_left, #about_head_right {
		padding:30px 0;
		width:100%;
		text-align:center;
	}
		#about_head_left {
			padding-bottom:0;
		}
		#about_head_right {
			padding-top:0;
		}
		
	#about_head_left_bg {
		width:200%;
		margin-left:-50%;
	}

	#about_head p {
		font-size:20px;
		line-height:20px;
	}
	
		#about_head p span, #about_head #about_head_left_amp {
			font-size:30px;
			line-height:30px;
		}
		
		#about #about_head #about_head_left_amp {
			margin:10px 0;
		}
		
	.about_item_left, .about_item_right {
		width:100%;
		padding:0px 50px;
	}
	
		.about_item_left {
			margin-bottom:30px;
			text-align:center;
		}
		
			.about_item_left_icon {
				margin:0 40px;
			}
			
			.about_item_left_arrow {
				right:25px;
			}
				.about_item_left_arrow:before {
					content:'';
				}
				
				
				
	#skills_holder {
		padding:0px 0 50px 0;
	}
				
	.skills_item {
		width:40%;
		margin-left:9%;
		margin-top:50px;
		padding-left:80px;
	}
	
		.skills_item i {
			width:70px;
			font-size:61px;
		}
		
		.skills_item_value, .skills_item_value span {
			font-size:35px;
			line-height:35px;
		}
		
		.skills_item_name {
			margin:-2px 0 0 4px !important;
			font-size:16px;
			line-height:16px;
		}
		
	
	
	#team_title {
		margin:0px;
		padding:15px 0;
		font:normal normal 700 25px/25px Montserrat, sans-serif;
	}
	#team_title span {
		font-size:46px;
		line-height:46px;
		margin-top:-5px;
	}
	
	.team_item {
		width:47%;
		margin-top:40px;
	}
	
		.team_item_img {
			width:40%;
			height:100%;
			margin:0px 15px 15px 0;
			float:left;
		}
		
			.team_item_contact_holder {
				margin-top:-38px;
			}
			
			.team_item a:nth-child(2):after {
				display:block;
				content:'';
			}
		
		.team_item_name {
			margin-top:0;
			font-size:22px;
			line-height:22px;
		}
		
		.team_item_post {
			margin-top:0;
			font-size:15px;
		}
		
		
	
	#stats_holder {
		padding:60px 0;
	}
	
		#stats .stats_item_number {
			font-size:35px;
			line-height:35px;
		}
			
		#stats .stats_item_title {
			font-size:18px;
			line-height:18px;
		}
		
	
	
	#services_left {
		padding:50px 20px 50px 0;
	}
	
	#services_right {
		padding:50px 0 50px 20px;
	}
	
		#services_right_form {
			margin-top:50px;
		}
	
	#services_left_title, #services_right_title {
		font-size:25px;
		line-height:25px;
	}
		
		#services_left_title span, #services_right_title span {
			font-size:45px;
			line-height:40px;
		}
	
	.services_item {
		width:100%;
		margin-top:50px;
	}	
	
		.services_item_title {
			min-height:60px;
			font-size:24px;
			line-height:24px;
		}
		
		
		
	#cta {
		padding:0 30px;
	}
	
		#cta_left {
			padding:30px 20px 30px 0;
		}
		
		#cta_right {
			padding:30px 0 30px 20px;
		}

	
	
	#work_holder {
		padding:50px 0;
		margin:0;
	}
	
		#work_slider {
			margin-top:55px;
		}
		
			.work_slider_button {
				padding-left:10px;
				padding-right:10px;
			}
		
		#work_slider_container_holder {
			margin-bottom:40px;
		}
	
		
		
	#quote_holder {
		padding:40px 0;
	}
	
		#quote_icon {
			top:-6px;
		}
	
		#quote_p {
			font-size:14px;
		}
		
	
	
	body #pricing_holder {
		padding-top:30px;
	}
	
	.pricing_item {
		margin-top:80px;
		width:32%;
		padding:15px;
	}
	
		#pricing .pricing_item_title {
			font-size:6vw;
			line-height:6vw;
		}
		
		.pricing_item_description {
			font-size:14px;
		}
		
		.pricing_item_price {
			margin-bottom:25px;
			font-size:16px;
		}
		
			.pricing_item_price span {
				font-size:9vw;
				line-height:50px;
			}
			
		.pricing_item_features {
			margin:10px 0;
		}
		
			.pricing_item_features li {
				margin:8px 0;
				font-size:16px;
			}
		
		.pricing_item .big_button {
			padding-left:10px;
			padding-right:10px;
		}
			
		.pricing_item .big_button p {
			font-size:14px;
		}
		
	
	
	#clients_holder {
		padding:20px 0;
	}
	
		#clients_head {
			width:100%;
			margin:30px 0;
			position:static;
		}
		
		.clients_box {
			display:block;
			width:100%;
			text-align:justify;
			vertical-align:middle;
		}
		.clients_box a:nth-child(-n+2) .clients_item {
			margin-top:20px;
		}

			
			
	.blog_item {
		padding-bottom:55px;
	}
	.blog_item:first-of-type {
		margin-top:70px;
	}

		.blog_item_left {
			padding-right:6%;
		}
		.blog_item_right {
			padding-left:6%;
		}
		
			.blog_item_title {
				font-size:16px;
			}
			
			.blog_item_date {
				line-height:12px;
			}
			
			.blog_item_link {
				margin-top:16px;
				font-size:14px;
			}
			
			
	#contacts_holder {
		padding:40px 0;
	}
	
	#contacts_phone {
		font-size:20px;
		line-height:20px;
	}
	
	#contacts_holder .section_title {
		margin-top:-10px;
		margin-bottom:50px;
	}
	
		#contacts_submit_button {
			margin-top:20px;
		}
		
		
	
	#footer_holder {
		padding-top:20px;
		padding-bottom:25px;
	}

		#footer_icons i {
			padding:0 2px;
			font-size:7vw;
		}
		
	#footer_p {
		margin-top:40px;
		font-size:16px;
	}
}


/* --------------------------------------------------------------------------------- MEDIUM DESKTOP */
/* -------------------------------------------------------------------------------------- ONLY ---- */
@media (max-width:991px) and (min-width:768px){
	#header_text_left p {
		font-size:8vw;
		line-height:8vw;
	}
	#header_text_right #header_text_right_p_first {
		font-size:4.65vw;
		line-height:3.8vw;
		margin-top:8px;
	}
	#header_text_right #header_text_right_p_second {
		margin-top:-7px;
		font-size:2.49vw;
		line-height:2.1vw;
		margin-bottom:40px;
	}
	#header_arrow {
		bottom:0;
	}
	
	
	
	#about_head_left, #about_head_right {
		padding-top:120px;
		padding-bottom:30px;
	}
	
	#about_head p span, #about_head_left #about_head_left_amp {
		font-size:40px;
		line-height:40px;
	}
		
	.about_item_left p, .about_item_left_icon {
		display:block;
		text-align:center;
	}
	
	.about_item_left_icon {
		margin:20px 0 0 0;
	}
	
	.about_item_right {
		vertical-align:text-bottom;
	}
	
	
	
	.skills_item {
		width:33%;
		margin-left:0;
		padding-left:90px;
	}
	
		.skills_item i {
			width:80px;
			font-size:71px;
		}
		
		.skills_item_value, .skills_item_value span {
			font-size:45px;
			line-height:45px;
		}
		
		.skills_item_name {
			margin:-2px 0 0 5px !important;
			font-size:20px;
			line-height:20px;
		}
		
		
	
	.services_item_title {
		min-height:75px;
		padding:70px 0 10px 0;
		font-size:22px;
		line-height:22px;
	}
}


/* --------------------------------------------------------------------------------- MEDIUM DESKTOP */
@media (max-width:991px){
	.big_button_rounded {
		font-size:15px;
		padding:5px 10px;
	}
	.big_button_rounded.inverted_button:hover {
		padding-bottom:4px;
	}
	.big_button_rounded.inverted_button:active {
		padding-bottom:3px;
	}
	
	
	
	#header_text_holder_left {
		padding-bottom:0;
	}


	
	#about_head p {
		margin:0;
	}
	
		#about_head_left #about_head_left_amp {
			display:block;
			margin:0;
			bottom:0;
		}


	
	.stats_item_number {
		font-size:60px;
		line-height:55px;
	}
		
	.stats_item_title {
		font-size:23px;
		line-height:28px;
	}
	
	
	
	.pricing_item_title {
		font-size:40px;
	}	
	

	#clients_head p {
		font-size:30px;
		margin-top:-5px;
	}
}


/* --------------------------------------------------------------------------------- MEDIUM AND LARGE DESKTOP */
/* ------------------------------------------------------------------------------------------- ONLY --------- */
@media (min-width:992px) and (max-width:1199px){
	.services_item_title {
		min-height:75px;
		padding:70px 0 10px 0;
	}	
}



/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------ success.php and error.php styles --------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

#formpage_body {
	background:#e94c0e;
}

#formpage_holder {
	position:relative;
}

	#formpage_p {
		background:#fff;
		padding:50px 0;
		line-height:160px;
		line-height:12vw;
		font-family:Montserrat, sans-serif;
		font-size:200px;
		font-size:14vw;
		text-align:center;
		color:#e94c0e;
	}

	#formpage_left {
		background:#fff;
		width:10%;
		height:120px;
		height:10vw;
		position:absolute;
			top:100%;
	}

		#formpage_left_triangle {
			width:0;
			height:0;
			border-top:120px solid transparent;
			border-bottom:120px solid transparent;
			border-left:120px solid #fff;
			border-top:10vw solid transparent;
			border-bottom:10vw solid transparent;
			border-left:10vw solid #fff;
			position:absolute;
				top:-100%;
				left:100%;
		}
	
	#formpage_right {
		background:#e94c0e;
		width:10%;
		height:120px;
		height:10vw;
		margin-left:-10%;
		margin-top:-120px;
		margin-top:-10vw;
		position:absolute;
			top:100%;
			left:100%;
	}
	
		#formpage_right_triangle {
			width:0;
			height:0;
			border-top:120px solid transparent;
			border-bottom:120px solid transparent;
			border-right:120px solid #e94c0e;
			border-top:10vw solid transparent;
			border-bottom:10vw solid transparent;
			border-right:10vw solid #e94c0e;
			position:absolute;
				top:0;
				right:100%;
		}
		
#formpage_content {
	text-align:center;
	margin:50px auto 0 auto;
	width:60%;
}

	#formpage_content_p {
		color:#fff;
		font-family:Arial, sans-serif;
		font-size:35px;
		font-size:2.6vw;
		font-weight:bold;
		line-height:35px;
		line-height:2.6vw;
	}
	
	#formpage_content .big_button {
		padding-left:25px;
		padding-right:25px;
		position:relative;
			top:20px;
	}

@media (max-width:767px){
	#formpage_content_p {
		font-size:4vw;
		line-height:4vw;
	}
}