body			{ direction:rtl; margin:0px; font-family:'campainlig'; color:#3c393b; font-size:18px; text-align:right; }
table			{ padding: 0px; margin: 0px; }
td				{  vertical-align: top; width: 40%; padding-right: 5%; padding-left: 5%;}
p				{ direction: rtl; margin-top: 0px; margin-bottom: 0px; }

a:link			{ color: #636466;text-decoration: underline; }
a:visited		{ color: #636466; }
a:hover			{ color: #636466; }

input[type="text"], input[type="password"] { outline: none; }
textarea        { outline: none; }


#SiteContainer          { } 
#SiteHeaderContainer    { display:none; }
#SiteGridContainer      { }
#SiteFooterContainer    { }

#SiteHeader             {  }
#SiteGrid               {  }
#SiteFooter             {  }

#GridRight              {  }
#GridPage               {  }
#GridLeft               {  }
#GridTop                {  }
#GridContent            {  }
#GridFooter             {  }
 
#PageLeft               { }
#PageMenu               { }
#PageBreadCrumps        { padding: 19px 0px; display:none; }
#PageHeader             { }
#PageContent            { }
#PageKdm                { }
#PageFooter             { }



/*********************************BOOTSTRAP**********************************************************/

.navbar-default .navbar-toggle { border:0px;}
.col-centered   { float: none; margin: 0 auto; }
.no-pad         { padding:0px; }
.max-width      { max-width: 900px;}
.mercaz         {margin-right:auto; margin-left:auto;}


/*********************************Footer**********************************************************/

#SiteFooter #FooterLinksContainer               { width:959px; height:230px; padding-top:55px;}
#SiteFooter .FooterLinksDiv                     { float:left; height:230px; background:url('../images/footer_vertical_seperator.png') no-repeat left bottom; padding-left:30px;}
#SiteFooter .FooterLinksDiv .FooterLinksTitle   { color:#66664C; font-weight:normal; font-size:16px;}
#SiteFooter .FooterLinksDiv .FooterLinks        { margin-top:15px; font-size:15px; margin-right:5px; line-height:2;}
#SiteFooter .FooterLinksDiv .FooterLinks a      { color:White; text-decoration:none; line-height:2;}


/*************************************BreadCrumps******************************************************/


#PageBreadCrumps a          { font-size: 14px; color:#8D8C8A; }
#PageBreadCrumps a:link     { text-decoration:none; }
#PageBreadCrumps a:visited  { text-decoration:none; }
#PageBreadCrumps a:hover    { text-decoration:none; }
#PageBreadCrumps a:active   { text-decoration:none; }

/************************************SiteMenu*********************************************************/

 .menuHead:first-child { border: 2px solid #fff; border-radius: 3px; display: table; width: 236px; height: 70px; text-align: center; margin:0 auto;}
 .menuHead:first-child .lobbylink { font-size:24px; color:#fff; }
 .menuHead { display: table; width: 180px ; height:50px; margin:0 auto; text-align:center; margin-top:30px; border: 2px solid #fff; border-radius: 3px;}
 .lobbylink:link , .lobbylink:hover, .lobbylink:visited , .lobbylink:active { text-decoration:none; color:#fff;}
 .lobbylink { display:table-cell; vertical-align:middle; font-size: 18px; color:#fff;}
 .menuLink  { display: table; width: 180px ; height:50px; margin:0 auto; text-align:center; margin-top:30px; border: 2px solid #fff; border-radius: 3px;}


/*******************************************************************************************/

#InternalNavbar a:hover { text-decoration:none; }
#anchor                 { margin-bottom:15px; margin-top:-5px; font-size:12px; }
#headline               { text-align: center;}
#headline h1            { font-size: 43px; font-family: ChristelPoster-LightItalic; }
#subheadline h2         { margin: 0px;padding: 0px;font-size: 60px;text-align: center;font-family:TimesNRMTStd-Regular;}
#intro                  { font-size:14px; font-weight:normal; }
#writer                 { margin-bottom:5px; font-weight:normal; }
#body                   {  font-size:100%; }
#body h3                { color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; display:table; margin:20px auto; font-size:16px; padding:7px 0px; }
#body h4                { margin-bottom: 10px; margin-top: 15px; font-size: 14px; font-weight: normal; color:#203D75; }
#remarks                { font-size:12px; }
#body p { text-align:center;}
/*
#body tr { margin-top:30px;}
#body tr td:first-child:before { display: block; content: ''; width: 90px; height: 1px; background: #fff; position: absolute; }
#body td { padding:10px 0px 30px 0px}
*/
#body table { width:100% !important;}
#body table p {text-align:right;}


/*********************************************************************************************/

.ArticleBox                     { width:246px; position:relative; overflow:hidden; border:1px solid #E0E0E0; }
.ArticleBox img                 { margin:13px; width:220px; height:180px; border:0px; }
.ArticleBox .AticleBoxCover     { background-color:#F7F7F7; padding:13px; border-top:1px solid #E0E0E0; }
.ArticleBox .ArticleBoxTitle    { color:#203D75; margin-bottom:5px; }
.ArticleBox .ArticleBoxHeadline { font-size:12px; }

.ArticleBoxWide                     { width:512px; position:relative; border:1px solid #E0E0E0; }
.ArticleBoxWide img                 { width:486px; margin:13px; border:0px; }
.ArticleBoxWide .AticleBoxCover     { background-color:#F7F7F7; padding:13px; border-top:1px solid #E0E0E0; }
.ArticleBoxWide .ArticleBoxTitle    { color:#203D75; font-size:22px; font-weight:normal; }
.ArticleBoxWide .ArticleBoxHeadline { font-size:12px; margin-bottom:15px; margin-top:15px; }
.ArticleBoxWide .ArticleBoxText     { font-size:12px; } 


.ArticleBoxNarrow                   { width:356px; height:173px; position:relative; background-position:center top; background-repeat:no-repeat; overflow:hidden; background-color:#8FA9DC; }
.ArticleBoxNarrow a                 { display:block; height:173px; width:100%; text-decoration:none; padding-top:1px; }
.ArticleBoxNarrow .ArticleBoxTitle  { width:100%; height:30px; position:absolute; bottom:0px; /*background-image:url('../images/bg-black-content.png');*/  } 
.ArticleBoxNarrow .ArticleBoxTitle .ArticleBoxTitle-label       { color:#FFFFFF; padding:0px 15px 5px 15px; font-size:25px; height:30px; }
.ArticleBoxNarrow .ArticleBoxTitle .ArticleBoxTitle-headline    { color:#FFFFFF; padding:10px 15px 0px 15px; font-size:12px; height:50px; background-color:#203E74; }


.item2cols                  { height:100px; }
.item2cols .colRight        { width:100px; height:95px; overflow:hidden; float:left; margin-right:15px; }
.item2cols .colRight img    { height:95px; border:1px solid #C0C0C0; }

.item2cols .colLeft         { margin-left:110px; height:99px; position:relative; padding-top:1px; }
.item2cols .colLeft .item2colsTag       { padding:3px 5px 3px 5px; position:absolute; top:0px; right:0px; }
.item2cols .colLeft .item2colsTitle     { font-weight:normal; font-size:16px; margin-bottom:3px; margin-top:20px; }
.item2cols .colLeft .item2colsTitle a   { text-decoration:none; color:Black;}
.item2cols .colLeft .item2colsHeadline  { font-size:14px; }
.item2cols .colLeft .item2colsHeadline a    { text-decoration:none; color:black; color:Black; }

.kdmObject                      { border:1px solid silver; padding:8px; }
.kdmObject .kdmObjectTitle      { font-size:16px; font-weight:normal; margin-bottom:8px; }
.kdmObject .kdmObjectTitle a    { text-decoration:none; }
.kdmObject .kdmObjectContent a  { text-decoration:none; display:block; margin-bottom:5px; }
.kdmObject .kdmObjectContent a.selected { padding-right:12px; color:Black; background-image:url('../images/bullet-meshulash.jpg'); background-position:100% 5px;  background-repeat:no-repeat; }





/***********Carousel Fade Home Page********************/
/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

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

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

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

.carousel-fade .carousel-control {
  z-index: 2;
}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-indicators .active    {background-color:#F4DC9C; border:1px solid #F4DC9C;}
.carousel-indicators li {background-color:white;}
.carousel-indicators    {top:20px;}

/****Special Menu***/
#MenuInnerContent   {display: table-cell;vertical-align: middle;}
.MenuInner  {position:relative; display:table; text-decoration: none;color: #989993 !important;font-size: 23px;margin-top: 0;margin-left: 10px;margin-right: 10px;text-decoration: none !important;height: 100%;border-top: 1px solid black;margin-right: 15px;margin-left: 15px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;float: right;margin-top: 0 !important;padding-top: 0;}
.MenuInner:hover    { text-decoration: none;}

#MenuBody   {position: fixed;top: 30%;width: 100%;z-index: 999;margin-top: -42px;z-index: 9999999;}
#MenuContent    {background: rgba(255,255,255,0.9);position: fixed;right: 140px;height: 140px;text-align: right;display: table;opacity: 0; width:100%;}
img#menuLock {position: fixed;cursor: pointer;left: 0;}
#menuOpen    {position: fixed;cursor: pointer;width: 140px;height: 140px;background: url('../../../000Frames/site/images/yellow-texture.jpg');display: table;left: 0;}
#menuLock    { background:rgba(255,255,255,0.9); position: fixed; cursor: pointer; width: 140px; height: 140px; }
#menu-ham    { display: table-cell; vertical-align: middle; }
.x-cross     {position: absolute;transition-duration: .2s, ,2s;transition-delay: .2s;-webkit-transition-duration: .2s ,2s;-webkit-transition-delay: .2s;-moz-transition-duration: .2s;-moz-transition-delay: .2s;-o-transition-duration: .2s;-o-transition-delay: .2s;background: #fff;width: 70px;height: 2px;right: 50%;margin-right: -35px;}
#first       {}
#last        {}

/*****SpecialMenuSecond*****/

#MenuInnerContent2   {display: table-cell;vertical-align: middle;}
.MenuInner  {position:relative; display:table; text-decoration: none;color: #989993 !important;font-size: 23px;margin-top: 0;margin-left: 10px;margin-right: 10px;text-decoration: none !important;height: 100%;border-top: 1px solid black;margin-right: 15px;margin-left: 15px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;float: right;margin-top: 0 !important;padding-top: 0;}
.MenuInner:hover    { text-decoration: none;}

#MenuBody2   {position: fixed;top:70px;width: 100%;z-index: 999;margin-top: -70px;z-index: 9999999;}
#MenuContent2    {border-bottom: 1px solid #D7D7D7; background: rgba(255,255,255,1);position: fixed;right: 0px;height: 95px;text-align: right;display: table; width:100%;}



.otefCredit2 .Credit   {margin-top: 6px; margin-right: 32px; display: inline-block; float: right; width: 240px;}
.otefMelel2 {top: 0; float: left; height: 95px; position:relative;}

/*#menu-ham .x-cross      {opacity:0;}
#menu-ham #first, #menu-ham #last { top: 67px; display:block; }
#menu-ham #first  { transform: rotate(45deg); opacity:1; }
#menu-ham #last   { transform: rotate(-45deg);opacity:1;  }
*/
#MenuBody2 {visibility:hidden;  opacity:0;}


.otefMelel  {   top: 0; height: 140px; right:400px;}



.longImg    {padding-bottom:124%;}


.otefCredit .Credit {   margin-top: 23px; margin-left: 65px; display: inline-block; float: right; width:auto; }
.zahav  {display: block; position: Absolute; top: -1px; height: 8px; width: 100%;}
.zahav  {opacity:0;}
.textcontainer {display: table-cell;vertical-align: middle;}

/***********Page View*************/
h3 {  color: #c58d29; font-size: 36px; text-align: center; display: inline; background: white; padding-right: 50px; padding-left: 50px; position:relative;}

.heading4 {font-size: 24px;}
#imageDContainer    {text-align:center;}

.transition     {-webkit-transition: all 0.7s ease-in-out, width 1ms, height 1ms; -moz-transition: all 0.7s ease-in-out , width 1ms, height 1ms; -o-transition: all 0.7s ease-in-out,  width 1ms, height 1ms; transition: all 0.7s ease-in-out , width 1ms, height 1ms;}
.transitionFast {-webkit-transition: left 0.5s ease-in-out; -moz-transition: left 0.5s ease-in-out; -o-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out }
.kavoat {width: 100%;margin-bottom: 30px;  padding-bottom: 44%;}
.kavoab {width: 100%;margin-top: 30px; padding-bottom: 44%;}

.Mekoshat h3:before {content: "";width: 330px;height: 1px;background: black;display: inline-block;vertical-align: middle;margin-left: 38px;}
.Mekoshat h3:after {content: "";width: 330px;height: 1px;background: black;display: inline-block;vertical-align: middle;margin-right: 38px;}
/**********Glila***********/
#projectsGallery    {right: 0;left: 0;background: white;}
#location           {right:0; left:0; background:white;}
.section            {position:relative; overflow:auto;}


/****************Map************/
#MapPicture {width: 100%;}

/************ContactPage********/
.MekoshatShort h3:before  {content: ""; width: 260px; height: 1px; background: black; display: inline-block; vertical-align: middle; margin-right: 38px;}
.MekoshatShort h3:after   {content: ""; width: 260px; height: 1px; background: black; display: inline-block; vertical-align: middle; margin-right: 38px;}
.inputFo { margin-top:30px;height: 55px; width: 100%; text-align: center; font-size: 24px;   color: black; border: 1px solid #daa833; }
#FirstRowForm   {}
#SecondRowForm  {margin-bottom:30px;}
.BigInput { height: 135px;}
#send   {background: #daa833; border: 0; color: white; width: 200px; height: 60px;font-size: 30px;}
.HorizontalKav  { position: absolute; top: 50%; width: 100%; color: black; background: black;  height: 1px;}
#happy  {  display: inline-block; background: white; padding-right: 20px; padding-left: 20px; position:relative;}
#hours table    {margin-right: auto; margin-left: auto;}
#hours table td {padding: 15px;}

.carousel-control.right {right: 32px; opacity:1 !important; width: 46px; background: url('../../../000Frames/site/images/right.png');top: 50%; height: 46px; margin-top: -23px;}
  .carousel-control.left{left:32px;opacity:1 !important; width: 46px; background: url('../../../000Frames/site/images/left.png');top: 50%; height: 46px; margin-top: -23px;}
  

#FinalGallery   {margin-bottom:20px;}
.carousel-inner .item { background-position: center center !important;}


@font-face {
	font-family: 'campainlig';
	src: url('../../../000Frames/site/fonts/s131421_20150315121922/campainlightwebfont.eot');
	src: url('../../../000Frames/site/fonts/s131421_20150315121922/campainlightwebfont'), url('../../../000Frames/site/fonts/s131421_20150315121922/campainlightwebfont'), url('../../../000Frames/site/fonts/s131421_20150315121922/campainlightwebfont.woff') format('woff'), url('../../../000Frames/site/fonts/s131421_20150315121922/campainlightwebfont.svg#campainlightwebfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'metali';
	src: url('../../../000Frames/site/fonts/metaliwebfont/metaliwebfont/metaliregularwebfont.eot');
	src: url('../../../000Frames/site/fonts/metaliwebfont/metaliwebfont/metaliregularwebfont'), url('../../../000Frames/site/fonts/metaliwebfont/metaliwebfont/metaliregularwebfont'), url('../../../000Frames/site/fonts/metaliwebfont/metaliwebfont/metaliregularwebfont.woff') format('woff'), 
	url('../../../000Frames/site/fonts/metaliwebfont/metaliwebfont/metaliregularwebfont.svg#metaliregularwebfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*******Symbols************/
.WrapperSymbols {  position: absolute; bottom: 33px; color: white; right: 15px;}
a.symbolBottom { color: white; font-family: metali; font-size: 19px; margin-left: 15px; text-decoration: none;}
#carouselHacked {z-index:0;}
#BottomArrow    {right:50%; margin-right:-11.5px; background-image:url('../../../000Frames/site/images/arrow-bottom.png'); width:23px; height:12px; position:absolute; bottom:33px;}

/********Building*********/
#buildingImage  {  margin-top: 60px;  display: block; margin-right: auto; margin-left: auto; max-width: 100%;}
.buttonBuild    {margin-right:4px; margin-left:4px;  display: inline-block; width: 140px; height: 140px; background: url('../../../000Frames/site/images/yellow-texture.jpg'); font-size: 30px; color: white; margin-top: 60px; margin-bottom: 100px; cursor: pointer;}
div#WrapperButtonBuild  {text-align:center;}
div#BuildingB { position: absolute; right: 0;  text-align: left; margin-top: 60px;}
div#BuildingA { position: absolute; left: 0; text-align: right; margin-top: 60px;}
.tableW {  display: table; width: 100%; height: 100%;}
.tableC {  display: table-cell; vertical-align: middle; line-height:25px;}
.Perot  {  position: absolute; bottom:30px; width: 630px;right: 50%; padding-top: 23px; margin-right: -292.5px;padding-left: 14px;}
.ixsBuild   {position: absolute;top: 12px;left: 0; cursor:pointer;}
.bodyBuild {   min-height: 287px; background: #EAEDF2; padding: 20px; width: 617px;}
.headerBuild    {  color: #D1A542; font-size: 30px;}
.Perot  {opacity:0; display:none;}
.coteret { font-size: 28px; margin-bottom: 50px;}
img.pdfic { margin-right: 10px;}
.gofb { direction: ltr;}
.gofa { direction: rtl;}
.maincotb { display: inline-block; font-size: 20px; margin-right: 30px;}
.maincota { display: inline-block; font-size: 20px; margin-left: 30px;}
.shoraKishorim { display: inline-block;}
a.kishorr { margin-right: 28px; color: black;}
a.kishorl { margin-lefT: 28px; color: black;}

.carousel-indicators    {direction:ltr !important;}
/****************responsive header***********************/
@media (max-width:1306px) 
{
    .MenuInner  {font-size: 20px;  margin-left: 10px; margin-right: 10px;}
}
@media (max-width:1138px)
{
    .otefCredit .Credit {display:none;}
} 
@media (max-width:870px)
{
   .MenuInner { font-size: 17px; margin-left: 6px; margin-right: 6px;}
}
@media (max-width:765px)
{
    #MenuBody2 {display:none !important;}
    #MenuBody   {display:none !important;}
    #SiteHeaderContainer    {display:block;}
    .carousel-indicators    {bottom:20px; top:inherit !important;}
    .call { margin-bottom: 20px;}
}


/********MobileHeader*********/
nav.navbar.navbar-default.SiteHeaderDekstop {background: white; border: 0; padding-top: 13px; padding-bottom: 13px;}
button.navbar-toggle.collapsed.pull-left.no-pad {background: white !important;}
.navbar-brand>img   {height: 32px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus  {background:white;}
.navbar-toggle  {border-radius:0 !important; }
a.scrolling {text-decoration:none;}
button.navbar-toggle.pull-left.no-pad {margin-right:5px !important; margin-left:5px !important;}

@media (max-width:693px)
{
    #BottomArrow   {display:none;}
    .WrapperSymbols {display:none;}
   #richkidHomeSign    {display:none !important;}
}

@media (max-width:460px)
{

 #subheadline h2    {font-size:30px;}
 #headline h1   {font-size:30px;}   
 h3 {font-size: 27px;  padding-right: 20px; padding-left: 20px;}
 #happy {font-size: 27px;  padding-right: 20px; padding-left: 20px;}
}

img[usemap] {	border: none;	height: auto;	max-width: 100%;	width: auto;}

@media (max-width:959px)
{
    div#BuildingB   {width:50% !important; float:right !important; text-align:right !important; position:relative !important;}
    div#BuildingA   {width:50% !important; float:right !important; text-align:left !important; position:relative !important;}
    .coteret    {font-size:19px;}
}
@media (max-width:352px)
{
    .buttonBuild    {width:100px; height:100px;}
}
@media (max-width:630px)
{
    .Perot{width:100%;right:0; margin-right:0; }
    .bodyBuild  {width:100%; right:0; margin-right:0; }
}
.PhotoCoteret   {  right: 20%;
  /* left: 20%; */
  right: 0;
  top: 30px;
  position: absolute;
  top: 35px;
  right: 20px;
  text-align: right;
  font-size: 24px;
  color: black;
  text-shadow: none;
  padding: 0;
  /* height: auto; */

  bottom: inherit;
  /* width: auto; */
  /* display: inline-block; */
left:inherit !important;}
  
  .pnim {  background: rgba(255,255,255,0.9);
  width: auto;
  display: inline-block;
  padding: 20px;}
  
 .textcontainer:before {
  top: 0px;
  width: 100%;
  position: absolute;
  content: "";
  background: url('../../../000Frames/site/images/main-menu-selected-repeat-bg.png');
  height: 6px;
  visibility: hidden;
  opacity: 0;

}
 .textcontainer.ole:before {
  left: -100%;
  right:inherit !important;
  transition: visibility 1ms ease-out, opacity 500ms ease-out 0.1s, left 500ms ease-out 0.1s;
}
 .textcontainer.yored:before {
  right: -100%;
  transition: visibility 1ms ease-out, opacity 500ms ease-out 0.1s, right 500ms ease-out 0.1s;
}


.textcontainer.yored.active:before{
  visibility: visible;
  opacity: 1;
  right: 0px !important;
}
.textcontainer.ole.active:before 
{
      visibility: visible;
      opacity: 1;
      left: 0px !important;
      right:inherit !important;
}

.navWord { color: white; display: block; margin-right: auto; margin-left: auto; position: absolute; bottom: 5px; width: 100%; text-align: center; font-size: 26px;}
.languageButton {position: absolute; top: 15px; left: 15px; display: block; text-decoration: none !important; background: white; padding: 5px 8px; border-radius: 10px; color: rgb(197, 141, 41) !important; font-family: ChristelPoster-LightItalic; border: 1px solid;}

.call {font-size: 17px; text-align:center;}
@media (max-width: 767px)
{
    .call   {text-align:right;}
    #MainChanger    {display:none;}
    .kavoat {margin-bottom: 10px !important;}
    .kavoab {margin-top: 10px !important;}
    .galleryT {padding-right: 5px !important; padding-left: 5px !important;}
    #FinalGallery   {margin-bottom:50px !important;}

}
#SiteFooterContainer a {color: #DAA833; margin-left: 10px; margin-right: 10px; font-size: 18px;}

#richkidHomeSign    {width: 150px; height:23px; display: block; position: absolute; bottom: 33px; left: 15px; BACKGROUND-SIZE: contain !important; background: url('../../../000Frames/site/images/whiteCredit.png'); background-repeat: no-repeat !important;}


#video-lby  {position: relative; padding-bottom: 19%; display: block; background-size: cover;}
.PlayPaused {background-image:url('../../../000Frames/site/images/reg2.png'); width: 70px; height: 72px; display: block; position: absolute; top: 50%; right: 50%; margin-right: -35px; margin-top: -36px; background-size: cover;}
.PlayPaused:hover {background-image:url('../../../000Frames/site/images/hover.png');}

div.pp_pic_holder   {z-index: 9999999999999999999999999999999;}
div.pp_overlay  {z-index: 95009999;}

/* prettyPhoto styling for small screens  - below 767px width */
@media only screen and (max-width: 767px) {
.pp_pic_holder   {left: 0 !important;display: block !important;width: 100% !important;}

.pp_content {padding-bottom: 71% !important;     height: initial !important; width: 100% !important; position: relative !important;}

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

.pp_pic_holder {
      /* left: 20% !important;display: block !important;width: 60% !important; */
        left: 50% !important;
        display: block !important;
        width: 60% !important;
        max-width: 960px;
        margin-left: -25%;
    }

.pp_content {
    /* padding-bottom: 40% !important;     height: initial !important; width: 100% !important; position: relative !important; */ 
        padding-bottom: 55.7% !important;
        height: initial !important;
        width: 100% !important;
        position: relative !important;
    }
}

div.pp_default .pp_close {    margin-top: -47px !important;   position: absolute !important;   top: 0 !important;   right: 0;   display: block;} 
.pp_details{    width: 100% !important;   position: absolute !important;   right: 0 !important;   top: 0 !important;}
.pp_expand  {display:none !important;}
#pp_full_res iframe {width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important;}
.ppt    {display:none !important;}
.pp_content_container   {position: relative !important; text-align: left !important; width: 100% !important;}