body {
	background-color: #DDDDDD;
}

.pusher {
	display: flex; 
	min-height:100vh; 
	flex-direction: column;
}

.hidden.menu {
	display: none;
}

.sidebar {

}

#mainSidebarMenu {
	margin-bottom: 0px !important;
}

.mainBackground {
/* 	height: 100vh; */
	background-image: url("bg.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover !important;
	background-position: center center !important;
}

.secondBackground {
	background-image: url("bg2.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover !important;
	background-position: center center !important;
}

.mapBackground {
	background-image: url("map.jpg") !important;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center center !important;
}

#topSection {
	height: 100.5vh;
	padding: 0em 0em;
	
	display: flex; 
	flex-direction: column; 
	justify-content: space-between;
}

.masthead .ui.text.container {
/* 	margin-top: 10em; */
}

/* 
.masthead.segment {
	min-height: 100% !important;
	padding 1em 1em;
	padding: 0em 0em;
}
 */

/* 
.masthead .logo.item img {
	margin-right: 1em;
}
 */
 
/* 
.masthead .ui.menu .ui.button {
 	margin-left: 0.5em;
 }
 */

.masthead #logo {
	margin-top: 30%;
	max-width: 35em;
}

.masthead h1.ui.header {
/* 	margin-top: 3em;*/
/*  	margin-bottom: 0em; */
	margin-bottom: 0em !important;
 	font-size: 4em;
 	font-weight: normal;
}
 
.masthead h2 {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
 	font-size: 1.5em;
 	font-weight: normal;
}

.masthead h3 {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
 	font-size: 1.5em;
 	font-weight: normal;
}

#productsSection {
	padding: 4em 0em;
}

.ui.secondBackground .ui.vertical.stripe {
/* 	padding: 10em 0em; */
	min-height: 700px;
}

.ui.vertical.stripe h3 {
	font-size: 2em;
}

.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
	margin-top: 3em;
}

/* 
.ui.vertical.stripe .floated.image {
	clear: both;
}
 */
 
.ui.vertical.stripe .horizontal.divider {
	margin: 0em 0em 0.5em 0em;
}

.quote.stripe.segment {
	padding: 0em;
}

.quote.stripe.segment .grid .column {
	padding-top: 4em;
	padding-bottom: 4em;
}

.footer.segment {
	padding: 4em 0em;
}

#capabilitiesSection {
	padding: 2em;
}

#mainMenu {
	margin-bottom: 0em;
	margin-top: auto;
	padding: 2em;
	transition: all 0.7s ease;
	background-color: #004629;
	
	margin: 0; 
	width:100%;
}

#mainMenu.fixed {
	position: fixed;
	background-color: #004629;
	margin-top: 0em;
	padding: 1em;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5) !important;
	transition: all 0.7s ease;
}

#topSection #mainMenu {
	margin-bottom: 0em;
	margin-top: auto;
	padding: 2em;
	transition: all 0.7s ease;
	background-color: rgba(0, 0, 0, 0.4);
	
	margin: 0; 
	width:100%;
}

#topSection #mainMenu.fixed {
	position: fixed;
	background-color: #004629;
	margin-top: 0em;
	padding: 1em;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5) !important;
	transition: all 0.7s ease;
}

#mainMenu .item {
	color: white !important;
}

#mainMenu .toc.item {
	display: none !important;
}

#mainFooter {
	flex: 1;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5) !important;
}

.shadowed {
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5) !important;
}

.green {
}

.products {
}

.ui.vertical.stripe.products .column {
/* 	padding: 200px !important; */
/* 	margin-top:100px !important; */
/* 	margin-top: 5em; */
/* 	opacity: 0; */
/* 	opacity: 0.5; */
/* 	block: none !important; */
}

#titleText h1,
#titleText h2,
#titleText h3 {
/* 	text-shadow: 0px 0px 2px 2px rgba(1, 0, 0, 0.5) !important; */
	text-shadow: 0px 0px 7px rgba(1, 0, 0, 0.9) !important;
}

.textShadow,
.textShadow h1,
.textShadow p {
	text-shadow: 0px 0px 7px rgba(1, 0, 0, 0.9) !important;
}

#imagePreview {
	position: fixed;
	
	border-color: #777777;
	padding: 50px;
	display: none;
	z-index: 100;
	
	right: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	overflow: visible;
	/*
	display: flex;
	justify-content: center;*/
	
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.8);
}

#imagePreview img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	
	margin:auto;
	
	width: auto;
	height: auto;
	
	overflow: hidden;
}

#imagePreview .closeButton {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #aaaaaa;
	transition: 0.4s;
}

#imagePreview .closeButton:hover,
#imagePreview .closeButton:focus {
	color: #fcfcfc;
	cursor: pointer;
}

.clickable :hover {
	cursor: pointer;
}

.message {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

#map {
	width: 100%;
	height: 400px;
	background-color: grey;
}

.farsi {
	direction: rtl !important;
}

.english {
	direction: ltr !important;
}

.blackLink {
	color: #222222 !important;
	transition: 0.4s;
}

.blackLink:hover {
	color: #444444 !important;
	transition: 0.4s;
}

.whiteText {
	color: #ffffff !important;
}

#productsSectionItem:hover {
/*	background-color: #999999 !important; */
/*	opacity: 0.8; */
	filter: brightness(80%);
/*	filter: contrast(150%); */
/*	filter: saturate(200%); */
	transition: 0.4s;
}

#productsSectionItem h3 {
	color: #ffffff !important;
}

/* Intro */
.introFirst {
	/*
	background-image: url("../img/intro/Net150 A.jpg") !important;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center center !important;
	*/
	background-color: #bbbbbb;
}

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

	#mainMenu .item,
	#mainMenu .menu {
		display: none !important;
	}
	
	#mainMenu .toc.item {
		display: block !important;
	}
	
/*	.masthead.segment {
 		min-height: 800px; 
	}*/
	
	.masthead h2 {
		margin-top: 0.5em;
		font-size: 1.5em;
	}
	
	.ui.text.container.special .header,
	.ui.text.container.special p {
		color: #FFFFFF;
	}
}