/*!
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */
 
 @font-face {
  font-family: 'SalesForceRegular';
  src: url('fonts/SalesforceSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/SalesforceSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/SalesforceSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/SalesforceSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       /*url('fonts/SalesforceSans-Regular.ttf')  format('truetype')*/, /* Safari, Android, iOS */
       url('fonts/SalesforceSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'SalesForceBold';
  src: url('fonts/SalesforceSans-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/SalesforceSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/SalesforceSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/SalesforceSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       /*url('fonts/SalesforceSans-Bold.ttf')  format('truetype')*/, /* Safari, Android, iOS */
       url('fonts/SalesforceSans-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'SalesForceItalic';
  src: url('fonts/SalesforceSans-Italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/SalesforceSans-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/SalesforceSans-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/SalesforceSans-Italic.woff') format('woff'), /* Pretty Modern Browsers */
       /*url('fonts/SalesforceSans-Italic.ttf')  format('truetype')*/, /* Safari, Android, iOS */
       url('fonts/SalesforceSans-Italic.svg#svgFontName') format('svg'); /* Legacy iOS */
}


 
 
body {
  padding-top: 0px;
  font-size:1.15rem;
  font-family:'SalesForceRegular',sans-serif;
  color: #000;
}

a, a:link, a:visited, a:hover, a:active{
	color:#205c9f;
	text-decoration:underline;
}

i, em{
	font-family:'SalesForceItalic',sans-serif;
}

.bg-image-full {
  /*background: no-repeat center center scroll;*/
  background: no-repeat auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
 /* min-height:500px;
  max-height:600px;*/
}

@media screen and (max-width: 1000px) {
		.bg-image-full {
			/*min-height:140px!important;
			max-height:180px!important;*/
		}
		
		.rightscrollerbtn{
			    right: -13rem!important;
		}
		
		.h1, h1{
			font-size:1.5rem!important;
		}
		
		body{
			font-size:1rem!important;
		}
}

.container{
	max-width:85%;
}

.py-5 {
    padding-top: 0rem!important;
}


.h1, h1{
	font-size:1.8rem!important;
}


.bluebg{
	background-color: #f7fbfc;
	padding-bottom: 0.5rem!important;
}

.toppadding-2{
	padding-top: 2rem!important;
}

.margintopminus5{
	margin-top:-5rem!important;
}

@media screen and (max-width: 1000px) {
	.container{
	max-width:90%;
}
	
	.margintopminus5{
		margin-top:-2rem!important;
		padding-bottom: 30rem!important;
	}
}

.toppadding-3{
	padding-top:3rem!important;
}

#shadowBox {
    background-color: #fff;
    margin: 0px auto;
	margin-top:-1rem;
    padding: 3rem;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	/*margin-right:-1rem;*/
    width: 100%;
    /*box-shadow: 0px 5px 7px #ececec,-7px 5px 10px #ececec, 8px 5px 10px #ececec;*/
	box-shadow: 0px 15px 10px -15px #111; 
	min-height:500px;
	max-height:500px;
	/*border-right:solid 320px #f7fbfc;*/
	display: -webkit-flex;  /*Safari */		
	 display: flex;  /*Standard syntax */
}

@media screen and (max-width: 1000px) {
	#shadowBox {
		padding: 1rem;
		border-right:none;
		margin-right:0rem;
	}
}

#shadowBoxInner {
	width:92%;
	min-height:500px;
	max-height:500px;
	/*padding-right:15px;*/
	float:left;
	display: inline-block;
	-webkit-flex: 1; /* Safari */
	-ms-flex: 1; /* IE 10 */
	flex: 3; /* Standard syntax */
}

#shadowBoxInnerScroll {
	max-height:312px;
	padding-right:1rem;
}

#ascrail2001{
	/*left:935px!important;*/
}

@media screen and (max-width: 1000px) {
	#shadowBoxInner {
		width:100%;
		padding-top:2rem;
		padding-right:0px;
		min-height:460px;
		max-height:460px;
	}
	
	#ascrail2001{
	/*left:310px!important;*/
}
}

.menutab{
	    transform: rotate(270deg);
		transform-origin: bottom right;
		color: #852c98;
		float: right;
		display: block;
		cursor: pointer;
		padding: 7px 120px;
		padding-left: 150px;
		color: #fff;
}

@media screen and (max-width: 1000px) {
	.menutab{
			transform: rotate(270deg);
			transform-origin: bottom right;
			color: #852c98;
			float: right;
			display: block;
			cursor: pointer;
			padding: 7px 18px 7px 10px;
			padding-left: 150px;
			color: #fff;
			width: 110vw;
	}	
}


.menulink{
	font-size: 0.85rem;
	line-height:1;
}

.title{
	color:#232222;
}

@media screen and (max-width: 1000px) {
	.title{
		font-size:1.5rem!important;
	}
}

.subtitle{
	 font-family:'SalesForceItalic',sans-serif;
	 color:#494949;
	 font-style: italic;
     font-size: 1.2rem;
	 margin-top:10px;
}

@media screen and (max-width: 1000px) {
	.subtitle{
		font-size:1rem!important;
	}
}


.title:after {
            content: '';
			display: block;
			position: relative;
			width: 5rem;
			bottom: -1.1rem;
			left: 0px;
			border: 3px solid #032d60;
			border-radius: 5px;
			margin-bottom:4rem;
        }
		

.toctitle{
		font-size:1.2rem!important;
}

.title:after {
			width: 3rem!important;
        }

		
.facilitatortitle{
	font-size:1.15rem;
	font-weight:600;
}
		
.facilitator{
	/*font-size:0.75rem;*/
	float:left;
	display:inline;
	text-align:left;
	padding-right:2rem;
	min-width:11rem;
	margin-bottom:50px;
}

.facilitator_last{
	padding-left:2rem;
	position: relative;
}

.facilitator_last:after {
            content: '';
			/*display: block;*/
			position: absolute;
			width: 1px;
			height:3rem;
			/*bottom: 2.5rem;*/
			left: 0rem;
			border: 1px solid #032d60;
			border-radius: 5px;
			/*margin-bottom:4rem;*/
			top:20%;
			height:60%;
        }

.hopeicon{
	padding:0 3rem 1rem 2rem;
	max-width:400px!important;
	float:right;
    margin-left: 5rem;
}

.loveicon{
	margin-top:3rem;
	margin-bottom:3rem;
}

.icon2img{
	/*max-width:400px!important;*/
    padding-top: 0rem;
}

.reporticon{
			width:15%;
		}


@media screen and (max-width: 1000px) {
		.facilitator{
			margin-bottom:10px;
		}
		
		.order-sm-last{
			padding-top:1rem;
		}
		
		.toppadding-3 {
			padding-top: 0rem!important;
		}
		
		.hopeicon{
			padding:0rem;
			width:67%;
			display:block; 
			text-align:center;
			margin:2rem;
			float:none;
		}
		
		.loveicon{
			margin-top:1rem;
			margin-bottom:2rem;
		}
		
		.facilitator_last{
			padding-left:0rem;
			padding-top:1rem;
			padding-bottom: 2rem;
		}

		.facilitator_last:after {
					content: '';
					/*display: block;*/
					position: relative;
					width: 1px;
					height:1.5rem;
					bottom: 2.5rem;
					left: -2rem;
					border: none;
					border-radius: 5px;
					margin-bottom:4rem;
				}
				
		.icon2img{
			padding-top: 0rem;
		}
		
		.reporticon{
			width:50%;
		}
				
		.footertxt{
			margin-left:-2.5rem!important;
			text-align:center;
		}
		
		.footericons{
			width:10%!important;
		}
		
		.footerdivider{
			display:none!important;
		}
		
		.footerlinks{ 
			display:block;
			padding-bottom:1rem;
		}
		
		.logoicons{
			width:100%!important;
		}
		
		.leftcoulmn {
			padding-right: 0rem!important;
		}
		
		.rightcolumnlinks{
			border-left:none!important;
			padding-left:0rem!important;
			position:relative;
			left:0rem!important;
		}
		
		footer .container{
			max-width:100%!important;
		}
}

.footericons{
	width:5%;
}

.logoicons{
			width:50%;
		}


.logosall{
	padding-top:2rem;
	padding-bottom:1rem;
	width:50%;
}		

@media screen and (max-width: 1000px) {
	.logosall{
		padding-top:0rem;
		padding-bottom:0rem;
		margin-top:-3rem;
		width:100%!important;
	}
}


img{
	max-width:100%!important;
}

.leftcoulmn{
	padding-right:5rem;
}

.rightcolumnlinks{
	border-left:solid 2px #00a0df;
	padding-left:3rem;
	position:relative;
	left:-3rem;
}

.rightcolumn1:after {
            content: '';
			display: block;
			position: relative;
			width: 1px;
			height:80%;
			top:-90%;
			bottom: 2.5rem;
			left: -2rem;
			border: 1px solid #032d60;
			border-radius: 5px;
			margin-bottom:4rem;
        }

footer .container{
	max-width:50%;
}
	
.footerform{
	background-color:#f8f8fa;
	padding:2rem;
	padding-right:5rem;
}

input{
	width:100%;
	height:1.5rem;
	border-radius:5px;
	border-collapse:collapse;
	border:solid 1px #ccc;
	margin:15px;
	padding:5px;
	font-size:1rem;
}

textarea{
  width: 100%;
  height: 150px!important;
  border-radius:5px;
	border-collapse:collapse;
	border:solid 1px #ccc;
	margin:15px;
	padding:5px;
	font-size:1rem;
  resize: none;
}

.fineprint{
	font-size:0.65rem;
}

.btn-submit{
	border-radius:20px!important;
	background-color:#032e61;
	color:#fff;
	width:10rem;
}






.MultiCarousel {float:left;overflow:hidden;padding:15px;width:100%;position:relative;}
.MultiCarousel .MultiCarousel-inner {transition:1s ease all;float:left;}
.MultiCarousel .MultiCarousel-inner .item {float:left;}
.MultiCarousel .MultiCarousel-inner .item > div {text-align:left;padding:10px;margin:10px;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {position:absolute;border-radius:50%;top:calc(50% - 20px);}
.MultiCarousel .leftLst {left:0;}
.MultiCarousel .rightLst {right:0;}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {pointer-events: none; background:#ccc;}

.scrolltitle{
	font-size:1rem;
	font-weight:600;
	line-height:1.5rem;
	padding-top:15px;
}

.scrolltext{
	font-size:1.15rem;
	width:85%;
}

@media screen and (max-width: 1000px) {
	.scrolltext{
		font-size:1rem!important;
	}
}


.leftscrollerbtn{
	position: relative;
    height: 0;
    left: -10%;
    top: 18rem;
	cursor:pointer;
}

.rightscrollerbtn{
	position: relative;
    height: 0;
    right: -63rem;
    top: -19.5rem;
	cursor:pointer;
}

.leftLst, .rightLst {
	opacity:0!important;
}


.item .collapse:not(.show) {
  display: block;
  height: 7rem;
  overflow: hidden;
}

@media screen and (max-width: 1000px) {
	.item .collapse:not(.show) {
	  height: 6rem;
	}
}

.item .collapsing {
  height: 7rem;
}

.item a.collapsed::after {
  content: 'Read more';
}

.item a:not(.collapsed)::after {
  content: 'Read less';
}

.footertxt{
	margin-left:-12.5rem;
}


.readmorebtn{
	background-color:#032e61;
	color:#fff!important;
	font-size:1rem;
	float:left;
	padding:5px 10px;
	display:block;
	clear:both;
	text-decoration:none!important;
}









.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }
  
  .modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}


.video-btn{
	cursor:pointer;
}







.box{
        /*float:right;*/
        overflow: hidden;
       background: #f7fbfc;
		/* background: #1897b7;*/
		/*position:absolute;*/
		/*top: 27rem;
		right: 7.3rem;*/
		z-index:99;
		/*display: inline-block;*/
		-webkit-flex: 1; /* Safari */
		-ms-flex: 1; /* IE 10 */
		flex: 1; /* Standard syntax */
    }
    /* Add padding and border to inner content
    for better animation effect */
    .box-inner{
        width: 300px;
        padding: 40px 30px 0px 70px;
        border: none;
    }
	.box-inner p{
		margin-bottom:0.4rem!important;
	}


.collapsemenubtn{
	position:relative;
	top:-13rem;
	left:-3.5rem;
	cursor:pointer;
}	

.collapsebtndiv{
	position:relative;height:0;
}

.onlymobile{
	display:none;
}


@media screen and (max-width: 1000px) {
		.box{
				/*float:right;*/
				overflow: hidden;
				background: #fff;
				position:absolute;
				top: 40rem;
				/*right: 5.8rem;*/
				z-index:99;
			}
			/* Add padding and border to inner content
			for better animation effect */
			.box-inner{
				/*width: 280px;*/
				padding: 30px 0px 0px 0px;
				border: none;
			}
			.box-inner p{
				margin-bottom:0.7rem!important;
			}


		.collapsemenubtn{
			position:relative;
			top:-13rem;
			left:-3.5rem;
			cursor:pointer;
		}	

		.collapsebtndiv{
			position:relative;height:0;
		}	
		
		.nomobile{
			display:none!important;
		}
		
		.onlymobile{
			display:block!important;
			width:100%;
			padding-bottom:2rem;
			text-align:center;
		}
		
		.onlymobile img{
			width:70%;
			margin:0 auto;
		}
		
		.footer p{
			margin-bottom:0rem!important;
		}
}