#msh_panel {
}

#msh_panel a {
	text-decoration: underline;
}

#msh_panel a.et_pb_promo_button {
	text-decoration: none;
}

#msh_panel .et_pb_fullwidth_code {
	padding-top: 0 !important;
}

#msh_panel p:last-of-type {
	padding-bottom: 1em;
}

#msh_panel .l { float: left; }
#msh_panel .r { float: right; }
#msh_panel .c { clear: both; height: 0px !important; width: 0px !important; font-size: 0px; }

#msh_panel .tl { text-align: left; }
#msh_panel .tr { text-align: right; }
#msh_panel .tc { text-align: center; }
#msh_panel .tj { text-align: justify; }

#msh_panel .txt-lg { font-size: 2em; line-height: 1.5em; }
#msh_panel .txt-md { font-size: 1.5em; line-height: 1.5em; }
#msh_panel .txt-sm { font-size: .5em; line-height: 1.5em; }

#msh_panel .p_a { padding: 15px; }

#msh_panel .vam { vertical-align: middle; }

#msh_panel .db{
	display:table;
	margin: 10px auto 0 auto;
}

#msh_panel .w_10 { width: 10%; }
#msh_panel .w_16 { width: 16.6666666%; }
#msh_panel .w_20 { width: 20%; }
#msh_panel .w_25 { width: 25%; }
#msh_panel .w_30 { width: 30%; }
#msh_panel .w_33 { width: 33.3333333%; }
#msh_panel .w_40 { width: 40%; }
#msh_panel .w_50 { width: 50%; }
#msh_panel .w_60 { width: 60%; }
#msh_panel .w_66 { width: 66.6666666%; }
#msh_panel .w_70 { width: 70%; }
#msh_panel .w_75 { width: 75%; }
#msh_panel .w_80 { width: 80%; }
#msh_panel .w_83 { width: 83.3333333%; }
#msh_panel .w_90 { width: 90%; }
#msh_panel .w_100 { width: 100%; }

#msh_panel .h_100 { height: 250px; }
#msh_panel .h_150 { height: 300px; }
#msh_panel .h_200 { height: 350px; }
#msh_panel .h_250 { height: 400px; }
#msh_panel .h_300 { height: 450px; }
#msh_panel .h_350 { height: 500px; }
#msh_panel .h_full { height: 100%; }

#msh_panel .tbl { display: table; width: 100%; height: 100%; }
#msh_panel .tbl-row { display: table-row; width: 100%; height: 100%; }
#msh_panel .tbl-cell { display: table-cell; width: 100%; height: 100%; }

#msh_panel h1,
#msh_panel h2,
#msh_panel h3,
#msh_panel h4,
#msh_panel h5,
#msh_panel h6 {
	margin-bottom: 1em;
}

#msh_panel h2 { font-size: 26px; }

#msh_panel .box {
	position: relative;
}

#msh_panel .box .tbl {
	position: relative;
	z-index: 20;
}

.KALEBpanel-blue { background-color: #3A77AB; color: #FFF; }
.panel-blue { background-color: #000000; color: #FFF; }
.panel-blue h1,
.panel-blue h2,
.panel-blue h3,
.panel-blue h4,
.panel-blue h5,
.panel-blue h6 { color: #FFF; }
.panel-blue a { color: #FFF; }
.panel-white { background-color: #FFF; }
.panel-l-grey { background-color: #F7F7F7; }
.panel-d-grey { background-color: #666; color: #FFF; }
.panel-d-grey h1,
.panel-d-grey h2,
.panel-d-grey h3,
.panel-d-grey h4,
.panel-d-grey h5,
.panel-d-grey h6 { color: #FFF; }
.panel-d-grey a { color: #FFF; }

.panel {
	position: relative;
}

.panel-full-page {
	height: 100vh;	
}

.panel-full-page {
	height: 50vh;
}

.panel-bg-stretch {
	background-size: cover;
	background-position: center center;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
}

.panel-bg-fixed {
	background-attachment: fixed;
}

.panel-video-bg {
	position: relative;
	overflow: hidden;
}

.panel-video-bg .video-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.panel-video-bg .video-container video {
	width: 100%;
	height: 100%;
}

.panel-nav-pad {
	padding-top: 60px;
}

.panel {
    margin-top: -14px;
}

.panel .wrapper {
	position: relative;
	z-index: 20;
	box-sizing: border-box;
	width: 1400px;
	padding: 75px 50px;
	margin: auto;
}

.half-panel .wrapper {
	box-sizing: border-box;
	width: 700px;
}

.panel-left,
.panel-right {
	position: relative;
}

.panel-left .wrapper {
	float: right;
}

.panel-right .wrapper {
	float: left;
}

#msh_panel .panel-banner {
	background-color: #666;
}

.panel-banner .wrapper {
	padding: 200px 50px;
}

.panel-full-page .wrapper,
.panel-half-page .wrapper {
	padding: 50px;
}

.user-flow-content .panel-banner .wrapper {
	padding: 150px 50px;
}

#msh_panel .panel-banner h1,
#msh_panel .h1,
#msh_panel .h2 {
	font-weight: bold;
	font-size: 4em;
	margin-bottom: 0;
	text-align: center;
}

#msh_panel .panel-home h1 {
	font-size: 2em;
}

#msh_panel .panel-banner h1,
#msh_panel .panel-image .h1,
#msh_panel .panel-image .h2 {
	color: #FFF;
}

#msh_panel .h1 {
	font-size: 3em;
}

#msh_panel .h2 {
	font-size: 2em;
}

#msh_panel .h3 {
    font-size: 1.75em;
	font-weight: bold;
}

#msh_panel .overlay-panel {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2016/03/panel-overlay.png');
}

#msh_panel .step-number {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    KALEBborder: 5px solid #3A77AB;
    border: 5px solid #000000;
    color: #000;
    font-size: 50px;
    text-align: center;
    margin: 0 auto 1.0rem;
    line-height: 52px;
    font-weight: normal;
}

.panel .team .team_member .photo {
	position: relative;
	height: 0;
	padding-bottom: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.panel .team .team_member .name {
	padding-top: 10px;
}

.panel-post .photo {
	float: left;
	width: 100px;
	margin-right: 15px;
}

.panel-post .post {
	overflow: hidden;
}

#msh_panel .panel-post h2 {
	margin-bottom: 10px;
}

#msh_panel .panel .home-social a.icon {
    font-family: "ETmodules" !important;
	text-decoration: none;
	font-size: 40px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#msh_panel .panel .home-social .et-social-facebook a.icon {
	color: #4D70A8;
}

#msh_panel .panel .home-social .et-social-twitter a.icon {
	color: #00BBF2;
}

#msh_panel .panel .home-social .et-social-instagram a.icon {
	color: #2E5E86;
}

#msh_panel .panel .home-social .et-social-youtube a.icon {
	color: #E3401D;
}

#msh_panel .panel .home-social .et-social-google-plus a.icon {
	color: #E3401D;
}

#msh_panel .panel .home-social .et-social-pinterest a.icon {
	color: #CB3737;
}

#msh_panel .panel .home-social a.icon:hover {
	color: #666;
}

.pk-colors .color { 
	width: 125px;
	height: 15px;
	margin: auto;
	margin-bottom: 10px;
}

.post_photo {
	margin: 25px 0;
}

.wp-video {
	margin: 25px auto;
}

#msh_panel .et_pb_contact_submit,
#msh_panel .et_password_protected_form .et_submit_button,
#msh_panel .et_pb_bg_layout_light .et_pb_newsletter_button,
#msh_panel .comment-reply-link,
#msh_panel .form-submit input,
#msh_panel .et_pb_bg_layout_light .et_pb_promo_button,
#msh_panel .et_pb_bg_layout_light .et_pb_more_button,
#msh_panel .woocommerce a.button.alt,
#msh_panel .woocommerce-page a.button.alt,
#msh_panel .woocommerce button.button.alt,
#msh_panel .woocommerce-page button.button.alt,
#msh_panel .woocommerce input.button.alt,
#msh_panel .woocommerce-page input.button.alt,
#msh_panel .woocommerce #respond input#submit.alt,
#msh_panel .woocommerce-page #respond input#submit.alt,
#msh_panel .woocommerce #content input.button.alt,
#msh_panel .woocommerce-page #content input.button.alt,
#msh_panel .woocommerce a.button,
#msh_panel .woocommerce-page a.button,
#msh_panel .woocommerce button.button,
#msh_panel .woocommerce-page button.button,
#msh_panel .woocommerce input.button,
#msh_panel .woocommerce-page input.button {
	text-decoration: none;
}

.ticker .stat {
    font-size: 80px;
    line-height: 80px;
    font-weight: bold;
	margin-bottom: 5px;
}

.ticker .desc {
    font-size: 24px;
    line-height: 24px;
}

#msh_panel .ticker .h2 {
	text-transform: uppercase;
}

#msh_panel .ticker .et_pb_promo_button {
	display: inline-block;
	margin: 10px;
}

#msh_panel .panel-notification {
    color: #FFF;
    background-color: #B20000;
    font-size: 20px;
    padding: 15px 0;
	position:relative;
	z-index:100;
}

#msh_panel .panel-notification .sm {
	font-size: 11px;
}

#msh_panel .select2-container .select2-choice {
	padding: 10px 15px;
    text-decoration: none;
}



/* --- Checkout Instagram Feed */

#msh_panel .checkout-instagram-feed .item {
	position: relative;
	float: left;
	width: 16.66666666666667%;
}

#msh_panel .checkout-instagram-feed .p_a .img_container {
	position: relative;
	height: 0;
	padding-bottom: 100%;
}

#msh_panel .checkout-instagram-feed .img_container .image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#msh_panel .checkout-instagram-feed .img_container a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#msh_panel .gform_body .spacer_top {
	padding-top: 20px;
}



/* --- RESPONSIVE */

@media screen and (max-width: 1420px){
	.panel .wrapper { width: 1200px; }
	.half-panel .wrapper { width: 600px; }
	#msh_panel .panel-banner h1 { font-size: 3em; }
	#msh_panel .panel-home h1 { font-size: 1.75em; }
}

@media screen and (max-width: 1220px){
	.panel .wrapper { width: 1000px; }
	.half-panel .wrapper { width: 500px; }
	#msh_panel .panel-banner h1 { font-size: 2.5em; }
	#msh_panel .panel-home h1 { font-size: 1.5em; }
}

@media screen and (max-width: 1100px){
	#msh_panel .w_25 { width: 50%; }
}

@media screen and (max-width: 1020px){
	.panel .wrapper { width: 100%; }
	.half-panel .wrapper { width: 100%; }
	.panel .wrapper { padding: 50px; }
	.panel-banner .wrapper { padding: 100px 50px; }
}

@media screen and (max-width: 950px){
	.panel-home span { display: block; }
	.panel-home span.spacer { display: none; }
}

@media screen and (max-width: 800px){
	.panel-nav-pad { padding-top: 100px; }
	.panel { font-size: 12px; }
	#msh_panel h3 { font-size: 22px; }
	#msh_panel h4 { font-size: 18px; }
	.panel .team .team_member .name { padding-top: 0; font-size: 14px; }
	#msh_panel .pk-logos .w_20 { width: 50%; }
	#msh_panel .panel-banner h1 { font-size: 2em; }
	#msh_panel .panel-home h1 { font-size: 1.5em; }
	
}

@media screen and (max-width: 700px){
	#msh_panel .w_50 { float: none; width: 100%; }
	#msh_panel .h_100,
	#msh_panel .h_150,
	#msh_panel .h_200,
	#msh_panel .h_250,
	#msh_panel .h_300,
	#msh_panel .h_350 { height: auto; }
	#KALEBmsh_panel .step-number { width: 50px; height: 50px; border: 3px solid #3A77AB; font-size: 30px; line-height: 40px; }
	#msh_panel .step-number { width: 50px; height: 50px; border: 3px solid #000000; font-size: 30px; line-height: 40px; }
	.panel-bg-stretch .wrapper { min-height: 175px; }
	.panel-banner .wrapper { min-height: 0px; }
	#msh_panel .h2 { font-size: 1.5em; }
	.panel-image .wrapper { height: auto !important; }
	#msh_panel .w_33 { width: 100%; }
	#msh_panel .w_25 { width: 50%; }
	#msh_panel .box { height: 150px; }
	#msh_panel .panel .team .w_20 { width: 50%; }
	#msh_panel .panel .team .middle_clear { display: none; }
	#msh_panel .home-how-works .w_33 { width: 33.3333333%; }
	#msh_panel .home-how-works .w_33 img { height: 85px !important; }
	.panel .resp-auto-height { height: auto !important; }
	/* #msh_panel .h2 { margin-bottom: -20px; } */
	.ticker .stat { margin-top: 35px; }
}

@media screen and (max-width: 600px){
	#msh_panel .w_25 a.et_pb_promo_button { font-size: 13px; }
}

@media screen and (max-width: 550px){
	.panel .wrapper { padding: 25px; }
	.panel-banner .wrapper { padding: 75px 25px; }
	.user-flow-content .panel-banner .wrapper { padding: 75px 25px; }
	#msh_panel .panel-banner h1, #msh_panel .h1 { font-size: 2em; }
	#msh_panel .txt-lg { font-size: 1.15em; }
	#msh_panel .txt-md { font-size: 1.05em; }
	#msh_panel .txt-sm { font-size: .95em; }
	#msh_panel .home-how-works h4 { font-size: 12px; }
	#msh_panel .home-how-works .w_33 img { height: 75px !important; margin-bottom: -10px; }
}

@media screen and (max-width: 450px){
	#msh_panel a.et_pb_promo_button { font-size: 16px; }
	#msh_panel a.et_pb_button:after { font-size: 26px; }
	#msh_panel .panel .home-social a.icon { font-size: 25px; }
	#msh_panel .pk-logos .w_20 { width: 100%; }
	.ticker .stat { font-size: 60px; line-height: 60px; }
	.ticker .desc { font-size: 18px; line-height: 18px; }
}