body { margin:0px 0px; padding:0px; } 

* { box-sizing: Border-box } 

#container{
	background-color:white;
	overflow:hidden;
	position: absolute;
	width: 970px;
	height: 418px;
	box-sizing: border-box;
  cursor: pointer;
/*	top: 0;
	left: 0;*/
} 

.center {
    width:100vw;
    height:100vh;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

#collapsedContent {
  position: absolute;
  top: 0;
  right: 0;
  width: 970px;
  height: 66px;
  overflow: hidden;
 /* z-index: 100;*/
  cursor: pointer;
  text-align: center;
  background-color: #e1261c;
  border: 0px solid black;
  box-sizing: border-box;
}

#expandedContent {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #e1261c;
 /* z-index: 200;*/
 /* border: 1px solid black;*/
  display: none;
}

#expandedExit {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  /* IE10 needs a background color otherwise he won't capture clicks */
  background-color: #FFF;
  opacity: 0;
  /*z-index: 400;*/
  display: none;
}

#collapsedExit {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
  /* IE10 needs a background color otherwise he won't capture clicks */
  background-color: #FFF;
  opacity: 0;
 /* z-index: 400;*/
  display: none;
}

.button {
  position: absolute;
  color: #FFF;
  background-color: #339933;
  border: 1px outset #333;
  cursor: pointer;
  padding: 5px 10px;
  z-index: 500;
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

#expandButton {
    position:absolute;
    right:0px;
    top:0px;
    width:63px;
    height:20px;
    display: none;
    cursor: pointer;
    z-index: 500;
    background-image:url("btn_expand.png");
    background-blend-mode: multiply;
    /*background-color: #FFF;*/
}

#collapseButton{
    top: 0px;
    right: 0px;
    width: 63px;
    display: none;
    height: 25px;
    position: absolute;
    z-index: 500;
    cursor:pointer;
    /*background-color: #FFF;*/
}

.feature-collapsed {
  top: 37px;
  left: 10px;
  width: 280px;
  height: 175.5px;
  position: absolute;
}

/* - Video - */
.feature-expanded {
  top: 68px;
  left: 48px;
  width: 594px;
  height: 334px;
  position: absolute;
}

#main-img-0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-image: url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/dclk.png");*/
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
#ytp-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
}

:focus {
  outline:none;
}
::-moz-focus-inner {
  border:0;
}

/* Styles for divs underneath */



.sprite {
	position:absolute;
	background-repeat:no-repeat;
}



gwd-youtube{display:block}gwd-youtube.hidden{display:none!important}gwd-youtube>.youtube-overlay{left:0;position:absolute;top:0}gwd-youtube>.youtube-play-button{background-color:rgba(255,255,255,.3);background-position:center center;background-repeat:no-repeat}gwd-youtube>.youtube-play-button>.youtube-thumbnail{height:100%;left:0;opacity:0;padding:0;position:absolute;top:0;width:100%}.gwd-page-content:-moz-full-screen-ancestor{-moz-perspective:none;perspective:none}

#border{
  background-color:white;
  position:absolute;
  overflow:hidden;
  border: 1px solid #c7c7c7;
} 

#redbox{
  background-color:#e1261c;
  position:absolute;
  overflow:hidden;
  border: 0px;
} 

#cta_Arrow {
  left:111px;
  top:8px;
  width:8px;
  height:11px;
  background-image:url("cta_arrow.png");
}

#cta_Copy {
  left:10px;
  top:8px;
  width:92px;
  height:11px;
  background-image:url("cta_copy.png");
}

#cta {
  left:20px;
  top:114px;
  width:128px;
  height:26px;
}

#ctabg {
  width:128px;
  height:26px;
  background-color:white;
}

#shine {
  width:242px;
  height:72px;
  background-image:url("shine.png");
}

#shineContainer{
  overflow: hidden;
}

#cta_Arrow_x {
  left:111px;
  top:8px;
  width:8px;
  height:11px;
  background-image:url("cta_arrow.png");
}

#cta_Copy_x {
  left:10px;
  top:8px;
  width:92px;
  height:11px;
  background-image:url("cta_copy.png");
}

#cta_x {
  left:38px;
  top:355px;
  width:128px;
  height:26px;
  cursor: pointer;
}

#ctabg_x {
  width:128px;
  height:26px;
  background-color:white;
}

#shine_x {
  width:242px;
  height:72px;
  background-image:url("shine.png");
}

#shineContainer_x {
  overflow: hidden;
}

#logo_red {
  left:126px;
  top:198px;
  width:162px;
  height:24px;
  background-image:url("logo_red.png");
}

#logo_white {
  left:126px;
  top:198px;
  width:162px;
  height:24px;
  background-image:url("logo_white.png");
}

#logo_white_x {
  left:19px;
  top:198px;
  width:162px;
  height:24px;
  background-image:url("logo_white.png");
}

#logo_white_holder {
  overflow: hidden;

}

#bg_slide {
  overflow: hidden;

}

#bg1 {
  left:0px;
  top:66px;
  width:970px;
  height:352px;
  background-image:url("bg1.jpg");
}

#bg2 {
  left:0px;
  top:0px;
  width:300px;
  height:250px;
  background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/bg2.jpg");
}

/*#bg {
  left:0px;
  top:0px;
  width:300px;
  height:250px;
  background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/bg.png");
}*/

#xbg {
  left:0px;
  top:0px;
  width:600px;
  height:250px;
  background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/bg.png");
  background-size: 100%;
}

#curtain{
  width: 970px;
  height: 66px;
  background-color: #e1261c;
  pointer-events: none;

}

#btn_close {
	right:0px;
	top:0px;
	width:56px;
	height:21px;
	background-image:url("btn_close.png");
}

/*#btn_expand {
	left:20px;
	top:230px;
	width:63px;
	height:20px;
	background-image:url("btn_expand.png");
}*/

.ctaroll {
  width:130px;
  height:40px;
  border: 0px;
  position:absolute;
  background-repeat:no-repeat;
}

.ctaroll img {
    transform: translate3d(0px, 0px, 0px);
    transition: transform .2s ease-in-out;
}

.ctaroll img:hover {
    transform: translate3d(0px, -150px, 0px);
}

img{
    position: absolute;
    /*z-index: -1*/
    top: 0px;
    left:0px;
}

#copy_1a {
	left:25px;
	top:29px;
	width:100px;
	height:27px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_1a.png");
}

#copy_1b {
	left:22px;
	top:64px;
	width:220px;
	height:32px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_1b.png");
}

#copy_1c {
	left:24px;
	top:98px;
	width:194px;
	height:32px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_1c.png");
}

#copy_2a {
	left:23px;
	top:30px;
	width:181px;
	height:26px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_2a.png");
}

#copy_2b {
	left:24px;
	top:64px;
	width:179px;
	height:32px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_2b.png");
}

#copy_2c {
	left:24px;
	top:97px;
	width:185px;
	height:33px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_2c.png");
}

#copy_3a {
	left:20px;
	top:30px;
	width:163px;
	height:17px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_3a.png");
}

#copy_3b {
	left:20px;
	top:52px;
	width:190px;
	height:20px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_3b.png");
}

#copy_3c {
	left:21px;
	top:74px;
	width:141px;
	height:17px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/copy_3c.png");
}

#img_1 {
	left:0px;
	top:0px;
	width:713px;
	height:594px;
	background-image:url("http://iamyoram.com/portfolio-item/mywork/banners/sf_970x66-970x418_V4_User/img_1.jpg");
}

#copy0 {
	left:49px;
	top:25px;
	width:597px;
	height:20px;
	background-image:url("copy0.png");
}

#copy1 {
	left:680px;
	top:140px;
	width:225px;
	height:105px;
	background-image:url("copy1.png");
}

#ctaX_fpo {
	left:680px;
	top:267px;
	width:129px;
	height:27px;
	background-image:url("ctaX_fpo.png");
}

#logo {
	left:692px;
	top:18px;
	width:220px;
	height:32px;
	background-image:url("logo.png");
}

#logo_x {
  left:692px;
  top:18px;
  width:220px;
  height:32px;
  background-image:url("logo.png");
}

#copy0_x {
  left:49px;
  top:25px;
  width:597px;
  height:20px;
  background-image:url("copy0.png");
}

#copy_1a_x {
  left:25px;
  top:272px;
  width:254px;
  height:85px;
  background-image:url("copy_1a_x.png");
}

#copy_1b_x {
  left:24px;
  top:327px;
  width:435px;
  height:74px;
  background-image:url("copy_1b_x.png");
}

#copy_2a_x {
  left:25px;
  top:272px;
  width:356px;
  height:85px;
  background-image:url("copy_2a_x.png");
}

#copy_2b_x {
  left:23px;
  top:327px;
  width:372px;
  height:84px;
  background-image:url("copy_2b_x.png");
}

#copy_3a_x {
  left:23px;
  top:230px;
  width:254px;
  height:51px;
  background-image:url("copy_3a_x.png");
}

#copy_3b_x {
  left:24px;
  top:252px;
  width:325px;
  height:48px;
  background-image:url("copy_3b_x.png");
}

#copy_3c_x {
  left:23px;
  top:275px;
  width:341px;
  height:48px;
  background-image:url("copy_3c_x.png");
}

#copy_3d_x {
  left:23px;
  top:296px;
  width:174px;
  height:49px;
  background-image:url("copy_3d_x.png");
}