@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Brawler');
@import url('https://fonts.googleapis.com/css?family=Cabin');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,400,700');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:wght@300..800&display=swap');

/* =====================================================================
	GLOBAL CB STYLES
===================================================================== */
.StandardCBStyle {font-family: 'Montserrat', sans-serif;}
.StandardCBStyle p, .normalPara p {margin: 0; padding: 0;}

.StandardCBStyle a {color: #004D41; text-decoration: underline; font-weight: 500;}
.StandardCBStyle a:hover {color: rgba(0, 77, 65, .7);}

/* =====================================================================
	STANDARD CB / BASE STYLES USED IN EDITOR
===================================================================== */
.StandardCBStyle, .StandardCBStyle .normalPara p, .StandardCBStyle .normalPara, .StandardCBStyle p {font-size: 16px; line-height: 27px; color: #333333; font-weight: 400;}

/*  STANDARD / H TAGS    ================= */
.StandardCBStyle h3, .StandardCBStyle h4, .StandardCBStyle h5, .StandardCBStyle h6 {margin: 0; padding: 0; line-height: 27px; font-weight: 700;}
.StandardCBStyle h3 {font-size: 1.2em;}
.StandardCBStyle h4 {font-size: 1em;}
.StandardCBStyle h5 {font-size: 1em; font-weight: 500;}
.StandardCBStyle h6 {font-size: 1em; font-weight: 300;}

/*  STANDARD / ORDERED & UNORDERED STYLES    ================= */
.StandardCBStyle ul {margin: 20px 0 20px 0; padding:0 0 0 0; display: block; position: relative;}
.StandardCBStyle ul li  {margin:8px 0 8px 25px; padding: 0 10px 0 25px; list-style-type:none; line-height: 24px; position: relative;}
.StandardCBStyle ul li:before {   
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid rgba(0, 77, 65, .6);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.StandardCBStyle ol {margin: 15px 0 20px 15px; padding:0 0 0 0;}
.StandardCBStyle ol li  {margin:8px 0 15px 25px; padding:0 45px 0 5px; line-height: 23px; zoom:1; list-style-type: decimal-leading-zero;}

/*  STANDARD / OTHER STYLES    ================= */
.StandardCBStyle hr {background-color: #F6F3E2; border: none; height: 1px;}
.StandardCBStyle blockquote {font-size: 18px; color: #666666; background-color: #f4f4f4; line-height: 1.9em; margin: 24px 0 24px 0; padding: 25px 35px 35px 35px; box-shadow: 0 0 10px #999; border: 4px solid #fff;}

/*  STANDARD / TABLE STYLES    ================= */
.StandardCBStyle table {font-size: 14px; line-height: 15px; color: #333333; font-weight: 400; text-align: left;}

.StandardCBStyle table thead {font-size: 12px; line-height: 16px; color: #ffffff; font-weight: 400; background-color: #004D41; text-transform: uppercase; letter-spacing: .03em;}
.StandardCBStyle table thead th {padding: 5px 10px 4px 10px;}
.StandardCBStyle table thead th:nth-child(2) {}
.StandardCBStyle table thead th:nth-child(3) {}

.StandardCBStyle table tbody td {padding: 10px 10px;}
.StandardCBStyle table td:nth-child(2) {}
.StandardCBStyle table td:nth-child(3) {}

.StandardCBStyle caption {caption-side:bottom; text-align: left; font-size: .75em;}

/*  STANDARD / 100% VIDEO EMBED   ================= */
.StandardCBStyle .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
    z-index: 5;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }
 
.StandardCBStyle .video-container iframe,
.StandardCBStyle .video-container object,
.StandardCBStyle .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*max-width: 640px;*/
    height: 100%;
    /*max-height: 420px;*/
    z-index: 4001;
    margin: 0 auto;
    text-align: center;
    }

.StandardCBStyle .forcetopremovebot {
    padding: 8px 0 0 0 !important;
    margin-bottom: -16px !important;
}

/* =====================================================================
	STANDARD CB / CONTENT LINK BUTTONS
===================================================================== */

.StandardCBStyle p a.contentbutton {
    display: inline-block !important;
    float: left;
    background-color: #004D41;
    color: #ffffff;
    padding: 10px 0;
    width: 49.3%;
    text-align: center;
    margin: 0 1px 1px 0;
    text-decoration: none;
}

.StandardCBStyle p a.contentbutton:hover {
    background-color: #C39809;
}

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

    .StandardCBStyle p a.contentbutton {
        display: block;
        float: none;
        width: 100%;
    }
    
}
 

/* =====================================================================
	STANDARD CB / FORCE WIDTH PROMOTION
===================================================================== */

.StandardCBStyle .promotionimages img {
    width: 100% !important;
    max-width: 658px !important;
    margin: 0 auto !important;
}

/* =====================================================================
	HOME CB / STYLES USED IN EDITOR
===================================================================== */
.HomeCBStyle {font-family: 'Open Sans', sans-serif;}
.HomeCBStyle p {margin: 0; padding: 0;}

.HomeCBStyle a {color: #004D41; text-decoration: underline;}
.HomeCBStyle a:hover {color: #C39809;} 
.HomeCBStyle, .HomeCBStyle .normalPara p, .HomeCBStyle .normalPara, .HomeCBStyle p {font-size: 14px; line-height: 1.8em; color: #333333; font-weight: 400;}


/* =====================================================================
	PRODUCT DETAILS CB / STYLES USED IN EDITOR
===================================================================== */
.ProductCBStyle {font-family: 'Open Sans', sans-serif; position: relative; z-index: 201;}
.ProductCBStyle p, .normalPara p, .HomeCBStyle p {margin: 0; padding: 0;}

.ProductCBStyle a {color: #004D41;text-decoration: underline;}
.ProductCBStyle a:hover {color:#C39809;}

.ProductCBStyle, .normalPara p, .ProductCBStyle .normalPara {font-size: 15px; line-height: 26px; color: #333333; font-weight: 400;}

/*  PRODUCT DETAILS / H TAGS    ================= */
.ProductCBStyle h3, .ProductCBStyle h4 {
    font-size: 20px !important;
    line-height: 30px !important;
    padding: 14px 0 0 0;   
    color: #004D41;  
    margin: 0 !important;
    font-weight: 300;
}

.ProductCBStyle h3 {
    border-bottom: 1px solid #F6F3E2;
    font-weight: 700;
}

.ProductCBStyle h5  {
    font-size: 14px; 
    color: #C39809 !important; 
    line-height: 18px; 
    font-weight: normal; 
    margin: 0 0 0 0; 
    padding: 5px 0 !important; 
    letter-spacing: .05em; 
    border-top: 1px solid #F6F3E2;
}

.ProductCBStyle h5 a, .ProductCBStyle h5 a:hover {
    color:#C39809 !important;
    text-decoration: none !important
}

.ProductCBStyle h5:last-child {
    margin-bottom: 10px !important;
    border-bottom: 1px solid #F6F3E2 !important;
}

.ProductCBStyle table td h5:first-of-type{
    margin-top: 8px !important;
}

.ProductCBStyle h5:first-child{
    margin-top: 8px !important;
}

.ProductCBStyle h6  {
    font-size: 14px; 
    color: #C39809 !important; 
    line-height: 18px !important; 
    font-weight: normal; 
    margin: 0 0 0 0; 
    padding: 5px 0 5px 0 !important; 
    letter-spacing: .05em; 
    border-bottom: 1px solid #F6F3E2;
}

.ProductCBStyle h3 + p  {
    padding-bottom: 10px;
    margin-bottom: 0;
}

/*  STANDARD / ORDERED & UNORDERED STYLES    ================= */
.ProductCBStyle ul {margin: 20px 0 20px 0; padding:0 0 0 0}
.ProductCBStyle ul li  {margin:8px 0 15px 5px; padding: 0 45px 0 17px; list-style-type:none; line-height: 20px;}
.ProductCBStyle ul li:before {   
    content: '';
    display: inline-block;
    vertical-align: middle;
    top: 0;
    left: 0;
    margin-right: 16px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid #C39809;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.ProductCBStyle ol {margin: 15px 0 20px 15px; padding:0 0 0 0;}
.ProductCBStyle ol li  {margin:8px 0 15px 25px; padding:0 45px 0 5px; line-height: 23px; zoom:1; list-style-type: decimal-leading-zero;}


.ProductCBStyle hr {background-color: #F6F3E2; border: none; height: 1px;}
 


/*  PRODUCT DETAILS / 100% VIDEO EMBED   ================= */
.ProductCBStyle .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
    z-index: 5;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }

.ProductCBStyle .video-container iframe,
.ProductCBStyle .video-container object,
.ProductCBStyle .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*max-width: 640px;*/
    height: 100%;
    /*max-height: 420px;*/
    z-index: 4001;
    margin: 0 auto;
    text-align: center;
    }


   
/* =====================================================================
	LOAD FONTS
===================================================================== */
@font-face {
	font-family: 'df-icomoon';
	src:url('/Themes/Default/Content/fonts/df-icomoon.eot?a9yoq0');
	src:url('/Themes/Default/Content/fonts/df-icomoon.eot?#iefixa9yoq0') format('embedded-opentype'),
		url('/Themes/Default/Content/fonts/df-icomoon.woff?a9yoq0') format('woff'),
		url('/Themes/Default/Content/fonts/df-icomoon.ttf?a9yoq0') format('truetype'),
		url('/Themes/Default/Content/fonts/df-icomoon.svg?a9yoq0#df-icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}