/*
Template Name:      Marketing 360® Bigcommerce Template Template 109
Version:            0.1.0
Author:             Madwire Media SWAT Team
Author URI:         http://www.madwire.com
*/

/* =============================================================================
   Base !n! !bas
   ========================================================================== */

body {
  font-family: 'Raleway', sans-serif;
}
.uppercase {
  text-transform: uppercase;
}

a,
.btn.btn-link,
.text-color {
   color: #191919;
}
a:hover,
.btn.btn-link:hover {
   color: #000;
}

.btn,
.ExpressCheckoutBlock .ExpressCheckoutTitle,
#PrimaryMenu ul li.dropdown ul a:hover,
#SideCatPopOut ul li ul a:hover {
   background: #272829;
   color: #fff;
}

.btn {
   background: #c8aa54;
   color: #191919;    
   font-size: 16px;
   font-weight: 800;
   letter-spacing: 3px;
   text-transform: uppercase;    
}
.btn:hover {
   background: #191919;
   color: #c8aa54;
}

.btn.alt,
.newsletter-subscription {
   background: #191919;
   color: #fff;
}
.btn.alt:hover,
.btn.alt:focus {
   background: #000;
   color: #DDD;
}

.btn.btn-lg {
    padding: 14px 20px;
    font-size: 22px;
    text-transform: uppercase;
}

/* Buttons */

.btn-hollow {
    background: none;
    border: 2px solid #191919;
    color: #191919;
}
.btn-hollow:hover,
.btn-hollow:focus {
    background: #191919;
    color: #fff;
}
.btn-hollow.btn-white {
    border-color: #fff;
    color: #fff;
}
.btn-hollow.btn-white:hover,
.btn-hollow.btn-white:focus {
    background: #fff;
    color: #333;
}


/* =============================================================================
   Header !n! !hdr
   ========================================================================== */

/* Top Bar */

.header-topbar {
   padding: 3px 0;
   background: #272829;
   color: #fff;
}
#SearchForm {
   float: left;
}
#SearchForm .Button, #SearchForm input.Textbox, #SearchForm {
   border: 1px solid #111;
   background-color: #444;
   color: #DDD;
}
#SearchForm input {
   font-size: 12px;
   height: 20px;
   line-height: 20px;
}
#SearchForm .Button {
   height: 20px;
}
.header-topbar p {
   margin-bottom: 0;
}
.header-topbar .TopMenu {
   margin-bottom: 0;
   position: relative;
   top: 1px;
}
.header-topbar .TopMenu a:hover {
   color: #fff;
}
.header-topbar .TopMenu .CartLink a {
   color: #fff;
}

.header-topbar .SocialConnect {
   margin-bottom: 0;
}
.header-topbar .SocialConnect ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: right;
}
.header-topbar .SocialConnect ul li {
   display: inline-block;
   margin-left: 10px;
}

/* Header */

.body-home .header,
.body-home #Header {
   margin-bottom: 0;
}

#Header {
   padding: 24px 0 8px;
   background: #202020;
}

/* Main Nav */

.header .PrimaryMenu-wrap {
   margin-top: 16px;
   border: none;
}

#PrimaryMenu > ul > li, 
#PrimaryMenu ul.category-list > li {
   float: none;
   display: inline-block;
}
#PrimaryMenu > ul > li > a, 
#PrimaryMenu ul.category-list > li > a {
   padding: 8px 13px;
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   color: #a4a4a4;
    letter-spacing: 3px;
}
#PrimaryMenu > ul > li > a:hover, 
#PrimaryMenu > ul > li.dropdown.open > a, 
#PrimaryMenu > ul > li.ActivePage > a, 
#PrimaryMenu ul.category-list > li > a:hover, 
#PrimaryMenu ul.category-list > li.dropdown.open > a, 
#PrimaryMenu ul.category-list > li.ActivePage > a {
    color: #c8aa54;
}

#PrimaryMenu ul li a .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 4px;
    margin-left: 4px;
    text-indent: -99999px;
    vertical-align: top;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #c8aa54;
    opacity: 0.3;
    filter: alpha(opacity=30);
    content: "\2193";
}

#PrimaryMenu li.dropdown li a {
    text-align: left;
}
/* =============================================================================
   Content !n! !cnt
   ========================================================================== */

.scheduleblock {
    border: 3px solid #000;
    overflow: hidden;
    padding: 10px;
}
/* =============================================================================
   Sidebar !n! !sdb
   ========================================================================== */

/* Move Left Sidebar to the Right */

.Left {
    float: right;
    padding-left: 20px;
    padding-right: 0;
}
.Left h3 {
    margin-bottom: 10px;
    font-weight: 600;
}

/* =============================================================================
   Footer !n! !ftr
   ========================================================================== */

/* Newsletter */

.newsletter-subscription {
   border: none;
   background: #FFF;
  text-align: center;
}
.newsletter-subscription h4 {
   letter-spacing: 5px;
   color: #191919;
   font-size: 17px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 5px;
}
.newsletter-subscription p {
   color: #191919;
}
.newsletter-subscription .btn {
   padding: 6px 12px;
   font-size: 16px;
   font-weight: 800;
}

/* Footer Main */

.footer-main {
   font-size: 13px;
}
.footer-main h4 {
   border-top: 2px solid #191919;
   padding-top: 15px;
   letter-spacing: 5px;
   color: #191919;
   font-weight: 700;
   text-transform: uppercase;
}
.footer-main li a {
   font-size: 12px;
}

.footer-links {
   padding: 20px 0 10px;
   background: #1C1C1D;
   color: #555;
}
.footer-links p {
   margin-bottom: 5px;
}
.footer-links #socnet {
    margin: 0;
    padding: 0;
}
.footer-links #socnet ul {
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    text-align: right;
}
.footer-links #socnet ul li {
    display: inline-block;
    margin-left: 10px;
}

ul.social-links {
  padding: 30px 0 0 90px;
}
.footer .social-links li {
  display: block;
  padding: 3px 0;
}
.social-links li a {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #191919;
}
.social-links i {
/*    background: black;*/
    color: #191919;
    border-radius: 50%;
    font-size: 20px;
    width: 28px;
    height: 28px;
    display: inline-block
}
.social-links i:hover {
    color: grey;
}

.social-links a:hover {
    text-decoration: none;
    color: #c8aa54
}

.payment-info {
  margin-bottom: 30px;
}

/* =============================================================================
   Miscelaneous !n! !msc
   ========================================================================== */


/* =============================================================================
   Pages !n! !pgs
   ========================================================================== */


/* =============================================================================
   Category !n! !ctg
   ========================================================================== */
body.body-category.shopall li.RowDivider {
    display: none !important;
}

/* =============================================================================
   Product Lists !n! !pls
   ========================================================================== */

.ProductList li {
    font-weight: 700;
}
.ProductList li .inner {
    padding: 10px;
    border: none;
}
.ProductList .pname {
    font-size: 15px;
    font-weight: 400;
margin-bottom: 10px;
}
.ProductList em.p-price {
    font-size: 16px;
    font-weight: 400;
}
.ProductList li .ProductActionAdd .btn {
    padding: 8px 12px;
    font-size: 14px;
}

/* =============================================================================
   Product !n! !prd
   ========================================================================== */

/* FastCart Popup */
.fastCartSummaryBox .actionLink .btn,
.fastCartSummaryBox .ProceedToCheckout a {
   font-size: 13px;
   letter-spacing: 2px;
}


/* =============================================================================
   Cart !n! !crt
   ========================================================================== */


/* =============================================================================
   Checkout !n! !chk
   ========================================================================== */


/* =============================================================================
   Order !n! !ord
   ========================================================================== */


/* =============================================================================
   Account !n! !acct
   ========================================================================== */


/* =============================================================================
   Home Page !n! !hpg
   ========================================================================== */

.home-banner {
   background: url(https://cdn3.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/hero.jpg) top center no-repeat;
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
   text-transform: uppercase;
   margin-bottom: 60px;
}

.home-banner .cta-heading {
   font-size: 50px;
   font-weight: 700;
   letter-spacing: 15px;
    margin-bottom: -5px;    
}
.home-banner .cta-subheading {
   font-size: 21px;
   letter-spacing: 6px;
    margin-bottom: 30px;
}
.home-banner .btn {
   font-size: 16px;
   font-weight: 800;
   letter-spacing: 5px;    
}
.home-banner .home-banner-bottom {
   background: #191919;
   padding: 20px 0;
   font-size: 18px;
   letter-spacing: 5px; 
}
.home-banner .home-banner-bottom p {
   margin-bottom: 0;  
}

.cta-banner {
   border: 1px solid #CCC;
   margin-bottom: 0px;
}
.cta-banner-inner {
   padding: 90px 60px;
}
.cta-banner-inner h2 {
   font-size: 20px;
   font-weight: 700;
   letter-spacing: 8px;
}
.cta-banner-inner p {
   font-size: 16px;   
   line-height: 1.7;
   margin-bottom: 0;
}
.cta-banner-inner a {
   text-decoration: underline;
   color: #191919;
}

.section-padding {
   padding: 0 0;
}

.cta-heading {
   font-size: 25px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 8px;        
}
.cta-subheading {
   font-size: 16px;
}

.cta-row-1 {
   background: url(../img/cta-row-1.jpg) center center no-repeat;   
}
.cta-row-2 {
   background: url(../img/cta-row-2_2.jpg) center center no-repeat;   
}.cta-row-3 {
   background: url(../img/cta-row-3.jpg) center center no-repeat;   
}
.cta-row-4 {
   background: url(../img/cta-row-4.jpg) center center no-repeat;   
}

.section-padding .cta-heading {
    margin-bottom: 30px;
}

#HomeFeaturedProducts h3 {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 120px auto 15px;
   letter-spacing: 8px;        
}
#HomeFeaturedProducts hr {
    border-color: #c8aa54;
    border-width: 2px;
    width: 200px;
    margin: 0 auto 45px;
}

.cta-row {
   background: url(../img/bottom-banner.jpg) top center no-repeat;
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}
.cta-row .align-wrap {
    height: 480px;
}
.cta-row .cta-heading {
   font-size: 35px;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 8px;        
}

/* =============================================================================
   Media Queries !n! !mqs
   ========================================================================== */

/* 1200px and UP */
@media screen and (min-width: 1200px) {

   /* Homepage */
   .home-banner {
      height: 750px;
      height: 675px;
      background-position: top -277px center;
   }
   .home-banner .align-wrap {
      height: 610px;
   }

   .align-wrap {
      height: 382px;
   }

}
/* Up to 1199px */
@media screen and (max-width: 1199px) {

  /* Homepage */
  .home-banner {
    height: 706px;
    background-size: 1567px;
  }
  .home-banner .align-wrap {
    height: 642px;
  }
  .home-banner .home-banner-bottom {
     font-size: 17px;
     letter-spacing: 4px; 
  }

  .home-banner .cta-heading {
   margin-top: -50px;
  }
  .cta-banner-inner {
    padding: 60px 60px;
  }
  .cta-banner-inner h2 {
    font-size: 18px;
    letter-spacing: 6px;
  }
  .cta-row {
    background-size: 1767px;
  }
  .cta-row .align-wrap {
    height: 424px;
  }
  ul.social-links {
    padding: 30px 0 0 45px;
  }

}

/* Up to 991px */
@media screen and (max-width: 991px) {

  .header-logo {
    float: none;
    text-align: center;
  }

  /* Homepage */
  .home-banner {
    height: 600px;
    background-size: 1300px;
  }
  .home-banner .align-wrap {
    height: 539px;
  }
  .home-banner .cta-heading {
    font-size: 40px;  }
  .home-banner .cta-subheading {
    font-size: 19px;
    letter-spacing: 5px;
  }
  .home-banner .home-banner-bottom {
    font-size: 15px;
    letter-spacing: 3px;
  }
  .cta-banner-inner {
    padding: 45px 60px;
  }
  .cta-banner-inner h2 {
    font-size: 16px;
    letter-spacing: 3px;
  }
  .cta-banner-inner p {
    font-size: 15px;
  }
  .cta-row {
    background-size: 1767px;
  }
  .cta-row .align-wrap {
    height: 424px;
  }

  .newsletter-subscription .col-sm-4 {
    padding-right: 0;
  }
  .newsletter-subscription h4 {
    letter-spacing: 3px;
    font-size: 16px;
  }
  .newsletter-subscription p {
    font-size: 12.5px;
  }
  ul.social-links {
    padding: 30px 0 0 15px;
  }

  /* FastCart Popup Buttons */
 .fastCartSummaryBox .actionLink .btn, .fastCartSummaryBox .ProceedToCheckout a {
    font-size: 11px;
    letter-spacing: 1px;
}

}

/* Up to 767px */
@media screen and (max-width: 767px) {

  #Header {
    background-color: #202020 !important;
    border-bottom: 0 !important;
  }

  header .header-logo img {
    max-height: 72px;
    margin-top: -50px;
  }

  .ToggleMenu {color: #999;}
  #cart-amount .Cart .total {background: #999; color: #fff;}
  #cart-amount .Cart .bag-handle {border-color: #999;}


  /* Homepage */

  .home-banner {
    height: 461px;
    background-size: 986px;
    padding-top: 65px;
  }
  .home-banner .align-wrap {
    height: 335px;
  }
  .home-banner .cta-heading {
    font-size: 28px;
    letter-spacing: 7px;
  }
  .home-banner .cta-subheading {
    font-size: 17px;
    letter-spacing: 5px;
  }
  .home-banner .home-banner-bottom {
    font-size: 15px;
    letter-spacing: 3px;
  }
  .cta-banner-inner {
    padding: 45px 60px;
  }
  .cta-banner-inner h2 {
    font-size: 16px;
    letter-spacing: 3px;
  }
  .cta-banner-inner p {
    font-size: 15px;
  }


   /* Align Middle */

   .align-wrap {
      display: table;
      width: 100%;
      height: 191px;
   }
   .align-middle {
      display: table-cell;
      vertical-align: middle;
   }

  .cta-row-1,
  .cta-row-2,
  .cta-row-3,
  .cta-row-4 {
    background-size: contain;
  }
  .section-padding .cta-heading {
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: 5px;
  }
  .btn {
    font-size: 14px;
    letter-spacing: 2px;
  }

  .cta-row {
    background-size: 986px;
  }
  .cta-row .cta-heading {
    font-size: 24px;
    letter-spacing: 5px;
  }
  .cta-row .align-wrap {
    height: 200px;
  }

  ul.social-links {
    padding: 20px 0;
  }

   .cta-row {
      padding: 20px 0;
   }

   /* Footer */

   /* Footer */
   .footer-links #socnet ul {
      text-align: center;
   }

}

/* Up to 480px */
@media screen and (max-width: 480px) {
  .home-banner {
    height: 392px;
    background-size: 769px;
    padding-top: 5px;
  }
  .home-banner .align-wrap {
    height: 310px;
  }
  .home-banner .cta-heading {
    font-size: 23px;
    letter-spacing: 2px;
    margin-bottom: 0;
      margin-top: -152px;
  }
  .home-banner .cta-subheading {
    font-size: 15px;
    letter-spacing: 2px;
  }
  .home-banner .home-banner-bottom {
    font-size: 13px;
    letter-spacing: 1px;
  }
  .cta-banner-inner {
    padding: 30px 20px;
  }
  .cta-banner-inner h2 {
    font-size: 15px;
    letter-spacing: 2px;
  }

   /* Align Middle */

   .align-wrap {
      height: 171px;
   }

  .cta-row-1,
  .cta-row-2,
  .cta-row-3,
  .cta-row-4 {
    background-size: contain;
  }
  .section-padding .cta-heading {
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: 1px;
  }
  .btn {
    font-size: 13px;
    letter-spacing: 1px;
  }

  #HomeFeaturedProducts h3 {
    font-size: 24px;
    margin: 45px auto 15px;
    letter-spacing: 6px;
  }

  .cta-row {
    background-size: 743px;
  }
  .cta-row .cta-heading {
    font-size: 20px;
    letter-spacing: 2px;
  }
  .cta-row .align-wrap {
    height: 145px;
  }

}

@media screen and (max-width:400px) {
  .home-banner {
    background-position: top 0px left -61px;
  }
}

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

   /* Buttons */

   .btn {
      padding: 10px 24px;
      font-size: 16px;
   }

   /* Align Middle */

   .align-wrap {
      display: table;
      width: 100%;
      height: 382px;
   }
   .align-middle {
      display: table-cell;
      vertical-align: middle;
   }

}

/*---------------------------------------------------------- Courses Page -------------------------------------------------------------*/


.course-banner {
   background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/hero-notext.jpg) top center no-repeat;
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
   text-transform: uppercase;
   margin-bottom: 60px;
}

.course-banner .cta-heading {
   font-size: 50px;
   font-weight: 700;
   letter-spacing: 15px;
    margin-bottom: -5px;    
}
.course-banner .cta-subheading {
   font-size: 21px;
   letter-spacing: 6px;
    margin-bottom: 30px;
}
.course-banner .btn {
   font-size: 16px;
   font-weight: 800;
   letter-spacing: 5px;    
}
.course-banner .course-banner-bottom {
   background: #191919;
   padding: 20px 0;
   font-size: 18px;
   letter-spacing: 5px; 
}

.course-banner .course-banner-bottom p {
   margin-bottom: 0;  
}

.head-sm-text {
font-weight: 300;
	    font-size: 40px;
}

/*---------------------------------------------------- Responsive Video ---------------------------------------------*/
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.responsive-video {
    padding: 1.5rem;
    margin-right: 10%;
    margin-left: 10%;
    border-width: .2rem;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive::before {
    display: block;
    content: "";
}

/*.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
	max-width: 80%;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

.hero-hr {
	color:#fff;
	margin: 30px 15%;
	width:70%;
	border: 1px solid #fff;;
}

.gold-text {
	color: #c8aa54;
}

.course-cta-row {
    background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/3.-our-courses-section-header-.jpg) top center no-repeat;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	background-size:cover;
}

.course-cta-row-2 {
    background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/5.-professional-classes-section-header-.jpg) top center no-repeat;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	background-size:cover;
}

.section-heading {
	font-weight: 700;
	margin-top: 20px;
}
p.cta-row-text {
	margin-bottom:20px;
}

.cta-row-text-bottom {
	clear:both;
	padding-top:30px;
}

.cta-link {
	width: 100%;
}

img.cta-link:hover {
	opacity:0.8;
}

.class-row{
	clear:both;
	padding: 20px 0;
}

.class-row h3{
 font-weight:700;
}


.required-class {
	font-size:90%;
	 font-style: italic;
	padding-bottom: 20px;
}


/* 1200px and UP */
@media screen and (min-width: 1200px) {

   /* Homepage */
   .course-banner {
      height: 640px;
     /*-- height: 675px;
      background-position: top -277px center;--*/
   }
   .course-banner .align-wrap {
      height: 610px;
   }

   .align-wrap {
      height: 382px;
   }

}
/* Up to 1199px */
@media screen and (max-width: 1199px) {

  /* Homepage */
  .course-banner {
    height: 706px;
    background-size: 1567px;
  }
  .course-banner .align-wrap {
    height: 642px;
  }
  .course-banner .course-banner-bottom {
     font-size: 17px;
     letter-spacing: 4px; 
  }

  .course-banner .cta-heading {
   margin-top: -50px;
  }

}

/* Up to 991px */
@media screen and (max-width: 991px) {

  /* Homepage */
  .course-banner {
    height: 600px;
    background-size: 1300px;
  }
  .course-banner .align-wrap {
    height: 539px;
  }
  .course-banner .cta-heading {
    font-size: 40px;  }
  .course-banner .cta-subheading {
    font-size: 19px;
    letter-spacing: 5px;
  }
  .course-banner .course-banner-bottom {
    font-size: 15px;
    letter-spacing: 3px;
  }

}

/* Up to 767px */
@media screen and (max-width: 767px) {

  /* Homepage */

  .course-banner {
    height: 461px;
    background-size: 986px;
    padding-top: 65px;
  }
  .course-banner .align-wrap {
    height: 335px;
  }
  .course-banner .cta-heading {
    font-size: 28px;
    letter-spacing: 7px;
  }
  .course-banner .cta-subheading {
    font-size: 17px;
    letter-spacing: 5px;
  }
  .course-banner .course-banner-bottom {
    font-size: 15px;
    letter-spacing: 3px;
  }

}

/* Up to 480px */
@media screen and (max-width: 480px) {
  .course-banner {
    height: 392px;
    background-size: 769px;
    padding-top: 5px;
  }
  .course-banner .align-wrap {
    height: 310px;
  }
  .course-banner .cta-heading {
    font-size: 23px;
    letter-spacing: 2px;
    margin-bottom: 0;
      margin-top: -152px;
  }
  .course-banner .cta-subheading {
    font-size: 15px;
    letter-spacing: 2px;
  }
  .course-banner .course-banner-bottom {
    font-size: 13px;
    letter-spacing: 1px;
  }
}

@media screen and (max-width:400px) {
  .course-banner {
    background-position: top 0px left -61px;
  }
}

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

}
/*---------------------------------------------------------- Pigments Page -------------------------------------------------------------*/
body#pigments Header {
    margin-bottom: 0;
}
body#pigments div#Header {
    margin-bottom: 0;
}
.pigments-banner {
   background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/pigmentbg.jpg?t=1566224591) top center no-repeat;
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
   text-transform: uppercase;
   margin-bottom: 60px;
margin-bottom: 0;
    background-size: cover;
}
.pigments-banner .cta-heading {
    font-size: 70px;
    text-shadow: 1px 1px 9px #00000052;
    margin-bottom: 0;
    line-height: 50px;
}
.pigments-banner .cta-subheading {
    font-size: 55px;
    font-weight: 100;
    text-shadow: 1px 1px 9px #00000052;
letter-spacing: 6px;
}
.pigments-banner .btn{
    background: #000;
    color: #fff;
    font-size: 22px;
padding: 15px 25px;
}


.section-1 {
    background: #000;
    padding: 50px 0px 225px 0px;
    color: #fff;
}
.section-1 .cta-heading{
    font-size: 45px;
text-transform:uppercase;
margin-bottom: 0;
    line-height: 40px;
}
.section-1 .cta-subheading{
    font-size: 32px;
    font-weight:200;
    text-transform:uppercase;
}
.section-1 .content-box {
    font-size: 22px;
    border: 2px solid #cccccc;
    padding: 40px 60px;
    margin-top: 40px;
}
.section-1 .video {
    margin-top: 60px;
}
.section-2-wrap {
    padding-bottom: 130px;
}
.section-2 {
   background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/section-2-bg.png?t=1566245558) top center no-repeat;
background-size: cover;
margin-top: -150px;
}
.section-2-content-box {
       background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/section-2-contentboxbg.jpg?t=1566245845) no-repeat;
    padding: 40px;
    color: #fff;
    min-height: 853px;
max-width: 686px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.45);
}
.section-2 .btn {
    width: 100%;
    background: #202020;
    border: 1px solid #d0c29a;
    color: #fff;
    font-size: 21px;
    margin-top: 50px;
}
.section-2 .cta-heading{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1c299+0,e2e2e0+100 */
background: #d1c299; /* Old browsers */
background: -moz-linear-gradient(left,  #d1c299 0%, #e2e2e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d1c299 0%,#e2e2e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d1c299 0%,#e2e2e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c299', endColorstr='#e2e2e0',GradientType=1 ); /* IE6-9 */
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 80px;
    text-transform: capitalize;
    font-weight: 500;
margin-bottom: 0;
    line-height: 92px;
}

.section-2 .cta-subheading {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 100;
}

.section-2-content-box p {
    font-size: 18px;
}

.safety-box {
    border: 12px solid #000;
    padding: 5px 50px 120px 104px;
    margin-top: 85px;
    background-image: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/safetybg.jpg?t=1566309537);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.safety-box .cta-heading{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1c299+0,e2e2e0+100 */
background: #d1c299; /* Old browsers */
background: -moz-linear-gradient(left,  #d1c299 0%, #e2e2e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d1c299 0%,#e2e2e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d1c299 0%,#e2e2e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c299', endColorstr='#e2e2e0',GradientType=1 ); /* IE6-9 */
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 94px;
    text-transform: capitalize;
    font-weight: 500;
margin-bottom: 0
}

.safety-box .cta-subheading{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 100;
    text-align: right;
    position: relative;
    right: 225px;
    bottom: 18px;
    margin-bottom: 10px;
    line-height: 10px;
}

.safety-box p {
    font-size: 18px;
}
.safety-box .btn {
    background: rgba(255, 255, 255, 0.25);
    max-width: 550px;
    margin-top: 50px;
}
.section-3-wrap {
    padding-bottom: 265px;
}
.section-3 {
    background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/section3bg.jpg?t=1566312621) no-repeat center top;
    background-size: contain;
max-height: 777px;
    box-shadow: 0px 27px 38px rgba(0, 0, 0, 0.10);
    padding-top: 60px;
}

.section-3-content-box {
       background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/section3boxbg.jpg?t=1566312776) no-repeat;
    padding: 15px 65px 65px 65px;
    color: #fff;
    min-height: 1474px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.45);
}
.section-3 .cta-heading{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1c299+0,e2e2e0+100 */
background: #d1c299; /* Old browsers */
background: -moz-linear-gradient(left,  #d1c299 0%, #e2e2e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d1c299 0%,#e2e2e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d1c299 0%,#e2e2e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c299', endColorstr='#e2e2e0',GradientType=1 ); /* IE6-9 */
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 94px;
    text-transform: capitalize;
    font-weight: 500;
margin-bottom: 0
}
.section-3  .cta-subheading{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 100;
    text-align: right;
    position: relative;
    right: 225px;
    bottom: 18px;
    margin-bottom: 10px;
    line-height: 10px;
}
.section-3 p {
    font-size: 18px;
}
.section-3-sub {
      background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/pigmentlogo.png?t=1566317700) no-repeat;
    padding: 186px 0px;
    background-position: center right;
    max-width: 1715px;
    margin: 0 auto;
    margin-top: 180px;
}
.section-3 .btn {
    background: #414141;
    border: 1px solid #c8aa54;
    color: #c8aa54;
    width: 380px;
}

.section-5-slider {
    background: #000;
    padding: 50px 0px;
}

.slide-wrap {
    border: 2px solid #fff;
    padding: 40px;
}

.slide-wrap .flexslider {
    margin-bottom:0;
}
.section-6 {
    padding: 45px 0px;
}
.row.science {
    margin-bottom: 65px;
}
.row.science h3 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}
.row.science p {
    font-size: 16px;
}

.section-6 .cta-heading{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1c299+0,e2e2e0+100 */
background: #d1c299; /* Old browsers */
background: -moz-linear-gradient(left,  #d1c299 0%, #e2e2e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d1c299 0%,#e2e2e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d1c299 0%,#e2e2e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c299', endColorstr='#e2e2e0',GradientType=1 ); /* IE6-9 */
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 94px;
    text-transform: capitalize;
    font-weight: 500;
margin-bottom: 0
}

.section-6  .cta-subheading{
      font-size: 32px;
    text-transform: uppercase;
    font-weight: 100;
    bottom: 18px;
    margin-bottom: 10px;
    line-height: 10px;
    position: relative;
    left: 10px;
}


@media screen and (min-width: 1467px) {
.section-2-wrap .container {
    width: 1465px;
}
}
@media screen and (min-width: 1200px) {
.pigments-banner {
        height: 765px;
    padding: 145px 0px;
}

}

@media screen and (max-width: 1024px) {

.section-2 .cta-heading {
    font-size: 55px;
}
.section-2 .btn {
    font-size: 15px;
}
.safety-box .cta-heading {
    font-size: 67px;
}
.safety-box .cta-subheading {
    bottom: 0px;
}
}



@media screen and (max-width: 768px) {
.pigments-banner {
    padding-top: 100px;
}
.pigments-banner .cta-heading {
    font-size: 30px;
}
.pigments-banner .cta-subheading {
    font-size: 26px;
}
.pigments-banner .btn {
    font-size: 15px;
}
.section-1 .cta-heading {
    font-size: 23px;
}
.section-1 .cta-subheading {
    font-size: 22px;
}
.section-1 .content-box {
    padding: 40px 15px;
}
.video iframe {
    max-width: 100%;
}
.section-2 .cta-heading {
    font-size: 30px;
}
.section-2 .cta-subheading {
    font-size: 22px;
}
.section-2 .btn {
    font-size: 12px;
}
.safety-box .cta-heading {
font-size: 30px;
}
.safety-box  .cta-subheading {
    font-size: 22px;
}

.safety-box {
    padding: 5px 30px 121px 30px;
}
.safety-box .cta-subheading {
    bottom: -5px;
    right: 100px;
}

.section-3 .cta-heading {
    font-size: 29px;
}
.section-3 .cta-subheading {
    font-size: 21px;
    text-align: left;
    position: inherit;
    line-height: initial;
}
.section-3-content-box {
    padding: 15px 25px 65px 25px;
}
.section-6 .cta-heading {
    font-size: 35px;
}
.section-6 .cta-subheading {
    font-size: 25px;
    position: initial;
}
.section-3 {
    max-height: inherit;
}
.section-3 .btn {
    width: 100%;
}
.section-3-content-box {
    background-size: cover;
}
.section-3-sub {
    background-size: contain;
}
.section-3-wrap {
    padding-bottom: 50px;
}















}



/*---------------------------------------------------------- Procedure Page -------------------------------------------------------------*/
body#procedure div#Header{
	margin-bottom:0;
}

body#procedure Header{
	margin-bottom:0;
}
.procedure-banner {
   background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/hero-procedures.jpg) top center no-repeat;
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
   text-transform: uppercase;
   margin-bottom: 60px;
}

.procedure-banner .cta-heading {
   font-size: 45px;
   font-weight: 700;
   letter-spacing: 10px;
    margin-bottom: -5px;    
}
.procedure-banner .cta-subheading {
   font-size: 21px;
   letter-spacing: 4px;
    margin-bottom: 30px;
}
.procedure-banner .btn {
   font-size: 16px;
   font-weight: 800;
   max-width: 98%;  
}
.procedure-banner .procedure-banner-bottom {
   background: #191919;
   padding: 20px 0;
   font-size: 18px;
   letter-spacing: 5px; 
}

.procedure-banner .procedure-banner-bottom p {
   margin-bottom: 0;  
}

.head-sm-text {
font-weight: 300;
	    font-size: 40px;
}

.cta-hr {
	color: #c8aa54;
	margin: 30px 15%;
	width:70%;
	border: 1px solid #c8aa54;;
}


.gold-text {
	color: #c8aa54;
}

.clearBreak {
	clear:both;
}

a.btn-monster {
	text-decoration: none;
	display:block;
}

.procedure-cta-row {
    background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/eye-procedures.jpg) top center no-repeat;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	background-size:cover;
	clear:both;
}

.procedure-cta-row-2 {
    background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/lip-procedure.jpg) top center no-repeat;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	background-size:cover;
	clear:both;
}

.procedure-cta-row-3 {
    background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/scar-camoflage.jpg) top center no-repeat;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	background-size:cover;
	clear:both;
}

.procedure-cta-row-4 {
    background: url(https://cdn10.bigcommerce.com/s-qyh8707wxd/product_images/uploaded_images/other-banner.jpg) top center no-repeat;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	background-size:cover;
	clear:both;
}

.section-heading {
	font-weight: 700;
	margin-top: 20px;
}
p.cta-row-text {
	margin-bottom:20px;
}

.cta-row-text-bottom {
	clear:both;
	padding-top:30px;
}

.cta-link {
	width: 100%;
}

img.cta-link:hover {
	opacity:0.8;
}

.class-row{
	clear:both;
	padding: 20px 0;
}

.class-row h3{
 font-weight:700;
}


.required-class {
	font-size:90%;
	 font-style: italic;
	padding-bottom: 20px;
}


/* 1200px and UP */
@media screen and (min-width: 1200px) {

   /* Homepage */
   .procedure-banner {
      height: 640px;
     /*-- height: 675px;
      background-position: top -277px center;--*/
   }
   .procedure-banner .align-wrap {
      height: 610px;
   }

   .align-wrap {
      height: 382px;
   }

}
/* Up to 1199px */
@media screen and (max-width: 1199px) {

  /* Homepage */
  .procedure-banner {
    height: 706px;
    background-size: 1567px;
  }
  .procedure-banner .align-wrap {
    height: 642px;
  }
  .procedure-banner .procedure-banner-bottom {
     font-size: 17px;
     letter-spacing: 4px; 
  }

  .procedure-banner .cta-heading {
   margin-top: -50px;
  }

}

/* Up to 991px */
@media screen and (max-width: 991px) {

  /* Homepage */
  .procedure-banner {
    height: 600px;
    background-size: 1300px;
  }
  .procedure-banner .align-wrap {
    height: 539px;
  }
  .procedure-banner .cta-heading {
    font-size: 40px;  }
  .procedure-banner .cta-subheading {
    font-size: 19px;
    letter-spacing: 5px;
  }
  .procedure-banner .procedure-banner-bottom {
    font-size: 15px;
    letter-spacing: 3px;
  }

}

/* Up to 767px */
@media screen and (max-width: 767px) {

  /* Homepage */

  .procedure-banner {
    height: 461px;
    background-size: 986px;
    padding-top: 65px;
  }
  .procedure-banner .align-wrap {
    height: 335px;
  }
  .procedure-banner .cta-heading {
    font-size: 28px;
    letter-spacing: 7px;
  }
  .procedure-banner .cta-subheading {
    font-size: 17px;
    letter-spacing: 5px;
  }
  .procedure-banner .procedure-banner-bottom {
    font-size: 15px;
    letter-spacing: 3px;
  }

}

/* Up to 480px */
@media screen and (max-width: 480px) {
  .procedure-banner {
    height: 392px;
    background-size: 769px;
    padding-top: 5px;
  }
  .procedure-banner .align-wrap {
    height: 310px;
  }
  .procedure-banner .cta-heading {
    font-size: 23px;
    letter-spacing: 2px;
    margin-bottom: 0;
      margin-top: -152px;
  }
  .procedure-banner .cta-subheading {
    font-size: 15px;
    letter-spacing: 2px;
  }
  .procedure-banner .procedure-banner-bottom {
    font-size: 13px;
    letter-spacing: 1px;
  }
}

@media screen and (max-width:400px) {
  .procedure-banner {
    background-position: top 0px left -61px;
  }
}

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


}