@import url(https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700);

html body {
	font: 100% "Roboto", sans-serif;
  	font-weight:300;
  	margin-top: 100px;
  	font-size: 18px;
  	line-height:26px;
  	color:#444;
  	margin-bottom:0px;
}

/* checkbox lists style */

.fa-li {
	left: -2em;
	top: -1px;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit;
}
.fa-check-square  {
	color:orange;
	font-weight:normal;
}
.fas.fa-check-square {
font-weight: normal;
}
.wrapper {
padding:0px;
}
@media screen and (max-width: 991px) {
.wrapper {
padding:0px 15px;
}
}
.resources-content, .resources-content p, .resources-content ul li, .resources-content ol li {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	text-transform: unset;
	margin-bottom: 20px;
	margin-top:15px;
	color:#444;
}
.resources-content ul li, .resources-content ol li {
	margin-top:10px;
	margin-bottom: 0px;
	padding:0px;
}
.resources-content .flex-align {
	display: flex;align-items: center;
}
.resources-content .white {
color:white;
}
.after-arrow-orange {
	color: #f69921;
	font-weight:500;
}
.after-arrow-orange:hover {
	color: #e97f16;
}

  .after-arrow-orange::after {
    display: inline-block;
    content: "";
    font-size: 0;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #f69921;

  }
  .after-arrow-orange:hover::after {

    border-color: transparent transparent transparent #e97f16;

  }



.resources-content a {
	font-weight:500;
}
.resources-content a:hover {
	color:#e97f16;
}
.resources-content hr {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0;
	border-top: 1px solid #ddd;
}
.resources-content .font-16 {
	font-size:16px;
	line-height:24px;
}
.resources-content .captions {
	font-size:16px;
	line-height:24px;
	font-style: italic;
	margin:10px 0;
}
.resources-content .buttons span {
	top:-4px!important;
	font-size:10px!important;
	margin-left:2px;
}

h1.titlebreak {
	margin-bottom:25px;
	text-align:center;
	font-weight:300;
	font-size: 38px;
	line-height: 46px;
}


.resources-content .resources-sub-title {
	margin-top:-10px;
	font-weight:400;
	margin-bottom:30px;
	font-size:20px;
	text-align:center;
}
.resources-content h2 {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 26px;
	line-height: 32px;
	padding: unset;
	text-transform: unset;
	color: #444;
	margin-top: 25px;
	margin-bottom:10px;
}
h2.fake-h1 {
	margin-bottom:20px;
	text-align:left;
	font-weight:300;
	font-size: 38px;
	line-height: 46px;

}
.resources-content h3 {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	margin: unset;
	text-transform: unset;
	color: #444;
	padding:unset;
	margin-top: 20px;
	margin-bottom:5px;
}
.resources-content h4 {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	margin: unset;
	text-transform: unset;
	padding:unset;
	margin-top: 0px;
	margin-bottom:5px;
	color: inherit;
}
.resources-content li h3 {
	margin-bottom: 5px;
}
.resources-content footnotes {
	font-size:14px;
	line-height:22px;
	display:inline-block;
	margin-top:20px;
}
.resources-content footnotes a {
	font-weight:44;
}
@media screen and (max-width: 767px) {

	.resources-content, .resources-content p, .resources-content ul li {
		font-family:"Roboto", sans-serif ;
		font-weight: 300 ;
		font-size: 16px ;
		line-height: 23px ;
		text-transform: unset ;
	   /*  margin-bottom:8px; */
	}
	.resources-content li {
		margin-top:10px;
		margin-bottom: 0px;
	}
	h1.titlebreak {
		font-size: 32px;
		line-height: 38px;
		margin-bottom:20px;
	}
	.resources-content h2 {
		font-size: 24px ;
		line-height: 29px ;
		margin-top: 25px;
		margin-bottom:5px;
	  }
	.resources-content h3 {
		font-family:"Roboto", sans-serif ;
		font-size: 18px ;
		line-height: 24px ;
		margin-top: 15px;
		margin-bottom:-5px;
	}
	.resources-content .resources-sub-title {
		font-size:18px;
	}
	.resources-content .resources-sub-title br {
		display:none;
	}
}
.resources-content strong{
	font-weight: 500;
}
.resources-content img.mw-400 {
	max-width:400px;
}
.resources-content img.mw-500 {
	max-width:500px;
}
.resources-content img.mw-600 {
	max-width:600px;
}
.resources-content img.mw-700 {
	max-width:700px;
}
.resources-content .img-right {
	float:right;
	width:50%;
	margin:10px 0 15px 30px;
	padding:0px;
}
.resources-content .img-right.w-20 {
	float: right;
	width: 20%;
	margin: 10px 0 15px 30px;
}
.resources-content .img-right.w-40 {
	float:right;
	width:40%;
	margin:10px 0 15px 30px;
}


.resources-content .img-left {
	float:left;
	width:50%;
	margin:10px 30px 15px 0;
	padding:0px;
}
.resources-content .img-left.w-20 {
	float:left;
	width:20%;
	margin:10px 30px 15px 0;
}
.resources-content .img-left.w-40 {
	float:left;
	width:40%;
	margin:10px 30px 15px 0;
}
@media screen and (max-width: 767px) {
.resources-content .img-right, .resources-content .img-left,.resources-content .img-right.w-40, .resources-content .img-left.w-40 {
		float:none;
		width:100%;
		max-width:400px;
		margin:0;
		margin-top:10px;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
	}
	.resources-content img.mw-400 {
	max-width:400px;
	width:100%;
}
.resources-content img.mw-500 {
	max-width:400px;
	width:100%;
}
.resources-content img.mw-600 {
	max-width:400px;
	width:100%;
}
.resources-content img.mw-700 {
	max-width:400px;
	width:100%;
}
}
.resources-content .img-responsive {
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}
.resources-content .img-responsive.m-auto, .resources-content .m-auto {
	margin:auto;
}
.resources-content .colored-box {
	padding:30px 30px 40px 30px;
	margin:40px 0 40px 0;
}
.resources-content .grey-box, .resources-content .gray-box {
	padding:20px 30px 20px 30px;
	margin:30px 0 30px 0;
	background-color:#f5f5f5;
}

.resources-content .dark-grey-box, .resources-content .dark-gray-box {
	padding:20px 30px 20px 30px;
	margin:30px 0 30px 0;
	background-color:#64666a;
	color:#fff;
}
.resources-content .outline-box {
	border:2px solid #ff9835;
	background-color:#fff;
	color:#444;
	margin:30px 0 30px 0;
	padding:20px 20px 20px 20px;
	font-weight:300;
}
.resources-content .white-box {
	padding:20px 30px 20px 30px;
	margin:0;
	text-align:center;
}
.resources-content .white-image-box {
	padding:20px 30px 20px 30px;
	margin:0;
	text-align:center;
}
.resources-content .takeaway-box {
	padding:20px 40px 20px 25px;
	margin:30px 0;
	background-color:#f5f5f6;
	display:flex;
	align-items: center;
}
.resources-content .takeaway-box img{
	align-self: center;
	margin-right:20px;
	padding:0px;
}
.resources-content .biz-box {
	padding: 20px 40px 20px 40px;
	margin: 30px 0;
	background-color: #f5f5f6;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-weight:500;
}
.resources-content .biz-box img {
	align-self: center;
	margin-right: 10px;
	padding: 0px;
}

@media screen and (max-width: 767px) {
.resources-content .biz-box img {

	margin-right: 0px;
	margin-bottom:10px;
}
.resources-content .biz-box {
	padding: 20px 20px 20px 20px;
	margin: 20px 0;
	background-color: #f5f5f6;
	display: block;
	text-align:center;

}
	.resources-content .colored-box {
		padding:20px 20px;
		margin:20px 0 20px 0;
	}
	.resources-content .dark-grey-box, .resources-content .dark-gray-box, .resources-content .gray-box, .resources-content .outline-box {
	padding:20px 20px;
		margin:20px 0 20px 0;
}
	.resources-content .white-image-box {
		padding:10px;
		margin:0;
	}
	.resources-content .white-box {
		padding:10px;
		margin:0;
	}
}
.resources-content blockquote {
	margin-top:40px;
	margin-bottom:40px;
	background-color:#f4f4f4;
	font-size:26px;
	line-height:40px;
	padding:30px 30px 35px 30px;
}
@media screen and (max-width: 767px) {
	.resources-content blockquote {
		margin:30px 10px;
		font-size:22px;
		line-height:34px;
		padding:25px 25px 30px 25px;
	}
}
.resources-content blockquote span {
	margin-top:10px;
	font-size:16px;
	line-height:22px;
	font-weight:500;
	display:block;
}

.resources-content at-a-glance {
	max-width: 350px;
	background-color:#ff9835;
	color:#fff;
	float:right;
	margin:10px 0 20px 20px;
	padding:25px 20px 20px;
	font-weight:400;
	display:block;
	font-size:16px;
	line-height:24px;
}
.resources-content at-a-glance.full {
	max-width: 100%;
	float:none;
	margin:10px 0 20px 0px;
	padding:25px 25px 10px 25px;
}

.resources-content at-a-glance.outline {
	border:2px solid #ff9835;
	background-color:#fff;
	color:#444;
}
.resources-content at-a-glance.grey, .resources-content at-a-glance.gray {
	border:none;
	background-color:#f4f4f4;
	color:#444;
}
.resources-content at-a-glance.gray p, .resources-content at-a-glance.gray h3, .resources-content at-a-glance.outline p, .resources-content at-a-glance.outline h3 {
	color:#444;
}
.resources-content at-a-glance.blue {
	border:none;
	background-color:#05a3d9;
}
.resources-content at-a-glance p, .resources-content at-a-glance h3, .resources-content at-a-glance.blue p, .resources-content at-a-glance.blue h3 {
	color:#fff;
}
.resources-content at-a-glance h3, .resources-content at-a-glance.outline h3 {
	margin-top:5px;
	margin-bottom:10px;
}
.resources-content at-a-glance ul {
	padding-left:20px;
	margin-top:7px;
	margin-bottom:7px;
}
.resources-content at-a-glance ul.fa-ul {
	padding-left:0px;
	margin-top:7px;
	margin-bottom:7px;
	margin-left:30px;
}
.resources-content at-a-glance ul li, .resources-content at-a-glance p {
	margin-top:5px;
	font-size:16px;
	line-height:24px;
}
.resources-content at-a-glance p {
	margin-bottom:5px;

}
@media screen and (max-width: 767px) {
	.resources-content at-a-glance {
		float:none;
		margin:10px auto;
	}

}
.resources-content .clear-all {
clear:both;
}
.resources-content table {
margin-top:20px;

}
.resources-content table tr.header {
color:#fff;
background-color:#ff9835;
}

.resources-content table p, .resources-content table ul li, .resources-content table ol li {
font-size: 16px;
line-height: 24px;
text-transform: unset;
margin-bottom: unset;
margin-top: unset;
margin-bottom:10px;
}
.resources-content table p:last-child {
  margin-bottom:unset;
}
.resources-content table th {
font-weight:500;font-size:16px;line-height:24px;
padding:15px !important;
}
.resources-content table th.orange {
color:white;
background-color:#ff9835;
}
.resources-content table td {
font-size:16px;line-height:24px;
padding:15px !important;
}
.resources-content table td strong {
margin-bottom:3px;
}

/* video transcript code */
.srt-wrapper {
margin-top:30px;
border: 2px solid #ccc;
padding: 0px 0px 0px 5px;
border-radius: 10px;
background: #f4f4f4;
font-weight:500;
}
.srt-wrapper .title {
padding: 15px 25px 0px 25px;
}
.srt-video-copy {
padding: 0px 25px 25px 25px;
max-height: 350px;
overflow: scroll;
background: #f4f4f4;
border-top:10px solid #f4f4f4;
border-bottom:15px solid #f4f4f4;

}
.srt-video-copy p:first-child {
  margin-top:0px;
}
.srt-video-copy p:last-child {
  margin-bottom:0px;
}

.srt-video-copy::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.srt-video-copy::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 4px;
}
.srt-video-copy::-webkit-scrollbar:horizontal {
  display: none;
}
.srt-video-copy::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  box-shadow: 0 0 1px rgba(255,255,255,.5);
}


/* downward arrows to move down page */
.after-arrow-down-orange, .after-arrow-up-orange {
    color: #F7981D;
}

.after-arrow-down-orange::after {
    display: inline-block;
    content: "";
    font-size: 0;
    margin-left: 5px;
    margin-bottom: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #F7981D transparent transparent transparent;
}

.after-arrow-up-orange::after {
    display: inline-block;
    content: "";
    font-size: 0;
    margin-left: 5px;
    margin-bottom: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 5px 7px 5px;
    border-color:  transparent transparent #F7981D transparent;
}

.after-arrow-down-orange:hover::after {
    border-color: #e97f16 transparent transparent transparent;
}

.after-arrow-up-orange:hover::after {
    border-color: transparent transparent  #e97f16 transparent;
}

.after-arrow-down-orange.active,.after-arrow-up-orange.active {
    color: #FA6D18;
}

.after-arrow-down-orange.active::after {
    border-color: #FA6D18 transparent transparent transparent;
}

.after-arrow-up-orange.active::after {
    border-color: transparent transparent #FA6D18  transparent;
}

.down-links  {
    padding: 12px 3rem;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px;
    justify-content: space-between;
}

.down-links a {
    font-size: 15px;
    line-height: 21px;
}

.down-links div {
    display: inline-block;
    padding: 5px 16px;
    max-width: 250px;
}

.resources-content .mt-40 {
    margin-top: 40px;
    display: flex;
}

@media (max-width: 635px) {
    .resources-content .mt-40 {
        display: block;
    }
}

@media (max-width: 767px) {
    .down-links  {
        padding:12px 0;
        text-align:center;
        margin-top:40px;
        margin-bottom:40px;
    }
}

@media (max-width: 450px) {
    .down-links div {
        display:block;
        padding:5px 20px;
        max-width: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .down-links div {
        padding: 5px 10px;
    }
    .down-links a {
        font-size: 12px;
    }
}

@media only screen and (min-width: 961px) and (max-width: 996px) {
    .down-links div {
        padding: 5px 14px;
    }
    .down-links a {
        font-size: 14px;
    }
}

/* contact us box at bottom */
.resources-contact-us {
	background-color: #449dd5;
	padding-top:30px;
	padding-bottom:40px;
	text-align:center;
}
.buttons.contact-white {
  	color:#fff;
  	border-color:#fff;
  	margin:30px 5px 20px 5px;
}
.buttons.contact-white:hover {
	background-color:#fff;
	color:#449dd5 !important;
}



.resources-content .m-auto {
	margin:auto;
}
.resources-content .no-lr-padding {
	padding-left:0;
	padding-right:0;
}
.resources-content .mt-0 {
	margin-top:0px;
}
.resources-content .mt-5 {
	margin-top:5px;
}
.resources-content .mt-10 {
	margin-top:10px;
}
.resources-content .mt-15 {
	margin-top:15px;
}
.resources-content .mt-20 {
	margin-top:20px;
}
.resources-content .mt-25 {
	margin-top:25px;
}
.resources-content .mt-30 {
	margin-top:30px;
}
.resources-content .mt-40 {
	margin-top:40px;
}
.resources-content .mt-50 {
margin-top:50px;
}

.resources-content .mb-0 {
	margin-bottom:0px;
}
.resources-content .mb-5 {
	margin-bottom:5px;
}
.resources-content .mb-10 {
	margin-bottom:10px;
}
.resources-content .mb-15 {
	margin-bottom:15px;
}
.resources-content .mb-20 {
	margin-bottom:20px;
}
.resources-content .mb-25 {
	margin-bottom:25px;
}
.resources-content .mb-30 {
	margin-bottom:30px;
}
.resources-content .mb-40 {
	margin-bottom:40px;
}
.resources-content .mb-50 {
	margin-bottom:50px;
}