html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Roboto, sans-serif;
	line-height: 1.2;
	font-size: 1.1em;
}

a {
	text-decoration: none;
	color: #8bc542;
}

.wc_orange {
	color: #f7aa49;
}

.wc_green {
	color: #8bc542;
}

.wc_blue {
	color: #07343b;
}

.wc_light_blue {
	color: #40C4E1;
}

img {
	border: 0;
	padding: 0;
}

a, a:link, a:visited, a:hover, a:active {
	outline: 0;
}

a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-position: under;
} 

h1, h2, h3, h4, h5 {
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}

h3 {
	font-weight: normal;
}

hr {
	border: none;
	margin: .5em 0 1em 0;
	border-bottom: 1px solid #D4D4D4;
}

p {
	line-height: 1.5em;
	margin: 1em 0;
}

ul {
	padding: 0 0 0 1.66em;
	margin: 0;
	list-style-type: disc;
	line-height: 1.4em;
}

li {
	padding: 0;
	margin: 0;
	list-style-type: disc;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clear {
	clear: both !important;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.hide, .hidden, .noshow {
	display: none !important;
}

.align_left, align-left {
	text-align: left !important;
}

.align_center, .align-center {
	text-align: center !important;
}

.align_right, .align-right {
	text-align: right !important;
}

.align_justify, .align-justify {
	text-align: justify;
}

.margin-0-auto, .margin_0_auto {
	margin: 0 auto;
}

.span1 {
	width: 8.32%;
}

.span2 {
	width: 16.65%;
}

.span3 {
	width: 25%;
}

.span4 {
	width: 33.32%;
}

.span5 {
	width: 41.65%;
}

.span6 {
	width: 50%;
}

.span7 {
	width: 58.32%;
}

.span8 {
	width: 66.65%;
}

.span9 {
	width: 75%;
}

.span10 {
	width: 83.32%;
}

.span11 {
	width: 91.65%;
}

.span12 {
	width: 100%;
}

a .fa:hover {
	cursor: pointer
}

#sub_page_wrapper
{
	margin: 3em auto 1em;
	width: 70%;
	min-height: 600px;
	max-width: 1800px;
}

/* Menus */

.slicknav_menu {
	display: none;
}

#main_menu {
	display: inline-block;
	width: auto;
	padding: 0;
}

#main_menu ul li {
	float: left;
	line-height: 2em;
	padding: 0 3em 0 0;
	list-style: none;
}

#main_menu a {
	color: #fff;
	text-decoration: none;
}

#main_menu a:hover{
	color: #f7aa49;
}

/* Header */
#header {
	position: fixed;
	z-index: 100;
	background: #000;
	width: 100%;
	height: 140px;
}
#site_logo {
	display: inline-block;
	padding: 3px 0 0 2%;
	width: 13%;
}
#site_logo img {
	max-width: 133px;
	height: 133px;
}

/* Main Content */
#main_content {
	padding-top: 5em;
}

#main_content .content_block {
	width: auto;
	margin: 0 auto;
	text-align: justify;
}

#main_content p {

}

.section {
	clear: both;
	overflow: hidden;
	padding: 2em 0;
	text-align: center;
	position: relative;
	z-index: 10;
	background-repeat: no-repeat;
}

.parallax {
	position: relative;
	background-position: fixed;	
    background-size: cover !important;
	padding: 200px;
	height: 100%;
	box-shadow: 0px 2px 6px #ddd;
	background-repeat: no-repeat;
}

.section_text {
	width: 88%;
	margin: 0 auto;
	min-height: 20em;
	padding: 4em 0;
}

h2.section_title {
	font-size: 1.66em;
	color: #333;
}

h3.section_title {
	color: #333;
	padding: .8em 0 0;
}

/* Home page content */

.title, .subtitle {
	color: #111;
	text-align: left;
	margin: 0 0 .5em 0;
	padding-left: 15%;
	width: 33%;
	max-width: 366px;
}
.section-0 {
	padding: 200px 0 0 !important;
	border-bottom: solid 8px #8bc542 !important;
}

h1.title {
    font-size: 3em;
    color: #111;
}

h2.subtitle {
    font-size: 1.66em;
    color: #333;
    line-height: 1.4em;
}

.section-0 {
	background: url('/img/home/AdobeStock_78109988_WM.jpeg') no-repeat;
	background-size: cover !important;
	padding: 200px 0;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	border-bottom: solid 8px #40C4E1;
	background-position: center;
}

/* Parallax images */

/*.section-2 {
	background: url('/img/home/image_1.jpg');
}

.section-4 {
	background: url('/img/home/home_page_workflow.jpg');
}

.section-6 {
	background: url('/img/home/image_4.png');
}*/

/* content blocks */

.content_block {
	padding: 1em 0 1.66em;
	width: auto;
}

.highlight_text {
	padding-bottom: 1em;
	border-bottom: 10px solid #ffb800;
	min-height: 8em;
}

.what_is_webriculture  {
	z-index: 10;
}

.what_is_webriculture .content_block {
	background: #fff;
}

.parallax-window {
    min-height: 500px;
    background: transparent;
}

.keep_focused {
	min-height: 493px;
	width: 88%;
}

.keep_focused .content_block {
	background: rgba(255,255,255,0.5) !important;
	width: 50% !important;
}

.rocket_section {
	opacity: 1;
	position: relative;
}

#animated-fred {
	/*transform-origin: 20% 40%;*/
/*	max-width: 450px;*/
	position: absolute;
	left: calc(50% - 225px);
}

.rocket_fred {
	z-index: 99;
	max-width: 488px;
	padding-top: 1em;
	width: 100%;
	position:relative;
}

.what_do_we_offer {
	background-size: cover;
    background-position-y: 50%;
    margin: 0;
    padding: 0;
}

.what_we_offer_content a {
	color: #004780;
}

.what_we_offer_content {
	width: 60%;
	margin: 0 auto;
    text-shadow: 0px 1px 5px #6db4ca;
}

.what_do_we_offer .section_title {
	color: #fff;
    margin-top: 1.66em;
}

.what_do_we_offer .content_block {
	color: #fff;
	background: none;
}

/* sub pages */

.highlight
{
	opacity: 0;
	text-align: center;
	min-height: 300px;
	width: calc(33% - 1em);
	margin-right: 1em;
	padding-top: 1em;
	float: left;
}

.ball
{
	transition: 500ms all ease;
}
.ball:hover
{
	color: royalblue;	
	transform: rotate(360deg);
}

.bug
{
    transition: 200ms all ease;
}
.bug:hover
{
	color: darkred;
	transform: rotate(-6deg);
}

.map
{
    transition: 200ms all ease;
}
.map:hover
{
	color: forestgreen;
	transform: scale(1.3);
}

.support
{
    transition: 200ms all ease;
}
.support:hover
{
	color: #F0AA50;
	transform: scale(1.3);
}

.code
{
    transition: 200ms all ease;	
}
.code:hover
{
	transform: rotate(6deg);
    color: purple;
}

.sub_page_section
{
	padding: 2em 0 1em;
}

#portfolio_wrapper .site .portfolio_margin
{
	max-width: 600px;
	margin: 1em;
}
#portfolio_wrapper .site .portfolio_margin a
{
	margin-top: 1em;
	display: block;
}
#portfolio_wrapper .site .portfolio_margin i a
{
	margin-top: 0;		
	font-size: .8em;	
}
#portfolio_wrapper .site .portfolio_margin i
{
	font-size: .8em;	
}
#portfolio_wrapper .site .portfolio_margin img
{
	box-shadow: 0px 4px 4px rgba(0,0,0,.8);
	width: 100%;
}
#screens_img
{
	width: 96%;
}
#workflow_img
{
	width: 37%;
	max-width: 400px;
	min-width: 250px;
	position: relative;
	padding-left: 4em;
	padding-bottom: 0em;
}

.services_image {
	padding: 1em 0 6em 0;
	max-width: 425px;
}

#server_img {
	max-width: 700px;
}

/* Footer */
#footer
{
	position: relative;
	border-top: solid 8px #f7aa49;
	font-family: Roboto;
	margin-top: 1em;
}
#footer p
{
	margin: 0, 2em;
	padding: .3em 0;
}

#footer_top
{
	background: #333;
	padding-top: 1em;
	border-bottom: solid 1px #333;
}

#footer_bottom
{
	padding: 1em 0 6em 0;
	background: #191919;
}

#footer_menu
{
	text-align: center;
	padding: 2em 0;
}
#footer_menu li
{
	display: inline-block;
	padding: 0 1%;
	font-size: .8em;
}
#footer_menu li a
{
	color: #8bc542;
	transition: .4s;
}
#footer_menu li a:hover
{
	color: white;
}
#footer_top .contact_us
{
	color: white;
	margin: 0 auto;
	width: 60%;
	text-align: center;
}
#footer_top
{
	background-image: url("/img/logo_no_text_230x230.png");
	background-repeat: no-repeat;
	background-position: right;
}

#footer_bottom #copyright
{
	color: #999;
	font-size: .7em;
	text-align: center;
}

#copyright a
{
	color: #999;
}

#footer_bottom #address
{
	text-align: center;
	padding: .1em 0;
}	
#footer_bottom #address li
{
	display: inline-block;
	font-size: .7em;
	color: #999;		
	text-align: center;
	padding: 0 1%;
}

#footer_bottom a {
	color: #999;
}

#footer_bottom a:hover {
	color: #8bc542;
}

#social_media {
	width: 95px;
	margin: 0 auto;
}

.fb_iframe_widget {
	display: block !important
}

.a_css_class {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.a_css_class:after {
	content: 'ofni';
}

.out_of_sight a {
	color: #191919 !important;
	width: 0;
	position: absolute;
	left: -999px;
}

/* Standard Media Queries */
@media screen and (max-width: 1439px) {

}
@media screen and (max-width: 1179px) {
	h1.title {
	    padding-left: 150px;
	}
	h2.subtitle {
	    padding-left: 150px;
	}
}

@media screen and (max-width: 1023px) {
	.parallax
	{
		padding: 150px 0;
	}

	#site_logo
	{
		width: 15%;
	}
	#main_menu ul li {
	    padding: 0 1.66em 0 .33em;
	}
	#main_menu ul li:first-child {
	    padding-left: 2em;
	}
	.three_services {
		width: 100%;
	}
	.three_services .inner_content {
		padding: 2em 10% !important;
	}
	.services_image {
		width: 100% !important;
		float: left !important;
		padding-bottom: 2em;
		max-width: 600px;
	}
	.content_block .span6 {
		width: 80%;
	}
	h1.title, h2.subtitle {
		padding-left: 3%;
	}
}

@media screen and (max-width: 929px) {
	#main_content {
		/*padding-top: 0;*/
	}
	.highlight
	{
		min-height: auto;
	}
	.highlight h2
	{
		font-size: .8em;
	}
	.highlight_text
	{
		font-size: .8em;
		line-height: 1.2em;
		min-height: 6em;
	}
	body
	{
		font-size: 1em;
	}
	.keep_focused
	{
		min-height: auto;
	}
	.keep_focused .content_block
	{
		width: auto;
	}
	#page_wrapper #main_content .section .span5, #page_wrapper #main_content .section .span7, #page_wrapper #main_content .section .content_block .span6
	{
		width: auto;
		max-width: 75%;
	}
	.sub_page_section
	{
		/*padding: 0;*/
	}
	.float_or_stack
	{
		float: none;
		width: 100%;
		margin-bottom: 3%;
	}
	#footer_top
	{
  		background-position: center;
	}
	#footer_top .contact_us
	{
		width: 95%;
	}

}

@media screen and (max-width: 799px) {
	#main_menu, #header, .portal_opening, .portal_exit, .right_arrow:before {
		display: none !important;
	}
	.slicknav_menu {
		display: block;
		position: fixed;
		width: 100%;
		z-index: 999;
		top: 0;
	}
	.parallax {
		padding: 100px 0;
	}
	.section_text {
		width: 100%;
	}
	.section .span8 {
		width: 90%;
	}
	.three_services .fa {
		font-size: 2.66em;
	}
	.what_we_offer_content {
		width: 88%;
	}
	.keep_focused .content_block {
		width: 88% !important;
	}
	.what_is_webriculture {
		background: #fff;
	}
	.section-0 {
		padding-top: 100px !important;
	}
	#sub_page_wraper {
		width: 92%;
	}
	#sub_page_wrapper .span5, #sub_page_wrapper .span7, #sub_page_wrapper .span8, #sub_page_wrapper .span10 {
		width: 100%;
	}
	#sub_page_wrapper img {
		right: 0;
		left: 0;
	}
	.sub_page_section .highlight {
		width: calc(50% - 1em);
	}
	.sub_page_section .span6 {
		width: 100%;
	}
	.contact_image, .about_us_image, #workflow_img {
		display: none;
	}
	.sub_page_section, .sub_page_wrapper, #main_content {
		padding-top: 0;
	}
	#portfolio_wrapper .site .portfolio_margin a {
		font-size: 80%;
	}
}


@media screen and (max-width: 639px) {
	.section-0 
	{
		padding: 0;
	}

	h1.title
	{
		font-size: 2em;
	}
	h2.subtitle
	{
		font-size: 1.3em;
	}
	.section-0 .span6
	{
		width: auto;
	}
	#sub_page_wrapper {
		width: 80%;
	}
	#portfolio_wrapper .site {
		width: 100%;
	}
}

@media screen and (max-width: 479px) {
	.parallax {
		padding: 66px 0;
	}

	#main_content .what_we_offer_content, .stay_relevant_text {
		width: 92% !important;
		margin: 0 auto;
	}

	h1.title {
		width: 100% !important;
		background: rgba(255,255,255,0.88);
		padding: 1em 0 .33em;
		margin: 0;
		text-align: center;
		max-width: 100%;
	}
	h2.subtitle {
		margin: 0;
		padding: 0 4% 1em;
		width: 92%;
		background: rgba(255,255,255,0.88);
		text-align: center;
		max-width: 100%;
	}
	.section-0 {
		padding-top: 1em !important;
	}
	#footer_menu {
		width: 66%;
		margin: 0 auto;
	}
	#sub_page_wrapper {
		width: 88%;
	}	
	.sub_page_section {
		padding-bottom: 2em; 
	}

	.sub_page_section .highlight {
		width: 100%;
		margin-right: 0;
	}
	#portfolio_wrapper .span6 {
		margin: 0;
		width: 100% !important;
		float: none;
	}
	#workflow_img {
		width: auto;
		max-width: 100%;
		min-width: 0;
		position: relative;
		top: 0;
		right: 0;
		padding: 0 0 1em 0;
	}

	.project .span8 {
		width: 90%;
	}
}

/* Orientation based Media Queries */

@media only screen and (max-width: 1601px) and (orientation : portrait) and (min-resolution: 2dppx) {
	/* Ultra High RES! */

}

@media only screen and (max-width: 1080px) and (orientation : portrait) {
  /* PORTRAIT:
	Windows Surface Pro*/
}
 
@media only screen and (max-width: 800px) and (orientation : portrait) and (min-resolution: 2dppx) {
	/* PORTRAIT:
	Acer Iconia Tab A100
	Acer Iconia Tab A200
	Acer Iconia Tab A502
	Arnova 8C G3
	ASUS Padfone
	ASUS Transformer Pad TF300T
	ASUS Transformer TF101
	Motorola Xoom
	Motorola Xoom 2
	Samsung Galaxy Note 10.1
	Samsung Galaxy Tab 8.9
	Samsung Galaxy Tab 10.1
	Samsung Galaxy Tab 10.1*/

	/* PORTRAIT:
	Apple iPad
	Apple iPad 2
	Apple iPad 3 (and 4)
	Apple iPad Mini
	Archos 80G9
	BAUHN AMID-972XS
	HP Touchpad
	LG Optimus Pad
	Microsoft Surface (RT)
	Panasonic Toughpad A1
	Kindle Paperwhite*/	
}
 
@media only screen and (max-width: 768px) and (orientation : portrait) {
	/* PORTRAIT:
	Apple iPad
	Apple iPad 2
	Apple iPad 3 (and 4)
	Apple iPad Mini
	Archos 80G9
	BAUHN AMID-972XS
	HP Touchpad
	LG Optimus Pad
	Microsoft Surface (RT)
	Panasonic Toughpad A1
	Kindle Paperwhite*/

}
 
@media only screen and (max-width: 640px) and (orientation : portrait) {
	/* PORTRAIT:
	Acer Iconia Tab A500
	Arnova 7FG3
	Nexus 7*/

}
 
@media only screen and (max-width: 600px) and (orientation : portrait) {
	/* PORTRAIT:
	Acer Iconia Tab A101
	Archos 70b (it2)
	Arnova 10b G3
	BlackBerry PlayBook
	Kindle 3
	Kobo eReader Touch
	Samsung Galaxy Tab 2 7.0
	Samsung Galaxy Tab 7*/

}
 
@media only screen and (max-width: 540px) and (orientation : portrait) {
	/* PORTRAIT:
	HTC Evo 3D
	Kindle Fire HD 7
	Kindle Fire HD 8.9
	Ainol Novo 7 Elf 2*/

}
 
@media only screen and (max-width: 480px) and (orientation : portrait) {
	/* PORTRAIT:
	Arnova 7 G2
	BlackBerry Bold 9780
	HTC Desire Z
	Nokia N900
	Samsung Galaxy Grand*/

}
 
@media only screen and (max-width: 415px) and (orientation : portrait) {
	/* PORTRAIT:
	Samsung Galaxy Note
	Nexus 4
	HTC One S
	HTC One XL
	HTC Sensation XL
	HTC Velocity 4G
	Motorola Droid3
	Motorola Droid Razr
	Motorola Razr HD 4G
	Motorola Razr M 4G
	Nokia 500
	Samsung Galaxy Note 2
	Samsung Galaxy S3
	BlackBerry Bold 9900
	BlackBerry 9520
	BlackBerry Z10
	Apple iPhoone 6 Plus*/

}
 
@media only screen and (max-width: 360px) and (orientation : portrait) {
	/* PORTRAIT:
	Apple iPhone 3G
	Apple iPhone 3GS
	Apple iPhone 4
	Apple iPhone 4S
	Apple iPhone 5
	Apple iPod Touch
	BlackBerry Bold 9360
	BlackBerry Bold 9790
	BlackBerry Curve 9320
	BlackBerry Curve 9380
	BlackBerry Torch 9800
	BlackBerry Torch 9810
	HP Veer
	HTC 7 Mozart
	HTC 7 Trophy
	HTC Desire
	HTC Desire C
	HTC Desire HD
	HTC Legend
	HTC One V
	HTC Titan 4G
	HTC Wildfire S
	HTC Windows Phone 8X
	Huawei U8650
	LG Optimus 2X
	LG Optimus L3
	Motorola Defy
	Motorola Milestone
	Nexus S
	Nokia Lumia 610
	Nokia Lumia 710
	Nokia Lumia 800
	Nokia Lumia 820
	Nokia Lumia 900
	Nokia Lumia 920
	Samsung Galaxy Ace
	Samsung Galaxy Ace 2
	Samsung Galaxy S2
	Sony Xperia E Dual
	BlackBerry Curve 9300*/

}
 
@media only screen and (max-width: 240px) and (orientation : portrait) {
	/* PORTRAIT:
	LG Viewty KU990
	Nokia 700
	Nokia 2700
	Nokia N95
	Samsung Galaxy S3 Mini
	Nokia 300*/
}
 
@media only screen and (max-width: 1920px) and (orientation : landscape) {
	/* LANDSCAPE:
	Windows Surface Pro*/
}
 
@media only screen and (max-width: 1366px) and (orientation : landscape) {
	/* LANDSCAPE:
	Microsoft Surface (RT)*/
}
 
@media only screen and (max-width: 1280px) and (orientation : landscape) {
	/* LANDSCAPE:
	Acer Iconia Tab A100
	Acer Iconia Tab A200
	Acer Iconia Tab A502
	ASUS Transformer Pad TF300T
	ASUS Transformer TF101
	Motorola Xoom
	Motorola Xoom 2
	Samsung Galaxy Note 10.1
	Samsung Galaxy Tab 8.9
	Samsung Galaxy Tab 10.1
	Samsung Galaxy Tab 10.1
	LG Optimus Pad
	Acer Iconia Tab A500*/
}
 
@media only screen and (max-width: 1130px) and (orientation : landscape) {
	/* LANDSCAPE:
	ASUS Padfone
	Arnova 8C G3
	Arnova 7FG3*/
}
 
@media only screen and (max-width: 1024px) and (orientation : landscape) {
	/* LANDSCAPE:
	Apple iPad
	Apple iPad 2
	Apple iPad 3 (and 4)
	Apple iPad Mini
	Archos 80G9
	BAUHN AMID-972XS
	HP Touchpad
	Panasonic Toughpad A1
	Acer Iconia Tab A101
	Archos 70b (it2)
	Arnova 10b G3
	BlackBerry PlayBook
	Samsung Galaxy Tab 2 7.0
	Samsung Galaxy Tab 7
	Ainol Novo 7 Elf 2*/

}
 
@media only screen and (max-width: 980px) and (orientation : landscape) {
	/* LANDSCAPE:
	Nexus 7
	HTC Evo 3D*/
}
 
@media only screen and (max-width: 802px) and (orientation : landscape) {
	/* LANDSCAPE:
	Kindle Fire HD 7
	Kindle Fire HD 8.9
	Arnova 7 G2
	HTC Desire Z
	Nokia N900
	Samsung Galaxy Grand*/
}

@media only screen and (max-width: 749px) and (orientation : landscape) {

}
 
@media only screen and (max-width: 640px) and (orientation : landscape) {
	/* LANDSCAPE:
	Samsung Galaxy Note
	HTC One S
	HTC One XL
	HTC Sensation XL
	HTC Velocity 4G
	Motorola Droid Razr
	Nokia 500
	Samsung Galaxy Note 2
	Samsung Galaxy S3*/

}
 
@media only screen and (max-width: 600px) and (orientation : landscape) {
	/* LANDSCAPE:
	Motorola Droid3
	Nexus 4
	Motorola Razr HD 4G
	Motorola Razr M 4G
	Motorola Defy
	Motorola Milestone
	Apple iPhone 5
	HP Veer*/
}
 
@media only screen and (max-width: 540px) and (orientation : landscape) {
	/* LANDSCAPE:
	HTC Desire
	HTC Desire HD
	HTC One V
	LG Optimus 2X
	Nexus S
	Samsung Galaxy Ace 2
	Samsung Galaxy S2
	BlackBerry Z10*/
}
 
@media only screen and (max-width: 480px) and (orientation : landscape) {
	/* LANDSCAPE:
	Apple iPhone 3G
	Apple iPhone 3GS
	Apple iPhone 4
	Apple iPhone 4S
	Apple iPod Touch
	BlackBerry Torch 9800
	BlackBerry Torch 9810
	HTC 7 Mozart
	HTC 7 Trophy
	HTC Desire C
	HTC Legend
	HTC Titan 4G
	HTC Wildfire S
	HTC Windows Phone 8X
	Huawei U8650
	Nokia Lumia 610
	Nokia Lumia 710
	Nokia Lumia 800
	Nokia Lumia 820
	Nokia Lumia 900
	Nokia Lumia 920
	Samsung Galaxy Ace
	Sony Xperia E Dual*/
}
 
@media only screen and (max-width: 320px) and (orientation : landscape) {
	/* LANDSCAPE:
	Samsung Galaxy S3 Mini*/
}