﻿@charset "UTF-8";

.gridContainer {
	width: 100%;
	padding-left:50px;
	padding-right:50px;
	margin: auto;
	box-sizing:border-box;
}
.site_grid_container {
	width: 90%;
	margin-right: 0%;
	margin-left: 0%;
	float: right;
	display: block;
	padding-left: 5%;
	padding-right: 5%;
}
#MailResponseFromServer {
	float: left;
	height: 15px;
	width: auto;
	padding-top: 7px;
	font-size: 14px;
	font-weight: 400;
	color: #FF3300;
	text-align: left;
}
.back-to-top {
	position: absolute;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	padding: 0px;
	display: none;
	z-index: 1000002!important;
	background-image: url(../images/UpBtn.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.back-to-top:hover {
	background-image: url(../images/UpBtnRoll.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
}
/*@keyframes floating {
0% {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
50% {
-webkit-transform:translateY(30%);
transform:translateY(30%)
}
100% {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform:translateY(0%)
}
50% {
-webkit-transform:translateY(30%)
}
100% {
-webkit-transform:translateY(0%)
}
}*/

/* css for header start here
========================================================== */
.header {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding-top: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
.header_top {
	float: left;
	width: 100%;
	padding-top: 11px;
	padding-bottom: 11px;
}
.header_top_button_home {
	float: right;
	width: auto;
	font-size: 15px;
	font-weight: 400;
	color: #1D1D1D;
	text-align: right;
	margin-left: 25px;
	margin-right: 0px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	text-decoration: none;
	display: block;
}
.header_top_button_home:hover {
	float: right;
	width: auto;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	text-align: right;
	margin-left: 25px;
	margin-right: 0px;
	text-decoration: underline;
	display: block;
}
.header_top_button {
	float: right;
	width: auto;
	font-size: 15px;
	font-weight: 400;
	color: #1D1D1D;
	text-align: right;
	margin-left: 25px;
	margin-right: 0px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	text-decoration: none;
	display: block;
}
.header_top_button:hover {
	float: right;
	width: auto;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	text-align: right;
	margin-left: 25px;
	margin-right: 0px;
	text-decoration: underline;
	display: block;
}
.header_top_phone {
	float: left;
	font-family:Arial;
	width: auto;
	font-size: 12px;
	font-weight: 400;
	color: #1D1D1D;
	text-align: right;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 2px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	text-decoration: none;
	display: block;
}
.header_top_phone:hover {
	float: left;
	width: auto;
	font-family:Arial;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	text-align: right;
	margin-left: 15px;
	margin-right: 0px;
	text-decoration: underline;
	display: block;
}
.header_top_email {
	float: right;
	width: auto;
	font-size: 14px;
	font-weight: 400;
	color: #1D1D1D;
	text-align: right;
	margin-left: 25px;
	margin-right: 0px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	text-decoration: none;
	display: block;
}
.header_top_email:hover {
	float: right;
	width: auto;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	text-align: right;
	margin-left: 25px;
	margin-right: 0px;
	text-decoration: underline;
	display: block;
}
.header_top_fax {
	float: right;
	width: auto;
	font-size: 14px;
	font-weight: 400;
	color: #1D1D1D;
	text-align: right;
	margin-left: 25px;
	margin-right: 0px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	text-decoration: none;
	display: block;
}
.header_top_fax:hover {
	float: right;
	width: auto;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	text-align: right;
	margin-left: 25px;
	margin-right: 0px;
	text-decoration: underline;
	display: block;
}
.header_top_info {
	float: right;
	width: auto;
}
.header_top_media_icons {
	float: left;
	width: auto;
}
.header_top_media_icon {
	float: left;
	width: auto;
	font-size: 14px;
	font-weight: 400;
	color: #606368;
	text-align: right;
	margin-left: 0px;
	margin-right: 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	text-decoration: none;
}
.header_bottom_media_icon {
	float: left;
	width: auto;
	color: #606368;
	text-align: right;
	margin-left: 0px;
	margin-right: 5px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	text-decoration: none;
	margin-top:25px;
	font-size:24px;
}
.header_top_flags {
	float: left;
	width: 50px;
	margin-right: 10px;
	margin-top: 0px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	text-decoration: none;
	display: block;
}
.header_bottom {
	float: left;
	width: 100%;
}
.logo {
	float: right;
	width: 160px;
	margin-left:0px;
	padding-left:15px;
	border-left: 1px solid #ccc;
	padding-top:13px;
	padding-bottom:13px;
}
.menu {
	float: right;
	width: auto;
}
.menu_mobile {
	display: none;
}

/* css for slideshow start here
========================================================== */
.slideshow {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	margin-top: 90px;
	position: relative;
}
.slideshow_caption_container {
    position: absolute;
    top: 55%;
    padding: 0%; 
    width: 60%;
    margin-left:20%;
    margin-right:20%;
    z-index: 1002!important;
}
.slideshow_content {
	width: 100%;
	float: right;
	top: 30%;
}
.fadeIn.camera_effected .title {
	font-size: 3.5vw;
	padding: 0px;
	text-align: center;
	font-weight: 700;
	width: 100%;
	float: right;
	direction:rtl;
	font-family:'ambivalenti-tzar';
	margin-bottom:0!important;
}
.fadeIn.camera_effected .sub_title {
	font-size: 1.6vw;
	padding: 0px;
	text-align: center;
	font-weight: 400;
	width: 100%;
	float: right;
	display: block;
	direction: rtl;
	line-height:1em;
}
.fadeIn.camera_effected h3 {
	font-size: 30px;
	padding: 0px;
	font-weight: 700;
	display: block;
	direction:rtl;
	line-height: 2.4em;
	margin-top: 0px; 
    margin-bottom: 0px; 
}
.camera_effected_btn_back  {
	font-size: 17px;
	padding: 0px;
	line-height:2em;
	font-weight: 400;
	float: left;
	display: block;
	direction:rtl;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:underline;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	margin-top: 19px; 
	margin-bottom: 15px; 
}
.camera_effected_btn_back:hover  {
	font-size: 17px;
	padding: 0px;
	line-height:2em;
	font-weight: 400;
	float: left;
	display: block;
	direction:rtl;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#0C5E9F!important;
	background-color:#fff!important;
	text-decoration:underline;
}
#slideshow_button {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
}
.slideshow_button {
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.3em;
	text-align: center;
	display: inline-block;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	width: auto;	
}
.slideshow_button:hover {
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.3em;
	text-align: center;
	display: inline-block;
	width: auto;
}
.slideshow_arrow_down {
	margin-bottom: 0px;
	z-index: 1002;
	position: fixed;
	text-align: center;
	font-size: 13px;
	color: #fff;
	display: block;
	width: 50px;
	left: calc(50% - 25px);
	bottom: 28%;
}
.slideshow_arrow_down_image
{
    height: 50px;
    margin-left: 0px;
    position: absolute;
    width: 50px;
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    cursor: pointer;
    z-index: 999;
    background-image: url('../images/general/arrow.png');
    background-repeat: no-repeat;
    background-position: center top;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
}
.slideshow_arrow_down_image:hover {
	background-image: url('../images/general/arrow_roll.png');
	background-repeat: no-repeat;
	background-position: center top;
}
.fullScreen_slideshow .slideshow_logo {
	margin-bottom: 0px;
	z-index: 0;
	position: fixed;
	float: none;
	text-align: center!important;
	font-size: 13px;
	color: #fff;
	display: block;
	width: 14%;
	margin-left:43%;
	margin-right:43%;
	bottom: 40%;
	transition: 0.7s all;
	-webkit-transition: 0.7s all;
	-moz-transition: 0.7s all;
	-o-transition: 0.7s all;
	opacity:1;
}
.fullScreen_slideshow.smaller .slideshow_logo {
	margin-bottom: 0px;
	z-index: 0;
	position: fixed;
	float: none;
	text-align: center!important;
	font-size: 13px;
	color: #fff;
	display: block;
	width: 10%;
	margin-left:45%;
	margin-right:45%;
	bottom: 60%;
	opacity:0.0;
}
.fullScreen_slideshow {
	width: 100%;
	height:100%;
	float:left;
	position: absolute;
	z-index:0;
}
.fullScreen_main {
	width: 100%;
	float:left;
	position: absolute;
	top:100%;
	z-index:1!important;
}
.regular_slideshow {
	width: 100%;
	float:left;
}
.regular_main {
	width: 100%;
	float:left;
}
.video_background {
	width: 100%;
	height:100%;
	float:left;
	position: fixed;
	z-index:0;
	margin-top: 0px; /* in desktop leave margin top on 0 because the fixed position */
}
.video_main {
	width: 100%;
	float:left;
	position: absolute;
	top:100%;
	z-index:1!important;
}
video.fillWidth { 
	width: 100%; 
}
/* css for free_links_regular Home start here
========================================================== */
.free_links_regular {
	float: right;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	position: relative;
}
.free_links_regular h1 {
	font-size: 24px;
	font-weight: 500;
	text-decoration: none;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	padding:0px;
}
.free_links_regular h2 {
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	padding:0px;
}
.free_links_regular_container {
	float: right;
	width: 30%;
	transition: 0.6s all;
	-webkit-transition: 0.6s all;
	-moz-transition: 0.6s all;
	-o-transition: 0.6s all;
	margin-left: 5%;
	opacity: 1;
}
.free_links_regular_container:nth-of-type(3n) {
	float: right;
	width: 30%;
	transition: 0.6s all;
	-webkit-transition: 0.6s all;
	-moz-transition: 0.6s all;
	-o-transition: 0.6s all;
	border: 0px solid #CCC;
	opacity: 1;
	margin-left: 0%;
}
.free_links_regular_container:hover {
	opacity: 0.7;
	
}
.free_links_regular_container img {
	float: left;
	padding: 0px;
	
}
.free_links_regular_container img:hover {
	float: left;
}
.free_links_regular_container_sep {
	float: right;
	text-align: center;
	display: block;
	width: 4%;
	height: 300px;
}
.free_links_regular_container_btnCon {
	float: left;
	width: 100%;
}
.free_links_regular_container h1 {
	text-decoration: none;
	text-align: center;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	float:right;
	line-height:1.5em;
}
.free_links_regular_container h1:hover {
	opacity:0.7;
}
.free_links_regular_container h2 {
	text-decoration: none;
	text-align: center;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	width: 100%;
	font-size: 17px;
	font-weight: 500;
	float:right;
	line-height:1.5em;
	overflow: hidden;
	visibility: visible;
	min-height: 80px;
	max-height: 80px;
}
.free_links_regular_container h3 {
	text-decoration: none;
	text-align: center;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	width: 100%;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.8em;
	float:right;
}

/* css for span caption hover effect form start here
========================================================== */
.caption_hover_section {
	float: left;
	width: 100%;
	padding-top: 30px; 
	padding-bottom: 50px;
	position: relative;
}
.caption_hover_section h1 {
	font-size: 21px;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	color: #404041;
	margin-bottom: 40px;
}
.captionHover {
	float: right;
	display: block;
	height: 100%;
	width: 22%;
	margin-right: 0%;
	margin-bottom: 4%;
	margin-left: 4%;
}
.captionHover:nth-of-type(4n) {
	float: left;
	display: block;
	height: 100%;
	width: 22%;
	margin-right: 0%;
	margin-bottom: 4%;
	margin-left: 0%;
}
div.img-list a {
	display: inline-block;
	position: relative;
	
}
span.text-content {
	color: #FFF;
	font-size: 22px;
	font-weight: 700;
	cursor: pointer;
	display: table-cell;
	left: 0;
	position: absolute;
	top: 0;
	opacity: 1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;		
}
span.text-content1 {
	display: table;
	width: 100%;
	height: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
span.text-content1 span {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
div.img-list a:hover span.text-content {
	opacity: 0;
}
.captionHoverOverlay {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
.text-content1 span h1 {
	float: left;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	position:absolute;
	bottom:0;
	line-height: 2em;
	font-size: 17px; 
	font-weight: 400; 
}
#captionHover_gallery {
	width: 100%;
	float: right;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 50px;
	text-align:center;
}
.captionHover_gallery {
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.3em;
	text-align: center;
	color: #5e6268;
	display: inline-block;
	background-color: transparent;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: auto;
	padding: 10px;
	border: 1px solid #5e6268;
}
.captionHover_gallery:hover {
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.3em;
	text-align: center;
	color: #FFF;
	display: inline-block;
	background-color: #1d1d1d;
	width: auto;
	padding: 10px;
	border: 1px solid #1d1d1d;
}
/* css for paralax start here
========================================================== */
.paralax_background {
	padding-top: 100px; 
	padding-bottom: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* css for footer start here
========================================================== */
.footerSection {
	float: left;
	width: 100%;
	margin: 0px;
	padding-top: 70px;
	padding-bottom: 70px;
}
.footer_links_categories {
	float: right;
	width: 16%;
	margin-bottom: 0px;
}
.footer_links_categories_sep {
	float: right;
	width: 5%;
	height: 10px;
}
.footer_links_categories_sep_2 {
	float: right;
	width: 5%;
	height: 10px;
}
.footer_links_categories_sep:nth-of-type(3n) {
	float: right;
	width: 5%;
	height: 10px;
}
.footer_links_categories_title {
	float: right;
	width: 100%;
	font-size: 21px;
	text-align: right;
	letter-spacing: 1.2px;
	margin-right: 0%;
	margin-left: 0%;
	padding-right: 0%;
	padding-left: 0%;
	direction:rtl;
}
.footer_links_categories_title2 {
	float: right;
	width: 100%;
	font-size: 21px;
	text-align: right;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-right: 0%;
	margin-left: 0%;
	padding-right: 0%;
	padding-left: 0%;
	direction:rtl;
}
.footer_link {
	font-size: 17px;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	transition: all ease 0.2s;
	text-decoration: none;
	line-height: 1.2em;
	text-align: right;
	float: right;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.footer_link:hover {	
	text-decoration: none;
	text-align: right;
	color: #CCC!important;
	letter-spacing: 0.1px;
}
.footer_links_contact {
	float: right;
	width: 37%;
	margin-bottom: 0px;
	margin-top: 0px;
}
.footer_links_contact_field {
	float: right;
	width: 48%;
	margin-bottom: 4%;
}
.footer_links_contact_field_long {
	float: right;
	width: 100%;
	margin-bottom: 4%;
}
.footer_links_contact_sep {
	float: right;
	width: 4%;
	margin-bottom: 0px;
	height: 15px;
}
.footer_links_contact_btn_container {
	float: right;
	width: 100%;
}
.footer_links_contact_btn {
	float: left;
	width: 30%;
}
.footer_links_contact_send_button {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 2em;
	text-align: center;
	font-weight: 700;
}
.footer_links_contact_send_button:focus {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 2em;
	text-align: center;
	font-weight: 700;
}
.footer_links_contact_check {
	float: right;
	width: 25px;
	margin-left: 7px;
	margin-top: 5px;
}
.footer_links_contact_check_title {
	float: right;
	width: auto;
	margin-left: 0px;
	font-size: 15px;
	text-align: right;
	margin-top: 6px;
}
/* css for footer/contact icons
========================================================== */
.footer_icons {
	display: block;
	float: left;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 60px;
}
.footer_icon_container {
	float: right;
	width: 25%;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 0px;
	display: block;
	margin-top: 0px;
}
.footer_icon_1 {
	float: left;
	width: 100%;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	opacity: 1;
}
.footer_icon_1:hover {
	float: left;
	width: 100%;
	margin-left: 0%;
	margin-top: 0;
	margin-bottom: 0px;
	margin-top: 0px;
	opacity: 0.5;
}

/* css for Sub Footer start here
========================================================== */
.subFooterSection {
	width: 100%;
	margin: 0px;
}
.subFooterSectionTitle {
	float: right;
	width: 100%;
	font-size: 21px;
	font-weight: 400;
	color: #3C3C3B;
	text-align: center;
	padding-bottom: 35px;
	margin-bottom: 10px;
	background-position: center 27px;
	background-image: url(../images/titleLine.png);
	background-repeat: no-repeat;
}
.subFooterContent {
	float: right;
	width: 100%;
}
.subFooter_Right {
	float: right;
	width: 30%;
	padding: 0%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0%;
	margin-left: 0px;
	display: block;
}
.subFooter_Middle {
	float: right;
	width: 50%;
	margin: 0px;
}
.subFooter_Left {
	float: left;
	width: 20%;
	margin: 0px;
}
.subFooterFusionIcon {
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}
#subFooterFusionText {
	float: left;
	width: auto;
	display: block;		
}
.subFooterFusionText {
	text-decoration: none;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.subFooterFusionText:hover {
	text-decoration: underline;
}
.mediaIIcons {
	clear: both;
	float: right;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top: 0%;
	margin-bottom: 0%;
}
.media-icons {
	height: 30px;
	float: right;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	text-decoration: none;
	background-size:30px
}
.media-icons:hover {
	background-position: 0px -05px;
}
#facebook {
	height: 30px;
	width: 30px;
	text-decoration: none;
	background-repeat: no-repeat;
}
#instegram {
	height: 35px;
	width: 35px;
	text-decoration: none;
	background-repeat: no-repeat;
}
#twitter {
	height: 35px;
	width: 35px;
	text-decoration: none;
	background-repeat: no-repeat;
}
#skype {
	height: 35px;
	width: 35px;
	text-decoration: none;
	background-repeat: no-repeat;
}
#youtube {
	height: 35px;
	width: 35px;
	text-decoration: none;
	background-repeat: no-repeat;
}
#pinterest {
	height: 35px;
	width: 35px;
	text-decoration: none;
	background-repeat: no-repeat;
}
#googlePlus {
	height: 35px;
	width: 35px;
	text-decoration: none;
	background-repeat: no-repeat;
}
#linkedIn {
	height: 35px;
	width: 35px;
	text-decoration: none;
	background-repeat: no-repeat;
}
/* css for parallax regular
========================================================== */
.paralax_regular_background {
}
.paralax_regular_content {
	width: 48%;
	float: left;
	margin-left: 0%;
	margin-right: 0%;

}
.paralax_regular_content_background {
	float: left;

	width:92%;
}
.paralax_regular_content_background h1 {
	float: right;
	padding: 0%;
	font-size: 24px;
	direction: rtl;
	font-weight: 700;
	line-height: 1.4em;
}
.paralax_regular_content_background h2 {
	width: 94%;
	float: right;
	padding: 0%;
	font-size: 21px;
	direction: rtl;
	font-weight: 500;
	line-height: 1.4em;
}
.paralax_regular_content_background h3 {
	float: right;
	padding: 0%;
	font-size: 18px;
	direction: rtl;
	font-weight: 400;
	line-height: 1.4em;
}
#paralax_regular_button {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
}
.paralax_regular_button {
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.3em;
	text-align: center;
	display: inline-block;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	width: auto;
	float:right;
}
.paralax_regular_button:hover {
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.3em;
	text-align: center;
	display: inline-block;
	width: auto;
	background-color:#fff!important;
	color:#343333!important;
}
.paralax_regular_image 
{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: right;
}
/* css for popup start here
========================================================== */
.overlay_contact {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay_contact:target {
    visibility: visible;
    opacity: 1;
}
.popup_contact {
	background-color: #FFFFFF;
	border: 5px solid #ccc;
	display: inline-block;
	left: 50%;
	opacity: 0;
	position: fixed;
	text-align: justify;
	top: 350px;
	visibility: hidden;
	z-index: 9999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}

.overlay_contact:target+.popup_contact {
	top: 50%;
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}
.close_contact {
	background-color: #B7DA97;
	height: 30px;
	line-height: 22px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 0px;
	width: 30px;
	left: 0px;
}
.close_contact {
	background-color: #E3252A;
	height: 50px;
	line-height: 51px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: -5px;
	width: 50px;
	left: -55px;
}
.close_contact:hover {
	background-color: #C42330;
	height: 50px;
	line-height: 51px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: -5px;
	width: 50px;
	left: -55px;
}
.close_contact:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 25px;
}
#MailResponseFromServer2 {
	float: left;
	height: 15px;
	width: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	 
	font-size: 0px;
	font-weight: 400;
	color: #0033CC;
	text-align: left;
}
#MailResponseFromServer3 {
	float: left;
	height: 15px;
	width: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	 
	font-size: 0px;
	font-weight: 400;
	color: #0033CC;
	text-align: left;
}

/* css for Clients
========================================================== */
.clients_page_section {
	width: 100%;
	text-align: right;
	z-index: 1;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 90px;
	margin-left: auto;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
}
.clients_page_container {
    width: 100%;
	text-align: right;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
}
.clients_page_container_background {
    width: 100%;
	text-align: right;
	float: left;
	padding-top: 50px;
	padding-bottom: 60px;
	height:100%;
	top:0;
	bottom:0;
}
.clients_page_title_container {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}
.clients_page_title_logo {
	width: 16%;
	text-align: center;
	margin-right:42%;
	margin-left:42%;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.clients_page_title_container h1 {
	font-size: 32px;
	font-weight: 700;
	text-decoration: none;
	width: 100%;
	text-align: center;
	line-height: 1.3em;
	color: #fff;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	direction:rtl;
}
.clients_page_title_container h2 {
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	color: #fff;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	direction:rtl;
}
.clients_page_clients_section {
	width: 100%;
	text-align: right;
	z-index: 1;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	float: left;
	padding-top: 30px;
	padding-bottom: 50px;
}
.clients_page_clients_section_title {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
}
.clients_page_clients_section_title h1 {
	font-size: 32px;
	font-weight: 700;
	text-decoration: none;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	color: #343333;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	direction:rtl;
}
.clients_item_id {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 15%;
	display: block;
	background-color: #FFF;
	margin-bottom: 2%;
	margin-right: 0px;
}
.clients_item_img {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	margin: 2%;
}
.clients_item_sep {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 2%;
	display: block;
	height: 50px;
	margin-right: 0px;
}

/* css for Gallery
========================================================== */
.gallery_section {
	width: 100%;
	text-align: center;
	z-index: 1;
	margin-bottom: 0px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 33px;
	color: #900;
	display: block;
	position: relative;
	margin-top: 0px;
	min-height: 200px;
}
.gallery_primary_slideshow {
    width: 100%;
	float: right;
	margin-top: 90px;
}
.galleries_menu {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 40px;
}
.galleries_btn_container {
	float: right;
	width: auto;
	display: block;
	margin-left:15px;
}
.galleries_button {
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	transition: background-color all 0.2s ease-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	text-decoration: none;
}
.galleries_button:hover {
	font-size: 18px;
	font-weight: 400;
	color: #1A9CD4;
}
.galleries_button.selected {
	font-size: 18px;
	font-weight: 400;
	color: #1A9CD4;
}
/* css for Gallery Id
========================================================== */
.gallery_id_section {
	width: 100%;
	text-align: center;
	z-index: 1;
	margin-bottom: 0px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 33px;
	color: #900;
	display: block;
	position: relative;
	margin-top: 90px;
	min-height: 200px;
}
.gallery_id_section h1 {
	font-size: 32px;
	font-weight: 700;
	text-decoration: none;
	width: 100%;
	float:right;
	text-align: center;
	line-height: 1.4em;
	color: #404041;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 20px;
}
.gallery_id_container {
	width: 100%;
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
}
img { border: none; }

div.gallery-row:after  
{
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden; 
}
div.gallery-item {
	float: left;
	width: 25%;
	border: 1% solid #FFF;
}
div.gallery-item a {
	display: block;
	margin: 15px;
}
div.gallery-item img { 
    display: block; 
    width: 100%; 
    height: auto; 
}
.gallery-item a img {
	opacity: 1;	
	transition: background-color all 0.3s ease-out;
	transition: all 0.3s ease-in-out;
	-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;
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
}
.gallery-item a img:hover {
	opacity: 1;	
	transition: background-color all 0.3s ease-out;
	transition: all 0.3s ease-in-out;
	-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;
	filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
	-o-filter: brightness(70%);
	-ms-filter: brightness(70%);
}
.galleryCategorieBtn {
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	transition: background-color all 0.2s ease-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	text-decoration: none;
}
.galleryCategorieBtn:hover {
	font-size: 14px;
	font-weight: 400;
	color: #4A8498;
}
.galleryCategorieBtn.selected {
	font-size: 14px;
	font-weight: 400;
	color: #4A8498;
}
#galleryCategorieBtn {
	clear: none;
	float: left;
	margin-left: 0%;
	width: auto;
	display: block;
	margin-left: 20px;
}
/* css for contact page
========================================================== */
.contact_section {
	float: right;
	width: 100%;
	padding-top: 60px;
	padding-right: 0%;
	padding-bottom: 40px;
	padding-left: 0%;
	margin-top: 90px;
	position: relative;
	height: 100%!important;
	min-height: 600px;
}
.contact_section_title {
	float: right;
	width: 100%;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 20px;
	padding-left: 0%;
	margin: 0px;
}
.contact_section_title h1 {
	float: right;
	width: 100%;
	font-size: 32px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
		direction:rtl;
	font-family:'ambivalenti-tzar';
}
.contact_section_title h2 {
	float: right;
	width: 100%;
	font-size: 1.4vw;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
/* css for contact footer icons icons
========================================================== */
.contact_footer_icons_section {
	float: right;
	width: 100%;
	padding-top: 60px;
	padding-right: 0%;
	padding-bottom: 70px;
	padding-left: 0%;
	margin: 0px;
	position: relative;
	height: 100%!important;
}
.contact_footer_icons_section h1 {
	float: right;
	width: 100%;
	font-size: 1.1vw;
	font-weight: 400;
	color: #0d1a40;
	text-align: center;
	text-decoration: none;
	margin-bottom: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.contact_footer_icons {
	display: block;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contact_footer_icon_container {
	float: right;
	width: 25%;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 0px;
	display: block;
	margin-top: 0px;
}
.contact_footer_icon_1 {
	float: left;
	width: 100%;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	opacity: 1;
	text-decoration: none;
}
.contact_footer_icon_1:hover {
	float: left;
	width: 100%;
	margin-left: 0%;
	margin-top: 0;
	margin-bottom: 0px;
	margin-top: 0px;
	opacity: 0.7;
}
.contact_form {
	float: right;
	width: 90%;
	padding-right: 5%;
	padding-left: 7%;
	padding-bottom: 5%;
	margin-top:60px;
}
.contact_form_right {
	float: right;
	width: 48.5%;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
}
.contact_form_left {
	float: right;
	width: 48.5%;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
}
.contact_form_sep {
	float: right;
	width: 1%;
	height: 30px;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
}
.contact_field {
	float: right;
	width: 100%;
	margin-bottom: 2%;
	margin-right: 0%;
	margin-left: 0%;
	clear: none;
}
.contact_erea {
	float: right;
	width: 100%;
	margin-bottom: 0px;
	margin-right: 0%;
	margin-left: 0%;
	clear: none;
}
.contact_field_inside {
	float: right;
	width: 100%;
	background-color: transparent;
}
.contact_button_container {
	float: right;
	width: 100%;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
}
.contact_button_container {
	float: right;
	width: 30%;
	padding: 0px;
	margin-top: 10px;
	margin-right: 35%;
	margin-bottom: 0px;
	margin-left: 35%;
}
.contact_send_1 {
	font-size: 19px;
	font-weight: 700;
	color: #FFF;
	background-color: #0e81c4;
	text-align: center;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	cursor: pointer;
	width: 100%;
	float: right;
	border: 0px solid #868686;
	padding:0px;
	margin:0px;
	line-height: 2em;
}
.contact_send_1:hover {
	background-color: #1277aa;
}
.contact_send_1:focus {
    background-color: #0e81c4;
    color:#fff!important;
}
/* css for popup start here
========================================================== */
.overlay_contact {
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 9999;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.overlay_contact:target {
	visibility: visible;
	opacity: 1;
}
.contact_toggle_popup_container {
	display: inline-block;
	left: 50%;
	opacity: 0;
	position: fixed;
	text-align: justify;
	top: 35%;
	visibility: hidden;
	z-index: 9999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}
.contact_toggle_popup_background {
	width: 400px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	height: 265px;
	background-color: rgba(17,130,197,0.8);
}
.contact_toggle_popup_background h1 {
	direction: rtl;
	width: 400px;
	float: none;
	font-size: 21px;
	padding: 0px;
	margin: 0px;
	color: #FFF;
	text-align: center;
	line-height: 2.2em;
}
.contact_toggle_popup_inside {
	width: 390px;
	float: none;
	height: 210px;
	padding: 0px;
	margin: 0px 5px 5px 5px;
	background-color: #FFFFFF;
}
.contact_toggle_popup_inside h2 {
	direction: rtl;
	width: 360px;
	float: none;
	font-size: 21px;
	padding: 20px 15px 20px 15px;
	margin: 0px 0px 0px 0px;
	color: #666;
	font-weight: 500;
	text-align: center;
	line-height: 1.4em;
}
.overlay_contact:target+.contact_toggle_popup_container {
	top: 50%;
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}
.close_contact {
	background-color: #EF4D4D;
	height: 50px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: -5px;
	width: 50px;
	left: -55px;
}
.close_contact:before {
	color: rgba(255, 255, 255, 0.9);
	content: "X";
	font-size: 25px;
}
#MailResponseFromServer2 {
	float: left;
	height: 15px;
	width: auto;
	padding-top: 0px;
	padding-bottom: 10px;	 
	font-size: 0px;
	font-weight: 400;
	color: #0033CC;
	text-align: left;
}
#MailResponseFromServer3 {
	float: left;
	height: 15px;
	width: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	 
	font-size: 0px;
	font-weight: 400;
	color: #0033CC;
	text-align: left;
}
/* css for tips page
========================================================== */
.tips_section {
	width: 100%;
	text-align: right;
	z-index: 1;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	padding-top: 90px;
	padding-bottom: 80px;
	position: relative;
}
.tips_section h1 {
	width: 100%;
	float: right;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin: 0px;
	direction: rtl;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.tips_items_container {
	float: right;
	width: 97%;
	background-color: transparent;
	position: relative;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 1%;
	margin: 0px;
}
.tips_section_items {
	float: right;
	width: 100%;
	display: block;
	padding-bottom: 0px;
	padding-top: 20px;
}
.tips_section_title {
	float: right;
	width: 100%;
	margin-bottom: 10px;
}
.tips_section_title .h1 {
	font-size: 32px;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
}
.pin a .date {
	font-size: 15px;
	font-weight: 400;
	text-align: right;
	float: right;
	width: 90%;
	margin-bottom: 5px;
	margin-top: 0px;
	line-height: 1.4em;

	margin-right: 5%;
	margin-left: 5%;
	color: #999;
	direction: rtl;
}
.pin a h2 {
	font-size: 21px;
	font-weight: 900;
	text-align: right;
	color: #000;
	float: right;
	width: 90%;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	line-height: 1.4em;
	margin-right: 5%;
	margin-left: 5%;
	direction: rtl;
}
.pin a h3 {
	font-size: 17px;
	font-weight: 400;
	color: #686868;
	line-height: 1.4em;
	text-align: right;
	float: right;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 0px;
	margin-bottom: 15px;
	direction: rtl;
}
.pin a .btn {
	font-size: 15px;
	font-weight: 400;
	text-align: right;
	float: right;
	width: 90%;
	margin-bottom: 5px;
	margin-top: 0px;
	line-height: 1.4em;
	margin-right: 5%;
	margin-left: 5%;
	color: #000;
	direction: rtl;
	text-decoration: underline;
}
/* css for tips page
========================================================== */
.art_section {
	width: 100%;
	text-align: right;
	z-index: 1;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	padding-top: 100px;
	padding-bottom: 80px;
	position: relative;
}
.art_section h1 {
	width: 100%;
	float: right;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin: 0px;
	direction: rtl;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.art_section_container {
	float: right;
	width: 96%;
	background-color: transparent;
	position: relative;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin: 0px;
}
/* css for about home section
========================================================== */
.about_home_section {
	float: right;
	width: 100%;
	padding-top: 60px;
	padding-right: 0%;
	padding-bottom: 60px;
	padding-left: 0%;
	margin: 0px;
	position: relative;
}
.about_home_section_container {
	float: right;
	width: 100%;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	margin: 0px;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.35);
}
.about_home_section_right {
	float: right;
	width: 20%;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	margin: 0px;
	position: relative;
}
.about_home_section_left {
	float: right;
	width: 76%;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 2%;
	margin: 0px;
	position: relative;
}
.about_home_section_left h1 {
	font-size: 21px;
	font-weight: 700;
	text-decoration: none;
	text-align:right;
	width: 100%;
	line-height: 1.4em;
	color: #343333;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 10px;
	direction: rtl;
	float: right;
}
.about_home_section_left h2 {
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	text-align:right;
	width: 100%;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	direction: rtl;
	float: right;
}
.about_home_section_sep {
	float: right;
	width: 2%;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	margin: 0px;
	position: relative;
	height:40px;
}
.about_home_section_right img {
	float: right;
	width: 90%;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	margin: 5%;
	position: relative;
}
.about_home_section_left_readMore {
	font-size: 15px;
	font-weight: 400;
	text-decoration: underline;
	text-align:right;
	width: 100%;
	line-height: 1.4em;
	color: #000;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 10px;
	direction: rtl;
	float: right;
}
.about_home_section_left_readMore:hover {
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	text-align:right;
	width: 100%;
	line-height: 1.4em;
	color: #999;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 10px;
	direction: rtl;
	float: right;
}

/* css for product_ID_2
========================================================== */
.productID2_section {
	width: 100%;
	text-align: right;
	z-index: 1;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	padding-top: 94px;
	padding-bottom: 0px;
	position:relative;
}
.productID2_title_container {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top: 25px;
	padding-bottom: 25px;
	float: right;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	position:fixed;
	z-index:10000000000!important;
}
.productID2_title_right {
	width: 70%;
	float: right;
	padding:0px;
	margin: 0px;
	display:block;
}
.productID2_title_right h1
{
    width: auto;
    float: right;
    font-size: 21px;
    font-weight: 700;
    text-align: right;
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    direction: rtl;
    color: #fff;
    line-height: 1.2em;
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: #FFFFFF;
}
.productID2_title_right h2 {
	width: auto;
	float: right;
	font-size: 18px;
	font-weight: 400;
	text-align: right;	
	padding: 0px;
	margin: 0px;
	direction: rtl;
	color: #fff;
	line-height:1.4em;
}
.productID2_title_left {
	width: 30%;
	float: right;
	padding:0px;
	margin: 0px;
	display:block;
}
.productID2_title_left_share {
	text-decoration: none;
	width: auto;
	float: left;
	text-align: left;
	padding: 0px;
	margin-top: 5px;
	margin-left: 15px;
}
.productID2_title_left_back {
	text-decoration: none;
	width: 70px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 17px;
	font-weight: 400;
	text-align: center;	
	direction: rtl;
	color: #fff;
	background-color: rgba(215,31,38,0.8);
	line-height: 1.8em;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.productID2_title_left_back:hover {
	color: #fff;
	background-color: rgba(215,31,38,1);
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.productID2_content_container {
	width: 100%;
	text-align: right;
	z-index: 1;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
}
.productID2_navigation
{
    width: auto;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 15px;
	float: left;
	margin-top:0px;
}
.productID2_prev
{
    font-size: 21px;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    text-decoration: none;
    line-height: 1em;
    text-align: center;
    width: 25px;
    height:25px;
    margin-right: 0%;
    margin-left: 15px;
    background-repeat: no-repeat;
    color: #fff;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    background-image: url('../images/arrow_right.png');
    background-position: 98% center;
    font-weight:100!important;
}
.productID2_prev:hover
{
    background-repeat: no-repeat;
    background-image: url('../images/arrow_right_roll.png');
    background-position: 100% center;
}
.productID2_next
{
    font-size: 21px;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    text-decoration: none;
    line-height: 1em;
    text-align: center;
    width: 25px;
    height:25px;
    margin-right: 0%;
    margin-left: 0%;
    background-repeat: no-repeat;
    color: #fff;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    background-image: url('../images/arrow_left.png');
    background-position: 2% center;
}
.productID2_next:hover
{
    background-repeat: no-repeat;
    background-image: url('../images/arrow_left_roll.png');
    background-position: 0% center;
}

/* css for articles on the slideshow
========================================================== */
.articles_on_the_slideshow {
    float: right;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	background-color: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0%;
	position: fixed;
	bottom: 0px;
	left: 0;
	display:block;
}
.articles_on_the_slideshow_item {
    float: right;
	width: 25%;
	box-sizing:border-box;
	display:block;
	background-color:#fff;
	transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #a5a5a5;
}
.articles_on_the_slideshow_item:hover {
	background-color:#c7ecff;
}
.articles_on_the_slideshow_item_inside {
    float: right;
    width: 80%;
    padding: 7% 10% 7% 10%;
    direction:rtl;
}
.articles_on_the_slideshow_item_inside .title {
    font-size: 19px;
    font-weight: 900;
    text-decoration: none;
    line-height: 1.4em;
    text-align: right;
    width: 100%;
    color: #3083c7;
    float: left;
    margin: 0px;
    padding:0px;
    overflow: hidden;
	visibility: visible;
	max-height: 28px;
}
.articles_on_the_slideshow_item_inside .sub_title {
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.4em;
    text-align: right;
    width: 100%;
    color: #666666;
    float: left;
    margin: 0px;
    padding:0px;
    overflow: hidden;
	visibility: visible;
	min-height:80px;
	max-height: 80px;
	direction:rtl;
}
/* css for main section home
========================================================== */
.main_home_section
{
    float: right;
    width: 90%;
    padding: 5% 5% 2% 5%;
    display: block;
}
.main_home_section_inside {
    float: right;
	width: 100%;
	padding:0%;
	display:block;
}
.main_home_right {
    float: right;
	width: 65%;
	display:block;
	margin-left:5%
}
.main_home_right_img {
    float: right;
	width: 100%;
	display:block;
	position:relative;
}
.main_home_right img {
    float: right;
	max-width: 100%;
	display:block;
	position:relative;
	min-height: 455px;
	max-height: 455px;
}
.main_home_right_img_top_info {
    float: right;
	width: 100%;
	display:block;
	position:absolute;
	top:0;
}
.main_home_right_img_top_info_play {
    background-position: center center;
    float: right;
    width: 35px;
    height: 35px;
    display: block;
    margin-right: 20px;
    margin-top: 20px;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    background-image: url('../images/Ribonut/general/article_video_play.png');
    background-repeat: no-repeat;
}
.main_home_right_img_top_info_play:hover {
    background-position: center center;
    background-image: url('../images/Ribonut/general/article_video_play_roll.png');
    background-repeat: no-repeat;
}
.main_home_right_img_top_info_tag {
    float: left;
	width: auto;
	display:block;
	font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.8em;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-left:20px;
	margin-top:20px;
	padding-left:15px;
	padding-right:15px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.main_home_right_img_top_info_tag:hover {
    background-color:#126D9B!important;
    color:#fff!important;
}
.main_home_right_img_bottom_info {
    float: right;
    width: 96%;
    display: block;
    padding: 150px 2% 2% 2%;
    position: absolute;
    bottom: 0;
    background-position: center bottom;
    background-image: url('../images/Ribonut/general/slideshow_overlay_big_module.png');
    background-repeat: no-repeat;
}
.main_home_right_img_bottom_info .title {
    float: right;
	width: 100%;
	display:block;
	text-align:right;
	font-size: 33px;
	line-height:1.4em;
	text-decoration:none;
	padding:0px;
	margin:0px;
	direction:rtl;
	font-family:'ambivalenti-tzar';
	font-weight:900;
}
.main_home_right_img_bottom_info .sub_title {
    float: right;
	width: 100%;
	display:block;
	text-align:right;
	font-size: 18px;
	line-height:1.4em;
	font-weight:400;
	text-decoration:none;
	padding:0px;
	margin:0px;
	direction:rtl;
}
.main_home_left
{
    float: right;
    width: 30%;
    display: block;
    min-height: 455px;
    max-height: 455px;
    	overflow: hidden;
	visibility: visible;
    position:relative;
}
.main_home_left_article_blue_item {
    float: right;
	width: 92%;
	padding:4%;
	display:block;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #0E81C4;
    transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.main_home_left_article_blue_item:nth-of-type(4n) {
	border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: #0E81C4;
}
.main_home_left_article_blue_item:hover 
{
    background-color:#6ABFD3!important;
}

.main_home_left_article_blue_item h3 {
    float: right;
	width: 100%;
	font-weight: 900;
	display:block;
	text-align:right;
	font-size: 21px;
	line-height:1.2em;
	text-decoration:none;
	padding:0px;
	margin:0px;
	direction:rtl;
	font-family:'ambivalenti-tzar';
}
.main_home_left_article_blue_item:hover h3 {
    color:#fff!important;
}
.main_home_left_article_blue_item h4 {
    float: right;
	width: 100%;
	display:block;
	font-weight: 900;
	text-align:right;
	font-size: 17px;
	line-height:1.2em;
	text-decoration:none;
	padding:0px;
	margin:0px;
	direction:rtl;
}
.main_home_left_article_blue_item:hover h4 {
    color:#fff!important;
}
.main_home_left_article_blue_item h5 {
    float: right;
	width: 100%;
	display:block;
	font-weight: 900;
	text-align:right;
	font-size: 17px;
	line-height:1.4em;
	text-decoration:none;
	padding:0px;
	margin:0px;
	overflow: hidden;
	visibility: visible;
	min-height: 25px;
	max-height: 25px;
	direction:rtl;
}
.main_home_left_article_blue_item:hover h5 {
    color:#fff!important;
}
.main_home_left_article_blue_item h6 {
    float: right;
	width: 100%;
	display:block;
	font-weight: 400;
	text-align:right;
	font-size: 17px;
	line-height:1.4em;
	text-decoration:none;
	padding:0px;
	margin:0px;
	overflow: hidden;
	visibility: visible;
	min-height: 25px;
	max-height: 25px;
	direction:rtl;
}
.main_home_left_article_blue_item:hover h6 {
    color:#fff!important;
}
.main_home_left_article_blue_btn {
    background-position: 20px center;
    float: right;
    width: 90%;
    padding: 5%;
    display: block;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    position: absolute;
    bottom: 0;
    background-image: url('../images/Ribonut/general/arrow_home_blue_section.png');
    background-repeat: no-repeat;
    background-color: transparent;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #0E81C4;
}
.main_home_left_article_blue_btn:hover
{
    background-position: 15px center;
    background-image: url('../images/Ribonut/general/arrow_home_blue_section.png');
    background-repeat: no-repeat;
    background-color: #6abed3;
}
/* css for main section home overley items
========================================================== */
.overley_items_home_section {
    float: right;
    width: 90%;
    padding: 2% 5% 3% 5%;
    display: block;
}
.overley_items_home_section_inside {
    float: right;
	width: 100%;
	padding:0%;
	display:block;
}
.overley_items_home_section_right {
    float: right;
	width: 65%;
	display:block;
	margin-left:5%
}
.overley_items_home_section_right_title {
    float: right;
	width: 100%;
	display:block;
	padding:0px;
	margin:0px;
}
.overley_items_home_section_right_title_atricles {
    float: right;
    width: auto;
    display:block;
    text-align:right;
    font-size: 28px;
    line-height:1.4em;
    text-decoration:none;
    padding:0px;
    margin:0px;
    font-weight: 700;
	direction:rtl;
	font-family:'ambivalenti-tzar';
}
.overley_items_home_section_right_btn_atricles {
	float: right;
	width: 120px;
	display: block;
	text-align: right;
	font-size: 21px;
	line-height: 1.4em;
	font-weight:700;
	text-decoration: none;
	padding: 10px 20px 8px 15px;
	margin-top: 7px;
	direction: rtl;
	border: 2px solid #0e81c4
}
.overley_items_home_section_right_btn_atricles:hover 
{
    color:#1277aa!important;
}
.overley_home_items_container {
    float: left;
	width: 100%;
	display:block;
	margin-top:30px;
}
.overlay_article_item {
	width: 32%;
	float:right;
	margin-left:2%;
	margin-bottom:2%;
	background-color:rgba(199,236,255,0.0);
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.overlay_article_item:hover {
	background-color:rgba(199,236,255,0.0);
}
.overlay_article_item:nth-of-type(3n) {
	width: 32%;
	float:right;
	margin-left:0%;
	margin-bottom:2%;
}
.overlay_article_item_module {
	width: 18%;
	float:right;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
	background-color:rgba(199,236,255,0.0);
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.overlay_article_item_module:hover {
	background-color:rgba(199,236,255,0.0);
}
.overlay_article_item_module:nth-of-type(5n) {
	width: 18%;
	float:right;
	margin-left:0%;
	margin-bottom: 2.5%;
}
.overlay_article_item_background {
	width: 100%;
	float:right;
	background-color: rgba(0,0,0,0.5);
}
.overlay_article_item_img {
	width: 100%;
	float:right;
	position:relative;
}
.overlay_article_item_img_tag {
	width: auto;
	float:right;
	position:absolute;
	top:10px;
	left:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:rgba(14,126,196,0.8);
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	line-height: 1.4em;
	font-size:15px;
	direction:rtl;
}
.overlay_article_item_img_video {
	width: auto;
	float: right;
	position: absolute;
	top: 10px;
	right: 10px;
}
.overlay_article_item_name {
	width: 90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:160px;
	padding-bottom:7px;
	float:right;
	position:absolute;
	bottom:0;
	font-size: 19px;
	line-height:1.2em;
	font-weight: 700;
	text-align:right;
    direction:rtl;
	font-family:'ambivalenti-tzar';
		overflow: hidden;
	visibility: visible;
	max-height: 80px;
	    background-position: center bottom;
    background-image: url('../images/Ribonut/general/slideshow_overlay_module.png');
    background-repeat: no-repeat;
	color:#fff;
	    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
}
#portfolio li.item:hover .overlay_article_item_name {
	color:#c7ecff;
}
.overlay_article_item_content
{
    width: 100%;
    float: right;
    margin-top: 0px;
    padding: 5% 0% 5% 0%;
}
.overlay_article_item_title {
	width: 100%;
	float:right;
}
.overlay_article_item_title_right {
	width: 100%;
	float:right;
	text-align: right;
	font-size: 15px;
	color: #0e81c4;
	line-height:1.4em;
	font-weight: 700;
}
.overlay_article_item_title_left {
	width: 100%;
	float:left;
	text-align: right;
	font-size: 17px;
	color: #0e81c4;
	line-height:1.4em;
	font-weight: 400;
}
.overlay_article_item_text {
	width: 100%;
	float:right;
	text-align: right;
	font-size: 15px;
	color: #000;
	line-height:1.4em;
	font-weight: 400;
	direction:rtl;
	margin-top:10px;
	overflow: hidden;
	visibility: visible;
	min-height: 120px;
	max-height: 120px;
}
.overlay_article_item_text:hover {
	color: #1182c5;
}
.overley_items_home_section_left {
    float: right;
    width: 30%;
    display: block;
}
.overley_items_home_section_left_inside {
    float: right;
    width: 100%;
    display: block;
}
.overley_left_inside_title_container {
    float: right;
	width: 100%;
	display:block;
}
.overley_left_inside_title
{

    float: right;
    width: 100%;
    display: block;
    text-align: right;
    font-size: 28px;
    line-height: 1.4em;
    text-decoration: none;
    padding: 0px;
    margin-bottom: 30px;
    font-weight: 700;
   	direction:rtl;
	font-family:'ambivalenti-tzar';
}
.overley_left_inside_title:hover
{

}
.overley_left_item_container {
    float: right;
    width: 100%;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999;
    margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
    background-color: rgba(199,236,255,0.0);
    transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.overley_left_item_container:hover {
    background-color: rgba(199,236,255,0.7);
}
.overley_left_item_container .title {
    float: right;
    width: 100%;
    display: block;
    text-align: right;
    font-size: 19px;
    line-height: 1.4em;
    text-decoration: none;
    color:#000;
    font-weight: 900;
	direction:rtl;
}
.overley_left_item_container .text {
    float: right;
    width: 100%;
    display: block;
    text-align: right;
    font-size: 17px;
    line-height: 1.4em;
    text-decoration: none;
    color:#000;
    font-weight: 400;
    direction:rtl;
}
/* css for articles home section
========================================================== */
.articles_home_section {
    float: right;
    width: 90%;
    padding: 0% 5% 3% 5%;
    display: block;
    background-color:#fff;
}
.articles_home_section_inside {
    float: right;
	width: 100%;
	padding:0%;
	display:block;
}
.articles_home_section_title {
    float: right;
	width: 100%;
	display:block;
	padding:0px;
	margin:0px;
}
.articles_home_section_title_atricles {
    float: right;
	width: auto;
	display:block;
	text-align:right;
	font-size: 28px;
	line-height:1.4em;
	text-decoration:none;
	padding:0px;
	margin:0px;
	font-weight: 700;
		direction:rtl;
	font-family:'ambivalenti-tzar';
}
.articles_home_section_btn_atricles {
    float: left;
	width: 120px;
	display:block;
	text-align:right;
	font-size: 18px;
	line-height:1.4em;
	text-decoration:none;
	padding:0px;
	margin-top: 7px;
	direction:rtl;
}
.articles_home_authors {
    float: right;
	width: 100%;
	display:block;
	margin-top:50px;
}
/* css for Team page
========================================================== */
.team_section_page {
	float: right;
	width: 100%;
	display: block;
	padding-bottom: 0px;
	padding-top: 0px;
}
.team_section_backround {
	float: right;
	width: 100%;
	margin-top: 120px;
}
.team_background {
	width: 100%;
	z-index: 1;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	margin-top: 40px;
}
.team_section_items {
	float: right;
	width: 100%;
	display: block;
	padding-bottom: 0px;
	padding-top: 140px;
}
.team_member_container {
	float: right;
	margin-left: 3%;
	width: 9.875%;
	display: block;
	height: 100%;
	border-radius: 50%;
	margin-bottom: 2%;
}
.team_member_container:nth-of-type(8n) {
	clear: none;
	float: right;
	margin-left: 0%;
	width:  9.875%;
	display: block;
	height: 100%;
	border-radius: 50%;
	margin-bottom: 2%;
}
.team_member_container_sep {
	clear: none;
	float: right;
	width: 2%;
	display: block;
	height: 30px;
	margin: 0px;
}
.team_thumbs_overlay {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-radius: 50%;
}
.team_member_name {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 19px;
	font-weight: 900;
	color: #000000;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
	min-height:35px;
	max-height:35px;
	line-height:1.1em;
}
.team_member_job {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 15px;
	line-height: 1.3em;
	font-weight: 400;
	color: #000000;
	text-align: center;
	min-height:50px;
	max-height:50px;
	direction:rtl;
}
.team_popup_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	min-width: 1170px;
}
.team_popup_container_90 {
	clear: both;
	float: left;
	width: 90%;
	display: block;
	margin: 5%;
}
.team_popup_container_left {
	clear: none;
	float: right;
	margin-left: 5%;
	width: 60%;
}
.team_popup_container_right {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 35%;
	display: block;
}
.team_popup_container_name {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 21px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
	text-align: right;
}
.team_popup_container_text {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	font-size: 17px;
	line-height: 1.8em;
	font-weight: 400;
	color: #000000;
	margin-bottom: 15px;
	text-align: right;
}
.team_popup_container_phone {
	clear: none;
	float: right;
	margin-left: 20px;
	width: auto;
	text-align: right;
	font-size: 17px;
	line-height: 1.8em;
	font-weight: 400;
	color: #000;
	text-decoration:underline!important;
}
.team_popup_container_email {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 50%;
	text-align: right;
	font-size: 17px;
	line-height: 1.8em;
	font-weight: 400;
	color: #000;
	text-decoration:underline!important;
}
div.img_list_team {
    margin: 0;
    padding: 0;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -webkit-transition: all 500ms ease;
    border-radius: 50%;
    overflow: visible;
}
div.img_list_team a {
	display: inline-block;
	position: relative;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: none;
	transition: 500ms ease;
	border-radius: 50%;
	overflow: visible;
}
.img_list_team a img {
	-webkit-transition: all 500ms ease;
	border-radius: 50%;
}
div.img_list_team a:hover {
	display: inline-block;
	position: relative;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: none;
	transition: 500ms ease;
	border-radius: 50%;
	overflow: visible;
}
.overlay_team {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay_team:target {
    visibility: visible;
    opacity: 1;
}
.popup_team {
	background-color: #FFFFFF;
	display: inline-block;
	left: 50%;
	opacity: 0;
	position: fixed;
	text-align: justify;
	top: 25%;
	visibility: hidden;
	z-index: 9999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}
.overlay_team:target+.popup_team {
	top: 40%;
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}
.close_team {
	background-color: #E3252A;
	height: 50px;
	line-height: 51px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 0px;
	width: 50px;
	left: -50px
}
.close_team:hover {
	background-color: #C1232F;
	height: 50px;
	line-height: 51px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 0px;
	width: 50px;
	left: -50px
}
.close_team:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 25px;   
}

/* css for footer ribonut start here
========================================================== */
.footer_ribonut_section {
    float: right;
    width: 90%;
    margin: 0px;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #fff;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #999;
}
.footer_ribonut_section_title {
	float: right;
	margin-left: 0%;
	margin-bottom:10px;
	width: 100%;
	text-align: right;
	font-size: 21px;
	line-height: 1.4em;
	font-weight: 700;
	color: #0e81c4;
}
.footer_ribonut_section_right {
    float: right;
    width: 30%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding-top: 40px;
    padding-bottom: 40px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #999;
    min-height: 150px;
	max-height: 150px;
}
.footer_ribonut_section_right_logo {
	float: right;
	width: 30%;
	margin-right: 35%;
	margin-left: 35%;
	margin-top: 0px;
	margin-bottom: 10px;
	display: block;
}
.footer_ribonut_section_right_slogen {
	float: right;
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #0e81c4;
	display: block;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
}
.footer_ribonut_section_middle {
	float: right;
	width: 30%;
	margin-left: 2.4%;
    margin-right: 2.4%;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #999;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 150px;
	max-height: 150px;
}
.footer_ribonut_section_middle .text {
	float: right;
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
    text-align: right;
	font-size: 17px;
	line-height: 1.4em;
	font-weight: 400;
	color: #0e81c4;
	direction:rtl;
	overflow: hidden;
	visibility: visible;
	min-height: 150px;
	max-height: 150px;
}
.footer_ribonut_section_left {
	float: right;
	width: 30%;
	margin: 0px;
	padding-top: 40px;
    padding-bottom: 40px;
    min-height: 150px;
	max-height: 150px;
}
.footer_ribonut_section_sep {
	float: right;
	width: 5%;
	margin: 0px;
	height:50px;
}
.footer_ribonut_form {
	float: right;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}
.footer_ribonut_form_inside {
	float: right;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
}
.footer_ribonut_form_element_container {
	float: right;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom:5%;
}
.footer_ribonut_form_element_50 {
	float: right;
	width: 47.5%;
	margin-right: 0%;
	margin-left: 0%;
}
.footer_ribonut_form_element_sep {
	float: right;
	width: 5%;
	height: 25px;
	margin-right: 0%;
	margin-left: 0%;
}
.footer_ribonut_form_element_75 {
	float: right;
	width: 65%;
	margin-right: 0%;
	margin-left: 0%;
}
.footer_ribonut_form_element_20 {
	float: right;
	width: 30%;
	margin-right: 0%;
	margin-left: 0%;
}
/* css for sub footer ribonut
========================================================== */
.sub_footer_ribonut {
	float: right;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
}
.sub_footer_ribonut_up {
	float: right;
	width: 90%;
	margin-right: 0%;
	margin-left: 0%;
	padding-top:22px;
	padding-bottom:20px;
	padding-left:5%;
	padding-right:5%;
	background-color:#0e81c4;
}
.sub_footer_ribonut_up_right {
    float: right;
    width: 30%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: #999;
    min-height: 40px;
	max-height: 40px;
}
.sub_footer_ribonut_up_right_btn
{
    border: 1px solid #FFFFFF;
    float: right;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
	font-size: 18px;
	line-height: 2em;
	font-weight: 400;
	color: #fff;
	direction:rtl;
	background-color:transparent;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.sub_footer_ribonut_up_right_btn:hover {
	color: #0e81c4;
	background-color:#fff;
}
.sub_footer_ribonut_up_middle {
    float: right;
    width: 30%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: #999;
    min-height: 40px;
	max-height: 40px;
}
.sub_footer_ribonut_up_middle_inside {
    float: right;
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
}
.sub_footer_ribonut_up_middle_icon {
    float: right;
    width: 30px;
    height:30px;
}
.sub_footer_ribonut_up_middle_icon:hover {
    float: right;
    width: 30px;
    height:30px;
    opacity:0.6;
}
.sub_footer_ribonut_up_middle_icon_sep
{
    float: right;
    width: 10px;
    height: 10px;
}
.sub_footer_ribonut_up_left {
    float: right;
    width: 30%;
    margin-left: 0%;
    margin-right: 0%;
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: #999;
    min-height: 40px;
	max-height: 40px;
}
.sub_footer_ribonut_up_left_btn
{
    border: 1px solid #FFFFFF;
    float: right;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
	font-size: 18px;
	line-height: 2em;
	font-weight: 400;
	color: #fff;
	direction:rtl;
	background-color:transparent;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.sub_footer_ribonut_up_left_btn:hover {
	color: #0e81c4;
	background-color:#fff;
}
.sub_footer_section_down
{
    float: right;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    background-color:#fff;
    padding-top:15px;
    padding-bottom:15px;
}
.sub_footer_section_down_text {
	float: right;
	margin-left: 0%;
	width: 400px;
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #0e81c4;
	text-align: right;
	line-height:2em;
}
.sub_footer_section_down_text_credit {
	float: left;
	margin-left: 0%;
	width: 25px;
	display: block;
	height: 25px;
	margin-top: 5px;
}
/* css for products_1 filtering
========================================================== */
.products_section {
	width: 100%;
	text-align: right;
	z-index: 1;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	padding-top: 80px;
	padding-bottom: 40px;
	position:relative;
}
.products_section h1 {
	width: 100%;
	float: right;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	margin: 0px;
	direction: rtl;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 3em;
}
.filtering_section_page {
	float: right;
	width: 100%;
	background-color: transparent;
	position: relative;
	padding-top: 60px;
	padding-right: 0%;
	padding-bottom: 10px;
	padding-left: 0%;
	margin: 0px;
}
.filtering_section_page h1 {
	float: right;
	width: 100%;
	font-size: 1.6vw;
	font-weight: 700;
	color: #D64343;
	text-align: center;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
}
.filtering_section_page h2 {
	float: right;
	width: 100%;
	font-size: 1.1vw;
	font-weight: 400;
	color: #D64343;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.filtering_itemp_container {
	float: left;
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	background-color: transparent;
	min-height: 600px;
	padding:0
}

#portfolio {
	display: inline-block;
	width: 100%;
	padding:0;
	margin:0;
}
#portfolio li.item {
	width: 18%!important;
	float: right;
	margin-left: 1%!important;	
	margin-right: 1%!important;
	margin-bottom: 2%;
	font-size: 30px;
	text-align: center;
	background-color: #FFF;
	direction: rtl;
}
#portfolio li.item:hover {

}
#portfolio .filter_item {
	float: right;
	width: 100%;
}
#portfolio .filter_item img {
	float: right;
	display: inline-block;
	max-height: 400px;
	overflow: hidden;
	visibility: visible;
	padding: 0%;
	width:100%;
	margin:0%;
	max-width: 100%;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
#portfolio .filter_item:hover img {
	float: right;
	display: inline-block;
	max-height: 400px;
	overflow: hidden;
	visibility: visible;
	padding: 0%;
	width:100%;
	margin:0%;
	max-width: 100%;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
#portfolio .filter_item h1 {
	font-size: 19px;
	font-weight: 400;
	color: #404041;
	text-align: center;
	width: 90%;
	margin-top: 10px;
	margin-right: 5%;
	margin-bottom: 5px;
	margin-left: 5%;
	list-style-type: none;
	float: left;
	height: 60px;
	overflow: hidden;
	visibility: visible;
	line-height: 1.4em;
}
#portfolio .filter_item:hover h1 {
	font-size: 19px;
	font-weight: 400;
	color: #000;
	text-align: center;
	width: 90%;
	margin-top: 10px;
	margin-right: 5%;
	margin-bottom: 5px;
	margin-left: 5%;
	list-style-type: none;
	float: left;
	height: 60px;
	overflow: hidden;
	visibility: visible;
	line-height: 1.4em;
}
#portfolio .filter_item h2 {
	font-size: 15px;
	font-weight: 400;
	color: #404041;
	text-align: center;
	width: 90%;
	margin-top: 10px;
	margin-right: 5%;
	margin-bottom: 5px;
	margin-left: 5%;
	list-style-type: none;
	float: left;
	height: 60px;
	overflow: hidden;
	visibility: visible;
	line-height: 1.4em;
}
#portfolio .filter_item:hover h2 {
	font-size: 15px;
	font-weight: 400;
	color: #000;
	text-align: center;
	width: 90%;
	margin-top: 10px;
	margin-right: 5%;
	margin-bottom: 5px;
	margin-left: 5%;
	list-style-type: none;
	float: left;
	height: 60px;
	overflow: hidden;
	visibility: visible;
	line-height: 1.4em;
}
#portfolio .filter_item .btn {
	text-decoration: none;
	line-height: 3em;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	display: block;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0%;
	margin-left: 0%;
	float: right;
	padding: 0%;
	border: 0px solid #ccc;
	color: #000; 
	background-color: rgba(88,88,91,0.1);
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
}
#portfolio .filter_item:hover .btn {
	opacity:0.9;
	background-color: rgba(88,88,91,0.3);
	color: #000;
	border: 0px solid #666;
}
.filter_item_line {
	display: block;
	width: 70%;
	float:right;
	margin-left:15%;
	margin-right:15%;
	margin-top: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.products_banner_down {
	width: 100%;
	text-align: right;
	z-index: 1;
	text-decoration: none;
	margin-top: 50px;
	margin-bottom: 0px;
	float: right;
	position:relative;
}
.products_banner_down_title {
	width: 100%;
	text-decoration: none;
	line-height: 1.4em;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	display: block;
	float: right;
	position:absolute;
	top:35%;
	color:#fff;
}
/* css for blog post id section
========================================================== */
.blog_post_id_section {
	display: block;
	width: 100%;
	float: right;
}
.blog_post_id_slidehsow {
	display: block;
	width: 100%;
	float: right;
	margin-top: 80px;
	padding: 0px;
	position:relative;
}
.blog_post_id_slidehsow_share {
	display: block;
	width: 90%;
	float:right;
	padding-right:5%;
	padding-left: 5%;
	padding-top:12px;
	padding-bottom:12px;
	text-align: center;
	top: 0;
	position: absolute;
	z-index: 1002!important;
	background-color: rgba(255,255,255,0.7);
}
.blog_post_id_slidehsow_share_inside {
	width: auto;
	float:right;
}
.m_arrow {
	width: 20px;
	height:20px;
	float:left;
	margin-top:1px;
}
.blog_post_id_slidehsow_navigation {
	display: none;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	top: 3%;
	padding: 0px;
	position: absolute;
	z-index: 1002!important;
}
.blog_post_id_slidehsow_navigation_prev {
	background-color: transparent!important;
	border: 2px solid #fff;
	float: right;
	width: auto;
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.8em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	color: #fff;
}
.blog_post_id_slidehsow_navigation_prev:hover {
	background-color: #fff!important;
	color: #1182c5!important;
	border: 2px solid #fff;
}
.blog_post_id_slidehsow_navigation_next {
	background-color: transparent!important;
	border: 2px solid #fff;
	float: left;
	width: auto;
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.8em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	color: #fff;
}
.blog_post_id_slidehsow_navigation_next:hover {
	background-color: #fff!important;
	color: #1182c5!important;
	border: 2px solid #fff;
}
.blog_post_id_slidehsow_caption {
	display: block;
	width: 90%;
	margin: 0px 5% 0px 5%;
	text-align: center;
	bottom: 15px;
	position: absolute;
	z-index: 1002!important;
	background-color: rgba(0,0,0,0.0);
}
.blog_post_id_slidehsow_caption h1 {
	font-size: 51px;
	padding: 0px;
	text-align: center;
	font-weight: 900;
	width: 100%;
	float: right;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
    direction:rtl;
	font-family:'ambivalenti-tzar';
	color: #fff;
}
.blog_post_id_slidehsow_caption h2 {
	font-size: 0.9vw;
	padding: 0px;
	text-align: center;
	font-weight: 400;
	width: 90%;
	float: right;
	display: block;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 0px;
	margin-top: 0px;
	direction: rtl;
	color: #fff;
}
.blog_post_id_title {
	width: 100%;
	float: right;
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0e81c4;
}
.blog_post_id_title h3 {
	font-size: 33px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	font-weight: 700;
	width: 60%;
	float: right;
	display: block;
	margin: 0px 20% 0px 20%;
    direction:rtl;
	font-family:'ambivalenti-tzar';
	color: #0e81c4;
	background-color: #fff;
}
.blog_post_id_content_section {
	width: 90%;
	float: right;
	display: block;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 40px;
	padding-bottom: 40px;
}
.blog_post_id_content_right {
	width: 15%;
	float: right;
	display: block;
}
.blog_post_id_content_middle {
	width: 54%;
	float: left;
	display: block;
}
.blog_post_id_content_left {
	width: 15%;
	float: left;
	display: block;
	min-height:30px;
}
.blog_post_id_content_sep {
	width: 8%;
	float: left;
	display: block;
	height: 30px;
}
.blog_post_id_right_author_section {
	width: 100%;
	float: right;
	display: block;
}
.blog_post_id_right_author_img {
	width: 100%;
	float: right;
	display: block;
	margin-bottom: 40px
}
.blog_post_id_right_author_img img {
	width: 70%;
	float: right;
	display: block;
	-webkit-transition: all 500ms ease;
	border-radius: 50%;
}
.blog_post_id_right_author_name {
	width: 100%;
	float: right;
	display: block;
	font-size: 21px;
	text-align: right;
	font-weight: 900;
	margin: 0px;
	direction: rtl;
	color: #0e81c4;
	line-height: 1.4em;
}
.blog_post_id_right_author_job {
	width: 100%;
	float: right;
	display: block;
	font-size: 21px;
	text-align: right;
	font-weight: 400;
	width: 100%;
	margin-bottom: 30px;
	direction: rtl;
	color: #0e81c4;
	line-height: 1.4em;
}
.blog_post_id_right_author_section p {
	width: 100%;
	float: right;
	display: block;
	font-size: 19px;
	text-align: right;
	font-weight: 400;
	margin-bottom: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	padding-top: 0px;
	direction: rtl;
	color: #0e81c4;
	line-height: 1.4em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0e81c4;
}
.blog_post_id_right_author_date {
	width: 100%;
	float: right;
	display: block;
	font-size: 21px;
	text-align: right;
	font-weight: 400;
	margin-bottom: 15px;
	direction: rtl;
	color: #0e81c4;
	line-height: 1.4em;
}
.blog_post_id_right_author_share {
	width: 100%;
	float: right;
	display: block;
	text-align: right;
	margin-bottom: 30px;
	direction: rtl;
}
.blog_post_id_right_author_icons {
	width: 100%;
	float: right;
	display: block;
	text-align: right;
	margin-bottom: 0px;
	direction: rtl;
}
.blog_post_id_right_author_icon_comments {
	background-position: right center;
	width: auto;
	float: right;
	display: block;
	text-align: right;
	margin-bottom: 10px;
	padding-right: 28px;
	direction: rtl;
	background-image: url('../images/Ribonut/general/post_id_icon_comments.png');
	background-repeat: no-repeat;
	color: #0e81c4;
	line-height: 1.4em;
	font-size: 18px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.blog_post_id_right_author_icon_comments:hover {
	background-position: right center;
	background-image: url('../images/Ribonut/general/post_id_icon_comments_roll.png');
	background-repeat: no-repeat;
	color: #1277aa;
}
.blog_post_id_right_author_icon_mail {
	background-position: right center;
	width: auto;
	float: right;
	display: block;
	text-align: right;
	margin-bottom: 10px;
	padding-right: 28px;
	direction: rtl;
	background-image: url('../images/Ribonut/general/post_id_icon_mail.png');
	background-repeat: no-repeat;
	color: #0e81c4;
	line-height: 1.4em;
	font-size: 18px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.blog_post_id_right_author_icon_mail:hover {
	background-position: right center;
	background-image: url('../images/Ribonut/general/post_id_icon_mail_roll.png');
	background-repeat: no-repeat;
	color: #1277aa;
}
.blog_post_id_right_donations {
	border: 1px solid #0e81c4;
	width: 100%;
	float: right;
	display: block;
	margin-bottom: 10px;
	margin-top: 100px;
	padding: 0%;
}
.blog_post_id_right_donations p {
	width: 70%;
	float: right;
	display: block;
	text-align: center;
	padding: 15%;
	margin: 0px;
	direction: rtl;
	color: #0e81c4;
	line-height: 1.4em;
	font-size: 18px;
	font-weight: 700;
}
.blog_post_id_right_donations_btn {
	width: 100%;
	float: right;
	display: block;
	text-align: center;
	margin-bottom: 0px;
	padding: 0%;
	direction: rtl;
	color: #0e81c4;
	line-height: 3em;
	font-size: 18px;
	font-weight: 700;
	border-top-style: solid;
	border-top-width: 0px;
	border-top-color: #0e81c4;
	background-color: transparent;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.blog_post_id_right_donations_btn:hover {
	width: 100%;
	float: right;
	display: block;
	text-align: center;
	margin-bottom: 0px;
	padding: 0%;
	direction: rtl;
	color: #fff;
	line-height: 3em;
	font-size: 18px;
	font-weight: 700;
	background-color: #0e81c4;
}
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
	text-align: center;
	width: 100%;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	direction: rtl;
	color: #0e81c4;
	line-height: 1.2em;
	font-size: 18px;
	font-weight: 700;
	border-top-style: solid;
	border-top-width: 0px;
	border-top-color: #0e81c4;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background: transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2098d1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
	color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.blog_post_id_content_middle_content {
	width: 100%;
	float: right;
	display: block;
}
.blog_post_id_content_middle_content p {
	width: 100%;
	float: right;
	display: block;
	font-size: 19px;
	text-align: right;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top: 0px;
	direction: rtl;
	color: #000;
	line-height: 1.4em;
}
.blog_post_id_content_video_title {
	width: 100%;
	float: right;
	display: block;
	font-size: 19px;
	text-align: right;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 10px;
	direction: rtl;
	color: #0e81c4;
	line-height: 1.4em;
}
.blog_post_id_content_video_code {
	width: 100%;
	float: right;
	display: block;
	margin-bottom: 25px;
}
.blog_post_id_content_middle_facebook_comments {
	width: 100%;
	float: right;
	display: block;
	margin-top: 30px;
}
.blog_post_id_content_middle_facebook_title {
	width: 100%;
	float: right;
	display: block;
	color: #0e81c4;
	line-height: 1.4em;
	font-size: 21px;
	font-weight: 700;
	text-align: right;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.blog_post_id_middle_comments {
	width: 100%;
	float: right;
	display: block;
}
.blog_post_id_middle_comments_title_container {
	width: 100%;
	float: right;
	display: block;
	margin-bottom:15px;
}
.blog_post_id_middle_comments_icon_container {
	width: 30px;
	float: right;
}
.blog_post_id_middle_comments_icon_text {
	width: auto;
	float: right;
	font-size: 17px;
	color: #0e81c4;
	margin-top: 5px;
	margin-right: 7px;
	margin-left: 15px;
	direction:rtl;
}
.blog_post_id_form {
	width: 100%;
	float: right;
	display: block;
}
.blog_post_id_form_field_100 {
	width: 100%;
	float: right;
	display: block;
	margin-bottom:0%;
}
.blog_post_id_form_field_50 {
	width: 49%;
	float: right;
	display: block;
	margin-bottom: 2%;
}
.blog_post_id_form_sep_2 {
	display: block;
	float: right;
	width: 2%;
	padding: 0%;
	height: 30px;
}
.blog_post_id_form_sep_5 {
	display: block;
	float: right;
	width: 5%;
	padding: 0%;
	height: 30px;
}
.blog_post_id_send {
	display: block;
	float: right;
	width: 100%;
	margin-top: 20px;
}
.blog_post_id_send_btn {
	display: block;
	float: left;
	width: 32%;
}
.blog_post_id_chek #check {
	float: right;
	height: 20px;
	width: 20px;
}
.blog_post_id_chekbox_container {
	display: block;
	float: right;
	width: 25px;
	margin-left: 7px;
	height: 25px;
	text-align: right;
}
.blog_post_id_checkBox_text {
	display: block;
	float: right;
	width: 60%;
	font-size: 14px;
	color: #706F6F;
	text-align: right;
	margin-top: 0px;
	direction:rtl;
}
.post_id_send 
{
    background-color:#0e81c4;
    color:#fff;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    line-height:2.4em;
    float:left;
    width:100%;
}
.post_id_send:hover 
{
    background-color:#106d91;
    color:#fff;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    line-height:2.4em;
    float:left;
    width:100%;
}
.post_id_send:focus
{
    background-color:#106d91;
    color:#fff!important;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    line-height:2.4em;
    float:left;
    width:100%;
}
#progressDivWithGif
{
    float: left;
    margin-right:0%;
    margin-left:0%;
    margin-top:0px;
    text-align:center;
    width: 32%;
    padding:0px;
}
.post_id_all_comments {
	width: 100%;
	float: right;
	margin-top: 30px;
	border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #b6b6b7;
}
.post_id_comments_container
{
    width: 96%;
    float: right;
    margin-top: 0px;
    background-color: #fff;
    padding: 2%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b6b6b7;
}
.post_id_comments_title_container
{
    width: 95%;
    float: right;
    margin-top: 0px;
    padding: 0%;
}
.post_id_comments_title_container_title
{
    width: 100%;
    float: right;
    margin-top: 0px;
    padding: 0%;
    font-size: 21px;
    font-weight: 700;
    color:#000;
    text-align: right;
    line-height:1.5em;
        direction:rtl;
}
.post_id_comments_title_sep
{
    width: auto;
    float: right;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0%;
    font-size: 19px;
    font-weight: 700;
    color:#000;
    text-align: center;
    line-height:1.7em;
}
.post_id_comment_num_container {
	width: 5%;
	float: right;
}
.post_id_comment_num {
	width: auto;
	float: right;
	color: #303631;
	font-weight: 700;
	font-size: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	line-height: 1.2em;
}
.post_id_comment_detalis_container {
	width: 100%;
	float: right;
	margin-top: 5px;
}
.post_id_comment_name {
	width: auto;
	float: right;
	color: #0e81c4;
	font-size: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	direction:rtl;
}
.post_id_comment_erea {
	width: auto;
	float: right;
	color: #6d6d6d;
	font-size: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	direction:rtl;
}
.post_id_comments_detalis_sep 
{
    width: auto;
    float: right;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0%;
    font-size: 18px;
    font-weight: 300;
    color:#6d6d6d;
    text-align: center;
    line-height:1.4em;
}
.post_id_comment_date {
	width: auto;
	float: right;
	color: #6d6d6d;
	font-size: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	direction:rtl;
}
.post_id_comment_content {
	width: 100%;
	float: right;
	color: #000;
	font-weight:400;
	font-size: 19px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 1.4em;
	text-align: right;
	padding-top: 5px;
	border-top-width: 0px;
	border-top-style: dotted;
	border-top-color: #303631;
	direction:rtl;
}
.blog_post_id_content_left p {
	width: 100%;
	float: right;
	display: block;
	font-size: 25px;
	text-align: right;
	font-weight: 700;
	margin-bottom: 90px;
	padding-bottom: 90px;
	margin-top: 0px;
	padding-top: 0px;
	direction:rtl;
	font-family:'ambivalenti-tzar';
	color: #0e81c4;
	line-height: 1.3em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0e81c4;
}
/* css for author id
========================================================== */
.author_id_section {
    width: 100%;
    float: right;
    margin-top: 80px;
}
.author_id_prev_next_container 
{
    width: 90%;
    float: right;
    margin-top: 10px;
    margin-left:5%;
    margin-right:5%;
}
.author_id_navigation_prev {
	background-color: transparent!important;
	border: 0px solid #fff;
	float: right;
	width: auto;
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.8em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	color: #0E81C4;
}
.author_id_navigation_prev:hover {
	background-color: #fff!important;
	color: #0E81C4!important;
	border: 0px solid #fff;
}
.author_id_navigation_next {
	background-color: transparent!important;
	border: 0px solid #fff;
	float: left;
	width: auto;
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.8em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	color: #0E81C4;
}
.author_id_navigation_next:hover {
	background-color: #fff!important;
	color: #0E81C4!important;
	border: 0px solid #fff;
}
.author_id_content_container {
    width: 100%;
    float: right;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0%;
    margin-right: 0%;
}
.author_id_image {
    width: 14%;
    float: right;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 43%;
    margin-right: 43%;
}
.author_id_image img 
{
    -webkit-transition: all 500ms ease;
	border-radius: 50%;
}
.author_id_image img:hover 
{
	display: inline-block;
	position: relative;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: none;
	transition: 500ms ease;
	border-radius: 50%;
	overflow: visible;
}
.author_id_name {
    width: 100%;
    float: right;
    margin-top: 0px;
    margin-bottom: 20px;
    display:block;
    font-size: 32px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.8em;
	color:#0E81C4;
	text-align:center;
		direction:rtl;
	font-family:'ambivalenti-tzar';
}
.author_id_content_container p
{
    width: 60%;
	float: right;
	display: block;
	font-size: 19px;
	text-align: right;
	font-weight: 400;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 20%;
	margin-right: 20%;
	padding: 0px;
	direction: rtl;
	color: #000;
	line-height: 1.3em;
}
.author_id_posts_container
{
    width: 100%;
    float: right;
    margin-top: 50px;
    margin-bottom: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #0E81C4;
}
.author_id_posts_container_title {
    float: right;
	width: 100%;
	display:block;
	text-align:center!important;
	color:#000;
	font-size: 28px;
	line-height:1.4em;
	text-decoration:none;
	padding:0px;
	margin-bottom:30px;
	font-weight: 700;
		direction:rtl;
	font-family:'ambivalenti-tzar';
}
.author_id_posts_items_container {
	width: 90%;
	float:right;
	margin-left: 5%;
	margin-right: 5%;
}
.author_id_posts_item {
	width: 22%;
	float:right;
	margin-left:3%;
	margin-bottom:3%;
	background-color:rgba(255,255,255,1);
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.author_id_posts_item:nth-of-type(4n) {
	width: 22%;
	float:right;
	margin-left:0%;
	margin-bottom:3%;
}
.author_id_posts_item:hover {
	background-color: #C8EAFB;
}
.author_id_posts_item_inside {
	width: 86%;
	float:right;
	padding:7%;
}
.author_id_item_title {
	width: 100%;
	float:right;
	margin-top: 7px;
	margin-bottom: 12px;
}
.author_id_item_title_post_name {
	width: 100%;
	float:right;
    text-align: right;
	font-size: 19px;
	color: #0e81c4;
	line-height:1.2em;
	font-weight: 700;
			direction:rtl;
	font-family:'ambivalenti-tzar';
}
.author_id_item_title_name {
	width: 50%;
	float:right;
	text-align: right;
	font-size: 15px;
	color: #0e81c4;
	line-height:1.4em;
	font-weight: 700;
}
.author_id_item_title_date {
	width: 50%;
	float:left;
	text-align: left;
	font-size: 15px;
	color: #0e81c4;
	line-height:1.4em;
	font-weight: 400;
}
.author_id_posts_item_inside p 
{
    width: 100%;
	float:right;
    display:block;
	text-align:right;
	color:#000;
	font-size: 17px;
	line-height:1.4em;
	text-decoration:none;
	direction:rtl;
	padding:0px;
	margin:0px;
	overflow: hidden;
	visibility: visible;
	min-height: 90px;
	max-height: 90px;
}
.author_id_more_posts_title {
    float: right;
	width: 100%;
	display:block;
	text-align:center;
	color:#0E81C4;
    font-size: 28px;
    line-height:1.4em;
    text-decoration:none;
    padding:0px;
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: 700;
        direction:rtl;
	font-family:'ambivalenti-tzar';
}
/* css for events tizers section
========================================================== */
.tizers_section {
	float: right;
	width: 100%;
	padding-top: 90px;
	padding-bottom: 60px;
	position: relative;
	bottom: 0px;
}
.tizers_container {
	float: right;
	width: 100%;
	margin-top:50px;
}
.tizers_section_page {
	float: right;
	width: 100%;
	padding-top: 120px;
	padding-bottom: 60px;
	position: relative;
	bottom: 0px;
}
.tizers_section_inside {
	width: 74%;
	margin-right: 13%;
	margin-left: 13%;
	margin-bottom: 0px;
	float: right;
}
.tizers_section_inside h1 {
	font-size: 38px;
	font-weight: 700;
	text-decoration: none;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	margin-bottom: 30px;
	padding: 0px;
	margin-top: 20px;
	direction:rtl;
	font-family:'ambivalenti-tzar';
}
.tizers_item {
	float: right;
	width: 32%;
	margin-bottom: 2%;
	margin-left:2%;
}
.tizers_item:nth-of-type(3n) {
	float: right;
	width: 32%;
	margin-bottom: 2%;
	margin-left:0%;
}
.tizer_container_sep {
	float: right;
	width: 3%;
	height: 10px;
}
.tizers_item_container {
	float: right;
	width: 100%;
	position: relative;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	transition: all ease 0.2s;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(218,218,217,1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(218,218,217,1);
	box-shadow: 0px 2px 3px 0px rgba(218,218,217,1);
}
.tizers_item_container:hover {
	float: right;
	width: 100%;
	position: relative;
	-webkit-box-shadow: 0px 3px 3px 1px rgba(218,218,217,1);
	-moz-box-shadow: 0px 3px 3px 1px rgba(218,218,217,1);
	box-shadow: 0px 3px 3px 1px rgba(218,218,217,1);
}
.tizers_item_caption {
	float: right;
	width: 100%;
	position: absolute;
	z-index: 1002;
	height: 100%;
}
.tizers_item_caption_color
{
    float: right;
    width: 50%;
    padding-left: 50%;
    position: absolute;
    z-index: 1002;
    height: 100.5%;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    right: 0;
    background-position: center center;
    background-image: url('../images/Ribonut/Events/white_regular.png');
    background-repeat: no-repeat;
}
.tizers_item_caption_color:hover {
	float: left;
	width: 50%;
	position: absolute;
	z-index: 1002;
	height: 100.5%;
	right: 0px;
	background-position: center center;
    background-image: url('../images/Ribonut/Events/white_roll2.png');
    background-repeat: no-repeat;
}
.tizers_item h1 {
	float: right;
	width: 88%;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3em;
	color: #1182c5;
	text-align: right;
	text-decoration: none;
	padding-right: 7%;
	padding-left: 5%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 15;
	overflow: hidden;
	visibility: visible;
	-webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
}
.tizers_item:hover h1 {
	color: transparent;
}
.tizers_item h2 {
	float: right;
	width: auto;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	color: #1182c5;
	text-align: right;
	text-decoration: none;
	padding-right: 0%;
	padding-left: 5%;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:7%;
	height: 15;
	overflow: hidden;
	visibility: visible;
	-webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #1182c5;
}
.tizers_item:hover h2 {
	color: transparent;
}
.tizers_item h3 {
	float: right;
	width: 88%;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4em;
	color: #000;
	text-align: right;
	text-decoration: none;
	padding-right: 7%;
	padding-left: 5%;
	padding-top: 0%;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 45;
	overflow: hidden;
	visibility: visible;
	-webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
}
.tizers_item:hover h3 {
	color: transparent;
}
.tizers_item_img {
	float: right;
	width: 100%;
}
.tizers_big_item {
	float: right;
	width: 100%;
	margin-bottom: 0px;
	margin-left:0%;
}
.tizers_big_item_container {
	float: right;
	width: 100%;
	margin-bottom: 0px;
	margin-left:0%;
}
.tizers_big_item_container {
	float: right;
	width: 100%;
	position: relative;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	transition: all ease 0.2s;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(218,218,217,1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(218,218,217,1);
	box-shadow: 0px 2px 3px 0px rgba(218,218,217,1);
}
.tizers_big_item_container:hover {
	float: right;
	width: 100%;
	position: relative;
	-webkit-box-shadow: 0px 3px 3px 1px rgba(218,218,217,1);
	-moz-box-shadow: 0px 3px 3px 1px rgba(218,218,217,1);
	box-shadow: 0px 3px 3px 1px rgba(218,218,217,1);
}
.tizers_big_item_caption {
	float: right;
	width: 100%;
	position: absolute;
	z-index: 1002;
	height: 100%;
}
.tizers_big_item_caption_color
{
    float: right;
    width: 50%;
    padding-left: 50%;
    position: absolute;
    z-index: 1002;
    height: 100%;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    right: 0;
    background-position: center center;
    background-image: url('../images/Ribonut/Events/white_regular_big.png');
    background-repeat: no-repeat;
}
.tizers_big_item_caption_color:hover {
	float: left;
	width: 50%;
	position: absolute;
	z-index: 1002;
	height: 100%;
	right: 0px;
	background-position: center center;
    background-image: url('../images/Ribonut/Events/white_roll_big.png');
    background-repeat: no-repeat;
}
.tizers_big_item h1 {
	float: right;
	width: 88%;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3em;
	color: #1182c5;
	text-align: right;
	text-decoration: none;
	padding-right: 7%;
	padding-left: 5%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 15;
	overflow: hidden;
	visibility: visible;
	-webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    direction:rtl;
}
.tizers_big_item:hover h1 {
	color: transparent;
}
.tizers_big_item h2 {
	float: right;
	width: auto;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	color: #1182c5;
	text-align: right;
	text-decoration: none;
	padding-right: 0%;
	padding-left: 5%;
	padding-top: 5%;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:7%;
	height: 15;
	overflow: hidden;
	visibility: visible;
	-webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #1182c5;
	direction:rtl;
}
.tizers_big_item:hover h2 {
	color: transparent;
}
.tizers_big_item h3 {
	float: right;
	width: 88%;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4em;
	color: #000;
	text-align: right;
	text-decoration: none;
	padding-right: 7%;
	padding-left: 5%;
	padding-top: 0%;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	visibility: visible;
	min-height:160px;
	max-height:160px;
	-webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    direction:rtl;
}
.tizers_big_item:hover h3 {
	color: transparent;
}
.tizers_big_item h4 {
	float: right;
	width: 88%;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4em;
	color: #000;
	text-align: right;
	text-decoration: none;
	padding-right: 7%;
	padding-left: 5%;
	padding-top: 0%;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 45;
	overflow: hidden;
	visibility: visible;
	-webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    direction:rtl;
}
.tizers_big_item:hover h4 {
	color: transparent;
}
.tizers_big_item_img {
	float: right;
	width: 100%;
}
/* css for event_id
========================================================== */
.event_id_section {
	display: block;
	width: 100%;
	float: right;
	padding-top:120px;
}
.event_id_slidehsow {
	display: block;
	width: 100%;
	float: right;
	margin-top: 80px;
	padding: 0px;
}
.event_id_navigation {
	display: block;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	top: 12%;
	padding: 0px;
	position: absolute;
	z-index: 1002!important;
}
.event_id_navigation_prev {
	background-color: transparent!important;
	border: 1px solid #3083c7;
	float: right;
	width: auto;
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.8em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	color: #3083c7;
}
.event_id_navigation_prev:hover {
	background-color: #fff!important;
	color: #3083c7!important;
	border: 1px solid #fff;
}
.event_id_navigation_next {
	background-color: transparent!important;
	border: 1px solid #3083c7;
	float: left;
	width: auto;
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.8em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	color: #3083c7;
}
.event_id_navigation_next:hover {
	background-color: #fff!important;
	color: #3083c7!important;
	border: 1px solid #fff;
}
.event_id_content 
{
	width: 70%;
	float: right;
	margin-top: 20px;
	padding-left: 15%;
	padding-right: 15%;
	display: block;
}
.event_id_share 
{
    width: 100%;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0%;
	margin-right: 0%;
	padding: 0px;
	display: block;
	text-align:right;
}
.event_id_content h1 {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	width: 100%;
	line-height: 1.4em;
	color: #3083c7;
	float: right;
	direction:rtl;
	font-family:'ambivalenti-tzar';
	margin-bottom:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.event_id_content h2 {
	font-size: 21px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	width: 100%;
	line-height: 1.4em;
	color: #000;
	float: right;
	direction:rtl;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.event_id_content h3 {
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	width: 100%;
	line-height: 1.4em;
	color: #3083c7;
	float: right;
	direction:rtl;
	font-family:'ambivalenti-tzar';
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.event_id_content_images {
	width: 80%;
	float: right;
	margin-bottom:10px;
	margin-top: 30px;
	margin-right: 10%;
	margin-left: 10%;
	padding:0px;
}
.event_id_content p {
	font-size: 17px;
	font-weight: 400;
	text-align: right;
	text-decoration: none;
	width: 100%;
	line-height: 1.4em;
	color: #3083c7;
	float: right;
	direction: rtl;
	margin-bottom: 70px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
}
/* css for search popup
========================================================== */
.overlay_contact2 {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay_contact2:target {
    visibility: visible;
    opacity: 1;
}
.popup_contact2 {
    background-color: #FFFFFF;
    display: inline-block;
    left: 50%;
    width: 600px;
    opacity: 0;
    position: fixed;
    text-align: center;
    top: 25%;
    visibility: hidden;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    padding: 30px;
}
.overlay_contact2:target+.popup_contact2 {
	top: 30%;
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}
.close_contact2 {
	background-color: #0e81c4;
	height: 50px;
	line-height: 51px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: -1px;
	width: 50px;
	left: -50px;
}
.close_contact2:hover {
	background-color: #0a628e;
	height: 50px;
	line-height: 51px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: -1px;
	width: 50px;
	left: -50px;
}
.close_contact2:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 25px;
}
.popup_contact2 .title {
	font-size: 28px;
	font-weight: 700;
	text-align: right;
	text-decoration: none;
	width: 100%;
	line-height: 1.4em;
	color: #3083c7;
	float: right;
	direction: rtl;
	margin-bottom:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.popup_contact2_search {
    width: 100%;
	float: right;
	direction: rtl;
}
.search_container {
    width: 75%;
    float: right;
    margin-left:5%;
}
.search_btn_container {
    width: 20%;
    float: right;
    margin-left:0%;
}
.search {
    border: 1px solid #0e81c4;
    width: 100%;
    float: right;
    direction: rtl;
    font-size: 17px;
    text-align: right;
    color: #999999;
    margin:0px;
	padding:0px;
	line-height:2.3em;
}
.search:hover {
    border: 1px solid #0e81c4;
    width: 100%;
    float: right;
    direction: rtl;
    font-size: 17px;
    text-align: right;
    color: #999999;
    margin:0px;
	padding:0px;
}
.search:focus {
    border: 1px solid #0e81c4;
    width: 100%;
    float: right;
    direction: rtl;
    font-size: 17px;
    text-align: right;
    color: #000;
    margin:0px;
	padding:0px;
}
.search_btn {
    width: 100%;
    float: right;
    direction: rtl;
    font-size: 18px;
    text-align: center;
    color: #fff!important;
    background-color:#0e81c4;
    font-size: 19px;
	font-weight: 400;
	line-height:2.2em;
	margin:0px;
	padding:0px;
}
.search_btn:hover {
    width: 100%;
    float: right;
    direction: rtl;
    font-size: 18px;
    text-align: center;
    color: #fff!important;
    background-color:#106d9b;
    font-size: 19px;
	font-weight: 400;
	line-height:2.2em;
	margin:0px;
	padding:0px;
}
.search_btn:focus {
    width: 100%;
    float: right;
    direction: rtl;
    font-size: 18px;
    text-align: center;
    color: #fff!important;
    background-color:#0e81c4;
    font-size: 19px;
	font-weight: 400;
	line-height:2.2em;
	margin:0px;
	padding:0px;
}
.search_reesaults_section {
    width: 100%;
    float: right;
    padding-top:150px;
    padding-bottom:70px;
}
.search_reesaults_section_title {
    width: 100%;
    float: right;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin-bottom: 30px;
	padding-bottom:5px;
}
.search_reesaults_section h1 {
	font-size: 28px;
	font-weight: 700;
	text-decoration: none;
	width: auto;
	text-align: center;
	line-height: 1.4em;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	float: right;
	direction:rtl;
	color:#0e81c4;
}
.search_reesaults_section h2 {
	font-size: 19px;
	font-weight: 400;
	text-decoration: none;
	width: auto;
	text-align: center;
	line-height: 2.3em;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	float: left;
	direction:rtl;
	color:#666;
}
.search_reesaults_items 
{
    width: 50%;
    float: right;
    margin-left:25%;
    margin-right:25%;
    padding-top:20px;
    padding-bottom:20px;
    min-height:500px;
}
.search_resaults_name_search 
{
	font-size: 19px;
	font-weight: 700;
	text-decoration: none;
	width: 100%;
	text-align: right;
	line-height: 1.4em;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;
	float: right;
	direction:rtl;
	color:#0e81c4!important;
}
.search_resaults_title_search 
{
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	text-align: right;
	line-height: 1.4em;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;
	float: right;
	direction:rtl;
	color:#000;
		overflow: hidden;
	visibility: visible;
	height: 20px;
}
.search_resaults_content_search 
{
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	text-align: right;
	line-height: 1.4em;
	padding: 0px;
	float: right;
	direction:rtl;
	color:#666;
	margin-bottom: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	visibility: visible;
	height: 40px;
}
.SearchResault {
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 4px;
	padding-bottom: 4px;
	text-align:right;
	direction:rtl;
}
.search_resaults_line_search {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align:right;
}
/* css for archive
========================================================== */
.archive_section {
	float: right;
	width: 90%;
	padding-top: 90px;
	padding-bottom: 60px;
	padding-left:5%;
	padding-right:5%;
}
.archive_section h1 {
	font-size: 28px;
	font-weight: 700;
	text-decoration: none;
	width: 100%;
	text-align: right;
	line-height: 1.4em;
	margin-bottom: 30px;
	padding: 0px;
	margin-top: 20px;
	color:#0e81c4;
}
.archive_section_items {
	float: right;
	width: 100%;
	margin-top: 5px;
}
.archive_item {
	float: right;
	width: 22.5%;
	margin-bottom: 2.5%;
	margin-left:2.5%;
}
.archive_item:nth-of-type(4n) {
	float: right;
	width: 22.5%;
	margin-bottom: 2.5%;
	margin-left:0%;
}
.archive_item_img {
	float: right;
	width: 100%;
	position:relative;
}
.archive_item_img img {
	float: right;
	width: 100%;
}
.archive_item_img_above {
	float: right;
	width: 100%;
	position:absolute;
}
.archive_item_circle_number 
{
    float: right;
	width: 50%;
	margin-left:25;
	margin-right:25%;
	margin-top:50px;
	-webkit-transition: all 500ms ease;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
	font-size: 45px;
	font-weight: 700;
	text-decoration: none;
	line-height: 3.4em;
	color:#fff;
	background-color: rgba(14,129,196,0.7);
}
.archive_item_circle_name 
{
    float: right;
	width: 100%;
    text-align: center;
	font-size: 28px;
	font-weight: 700;
	text-decoration: none;
	color:#fff;
	margin-top: 0px;
		    direction:rtl;
	font-family:'ambivalenti-tzar';
		background-color:rgba(0,0,0,0.8);
	line-height:1.6em;


}
.archive_item_download_container 
{
    float: right;
	width: 100%;
	background-color:#fff;
}
.archive_item_download_container
{
    background-position: 30px center;
    float: right;
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
    background-color: #fff;
    font-size: 18px;
    color: #000;
    line-height: 2.6em;
    font-weight: 700;
    text-align: right;
    background-image: url('../images/Ribonut/Archive/download_icon.png');
    background-repeat: no-repeat;
    transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
}
.archive_item_download_container:hover
{
    background-position: 30px center;
    float: right;
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
    background-color: #fff;
    font-size: 18px;
    color: #1182c5;
    line-height: 2.6em;
    font-weight: 700;
    text-align: right;
    background-image: url('../images/Ribonut/Archive/download_icon_roll.png');
    background-repeat: no-repeat;
}




.circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #fff;
  text-align: center;
  font-size:32px;
  font-weight: 700;
}

.circle:after {
  display: block;
  padding-bottom: 50%;
  margin-left:25%;
  width: 50%;
  height: 0;
  border-radius: 50%;
  background-color: rgba(14,129,196,0.7);
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
}

/*@media (min-width: 480px) {
  .circle__content {
    font-size: 2em;
  }
}

@media (min-width: 768px) {
  .circle__content {
    font-size: 4em;
  }
}*/
/* css for About
========================================================== */
.about_section {
	width: 100%;
	float: right;
	padding-top: 120px;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 50px;
}
.about_section_inside {
	width: 90%;
	float: right;
	padding-right: 5%;
	padding-left: 5%;
}
.about_section_inside h1 {
	font-size: 38px;
	font-weight: 700;
	text-decoration: none;
	width: 70%;
	margin-left:15%;
	margin-right:15%;
	text-align: center;
	line-height: 1.4em;
	margin-bottom: 30px;
	padding: 0px;
	margin-top: 20px;
	    direction:rtl;
	font-family:'ambivalenti-tzar';
	color:#0e81c4;
}
.about_section_inside h2 {
	float: right;
	width: 70%;
	margin-left:15%;
	margin-right:15%;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 1.4em;
	text-decoration: none;
	color: #000;
	font-weight: 400;
	direction:rtl;
}
#progressbarFilterLoading
{
    float: right;
	width: 100%!important;
	height: 100%!important;
	background-color: rgba(0,0,0,0.6);
	bottom:0;
	position:absolute;
	z-index:100000000000000000000000000!important;
	text-align:center;
}
.progressbarGif_load
{
    float: right;
	width: 6%;
	margin-left:47%;
	margin-right:47%;
	margin-top: 35%;
}

.btn_accessibility {
	color: #000 !important;
	background-color: rgba(255,255,255,0.5) !important;
	text-decoration: none;
	padding: 7px 5px 0px 0px!important;
	top: 22px!important;
	display: inline-block;
	border-radius: 0!important;
	width: 35px!important;
	overflow: hidden;
	height: 35px!important;
	position: fixed;
	right: 15px!important;
	z-index: 100000000!important;
	box-sizing: border-box;
	text-align: right;
	margin: 0 auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0px 0px 0px 0px #2B6B80!important;
	-moz-box-shadow: 0px 0px 0px 0px #2B6B80!important;
	box-shadow: 0px 0px 0px 0px #2B6B80!important;
	font-weight: normal;
	font-size: 0px!important;
	direction: rtl;
	border: 2px solid #999;
	border-radius: 50%!important;
}
.btn_accessibility:hover {
	color: #000 !important;
	background-color: rgba(255,255,255,0.1) !important;
}
.btn_accessibility img 
{
    width:auto !important;
    max-width:auto !important;
}
.btn_accessibility_action img {
    width:auto !important;
    max-width:auto !important;
}


.filtering_section_btn {
	float: right;
	width: 100%;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
.filter_list {
	width: 100%;
	float: left;
	display:flex;
	text-align:center;
	margin: 0;
	direction: rtl;
	justify-content: center;
}
.filter {
	float:right;
	width: auto;
	text-align: center;
	box-sizing: border-box;
	height: 65px;
	padding: 0 10px;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-right:5px;
	color: #000;
	font-size:18px;
	line-height:1.1em
}
.filter:hover {
	color: #000;
	border: 0px solid #FFF;
	background-color: rgba(2555,255,255,0.4);
}
.filter.active {
	border: 0px solid #fff;
	background-color: #FFF;
	color: #000;
	font-weight: 500;
}
ul.slimmenu li .sub-collapser > i {
	font-size: 0px!important;
}