@charset "utf-8";

body,
#services_holder_fill,
#cta_holder,
#formpage_p,
#formpage_left {
	background:#fff;
}

#formpage_left_triangle {
	border-left-color:#fff;
}

#formpage_content_p {
	color:#fff;
}

/* ---------------------------------------- */
/* ------------ GLOBAL STYLES ------------- */
/* ---------------------------------------- */

/* link colors */
body a:link,
body a:visited {
	color:#fff;
}

p {
	color:#5d5d5d;
}

nav a:link,
nav a:visited { /* menu link color */
	color:#fff; }

#header_nav button span { /* menu button color (on tablets) */
	background-color:#fff; }

/* ----------------------------- */
/* ----- BACKGROUND IMAGES ----- */
/* ----------------------------- */

#logo {
	background:url('../../images/logo.png');
}

/* header image overlay */
#header_overlay {
	background:rgba(0,0,0,0.7);
	opacity:1;
}

/* team background */
#team_holder {
	background-image:url('../../graphics/patterns/blood_pattern.jpg');
}

/* quote background */
#quote_holder {
	background-image:url('../../graphics/patterns/blood_pattern.jpg');
}

/* pricing table (not accented) background */
.pricing_item {
	background-image:url('../../graphics/patterns/blood_pattern.jpg');
}
	
/* parallax images overlay */
.holder_overlay {
	background:rgba(0,0,0,0.7);
}

/* ---------------------------------------- */
/* -------------- MAIN COLORS ------------- */
/* ---------------------------------------- */

/* COLOR PROPERTIES */
/* main color */
body a:hover,
span,

.big_button.inverted_button,
.big_button_rounded.inverted_button,

.about_item_left_icon,

#team_title,
.team_item_contact_icon:hover,
.team_item_name,
.team_item_link,

.stats_item_title,

#services_left_title,
#services_left_title span,
.services_item i,
.services_item_title,

#work_slider_left_button:hover, #work_slider_right_button:hover,
#work_page_num_left, #work_page_num_right,
.work_item_button_holder i:hover,

#quote_name,

.pricing_item_title,
.pricing_item_price,
.pricing_item.accented .big_button p,

.blog_item_separator i,

#formpage_p,
#formpage_content .big_button p {
	color:#a71313;
}

/* main color - hover form */
.blog_item i:hover {
	color:#ba2121;
}

/* main color - active form */
.team_item_contact_icon:active,
.work_item_button_holder i:active {
	color:#c72b2b;
}

/* BACKGROUND-COLOR PROPERTIES */
/* main color (background) */
.big_button,
.big_button_rounded,

#header_nav_holder,
#header_separator_fill,

#about_head_left_bg,

#skills_holder,

#services_holder,
#services_right_form input,
#services_right_form textarea,

#cta_holder_fill,

.work_slider_button:hover, .work_slider_button.myActive,

.pricing_item.accented,

#clients_holder,

.blog_item_separator,
.blog_item i:after,

#contacts_holder,
#contacts input,
#contacts textarea,

#footer_holder,

#formpage_body,
#formpage_right {
	background-color:#a71313;
}
#formpage_right_triangle { /* same as main color */
	border-right-color:#a71313;
}

/* main color (background) - hover form */
.big_button:hover,
.big_button_rounded:hover {
	background-color:#ba2121;
}

/* main color (background) - active form */
.big_button_rounded:active {
	background-color:#c72b2b;
}

/* -------------------------------- */
/* borders (darker than main color) */
.big_button,
.big_button:active,
.big_button_rounded.inverted_button:hover,
.big_button_rounded.inverted_button:active,
#clients a:hover .clients_item {
	border-color:#5f1313;
}

/* invalid form input styling */
#services_right_form input.wrong-input,
#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);
}

/* layout change for mobile and this styles must be applied */
/* background is the main color */
@media (max-width:480px) {
	#services #services_right,
	#cta #cta_left {
		background:#a71313;
	}
}

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* -------------- FOR BASIC COLOR CHANGE, MODIFY ONLY THE STYLES ABOVE ----------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

/* white text */
.big_button p,
.big_button_rounded p,
.section_title,

#header_arrow,
#header_text_left p,
#header_text_right_p_first,
#header_text_right_p_second,

#about_head p,
#about_head p span,
.about_item_left p,
.about_item_right_title,
.about_item_right_description,

.skills_item i,
.skills_item_value,
.skills_item_value span,
.skills_item_name,

.team_item_contact_icon,

.stats_item_number,

#services_right_title, 
#services_right_title span,

#cta_left p,

.work_slider_button:hover, .work_slider_button.myActive,
.work_item_button_holder i,

.pricing_item.accented p:not(.big_button),
.pricing_item.accented span,
.pricing_item.accented li,

.blog_item_title,
.blog_item_text,
.blog_item_date,
.blog_item_link,

#contacts_phone,

#footer_icons i,
#footer_p {
	color:#fff;
}

/* stats dots color */
.stats_item:after {
	border-color:#fff;
}


/* darker than paraharphs text */
.infoareaTitle,
.team_item_post,

#quote_icon,
#quote_p,

.pricing_item_description,
.pricing_item_features li {
	color:#4e4e4e;
}

/* about us right side overlay */
#about_holder_right {
	background:rgba(0,0,0,0.9);
}

/* about us arrow color */
.about_item_left_arrow {
	color:#fff;
}


/* ---------------------------------------- */
/* --------- WORK SECTION COLORS ---------- */
/* ---------------------------------------- */

/* background color of section changer buttons */
.work_slider_button {
	background-color:#fff;
}

/* color of section page buttons */		
#work_slider_left_button, #work_slider_right_button {
	color:#fff;
}

/* background of work items (shows when images are too small for the container) */
.work_item {
	background:#f7f7f7;
}

/* work items' hover overlay */	
.work_item_overlay {
	background:rgba(0,0,0,0.8);
}


/* ---------------------------------------- */
/* ---------------- OTHER ----------------- */
/* ---------------------------------------- */
	
/* client item style */	
.clients_item {
	background:#fff;
}

/* input fields styles */		
#contacts input,
#contacts textarea {
	border:2px solid #fff;
	color:#fff;
}

/* services free quote form placeholders */
/* all selectors must have the same properties, otherwise styles will be different across the browsers */
#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; }

/* contact form placeholders */
#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; }


/* ----------- */
/* MEDIA QUERY */
/* ----------- */

/* Extra Small Devices, Phones */ 
@media (max-width:480px) {
	/* blog item separator */
	#blog .blog_item {
		border-bottom:3px solid #f2f2f2;
	}
	
	/* blog item left - right boxes separator */
	#blog .blog_item_left {
		border-bottom:1px dashed #d3d3d3;
	}
}