/*---------------------------- fonts ---------------------------------------*/

@font-face {
  font-family: 'Raleway-Regular';
  src: 
	url('../../../mm.com/assets/fonts/Raleway-Regular/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  
    url('../../../mm.com/assets/fonts/Raleway-Regular/Raleway-Regular.woff') format('woff'), 
    url('../../../mm.com/assets/fonts/Raleway-Regular/Raleway-Regular.ttf') format('truetype'), 
    url('../../../mm.com/assets/fonts/Raleway-Regular/Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-ExtraBold';
  src: 
	url('../../../mm.com/assets/fonts/Raleway-ExtraBold/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),  
    url('../../../mm.com/assets/fonts/Raleway-ExtraBold/Raleway-ExtraBold.woff') format('woff'), 
    url('../../../mm.com/assets/fonts/Raleway-ExtraBold/Raleway-ExtraBold.ttf') format('truetype'), 
    url('../../../mm.com/assets/fonts/Raleway-ExtraBold/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-Medium';
  src: 
	url('../../../mm.com/assets/fonts/Raleway-Medium/Raleway-Medium.eot?#iefix') format('embedded-opentype'),  
    url('../../../mm.com/assets/fonts/Raleway-Medium/Raleway-Medium.woff') format('woff'), 
    url('../../../mm.com/assets/fonts/Raleway-Medium/Raleway-Medium.ttf') format('truetype'), 
    url('../../../mm.com/assets/fonts/Raleway-Medium/Raleway-Medium.svg#Raleway-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*---------------------------- GLOBAL ---------------------------------------*/

html, body {
    text-align: left;
    font-family: "Raleway-Regular", sans-serif;
    background-color: #ffffff;
    text-align: center;
    color: #393e38;
}

.header-intro {
	font-size: 25px;
	margin: 30px auto 10px auto;
	max-width: 750px;
	text-align: center;
}

h1.header-title {
	color: #393e38;
	font-family: "Raleway-Medium";
	font-size: 40px;
	font-weight: normal;
	margin: 30px 0 10px 0
}

.download-link a {
	font-size: 18px;
	text-decoration: underline;
	color: #0099d5;
}

.download-link {
	margin-bottom: 50px;
}

.video_content_padding a:hover {
	text-decoration: none;
}

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}

.container {
	max-width: 1200px;
}

.facebook-title {
	font-size: 25px;
	text-align: center;
	margin: 30px 0 10px 0;
}

.facebook-comments {
	background-color: #ffffff;
	margin: 20px auto;
	max-width: 900px;
	padding: 30px;
	/* Round Corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.content-background {
	background-image: url(https://mindmovies-images.s3.amazonaws.com/usm/161014_background_ocean.png);
    background-repeat: no-repeat;
    background-color: #f2f9f4;
    background-position: top center;
    background-size: 100% auto;
}

.mm-logo {
	max-width: 200px;
	margin: 20px auto 0 auto;
}

.content-footer a {
	color: #393e38;
}

.white-triangle {
	background: url(https://mindmovies-images.s3.amazonaws.com/usm/161014_triangle_white.png) no-repeat center center ;
	height: 28px;
}

#pause_text p {
	text-align: center;
	margin-bottom: 10px; 
}

#hid ul {
	text-align: left;
}

@media screen and (max-width: 768px) { 
	.facebook-title,
	.header-intro {
		font-size: 20px;
	}
	h1.header-title {
		font-size: 30px;
	}
	.download-link a {
		font-size: 16px;
	}
	#pause_text p { 
		font-size: 14px
	}
}

@media screen and (max-width: 480px) { 
	.facebook-title,
	.header-intro {
		font-size: 15px;
	}
	h1.header-title {
		font-size: 20px;
	}
	.download-link a {
		font-size: 14px;
	}
	#pause_text p { 
		font-size: 12px
	}
}

/*
.top-bg {
  background: url(https://mindmovies-images.s3.amazonaws.com/successblocker/MM_150818_top-bg.jpg)  no-repeat left top #efeadf;
  background-size: 100% auto;
  height: 200px;
}
.mm-logo {
  margin-left: 20px;
  margin-top: 20px;
}
.move-up-30 {
  margin-top: -30px;
}

.page-block {
  background-color: #efeadf;
}

.page-block-2 {
  background: #ffffff;
}

.page-block-2 {

}

.blue-row {
  background-color: #208f97;
  height: 80px;
  z-index: 50;
}

.page-block-2 h5 {
  padding-left: 111px;
  padding-right: 50px;
  color: #f87104;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

.about-nat {
  text-align: left;
  font-family: "AvenirLTPro-Book";
  font-size: 15px;
  background-color: #efeadf;
  margin-left: -15px;
  margin-right: -15px;
  padding-right: 80px;
}

.about-nat .title {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: "AvenirLTPro-Heavy";
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 16px;
    margin: 0 0 1.6rem;
}

h6 {
  font-family: "AvenirLTPro-Book";
  font-weight: bold;
  font-size: 25px;
}

.videobox {
  margin: 0 auto;
  max-width: 800px;
  box-shadow: 5px 5px 7px #999999;
  margin-left: 35px;
}

.videobox1 {
  margin: 0 auto;
  max-width: 800px;
  box-shadow: 5px 5px 7px #999999;
}


.stage > h4 {
  font-size: 25px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  margin-top:10px;
  font-family: 'Oswald', sans-serif;
  color:#eab710;
  margin: 20px 0 0 0;
  padding: 0;
  text-decoration: underline;
}

.divider-1 {
  height: 15px;
  background-color: #333333;
  margin-left: -15px;
  margin-right: -15px;
}

.divider-2 {
  height: 29px;
  background-color: #333333;
  margin-left: -15px;
}

.stage .privacy {
  font-size: 10px !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

ul li {
    list-style-type: disc;
    margin-left: 50px;
}

li {
    display: list-item;
    text-align: left;
    color: #333;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 10px;
}


.about-nat .col-xs-8 > div {
  padding: 35px;
}


@media (max-width: 480px) {
  ::-webkit-input-placeholder { font-size: 15px; }
  ::-moz-placeholder { font-size: 15px; }
  :-ms-input-placeholder { font-size: 15px; }
  input:-moz-placeholder { font-size: 15px; }
  .stage input[type=text] {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ws-dropdown-popup, .ws-dropdown, #webtime_wscombo, #when_day_Items, #when_day_wscombo {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .about-nat {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 0;
    padding-bottom: 0;
    font-size: 11px;
    padding-left: 0px;
  }
  .divider-2 {
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
  }
  .videobox {
    margin: 0 auto;
  }
  .move-up-30 {
    margin-top: 0;
  }
  ul li, ul{
    margin-left: 5px;
    padding-left: 5px;
  }
  .page-block-2 h5 {
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .mm-logo {
    margin-left: 0px;
  }
  h1 {
    font-size: 30px;
  }
  .top-bg {
    height: 170px;
    background-size: auto 100%;
  }
  .mm-logo > img {
    max-height: 35px;
    margin-bottom: 7px;
  }
  h6 {
    font-size: 12px;
  }

.about-nat .col-xs-8 > div {
  padding: 8px;
}
.about-nat-img-2 img {
  margin-top: 15px;
}

}


.index h6 {
  font-size: 25px;
  display: block;
  max-width: 750px;
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-weight: bold;
  font-family: tahoma;
  text-shadow: 2px 2px 7px #999999;
}

.index h2 {
  font-size: 58px;
  text-transform: uppercase;
  display: block;
  max-width: 750px;
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-weight: bold;
  font-family: sans-serif;
  color: #208f97;
  text-shadow: 2px 2px 7px #999999;
}

.index h3 {
  font-size: 42px;
  text-transform: uppercase;
  display: block;
  max-width: 750px;
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-weight: bold;
  font-family: sans-serif;
  color: #208f97;
  text-shadow: 2px 2px 7px #999999;
}

.about-nat-small {
  display: none;
}


@media (max-width: 480px) {
  ::-webkit-input-placeholder { font-size: 15px; }
  ::-moz-placeholder { font-size: 15px; }
  :-ms-input-placeholder { font-size: 15px; }
  input:-moz-placeholder { font-size: 15px; }
  .stage input[type=text] {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ws-dropdown-popup, .ws-dropdown, #webtime_wscombo, #when_day_Items, #when_day_wscombo {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .about-nat {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 5px;
    font-size: 14px;
    padding-right: 0;
    padding-bottom: 0;
  }
  .divider-2 {
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
  }
  .videobox {
    margin: 0 auto;
  }
  .move-up-30 {
    margin-top: 0;
  }
  ul li, ul{
    margin-left: 5px;
    padding-left: 5px;
  }
  .page-block-2 h5 {
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .mm-logo {
    margin-left: 0px;
  }
  h1 {
    font-size: 30px;
  }
  .top-bg {
    height: 170px;
    background-size: 100% 100%;
  }
  .index .top-bg {
    height: 190px;
    background-size: 100% 100%;
  }
  .mm-logo > img {
    max-height: 35px;
    margin-bottom: 7px;
  }
  h6 {
    font-size: 14px;
  }
  .index h6 {
    font-size: 14px;
  }

  .index h2 {
    font-size: 25px;
  }
  .about-nat-large {
    display: none;
  }
  .about-nat-small {
    display: block;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  ::-webkit-input-placeholder { font-size: 15px; }
  ::-moz-placeholder { font-size: 15px; }
  :-ms-input-placeholder { font-size: 15px; }
  input:-moz-placeholder { font-size: 15px; }
  .stage input[type=text] {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ws-dropdown-popup, .ws-dropdown, #webtime_wscombo, #when_day_Items, #when_day_wscombo {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .about-nat {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 5px;
    font-size: 14px;
    padding-right: 0;
    padding-bottom: 0;
  }
  .divider-2 {
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
  }
  .videobox {
    margin: 0 auto;
  }
  .move-up-30 {
    margin-top: 0;
  }
  ul li, ul{
    margin-left: 5px;
    padding-left: 5px;
  }
  .page-block-2 h5 {
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .mm-logo {
    margin-left: 0px;
  }
  h1 {
    font-size: 40px;
  }
  .top-bg {
    height: 170px;
    background-size: 100% 100%;
  }
  .index .top-bg {
    height: 230px;
    background-size: 100% 100%;
  }
  .mm-logo > img {
    max-height: 35px;
    margin-bottom: 7px;
  }
  h6 {
    font-size: 14px;
  }
  .index h6 {
    font-size: 18px;
  }

  .index h2 {
    font-size: 35px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .stage input[type=text] {
    font-size: 15px;
  }
  .ws-dropdown-popup *, .ws-dropdown *, #webtime_wscombo *, #when_day_Items *, #when_day_wscombo *, .dropdown-txt * {
    font-size: 15px;
  }
  ::-webkit-input-placeholder { font-size: 15px; }
  ::-moz-placeholder { font-size: 15px; }
  :-ms-input-placeholder { font-size: 15px; }
  input:-moz-placeholder { font-size: 15px; }
  .submit-button {
    font-size: 15px;
  }
  .stage > h4 {
    font-size: 23px;
  }
  .about-nat {
    margin-right: -15px;
    font-size: 14px;
  }
  ul li, ul{
    margin-left: 15px;
    padding-left: 15px;
  }
  .page-block-2 h5 {
    margin-left: 10px;
    padding-left: 10px;
    margin-right: 10px;
    padding-right: 10px;
  }
  .stage .title {
    font-weight: bold;
    font-size: 20px;
  }

  .stage .text-1 {
    font-weight: normal;
    font-size: 14px;
  }

  .stage .text-2 {
    font-weight: bold;
    font-size: 16px;
  }

  .stage {
    padding: 15px;
  }
  h1 {
    font-size: 50px;
  }
  .top-bg {
    height: 200px;
  }
  .index h6 {
    font-size: 18px;
  }

  .index h2 {
    font-size: 35px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .stage input[type=text] {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ws-dropdown-popup, .ws-dropdown, #webtime_wscombo, #when_day_Items, #when_day_wscombo {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .quiz-button-arrows {
    margin-top: -150px !important;
  }
  .product-image {
      margin-top: 75px;
      margin-bottom: -75px;
  }
}


@media (min-width: 1201px) {
  .stage input[type=text] {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ws-dropdown-popup, .ws-dropdown, #webtime_wscombo, #when_day_Items, #when_day_wscombo {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .product-image {
      margin-top: 75px;
      margin-bottom: -75px;
  }
}



#submitbutton {
  max-width: 95%;
}


.stage input[type=text] {
  display: block !important;
}


.stage {
  border: 1px solid #CCC;
  background-color: #ffffff;
}

.orange {
  color: #f87104;
}

.grey {
  color: #333333;
}

.stage-t {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: normal;
}

.stage-m {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  padding-left: 15px;
  padding-right: 15px;
  color: #2B7FB4;
}

.stage-b {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
}


img.about-nat-img {
  position: absolute;
  bottom: 0px;
  right: 0;
  margin-right: -80px;
}

@media (min-width: 769px) and (max-width: 829px) {
  img.about-nat-img {
    max-width: 350px;
  }
}
@media (min-width: 830px) and (max-width: 1030px) {
  img.about-nat-img {
    max-width: 400px;
  }
}
*/