@charset "UTF-8";
/* CSS Document */

/*GOOGLE FONTS*/

.source{font-family: 'Source Sans Pro', sans-serif !important;}
.quicksand{font-family: 'Quicksand', sans-serif !important;}
.raleway{font-family: 'Raleway', sans-serif !important;}
.dancing{font-family: 'Dancing Script', cursive !important;}
.shadows{font-family: 'Shadows Into Light Two', cursive !important;}

/*COLORS*/
.mc_white{color:#FFFFFF !important;}
.mc_black{color:#000000 !important;}
.mc_red{color:#FF0000 !important;}
.mc_orange{color:#FF6600 !important;}
.mc_borange{color:#F04D22 !important;}
.mc_green{color:#89BE00 !important;}
.mc_pink{color:#E23077 !important;}
.mc_skyblue{color:#4BADEF !important;}
.mc_blue{color:#0059B2 !important;}
form strong.mc_blue {
	color: rgba(0,0,0,1) !important;
}

.day {
	color: black;
}

.day.red, .day.purple {
	color: white;
}

/*SPACING*/
.m10{margin:10px !important;}
.m20{margin:20px !important;}
.m30{margin:30px !important;}
.m40{margin:40px !important;}
.m50{margin:50px !important;}

.p10{padding:10px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.p40{padding:40px !important;}
.p50{padding:50px !important;}



/*FONT RESET TO RALEWAY*/

p,h1,h2,h3,h4,h5,h6,strong,cite,blockquote,div,head,footer,header,nav,em,b,table,tr,td,tbody,thead,ol,ul,li,form,input,textarea,select,a{font-family: 'Raleway', sans-serif !important; color:#222222;}

/*NAV RESET*/
nav.navbar ul li a{font-weight:300 !important; line-height:1em;}
nav.navbar ul{margin-top:-20px;}
header {
  padding-top: 95px; /* 5px top border */
  padding-bottom: 0;
}
div.fullNav, div.fixedHidden{height:100px !important;}
.mc_blue_bg{color:#FFFFFF; background:#0059B2; padding:10px 15px;}
.mc_footer_nav{width:70%; margin:auto; margin-top:15px; margin-bottom:15px;}
.mc_footer_nav li{list-style-type:none; display:inline; padding:0px 15px; color:#0059B2;}
.mc_footer_nav li a, footer a{color:#0059B2; line-height: 35px;}


/*MISC PROPERTIES*/

.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.clearl{clear:left;}
.clearr{clear:right;}
.cleara{clear:both; display:block;}
.custom_cta_padding{margin:0 5px;}
.mc_table{width:80% !important; margin:auto;}
.mc_table tr td{padding:0 5px;}
.mc_table img{text-align:center; margin:auto;}
.mc_table p{display:block; text-align:center; font-size:16px; padding:12px 10px 0; font-weight:300;}
.cta{padding-bottom:20px; background:#f4f4f4;}
.cta-title{font-size:50px; line-height:1.2em; background:#0059B2; color:#ffffff; display:block; width:100%; padding:20px 0;}
.cta-subtitle{font-size:20px; opacity:.8;}
.thumb-box4-custom{background:#f4f4f4 url('../img2/green-bg.jpg') no-repeat center center; padding:100px 0;}
.df-ltitle{font-size:32px; line-height:1.3em;}
.df-title{font-size:26px; line-height:1.3em;}
.df-mtitle{font-size:20px; line-height:1.3em;}
.df-stitle{font-size:16px; line-height:1.3em;}
.page-title{font-size:50px; line-height:1.3em; display:block; width:100%; font-weight:bold;}
.page-subtitle{font-size:15px; display:block; width:100%;}
.faq-question{font-size:22px; font-weight:bold; color:#0059B2; line-height:1.3em; margin-top:12px;}
.faq-answer{font-size:16px; line-height:1.25em; padding:5px 0 15px;}
.about-name{text-transform:uppercase; font-size:18px; color:#0059B2; font-weight:600;}
.page-margin-fix{margin-top:-32px;}
.about-intro{font-size:18px; line-height:1.25em;}
.message_thumb{max-width:400px; margin:auto;}
.message_blurb{margin-bottom:15px !important;}
.ordered-lists-fix ol{margin:0 0 0 17px;}
.ordered-lists-fix ol li{padding:10px 0;}
.dotted_border{border:1px dotted #000000; padding:20px;}
.account_list li{color:#0059B2 !important; font-size:18px; padding:5px 0;}

/*SITTER INQUIRY PAGE*/
.sitter_inquiry{display:block; clear:both;}
.sitter_info_box img{width:225px; height:154px; clear:both; margin-bottom:12px;}
.mt-custom-details{width:100%; margin:auto; border:1px solid rgba(0,0,0,.2);}
.mt-custom-details tbody tr:nth-child(even){background:#f4f4f4;}
.mt-custom-details tbody tr td:nth-child(even){font-family: 'Shadows Into Light Two', cursive !important;}


/*CONTACT FORM*/
.contact-form-title{font-size:30px; color:#FFFFFF; padding-bottom:15px;}
.mf-contact-form{padding:25px; background:rgba(0,0,0,.5); width:55%; margin:auto;}
.mf-contact-form input.input-custom{min-width:250px !important; min-height:45px !important; color:#FFFFFF !important; background:transparent; border:1px solid #FFFFFF; display:block; margin:0 0 12px;}
.mf-contact-form label{display:block;}
.mf-contact-form textarea{color:#111111 !important;}
.mf-contact-form ::-webkit-input-placeholder {
   color: white !important;
}

.mf-contact-form :-moz-placeholder { /* Firefox 18- */
   color: white !important;
}

.mf-contact-form ::-moz-placeholder {  /* Firefox 19+ */
   color: white !important;
}

.mf-contact-form :-ms-input-placeholder {
   color: white !important;
}


/*SIGNUP FORM*/
.signup-form-title{font-size:30px; color:#FFFFFF; padding-bottom:15px;}
.mf-signup-form{padding:25px; background:rgba(0,0,0,.5); width:55%; margin:auto;}
.mf-signup-form input.input-custom{min-width:250px !important; min-height:45px !important; color:#FFFFFF !important; background:transparent !important; border:1px solid #FFFFFF !important; display:block; margin:0 0 12px;}
.mf-signup-form label{display:block;}
.mf-signup-form textarea{color:#111111 !important;}


.mf-signup-form ::-webkit-input-placeholder {
   color: white !important;
}

.mf-signup-form :-moz-placeholder { /* Firefox 18- */
   color: white !important;
}

.mf-signup-form ::-moz-placeholder {  /* Firefox 19+ */
   color: white !important;
}

.mf-signup-form :-ms-input-placeholder {
   color: white !important;
}



/* David's Styles to Fix the Login Form */
.recaptchatable .recaptcha_image_cell {
	background: transparent !important;
}

@media screen and (max-width: 991px) {
	.mf-signup-form {
		width: 100%;
	}
}

@media screen and (max-width: 374px) {
	#recaptcha_table {
		width: 250px !important;
	}

	#recaptcha_response_field, .recaptcha_image_cell, #recaptcha_image, #recaptcha_challenge_image {
		max-width: 235px !important;
	}
}



/*LOGIN FORM*/
.login-form-title{font-size:30px; color:#FFFFFF; padding-bottom:15px;}
.mf-login-form{padding:25px; background:rgba(0,0,0,.5); width:55%; margin:auto;}
.mf-login-form input.input-custom{min-width:250px; min-height:45px !important; color:#FFFFFF !important; background:transparent !important; border:1px solid #FFFFFF !important; display:block; margin:0 0 12px;}
.mf-login-form label{}
.mf-login-form textarea{color:#111111 !important;}

.mf-login-form ::-webkit-input-placeholder {
   color: white !important;
}

.mf-login-form :-moz-placeholder { /* Firefox 18- */
   color: white !important;
}

.mf-login-form ::-moz-placeholder {  /* Firefox 19+ */
   color: white !important;
}

.mf-login-form :-ms-input-placeholder {
   color: white !important;
}

@media screen and (max-width: 350px) {
	.mf-login-form input.input-custom {
		min-width: 215px;
	}
}

@media screen and (max-width: 600px) {
	.mf-login-form {
		width: 100%;
	}
}

/*RATING SYSTEM*/
.stars{float:left; font-size:16px; vertical-align:middle;}
.stars img{max-width:125px; max-height:22px;}
.badges img{max-width:100px; max-height:100px; vertical-align: middle; padding: 5px 0; }

/*PROFILE PAGE*/

	.page-title-padded {
		padding-bottom: 15px;
	}

  .left_paw{/*background:url(../img2/profile_paw.jpg) no-repeat left center;*/ padding:10px 0;}

  /* Had to change this up by explicitly calling the image to get the divs to play nice together */
  .left-paw {
	  padding-right: 20px;
      position: relative;
      top: 12px;
  }

  .inline-assistants:after {
    clear: left;
    display: block;
    height: 0;
    content: '';
  }
  .assistant-pic-container {
	  float: left;
  }
  .assistant-pic-container .profile_pic {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .profile_pic:last-child {
    margin-bottom: 0;
  }

  .assistant-name-container {
	  padding-top: 0 !important;
  }

  .horizontal-line{border-bottom:1px dotted #000000; margin:30px auto; width:100%;}
  .sitter_name{font-size:30px; line-height:1.3em; margin-bottom:15px; float:none;}
  .about_sitter{margin:10px 0 15px;}
  /*.about_sitter.reviews{ float: left; padding-left: 10px; clear: both;}*/
  .half_column{width:50%; clear:none; float:left; overflow: hidden;}
  .half_column iframe { width: 100% !important;}
  .half_column_last{width:45%; clear:right; float:left; margin-left: 15px; }
  .mt-custom-profile-page{width:100%; margin:auto;}
  .mt-custom-profile-page tr td{vertical-align:middle; padding:12px 0 12px 15px; border:1px solid #f4f4f4; text-align:center;}
  .mt-custom-profile-page tbody tr:nth-child(even){background:#f6f6f6 !important;}
  .icon_padding{padding-right:12px;}
  .row_margin{margin:25px 0 15px; clear:both;}
  .column_padding{padding:0 20px;}
  .mt-custom-social{width:85%; margin:25px auto;}
  .mt-custom-social tr td{vertical-align:middle; text-align:center;}
  /*.available_now,.experience,.rate{padding:0 10px;}*/
  .sitter_subinfo{font-size:18px; clear: both;list-style-type: none; display: block; }
    .sitter_subinfo li { float: left; width:147px;  }
  .search_rating{max-height:20px;}
    ul.badgList { list-style-type: none; display: inline-block; float: left; margin: 15px; }
    li.badges {  float: left; display: inline-block; width: 100px; height: 100px; margin-right:10px; vertical-align: middle; }
    img.profile_pic {
        position: relative;
        /*margin: 0 auto;*/
        width: 85%;
        float: none;
        display: block;
		margin-top: 22px;
    }

    .imgGal{
        position: relative;
        margin-top: 20px;
		margin-bottom: 20px;
        width: 85%;
        display: block;
		clear: both;
    }

	.gallery-list {
		list-style-type: none;
	}

	.gallery-item {
		display: inline-block;
	}

    img.petImg{
        display: block;
        margin: 0 15px 0 0;
        max-height: 60px;
        float: left;
		width: auto !important;
    }

    ul.badgeList {
        display: block;
        float: none;
        clear: both;
        margin: 15px 0;
        position: relative;
        width: 100%;
        max-width: 350px;
        height: 100px;
    }

    .table.mobile{display: none;}
    .table.wide{display: table !important;}

	.inline-assistants {
		min-height: 325px;
		margin-bottom: 25px;
		/* text-align: center; */
		border: 1px solid lightgray;
		/* padding-top: 15px; */
		border-radius: 6px;
	}


	.assistant-pic-container, .assistant-name-container {
		display: block;
		padding: 15px;
	}

	.assistant-pic-container {
		max-width: 250px;
	}

	.assistant-name-container {
		vertical-align: top;
	}

	.assistant-name-container p {
		padding-right: 10px;
	}

/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

.boxedcontainer		{	max-width: 1500px; margin:auto; padding:0px 30px;}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}

.titlethick{
	font-size: 80px;
	line-height: 82px;
	font-weight: 600;
	font-family: Raleway;
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
	border-width: 0px;
	border-color: #ffffff;
	border-style: none;
}
.titlethin{
	font-size: 80px;
	line-height: 82px;
	font-weight: 200;
	font-family: Raleway;
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
	border-width: 0px;
	border-color: #ffffff;
	border-style: none;
}
.blurbcustom1{
	font-size: 30px;
	line-height: 36px;
	font-family: Raleway;
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
	border-width: 0px;
	border-color: #ffffff;
	border-style: none;
}

.blurbcustom{
	font-size: 30px;
	line-height: 36px;
	font-weight: 500;
	font-family: Raleway;
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
	border-width: 0px;
	border-color: #ffffff;
	border-style: none;
}

/* David's Styles for Home Page */

.mc_button1{border:2px solid #FFFFFF !important; padding:5px 30px !important; color:#FFFFFF !important; background:transparent !important; text-decoration:none !important; font-size:18px !important; opacity:.8 !important;}

.mc_button1 a {
	font-size: 18px !important;
}

@media screen and (max-width: 850px) {
	.mc_button1 {
		padding: 5px 15px !important;
	}

	.mc_button1 a {
		font-size: 15px !important;
		position: relative;
		top: -2px;
	}
}

.info-box img {
	padding-bottom: 15px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.info-box-3 img, .info-box-4 img {
		padding-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.info-box {
		display: block;
		max-width: 300px;
		margin: 0 auto;
		float: none !important;
	}

	.info-box img {
		padding-top: 20px;
	}
}




.slider_form_custom{background:rgba(51,51,51,.7); padding:35px 45px 25px;}
.slider_form_custom p{margin-bottom:20px; text-align:center;}
.tp-caption .slider_form_custom { width: 450px; text-align: center!important; }
.mc_form_title{color:#FFFFFF; font-size:30px !important; text-align:center;}

@media screen and (max-width:380px){

.blurbcustom{
	font-size: 30px;
	line-height: 36px;
	font-weight: 500;
	font-family: Raleway;
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
	border-width: 0px;
	border-color: #ffffff;
	border-style: none;
}
}

/* Image Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }

button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; }

}



@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
    padding: 0; }

.mfp-ie7 .mfp-content {
    padding-top: 44px; }

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }

@media screen and (max-width: 1024px) and (min-width: 768px){
    .mc_footer_nav{
        width:84%;
    }
    header {
      padding-top: 120px; /* 5px top border */
      padding-bottom: 0;
    }
    div.fullNav, div.fixedHidden {
        height: 125px !important;
        overflow: hidden;
    }
    .navbar-brand_2 img {
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.assistant-pic-container {
		margin: 0 auto;
	}

	.assistant-pic-container .profile_pic {
    	float: none;
		margin-bottom: 25px;
	}

	.assistant-name-container {
		padding: 25px 15px 15px;
		text-align: center
	}
}

@media screen and (max-width: 768px) {
	.navbar-toggle {
		top: -15px;
	}

	.thumb-box4-custom {
		background: url(http://www.cybril.com/sitting/img2/green-bg.png) center center no-repeat;
		background-size: cover;
	}

	.thumb-pad5 {
		max-width: 400px !important;
		margin: 0 auto 30px !important;
	}

	.pad-it {
		padding-bottom: 10px;
	}

	.pad-it-alternate {
		padding-bottom: 30px;
	}

	footer {
		margin-top: 35px;
	}
}

@media screen and (max-width: 667px) {
	.btn-lg {
		font-size: 12px !important;
	}
}

@media screen and (max-width: 600px) {
	.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.reduce-space {
	top: -165px;
    position: relative;
}

.video-column, .availability-column {
	width: 100%;
    float: none;
    clear: both;
}

.video-column-no-margin {
	margin-left: 0;
}

.reviews-column {
	width: 100%;
    float: none;
    clear: both;
    margin-top: 150px;
}

.btn-lg {
	max-width: 350px;
}

}

@media screen and (max-width: 480px) {
    .half_column{width:100%; clear:none; float:none; overflow: hidden;}
    .half_column iframe { width: 100%;}
    .half_column_last{width:100%; clear:both; float:none; margin-left: 0; }

    .sitter_subinfo { margin-bottom: 20px; }

    .row.assistan .page-title.aligncenter.page-margin-fix{
        margin-top:20px !important;
    }

    ul.badgeList {
        display: block;
        float: none;
        clear: both;
        margin: 0 auto;
        position: relative;
        width: 165px;
        height: 41px;
        margin-bottom: 20px;
    }

    .mt-custom-profile-page tr td {
        font-size: 12px;
    }

    nav.tm_navbar.opem{
        padding:10px 0 28px !important;
    }

    .table.wide{
        display: none !important;
    }

    .table.mobile{
        display: table;
        width: 90% !important;
        float: none;
        clear: both;
        text-align: center;
    }

    .table.mobile>tbody{
        width:100% !important;
        display: table;
    }

	.assistant-pic-container {
		margin: 0 auto;
	}

	.assistant-pic-container .profile_pic {
    	float: none;
		margin-bottom: 25px;
	}

	.assistant-name-container {
		padding: 25px 15px 15px;
		text-align: center
	}

	.hide-mobile {
		display: none;
	}
}

@media screen and (max-width: 649px) {
	.adjusted-contact-form {
		width: 95%;
	}

	.recaptchatable {
		width: 100%;
	}

	.recaptchatable td {
		display: block;
	}

	.recaptchatable td img {
		display: inline-block !important;
	}

	#recaptcha_logo {
		display: none !important;
	}
}

@media screen and (min-width: 650px) and (max-width: 991px) {
	.adjusted-contact-form {
		width: 80%;
	}
}

@media screen and (max-width: 991px) {
	.m-slider-form {
		max-width: 100%;
	}

	.mobile-form-container {
		display: block;
		background: url(../img2/slider/slider_bg.jpg) top left no-repeat;
		background-size: cover;
	}

	.large {
		display: none;
	}

	.home-form-field {
		max-width: 400px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 992px) {
	.m-slider-form {
		max-width: 480px;
	}

	.mobile-form-container {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.center-image-tablet {
		text-align: center;
	}

	.message-comments {
		max-width: 360px;
	}

	.dotted_border {
		margin-bottom: 25px;
	}

	.dotted-border-margin-top {
		margin-top: 25px;
	}
}

@media screen and (max-width: 350px) {
	.adjusted-form-container {
		padding: 0 !important;
	}

	.adjusted-contact-form {
		padding: 10px !important;
	}

	.center-image-tablet img {
		margin-left: -20px;
	}

	.no-mobile-pad {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.message-image-responsive {
	max-height: 400px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.no-pad-sides {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.book-job-button {
	max-width: 262px;
}

/* Styles for the side nav on profile */
.account_list, .account_list li, .account_list li ul {
	list-style-type: none;
}

.account_list li ul {
	margin-left: 15px;
}

.account_list a {
    color: #428BCA;
}
.account_list a.active {
    color: #888;
}
.account_list .toggle {
    cursor: pointer;
	color: #428BCA;
}

.to-add-images-section, .to-add-images-section:hover, to-add-video-section, to-add-video-section:hover {
	color: #888 !important;
}

.video-section, .images-section {
	display: none;
}

/*CUSTOM FILE UPLOAD BUTTON*/
.customFile {
  position: relative;
  overflow: hidden;
}
.customFile input {
  position: absolute;
  top: -100px;
}

/* searchresults */
.searchresult {
  background: rgba(255,255,255,0.4);
  border-radius: 0.4rem;
  padding-top: 1rem;
}
.searchresult .badges-wrapper span {
  display: inline-block;
  width: 29%;
  vertical-align: middle;
  margin-left: 2%;
  margin-top: 5px;
}
.searchresult img.bdg {
  width: 100%;
}

/* Form validation classes */
.textfieldInvalidFormatState:after,
.textfieldRequiredState:after {
  display: block;
  padding: 0.25rem;
  border-radius: 0.2rem;
  background: #E08083;
}
.textfieldInvalidFormatState:after {
  content: 'Invalid format';
}
.textfieldRequiredState:after {
  content: 'Required field';
}

/* Profile page */

/* David's Styles to Correct Form Success/Failure Message Display Issues */

.global.indent {
	min-height: 750px;
}

.global > .container {
  padding-top: 40px;
}

.alert-danger, .alert-warning, .alert-info, .alert-success {
	padding: 25px;
}

/* End David's Styles to Correct Form Success/Failure Message Display Issues */

.sitter_name .shadows {
  font-weight: bold;
}

.day:hover {
	cursor: pointer;
}

/* Accordion CSS */
.accordion-toggle {
	cursor: pointer;
    border-radius: 10px;
    background-color: rgba(66,139,202,1);
    margin-bottom: 5px;
    padding-left: 10px;
    color: rgba(255,255,255,1);
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
	transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.accordion-toggle:hover {
	background-color: rgba(161,173,59,1);
	color: rgba(85,85,85,1);
}

.accordion-toggle.green {
	background-color: rgba(161,173,59,1) !important;
	color: rgba(85,85,85,1) !important;
}

.accordion-content {
	display: none;
	border: 1px solid rgba(161,173,59,1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
	padding: 20px 10px;
	margin: -11px 0 15px 1px;
}

.half-column-padded {
	padding-right: 20px;
}

.half-column-last-padded {
	padding-left: 20px;
}


/* Homepage hero image */
.hero > .image {
  padding: 65% 0 0;
  background-image: url('../images/homepage/banner-small.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: cover;
}

@media screen and (min-width: 992px) {
  .hero {
    display: flex;
  }
  .hero > .image {
    padding: 0;
    flex-grow: 1;
  }
}

@media screen and (min-width: 640px) and (max-width: 1300px) {
  .hero > .image {
    background-image: url('../images/homepage/banner-medium.jpg');
  }
}

@media screen and (min-width: 1300px) {
  .hero > .image {
    background-image: url('../images/homepage/banner-large.jpg');
  }
}


/* Badges */

.badges-wrapper span:hover:after,
.badgeList li:hover:after,
.badges-wrapper span:focus:after,
.badgeList li:focus:after {
  content: attr(title);
  display: block;
  font-size: 0.8em;
  padding: 1em;
  background: #164678;
  color: white;
  border-radius: 0.5em;
  bottom: 95%;
  position: absolute;
  width: 200%;
  margin-left: -50%;
}
.badges-wrapper span,
.badgeList li {
  position: relative;
}