@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);

/* hide fr new shop module */

html.fr .fr_new_shop {
  display:block !important;
} 

/* ----------- LAYOUT ----------- */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#semi-annual-container {
  display:none;
}
area {
  cursor:pointer;
}

.left50 {
  width:49% !important;
  float:left;
  clear:none !important;
}
.left50 + .left50 {
  width:48.7% !important;
  margin-left:2.3%;
}
.mar2l {
  margin-left:2%;
}
.white {
  background:#fff;
}
.bottom40 {
  margin:0 0 25px 0;
}
.left33 {
  float:left;
  width:32.8333%;
  margin:0 .75% 0 0;
  padding:0;
}
.left33 + .left33 + .left33 {
  float:left;
  margin-right:0px;
}
.left32 {
  float:left;
  width:32.35%;
  margin:0;
  padding:0;
}
.left34 {
  float:left;
  width:33.9%;
  margin:0;
  padding:0;
}
body canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.rsArrow.rsArrowRight {
  display: block;
  width: 50px;
  height: 100px;
  top: 45%;
  right: -7px;
  position: absolute;
  background: url('../img/rightarrow.png') no-repeat top center;
}
.rsArrow.rsArrowLeft {
  display: block;
  width: 50px;
  height: 100px;
  top: 45%;
  left: -7px;
  position: absolute;
  background: url('../img/leftarrow.png') no-repeat top center;
}

body #img_container.img_container {
  z-index: -1 !important;
}

body #coach_footer {
  margin-top: 0 !important;
}

body #content #cs-content-wrapper {
  display: none;
  width: 100%;
  min-height: 364px;
  margin: 0 auto 140px;
}

body #content #cs-content-wrapper #fall {
  border-top:5px solid white;
}

body #content #cs-content-wrapper #back-wrapper {
  background: black;
  background: url(../img/black-gradient.png) 0 0 repeat-x;
}

body #content #cs-content-wrapper #back-wrapper .homepage-module {
  border-top: 50px solid #000;
}

body #content #cs-content-wrapper #back-wrapper .promo {
  border-top: 0px solid #000;
  border-bottom: 14px solid #fff;
}

body #content #cs-content-wrapper #back-wrapper .backstage {
  border-top: 0px solid #000;
}

body #content #cs-content-wrapper #back-wrapper .arrivals {
  width: 100%;
  margin: 0 auto;
  background-color: black;
  border-top: 0px solid #000;
}

body #content #cs-content-wrapper p {
  margin: 0 auto 1em;
  -webkit-hyphens: manual;
     -moz-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
  line-height: 1.3em;
}

body #content #cs-content-wrapper em {
  font-style: italic;
}

body #content #cs-content-wrapper .mod-links.two {
  top: 0;
  right: 0;
}

body #content #cs-content-wrapper .mod-links.two img {
  float: right;
}

body #content #cs-content-wrapper .mod-links.three {
  bottom: 0;
  left: 0;
}

body #content #cs-content-wrapper .mod-links.three img {
  float: left;
}

body #content #cs-content-wrapper .mod-links.four {
  top: 0;
  right: 0;
}

body #content #cs-content-wrapper .mod-links.four img {
  float: right;
}

body #content #cs-content-wrapper .mod-links.five {
  bottom: 10%;
  left: 0;
}

body #content #cs-content-wrapper .mod-links.five img {
  float: left;
}

body #content #cs-content-wrapper .mod-links.six {
  top: 10%;
  right: 0;
}

body #content #cs-content-wrapper .mod-links.six img {
  float: right;
}

body #content #cs-content-wrapper .mod-links.seven {
  top: 10%;
  left: 0;
}

body #content #cs-content-wrapper .mod-links.seven img {
  float: left;
}

body #content #cs-content-wrapper .mod-links.eight {
  right: 0;
  bottom: 0;
}

body #content #cs-content-wrapper .mod-links.eight img {
  float: right;
}

/* ----------- Home Styles ------------ */

body #content #hpContent #cs-content-wrapper {
  width: 90%;
  max-width: 1280px;
  background:white;
}

body #content #hpContent #cs-content-wrapper #header-video {
  position: relative;
  padding-bottom: 0;
  /*margin-bottom: 20px;*/  
  /*  top: 135px;*/
}

body #content #hpContent #cs-content-wrapper #header-video img {
  width: 100%;
  height: 100%;
}

body #content #hpContent #cs-content-wrapper #header-video .video-wrapper {
  position: absolute;
  top: 4.4%;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
body #content #hpContent #cs-content-wrapper #header-video2 .video-wrapper2 {
  position: absolute;
  top: 4.4%;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

body #content #hpContent #cs-content-wrapper .left {
  float: left;
}

body #content #hpContent #cs-content-wrapper .container {
  /*padding-bottom: 20px;*/
  clear: both;
  width: 100%;
  position:relative;
}

/*body #content #hpContent #cs-content-wrapper div,*/
body #content #hpContent #cs-content-wrapper img {
  width: 100%;
  height: auto;
}

body #content #hpContent #cs-content-wrapper .width33 {
  width: 33%;
}

body #content #hpContent #cs-content-wrapper .width36 {
  width: 37%;
}

body #content #hpContent #cs-content-wrapper .width49 {
  width: 49%;
}

body #content #hpContent #cs-content-wrapper .width50 {
  width: 50%;
}

body #content #hpContent #cs-content-wrapper .width51 {
  width: 51%;
}

body #content #hpContent #cs-content-wrapper .width63 {
  width: 63%;
}

body #content #hpContent #cs-content-wrapper .width66 {
  width: 67%;
}

body #content #hpContent #cs-content-wrapper .width100 {
  width: 100%;
}

body #content #hpContent #cs-content-wrapper #a_delicate_edge_2 {
  padding-top: 3px;
}

body #content #hpContent #cs-content-wrapper #vday {
  display: none;
}

/* ----------- VIDEO STYLES ----------- */

.video-wrapper {
  position: relative;
}

.video-control {
  position: absolute;
  display: none;
  cursor: pointer;
}

.skip {
  top: 0;
  left: 0;
  width: auto !important;
}

.sound {
  top: 10px;
  right: 5px;
  width: auto !important;
}

#ipadPlayBtn-wrap {
  position: absolute;
  top: 0;
  left: 0;
}

#video,
#video2,
#video3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#newarrivalsneon {
  position: absolute;
  bottom: 43px;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#newarrivalsneon img {
  width: auto !important;
  max-width: 100%;
}

#newarrivals {
  position: absolute;
  right: 50px;
  bottom: 50px;
  display: inline-block;
}

#newarrivals img {
  width: auto !important;
  max-width: 100%;
}

.ipad-video-link {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 18%;
  background-color: transparent;
}

#projekktor-video_media_html,
#projekktor-video2_media_html,
#projekktor-video3_media_html {
  position: absolute !important;
  top: 0 !important;
  left: -.2% !important;
  width: 100.5% !important;
  height: auto !important;
}

/* Projekktor */

.ppdisplay {
  background-color: #000;
}

/* ----------- SLIDER STYLES ----------- */


.rsNav.rsBullets {
  position: absolute;
  right: 43%;
  bottom: 6%;
  width: auto !important;
  height: 24px !important;
}

.rsNavItem.rsBullet {
  float: left;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
  background: url('../img/bullet_sprite.png') no-repeat top center;
}

.rsNavItem.rsBullet.rsNavSelected {
  background: url('../img/bullet_sprite.png') no-repeat bottom center;
}

#bit_of_color_slider .rsNav.rsBullets {
  right: auto;
  left: -29%;
}

/* dreamers */

#dreamers,
#baseman_ {
  margin: 0;
}

.video-wrapper {
  z-index: 9999;
}

/*--------- General Styling -----------*/

.button {
  margin-right: 10px;
  cursor: pointer;
}

.clearfix:after {
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  content: ".";
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

:focus {
  outline: none;
}

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

.hide {
  display: none;
}

.pointer {
  cursor: pointer;
}

.absolute-center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.relative {
  position: relative;
}

#gifts_mom_container,
#mfc_container {
  display:none;
}

.ci #color_craft_container { display: none; }
.ci #bold_container { display: none; }
.ci #burst_container { display: none; }

.ce #color_craft_small_container { display: none; }
.ce #burst_container_red { display: none; }
.ce #bold_container_single { display: none; }

/* ----------- Coach x Snoopy ----------- */
html.fr .frPeanuts.container {
  display:block !important;
}

.snoopy {
  width:150px;
  height:203px;
  position:absolute;
  bottom:0px;
  left:10%;
  background: url('../img/snoopy.png') no-repeat top center;
  background-size: contain;
}

.snoopy-dance {
  width:150px;
  height:231px;
  position:absolute;
  bottom:0px;
  right:10%;
  background: url('../img/snoopy-dance.png') no-repeat top center;
  background-size: contain;
}

/*Dave's Player*/

.video-box {
  position: absolute; 
  width: 101%; 
  height: 101%; 
  z-index: 10; 
  display: none;
  top:-1px;
  left:-1px;
}

area[nohref] { cursor: pointer; }

.video-box video {
  position: absolute;
  top: 0; 
  left: 0; 
  width: 100.1%; 
  height: 100%;
  z-index: 10;
  background:black;
}

.skip-button, .mute-button {
  position: absolute;
  
  z-index: 10000;
  cursor: pointer;
  width: 116px !important;
  height: 48px !important;
}

.skip-button img, .mute-button img {
  width: auto !important;
}

.skip-button { top: 20px; left: 20px; }
.mute-button { top: 28px; right: 20px; }

/*Adjust Video Ratio With These */
.video-box.tribal-small { padding-bottom: 56.3%; }
.video-box.mfc { padding-bottom: 56.5%; }
.video-box.tribal { padding-bottom: 56.4%; }



/*#test-burst-container { max-width: 1333px; }
    #test-burst-container .column { float: left; }
    #test-burst-container .column.col-48 { width: 48.6% !important; }
    #test-burst-container .column.col-52 { width: 51.4% !important; }

    #test-burst-container img { max-width: 100%; min-width: 100%; height: auto; }*/

.royalSlider { margin-left: 0 !important; margin-right: 0 !important; }

.burst-slider { position: absolute; top: 0; left: 0; height: 97.4%; width: 48.6%; background: white; }


@media screen and (max-width: 1000px) {
  body #content #hpContent #cs-content-wrapper #header-video {
    top: 100px;
  }
}

@media screen and (max-width: 750px) {
  .snoopy, .snoopy-dance {
    display:none;
  }
}



/*email signup*/

#hpSignUpBox {
  width:100% !important;
  max-width:none;
  margin:40px 0 0 !important;
  text-align:center !important;
}
#hpSignUpCopy {
  width:100% !important;
  height:auto !important;
}
#hpSignUpCopy img{
  width:100% !important;
  height:auto !important;
}
#hpSignUpEnter,
#hpSignUpConfirm,
#hpSignUpBtn {
  margin:8px auto;
}


#hpSignUpEnter, #hpSignUpConfirm {
    width: 330px !important;
    background: black;
    border: 1px solid #fff;
    height: 45px !important;
    margin-right:8px;
}

.signUpFld {
    width: 90% !important;
    padding: 5px;
    height: 20px;
    margin: 5px;
    background: none;
    border: none;
    font-size: 16px;
    color: #fff;
}