:root{
	--mddBlue: #1CA5FF;
	--mddDarkBlue: #2980B9;
	--mddNavy: #225378;
	--mddOrange: #EB7F00;
	--mddYellow: #FFA71A;
	--mddGray: #878787;
	--mddMediumGray: #C7D4D8;
	--mddMediumNavy: #6B7C93;
	--mddLightGray: #f2f5f8;
	--mddSuperLightGray:#F4F7F9;
	--mddLightNavy: #8898AA;
	--mddLightCyan: #acf0f2;
	--mddBorderCyan: #54c5f3;
	--mddBorderGray: #d1e2e5;
}

body{
	font-family: 'Ubuntu', sans-serif;
}

.color-mddLightNavy{
	color: var(--mddLightNavy);
}

/* Text Elements */
	.mdd-text-navy{
		color: var(--mddNavy);
	}
	.mdd-text-blue{
		color: var(--mddBlue);
	}
	.mdd-text-gray{
		color: var(--mddGray);
	}
	.mdd-text-lightnavy{
		color: var(--mddLightNavy);
	}

	strong, .text-strong {
		font-weight: 500;
	}
	.text-thin{
		font-weight: 300;
	}


/* RADIO BUTTON */

	.radio-input {
		display: block;
		position: relative;
		padding-left: 30px;

		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		height: 30px;
		margin: 0;
	}
	.radio-input input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 30px;
		width: 30px;
		background-color: #eee;
		border-radius: 15px;
	}
	/* On mouse-over, add a grey background color */
	.radio-input:hover input ~ .checkmark {
	  background-color: var(--mddLightGray);
	}

	/* When the checkbox is checked, add a blue background */
	.radio-input input:checked ~ .checkmark {
	  border: 2px solid var(--mddBlue);
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the checkmark when checked */
	.radio-input input:checked ~ .checkmark:after {
	  display: block;
	}

	/* Style the checkmark/indicator */
	.radio-input .checkmark:after {
	  left: 10px;
	  top: 5px;
	  width: 7px;
	  height: 14px;
	  border: solid var(--mddBlue);
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

/* CHECKBOX */

	.checkbox-input {
		display: block;
		position: relative;
		padding-left: 18px;

		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		height: 18px;
		margin: 0;
	}
	.checkbox-input input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	.checkmark-small {
		position: absolute;
		top: 0;
		left: 0;
		height: 18px;
		width: 18px;
		background-color: #eee;
		border-radius: 9px;
	}
	/* On mouse-over, add a grey background color */
	.checkbox-input:hover input ~ .checkmark-small {
	  background-color: var(--mddLightGray);
	}

	/* When the checkbox is checked, add a blue background */
	.checkbox-input input:checked ~ .checkmark-small {
	  background-color: var(--mddBlue);
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark-small:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the checkmark when checked */
	.checkbox-input input:checked ~ .checkmark-small:after {
	  display: block;
	}

	/* Style the checkmark/indicator */
	.checkbox-input .checkmark-small:after {
	  left: 6px;
	  top: 3px;
	  width: 5px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 2px 2px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

/* Buttons */

	.btn{
		font-size: 1rem;
		font-weight: 500;
		border-radius: 0.5rem;
		cursor: pointer;
	}
	.btn i{
		font-size: 0.9rem;
		margin-left: 0.5rem;
	}

        .mdd-btn-order-outline{
        border-color: var(--mddBlue);
             color: var(--mddBlue);
                border-width: 2px;
        }
        .mdd-btn-order-outline:hover{
             border-color: var(--mddBlue);
                background-color: var(--mddBlue);
             color: white;
        }	

	.mdd-btn-blue-outline{
		border-color: var(--mddBlue);
		color: var(--mddBlue);
		border-width: 2px;
	}
	.mdd-btn-blue-outline:hover{
		border-color: var(--mddBlue);
		background-color: var(--mddBlue);
		color: white;
	}
	.mdd-btn-navy-outline{
		border-color: var(--mddNavy);
		color: var(--mddNavy);
		border-width: 2px;
	}
	.mdd-btn-navy-outline:hover{
		border-color: var(--mddNavy);
		background-color: var(--mddNavy);
		color: white;
	}
	
        .mdd-btn-order{
                background-color: var(--mddBlue);
             border: none;
                color: white;
        }
        .mdd-btn-order:hover{
             background-color: var(--mddOrange);
                color: white;
        }

	.mdd-btn-blue{
		background-color: var(--mddBlue);
		border: none;
		color: white;
	}
	.mdd-btn-blue:hover{
		background-color: var(--mddNavy);
		color: white;
	}
	
	.mdd-btn-moredetails{
		color: var(--mddNavy);
		font-weight: 400;
		background: transparent;
	}
	.mdd-btn-moredetails i{
		font-size: 0.65rem;
		position:relative;
		top:-2px;
	}

	.btn-cta{
		background-color: rgba(0,0,0,0.3);
		border: none;
		border-radius: 1rem;
		font-size: 1rem;
	    font-weight: 500;
	    cursor: pointer;
	    color: #fff;
	    display: inline-block;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    padding: .375rem .75rem;
	    line-height: 1.5;
	    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	    -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	}
	.btn-cta:hover{
		color: #fff;
	    background-color: #0069d9;
	    border-color: #0062cc;
	    text-decoration: none;
	}
	.btn-cta-mobile{
		background-color: var(--mddBlue);
		border: none;
		border-radius: 1rem;		
	}

	.mdd-btn-yellow{
		color: white;
		background-color: var(--mddYellow);
		border-color: var(--mddYellow);
	}
	.mdd-btn-yellow:hover{
		color: white;
		background-color: var(--mddOrange);
	}
	
	.mdd-btn-white{
		background-color: white;

		color: var(--mddBlue);

		-webkit-transition: .2s color;

		-o-transition: .2s color;

		transition: .2s color;

		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
	}
	.mdd-btn-white:hover{
		
		cursor: pointer;

		color: var(--mddDarkBlue);
		
		-webkit-box-shadow: 0px 3px 10px 0px rgba(28,165,255,0.4);
		box-shadow: 0px 3px 10px 0px rgba(28,165,255,0.4);
	}
	
	.mdd-link{
		font-weight: 300;
	}
	.mdd-link:hover{
		text-decoration: none;
		color: var(--mddNavy);
	}

	.view-more-btn{
		font-size: 0.8em;
		width: 100%;
	}
	
	
/* Website Sections */
	.white-to-gray-wrapper{
		background-image: -webkit-gradient(linear, left bottom, left top, from(#EBEBEB), to(#fff));
		background-image: -webkit-linear-gradient(bottom, #EBEBEB, #fff);
		background-image: -o-linear-gradient(bottom, #EBEBEB, #fff);
		background-image: linear-gradient(0deg, #EBEBEB, #fff);
	}
	.gray-to-white-wrapper{
		background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#EBEBEB));
		background-image: -webkit-linear-gradient(bottom, #fff, #EBEBEB);
		background-image: -o-linear-gradient(bottom, #fff, #EBEBEB);
		background-image: linear-gradient(0deg, #fff, #EBEBEB);
	}
	.white-to-lightblue-wrapper{
		background-image: -webkit-gradient(linear, left bottom, left top, from(#F6F9FC), to(#fff));
		background-image: -webkit-linear-gradient(bottom, #F6F9FC, #fff);
		background-image: -o-linear-gradient(bottom, #F6F9FC, #fff);
		background-image: linear-gradient(0deg, #F6F9FC, #fff);
	}

/* Header */

	.skyline-container{
		position: relative;
		
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
		
		z-index: 1;
	}
	.skyline-container::before{
		content: "";
		position: absolute;
		bottom: 0%;
		left: 0;
		width: 100%; 
		height: 100%;  
		opacity: .2; 
		z-index: -1;
		background: url('../imgs/indiana-city.svg');
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.superman-container{
		position: relative;
		
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
		
		z-index: 1;
	}
	.superman-container::before{
		content: "";
		position: absolute;
		bottom: 0%;
		left: 0;
		width: 100%; 
		height: 100%;  
		opacity: .2; 
		z-index: -1;
		/*background: url('../imgs/superman.svg');*/
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.skyline-header{
		padding-top: 0.75rem;
	}
	.skyline-header h1, .skyline-header h2, .mobile-header h1{
		font-size: 1.5rem;
		font-weight: 300;
	}
	
	.header-subText{
		font-size: 0.7rem;
		opacity: 0.7;
		font-weight: 300;
	}

	
	.mdd-coupon-red, .mdd-coupon-yellow{
		margin: 0 .5rem!important;
		color: #fff;

    	display: inline-block;
	    padding: .3em .4em;
	    font-size: 80%;
	    font-weight: 700;
	    line-height: 1.2;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: baseline;
	    border-radius: .25rem;

	    -webkit-transition: ease-in-out .2s background-color;

	    -o-transition: ease-in-out .2s background-color;

	    transition: ease-in-out .2s background-color;
	}
	.mdd-coupon-yellow{
		background-color: #ffc107;
	}
	.mdd-coupon-red{
		background-color: #dc3545;
	}
	a.mdd-coupon-red:hover{
		text-decoration: none;
		color: white;
		background-color: var(--mddNavy);
	}
	
	/* CAROUSEL FADE */
	.carousel-fade .carousel-item {
 opacity: 0;
 -webkit-transition-duration: .6s;
      -o-transition-duration: .6s;
         transition-duration: .6s;
 -webkit-transition-property: opacity;
 -o-transition-property: opacity;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
         transform: translateX(0);
 -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
}


	
	.mdd-header{
		position: relative;
		width: 100%;
		/*MDD Blue*/
		background-image: -webkit-gradient(linear, left top, right top, from(#3670FD), to(#56CCF2));
		background-image: -webkit-linear-gradient(left, #3670FD, #56CCF2);
		background-image: -o-linear-gradient(left, #3670FD, #56CCF2);
		background-image: linear-gradient(90deg, #3670FD, #56CCF2);
		/*USA*/
		/*background-image: -webkit-gradient(linear, left top, right top, from(#BF0A30), to(#002868));
		background-image: -webkit-linear-gradient(left, #BF0A30, #002868);
		background-image: -o-linear-gradient(left, #BF0A30, #002868);
		background-image: linear-gradient(90deg, #BF0A30, #002868);*/
		overflow: hidden;
	}
	.mdd-header-pricing{
		position: relative;
		width: 100%;
		background-image: -webkit-gradient(linear, left top, right top, from(#3670FD), to(#56CCF2));
		background-image: -webkit-linear-gradient(left, #3670FD, #56CCF2);
		background-image: -o-linear-gradient(left, #3670FD, #56CCF2);
		background-image: linear-gradient(90deg, #3670FD, #56CCF2);
		
	}
	.header-cloud1{
		position: absolute;
		
		right: 0;
		left: 20%;
		
		-webkit-transform: translateX(-10%);
			-ms-transform: translateX(-10%);
		    transform: translateX(-10%);
		
		-webkit-animation: mdd-transform-animation 22s alternate infinite;
		animation: mdd-transform-animation 22s alternate infinite;

		background-image: url("../imgs/cloud 1.svg");
		background-repeat: no-repeat;
		
		opacity: 0.15;
	}
	.header-cloud2{
		position: absolute;
		
		right: 0;
		left: 74%;

		-webkit-transform: translateX(10%);
			-ms-transform: translateX(10%);
		    transform: translateX(10%);
		
		-webkit-animation: mdd-transform-animation 20s alternate infinite;
		animation: mdd-transform-animation 20s alternate infinite;

		background-image: url("../imgs/cloud 2.svg");
		background-repeat: no-repeat;
		
		opacity: 0.15;
	}
	.header-cloud3{
		position: absolute;
		
		right: 0%;
		left: 65%;
		top: 75%;
		bottom: -10%;

		-webkit-transform: translateX(30%);
			-ms-transform: translateX(30%);
		    transform: translateX(30%);

		-webkit-animation: mdd-transform-animation 30s;
		animation: mdd-transform-animation 30s;
		
		background-image: url("../imgs/cloud 2.svg");
		background-repeat: no-repeat;
		
	}
	.header-cloud4{
		position: absolute;
		right: 37%;
		left: 53%;
		top: 94%;
		bottom: -15%;

		-webkit-transform: translateX(-10%);
			-ms-transform: translateX(-10%);
		    transform: translateX(-10%);

		-webkit-animation: mdd-transform-animation 10s alternate infinite ease-in-out;
		animation: mdd-transform-animation 10s alternate infinite ease-in-out;

		background-image: url("../imgs/cloud 1.svg");
		background-repeat: no-repeat;
	}
	.header-superman{
		position: absolute;
		
		right: 0;
		left: 60%;
		top: 30%;
		bottom: 10%;

		-webkit-transform: translate(50px, -50px);
			-ms-transform: translate(50px, -50px);
		    transform: translate(50px, -50px);

		-webkit-animation: mdd-transform-animation 10s alternate infinite ease-in-out;
		animation: mdd-transform-animation 10s alternate infinite ease-in-out;
		
		background-image: url("../imgs/superman.svg");
		background-repeat: no-repeat;
		
		opacity: 0.25;
	}

	@media only screen and (max-width: 576px){
		.skyline-header{
			height: 13rem;
		}
		.header-cloud1{
			top: 40%;
			bottom: 55%;
		}
		.header-cloud2{
			top: 28%;
			bottom: 65%;
		}
		.header-cloud3{
			right: 0%;
			left: 70%;
			top: 83%;
			bottom: -10%;
		}

		.mdd-plan-nav{
			width: 100%;
		}


		
	}

	@media only screen and (min-width: 577px){
		.skyline-header{
			height: 17rem;
		}
		.header-cloud1{
			top: 46%;
			bottom: 44%;
		}
		.header-cloud2{
			top: 35%;
			bottom: 55%;
		}
		.header-cloud4{
			top: 90%;
			bottom: -15%;
		}
		
		.mdd-plan-comparison-thead tr td {
			font-size: 1.35rem !important;
		}
		
	}

	@media only screen and (min-width: 1024px){
		.header-cloud4{
			right: 40%;
			left: 55%;
			top: 92%;
			bottom: -15%;
		}

	}
	

	@-webkit-keyframes mdd-transform-animation{
		from{
			 -webkit-transform: translate(0,0);
			         transform: translate(0,0);
		}
		to{
			 transform: translate(1,1);
		}
	}
	

	@keyframes mdd-transform-animation{
		from{
			 -webkit-transform: translate(0,0);
			         transform: translate(0,0);
		}
		to{
			 transform: translate(1,1);
		}
	}
	
	@-webkit-keyframes item-fade-in-animation{
		from{
			opacity: 0.0;
		}
		to{
			opacity: 1.0;
		}
	}
	
	@keyframes item-fade-in-animation{
		from{
			opacity: 0.0;
		}
		to{
			opacity: 1.0;
		}
	}
	
	@-webkit-keyframes item-fade-out-animation{
		from{
			opacity: 1.0;
		}
		to{
			opacity: 0.0;
		}
	}
	
	@keyframes item-fade-out-animation{
		from{
			opacity: 1.0;
		}
		to{
			opacity: 0.0;
		}
	}
	
	.item-fade-in{
		-webkit-animation: item-fade-in-animation 0.5s;
		        animation: item-fade-in-animation 0.5s;
		opacity: 1.0;
	}
	.item-fade-out{
		-webkit-animation: item-fade-out-animation 0.5s;
		        animation: item-fade-out-animation 0.5s;
		opacity: 0.0;
	}
	
/**** NAVBAR ****/
	.nav-link{
		color: white;
		font-weight: 500;
	}

	.navbar-nav li:last-child a{
		background-color: rgba(34,83,120, 0.25);
		border-radius: 0.5rem;
	}

	.dropdown-menu .fa{
		padding-right: 1rem;
		font-size: 0.9rem;
		width: 25%;
		text-align: center;
		color: var(--mddBlue);
	}
	
	/* display on hover */
	.dropdown:hover>.dropdown-menu {
		display: block;
	}

	.dropdown-item{
		color: #2980B9;
	}

	.dropdown-menu{
		margin: 0;
		border-radius: 0.5rem;
		border: none;

		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
	}

/* Pricing Nav */

	.mdd-plans-navgroup{
		border-radius: 0.9rem;
		
		-webkit-box-shadow:inset 0px 0px 0px 2px #b6c1c6;
		
		        box-shadow:inset 0px 0px 0px 2px #b6c1c6;
	}
	.mdd-plan-nav{
		color: #8898aa;
		border-radius: 0.8rem !important;
		font-size: 0.9rem;
	}
	.mdd-plan-nav:hover{
		color: var(--mddBlue);
	}
	
	.mdd-plan-nav.active{
		background: var(--mddBlue) !important;
	}

	.mdd-plan-nav-prev, .mdd-plan-nav-next{
		-ms-flex-item-align: center!important;
    	-ms-grid-row-align: center!important;
		    align-self: center!important;
    	padding: 0 .25rem;

    	color: var(--mddMediumGray);
	}
	.mdd-plan-nav-prev:hover, .mdd-plan-nav-next:hover{
		color: var(--mddBlue);
	}

/* Plans */
	
	.mdd-plan{
		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
		        box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);

		border-radius: 1.2rem;
		padding: 1rem;
		text-align: center;
		max-width: 210px;
		margin:auto;
	}
	
	.mdd-plan ul{
		padding: 0;
	}
	.mdd-plan li{
		list-style: none;
		text-align: center;
		font-weight: 300;
	}
	.mdd-plan h2{
		font-weight: 500;
		font-size: 1.3rem;
	}
	.mdd-plan-price {
		padding: 1rem 0;
	}
	.mdd-plan-price div{
		letter-spacing: -0.1em;
		font-weight: 500;
		font-size: 2rem;
		line-height: 2rem;
	}
	.mdd-plan-price div strong{
		font-size: 3rem;
	}
	.mdd-plan-price span{
		font-weight: 300;
		font-size: 0.8rem;
		margin-bottom: 2rem;
	}
	/* plan submit button */
	.mdd-plan .btn{ 
		width: 90%;
		margin: 0.5rem 0 0.5rem 0;
		font-size: 0.9em;
	}
	
	/* COLOR WHITE PLANS */
	.mdd-plan-white{
		color: var(--mddNavy);
		background: white;
	}
	.mdd-plan-white h2{
		color: var(--mddBlue);	
	}
	.mdd-plan-white div{
		color: var(--mddBlue);
	}
	.mdd-plan-white span{
		color: var(--mddNavy);
	}
	/* COLOR NAVY PLANS */
	.mdd-plan-navy{
		color: white;	
		background: var(--mddNavy);
	}
	.mdd-plan-navy h2{
		color: var(--mddYellow);	
	}
	.mdd-plan-navy div{
		color: var(--mddYellow);
	}
	.mdd-plan-navy span{
		color: white;
	}
	
	.mdd-plan-navy .mdd-plan-submit:hover{
		background-color: var(--mddBorderCyan);
	}

	
	.plan-feature-head{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-item-align: center!important;
    	align-self: center!important;
	}
	.plan-feature-link{
    	-ms-flex-item-align: center!important;
    	-ms-grid-row-align: center!important;
    	    align-self: center!important;
	}
	.plan-feature-link a{
		color: var(--mddLightNavy);
	}
	.plan-feature-link a:hover{
		color: var(--mddNavy);
	}
	.plan-feature-link a i{
		-webkit-transition: 0.2s -webkit-transform ease-in-out;
		transition: 0.2s -webkit-transform ease-in-out;
		-o-transition: 0.2s transform ease-in-out;
		transition: 0.2s transform ease-in-out;
		transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
	}
	.plan-feature-link-active{
		-webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	
	.mdd-plan-features{
		font-weight: 300;
		font-size: 0.9rem;
	}
	.mdd-plan-features td{
		padding-bottom: 0.4rem;
	}
	.strong-orange strong{
		color: var(--mddOrange);
	}
	.plan-feature-fill{
		background-color: #F6F6F6;
		border-radius: 0.4rem;
		
	}
	.plan-feature-fill span{
		color: var(--mddNavy);
	}
	
	.mdd-plan-cta td{
		padding-top: 2rem;
		padding-bottom: 1.6rem;
	}
	
	/* Pricing Page*/
	.mdd-plan-comparison{
		display: block;
		border-radius: 0.75rem;
	}
	.mdd-plan-comparison tbody, .mdd-plan-comparison thead, .mdd-plan-comparison tfoot, .mdd-plan-comparison tr, .mdd-plan-comparison td,
	.mdd-plan-comparison-thead, .mdd-plan-comparison-thead tr, .mdd-plan-comparison-thead td{
		display: block;
	}
	
	.mdd-plan-comparison tr td, .mdd-plan-comparison-thead tr td{
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
		font-size: 0.85rem;
		font-weight: 500;
	}
	tbody.mdd-plan-comparison tr td, .mdd-plan-comparison tbody tr td{
		border-bottom: 1px solid;
	}
	tbody.mdd-plan-comparison tr:last-child td, .mdd-plan-comparison tbody tr:last-child td{
		border-bottom: none;
	}
	
	.mdd-plan-comparison-thead tr td{
		padding-top: 2rem !important;
	}
	
	.mdd-plan-comparison-c thead tr td{
		padding-top: 1rem !important;
		margin-top: 1rem !important;
	}
	.mdd-plan-comparison-c{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		z-index: -1;
	}
	.mdd-plan-comparison-c tbody tr td:before{
		font-family: 'FontAwesome';
		content: '\f054';
		margin:0 0.4rem 0 0;
		font-size: 0.6rem;
		color: var(--mddLightCyan);
	}
	.on-top{
		z-index: 10;
	}

/* Hosting Features */
	.feature-img-wrapper{
		height: 4rem;
	}
	.feature-img-wrapper img{
		width: 100%;
		height: 100%;
	}
	.section-title{
		color: var(--mddNavy);
		font-size: 1.5rem;
		padding: 1rem 0rem;
	}
	.hosting-features-section span{
		color: var(--mddNavy);
		font-size: 1rem;
		display: block;
		margin-bottom: .5rem;
		font-weight: 500;
		line-height: 1.2;
		color: var(--mddNavy);
	}

/* Testimonials */
	.mdd-white-box{
		border-radius: 0.5rem;
		border: none;
		-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		
		background-color: white;
	}
	.mdd-white-box:hover{
		text-decoration: none;
		
		cursor: pointer;
		
		-webkit-box-shadow: 0px 3px 15px 0px rgba(28,165,255,0.2);
		box-shadow: 0px 3px 15px 0px rgba(28,165,255,0.2);
	}
	
	.mdd-testomonial {
		cursor: pointer;
		height: 100%;
		padding: 1rem;
		border-radius: 0.5rem;
	}
	.mdd-test-section-text{
		padding-left: 1rem;
	}
	.mdd-test-section-text h2{
		font-size: 1.1rem;
		margin: 0;
		color: var(--mddNavy);
	}
	.mdd-test-section-text p{
		font-size: 0.8rem;
		margin: 0;
		color: var(--mddGray);
	}
	.mdd-testomonial .profile-image{
		width: 5rem;
		height: 5rem;
		border-radius: 2.5rem;
		overflow: hidden;
	}
	.mdd-testomonial:hover {
	    text-decoration: none;
	}

	.stars-rating i{
		color: var(--mddYellow);
	}

/* pricing */
	.featureDescriptin{
		color: var(--mddNavy);
		text-align: justify;
    	text-justify: inter-word;
	}
	.pricingTitle{
		color: var(--mddNavy);
		font-size: 1.5rem;
		font-weight: 300;
		margin:0;
	}
	
	.planTable{
		font-size: 0.9rem;
		text-align: center;
		color: var(--mddNavy);
		font-weight: 500;
		min-width: 682px!important;
		max-width: 1000px!important;

		background-image: -webkit-gradient(linear, left top, right top, from(#1CA5FF), to(#56CCF2));
		background-image: -webkit-linear-gradient(left, #1CA5FF, #56CCF2);
		background-image: -o-linear-gradient(left, #1CA5FF, #56CCF2);
		background-image: linear-gradient(90deg, #1CA5FF, #56CCF2);
		
		-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
	}
	.planTable-head, .planTable-head-alt{
		background-image: -webkit-gradient(linear, left top, right top, from(#1CA5FF), to(#56CCF2));
		background-image: -webkit-linear-gradient(left, #1CA5FF, #56CCF2);
		background-image: -o-linear-gradient(left, #1CA5FF, #56CCF2);
		background-image: linear-gradient(90deg, #1CA5FF, #56CCF2);
		border-radius: 1rem;
		padding: 0.5rem;
		color: white;
	}
	.planTable-head-alt{
		border-radius: 1rem 1rem 0 0!important;
	}
	.planTable thead tr th{
		padding: 0.65rem 0rem;
		color: white;
		font-weight: 500;
	}
	.planTable tbody tr td strong{
		font-weight: 700;
		padding: 0rem 0.15rem;
	}
	.planTable tbody td{
		/*width: 15.6%;*/
		padding: 0.65rem 0rem;
		vertical-align: middle;
		background-color: white;
	}
	.planTable tbody td:first-child, .planTable tbody td:last-child{
		width: 11%;
	}
	.planTable tbody td:last-child{
		padding-right: 10px;
	}
	.planTable .specs td{
		width: 10%;
		padding: 0.65rem 0rem;
		vertical-align: middle;
	}
	.planTablePrice{
		font-weight: 300;
	}
	a.planTableButton{
		border-color: var(--mddBlue);
		color: var(--mddBlue);
		padding: 0.25rem 0.45rem;
		margin: 0;
		font-size: 0.7rem;
		font-weight: 700;
		border-width:2px;
	}
	a.planTableButton:hover{
		border-color: var(--mddBlue);
		background-color: var(--mddBlue);
		color: white;
	}
	
	/* Fix Safari Table */
	
	/*.planTable tbody tr:hover, tbody.planTable tr:hover{
		background-color: rgba(0,0,0,0.03);
	}*/
	
	.planTable tbody tr:hover td, tbody.planTable tr:hover td{
		
		background-color: rgb(247, 247, 247);
	}
	
	.table-rounded{
		border-radius: 1rem;
		overflow: hidden;
	}
	
	
	.planTable-head div, .planTable-head-alt div{
		-ms-flex-item-align: center!important;
		-ms-grid-row-align: center!important;
		    align-self: center!important;
	}
	.plan-title *{
		display: block;
		text-align: center;
	}
	.plan-title span{
		font-size: 0.8em;
		opacity: 0.6;
	}
	
	.planTable-list, .planTable-list-alt{
		border-radius: 1rem;
	}
	.planTable-list div, .planTable-list-alt div{
		padding: 0.65rem 0.5rem;
		white-space: nowrap;
    	overflow: hidden;
	}
	.planTable-list div:last-child, .planTable-list-alt div:last-child{
		border-bottom: none;
	}
	.planTable-blue div i, .planTable-blue-alt div i{
		text-align: center;
		width: 20%;

		padding: 0 1rem 0 0.5rem;
		opacity: 0.4;
	}
	.planTable-blue div:hover{
		background-color: rgba(0,0,0,0.03);
		cursor: help;
	}
	.planTable-blue-alt div:hover{
		cursor: help;
	}
	.bg-gray{
		background-color: rgba(0,0,0,0.03);
		-webkit-transition: .3s background-color;
		-o-transition: .3s background-color;
		transition: .3s background-color;
	}
	.planTable-blue-alt div{
		-webkit-transition: .3s background-color;
		-o-transition: .3s background-color;
		transition: .3s background-color;
		background-color: rgba(0,0,0,0.03);
	}
	@media (min-width: 768px) {
		.planTable-blue-alt div{
			background-color: transparent;
		}
	}
	.planTable-sectiontitle{
		font-weight: 300;
		color: var(--mddDarkBlue);
		margin: 0;
		padding: 1.25rem 0;
		font-size: 1.5em;
	}
	.planTable-white{
		
		margin-left: 2rem;

		-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		border-radius: 1rem;
	}
	.planTable-white-alt{
		
		margin-left: 2rem;
	}
	.plan-row-white{
		background-color: white;
		color: var(--mddNavy);
-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		border-radius: 0 0 1rem 1rem;
	}
	.planTable-blue{
		background-color: var(--mddBlue);
		color: white;
	}
	.planTable-blue-alt{
		background-color: transparent;
		color: var(mddNavy);
	}
	.planTable-white div, .planTable-white-alt div{
		text-align: center;
		width: 100%;
		
		display: -ms-flexbox!important;
		display: -webkit-box!important;
		display: flex!important;
		
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important;
		
		border-bottom: 1px solid white;
		
		font-weight: 500;
	}
	.planTable-blue div{
		border-bottom: 1px solid #54C5F3;
	}
	
	.plan-row-white div[class^='col']{
		border-bottom: 1px solid rgba(230,230,250,1);
		border-left: 1px solid rgba(230,230,250,1);
	}

	.plan-row-white div[class^='col']:last-child{
		border-bottom: none;
	}

	.planTable-white div span, .planTable-white-alt div span{
		width: 33.3%;
	}
	.planTable-white a, .planTable-white-alt a{
		font-size: 0.8em;
	}
	.planTable-white a i, .planTable-white-alt a i{
		padding-left: 0.3rem!important;
		font-size: 0.8em;
	}
	.planTable-prices span{
		color: var(--mddGray);
	}
	.planTable-white-alt button{
		font-size: 0.8em;
	}

	.colspan{
		padding: 0.35rem 0.5rem!important;
	}
	.colspan span{
		background-color: var(--mddLightGray);
		border-radius: 0.6rem;
		width: 100%!important;
		height: 100%;
		padding: 0.3rem 0;
	}

	.plabTable-feature-checkbox{
		border-radius: 0.8rem;
		border: none;
		-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		
		background-color: white;

		display: -ms-flexbox!important;
		display: -webkit-box!important;
		display: flex!important;

		-ms-flex-direction: row!important;
		-webkit-box-orient: horizontal!important;
		-webkit-box-direction: normal!important;
		        flex-direction: row!important;

		cursor: pointer;

		padding: 0.8rem;
	}
	.plabTable-feature-checkbox h3{
		font-size: 0.9em;
		display:  block;
		color: var(--mddNavy);
		white-space: nowrap;
    	overflow: hidden;
	}
	.plabTable-feature-checkbox strong{
		color: var(--mddGray);
		font-size: 0.9em;
		
	}
	.blue-stroke{
		-webkit-box-shadow:inset 0px 0px 0px 2px var(--mddBlue);
		box-shadow:inset 0px 0px 0px 2px var(--mddBlue);
	}

	.planTable-specifications li{
		width: 30%;
		color: var(--mddMediumNavy);
	}

	.planTable-ordersummary{
		border-radius: 0.5rem;
		-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);

		text-align: center;
		
		color: var(--mddMediumNavy);

		background-color: white;
		padding: 1.5rem;
	}
	.planTable-ordersummary h3{
		font-size: 1.2em;
		font-weight: 400;
		margin-bottom: 1.5rem;
	}
	.planTable-ordersummary h4{
		font-size: 0.9em;
		font-weight: 300;
	}
	.planTable-chosenPlan, .planTable-extras{
		padding: 0.5rem 0rem;

	}
	.planTable-chosenPlan span, .planTable-extras ul{
		font-size: 0.9em;
		opacity: 0.6;
	}
	.planTable-extras ul li{
		list-style: none;
		text-align: left;
	}
	.planTable-extras ul li:before{
		font-family: "Font Awesome 5 Free";
  		font-weight: 900;
		content: '\f067';
		margin:0 0.6rem 0 0;
		font-size: 0.5rem;
	}
	.planTable-total h3{
		display: inline;
	}

	.planTable-totalprice{
		font-size: 1.2em;
		padding-bottom: 1rem;
	}

	@media (max-width: 575px) {

		.scroll-on-sm .row{
			width: 575px;
			margin: 0;
			padding-right: 15px;
			overflow: visible;
		}

	}
	@media (max-width: 768px) {
		.planTable-specifications li{
			width: 100%;
		}
		.planTable-list div i, .planTable-list-alt div i{
			padding: 0 0.5rem 0 0.5rem;
		}
		.planTable-list div{
			font-size: 0.7em;
		}
		.planTable-list-alt div{
			font-size: 0.9em;
		}
		.planTable-head div, .planTable-head-alt div{
			font-size: 0.9em;
		}
		.planTable-white-alt{
			margin-left: 0rem;
		}

		.plan-row-white div[class^='col']{
			border-bottom: none;
			border-left: none;
		}

		.planTable-blue-alt div i{
			text-align: center;
			width: auto;

			padding: 0 1rem 0 0.5rem;
			opacity: 0.4;
		}
	}
	@media (max-width: 990px) and (min-width: 768px) {
		.planTable-specifications li{
			width: 45%;
		}
		.planTable-list div i, .planTable-list-alt div i{
			padding: 0 0.75rem 0 0.3rem;
		}
		.planTable-list div{
			font-size: 0.8em;
		}
		.planTable-list-alt div{
			font-size: 1em;
		}
		
	}
	@media (min-width: 990px) {
		.planTable-specifications li{
			width: 30%;
		}	
	}

	.scroll-on-sm{
		overflow-x: scroll;
		overflow-y: visible;
		padding-bottom: 1rem;
	}


	
/* Pricing Range Slider */
	.mdd-range-box{
		border-radius: 0.5rem;
		-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		
		max-width: 580px;
		
		background-color: white;
		padding: 2.5rem;
	}
	
	.mdd-ch-price{
		color: var(--mddBlue);
		font-size: 1.5em;
		line-height: 1.2;
		margin-bottom: .5rem;
		font-weight: 500;
	}
	.mdd-ch-int{
		color: var(--mddNavy);
		font-weight: 300;
	}
	.mdd-ch-price span{
		font-size: 2em;
	}
	
	/* The range slider */
		.mdd-pricing-slider{
			padding-top: 3rem;
		}
		#slider{
			position: relative;
			width: 100%;
			height: 2rem;
		}
		.mdd-pricing-slider .pricing-range-bar{
			-webkit-appearance: none;
			margin-left: 8.5%;
			width: 83%;
			height: 20px;
			background-color: transparent;
			position: absolute;
		}
		.pricing-range-bar:focus{
			outline: none;
		}
		@media only screen and (min-width: 521px){
			.mdd-pricing-slider .pricing-progress-bar{
				margin: 0px 20px 0px 20px;
			}
		}
		.mdd-pricing-slider .pricing-progress-bar{
			position: absolute;
			margin-left: 10.99%;
			width: 78.02%;
			height: 20px;
			border-radius: 20px;
			z-index: 0;
		}
		@media only screen and (max-width: 520px){
			.mdd-pricing-slider .pricing-range-bar{
				margin-left: 4%;
				width: 92%;
			}
		}
		.pricing-progress-bar .progress-bar{
			width: 50%;
			background-color: var(--mddBlue);
			
			-webkit-transition: .2s width linear;
			
			-o-transition: .2s width linear;
			
			transition: .2s width linear;
		}
		#range-slider .progress-bar{
			-webkit-transition: none!important;
			-o-transition: none!important;
			transition: none!important;
		}
		#rangeinput{
			z-index: 5;
		}
		input#rangeinput::-webkit-slider-thumb {
			-webkit-appearance: none;
			position: relative;
			top: 0px;
			z-index: 2;
			width: 40px;
			height: 40px;
			cursor: pointer;
			-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.25);
			        box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.25);
			border-radius: 40px;
		  	background-color: white;
		}
		/* #range-slider .progress = Ugly design for Firefox, compatible for sure */
		/* input#rangeinput::-moz-range-thumb = Nice design for Firefox, may not be compatible in future FF versions */
		@-moz-document url-prefix() {
		/*	#range-slider .progress{
				visibility: hidden;
			}*/
			
			
			input#rangeinput::-moz-range-thumb {
				-webkit-appearance: none;
				position: relative;
				top: 0px;
				z-index: 2;
				width: 40px;
				height: 40px;
				cursor: pointer;
				-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.25);
						box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.25);
				border-radius: 40px;
				background-color: white;
				border: none;
			}
			input#rangeinput::-moz-range-track{
				background-color: transparent;
			}
			
		}
		.progress-range-intervals{
			width: 94%;
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		.progress-range-intervals h2{
			font-size: 0.8rem;
		}
		.progress-selected{
			color: var(--mddBlue)!important;
			font-weight: 300;
		}
		.progress-highlighted{
			color: var(--mddBlue)!important;
			font-weight: 500;
		}
		.progress-unselected{
			color: var(--mddGray)!important;
			font-weight: 300;
		}
	/* Features Boxes */
		.pricing-feature-box{
			background-color: var(--mddLightGray);
			padding: 1rem;
			height: 80px;
			
			border-radius: 1rem;
			color: var(--mddNavy);
			
		}
		.pricing-feature-box-full{
			-webkit-box-shadow:inset 0px 0px 0px 2px var(--mddBlue);
			box-shadow:inset 0px 0px 0px 2px var(--mddBlue);
		}
		.feature-title h3{
			font-size: 1.1em;
			font-weight: 300;
			margin: 0;
		}
		.feature-title-complete{
			color: var(--mddBlue);
		}
		.pricing-feature-box span{
			font-size: 1.4em;
			font-weight: 500;
		}
		.feature-bar i{
			background-color: var(--mddMediumGray);
			border-radius: 5px;

			-webkit-transition: .2s background-color ease;

			-o-transition: .2s background-color ease;

			transition: .2s background-color ease;
		}
		.feature-bar-enabled{
			background-color: var(--mddBlue)!important;
		}
		#feature-cpu-bar i{
			/*width: 10%;*/
			width: 15%;
			height: 8px;
		}
		#feature-ram-bar i{
			/*width: 22%;*/
			width: 15%;
			height: 8px;
		}
		.pricing-feature-box .progress{
			height: 8px;
			background-color: var(--mddMediumGray);
		}
		.pricing-feature-box .progress .progress-bar{
			background-color:var(--mddBlue);

			-webkit-transition: .2s width ease-in-out;

			-o-transition: .2s width ease-in-out;

			transition: .2s width ease-in-out;
		}
		
/* Hosting Features */
	.mdd-bg-gray{
		background-color: var(--mddLightGray);
	}
	.mdd-bg-lightgray{
	    background-color: var(--mddSuperLightGray);
	}
	.mdd-bg-white{
		background-color: white;
	}
	
	.mdd-hosting-feature-img{
		width: 54px;
		height: auto;
	}

	.mdd-features-section ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.mdd-features-section ul li:nth-child(odd){
		background-color: var(--mddLightGray);
	}
	.mdd-features-section ul li:nth-child(even){
		background-color: white;
		
	}
	
	.plan-features-list{
		color: var(--mddMediumNavy);
		list-style: none;
		padding: 1rem 0rem!important;
		text-align: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;	
	}
	.plan-features-list li{
		background-color: transparent!important;
	}
	.plan-features-list i{
		opacity: 0.75;
		margin-left: 5px;
	}
	.checklist li{
		display: inline-table;
		padding: 0.15rem 0rem;
		padding-left: 1.4em;
		/*text-indent: -1.4em;*/
		
	}
	.checklist li:before{
		font-family: "Font Awesome 5 Free";
  		font-weight: 900;
		content: '\f00c';
		margin:0 0.6rem 0 0;
		font-size: 0.8rem;
	}
	@media only screen and (max-width: 768px){
		.plan-features-list li{
			width: 100%;
		}
		
	}
	@media only screen and (min-width: 769px){
		.plan-features-list li{
			width: 45%;
			min-width: 320px;
		}
		
	}
	
	@media (max-width: 575px) {
		.featureDescriptin{
			font-size: 0.9em;
		}		
	}
	@media (min-width: 576px) {
		.featureDescriptin{
			font-size: 1em;
		}		
	}
		
/* Footer */
	.mdd-footer{
		border-top: 1px solid #C5D2D8;
		overflow: scroll;
	}
	.mdd-footer::-webkit-scrollbar { 
		display: none; 
	}
	.footer-nav h3{
		font-size: 0.9rem;
	}
	.footer-nav a{
		color: var(--mddLightNavy);
		font-weight: 300;
		font-size: 0.9rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
	


/* NEW PRICING - DELETE UNUSED CLASSES */
.mdd-hosting-title{
	text-align: center;
	padding-top: 1rem;
}
.mdd-hosting-title h1{
	font-size: 1.25em;
}
.mdd-hosting-title p{
	font-weight: 300;
}
.mdd-hosting-title p i{
	color: var(--mddOrange);
}
.mdd-hosting-title .icon-crown{
	color: var(--mddYellow);
}




/* MODAL */
.modal-backdrop{
	background-color: var(--mddDarkBlue)!important;
}
.modal-backdrop.show{
	opacity: 0.7!important;
}
.modal-content{
	border: none;
	border-radius: 0.8rem;
	overflow: hidden;

	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
}
.modal-header{
	background-color: var(--mddBlue);
	color: white;
	padding: 15px 20px;
}
.modal-header button{
	color: var(--mddNavy);
}
.modal-body{
	color: var(--mddNavy);
	padding: 15px 20px;
}
.modal-footer{
	background-color: var(--mddLightGray);
}


/* TOOLTIPS */
.tooltip { pointer-events: none; }
.tooltip-inner {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);

    padding: 1rem;
    background-color: #225378;
    text-align: justify;
    color: #fff;
    border-radius: .8rem;
    /*margin-left: -5px;*/
	margin-bottom: -5px;

    font-size: 0.9em;

    min-width: 300px;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #225378;
    /*margin-left: -5px;*/
    margin-top: 5px;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #225378;
    /*margin-left: -5px;*/
    margin-top: 5px;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #225378;
    /*margin-left: -5px;*/
    margin-top: 5px;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    
    border-bottom-color: #225378;
    /*margin-left: -5px;*/
    margin-top: 5px;
}

.img-fluid {
    height: 100%;
}