/*
Theme Name: The Charm Arcade
Theme URI: https://robfulton.com/
Author: Arcade Incubator
Author URI: https://robfulton.com/team/
Description: Pragmatic theme built for our friends at The Art of Charm.
Version: 1.0.072 
Template: pro
*/



/*
 *
 * HELPERS && GENERAL
 *
 */

.fs-80 { font-size: 80%; }
.fs-90 { font-size: 90%; }
.fs-110 { font-size: 110%; }
.fs-120 { font-size: 120%; }


header.x-header-landmark { display: none; } /* landmark area removal on blog index page */

.page .entry-featured { display: none; }

.page-template-default .x-main, .single-post .x-main, .archive .x-main, .blog .x-main { max-width: 800px; margin:0 auto; }

.x-btn.x-btn-text,
.x-btn.x-btn-text:hover { border: none; background: none; }

.single-post .entry-content embed,.single-post .entry-content iframe, .single-post .entry-content object, .video-fix .entry-content embed, .video-fix  .entry-content iframe, .video-fix  .entry-content object { max-width: 600px; width:100%; }


.format-standard .entry-title:before, .format-video .entry-title:before, .format-audio .entry-title:before { content: none; }



/* Typography */

h1.h1 { font-size: 3vw; }
h1,.h1 { font-size:250%; line-height:1.3em;  }
h2,.h2 { font-size:230%; line-height:1.34em; }
h3,.h3 { font-size:200%; line-height:1.34em; }
h4,.h4 { font-size:170%; line-height:1.34em; }
h5,.h5 { font-size:150%; line-height:1.34em; }

/*fix for too many h2 and h3 tags on existing posts and pages*/
.page-template-default h1, .single h1 { font-size:170%; }
.page-template-default h2, .single h2 { font-size:150%; text-transform:uppercase; }
.page-template-default h3, .single h3 { font-size:150%; }
.page-template-default h4, .single h4 { font-size:140%; }
.page-template-default h5, .single h5 { font-size:130%; }

h1.gold-text, h2.gold-text, h3.gold-text, h4.gold-text, h5.gold-text, h6.gold-text, .gold-text { color: hsl(38, 55%, 57%); }
h1.light-text, h2.light-text, h3.light-text, h4.light-text, h5.light-text, h6.light-text, .light-text  { color: #eee; }
h1.white-text, h2.white-text, h3.white-text, h4.white-text, h5.white-text, h6.white-text, .white-text  { color: #fefefe; }

h1.steel-grey-text, h2.steel-grey-text, h3.steel-grey-text, h4.steel-grey-text, h5.steel-grey-text, h6.steel-grey-text, .steel-grey-text  { color: #36384E; }
h1.gun-powder-text, h2.gun-powder-text, h3.gun-powder-text, h4.gun-powder-text, h5.gun-powder-text, h6.gun-powder-text, .gun-powder-text  { color:rgb(65, 59, 81);  }
h1.river-bed-text, h2.river-bed-text, h3.river-bed-text, h4.river-bed-text, h5.river-bed-text, h6.river-bed-text, .river-bed-text  { color: rgb(67, 74, 92);  }
h1.river-bed-text, h2.river-bed-text, h3.river-bed-text, h4.river-bed-text, h5.river-bed-text, h6.river-bed-text, .river-bed-text  { color: rgb(67, 74, 92);  }
h1.yellow-text, h2.yellow-text, h3.yellow-text, h4.yellow-text, h5.yellow-text, h6.yellow-text, .yellow-text  { color: rgb(251, 187, 9);  }
h1.ch-red-text, h2.ch-red-text, h3.ch-red-text, h4.ch-red-text, h5.ch-red-text, h6.ch-red-text, .ch-red-text  { color: #f51255; }
h1.ch-blue-text, h2.ch-blue-text, h3.ch-blue-text, h4.ch-blue-text, h5.ch-blue-text, h6.ch-blue-text, .ch-blue-text  { color: #00254D;  }
h1.ch-dark-blue-text, h2.ch-dark-blue-text, h3.ch-dark-blue-text, h4.ch-dark-blue-text, h5.ch-dark-blue-text, h6.ch-dark-blue-text, .ch-dark-blue-text  { color: #001834;  }

.grey-text { color: #888; }
.medium-grey-text { color:#666; }
.red-text { color: #f95831; }
.blue-text {  color: #0073B7;  }
.dark-text { color:#222; }
.white-text { color:#fefefe; }



a.gold-text:hover, a .gold-text:hover { color: hsl(38, 77%, 54%); transition: color .25s ease-in-out; }
a.light-text:hover, a .light-text:hover  { color: #fefefe; transition: color .25s ease-in-out; }

ul li{ line-height:1.6; margin-bottom:.8em;}
.boxed-list{ width:90%; margin-left:auto; margin-right:auto; }

blockquote { font-size:100%; }






/* 
 * Homepage menu hack
 * The 'products' menu item links to an anchor on the homepage and thus gets the 'current-menu-item class'
 */
body.home .x-navbar .desktop .x-nav > li.current-menu-item > a > span { box-shadow: inherit; color: #000; }
body.home .x-navbar .desktop .x-nav > li.current-menu-item > a > span:hover { box-shadow: 0 2px 0 0 #cda154; color: #cda154; }
body.home .x-navbar .mobile .x-nav > li.current-menu-item > a { box-shadow: inherit; color: white; }
body.home .x-navbar .mobile .x-nav > li.current-menu-item > a:hover { box-shadow: 0 2px 0 0 #cda154; color: #cda154; }





/* Navigation */  

.x-navbar .x-container.max {  max-width: 1200px; }
.x-navbar ul li {  margin-bottom: 0; }

.desktop .x-nav { float: left; width: calc(100% - 210px); margin-left:40px; }
.x-navbar .desktop .x-nav .menu-item-21315, .x-navbar .desktop .x-nav .menu-item-24492  { float: right; margin-right: 24px; } 
.desktop .x-nav .x-menu-item-search { position:absolute; right:0; }

.x-navbar .x-nav a, .desktop .sub-menu li > a, .mobile .sub-menu li > a {  transition: color .25s ease-in-out; }
.x-navbar .desktop .x-nav li > a > span::after, .x-sub-toggle .x[data-x-icon]::before, .x-sub-toggle [class*="x-icon-"]::before {  content: "\f107"; }
.x-navbar .desktop .x-nav ul li > a > span::after {  content: "\f105"; }

.desktop .sub-menu {  font-size: 14px; text-transform: uppercase; padding: 0 1.75em; }
.desktop .sub-menu li:first-child::before, .desktop .sub-menu li:last-child::after {  opacity: 0; }
.masthead-inline .x-navbar .desktop .sub-menu {  left: 0; right: auto; }
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {  top: 0; left: calc(100% + 1.75em);}

.x-navbar .mobile .x-nav ul {  margin: 0 0 1em 2.25em; }
.x-navbar .mobile .x-nav .sub-menu ul {  margin: 0 0 .5em 2.25em; }
.x-navbar .mobile .x-nav li > a {  margin: 0; border: none; border-bottom: 1px solid rgba(255,255,255,.6); padding: 0.75em 0.95em; }
.x-navbar .mobile .sub-menu li > a {  text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,.3); }
.x-navbar .mobile .sub-menu ul li > a {  border-bottom: 1px solid rgba(255,255,255,.15); }
.x-navbar .mobile .x-nav > li.x-menu-item-search > a {  border: none; text-align: left; }

.home .x-navbar { background-color: #fff !important; width:100%;}
.home .x-navbar .desktop .x-nav > li > a { color: #000; }
.home .x-btn-navbar.collapsed, .home .x-btn-navbar { background-color: transparent; color: #111; box-shadow: none; }
.home .x-btn-navbar:hover {  color: hsl(38, 55%, 57%); }




/* Buttons and Forms */  

.x-btn, input[type="submit"] { text-shadow: none!important; border: none; font-family: "Montserrat"; letter-spacing: 0.5px; padding: 0.813em 1.125em; }
.x-btn.x-btn-gold { background-color: hsl(38, 55%, 57%); color: #222;  font-weight:600;}
.x-btn.x-btn-gold.white-text { color: #fff;  }
.x-btn.x-btn-gold:hover { background-color: hsl(38, 77%, 54%); color: #222; }
.x-btn.x-btn-x-large { padding: 0.857em 1.286em; }
.x-btn.x-btn-large { padding: 0.718em 1.105em ; }
input[type="submit"].x-btn-block { width:100% }

.button-optin, .button-optin.hasform {  margin-left: auto; margin-right: auto; position: relative; }
.button-optin.hasform {  width: 100%; max-width: 400px; }
.button-optin form {  display: none; width: 100%; padding: 0; }
.button-optin .x-column.x-1-2 {  width: 50%; position: relative; }
.button-optin [type="email"], .button-optin [type="text"], .button-optin .form-control {  height: 50px; margin: 0; border: 2px solid rgb(242, 32, 32); padding: 0 0 0 4%; font-size: 17px; border-radius: 100em 0 0 100em; position: relative; }
.button-optin submit, .button-optin.hasform submit:hover,.button-optin [type="submit"] {  background: rgb(242, 32, 32); text-shadow: none; padding: 0; margin: 0; border-radius: 0 100em 100em 0; height: 50px; border: none; font-size: 23px; text-transform: uppercase; position: relative; }
.button-optin ._submit {  width: 100%; }
.button-optin.hasform a {  display: none; }
.button-optin.hasform form {  display: inline-block; }

.headshake {  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
@-webkit-keyframes shake {  10%, 90% {  transform: translate3d(-1px, 0, 0); }
  20%, 80% {  transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {  transform: translate3d(-4px, 0, 0); }
  40%, 60% {  transform: translate3d(4px, 0, 0); }
}
@-o-keyframes shake {  10%, 90% {  transform: translate3d(-1px, 0, 0); }
  20%, 80% {  transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {  transform: translate3d(-4px, 0, 0); }
  40%, 60% {  transform: translate3d(4px, 0, 0); }
}
@keyframes shake {  10%, 90% {  transform: translate3d(-1px, 0, 0); }
  20%, 80% {  transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {  transform: translate3d(-4px, 0, 0); }
  40%, 60% {  transform: translate3d(4px, 0, 0); }
}

._form_element { position:relative; }
._has_error {  border: #f37c7b 0px solid; }
._error {  display: block; position: absolute; font-size: 13px; z-index: 1100; }
._error._above {  padding-bottom: 4px; top: -41px; right: 0; }
._error._below {  padding-top: 4px; top: 80%; left: 0; }
._error._above ._error-arrow {  bottom: 0; right: 15px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f37c7b; }
._error._below ._error-arrow {  top: -2px; left: 24px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f37c7b; }
._error-inner {  padding: 8px 12px; background-color: #f37c7b; font-size: 13px; font-family: arial, sans-serif; color: #fff; text-align: center; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
._error-inner._form_error {  margin-bottom: 5px; text-align: left; }
._button-wrapper ._error-inner._form_error {  position: absolute; top: 110%; }
._error-inner._no_arrow::after {  content: ""; position: absolute; top: -8px; left: 24px; bottom: auto; right: auto; border-width: 0 8px 8px; border-color: #f37c7b transparent; border-style: solid; display: block; width: 0; z-index: 1100; }
._error-arrow {  position: absolute; width: 0; height: 0; z-index: 1100; }
._error-html {  margin-bottom: 10px; }

.form-error {  position: absolute; top: 40px; left: 0; padding: 10px; margin: .1em 0 0; color: #fff; background: #f37c7b; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 12px; line-height: 1.2em; font-weight: normal; display: none; z-index:10001; }
.form-error::after {  content: ""; position: absolute; top: -7px; left: 24px; bottom: auto; right: auto; border-width: 0 8px 8px; border-color: #f37c7b transparent; border-style: solid; display: block; width: 0; z-index: 1100; }

/* IS Date */

.infusion-form table th, .infusion-form table td { border-top: none; padding:0;}    
.infusion-field { position:relative }
.infusion-field .pikaday-container{ position:absolute; left:200px; top:0;}

/* IS Checkboxes/Challenge Survey */

.infusion-form .label-title { font-size: 120%; }
.infusion-option label {  float: left; width: 88%; margin-right: 2%; }
.infusion-option input {  float: left; width: 10%; }
.infusion-option:after {  clear: both; content: ''; display: block; }
.infusion-form .question {  padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.1); }
.infusion-form .question.last { border-bottom: none; }


/* IS Text */

.is-text{
  font-size:10px!important;
  margin:6px auto 0;
  text-align:center;
  color:#999;
  line-height: 15px;
} 
.button-optin .is-text{
  display:none;
} 
.button-optin.hasform .is-text{
  display:block;
}
.is-text.left-text{
  text-align:left;
} 



/* Modal and Modal forms  */

.fade.in { background: rgba(0,0,0,.5); }
.modal-content { border-radius: 0; border:none; }

.modal .close { float:none; position:absolute; opacity:1; color:#888; } 
.modal .close:hover { color:hsl(38, 55%, 57%); } 
.modal .close.close-inner { top: 4px; right: 4px; font-size:110%; width:24px; height:24px; line-height:1;  z-index:100001; }


.modal form { max-width:450px; margin-left:auto; margin-right:auto;}
.modal form input { width:100%; font-size:100%; }

.modal form  ._error._below  { top:70%; left:-6px; }


/* Podcast PDF Worksheets Optin  */

#tyPodcastPDF, #pdf-title, #pdf-link { display: none; }



/* Misc backgrounds, dividers, borders */ 
/* Misc backgrounds, dividers, borders */ 
/* Misc backgrounds, dividers, borders */ 

.x-section .x-container.color-overlay { position: absolute; height: 100%; width: 100%; top: 0; }
.x-container.max.full-width { width: 100%; max-width:100%; padding-left:3%; padding-right:3%;}

.light-bg { background: rgb(244,244,244); }
.dark-bg { background: hsl(0, 0%, 8%); }
.black-bg { background: rgb(0,0,0); }
.white-bg { background: rgb(255,255,255); }
.dark-grey-bg { background: #323232; }

.short-hr { max-width: 240px; border-top-width: 4px; margin-left: auto; margin-right: auto;}
.gold-hr { border-color:hsl(38, 55%, 57%); }
.dotted-hr { border-style:dotted; border-top-width: 2px; }







/* Homepage */ 
/* Homepage */ 
/* Homepage */ 

.home .x-flexslider {  background:none; padding:24px 0 20px;   }
.flex-direction-nav a { background-color: transparent!important; color: hsl(38, 55%, 57%); font-size: 24px; margin-top: -15px; top: 50%; }
.flex-direction-nav a.flex-next { right: 0; left: inherit; }
.flex-direction-nav a.flex-prev { left: 0; right: inherit; }
.flex-direction-nav a:hover { color: hsl(38, 77%, 54%); }
.x-flexslider .x-slides img.center-img { margin: 0 auto; }





/* Summer of Charm */
/* Summer of Charm */
/* Summer of Charm */

.x-section.summer { padding: 0; margin: 0; }
.summer .x-container.max { max-width: 1600px; width: 100%; }
.summer a.x-img:hover { opacity: 1; }
.summer h2 a:hover { color: #272727; }
.summer img.cs-hide-md  { max-width:400px; width: 100%; margin-top:15px; }






/* BC Testimonials Page */
/* BC Testimonials Page */
/* BC Testimonials Page */

.testimonial { border-bottom: 2px solid #ccc; }
.testimonial .brief { font-size: 105%; font-family:"Montserrat"; line-height:1.3; margin-bottom:8px; }
.testimonial .author-name { font-size: 120%; color:#555; font-family:"Montserrat"; margin-bottom:16px; line-height:1.2;}
.testimonial .author-image { max-width: 50%; border: 3px solid rgba(0,0,0,.2); }
.video-testimonial-quote { color: #ddd; }
.fb-comments img { border: 3px solid rgba(0,0,0,.2); }




/* Podcast Page */
/* Podcast Page */
/* Podcast Page */

.podcast-team { position:absolute; bottom:0; left:0; width:55%;}
.podcast-headline { max-width:430px; }

.podcast-optin input[type="text"] {  height: 50px; border: none; font-size: 17px; } 
.podcast-optin input[type="submit"] {  height: 50px; padding: 0; font-size:19px; }

.podcast-feed-section  { padding:3.5em 0 3.5em; margin: 0;}
.x-container.max.podcast-feed-row { max-width: 850px; }

.podcast-feed-section img { max-width: 310px; width:100%; border:1px solid #eee;}
.podcast-feed-section .x-hr.short-hr { margin: 1em auto 3em; }
.podcast-feed-section .x-hr { margin: 2em auto 2em; }
.podcast-latest .podcast-episode:last-child .x-hr { display:none; }
.podcast-feed-section .x-btn-block { max-width: 450px; margin:3em auto 0; } 

.get-in-touch { padding: 0 0 5vmax; margin: 0;  }
.get-in-touch .x-icon{ text-align: center; font-size: 40px;  width: 40px; height: 40px; line-height: 40px; }





/* Sponsorship Page */
/* Sponsorship Page */
/* Sponsorship Page */

.sponsorship h2 { font-size: 25px; margin-top:0; }
.sponsorship h3 { font-size: 23px; margin-top:0; }
.sponsorship h4 { font-size: 18px; margin-top:0; }
h2.normal { font-size:230%; line-height:1.34em; }
h3.normal { font-size:200%; line-height:1.34em; }
h4.normal { font-size:170%; line-height:1.34em; }

p.medium, p .medium { font-size:17px;  }
p.large, p .large { font-size:19px; line-height: 1.2; }
p.xl, p .xl { font-size:20px; line-height: 1.3; }

h2.medium, h2 .medium { font-size:38px; line-height:1;  }
.box-5-2 h2.medium { font-size:31px; line-height:1;  }
h2.large, h2 .large { font-size:41px; line-height:1;  }
h2.xl, h2 .xl { font-size:45px; line-height:1;  }
.box-5-3 h2.xl { font-size:41px; line-height:1;  }
h2 .xxxl { font-size: 230%; letter-spacing: -1px; }
h2.logo-text { font-size:30px; }

h3.small, h3 .small { font-size:21px; line-height:1;  }
.box-5-2 h3.small { font-size:19px; } 
h3.medium, h3 .medium { font-size:30px; line-height:1.2;  }
h3.medium.box-title { font-size:28px; line-height:1.2;  }
h3.large, h3 .large { font-size:37px; line-height:1.2;  }
h3.xxl, h3 .xxl { font-size:185%; line-height:1.2;  }
h3 .xxxl { font-size: 230%; letter-spacing: -1px; }

h4.small, h4 .small { font-size:16px; line-height:1;  }
h4.medium, h4 .medium { font-size:21px; line-height:1;  }
h4.large, h4 .large { font-size:25px; line-height:1; }

.lh-1 { line-height:1; }

.light-text h1:not(.gold-text), .light-text h2:not(.gold-text), .light-text h3:not(.gold-text), .light-text h4:not(.gold-text), .light-text h5:not(.gold-text), .light-text h6:not(.gold-text) { color: #ddd; }

.box-title { border-bottom: 2px dotted #cda154; padding-bottom: 12px; margin-bottom:18px; }

.box-column.x-column.x-1-2 { width: 48.75%; }
.box-column.x-column.x-1-3 { width: 31.66%; }
.box-column.x-column:not(.last){ margin-right:2.5%; }

.box-sp { box-shadow:0 2px 4px rgba(0,0,1,.41); padding:20px; }
.sp-1 .box-sp { min-height:600px;  }
.sp-2 .box-sp { min-height:600px;  }
.sp-3 .box-sp { min-height:550px;  }
.sp-4 .box-sp { min-height:530px;  }
.sp-5 .box-sp { min-height:450px;  }

.box-sp.box-1-1 { background-image: url('/wp-content/uploads/2017/06/box1-1.png'); background-repeat: no-repeat;  background-size:100% auto; background-position: 0 80%; }
.box-sp.box-2-1 { background-image: url('/wp-content/uploads/2017/06/box2-1.png'); background-repeat: no-repeat; background-position: center 70%;  background-image-size:90% auto;  }
.box-sp.box-2-2 { background-image: url('/wp-content/uploads/2017/06/box2-2.png'); background-repeat: no-repeat;  background-position: 100% 70%;  background-image-size:100% auto;  }
.box-sp.box-4-1 { background-image: url('/wp-content/uploads/2017/06/sp-man-s1.png'); background-repeat: no-repeat;  background-position: 52% 85%; background-image-size:27% auto;  }

.box-callout { background:#232323; padding:20px; box-shadow:0 2px 4px rgba(0,0,1,.41); text-align:center; position:relative;  }

.border-dw { border:2px dotted rgba(255,255,255,.23); }

.w-200 { max-width:200px; margin-left:auto; margin-right:auto; }

.box-5-2 .x-column img { height:27px; width:auto; }

.burst-bg { background-image:url('/wp-content/uploads/2017/06/sp-bg-s3.png'); background-repeat:no-repeat; background-size:100% 100%;  }

.triangle { margin:0 auto; position:relative; height:0px; width:0px; border-top:100px solid #323232; border-left:170px solid transparent; border-right:170px solid transparent;  }
.zoom-bg { background-image:url('/wp-content/uploads/2017/06/sp-bg-s2.png'); background-repeat:no-repeat; background-position:90% 0px; background-size:auto 100%;  }

.zoomed { margin-top:48px;  }
.focused { margin-left:-71px; margin-top:51px;  }

.zoom-circle { width:270px; height:270px; border-radius:50%; border:30px solid #444; background:url('/wp-content/uploads/2017/06/sp-man-s2.png') no-repeat 50% 20px #f2f2f2; background-size:90% auto; padding:45px 0 0 24px; margin:0 0 0 30px;  }
.zoom-handle { width:50px; height:100px; border-radius:2px 2px 25px 25px; background:#444; margin:-5px 30px 0 0; display:block; clear:both; float:right; transform:rotate(-30deg); -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -o-transform:rotate(-30deg); -ms-transform:rotate(-30deg);  }

.headphones { background-image:url('/wp-content/uploads/2017/06/sp-headphones-s4.png'); background-repeat: no-repeat; background-position: 50% 0;  }

.square-main { position:relative; margin:40px auto 0; width:210px; height:210px;  }
.square-1 { position:absolute; top:0; left:0; height:210px; width:210px; background-color:#ffffff; border-radius:15px; -webkit-transform:rotate(45deg); transform:rotate(45deg);  }
.square-2 { position:absolute; left:10px; top:10px; height:190px; width:190px; background-color:#ffffff; border-radius:15px; border:2px dotted rgba(0,0,0,.42);  }
.square-text { position:absolute; top:70px; left:0; width:100%; text-align:center;  }

.trapez { position:relative; height:100px; overflow:hidden;  }
.trapez h3 { z-index:1100; position:relative;  }
.t-d h3 { margin-right:60px; padding-top:30px;  }
.t-d h3 img { margin-top:-15px; width:40px;  }
.t-u h3 { padding-top:30px; }
.trapez-down { border-top:100px solid rgba(0,0,0,.85); border-left:50px solid transparent; border-right:50px solid transparent; height:0; width:100%; display:block; position:absolute; top:0; z-index:100;  }
.trapez-up { border-bottom:100px solid rgba(0,0,0,.85); border-left:50px solid transparent; border-right:50px solid transparent; height:0; width:100%; display:block; position:absolute; top:0; z-index:100;  }

.arr-down { margin-left:20%; position:relative; height:0px; width:0px; border-top:20px solid rgba(0,0,0,.85); border-left:40px solid transparent; border-right:40px solid transparent;  }
.arr-up { margin-left:70%; position:relative; height:0px; width:0px; border-bottom:20px solid rgba(0,0,0,.85); border-left:40px solid transparent; border-right:40px solid transparent;  }

.triangle-small { margin:0 auto 20px; height:0px; width:0px; border-top:15px solid hsl(0, 0%, 8%);  border-left:30px solid transparent; border-right:30px solid transparent;  }

.sponsors { background: url('/wp-content/uploads/2017/06/sp-left.png') no-repeat 0 0, url('/wp-content/uploads/2017/06/sp-right.png') no-repeat 100% 100%; background-size:auto 100%, auto 100%;  }
.sponsors .right-text h3, .sponsors .left-text h3 { width:auto; display:inline-block;  }
.sponsors .right-text h3 {  margin-bottom:20px; }
.sponsors .left-text h3 {  margin-bottom:20px; }
.sponsors .right-text img {  margin-left:10px; }
.sponsors .left-text img {  margin-right:10px; }
.sponsors .right-text img, .sponsors .left-text img { margin-top:-10px;  }

.sponsorship .fixed-ul { margin-top:46px; }
.sponsorship .fixed-p { margin-top:46px; }
.sponsorship .fixed-h3 { margin-bottom:46px; }






/* SCM Page */
/* SCM Page */
/* SCM Page */

.scm-container .infusion-field input {  font-size: 17px; width: 100%; border: 1px solid rgba(0,0,0,.15);  height:2.8em; margin:0 auto; }
.scm-container .x-btn { width:100%; font-weight:700;}
.scm-container form  {  margin:0 auto; position:relative; }
.scm-container form .form-msg {  color: #333; border: 2px solid #cda154; cursor: text; padding: 10px; margin: 0 0 16px; transition: all .25s ease-in-out; border-radius: 0; font-size: 12px; font-family: 'Montserrat'; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; display:none; }

.scm-container .x-1-2 { border-right: 1px solid rgba(0,0,0,.1); padding-right:20px; margin-right:0; text-align: center; line-height: 1.2; width:50%; }
.scm-container .x-1-2.last { border-right: none; padding-left:20px; padding-right:0; }

.step { border: 1px solid rgba(0,0,0,.15); margin-bottom: 20px;  }
.step h4 { background: #CBA154; color: #fff; margin-top: 0; padding: 10px 20px; font-size: 23px; text-align: left;  }
.step-content { padding: 8px 20px 24px; text-align: center;  }
.step p { margin: 0;  }
.step.connect p { margin-bottom: 15px;  }
.step h5 { margin: 0px auto 20px; font-size: 20px;  }
.step h5.mbn { margin: 0 auto ; font-size: 20px;  }
.step h5 a { text-decoration: underline;  }






/* Video Series Pages */

.vs-header a span { display:block; line-height:1.2;}
.vs-header .x-raw-content:not(.last) { border-right:1px solid #cda154; }






/* Tony Hawk LP */
/* Tony Hawk LP */
/* Tony Hawk LP */

.tw-feed{ border-left:1px solid rgba(0,0,0,.069); padding-left:20px; }
.inline-share { padding-right:20px; }

#textingOptin .modal-dialog{ max-width:360px; }
a.blue-text {  text-decoration: underline;  }
.quotation_div {  position: relative;  display: table;  min-height: 500px;  background: url("/wp-content/uploads/2017/06/Text-to-join.png") no-repeat top center;  background-size: 100% auto;  margin: 0 auto;  }
.overlay {  display: table-cell;  vertical-align: top;  width: 300px;  margin: 0 auto;  text-align:left;}
.pJoinlist {  font-family: 'Montserrat',sans-serif;  text-align: center;  font-weight: 400;  font-size: 20px;  padding: 24px 32px 0 30px;  color: #000;  line-height: 150%;  }
.short_code_iphone {   padding-top: 80px;  padding-left: 5px;  text-align: center;  font-size: 22px;  }
.pop_iphone {  padding-top: 30px;  padding-left: 50px;  }
.messages-wrapper {  padding-top: 10px;  }
.message.from {  padding: 8px 16px;  background: #e5e4e9;  font-family: 'Lato',sans-serif;  border-radius: 20px;  width: auto;  display: inline-block;  }
.txt {  text-align: left;  color: #6f6f6f;  line-height: 17px;  padding-top: 90px; padding-left:8px;  }
.text_1 {   font-size: 12px;  }




/* Books Page */
/* Books Page */
/* Books Page */

.book-title p{ margin-bottom:.69em; }







/* Charmlabs/Masterclass Pages Fonts*/ 
/* Charmlabs/Masterclass Pages Fonts*/
/* Charmlabs/Masterclass Pages Fonts*/

.charmlabs .entry-content h1,.charmlabs .entry-content  h2,.charmlabs .entry-content h3,.charmlabs  .entry-content h4,.charmlabs .entry-content h5,.charmlabs .entry-content h6,.charmlabs .entry-content .h1,.charmlabs .entry-content .h2,.charmlabs .entry-content .h3,.charmlabs .entry-content .entry-content .h4,.charmlabs  .entry-content .h5,.charmlabs .entry-content .h6 {
	font-family: "Poppins",sans-serif;
	font-style: normal;
	font-weight: 700;
}
.charmlabs.v2 .entry-content h1, .charmlabs.v2 .entry-content h2, .charmlabs.v2 .entry-content h3, .charmlabs.v2 .entry-content h4, .charmlabs.v2 .entry-content h5, .charmlabs.v2 .entry-content h6, .charmlabs.v2 .entry-content .h1, .charmlabs.v2 .entry-content .h2, .charmlabs.v2 .entry-content .h3, .charmlabs.v2 .entry-content .entry-content .h4, .charmlabs.v2 .entry-content .h5, .charmlabs.v2 .entry-content .h6 {
	font-weight: 400;
}
.charmlabs .entry-content{
font-family: "Roboto",sans-serif;
}





/* Charmlabs/Masterclass Pages Buttons and Links*/ 
/* Charmlabs/Masterclass Pages Buttons and Links*/ 
/* Charmlabs/Masterclass Pages Buttons and Links*/ 

.charmlabs .entry-content .x-btn,.charmlabs .entry-content input[type="submit"],.charmlabs .entry-content submit,.charmlabs .entry-content button, .charmlabs .entry-content .white-text .x-btn {
    font-family: "Poppins",sans-serif;
	font-weight: 700;
    color: rgb(26,31,51);
    background-color: rgb(251,187,8);
    text-decoration:none;
}
.charmlabs .entry-content .x-btn:hover,.charmlabs .entry-content .button:hover, .charmlabs .entry-content [type="submit"]:hover,  .charmlabs .entry-content .white-text .x-btn:hover {
	color: rgb(26,31,51);
	background-color: hsl(44,98%,45%);
    text-decoration:none;
}

.charmlabs.masterclass .entry-content .x-btn,.charmlabs.masterclass .entry-content input[type="submit"],.charmlabs.masterclass .entry-content submit,.charmlabs.masterclass .entry-content button {
    color: #fff;
    background-color: #e9103a;
}
.charmlabs.masterclass .entry-content .x-btn:hover,.charmlabs.masterclass .entry-content .button:hover, .charmlabs.masterclass .entry-content [type="submit"]:hover {
	color: #fff;
    background-color: #ac1100;
}

.charmlabs.challenge .entry-content .x-btn,.charmlabs.challenge .entry-content input[type="submit"],.charmlabs.challenge .entry-content submit,.charmlabs.challenge .entry-content button {
    color: #fff;
    background-color: #F51255;
}
.charmlabs.challenge .entry-content .x-btn:hover,.charmlabs.challenge .entry-content .button:hover, .charmlabs.challenge .entry-content [type="submit"]:hover {
	color: #fff;
    background-color: #CE063B;
}

.charmlabs .entry-content a { color: rgb(65,59,81); text-decoration:underline;}
.charmlabs .entry-content a:hover { color: rgb(26,31,51); text-decoration:underline;}
.charmlabs .entry-content .white-text a { color: #fff; text-decoration:underline;}
.charmlabs .entry-content .white-text a:hover { color: rgb(205, 199, 205); text-decoration:underline;}

.charmlabs.masterclass .entry-content a { color: #e9103a; text-decoration:none;}
.charmlabs.masterclass .entry-content a:hover { color: #ac1100; text-decoration:none;}
.charmlabs.masterclass .entry-content .white-text a { color: #fff; text-decoration:none;}
.charmlabs.masterclass .entry-content .white-text a:hover { color: rgb(205, 199, 205); text-decoration:none;}

.charmlabs.challenge .entry-content a { color: #1474A8;}
.charmlabs.challenge .entry-content a:hover { color: #F51255; }
.charmlabs.challenge .entry-content a:not(.x-btn) {  text-decoration:underline;}
.charmlabs.challenge .entry-content a:not(.x-btn):hover {  text-decoration:underline;}
.charmlabs.challenge .entry-content .white-text a { color: #fff;}
.charmlabs.challenge .entry-content .white-text a:hover { color: rgb(205, 199, 205); }


.charmlabs.v2.h-custom-headline { font-weight:400; }






/* Bootcamp Pages */
/* Bootcamp Pages */
/* Bootcamp Pages */

.bootcamp .h-custom-headline:not(.gold-text), .bootcamp .x-feature-box-title{ color: #777; }
.bootcamp .h-custom-headline, .bootcamp .x-feature-box-title { font-weight:700; }

.bootcamp.call-prep .x-feature-box-title {  font-weight:700; font-size: 1.2em; }

.bootcamp .bc-day .x-ul-icons.mlxl { margin-left:3em; }
.bootcamp .bc-day strong{ padding:5px; margin-right:5px; background:#666; color:#fff; }
.bootcamp .bc-day p { font-weight:700; }

.bootcamp .x-brand {  }
.bootcamp .entry-content .x-container.max {  max-width:850px; }


/* Bootcamp Homepage */

.bootcamp .personal {  background: url('/wp-content/uploads/2017/09/personal.jpg') no-repeat center center;  background-size: cover;  }
.bootcamp .business {  background: url('/wp-content/uploads/2017/09/business.jpg') no-repeat center center;  background-size: cover;  }
.bootcamp .big-click {  display: block;  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: 0;  }


/* Bootcamp Salesletters */

.bootcamp .benefits-mobile .center-text .x-feature-box-text {  text-align: left;  padding-left: 10px;  }
.bootcamp .coaches-img {  max-width: 750px;  }
.bootcamp .pattern-bg { min-height:300px }

  
/* Bootcamp Fans */ 
    
.bootcamp .mejs-controls {  border: none;  background: transparent;  border: none;  border-radius: 0;  box-shadow: none;  }
.bootcamp .mejs-time-total {  height: 10px;  background: #00BF74;  border: 0px solid #f8efe7;  border-radius: 0;  box-shadow: none;  margin-top: 40px;  }
.bootcamp .mejs-time-loaded {  height: 10px;  background: #00BF74;  border: 0px solid #f8efe7;  border-radius: 0;  box-shadow: none;  }
.bootcamp .mejs-time-current {  height: 10px;  background-color: #FD713E;  border-radius: 0;  box-shadow: none;  }
.bootcamp .mejs-controls > div {  width: 90px;  height: 90px;  line-height: 87px;  }
.bootcamp .mejs-time-rail {  width: calc(100% - 90px) !important;  padding: 0 10px;  }
.bootcamp .advanced-controls.mejs-audio .mejs-time-rail {  width: calc(100% - 180px) !important;  padding: 0 10px;  }
.bootcamp .mejs-button.mejs-playpause-button {  border-right: none;  box-shadow: none;  width: 90px;  height: 90px;  border-radius: 100%;  background-color: #fd713e;  background: url('/wp-content/uploads/2017/09/btn-bc-bg.jpg') no-repeat center center;  background-size: cover;  background-position: center;  border: 0px solid #fff;  ;  cursor: pointer;  }
.bootcamp .mejs-button button {  color: #fff;  text-shadow: none;  margin: 0;  border: 0;  padding: 0;  width: 90px;  height: 90px;  font-size: 24px;  line-height: inherit;  text-align: center;  vertical-align: top;  background: none;  margin-left: 4px;  }
.bootcamp .mejs-controls > div.mejs-time {  color: #666;  text-shadow: none;  width: 45px !important;  font-size: 11px;  text-align: center;  float: right;  padding-top: 2px;  }
.mejs-volume-button {  display: none;  }
 


 













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

.x-colophon.bottom {  padding: 20px 0; font-size: 14px; line-height: 1.3; }
.x-colophon.bottom p {  max-width: 640px; margin: 0 auto 1.3em; }
.x-colophon.top {  background: #222; padding: 6vmax 0; color: #ddd; }
.x-colophon.top p {  font-size: 14px; }
.x-colophon .h-widget {  color: hsl(38, 55%, 57%); font-size: 115%; }

.x-colophon .widget_nav_menu ul {  border-bottom: none; }
.x-colophon .widget_nav_menu ul > li {  border-top: none; background: none; }
.x-colophon .widget_nav_menu ul > li a {  margin: 0.1em 0; color: #ddd; font-size: 15px; transition: color,margin .25s ease-in-out; }
.x-colophon .widget_nav_menu ul > li a:hover {  margin-left: 1em; color: hsl(38, 55%, 57%); }

ul#menu-programs > li {  position: relative; padding-left: 2.3em; counter-increment: li; }
ul#menu-programs > li::before {  content: counter(li); position: absolute; top: 0; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.7em; height: 1.7em; line-height: 1.7em; color: #171717; background: #ddd; font-family: "Montserrat" sans-serif; text-align: center; border-radius: 100%; display: block; }

.x-colophon .social-links {  margin-top: 1em; }

.x-colophon form {  max-width: 450px; margin-top: 1em; position: relative; }
.x-colophon form input[type="email"] {  width: 100%; height: 45px; border: none; font-size: 15px; }
.x-colophon form input[type="submit"] {  height: 45px; padding: 0; }
.x-colophon .form-msg {  color: #fff; border: 2px solid #cda154; cursor: text; padding: 10px; margin: 0 0 16px; transition: all .25s ease-in-out; border-radius: 0; font-size: 12px; font-family: 'Montserrat'; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; }

.widget_nav_menu #menu-programs .current-menu-item > a::after {
	content: "";
	display: none;
}




/* DEFAULT PAGE TEMPLATE */

.page-template-default .x-container.offset { margin:0 auto 2.75em; }

.page-template-default  header.x-header-landmark { display:block; padding: 0; border-bottom: none; max-width: 800px; margin:0 auto 20px; }
.page-template-default  header.x-header-landmark .x-container.width { width: 100%; }

.page-template-default .entry-title.h-landmark { font-size: 170%;  line-height: 1.2; letter-spacing:0px;  margin-top:.5em; padding: 20px 0; border-bottom: 1px solid #f2f2f2; }








/* BLOG INDEX PAGE */
/* BLOG INDEX PAGE */
/* BLOG INDEX PAGE */

.format-standard .entry-title:before { content: none; }
a.entry-thumb, a.entry-thumb:hover { background-color: none; }
a.entry-thumb:hover:before { display: none; }
a.entry-thumb:hover img { opacity: 1; }

.hentry { margin-top: 0.5em; }

.format-standard .entry-content.excerpt { margin-top:0; }
.format-standard .entry-content.excerpt:after { content: '';  display: block; clear: both; }

.category-description { margin-bottom: 2.5em; } 
.category-description h1 { font-size: 170%;  text-transform:uppercase; margin-bottom:.6em;}

body.author .category-description { display:none; }

.author-page-content { margin: -20px auto 30px; }
.author-page-content .entry-title.h-landmark { font-size: 170%;  line-height: 1.2; letter-spacing:0px;  margin-top:0; padding: 20px 0; border-bottom: 1px solid #f2f2f2; }
.author-page-content h2 { font-size: 150%; text-transform:uppercase;  }
.author-page-content h3 { font-size:150%; }
.author-page-content h4 { font-size:140%; }
.author-page-content h5 { font-size:130%; }  








/* BLOG SINGLE PAGE */
/* BLOG SINGLE PAGE */
/* BLOG SINGLE PAGE */
body.single-post article.post h1 { font-size: 170%;  }
.entry-background { padding-top:56.25%; margin-bottom: 2em; }

.p-40 .entry-background { padding-top:40.25%; }
.p-50 .entry-background { padding-top:52.25%; }




/* MEDIA QUERIES */
/* MEDIA QUERIES */
/* MEDIA QUERIES */

@media(max-width: 1150px){ 
  .x-navbar .desktop .x-nav > li > a { font-size: 13px!important; }
  .x-navbar .desktop .x-nav > li > a { padding-left: 5px; padding-right: 5px!important; }
  .desktop .sub-menu {  font-size: 13px; } 				   
}



@media(max-width: 1060px){ 
  .desktop .x-nav { width: calc(100% - 185px); margin-left:25px; }
  .x-navbar .desktop .x-nav > li > a { font-size: 12px!important; }    
  .desktop .sub-menu {  font-size: 12px; } 	

  .sponsors  h3 {  font-size:17px; }
}

@media(max-width: 979px) {
  h1.h1  { font-size:180%; }
  h1,.h1 { font-size:230%; line-height:1.3em;  }
  h2,.h2, h2.normal { font-size:200%; line-height:1.34em; }
  h3,.h3, h3.normal { font-size:180%; line-height:1.34em; }
  h4,.h4, h4.normal { font-size:160%; line-height:1.34em; }
  h5,.h5 { font-size:140%; line-height:1.34em; }  

  .home .x-navbar .x-container.max { width: 100%; }
  .home .x-brand { margin-left:6%; }
  .home .x-btn-navbar { margin-right:6%; }
  .home .x-nav-wrap.mobile  { background-color: #000; margin:70px 0 0; }
  .home .x-nav-wrap.mobile .x-nav { width:94%;  margin: 15px auto; }

  .box-column.x-column.x-1-2.x-sm{ max-width: 550px; width:100%; margin:0 auto 20px; float:none; }
  .box-column.x-column.x-1-3.x-sm { max-width: 550px; width:100%; margin:0 auto 20px; float:none; }

  .sp-1 .box-sp, .sp-2 .box-sp, .sp-3 .box-sp, .sp-4 .box-sp, .sp-5 .box-sp { min-height:100px; }

  .box-5-3 .left-text.right-text-sm { text-align:right; }

  .sponsorship .fixed-h3 { margin-bottom:20px;  }
  .sponsorship .fixed-ul { margin-top:20px;  }
  .sponsorship .fixed-p { margin-top:0;  }

  .x-container.max.zoom-row { width:100%; padding-left:3%; padding-right:3%; }

  .t-u h3 { padding-top:24px; max-width:500px; margin:0 auto;  }
  h2 .xxxl { font-size: 200%;  }  

}

@media(min-width: 767px) {

  .blog .entry-thumb[href='https://theartofcharm.com/art-of-personal-development/restructuring-your-social-circle/'],.archive .entry-thumb[href='https://theartofcharm.com/art-of-personal-development/restructuring-your-social-circle/']{
  margin-bottom:40px;
  }

}


@media(max-width: 767px) {
  h1.h1  { font-size:170%; } 
  h1,.h1 { font-size:200%; line-height:1.3em;  }
  h2,.h2, h2.normal { font-size:185%; line-height:1.34em; }
  h3,.h3, h3.normal { font-size:170%; line-height:1.34em; }
  h4,.h4, h4.normal { font-size:150%; line-height:1.34em; }
  h5,.h5 { font-size:130%; line-height:1.34em; }

  .page-template-default .entry-title.h-landmark { margin-top:0;}

  .format-standard .entry-thumb { max-width:200px; margin-bottom:15px; }

  .text-center-sm { text-align:center; margin-left:auto; margin-right:auto;}
  .left-text.center-text-sm, .right-text.center-text-sm  { text-align:center; }

  .x-btn.x-btn-block-sm { width:100%; display:block;}
  .x-btn.x-btn-jumbo {   font-size: 19px; }
    
  .w-200-sm { max-width:200px;}
  .w-240-sm, .podcast-feed-section .w-240-sm { max-width:240px; }

  .testimonial .author-image { max-width: 124px; }
  .fb-comments img { max-width:430px; }

  .podcast-team { position:relative; margin:0 auto; width:100%; max-width:400px;}
  .podcast-feed-section img { margin-bottom:1em; }
  .podcast-feed-section .x-btn-block { max-width:100%; } 

  .box-column1.x-column.x-1-2.x-sm{ width: 100%; }
  .box-column1.x-column.x-1-3.x-sm { width: 100%; }

  .arr-up,.arr-down { margin-left:50%;  }
  .zoom-bg { background-position:50% 50px; background-size:auto 100%;  }
  .right-text.focused { text-align:center; margin-top:5px; margin-left:auto;  }
  .zoomed { margin-top:15px;  }
  .zoom-circle { margin:10px auto;  }
  .zoom-handle { margin:0px auto; float:none; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); }

  .square-main { margin:40px auto 60px; }

  .sponsors { background-image:none; }
  .sponsors .right-text img, .sponsors .left-text img {  }
  .sponsors .mll, .sponsors .mlm, .sponsors .mrl, .sponsors .mrm  { margin-left:auto !important; margin-right:auto !important; } 


  .scm-container .x-1-2, .scm-container .x-1-2.last { border-right: none; padding-right: 0px; padding-left: 0px; margin-bottom: 14px; width:100%; } 
  .connect .x-1-2 ,.connect .x-1-2.last { border-bottom: 1px solid rgba(0,0,0,.1); ; padding-bottom: 16px;  }
  .step-content { padding:8px 20px 10px; }
  .step hr { display: none;  }

  .vs-header .x-img { margin-bottom:8px; }
  .vs-header a span br { display:none; }
  .vs-header .x-raw-content:not(.last) { border-bottom:1px solid #cda154; border-right:none; padding-bottom:10px; margin-bottom:10px; }

  .tw-feed{ border-left:none; padding-left:0;}
  .inline-share { padding-right:0;  text-align:center; border-bottom:1px solid rgba(0,0,0,.069); margin-bottom:20px; padding-bottom:20px;}

 .is-text.left-text-sm{  text-align:left; }
 
 .bootcamp .x-btn.x-btn-x-large {  width: 90%;  padding: 14px 8px 18px;  font-size: 20px;  }
 .bootcamp  .personal .x-img,.bootcamp .business .x-img {  max-width: 70%;  width: 70%;  text-align: center;  margin: 0 auto 20px;  }
 .bootcamp .coaches-img {  width: 100%;  max-width: 480px;  }
 .bootcamp .pattern-bg { min-height:100px }
 .bootcamp .mejs-controls > div.mejs-time {  display: none;  }
 .bootcamp .advanced-controls.mejs-audio .mejs-time-rail {  width: calc(100% - 90px) !important;  }

 .x-img.book-cover { max-width:280px; width:100%; margin-left:auto; margin-right:auto;}
}



@media(max-width: 640px) { 
  h1.h1  { font-size:150%; }
  h1,.h1 { font-size:170%; line-height:1.3em;  }
  h2,.h2, h2.normal { font-size:160%; line-height:1.34em; }
  h3,.h3, h3.normal { font-size:140%; line-height:1.34em; }
  h4,.h4, h4.normal { font-size:130%; line-height:1.34em; }
  h5,.h5 { font-size:120%; line-height:1.34em; }
  h3.scm-title { font-size:130%; }

  .page-template-default h2, .single-post h2 { font-size:150%;  }
  .page-template-default h3, .single-post h3 { font-size:140%; }
  .page-template-default h4, .single-post h4 { font-size:130%;  }
  .page-template-default h5, .single-post h5 { font-size:120%;  }

  .x-container.max.width { width:94%; }
  .x-container.max.full-width { width:100%; }
  .x-brand img { width: 120px!important; margin-left:6%; }

  .home .x-brand { margin-left:3%; }
  .home .x-btn-navbar { margin-right:3%; }

  .x-btn.x-btn-x-large.x-btn-responisve { padding: 0.7em 1em; font-size: 19px; }

  h3.large.box-title, h3.medium.box-title  { font-size:25px; }

  .x-container.max.zoom-row { width:100%; }

  .t-d h3 img { display:none;  }
  .t-d h3.right-text { padding-top:20px; margin-right:0; text-align:center;  }
  .trapez-down { border-bottom:100px solid rgba(0,0,0,.85); border-left:15px solid transparent; border-right:15px solid transparent;  }
  .trapez-up { border-bottom:100px solid rgba(0,0,0,.85); border-left:15px solid transparent; border-right:15px solid transparent;  }
  .trapez h3 { font-size:18px;  }

  .sp-testimonials .w-200-sm { max-width:150px; margin-left:auto; margin-right:auto; }

  .th-audio { width:460px; overflow:hidden; margin:0 auto;}

  .single-post .entry-content embed,.single-post .entry-content iframe, .single-post .entry-content object, .video-fix .entry-content embed, .video-fix  .entry-content iframe, .video-fix  .entry-content object { width: 750px; max-width:100%;}
    
     

}



@media(max-width: 480px) {
  h1.h1  { font-size:140%; }

  .boxed-list { width:92%; margin-left:8%; } 

  .phs-sm { padding-left:.8em!important; padding-right:.8em!important; }

  .triangle { border-left:150px solid transparent; border-right:150px solid transparent;  }
  .trapez.t-u { height:140px;  }
  .trapez-up { border-bottom:140px solid rgba(0,0,0,.85);  }
  .t-u h3 { max-width:240px; }
  .t-d h3.right-text { max-width:280px; margin:0 auto;  }
  .trapez .xxl { font-size:170%;  }

  .th-audio { width:360px; overflow:hidden; }
    
  .summer img.cs-hide-md  { max-width:100%; margin-top:0; }


}



@media(max-width: 360px) {
  .th-audio { width:300px; overflow:hidden; }

  .pJoinlist {  font-size: 18px;  padding: 20px 27px 0 24px;  }
  .short_code_iphone { padding-top: 62px;  padding-left: 5px;  text-align: center;  font-size: 22px;  }
  .pop_iphone {  padding-top: 30px;  padding-left: 50px;  }
  .txt {  padding-top: 60px;  }

  
}