@font-face {
	font-family: 'Open Sans Hebrew';
	font-style: italic;
	font-weight: 300;
	src: url(/inc/opensanshebrew-lightitalic-webfont.eot);
	src: url(/inc/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
	url(/inc/opensanshebrew-lightitalic-webfont.woff) format('woff'),
	url(/inc/opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans Hebrew';
	font-style: normal;
	font-weight: 300;
	src: url(/inc/opensanshebrew-light-webfont.eot);
	src: url(/inc/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
	url(/inc/opensanshebrew-light-webfont.woff) format('woff'),
	url(/inc/opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans Hebrew';
	font-style: italic;
	font-weight: 400;
	src: url(/inc/opensanshebrew-italic-webfont.eot);
	src: url(/inc/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),
	url(/inc/opensanshebrew-italic-webfont.woff) format('woff'),
	url(/inc/opensanshebrew-italic-webfont.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans Hebrew';
	font-style: normal;
	font-weight: 400;
	src: url(/inc/opensanshebrew-regular-webfont.eot);
	src: url(/inc/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
	url(/inc/opensanshebrew-regular-webfont.woff) format('woff'),
	url(/inc/opensanshebrew-regular-webfont.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans Hebrew';
	font-style: italic;
	font-weight: 700;
	src: url(/inc/opensanshebrew-bolditalic-webfont.eot);
	src: url(/inc/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
	url(/inc/opensanshebrew-bolditalic-webfont.woff) format('woff'),
	url(/inc/opensanshebrew-bolditalic-webfont.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans Hebrew';
	font-style: normal;
	font-weight: 700;
	src: url(/inc/opensanshebrew-bold-webfont.eot);
	src: url(/inc/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),
	url(/inc/opensanshebrew-bold-webfont.woff) format('woff'),
	url(/inc/opensanshebrew-bold-webfont.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans Hebrew';
	font-style: italic;
	font-weight: 800;
	src: url(/inc/opensanshebrew-extrabold-webfont.eot);
	src: url(/inc/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
	url(/inc/opensanshebrew-extrabold-webfont.woff) format('woff'),
	url(/inc/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans Hebrew';
	font-style: normal;
	font-weight: 800;
	src: url(/inc/opensanshebrew-extrabold-webfont.eot);
	src: url(/inc/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
	url(/inc/opensanshebrew-extrabold-webfont.woff) format('woff'),
	url(/inc/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}

/*
  Theme Name: Octopus
  Theme URL: http://www.themeregion.com
  Author: ThemeRegion
  Author URI: http://www.themeregion.com
  Description: Onepage Responsive HTML Parallax Template
  Version: 1.0
  */

/*========================
=======Typography=========
==========================*/
body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
	font-family: 'Open Sans Hebrew';
	font-size: 16px;
	font-weight:400;
	color: #000;
	background-color: #fce9ae;
	
}

#promo-1 h4 {
	font-size: 36px;
}

ul {
	list-style: none;
	margin:0;
	padding:0;
}

.navbar-nav li a:hover,
.navbar-nav li a:focus {
	outline:none;
	outline-offset: 0;
	text-decoration:none;
	background: transparent;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

a:focus,
a:hover {
	text-decoration: none;
	outline: none;
	color:#fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Hebrew';
	font-weight: 400;
}

.padding-top {
	padding-top: 72px;
}

.padding-bottom{
	padding-bottom:110px;
}

.bottom60 {
	padding-bottom:60px;
}

.section-title {
	margin-bottom: 40px;
	overflow: hidden;
	padding-bottom: 0px;
	position: relative;
	direction: ltr;
}

.section-title:after {
	/* position:absolute; */
	/* content:""; */
	/* left:50%; */
	/* bottom:0; */
	/* height:2px; */
	/* width:56px; */
	/* background-color:#d9d9d9; */
	/* margin-left:-28px; */
}

.section-title h2 {
	font-size: 58px;
	text-transform: uppercase;
	font-family: 'Open Sans Hebrew';
	font-weight: 400;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.color-overlay {
	/* position:absolute; */
	/* left:0; */
	/* right:0; */
	/* top:0; */
	/* bottom:0; */
	/* z-index:1; */
}

.parallax-section {
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	width: 100%;
	min-height: 528px;
	color: #fff;
	text-transform: uppercase;
	font-size:18px;
}

.parallax-content {
	position:relative;
	padding-bottom: 100px;
	padding-top: 190px;
	background: transparent;
	font-family: 'Open Sans Hebrew';
	font-size: 35px;
	height: 560px;
}

.off-white {
	background-color: #fce9ae;
}

.navbar-toggle {
	border:1px solid #df392e;
	margin-top:15px;
}

.navbar-toggle .icon-bar {
	background-color: #df392e;
}

.btn-primary {
	border: 1px solid #f5f5f5;
	background-color:transparent;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	margin-top: 25px;
	padding: 12px 45px;
}

.btn-primary:hover {
	background-color:#db2429;
	border-color:#db2429;
}


/*========================
========Home CSS==========
==========================*/

/*Main Carousel CSS*/
#main-carousel {
	overflow:hidden;
	background-color: #0b757b;
	/*	height: 1080px;*/
	height: 100% !important;
	width: 100% !important;
}

#home-carousel  .item {
	background-position: center top;
	background-repeat: no-repeat;
	background-size:cover;
	width:100%;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

.carousel-caption {
	left:15px;
	right:15px;
	top:50%;
	margin-top:-150px;
	text-align:center;
	text-transform: uppercase;
	font-size:24px;
	color:#fff;
	text-shadow:none;
}

.carousel-caption h1 {
	font-size: 30px;
	font-weight: 400;
	margin-bottom:0;
}

.carousel-caption h2 {
	font-size:92px;
	font-weight:700;
	letter-spacing:0;
	margin-top:12px;
}

.carousel-caption > p {
	letter-spacing: 8px;
	text-shadow: inherit;
}

.carousel-caption h2 span {
	color:#df392e
}

.main-carousel-left,
.main-carousel-right {
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	height: 55px;
	line-height: 52px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 55px;
	z-index: 15;
}

.main-carousel-left {
	left:-100px;
}

.main-carousel-right  {
	right:-100px;
}

#main-carousel:hover .main-carousel-left {
	left:32px;
}

#main-carousel:hover .main-carousel-right {
	right:32px;
}

.main-carousel-left:hover,
.main-carousel-right:hover {
	background-color:#df392e;
	border-color:#df392e;
	color:#fff;
}

.main-carousel-left .fa-angle-left {
	margin-left: -3px;
}

.main-carousel-right .fa-angle-right {
	margin-right: -3px;
}
.mouse-down {
	left: 0px;
	bottom: 25px;
	height: 46px;
	width: 100%;
	background: transparent url('../images/icon_arrowd.png') no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
}

.mouse-down-hidden{
	display: none;
}

/*.mouse-down .wheel {
	position: relative;
	width: 4px;
	height: 10px;
	top: 5px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}*/

.mouse-down .fa-angle-down {
	font-size: 24px;
	margin-left: 6px;
	margin-top: 38px;
}

.mouse-down.wheel,
.mouse-icon .fa-angle-down {
	-webkit-animation-name:drop;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease-in;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-play-state:running;
	animation-name:drop;
	animation-duration:1s;
	animation-timing-function:ease-in;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-play-state:running;
}

@-webkit-keyframes drop	{
	0%   { bottom:25px;opacity: 0;}
	30% { bottom:10px;opacity: 1;}
	100% { bottom:5px;opacity: 0;}
}

@keyframes drop	{
	0%   { bottom:25px;opacity: 0;}
	30% { bottom:10px;opacity: 1;}
	100% { bottom:5px;opacity: 0;}
}


/*Navigation CSS*/
#navigation .navbar,
#navigation .navbar-fixed-top   {
	margin-bottom:0;
	background-color: #000;
}

.navbar-brand h1 {
	margin-top:12px;
}

#navigation .navbar-right li a {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 67px;
	height: 100%;
	text-transform:uppercase;
	position:relative;
	font-family: 'Open Sans Hebrew';
	padding: 57px 15px 9px 15px;
	position: relative;
}

#navigation .navbar-right li a.active,
#navigation .navbar-right li a:hover,
#navigation .navbar-right li.active a  {
	color: #fde703;
}


/*=========================
========About Us CSS========
===========================*/

#about-us {
	margin-bottom: 40px;
	background-color: #fce9ae;
}

.bout-us-image {
	display:inline-block;
	margin-bottom:80px;
}

.bout-us-image img {
	width:100%;
}

.about-content {
	margin-bottom:70px;
}

.about-icon,
.hot-feature .icon {
	display:inline-block;
	background-color: transparent;
	width:60px;
	height: 60px;
	line-height: 56px;
	margin-bottom:15px;
	border-radius: 4px;
	color: #333333;
	font-size: 18px;
	text-align:center;
	border:1px solid #333;
	position:relative;

}

.about-content:hover .about-icon,
.hot-feature:hover .icon{
	background-color:#db2429;
	border-color:#db2429;
	color:#fff;

}

.about-content:hover .about-icon:after {
	position: absolute;
	content:"";
	width:0;
	height:0;
	left: 50%;
	margin-left:-12px;
	bottom:-21px;
	border-width: 12px ;
	border-style:solid;
	border-color:#db2429 transparent transparent;
}

.about-text h3 {
	font-size:24px;
	color:#000;
	margin-bottom:18px;
}

/*=========================
==parallax promo-1 CSS===
===========================*/

#promo-1  {
	background: transparent url('../images/pattern_icons.png');
	background-color: #e91c3f;
	background-position: 50% 0;    background-repeat: no-repeat;    background-size: cover;        width: 100%;
	min-height: 760px;    color: #fff;    text-transform: uppercase;    font-size: 18px;
	background-attachment: fixed;
}

.parallax-section .container {
	position:relative;
	z-index: 5;
	background: transparent;
}

#promo-1  p {
	letter-spacing: 0px;
	margin-top:15px
	;direction: rtl;
	font-size: 52px;
}

/*=========================
==parallax promo-2 CSS===
===========================*/

#promo-2 {
	background: transparent url('../images/pattern_icons.png');
	background-color: #4fabca;    background-position: 50% 0;    background-repeat: no-repeat;    background-size: cover;        width: 100%;
	min-height: 760px;    color: #fff;    text-transform: uppercase;    font-size: 18px;

	background-attachment: fixed;
}

#promo-2 .parallax-content {
	padding-top: 11%;
}

#promo-2 i {
	font-size:30px;
}

#promo-2 h3 {
	font-size:60px;
	margin-top:8px;
}

#promo-2 h4 {
	font-size:18px;
	font-weight:400;
}


#promo-3 {
	background: transparent url('../images/pattern_icons.png');
	background-color: #b9529f;    background-position: 50% 0;    background-repeat: no-repeat;    background-size: cover;        width: 100%;
	min-height: 760px;    color: #fff;    text-transform: uppercase;    font-size: 17px;

	background-attachment: fixed;
}

#promo-3 .parallax-content {
	padding-top: 10%;
}

#promo-3 i {
	font-size:30px;
}

#promo-3 h3 {
	font-size:60px;
	margin-top:8px;
}

#promo-3 h4 {
	font-size:18px;
	font-weight:400;
}

#promo-4 {
	background: transparent url('../images/pattern_icons.png');
	background-color: #8dc43f;    background-position: 50% 0;    background-repeat: no-repeat;    background-size: cover;        width: 100%;
	min-height: 760px;    color: #fff;    text-transform: uppercase;    font-size: 18px;

	background-attachment: fixed;
}

#promo-4 .parallax-content {
	padding-top:105px;
}

#promo-4 i {
	font-size:30px;
}

#promo-4 h3 {
	font-size:60px;
	margin-top:8px;
}

#promo-4 h4 {
	font-size:18px;
	font-weight:400;
}

/*=========================
=======why octopus CSS=====
===========================*/
.octopus-tab ul li {
	margin-bottom:10px;

}
.octopus-tab li a {
	background-color: #f0f0f0;
	display: table-cell;
	font-size: 18px;
	font-weight:400;
	text-transform:uppercase;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	color:#b2b2b2;
	cursor:pointer;
	position:relative;
	z-index:10;
	border-radius:4px 0 0 4px;
}

.octopus-tab li a i {
	font-size:48px;
	display:block;
}

.octopus-tab li a:hover,
.octopus-tab li.active a{
	background-color: #db2429;
	color:#fff;
}

.octopus-tab li.active a:after,
.octopus-tab li:hover a:after{
	border-color:transparent transparent transparent #db2429;
}

.octopus-tab li a:after {
	position: absolute;
	content:"";
	width:0;
	height:0;
	right:-19px;
	top:50px;
	border-width: 10px ;
	border-style:solid;
	border-color:transparent transparent transparent #f0f0f0;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.tab-content .tab-pane {
	margin-left: -30px;
	padding:15px 57px 30px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height:25px;
	border-radius:0 4px 4px 0;
}

.tab-content .tab-pane h2 {
	margin-bottom:35px;
}

.tab-content .tab-pane img {
	margin-bottom:35px;
}

#accordion-two .panel {
	border:none;
	box-shadow:none;
}

.panel-heading:hover,
.panel-heading.active {
	background-color: #db2429;
	color:#fff;
}

.panel-heading {
	color:#333;
	display:block;
	position:relative;
	padding:0;
}

.panel-title {
	font-size: 18px;
	font-weight: 400;
}

.panel-title a {
	padding:18px 15px;
	display:block;
}

.panel-heading .panel-title a:before {
	font-family: FontAwesome;
	content: "\f067";
	position: absolute;
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 21px;
}

.panel-heading.active .panel-title a:before {
	content: "\f068";
}

.panel-body {
	padding: 20px;
	border-width:0 1px 1px 1px;
	border-color:#ebebeb;
	border-style:solid;
	border-radius:0 0 5px 5px;
}

.panel-group .panel+.panel {
	margin-top:10px;
}

p.image_text_first {
	line-height: 20px;
	margin: 0;
}

p.image_text_last {
	line-height: 20px;
	font-weight: 400;
}

/*=========================
=======Portfolio CSS=======
===========================*/

.portfolio-filter, .portfolio-filter2 {
	overflow:hidden;
	margin-bottom:50px;
	direction: rtl;
}

a.pp_close {
	-webkit-transition: 0ms !important;
	-moz-transition: 0ms !important;
	-o-transition: 0ms !important;
	transition: 0s !important;
}

div.pp_default .pp_description {
	color: #5B6C7B !important;
	margin-top: 7px;
	float: right;
}

span.pp_description_client {
	font-weight: normal;
}
.portfolio-filter li, .portfolio-filter2 li{
	display:inline-block;
	margin-right:20px;
	cursor: pointer;
	max-width: 110px;
	margin-bottom: 10px;
}

.portfolio-filter li a, .portfolio-filter2 li a {
	display:block;
	padding: 10px 6px;
	background-color: #828383;
	text-transform:uppercase;
	font-size: 18px;
	font-weight: 400 !important;
	color: #fff;
	border: 0px solid #e6e6e6;
	font-family: 'Open Sans Hebrew';
	font-weight: 600;
	line-height: 16px;
}

.active2{
	color:#fff !important;
	background-color: #000 !important;
}

.portfolioHover{
	/*color:#fff !important;
	background-color: #000 !important;*/
}

.portfolioHover2{
	color:#fff !important;
	background-color: #000 !important;
}

/*.portfolio-filter li a:hover, */
.portfolio-filter li a:active,
.portfolio-filter li a:focus,
.portfolio-filter li a.active {
	color:#fff;
	background-color: #000;
}

.portfolio-filter2 li a:active,
.portfolio-filter2 li a:focus,
.portfolio-filter2 li a.active {
	color:#fff;
	background-color: #000;
}

.portfolio-content {
	position:relative;
	overflow:hidden;
	margin-bottom: 2px;
	cursor: url("/images/cursor-point.png") 40 40, crosshair;
}

.folio-overlay {
	position:absolute;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	opacity:0;
	background-color:rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	cursor: 
}

.portfolio-content:hover .folio-overlay {
	opacity:1;
}


.portfolio-content .img-responsive {
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.portfolio-content:hover .img-responsive {
	-moz-transform: scale(1.3) rotate(-15deg);
	-webkit-transform: scale(1.3) rotate(-15deg);
	-o-transform: scale(1.3) rotate(-15deg);
	-ms-transform: scale(1.3) rotate(-15deg);
	transform: scale(1.3) rotate(-15deg);
}

.folio-overlay a.folio-link,
.folio-overlay a.folio-detail {
	position:absolute;
	height:50px;
	width:50px;
	font-size:18px;
	border-radius:50%;
	line-height:49px;
	text-align:center;
	border:1px solid #fff;
	opacity:0;
}

.folio-overlay a:hover {
	background-position: bottom center;
}

.folio-overlay a.folio-link {
	top:-150px;
	left:75px;
	margin-top:-25px;
	margin-right:10px;
}

.folio-overlay a.folio-detail {
	bottom:-150px;
	right:75px;
	margin-bottom:-25px;
	margin-left:10px;
}

.portfolio-content:hover .folio-overlay a.folio-link{
	top:50%;
	opacity:1
}

.portfolio-content:hover .folio-overlay a.folio-detail{
	bottom:50%;
	opacity:1;
}

/*.portfolio-content:hover .img-responsive {
	-moz-transform: scale(1.3) rotate(-15deg);
	-webkit-transform: scale(1.3) rotate(-15deg);
	-o-transform: scale(1.3) rotate(-15deg);
	-ms-transform: scale(1.3) rotate(-15deg);
	transform: scale(1.3) rotate(-15deg);
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}*/


/*=========================
=====Testimonials CSS======
===========================*/

#testimonial {
	background-image: url("../images/testimonial/testimonial-bg.jpg");
	font-size:16px;
	font-weight:300;
	text-transform:inherit
}

#testimonial .parallax-content {
	padding-bottom: 105px;
	padding-top: 115px;
}

#testimonial-carousel img {
	display:inline-block;
	height:80px;
	width:80px;
	margin-bottom:25px;
}

#testimonial-carousel p span {
	display:block;
	font-weight:600;
	font-style:italic;
	margin-top:15px;
}

.testimony-left,
.testimony-right,
.twitter-left-control,
.twitter-right-control {
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	height: 30px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 30px;
	z-index: 15;
}

.twitter-left-control i,
.testimony-left i {
	margin-left:-2px;
}

.twitter-right-control i,
.testimony-right {
	margin-right:-2px;
}

.testimony-left,
.twitter-left-control {
	left:40px
}

.testimony-right,
.twitter-right-control {
	right:40px
}

.twitter-left-control:hover,
.twitter-right-control:hover,
.testimony-left:hover,
.testimony-right:hover {
	background-color:#db2429;
	border-color:#db2429
}

/*=========================
======Team Member CSS======
===========================*/
.member-info {
	font-size:12px;
	color:#000;
	font-weight:300;
}

.member-info h4 {
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;
	margin-top:35px;
}

.member-social {
	margin-top:35px;
}

.member-social li {
	display:inline-block;
	margin-right:15px;
}

.member-social li a {
	border: 1px solid #e5e5e5;
	color: #000;
	display: block;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.member-social li a:hover {
	color:#fff;
}

.member-social li a.facebook:hover {
	background-color:#527ebf;
}

.member-social li a.twitter:hover {
	background-color:#1bc0e0;
}

.member-social li a.linkedin:hover {
	background-color:#007bb6;
}

.member-social li a.dribbble:hover {
	background-color:#ea4c89;
}

.member .member-image {
	position:relative;
	overflow:hidden;
}

.member-overlay {
	position:absolute;
	left:0;
	bottom:0;
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.8);
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.member-overlay a,
.more-link  a {
	background-color: #db2429;
	border-radius: 50%;
	height: 0;
	width: 0;
	left: 50%;
	line-height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	top:50%;
	opacity:0;
}

.member:hover .member-overlay {
	opacity:1;
}

.member:hover .member-overlay a,
.blog-content:hover .more-link  a  {
	height: 50px;
	width: 50px;
	opacity:1;
}

/*=========================
=====Hot-octopus CSS=======
===========================*/

.hot-features {
	margin-top: 100px;
	overflow: hidden;
}

.hot-features img {
	margin-top:12px;
	margin-bottom:-50px;
}

.hot-feature {
	overflow:hidden;
	margin-bottom:50px;
}

.hot-feature .feature {
	display: block;
	float: left;
	overflow: hidden;
	padding-left: 20px;
	width: 80%;
}

.hot-feature .icon {
	float:left;
}

.hot-feature .feature  h3 {
	margin-top:-3px;
	margin-bottom:20px;
}

.hot-feature:hover .icon:after {
	position: absolute;
	content:"";
	width:0;
	height:0;
	top: 50%;
	margin-top:-12px;
	right:-21px;
	border-width: 12px ;
	border-style:solid;
	border-color:transparent transparent transparent #db2429;
}

/*************************
********Twitter CSS*******
**************************/
#twitter {
	background-image: url("../images/twitter-bg.jpg");
	font-size: 16px;
	font-weight: 300;
	text-transform: inherit;
}

#twitter .parallax-content {
	padding-bottom: 110px;
	padding-top: 120px;
}

.twitter-icon {
	font-size: 36px;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align:center;
	background-color: #db2429;
	color:#fff;
	border-radius: 50%;
	display:inline-block;
	margin-bottom:30px;
}

#twitter-slide .item  a {
	color: #fff;
}

#twitter-slide .item  a  span {
	display:block;
	font-weight:400;
	font-style:italic;
	margin-top:10px;
}


/*=========================
========Service CSS========
===========================*/

#services {
	background-color: #FFFFFF;
	padding-bottom: 75px;
}

.service-heading  {
	padding:110px 0 50px;
}

.service-heading .col-sm-3 {
	padding-right:0;
}

.service-heading h3 {
	font-size: 48px;
	font-weight: 200;
	text-transform:uppercase;
}

.service-heading h3 span {
	font-weight:300;
}

.service-content {
	display: table;
	font-size: 28px;
	font-weight: 300;
	margin-left: 40px;
	margin-top: 60px;
}

.service-icon {
	display:table-cell;
	vertical-align:middle;
}

.service-icon i{
	color: #FFE401;
	font-size: 60px;
	margin-right: 40px !important;
}

.service-text {
	line-height:33px;
}

.service-content span {
	font-weight:400;
}

.single-service {
	margin-bottom:40px;
}

.single-service:hover .single-service-icon {
	background-color:#333333;
	border: 3px solid #FFE401;
	color: #FFE401;
}

.single-service-icon,
.single-service:hover .single-service-icon{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.single-service .col-sm-9 {
	padding-left:30px;
}

.single-service-icon {
	background-color: #FFE401;
	border:3px solid #FFE401;
	color: #333333;
	font-size: 72px;
	padding: 7px 0;
	text-align: center;
	margin-top:7px;
}

.single-service-text {
	font-size:18px;
	font-weight:300;
}

.single-service-text h2 {
	font-size:36px;
	font-weight:100;
	margin-top:0;
}

.single-service-text h2 span {
	font-weight:300;
}

/*=========================
========Clients CSS========
===========================*/

#clients-carousel {
	padding-bottom:105px;
}

#clients-carousel .item {
	font-size:0;
	text-align:center;
}

#clients-carousel .item ul li {
	display:inline-block;
	width:25%;
}

#clients-carousel .item img {
	opacity:0.6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#clients-carousel .item img:hover {
	opacity:1;
}

.client-left,
.client-right {
	color: #ABABAB;
	font-size: 60px;
	position: absolute;
	top: -13%;
}

.client-left:hover,
.client-right:hover {
	color: #FFE401;
}

.client-left {
	left:-20px;
}

.client-right {
	right:-20px;
}


/*=========================
==========Blog CSS=========
===========================*/
.blog-content {
	margin-bottom:60px;
	font-size:14px;
	color:#333;
}

.blog-image {
	overflow:hidden;
	position:relative;
}

.post-date,
.more-link,
.more-link a {
	position:absolute;
}

.post-date {
	left:-10px;
	top:-10px;
	background-color:#db2429;
	color:#fff;
	font-size:36px;
	padding:5px 30px 15px;
	text-align:center;
}

.post-date span {
	display:block;
	font-size:24px;
}

.more-link a{
	line-height:50px;
	height:50px;
	width:50px;
	left:-100%;
	top:-100%;
}

.blog-content:hover .more-link a{
	left:50%;
	top:50%;
}

.more-link  {
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:transparent;
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.blog-content:hover .more-link {
	background-color:rgba(0, 0, 0, 0.8);
	opacity:1;
}

.entry-header {
	margin-bottom: 26px;
	position:relative
}

.entry-title a {
	color:#000;
}

.entry-title a:hover {
	color:#db2429;
}

.entry-meta {
	margin-bottom:30px;
}

.entry-meta li {
	display:inline-block;
}

.entry-meta li a {
	color:#666;
}

.entry-meta li a:hover {
	color:#000;
}

.entry-meta span {
	margin-left: 8px;
	margin-right: 8px;
}

/*************************
*****Pricing Table CSS****
**************************/

.single-table {
	background-color: #fff;
	color: #1e1e1e;
	padding: 25px;
	border-radius:5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-table h4 {
	color: #db2429;
	font-size: 30px;
	font-weight: 400;
	margin-top:5px;
	margin-bottom: 21px;
}

.price-icon {
	background-color: #db2429;
	color: #fff;
	display: inline-block;
	font-size: 30px;
	height: 100px;
	line-height: 95px;
	width: 100px;
	border-radius:5px;
}

span.price {
	font-size: 30px;
	font-weight:700;
	display: block;
	margin-top: 10px;
	color: #db2429;
}

.single-table ul {
	margin-top: 45px;
}

.single-table ul li {
	margin-top: 20px;
}

.single-table .btn-primary {
	border: 1px solid #db2429;
	color: #db2429;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 45px;
	padding: 15px 30px;
	text-transform: capitalize;
}

.single-table.featured h4  {
	color: #fff;
}

.single-table.featured .price-icon,
.single-table.featured .btn-primary {
	background-color:#fff;
	color:#db2429
}

.single-table.featured,
.single-table.featured .price {
	background-color: #db2429;
	color: #fff;
}

.single-table:hover  .btn-primary:hover {
	background-color:#db2429;
	color:#fff;
}

.single-table.featured .btn-primary:hover {
	border-color:#fff;
}

/*=========================
=======Contact us CSS======
===========================*/

#contact-us {
	text-transform:inherit;
	background-color: #fce9ae;
	direction: rtl;
	max-width: 1170px;
	margin: 0 auto;
}

#contact-us .parallax-content {
	padding-bottom: 85px;
	padding-top: 95px;
}

.form-control {
	background-color: transparent;
	background-image: none;
	border: 1px solid #000;
	border-radius: 0;
	height: 48px;
}

textarea.form-control {
	height:215px;
	resize:none;
}

.form-control:focus {
	box-shadow: none;
	border-color:#0b757b;
}

.btn.btn-submit {
	background-color: #0b757b;
	border-radius: 0;
	display: block;
	font-weight: 600;
	/* padding: 8px; */
	width: 100%;
	color: #fff;
	font-size: 25px;
	padding: 5px !important;    
	width: 94% !important;    
	float: left !important;
	margin: 0px 3%;
}

.form-group {
	margin-bottom: 20px;
}

.contact-info {
	background-color: rgba(255, 255, 255, 0.1);
	font-size: 15px;
	font-weight: 400;
	padding: 20px 45px;
	text-align: right;
}

.contact-info h3 {
	font-size:24px;
	text-transform:uppercase;
	margin-bottom:25px;
}

.contact-info ul {
	margin-bottom:25px;
}

.contact-info ul li {
	margin-bottom:10px;
	font-size:18px;
	margin: 35px;
}

.contact-info ul li i {
	background-color: #db2429;
	height: 35px;
	line-height: 35px;
	margin-right: 5px;
	text-align: center;
	width: 35px;
	font-size:14px;
	border-radius:5px;
}

.social-icons {
	margin-top:35px;
}

.social-icons h3 {}

.social-icons ul  {
	margin-bottom:15px;
}

.social-icons ul li {
	display:inline-block;
	margin-right:5px;
}

.social-icons ul li i.fa-facebook{
	background-color:#3b5997;
}
.social-icons ul li i.fa-twitter{
	background-color:#29c5f6;
}
.social-icons ul li i.fa-linkedin{
	background-color:#016dbf;
}
.social-icons ul li i.fa-dribbble{
	background-color:#ff5c93;
}
.social-icons ul li i.fa-youtube{
	background-color:#de332b;
}

.facebook {
	width: 57px;
	background: transparent url('../images/contact/icons_contact_6.png');
	height: 57px;
}

.linkedin {
	width: 57px;
	background: transparent url('../images/contact/icons_contact_5.png');
	height: 57px;
}

.social-icons ul li i{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.social-icons ul li i:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

/*=========================
========Footer CSS========
===========================*/

#gmap {
	height:350px;
}

#footer {
	background-color:#000;
	color:#fff;
	padding-top:30px;
	padding-bottom:20px;
	font-weight:400;
	position:relative;
}

#footer a {
	font-weight:700;
	color:#db2429
}

#footer a.to-top {
	right: 51px;
	bottom: 16px;
	height:46px;
	width:46px;
	background: transparent url('../images/icon_arrow.png');
	display: inline-block;
	position: absolute;
}

.btn.btn-submit:hover {
	background-color: #0b757b;
	color:#fff;
}

#footer a.to-top-fixed-bottom {
	position: fixed;
	opacity: 0.5;
	z-index: 60;
}
#footer a.to-top-fixed-bottom:hover {
	position: fixed;
	opacity: 1;
}

/*************************
*******Preloader CSS*********
**************************/
.preloader{
	display: table;
	/*	background: #0B757B;*/
	background: #006666;
	z-index: 999999;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0%;
}

#loaderImage {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
}


#canvas {
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
}

.logo {
	max-width: 86%;
	padding-top: 23px;
	padding-left: 10px;
}

.close-instructions{
	width:13%;
}
.text_side { display: inline; /* margin-top: -25px; */ margin-right: 3%; margin-left: 3%; height: 100%;}

.about_text {
	text-align: justify;
	direction: rtl;
	font-family: 'Open Sans Hebrew';
	font-weight: 400;
	margin: 0 auto;
	float: none;
	padding: 0 0.5%;
	min-height: 400px;
}

.about_text_div {
	text-align: center;
}

.clear {
	clear:both;
}

.top_promo_back {
	width:100%;
	height:101px;
	background: transparent url('../images/colored_strip_top.png');
}

.bottom_promo_back {
	width:100%;
	height: 200px;
	background: transparent url('../images/colored_strip_bottom.png');
}

.port_icon, .port_icon2 {
	width:110px;
	height:96px;
	margin-bottom: 5px;
}

.port_icon_all {
	background: transparent url('../images/icons_works/icon_works_1a.png');
}

.port_icon_dfusd {
	background: transparent url('../images/icons_works/icon_works_2a.png');
}

.port_icon_mitug {
	background: transparent url('../images/icons_works/icon_works_3a.png');
}

.port_icon_mishar {
	background: transparent url('../images/icons_works/icon_works_4a.png');
}

.port_icon_shilut {
	background: transparent url('../images/icons_works/icon_works_5a.png');
}

.port_icon_knasim {
	background: transparent url('../images/icons_works/icon_works_6a.png');
}

.port_icon_all2 {
	background: transparent url('../images/icons_specials/icons_specials_1a.png');
}

.port_icon_pikboard {
	background: transparent url('../images/icons_specials/icons_specials_2a.png');
}

.port_icon_pvc {
	background: transparent url('../images/icons_specials/icons_specials_3a.png');
}

.port_icon_3d {
	background: transparent url('../images/icons_specials/icons_specials_4a.png');
}

.port_icon_tapetim {
	background: transparent url('../images/icons_specials/icons_specials_5a.png');
}

.port_icon_primelsim {
	background: transparent url('../images/icons_specials/icons_specials_6a.png');
}

.port_icon_tezuga {
	background: transparent url('../images/icons_specials/icons_specials_7a.png');
}

.active_image {
	background-position: bottom center;
}

.active_image2 {
	background-position: bottom center;
}

.active_image_jet {
	background-position: bottom center;
}
.portfolio-items .portfolio-item, .portfolio-items2 .portfolio-item2{
	-webkit-transition-property: right, top, -webkit-transform, opacity;
	-moz-transition-property: right, top, -moz-transform, opacity;
	-ms-transition-property: right, top, -ms-transform, opacity;
	-o-transition-property: right, top, -o-transform, opacity;
	transition-property: right, top, transform, opacity;
}

.about_margin {
	max-width: 1170px;
	margin: 0 auto;
}

.navbar_max {
	max-width: 1170px;
	margin:0 auto;
}

.image_wid {
	min-width: 100%;
}

.details_text {
	position: absolute;
	z-index: 10;
	top:0;
	right:0;
	width: 100%;
	direction: rtl;
	color: #fff;
	font-size: 15px;
	line-height: 19px;
	font-family: 'Open Sans Hebrew';
	padding: 15px 20px 20px 20px;
	overflow: hidden;
}
.details_text b, .details_text strong{
	font-size: 18px;
	line-height: 25px;
}

.details {
	position: relative;
}

.imageplus {
	position: absolute;
	width: 40px;
	height: 40px;
	background: transparent url('../images/icon_plus_picture_a.png');
	bottom: 10px;
	right: 10px;
}

.image_text {
	color:#fff;
	text-align: center;
	font-family: 'Open Sans Hebrew';
	font-size: 16px;
	line-height: 10px;
	position: absolute;
	top: 40px;
	width: 100%;
}

.image_text_first {
	font-weight: 600;
}

.portfolio-wrapper {
	direction: rtl;
}

.tech_icons{
	margin: 0 auto;
	max-width: 1125px;
	position: relative;
	width: 100%;
}

.tech_icon {
	width: 24%;
	height: 30px;
	float: right;
	margin: 0.4%;
	display: block;
	background-color: #828383;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	border: 0px solid #e6e6e6;
	font-family: 'Open Sans Hebrew';
	font-weight: 600;
	line-height: 30px;
	cursor: pointer;
}

.tech_icon_active{
	color:#fff;
	background-color: #000;
}

.tech_show {
	width: 100%;
	margin: 0 auto;
	max-width: 1114px;
	margin-top: 40px;
}

.show_divs {
	float:right;
}

.tech_text{
	width: 35%;
	text-align: right;
}

.tech_text h3{
	font-weight: 600;
}

.tech_pic{
	width: 60%;
	float: left;
	position: relative;
}

.tech_text_bold_big {
	font-size: 25px;

	font-weight: 600;
}

.tech_text_sub_bold{
	font-size: 14px;

	font-weight: bold;
}

.tech_text_reg {
	font-weight: 500;

	text-align: justify;
}

.tech_pic img {
	width:100%;
}

.tech_show p{
	width: 90%;
	float: right;
	margin-right: 5px;
}

.tech_show_en p{
	width: 100%;
	direction: ltr;
}
.tech_play {
	position: absolute;
	bottom: 0;
	left:0;
	width: 94px;
	height: 94px;
	background: transparent url('../images/icon_video_technology_a.png') no-repeat;
	background-size: cover;
}

.tech_play:hover {
	background-position: bottom;
}

.tech_show {
	display: none;
}

.hp_latex_3500 {
	display: block;
}

.tech_fades{
	min-height: 500px;
	position: relative;
	max-width: 1125px;
	margin: 0 auto;
}

#tech {
	background-color: #fce9ae;
}

.address {
	width: 36px;
	background: transparent url('../images/contact/icons_contact_1.png');
	height: 25px;
	float:right;
	margin: 15px;
}

.phone {
	width: 38px;
	background: transparent url('../images/contact/icons_contact_2.png');
	height: 34px;
	float:right;
	margin: 15px;
}

.fax {
	width: 37px;
	background: transparent url('../images/contact/icons_contact_3.png');
	height: 35px;
	float:right;
	margin: 15px;
}

.mail {
	width: 38px;
	background: transparent url('../images/contact/icons_contact_4.png');
	height: 34px;
	float:right;
	margin: 15px;
}

.contact_names {
	float:right;
	font-weight: 600;
	margin: 15px;
	padding-right: 30px;
	min-width: 230px;
}

.contact_icons {
	margin-right: 10px;
}

#navigation {
	position: absolute;
	top: 100%;
	z-index: 500;
	width: 100%;
}

#logo {
	/*	width: 1170px;*/
	/*	height: 562px;*/
	/*	background: transparent url('../images/logo.jpg') no-repeat;*/
	/*	background-size: contain;*/
	/*	margin: 8.5% auto;*/
	/*	background: transparent url('/images/logo_es_open.png') no-repeat;*/
	width: 100%;
	height: 100%;
	max-width: 873px;
	margin: auto;
	background: transparent url('/images/logo_es_open.png') no-repeat;
	background-position: center center;
	background-size: contain;
}
.logo-alt {
	background: transparent url('/images/logo_es.png') no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
}
#first_video {
	width:97px;
	height: 97px;
	background:transparent url('../images/icon_video.png');
	display: inline-block;
}

.navbar-collapse {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

a.tech_play {
	-webkit-transition: initial !important;
	-moz-transition: initial !important;
	-o-transition: initial !important;
	transition: initial !important;
}

section#about-us .section-title {
	margin-top: 140px;
}

.form-phone, .form-name {
	width: 48.5%;
}

.form-phone {
	float: left;
}

.form-name {
	float: right;
}
.form-phone_en {
	float: right;
}

.form-name_en {
	float: left;
}

.about_text_en {
	direction: ltr !important;
	min-height: 520px;
}
.about_text_en * {
	direction: ltr !important;
	text-align: justify;
}


h2.animated.zoomIn{
	margin-top: -10px;
	text-align: center;
}
p.animated.fadeInDownBig{
	text-align: center;
}



@media screen and (min-width: 1200px) {
	.details_text {
		font-size: 13px;
		line-height: 16px;
	}
	.about_text {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-webkit-column-gap: 80px; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		-moz-column-gap: 80px; /* Firefox */
		-moz-column-fill: auto; /* Firefox */
		column-gap: 80px;
		column-count: 2;
		column-fill: auto;
	}
}
@media screen and (min-width: 1600px) {
	.details_text {
		font-size: 15px;
		line-height: 19px;
	}

}
@media screen and (max-width: 768px) {

	.form-phone, .form-name {
		width: 100%;
	}

	#navigation .navbar-right li a {
		padding: 10px 10px 10px 10px;
	}
	.mobile-inline{
		display: inline;
	}
	#promo-3 p{
		font-size: 25px!important;
	}
}

.about_text .column {
	padding: 0 10px;
}

a.imageplus {
	-webkit-transition: 0ms;
	-moz-transition: 0ms;
	-o-transition: 0ms;
	transition: 0ms;
}

a.pp_close {
	margin-top: 6px;
}

div.pp_default .pp_content_container .pp_details{margin: 0 0 0 0 !important;}

a.pp_next, a.pp_previous {
	-webkit-transition: 0ms;
	-moz-transition: 0ms;
	-o-transition: 0ms;
	transition: 0ms;
}
.last.column {
	padding-right: 3% !important;
}

.first.column {
	padding-left: 3% !important;
}

.parallax-content .container.text-center p, .parallax-content .container.text-center div,.parallax-content .container.text-center h1, .parallax-content .container.text-center h2, .parallax-content .container.text-center h3, .parallax-content .container.text-center h4, .parallax-content .container.text-center h5, .parallax-content .container.text-center a{
	font-size: 31px !important;
	line-height: 50px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	direction: rtl;
	color: #fff;
}

.parallax-content .container.text-center h1, .parallax-content .container.text-center h2, .parallax-content .container.text-center h3, .parallax-content .container.text-center h4, .parallax-content .container.text-center h5{
	font-weight: 600 !important;
}

.sampleClass {float:left;}
.hidden-first{
	display: none;
}
@media only screen and (min-width: 768px){
	.sampleClass {float:none;};
}

span.fileClosingInstructions{
    border: 1px solid #57575700;
    padding: 7px 1.5%;
    background-color: #304f51;
    position: absolute;
    border: 1px solid #3a4044;
    right: 3px;
    text-align: center;
    right: 3px;
    top: 5px;
    vertical-align: middle;
	font-size: 17px;
    color: #fcfcfc;
	font-weight: bold;
	z-index: 1;
}
li.fileClosingInstructions{
	display: none;
}