@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');

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

.StandardCBStyle a {color: #3D5BA4; text-decoration: underline;}
.StandardCBStyle a:hover {color: #0F2069; text-decoration: underline;}

/* =====================================================================
	STANDARD CB / BASE STYLES USED IN EDITOR
===================================================================== */
.StandardCBStyle, .StandardCBStyle .normalPara p, .StandardCBStyle .normalPara, .StandardCBStyle p {font-size: 16px; line-height: 32px; 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: 24px; color: #3D5BA4; font-weight: 400;}
.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: 15px 0 20px 10px; padding:0 0 0 0; display: block; position: relative;}
.StandardCBStyle ul li  {margin:8px 0 8px 22px; padding:0 10px 0 10px; list-style-type:none; line-height: 24px; position: relative;}
.StandardCBStyle ul li:before, .StandardCBStyle ul li::before  {   
    content: '';
    position: absolute;
    top: 10px;
    left: -12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid rgba(61, 91, 164, 0.49);
}

.StandardCBStyle ol {counter-reset: item; margin: 15px 0 15px 40px; padding:0 0 0 0; display: block; position: relative;}
.StandardCBStyle ol li  {margin:8px 0 15px 25px; padding:0 45px 8px 5px; line-height: 23px; zoom:1; list-style-type: none; position: relative;}
.StandardCBStyle ol li:before, .StandardCBStyle ol li::before {
    position: absolute;
    top: 0;
    left: -22px;
    content: counter(item) ". ";
    counter-increment: item; 
    color: #3D5BA4; }




/*  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 / FORCE WIDTH PROMOTION
===================================================================== */

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


/* =====================================================================
	CATEGORY CB / STYLES USED IN EDITOR
===================================================================== */
.CategoryCBStyle {font-family: 'Open Sans', sans-serif; color: #0F2069;}
.CategoryCBStyle p {margin: 0; padding: 0;}

.CategoryCBStyle a {color: #3D5BA4; text-decoration: underline;}
.CategoryCBStyle a:hover {color: #0F2069;} 
.CategoryCBStyle, .HomeSpecialsCBStyle .normalPara p, .HomeSpecialsCBStyle .normalPara, .HomeSpecialsCBStyle p {font-size: 22px;
    line-height: 25px; margin-bottom: 18px; font-style: normal;}






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

.HomeSpecialsCBStyle a {color: #3D5BA4; text-decoration: underline;}
.HomeSpecialsCBStyle a:hover {color: #0F2069;} 
.HomeSpecialsCBStyle, .HomeSpecialsCBStyle .normalPara p, .HomeSpecialsCBStyle .normalPara, .HomeSpecialsCBStyle p {font-size: 15px; line-height: 22px; color: #333; 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: #3D5BA4;text-decoration: underline;}
.ProductCBStyle a:hover {color:#0F2069;}

.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: #3D5BA4;  
    margin: 0 !important;
    font-weight: 300;
}

.ProductCBStyle h5  {
    font-size: 14px; 
    color: #3D5BA4 !important; 
    line-height: 18px; 
    font-weight: normal; 
    margin: 0 0 0 0; 
    padding: 5px 0 !important; 
    letter-spacing: .05em; 
}

.ProductCBStyle h5 a, .ProductCBStyle h5 a:hover {
    color:#3D5BA4 !important;
    text-decoration: none !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: #3D5BA4 !important; 
    line-height: 18px !important; 
    font-weight: normal; 
    margin: 0 0 0 0; 
    padding: 5px 0 5px 0 !important; 
    letter-spacing: .05em; 
}

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

.ProductCBStyle hr {background-color: #e4e4e4; 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;
}