* {margin:0; padding:0;}
html, body {height: 100%;}
body {font-family:Open Sans; font-weight: 300; font-style: normal; font-size:18px; line-height:30px; color:#333333; background:#ffffff;}
.clear {display:block; clear:both; height:0;}
a img {border:none;}
a {outline:none;}

.loaded *, .loaded {-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
.flexslider, .flexslider * {-moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important;}
img {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
input.error {border-color:red !important;}
textarea.error {border-color:red !important;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/***** Header *****/
#header-container {width:90%; background-color:#f5f5f5; padding:20px 5% 16px 5%;}

#header {max-width:960px; width:100%; margin:0 auto;}


/***** Logo *****/
#logo {display:block; float:left; margin:5px 0 8px 0; width:225px; height:30px; background: transparent url(images/logo.png) no-repeat left top;}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    #logo{background-image: url(images/logo@2x.png); background-size: 225px 30px;}
}

.ac-calendar .ac-heading {display: none !important;}

/***** Menu *****/
#nav {float:right;}

#menu {list-style:none;}
#menu li {float:left; margin:0 13px; padding:5px 0; line-height:20px;}
#menu li a {color:#333333; text-decoration:none;  font-size:16px; letter-spacing:-1px;}
#menu li a.active {font-weight: 600; font-style: normal;}
#menu li a:hover {text-decoration:underline;}

#menu li.trial {padding:0; margin-top:-2px;}
#menu li.trial .button {background:#8cc640; display:block; position:relative; z-index:1;}
#menu li.trial .button a {letter-spacing:0; color:#ffffff; font-size:14px; font-weight: 600; font-style: normal; background-color:#8cc640; display:block; padding:10px 15px 10px 15px; text-align:center; border:none; position: relative; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background:transparent; outline:0;}
#menu li.trial .button a:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background-color: #a1d75b; width: 0%; height: 100%; top: 0; left: 0;}
#menu li.trial .button a:hover {color: #fff; cursor:pointer; text-decoration:none;}
#menu li.trial .button a:hover:after {width: 100%;}

#menu li.login, #menu li.login-grandsgites {background: transparent url(images/login-li-bg.png) no-repeat left center; padding-left:20px;}
#menu li.login a {letter-spacing:0; background: transparent url(images/login-a-bg.png) no-repeat left center; padding-left:22px;}

body.page-trial-signup #menu li a.active {}


/***** Home Title *****/
#home-title {width:90%; padding:55px 5% 56px 5%; background-color:#ffffff; text-align:center;}
#home-title h1 {font-size:30px; font-weight:normal; display:block;}
#home-title h1 strong {font-weight: 600; font-style: normal;}


/***** Home Banner *****/
#home-banner-container {width:90%; padding:0 5%; background-color:#124c79;}

#home-banner {max-width:1360px; padding:0 20px; margin:0 auto; background-color:#ffffff; position:relative;}


/***** Create Calendar Form *****/
#create-calendar {width:280px; padding:25px 29px 25px 29px; background-color:#fafafa; border:1px solid #cccccc; text-align:center; position:absolute; left:20px; top:0;}

#create-calendar label {font-weight: 600; font-style: normal; font-size:20px; margin-bottom:17px; display:block;}
#create-calendar input {font-size:18px; text-align:left; border:1px solid #cccccc;  padding:7px 0 7px 36px; width:242px; margin-bottom:15px; background-color:#ffffff;}

#create-calendar input.name {background: #ffffff url(images/form-name-icon.png) no-repeat 10px center;}
#create-calendar input.email {background: #ffffff url(images/form-email-icon.png) no-repeat 10px center;}
#create-calendar input.password {background: #ffffff url(images/form-password-icon.png) no-repeat 12px center;}

#create-calendar .button {background:#8cc640; display:block; position:relative; z-index:1;}
#create-calendar .button button.submit {padding:6px 0 6px 0; color:#ffffff; font-weight: 600; font-style: normal; display:block; width:100%; text-align:center; border:none; font-size:18px; margin-bottom:4px; position: relative; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; display: block; background:transparent; outline:0;}
#create-calendar .button button.submit:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background-color: #a1d75b; width: 0%; height: 100%; top: 0; left: 0;}
#create-calendar .button button.submit:hover {color: #fff; cursor:pointer;}
#create-calendar .button button.submit:hover:after {width: 100%;}

#create-calendar small { font-size:12px; line-height:16px;}

/***** Chrome Specific CSS *****/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#create-calendar { padding: 34px 29px 34px 29px;}
    #create-calendar .button button.submit {padding:8px 0 7px 0;}
}

/***** Banner Calendar *****/
#banner-calendar {padding:66px; background: transparent url(images/banner-calendar-bg.png) no-repeat left top; background-size:cover; font-size:0; line-height:0; margin-left:360px; width: auto;}
#banner-calendar img {max-width:100%; height:auto;}


/***** Home Video *****/
#home-video {width:90%; padding:45px 5% 0 5%; text-align:center;}
#home-video h1 {font-size:30px; line-height:36px; font-weight:normal; padding:8px 0;}

#home-video #video {margin:31px 0 18px 0;}
#home-video #video a {font-size:0; line-height:0; position:relative; display:block; max-width:1189px; margin:0 auto;}
#home-video #video a img.top {position:relative; z-index:2;}
#home-video #video a img.bottom {position:absolute; z-index:1; top:0; left:0;}
#home-video #video a img {max-width:100%; height:auto; margin:0 auto;}
#home-video #video a:hover img.top {opacity:0;}
#home-video #video #video-hidden {display:none;}


/***** Container *****/
#container {width:90%; padding:0 5%;}


/***** Features List *****/
#features {max-width:960px; width:100%; margin:0 auto; padding:45px 0 60px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center;}

#features ul {list-style:none;}
#features ul li {width:25%; float:left; text-align:center; margin:15px 0;}
#features ul li h3 {font-weight: 600; font-style: normal; padding:2px 0 1px 0; font-size:18px;}

#features .button {margin:17px 0 0 0;}


/***** Buttons *****/
#container .button {background:#8cc640; display:inline-block; position:relative; z-index:1;}
#container .button a {color:#ffffff; font-weight: 600; font-style: normal; display:block; width:100%; text-align:center; border:none; font-size:18px; position: relative; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; display: block; background:transparent; outline:0; text-decoration:none; padding:4px 0 6px 0; width:280px;}
#container .button a:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background-color: #a1d75b; width: 0%; height: 100%; top: 0; left: 0;}
#container .button a:hover {color: #fff; cursor:pointer;}
#container .button a:hover:after {width: 100%;}

#container .button.blue {background-color:#124c79;}
#container .button.blue a:after {background-color:#356593;}


/***** Home Content *****/
#content-wrapper {max-width:960px; margin:0 auto; padding:44px 0 20px 0; position:relative; border-bottom:1px solid #cccccc;}

#content {padding-right:360px;}
#content.full {padding-right:0px;}

#content-wrapper.center {border-bottom:none;}
#content-wrapper.center #content {text-align:center; border-bottom:none;}

#content h1 {font-size:30px; line-height:36px; font-weight:normal; padding:8px 0 8px 0;}
#content h2 {font-size:28px; line-height:34px; font-weight:normal; padding:8px 0 2px 0;}
#content h3 {font-size:26px; line-height:32px; font-weight:normal; padding:8px 0 2px 0;}
#content h4 {font-size:24px; line-height:30px; font-weight:normal; padding:8px 0 2px 0;}
#content h5 {font-size:22px; line-height:30px; font-weight:normal; padding:8px 0;}
#content h6 {font-size:20px; line-height:30px; font-weight:normal; padding:8px 0;}

#content p {padding-bottom:35px;}
#content p.no-padding {padding-bottom:0px;}

#content.demo p {padding-bottom:0px;}
#content.tour p {padding-bottom:0px;}

#content.normal ul {padding:5px 0 35px 23px;}

#content.normal ol {padding:5px 0 35px 20px;}

#content small {font-size:12px; line-height:22px; display:inherit;}

#content strong {font-weight: 600; font-style: normal;}

#content a {color:#336699; text-decoration:none;}
#content a:hover {text-decoration:underline;}
.button a {text-decoration:none !important;}

#content em {display:inherit; font-weight: 300; font-style: italic;}

#content hr {display:block; border:none; width:100%; height:1px; background-color:#cccccc; margin:57px 0 44px 0; clear:both;}
#content.tour hr {float:left; clear:both;}

#content a.image-link {margin-right:10px; margin-top:6px; display:block; float:left; font-size:0; line-height:0;}
#content a.image-link img {opacity:0.99; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99);}
#content a.image-link:hover img {opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);}

#content a.view-the-gallery {margin-top:6px; float:left; text-decoration:none; color:#336699; background-color:#fafafa; border:1px solid #cdcdcd; display:block; padding:45px 48px 46px 48px; }
#content a.view-the-gallery:hover {text-decoration:underline;}

#content img {max-width:100%; height:auto;}

#sidebar {position:absolute; right:0; top:60px; width:340px;}


/***** Testimonials Widget *****/
#testimonials-widget ul {list-style:none;}

#testimonials-widget .blockquote {margin-bottom:20px; display:block; border:1px solid #cccccc; background-color:#fafafa; color:#124c79; font-size:16px; line-height:30px; text-align:center;  font-weight: 300; font-style: italic; position:relative; padding:13px 30px 15px 30px;}
#testimonials-widget .blockquote span.arrow {position:absolute; left:40%; bottom:-17px; background: transparent url(images/blockquote-bg.png) no-repeat left top; width:52px; height:17px; display:block;}

#testimonials-widget img {float:left; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin:0 20px 10px 0;}

#testimonials-widget cite { font-size:16px; line-height:30px; font-weight: 600; font-style: normal; display:block; padding:5px 0 0 0;}
#testimonials-widget p {font-size:16px; line-height:30px ;}
#testimonials-widget a.open-gallery {text-decoration:none; color:#336699; font-size:16px; line-height:30px; display:inline-block; font-weight: 300; font-style: normal;}
#testimonials-widget a.open-gallery:hover {text-decoration:underline;}

body.home #testimonials-widget a.open-gallery {position:relative; top:-1px;}


/***** Free Trial *****/
#free-trial, #free-trial-test {max-width:960px; width:100%; margin:0 auto; text-align:center; padding:42px 0 80px 0;}

#free-trial h1, #free-trial-test h1 {font-size:30px; line-height:36px; display:inline-block; background: transparent url(images/free-trial-label-icon.png) no-repeat left 17px; padding:0 0 0 58px; padding-bottom:17px; font-weight:normal;}

#free-trial-form {padding:9px 8px 0 9px; background-color:#fafafa; border:1px solid #cccccc; margin:17px 0;}

#free-trial input, #free-trial-test input {font-size:18px; text-align:left; border:1px solid #cccccc;  padding:7px 0 6px 36px; width:240px; margin-bottom:9px; background-color:#ffffff; float:left; margin-right:11px;}

#free-trial input.name, #free-trial-test  input.name{background: #ffffff url(images/form-name-icon.png) no-repeat 10px center;}
#free-trial input.email, #free-trial-test input.email{background: #ffffff url(images/form-email-icon.png) no-repeat 10px center;}
#free-trial input.password, #free-trial-test input.password{width:142px; background: #ffffff url(images/form-password-icon.png) no-repeat 12px center;}

#free-trial .button, #free-trial-test .button{background:#8cc640; display:block; position:relative; z-index:1; float:left; margin-bottom:9px;}
#free-trial .button button.submit, #free-trial-test .button button.submit{padding:7px 10px 6px 10px; color:#ffffff; font-weight: 600; font-style: normal; display:block; width:100%; text-align:center; border:none; font-size:18px; position: relative; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; display: block; background:transparent; outline:0;}
#free-trial .button button.submit:after, #free-trial-test .button button.submit:after{content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background-color: #a1d75b; width: 0%; height: 100%; top: 0; left: 0;}
#free-trial .button button.submit:hover, #free-trial-test .button button.submit:hover{color: #fff; cursor:pointer;}
#free-trial .button button.submit:hover:after, #free-trial-test .button button.submit:hover:after{width: 100%;}


/***** Chrome Specific CSS *****/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #free-trial .button button.submit, #free-trial-test .button button.submit {padding:8px 10px 7px 10px;}
    #free-trial input, #free-trial-test input{margin-right:12px;}	
}



/***** Footer Container *****/
#footer-container {width:90%; padding:12px 5% 16px 5%; background-color:#333333;}
#footer {max-width:960px; width:100%; margin: 0 auto;}

#footer p {color:#ffffff; font-size:14px; line-height:24px; display:inline-block; margin-right:20px;}
#footer a {text-decoration:none; color:#ffffff; font-size:14px; line-height:24px; display:inline-block; margin-right:20px;}
#footer a:hover {text-decoration:underline;}

#footer a.footer-social-icon {margin-right:6px; position:relative; top:3px; color:#333333;}
#footer a.footer-social-icon:hover {opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);}


/***** Page Title *****/
#page-title {width:90%; padding:51px 5% 53px 5%; background-color:#124c79; text-align:center;}
#page-title h1 {font-weight:normal; color:#ffffff; font-size:30px; line-height:36px;}


/***** Pricing Boxes *****/
#pricing-boxes {width:100%; border-top:1px solid #cccccc; min-height:520px; padding-top:40px;  border-bottom: 1px solid #cccccc;}

#pricing-boxes .box {float:left; width:233px; padding:10px 29px 10px 29px; background-color:#fafafa; border:1px solid #cccccc; margin:20px 14px 0 13px; position:relative;}
#pricing-boxes .box.last {margin-right:0;}

#pricing-boxes .box .top {border-bottom:1px solid #cccccc; padding:14px 0 16px 0;}
#pricing-boxes .box .top h2 {padding:0; font-weight: 600; font-style: normal; font-size:20px; margin-left:20px; float:left;}
#pricing-boxes .box .top .price {display:block; position:relative; margin-left:-39px; float:left; margin-top:1px; width:105px; height:39px; text-align:center; color:#ffffff; font-size:12px; font-weight: 600; font-style: normal; background: transparent url(images/price-bg.png) no-repeat left top;}

#pricing-boxes .box .middle {text-align:center; border-bottom:1px solid #cccccc; padding:23px 0 27px 0;}
#pricing-boxes .box .middle p {padding:0; font-size:20px; line-height:30px;}
#pricing-boxes .box .middle p strong {font-weight: 600; font-style: normal;}

#pricing-boxes .box .bottom {padding:30px 0 30px 0;}
#pricing-boxes .box .bottom .button {width:100%;}
#pricing-boxes .box .bottom .button a {width:100%;}

#pricing-boxes .box .bottom .hidden {background-color:#fafafa; height:0; overflow:hidden; z-index:100; background:#fafafa; position:relative; position:relative; z-index:200;}


#pricing-boxes .box .bottom form input {font-size:18px; text-align:left; border:1px solid #cccccc;  padding:7px 0 6px 36px; width:100%; margin-bottom:15px; background-color:#ffffff; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#pricing-boxes .box .bottom form input.name {background: #ffffff url(images/form-name-icon.png) no-repeat 10px center;}
#pricing-boxes .box .bottom form input.email {background: #ffffff url(images/form-email-icon.png) no-repeat 10px center;}
#pricing-boxes .box .bottom form input.password {background: #ffffff url(images/form-password-icon.png) no-repeat 12px center;}
#pricing-boxes .box .bottom form .button {background:#8cc640; display:block; position:relative; z-index:1; float:left; margin-bottom:9px;}
#pricing-boxes .box .bottom form button.submit {padding:6px 10px 6px 10px; color:#ffffff; font-weight: 600; font-style: normal; display:block; width:100%; text-align:center; border:none; font-size:18px; position: relative; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; display: block; background:transparent; outline:0;}
#pricing-boxes .box .bottom form button.submit:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background-color: #a1d75b; width: 0%; height: 100%; top: 0; left: 0;}
#pricing-boxes .box .bottom form button.submit:hover {color: #fff; cursor:pointer;}
#pricing-boxes .box .bottom form button.submit:hover:after {width: 100%;}


/***** Customers *****/
#customers {list-style:none;}
#customers li {display:block; clear:both; border-bottom:1px solid #cccccc; padding:9px 0 45px 0; margin-bottom:44px;}
#customers li a.image-link {border:1px solid #000000; float:left; margin:7px 22px 15px 0;}
#customers li a {color:#336699; text-decoration:none;}
#customers li a:hover {text-decoration:underline;}
#customers li p {padding:30px 0 10px 0;}


/***** Sign Up Form *****/
#sign-up {width:280px; padding:24px 29px 25px 29px; background-color:#fafafa; border:1px solid #cccccc; text-align:left; margin:16px auto;}

#sign-up label {font-weight: 400; font-style: normal; font-size:20px; margin-bottom:17px; display:block;}
#sign-up input {font-size:18px; text-align:left; border:1px solid #cccccc;  padding:7px 0 7px 36px; width:242px; margin-bottom:15px; background-color:#ffffff;}

#sign-up input.name {background: #ffffff url(images/form-name-icon.png) no-repeat 10px center;}
#sign-up input.email {background: #ffffff url(images/form-email-icon.png) no-repeat 10px center;}
#sign-up input.password {background: #ffffff url(images/form-password-icon.png) no-repeat 12px center;}

#sign-up .button {background:#8cc640; display:block; position:relative; z-index:1;}
#sign-up .button button.submit {padding:6px 0 6px 0; color:#ffffff; font-weight: 600; font-style: normal; display:block; width:100%; text-align:center; border:none; font-size:18px; margin-bottom:4px; position: relative; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; display: block; background:transparent; outline:0;}
#sign-up .button button.submit:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background-color: #a1d75b; width: 0%; height: 100%; top: 0; left: 0;}
#sign-up .button button.submit:hover {color: #fff; cursor:pointer;}
#sign-up .button button.submit:hover:after {width: 100%;}

#sign-up small { font-size:12px; line-height:16px; margin-top:14px;}
#sign-up small.riskfree {text-align: center;}


/***** Sticky Footer *****/
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0 auto;}


/***** Log In Container *****/
#login-container {width:90%; padding:0 5%; text-align:center; padding-top:50px;}
#login-container #logo {float:none; margin:0 auto 10px auto;}
#login-container a {text-decoration:none; color:#336699; font-size:14px;}
#login-container a:hover {text-decoration:underline;}

#login-container form {margin:20px auto 4px auto; padding-top:28px;}
#login-container form label.checkbox {color:#333333; font-size:14px; font-weight: 300; font-style: normal; display:inline-block; text-align:left; width:100%; margin-bottom:2px;}
#login-container form label.checkbox input {width:auto; padding:0; height:auto; display:inline-block; top:1px; position:relative; border-color:#cccccc !important;}
#login-container form input.password {margin-bottom:5px;}
body.change-password #login-container form input.password {margin-bottom:15px;} 

/***** Tour Page *****/
.tour-arrow {display:block; margin:0 auto; padding-left:120px;}
.small {float:left; width:40%; margin-right:3.7%;}
.big {float:left; width:56.3%; margin-right:3.7%; font-size:0; line-height:0;} 
.fr {float:right !important; margin-right:0 !important;}
.full-content {float:none; width:100%; text-align:center; clear:both;}

#content.tour img {margin-top:17px;}
#content.tour iframe {margin-top:12px;}
#content.tour .center {max-width:824px; margin:9px auto 0 auto;}

#content.tour .full-content .center {max-width:893px;} 

/***** Tour List *****/
#tour-list {text-align: center; list-style:none; margin-top:-15px;}
#tour-list li {float:left; width:31%; padding:0 1%; margin-top:15px;}
#tour-list li img {display:block; margin:0 auto 9px auto; clear:both;}


/***** Stars *****/
#stars {list-style:none; text-align:center; margin-bottom:36px;}
#stars li {text-align:center;}
#stars li blockquote {font-size:30px; line-height:32px; font-family:font-weight: 300; font-style: italic;; padding-top:17px; max-width:76%; margin:0 auto;}


/***** Contact Page *****/
#content .left {float:left; width:56%; padding-right:5%; margin-bottom:40px;}
#content .right {float:left; width:39%;}
#content .right h1 {word-break:break-all;}

#content-wrapper.contact div.social-links a {padding-left:37px; clear:left; display:inline-block;}
#content-wrapper.contact div.social-links a.email {background: transparent url(images/mail-icon.png) no-repeat left center;}
#content-wrapper.contact div.social-links a.twitter {background: transparent url(images/twitter-icon.png) no-repeat left center;}
#content-wrapper.contact div.social-links a.facebook {background: transparent url(images/facebook-icon.png) no-repeat left center;}

.styled-link {display:inline-block;}


/***** Contact Form *****/
.form {max-width:338px; width:100%; padding:29px 29px 25px 29px; background-color:#fafafa; border:1px solid #cccccc; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.form label {font-weight: 600; font-style: normal; font-size:20px; margin-bottom:17px; display:block;}

.form input {font-size:18px; text-align:left; border:1px solid #cccccc;  padding:7px 0 7px 11px; width:100%; margin-bottom:15px; background-color:#ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form textarea {font-size:18px; text-align:left; border:1px solid #cccccc;  padding:7px 0 7px 11px; width:100%; margin-bottom:15px; background-color:#ffffff; height:131px; max-width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.form .button {background:#8cc640; display:block; position:relative; z-index:1; width:100%;}
.form .button button.submit {padding:6px 0 6px 0; color:#ffffff; font-weight: 600; font-style: normal; display:block; width:100%; text-align:center; border:none; font-size:18px; position: relative; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; display: block; background:transparent; outline:0;}
.form .button button.submit:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; background-color: #a1d75b; width: 0%; height: 100%; top: 0; left: 0;}
.form .button button.submit:hover {color: #fff; cursor:pointer;}
.form .button button.submit:hover:after {width: 100%;}

.form input.error, .form textarea.error {border-color:#ff0000;}


.form-message {margin:-22px 0 22px 0;}
.form-message strong {color:#333333; font-weight: 600; font-style: normal; padding:14px 22px 0 22px; display:block;}
.form-message ul {list-style:none; padding:14px 22px;}
.form-message ul li {color:#333333;  font-size:18px; line-height:30px;}
.form-message ul li:before {content:"- ";}

.form-message.error {background-color:#ffc6c6;}
.form-message.success {background-color:#deffc6; padding:14px 22px;}
.form-message.success strong {padding:0;}


body.change-password .form-message, body.login .form-message, body.reset-password .form-message {text-align:left; max-width:340px; margin:20px auto 20px auto;}


/***** Logos *****/
#logos {max-width:960px; margin:0 auto;}
#logos h1 {display:block; text-align:center; font-weight: 300; font-style: normal; font-size:30px; line-height:32px; padding-bottom:35px;}
#logos ul li {text-align:center; height:40px; line-height:40px;}
#logos ul li img {vertical-align:middle;}

#logos .slider {border-bottom:1px solid #cccccc; padding-bottom:46px; margin-bottom:10px; margin-top:45px;}


/***** Custom CSS for Pages *****/
body.login, body.login-grandsgites, body.reset-password, body.set-password-failed, body.first-login {background-color:#f5f5f5;}
body.login #header-container, body.login-grandsgites #header-container, body.reset-password #header-container, body.set-password-failed #header-container, body.first-login #header-container {display:none;}
body.login #free-trial, body.login-grandsgites #free-trial, body.reset-password #free-trial, body.set-password-failed #free-trial, body.first-login #free-trial {display:none;}
body.login #footer-container, body.login-grandsgites #footer-container, body.reset-password #footer-container, body.set-password-failed #footer-container, body.first-login #footer-container {display:none;}

body.change-password {background-color:#f5f5f5;}
body.change-password #header-container {display:none;}
body.change-password #free-trial {display:none;}
body.change-password #footer-container {display:none;}

body.page-404 #free-trial {display:none;}
body.page-404 #content-wrapper {border-bottom:none;}

body.page-availability-calendar-for-website #free-trial {display:none;}
body.page-availability-calendar-for-website #content-wrapper {border-bottom:none;}

body.page-about-us #free-trial {display:none;}
body.page-about-us #content-wrapper {border-bottom:none;}

body.page-availability-calendar-images #free-trial {display:none;}
body.page-availability-calendar-images #content-wrapper {border-bottom:none;}

body.page-dateblocker #free-trial {display:none;}
body.page-dateblocker #content-wrapper {border-bottom:none;}

body.page-drupal #free-trial {display:none;}
body.page-drupal #content-wrapper {border-bottom:none;}

body.page-multi-user-availability-calendar #free-trial {display:none;}
body.page-multi-user-availability-calendar #content-wrapper {border-bottom:none;}

body.page-tour-video #free-trial {display:none;}
body.page-tour-video #content-wrapper {border-bottom:none;}

body.page-terms-of-service #free-trial {display:none;}
body.page-terms-of-service #content-wrapper {border-bottom:none;}

body.page-privacy-policy #free-trial {display:none;}
body.page-privacy-policy #content-wrapper {border-bottom:none;}

body.page-privacy-policy #free-trial {display:none;}
body.page-privacy-policy #content-wrapper {border-bottom:none;}

body.page-trial-signup #free-trial {display:none;}
body.page-trial-signup #content-wrapper {border-bottom:none;}

body.page-gallery #free-trial {padding-top:0px;}
body.page-gallery #content-wrapper {border-bottom:none; padding-bottom:8px;}

body.page-email-sent #free-trial {display:none;}
body.page-email-sent #content-wrapper {border-bottom:none; padding-bottom:8px;}

body.page-pricing-and-signup #free-trial {display:block;}
body.page-pricing-and-signup #content-wrapper {border-bottom:none;}

body.page-pricing-and-signup-test #free-trial {display:none;}


#free-trial-test {display:none;}
body.page-pricing-and-signup-test #free-trial-test{display:block;}


body.page-password-changed #free-trial {display:none;}
body.page-password-changed #content-wrapper {border-bottom:none;}

#pricePickerContainer .ui-widget-content {
	background:white;
}

a.ac-button  {color:#ffffff; margin-right:10px; border:none; font-size:18px; line-height:20px; display: inline-block; text-decoration:none; padding:8px 10px 8px 10px;font-weight:600; font-style:normal;    }
a.ac-button.blue { background: #336699; }
a.ac-button.green { background: #8CC640; }

/*#pricePickerContainer .ui-widget input{
	font-size:16px;
}

.ui-spinner-input {
	line-height: 31px;
}*/

/***** Media Queries *****/
@media screen and (max-width: 1070px){
    .md-hidden {display:none;}
    #create-calendar {display:none;}
    #banner-calendar {margin-left:0; padding:30px;}
    #home-banner-container {width:100%; padding:0;}
    
    #free-trial, #free-trial-test {padding:20px 0;}
    #free-trial-form input {width:47.5% !important; margin-right:5% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    #free-trial-form input.email {margin-right:0 !important;}
    #free-trial-form .button {width:47.5%;}
    
    #pricing-boxes .box {float:left; width:39.5%; padding:10px 2.5% 10px 2.5%; margin:20px 2.5% 0 2.5%;}
    #pricing-boxes .box:nth-child(1n) {float:left;}
    #pricing-boxes .box:nth-child(2n) {float:right;}
    
    #content .left {width:47.5%; padding-right:5%;}
    #content .right {width:47.5%;}
}


@media screen and (max-width: 900px){
    #home-title {padding:30px 5%;}
    
    #customers li a.image-link {max-width:50%;}
    #customers li p {display:block; clear:both; padding:20px 0 0 0;}
}


@media screen and (max-width: 800px){
    #features {padding-bottom:40px;}
    #features ul li {width:33%;}    
    
    #content-wrapper {padding-bottom:20px; padding-top:20px;}
    
    #content {padding-right:0; border-bottom:1px solid #cccccc; padding-bottom:30px; margin-bottom:30px; min-height:1px !important;}
    
    #sidebar {position:relative; right:auto; top:auto; width:100%;}
    
    #home-video {padding-top:20px;}
}

@media screen and (max-width: 720px){
    #pricing-boxes .box {float:left; width:90%; padding:10px 2.5% 10px 2.5%; margin:20px 2.5% 0 2.5%;}
    
    .small {width:100%; float:none; margin-right:0;}
    .big {width:100%; float:none; margin-right:0;}
    .tour-arrow {display:block; margin:0 auto; padding-left:0;}
    .fr {margin-top:20px;}
    #content-wrapper {border-bottom:none;}
    
    #content .left {width:100%; padding-right:0%;}
    #content .right {width:100%;}
    .form {max-width:100%;}
	
	#free-trial h1, #free-trial-test h1 { background:none;}
    #free-trial a { position: relative !important; left: 0 !important;}
}

@media screen and (max-width: 600px){
    #features ul li {width:45%; padding:0 2.5%;}
    
    #free-trial-form input {width:100% !important; margin-right:0% !important;}
    #free-trial-form .button {width:100%;}
    
    #home-title h1 {font-size:26px; line-height:32px;}
    #home-video h1 {font-size:26px; line-height:32px;}
    #free-trial h1, #free-trial-test h1{font-size:26px; line-height:32px;}
    
    #content p {padding-bottom:20px;}     
    
    #page-title {padding:21px 5% 23px 5%;}

    #customers li {padding-bottom:25px; margin-bottom:24px;}    
    #customers li a.image-link {max-width:none; width:100%; margin-right:0;}
    #customers li a.image-link img {max-width:none; width:100%;}   
    
    #tour-list li {width:48%; padding:0 1%;}
    
    #content.tour hr {margin:30px 0 20px 0;}
    
    .form-message {margin-top:0px;}
}


@media screen and (max-width: 500px){
    #menu li.trial {clear:left;}
    
    #tour-list li {width:100%; padding:0;}
}