html,
body{
	margin:0;
	padding:0;
	min-height: 100vh;
}

body {
	color: #333333;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
}
.container {
	max-width: 1170px;
}
#wrapper{
	min-height: 100%;
	position: relative;
}
#fixed_top_border {
	position:fixed;
	top:0px;
	height:1px;
	width:100%;
	display:block;
	background-color: #EAEAEA;
	z-index: 4;
}
/*.container-wrapper {
	padding: 0 50px;
}*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
}
.space-bar {
	height: 150px;
}
.narrow-space-bar {
	height: 50px;
}
a, a:hover, a:active, a:focus {
	text-decoration: none;
	outline: 0 none;
}
.fRight {
	float: right;
}
.fLeft {
	float: left;
}
/*--------------nav-bar-menu--------------*/
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus {
	border-color: #979797;
	color: #444444;
	background-color: #fff;
}
.navbar-inverse .navbar-toggle:hover {
	background-color: #979797;
	color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: transparent;
}
.navbar-toggle {
	border-radius: 6px;
	padding: 9px 15px;
}
.navbar {
	padding-top: 20px;
}
.navbar-inverse {
	background-color: #ffffff;
	border: 0 none;
	border-radius: 0;
}
.navbar-inverse .navbar-nav > li > a {
	font-size: 12px;
	color: #999999;
	font-family: 'Open Sans', sans-serif;
	padding: 10px 15px;
	font-weight: 400;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #9B9B9B;
  background-color: transparent;
}
.navbar-nav {
    float: right;
    margin: 17px -35px;
}
.tryit-links {
	background-color: #338DD4;
	color: #ffffff !important;
	font-weight: 700 !important;
	height: 30px;
	margin-left: 15px;
	margin-top: 5px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.tryit-links:hover {
	background-color: #2D79B4 !important;
}
.pricing-text:hover,
.help-text:hover {
	color: #333 !important;
}
.navbar-header {
	padding-bottom: 20px;
}
/*----------end nav css-------------*/
/*----------content-------------*/
.content {
	padding-bottom: 371px;
}
.sections {
	padding-top: 50px;
	border-bottom: 1px solid #dddddd;
	font-size: 14px;
	color: #666666;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}
.section1 {
	font-size: 14px;
	color: #666666;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	padding-top: 0;
	position: relative;
}
.col-right {
	padding-bottom: 73px;
	padding-top:0px;
	padding-left:40px;
}
.title-header1 {
	color: #333333;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 15px;
}
.scheduling-features-list li {
	padding-bottom: 10px;
}
.ultimate {
	font-size: 24px;
}
.buttons {
	margin: 40px 0 20px;
	text-align:center;
}
.btn {
	border-radius: 2px;
	padding: 18px 0;
	font-size: 12px;
	font-weight: 700;
}
.tryit-btn, .learnmore-btn {
	background-color: #328DD4;
	color: #ffffff;
	width: 48%;
	margin-right: 4%;
	float: left;
}
.tryit-btn:hover, .learnmore-btn:hover {
	background-color: #0072c6;
	color: #ffffff;
}
.play-btn {
	border: 1px solid #328DD4;
	width: 48%;
	float: left;
	background: rgba(0, 0, 0, 0) url("../images/arrow-right.png") no-repeat scroll 24% center;
}
.section1 .feat-img {
	display: none;
}
.feat-img img {
	-moz-box-shadow: 0px 0px 15px 0px rgba(36,43,50,0.15);
	box-shadow:  0px 0px 15px 0px rgba(36,43,50,0.15);
}

.testimonials-img {
	float: left;
	width: 10%;
	margin-right: 4%;
	padding-top: 6px;
}
.testimonials-info {
	float: left;
	width: 86%;
	font-size: 14px;
	color: #666666;
	font-weight: 400;
}
.name {
	color: #999999;
	font-style: italic;
	font-size: 10px;
	font-weight: 400;
}
.bluetxt {
	color: #328DD4;
}
.section2 {
	background-color: rgba(255,255,255,0.6);
    padding-top: 50px;
    position: relative;
    z-index: 2;
}
#paperplane {
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0) url("../images/ScheduleMeetings_BGImage1.png") no-repeat scroll center center;
	left: 0;
	top: 15px;
	right: 0;
	height: 118px;
}
#arrow-plane {
	background: rgba(0, 0, 0, 0) url("../images/ScheduleMeetings_BGImage2.png") no-repeat scroll 0 0;
    bottom: 90px;
    display: block;
    height: 51px;
    left: 0;
    position: absolute;
    right: 0;
}
.sec2-leftcol {
	background-color: rgba(255,255,255,0.6);
    margin-top: 84px;
}
.sec2-colright {
	padding-left: 20px;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.schedmeeting-img {
	margin-left: -110px;
    margin-top: 60px;
}
.section3 {
	background-color: #fff;
    padding-top: 50px;
    position: relative;
    z-index: 3;
}
#clock-plane {
	background: rgba(0, 0, 0, 0) url("../images/GetNotified_BGImage.png") no-repeat scroll center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 170px;
	display: block;
}
.sec3-colright-wrapper {
	padding: 30px 0 0;
}
.white {
	background-color: rgba(255,255,255,.6);
}
.upgrade {
	text-align: center;
	margin: 80px 0 50px;
}
.add-btn {
	background-color: #328dd4;
    color: #ffffff;
    width: 223px;
    text-align: center;
    margin-left: 10px;
}
.add-btn:hover {
	background-color: #0072c6;
	color: #ffffff;
}
.event-sched {
	text-align: center;
}
.bg-white {
	background-color: rgba(255,255,255,0.6);
	padding: 10px;
}
.section4 {
	position: relative;
	padding-bottom: 50px;
}
#clock-bg {
	background: rgba(0, 0, 0, 0) url("../images/SendLater1.png") no-repeat scroll center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 12%;
	height: 117px;
	display: block;
}
#planeclock-straight {
	background: rgba(0, 0, 0, 0) url("../images/GetNotified_BGImage-2.png") no-repeat scroll center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 22%;
	height: 151px;
	display: block;
}
#line-straight {
	background: rgba(0, 0, 0, 0) url("../images/BG_Line.png") no-repeat scroll center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 151px;
	display: block;
}
#new-line {
	background: rgba(0, 0, 0, 0) url("../images/BG_Line.png") no-repeat scroll center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 111%;
	height: 151px;
	display: block;


}
#back-straight {
	background: rgba(0, 0, 0, 0) url("../images/BG_Line2.png") no-repeat scroll center center;
	position: absolute;
	left: 0;
	right: 0;
	top: 82%;
	height: 151px;
	display: block;
}
.has-margin {
	margin-top: 60px;
}
.section4.sections {
	border-bottom: none;
}
.section5 {
	background-color: #328dd4;
	padding: 30px 0;
}
.upgrade-txt {
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 0;
	text-align: center;
}
.white-btn {
	padding: 20px 0;
	background-color: #ffffff;
	color: #333333;
	width: 225px;
	text-align: center;
	margin-left: 20px;
}
.feat-website {
    padding: 50px 0;
    border-bottom: 1px solid #dddddd;
}
#sidebar-screenshot {
	background: rgba(0, 0, 0, 0) url("../images/heroimage.png") no-repeat scroll 0 0;
    height: 472px;
    right: 52%;
    position: absolute;
    width: 1182px;
    margin-top:-3px;
    box-shadow: 0 0 15px 0 rgba(36, 43, 50, 0.15);
}
.web-logo {
    padding-left: 0;
}
.web-logo li {
    display: inline-block;
    float: left;
    list-style-type: none;
    width: 16.66%;
}
.web-logo a {
    padding: 0 14px;
}
.fit-left {
    padding-left: 0 !important;
}
.title3 {
	font-weight: 700;
	color: #333333;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.section6 {
	padding: 30px 0;
}
.section7 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #666666;
	padding: 50px 0;
}
.section7 p {
	margin-bottom: 0;
}
.number {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #333333;
}
.sec6-colLeft {
	text-align: right;
	padding-right: 20px;
}
.sec6-colRight {
	padding-left: 20px;
}
.section8 {
	font-family: 'Open Sans', sans-serif;
	padding: 50px 0;
	background-color: #494B52;
	color: #ffffff;
	text-align: center;
	font-weight: 400;
}
.text3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}
.section8 .container-wrapper {
	padding: 0 50px;
}
.email-form {
	margin-top: 30px;
}
.email-form input[type="text"]{
	height: 48px;
    padding: 0 20px;
    width: 300px;
    color: #999999;
    border-radius: 2px;
    border:none;
	font-family: 'Open Sans', sans-serif;
}
.email-form input[type="submit"]{
	height: 48px;
    width: 300px;
    border: none;
    background-color: #328DD4;
    border-radius: 2px;
    color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	outline: 0 none;
}
.email-form input[type="submit"]:hover{
	background-color: #0072c6;
	border: none;
}

#error_text_lightbox{
	color : ##F8604A;
	font-weight: bold;
	font-style: italic;
}
.email-form input.email_input.error_state{
	color: #F8604A ;
	border: 1px solid #F8604A ;
}
#footer {
	background-color: #328DD4;
	padding: 40px 0;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #83C9FF;
	font-size: 12px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left:0;
}
#footer a {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #83C9FF;
	font-size: 12px;
}
#footer a:hover {
	color: #ffffff;
}
.footer-link {
	margin-bottom: 40px;
}
.underline {
	text-decoration: underline;
}
.footer-txt {
	padding: 0 60px;
}
#fancybox {
	background-color: #494b52;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    padding: 50px 20px;
    text-align: center;
    display: none;
}
#play-demo .email-form {
	background-color: #494b52;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    padding: 50px 110px;
    text-align: center;
    margin-top: 0;
}
#play-demo .email-form input[type="text"] {
	margin-right: 20px;
}
/* New footer styles */
.new-footer-link {
	padding-right: 75px;
	padding-left: 75px;
}
.new-footer-link .footer-content-col {
	text-align: left;
}
.new-footer-link li {
	list-style-type: none;
}
.new-footer-link ul {
	padding-left: 0px;
}
.footer-content-col .footer-section-title:nth-of-type(2n) {
	margin-top: 35px !important;
}
.footer-content-col .footer-section-title:nth-of-type(3n) {
	margin-top: 35px !important;
}
.footer-section-title {
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}
.footer-txt a {
	font-weight: bold;
}
/*----------end content css-------------*/

/*----------help css-------------*/
.help-page {
	padding-top: 40px;
	font-weight: 400;
	font-size: 14px;
	padding-bottom: 100px;
}
.left-menu.on-mobile {
	position: static;
	display: none;
}
.title2 {
    font-family: "Open Sans",sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
}
#accordion .panel-title a {
	display: block;
	text-decoration: none;
	position: relative;
	padding-left: 25px;
	line-height: 18px;
	font-size: 14px;
	color: #333333;
}
#accordion .panel-title a .glyphicon {
	font-size: 11px;
	margin-right: 15px;
	position: absolute;
	top: 6px;
	left: 0;
}
.help-list .panel {
	box-shadow: none;
}
.help-list .panel-body {
	padding-left: 40px;
	color: #666666;
	font-size: 14px;
	line-height: 18px;
}
#accordion .panel-title a .glyphicon {
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}
#accordion .panel-title a .glyphicon:before {
    content: "\e252";
    color: #328DD4;

}
#accordion .panel-title a.collapsed .glyphicon {
	-ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    -moz-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
}
#accordion .panel-title a.collapsed .glyphicon:before {
    content: "\e252";
    color: #328DD4;
}
#accordion .panel-body {
	border-top: 0 none;
}
.list-instruction li {
	list-style-type: none;
	padding-bottom: 10px;
}
.left-menu {
	padding-left: 0;
	position: fixed;
}
.left-menu li {
	list-style-type: none;
}
.left-menu li a {
	color: #333333;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
    display: block;
}
.policy-page {
	padding: 40px 0 100px;
}
.policy-page p {
	margin-bottom: 20px;
	line-height: 22px;
}
.title-noMargin {
	margin-bottom: 10px;
}
.policy-list li {
	list-style-type: decimal;
	padding-left: 15px;
	margin-bottom: 20px;
}
.mobileLogo {
	display: none;
}
/*----------end content css-------------*/
/*----------slider-------------*/
#testimonials {
 	width: 100%;
 	height: 110px;
}
.rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
	background-color: transparent;
}

@media (max-height: 465px) {
	.popup-btn {
		display: none;
	}
	}

	@media (max-width: 1260px) {
	.section1 .fRight {
		width:100%;
	}
	.width100 img {
		max-width: 100%;
	}
	#sidebar-screenshot {
		display: none;
	}
	.section1 .feat-img {
		display: block;
		margin-left: -512px;
	}
	.section1 col-right {
		padding-top: 0;
	}
	.section1 .feat-img {
		margin-left: 0;

	}
	.section1 .header-img:after {
	 	content: " ";
    	display: table;
    	clear: both;
	}
	.section1 .fRight {
		float: none;
	}
	.section1 feat-img {
		text-align: center;
	}
	.section1 widget-img {
		text-align: center;
	}
}


@media (max-width: 767px) {
	.sections .fRight {
		width:100%;
	}
	.navbar-nav {
	    float: none;
	    margin: 0;
	}
	.navbar .container {
		padding: 0;
	}
	.navbar-header {
		padding: 0 15px;
	}
	.navbar-collapse {
		padding: 0;
	}
	.nav > li {
		padding: 0 15px;
		border-bottom: 2px solid #f4f4f4;
	}
	.navbar-inverse .navbar-nav > li > a {
		text-align: center;
	}
	#sidebar-screenshot {
		display: none;
	}
	.section1 .feat-img {
		display: block;
		margin-left: -512px;
	}
	.left-menu {
		position: static;
	}
	.left-menu.for-desc {
		display: none;
	}
	.left-menu.on-mobile {
		display: block;
	}
	.help-page {
		padding-top: 0;
	}
	.col-right {
		padding-top: 0;
	}
	.section1 .feat-img {
		margin-left: 0;

	}
	.section1 .header-img:after {
	 	content: " ";
    	display: table;
    	clear: both;
	}
	.sections .fRight {
		float: none;
	}
	.feat-img {
		text-align: center;
	}
	.widget-img {
		text-align: center;
	}
}
@media (max-width: 640px) {
	.tryit-btn {
	    float: none;
	    margin-bottom: 20px;
	    width: 100%;
	}
	.play-btn {
		width: 100%;
		float: none;
	}
	.sec1-img {
		margin-left: -145px;
	}
	.mobileLogo {
		display: block;
	}
	.descLogo {
		display: none;
	}
	.play-btn {
		background: rgba(0, 0, 0, 0) url("../images/arrow-right.png") no-repeat scroll 39% center;
	}
	.container {
		padding: 0 25px;
	}
	.add-btn {
		margin-top: 20px;
	}
	.ultimate {
	    font-size: 38px !important;
	    line-height: 52px !important;
	}
	.sections {
		font-size: 16px;
	}
	.title-header1 {
		font-size: 24px;
		line-height: 34px;
	}
	.sections {
		border-bottom: none;
	}
	.title3 {
		font-size: 24px;
		margin-bottom: 30px;
	}
	#paperplane {
		background: rgba(0, 0, 0, 0) url("../images/ScheduleMeetings_BGImage1-mobile.png") no-repeat scroll center center;
    	top: -30px;
	}
	.section2 {
		padding-top: 105px;
	}
	.sec2-leftcol {
		margin-top: 15px;
	}
	.section3 {
		padding-top: 100px;
		background-color: transparent;
	}
	#arrow-plane {
		background: rgba(0, 0, 0, 0) url("../images/ScheduleMeetings_BGImage2-mobile.png") no-repeat scroll center center;
		bottom: -65px;
	}
	#clock-plane {
		background: rgba(0, 0, 0, 0) url("../images/GetNotified_BGImage-mobile.png") no-repeat scroll center center;
		top: 62%;
	}
	.section3 .col-sm-6.white {
		background-color: transparent;
	}
	#clock-bg {
		top: 0;
	}
	.section4 .col-sm-6.fLeft {
		padding-top: 15px;
	}
	#planeclock-straight {
		background: rgba(0, 0, 0, 0) url("../images/GetNotified_BGImage-2-mobile.png") no-repeat scroll center center;
	}
	#line-straight {
		top: 65%;
	}
	.white {
		background-color: transparent;
	}
	#back-straight {
		background: none;
	}
	.upgrade-txt {
		font-size: 26px;
	}
	.white-btn {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	.section6 .col-sm-4 {
		margin: 40px 0;
	}
	.col-xs-2 {
		width: 19.667%;
	}
	.sec6-colLeft {
		padding-right: 0;
		text-align: center;
	}
	.sec6-colRight {
		padding-left: 0;
		text-align: center;
		margin-top: 20px;
	}
	.section7 {
		border-top: 1px solid #dddddd;
	}
	.web-logo li {
		float: none;
		width: 32%;
		text-align: center;
		margin-bottom: 20px;
	}
	.web-logo a {
		padding: 0;
	}
}
@media (max-width: 360px) {
	.play-btn {
    	background: rgba(0, 0, 0, 0) url("../images/arrow-right.png") no-repeat scroll 32% center;
	}
	.section8 .container-wrapper {
	    padding: 0 20px;
	}
	.email-form input[type="text"] {
		width: 100%;
	}
	.email-form input[type="submit"] {
		width: 100%;
	}
	.width100 img {
		width: 100%;
	}
	.widget-img img {
		width: 100%;
	}
	.web-logo li.tnw {
		width: 24%;
	}
	.tnw {
		text-align: left !important;
	}
	.web-logo li.nyTimes {
		width: 53%;
	}
	.web-logo li.inc {
		width: 20%;
	}
	.inc {
		text-align: right !important;
	}
}
@media (max-width: 320px) {
	.web-logo li.nyTimes img {
		width: 90%;
	}
	#footer {
		height: 210px;
	}
}

/* Office Award Banner */
.full-width-ribbon
 {
	min-height: 75px;
	vertical-align: middle;

	display: table;
}
.award-ribbon {
		background-color: #E23D00;
		margin-top: -1px;
}
.ios-ribbon {
	background-color: #002F68;
}
#award-badge {
	width: 33%;
	display:table-cell;
	vertical-align: middle;
}
#award-badge img, #ios-badge img {
	height: 75px;
	float: left;
}
#award-copy, #ios-copy {
	color: white;
	font-size: 14px;
	font-family: 'Open Sans';
	width: 75%;
	padding:5px;
	min-height: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
@media (max-width: 620px) {
	.award-ribbon {
		display: block;
		padding-bottom:10px;
	}
	#award-badge {
		display: table;
		min-width:100%;
		text-align: center;
		padding:10px;
	}
	#award-badge img {
		float: none;
	}
}