/* ------------------- Offer Area ------------------- */

@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Caption'), local('PTSans-Caption'), url(//fonts.gstatic.com/s/ptsanscaption/v9/OXYTDOzBcXU8MTNBvBHeSVu3pQpJXC1E_Hw7zMp8vJM.woff2) format('woff2');
}
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Caption Bold'), local('PTSans-CaptionBold'), url(//fonts.gstatic.com/s/ptsanscaption/v9/Q-gJrFokeE7JydPpxASt2-AG5JKECrpbRn4WyrgqwBM.woff2) format('woff2');
}

#logo, h1, h2, #pageTitle h2 {
	font-family: 'PT Sans Caption', arial, serif !important;
}

#logo span.current {
	opacity: 0.9;
}

#logoContainer a:hover {
	text-decoration: none;
}
#logoContainer {
	margin-left: 10px;
	
}
#bottomLogoContainer img {
	width: 100px;
	float: left;
	margin-right: 20px;
}
.top_socials {
	position: relative;
	top: 50px;
}
.top_socials  li {
	float: right;
	margin-left: 15px;
}

.flag_container a img {
	opacity: 0.4;
}
.flag_container a:hover img {
	opacity: 1;
}
#topPanel #topPanelHandle a {
	color: #ffffff;
	font-size: 1em;
}
div.wrap {
	/*width: 964px;*/
	/*width: 1024px;*/
	/*width: 1156px; */
	width: 1280px; /* need big layout changes */	
}
#offer,
.details .details-container {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}	
#offer{
	display: block;
	position: relative;
	float: left;
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid transparent;
	padding: 45px 60px 40px 60px;
	margin-bottom: 24px;
	
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	/*margin-top: -15px;*/
}
#offer h1 {
	position: relative; 
	width: 100%; 
	font-size: 36px;	
	margin-bottom: 20px;
}
#offerleft, #offerright{
	display: inline-block;
	position: relative;
	vertical-align: top;
}
#offerleft {
	width: 550px;
}
#offerright{
	width: 530px;
}
#offer h1 span {
	color: #00c2f3;
}
#offerleft h3 {
	color: #888888;
	margin-bottom: 2px;
	font-weight: normal;
}
#offer p.describe { 
	color: #464646; 
	font-size: 16px; 
	font-weight: normal; 
	line-height: 1.4;	
	margin-bottom: 20px;
}
#offer p.describe b {
	font-weight: normal; 
}


#offer a.secondary{
	border-bottom: 1px solid #C72812;
	font-size: 16px;
	margin-left: 10px;
}

#offer a.secondary:hover{
	color: #7C7C7C;
	border-bottom: 1px solid #7C7C7C;
}

#offer h1 {
	color: #444444;
	margin: 0px 0 20px 0;	
}

#offer .light_blue_button {
	margin: 0px;
	display: inline-block;
	padding: 30px 20px;
	font-weigth: bold;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
    text-decoration: none;
	outline: none;
    cursor: pointer;
    background: /* #00c2f3; */  #6fb53c;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
}

#offer .light_blue_button:hover, 
#offer .light_blue_button:focus{
	background: /* #00c2f3; */  #6fbd03;
    text-decoration: none;
	outline: none;
    
}
/*
#offer .light_blue_button,
#offer .login-here {
	display: inline-block;
	vertical-align: bottom;
}*/
#offer .login-here {
	display: block;
	color: #00c2f3;
	margin-top: 10px;
	text-decoration: underline;
	padding: 10px 15px;
	font-size: 1.2em;
}
#offer .promotion_counter {
	margin: -10px 0px 0px 60px; 
	font-size: 15px; 
	color: #555555;
}	

#offer #count_down {
	font-size: 17px; 
	line-height: 20px; 
	color: green; 
	display: inline-block;
}

#offer div.blogImage{
	float: left;
	width: 120px;
	margin-right: 10px;
}

#offer .blog-feed {
    height: 80px;
    overflow: hidden;
    background: #f9f9f9;
	padding: 18px 30px;	
}
#offer .blog-feed div {
	height: 32px;
}
#offer .blog-feed a {
	font-size: 14px;
	line-height: 13px;
	color: #888888;
	text-decoration: underline;
}
#offer .blog-feed a:hover,
#offer .blog-feed a:active {
	color: #00c2f3;
}

#offer div.twitterWidget {
	margin: 20px 20px 0px 30px;
	float: left;
	width: 700px;
}

#offer .twitterWidget .twitterList li {
	font-size: 20px;
}

#offer .twitterList span {
	color: #666666;
	font-size: 0.8em
}

#offer .twitterArrows {
	margin-top: 6px;
}
#offer .integrations {
	margin-bottom: -20px;
	margin-top: 20px;
}
#offer .integrations li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
#offer .integrations li:last-child {
	margin-right: 0;
}

.center {
	text-align: center;
}


/*------ Registration form  ------*/


#registration_form .submit {
	background: /* #00c2f3; */  #6fb53c;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
	
	border: 1px solid #999999;
	margin-top: 15px;
	
	line-height: 30px;
	font-size: 23px;
}
#registration_form .terms-and-conditions-link {
	color: gray; 
	padding-bottom: 7px; 
	font-size: 10px; 
	font-style: italic;
}

#registration_form .submit:hover, 
#registration_form .submit:focus{
	background:  #6fbd03;
    text-decoration: none;
	outline: none;
	color: #ffffff;
	
}

#registration_form .wixconvert {
	
}

#registration_form .wixconvert .header {
	text-align: center;
}

#registration_form .wixconvert .body ul {
	list-style: decimal;
}

#registration_form .wixconvert .body ul li {
	font-size: 14px;
	margin-left: 20px;
	line-height: 18px;
}

.white_container {
	padding: 60px 30px 30px 30px;
	background: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
	border: 1px solid transparent;	
}


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

.productfeatures { 
	display: block; 
	float: left;	
	font-family: 'PT Sans Caption', arial, serif;
	width: 90%;
}

.productfeatures h3 {
	font-size: 22px;
	margin: 20px 0 15px 0;
	color: #00c2f3;
}
.productfeatures ul {
	padding-left: 20px;
}

.productfeatures li {
	width: 740px;
	display: block; 
	float: left; 
	position: relative; 
	margin: 8px 0px 0px 0px; 
	padding-left: 55px; 
	background: none no-repeat scroll transparent 0px 0px;

}


.productfeatures p { 
	display: block; 
	font-size: 17px;
	margin-top: 7px;/* because of li background image */	
}




/* ------------------- Detailed Content ------------------- */

.details{
	display: block;
	position: relative;
	float: left;
	margin: 0px;
	width: 100%;
}

.details .tabnav,
.details .tabnav li{
	display: block;
	position: relative;
	height: 36px;
	z-index: 10;
	
}
.details .tabnav li{
	margin-left: 14px;
	margin-bottom: 0;
	float: left;
}

.details .tabnav li:first-child{
	margin-left: 0;
}

.details .tabnav li a{
	display: block;
	float: left;
	line-height: 40px;
	font-size: 14px;
	padding:  0px 28px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	color: #222222;
	background-color: #ffffff;
	border: 1px solid transparent;
	font-weight: bold;
	text-transform: uppercase;
	
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
}
@media (min-width: 650px) {
	.details .tabnav li a {
		/* fix for fr and de langs */
		max-width: 180px;
		overflow: hidden;
		white-space: nowrap;
	}
}

.details .tabnav li.accent a {
	background: #00c2f3;
	color: #f0f0f0;
}
.details .tabnav li.accent a:hover,
.details .tabnav li.accent.active  a{
	background: #ffffff;
}
.details .tabnav li a:hover,
.details .tabnav li.active a {
	color: #00c2f3;
}

.details .details-container {
	display: block;
	position: relative;
	float: left;
	margin-left: 0px;
}
.details .details-content h1 {
	margin: 20px 0px 30px 5px;
	color: #222222;
	font-size: 26px;
	font-weight: bold;
}
.details h4 {
	font-size: 19px;
	font-weight: bold;
}
.details h1 span,
.details h2 span,
.details h3 span,
.details h4 span  {
	color: #00c2f3;
}


/* ------------------- We are fit for (How does it work) ------------------- */

.we-are-fit-for .about-registration {
	margin-bottom: 60px;
}
.we-are-fit-for .about-registration {
	
}	
.we-are-fit-for .about-registration p {
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.we-are-fit-for .about-registration.image {
		margin: 30px 0;
		float: none;
	}
}
@media (min-width: 768px) {
	.we-are-fit-for .about-registration .image img {
		width: 100%;
		height: auto;
	}
}
.we-are-fit-for .about-registration > ol {
	list-style-type: upper-roman;
	margin-left: 60px;
}
.we-are-fit-for .about-registration > ol li {
	margin: 8px 0;
}	
.we-are-fit-for .about-registration ol ol {
	list-style-type: lower-alpha;
	margin: 5px 0 10px 20px;
}

.we-are-fit-for ul li {
	list-style: none;
}

.we-are-fit-for li.left .img_container {
	float: left;
	margin: 10px 19px 20px 0px;
}

.we-are-fit-for li.right .img_container {
	float: right;
	margin: 10px 0px 20px 19px;
}

.we-are-fit-for .img_container {
	display: block;
	position: relative;	
	width: 273px;
	height: 145px;
	
	background: #f6f6f6;
	padding: 10px;
}

.we-are-fit-for .img_container img {
	margin: 10px;
	width: 253px;
	height: 125px;
}

.we-are-fit-for ul li h4 {
	margin-bottom: 8px;
	font-size: 19px;
	font-weight: bold;
}

.terms_and_conditions,
.terms_and_conditions p,
.terms_and_conditions li {
	/* the same as in testimonials */
	font-size: 16px;
	color: #444444;
	line-height: 1.4;
	text-align: left;
}

/* ------------------- We are fit for End ------------------- */


/* ------------------- Testimonials ------------------- */

.testi-monials { 
	display: block; 
	float: left; 
}
.testi-monials.full-size,
.testi-monials.full-size li,
.testi-monials.full-size li .testicontent {
	float: none;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.testi-monials li{
	display: block;
	position: relative;
	float: left;
	margin: 10px 27px 20px 0;
	width: 410px;
	font-size: 13px;
	color: #4E4E4E;
	line-height: 1.4;
}

.testi-monials li .testiimage{
	display: block;
	float: left;
	text-align: center;
	margin-right: 25px;
	width: 124px;
	height: 143px;
	padding-top: 17px;
	background: url("/common/images/simplybook/author.png") no-repeat;
}

.testi-monials li .testiimage img{
	/*display: block;
	margin: 19px 22px;
	width: 80px;
	height: 105px;
	*/
	max-width: 100%;
	max-height: 100%;
	vertical-align: center;
}

.testi-monials li .testicontent{
	display: block;
	float: left;
	width: 260px;
}

.testi-monials li .testicontent span{
	display: block;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #00c2f3;
	margin-top: 15px;
}


/* ------------------- Testimonials End ------------------- */

/* ------------------- Gallery ------------------- */
#galleryx .white_container {
	padding: 30px 0 30px 30px;
}
.testimonials-container,
#pgallery {
	display: inline-block;
	vertical-align: top;
}
.testimonials-container {
	width: 530px;
}
#pgallery {
	width: 680px;
	margin-right: -10px;
}
/*
#pgallery{
	display: block; 
	float: left; 
	margin-right: -21px;
}*/

#pgallery li{
	display: block;
	position: relative;
	float: left;
	margin: 0 0 20px 20px;
	background: #f6f6f6;
	padding: 15px 30px;
}

#pgallery li a{
	display: block;
	position: relative;
	float: left;
}

#pgallery li a img{
	display: block;
	position: relative;
	width: 253px;
	height: 125px;
}



/* ------------------- Gallery End ------------------- */

.top_contacts {
	font-size: 16px;
	font-weight: bold;
	width: 350px;
	line-height: 20px;
}
.topcontacts {
	display: block;
	position: relative;
	float: right;
	
	height: 55px;
	line-height: 16px;
	margin-top: 30px;
	font-size: 16px;
	
	font-weight: bold;
	
}

.topcontacts span{
	display: inline-block;
	color: #666666;
}


	
.topcontacts td {
	text-align: right;
	padding: 0px 9px;
	line-height: 20px;
}



/*---- Login form   ----*/

#login_form_container {
	position: relative;
}
#login_form_container .left-login-part,
#login_form_container .right-login-part {
 	display: inline-block;
 	vertical-align: middle;
 	box-sizing: border-box;
 	padding: 15px;
}
#login_form_container .left-login-part {
	width: 40%;
	border-right: 1px solid #cccccc;
}
#login_form_container .right-login-part {
	width: 55%;
	padding-left: 40px;
}
#login_form_container .right-login-part form {
	width: 100%;
	box-sizing: border-box;
}
#login_form_container .right-login-part h2 {
	font-size: 22px;
	color: #555555;
	font-weight: normal;
	font-family: "PT Sans Caption",​arial,​serif;
}
#login_form_container .or-div {
	position: absolute;
	left: 40%;
	top: 40%;
	margin-left: -25px;
	width: 30px;
	height: 30px;
	padding: 17px 15px 13px 15px;
	background: #ffffff;
	color: #777777;
	text-transform: uppercase;
	border: 1px solid #cccccc;
	font-size: 1.3em;
	line-height: 1.3em;
	border-radius: 40px;
}



/*---- Registration form   ----*/

#registation_form_container ul.fieldset {
	width: 400px !important;
	float: left;
}
#move_form_container ul.fieldset {
    margin-left: 365px;
}
#registation_form_container .block {
	display: inline-block;
	vertical-align: top;
	width: 475px;
	margin-bottom: 40px;
} 
#registation_form_container .block.right-block {
	margin-left: 60px;
}
#registation_form_container .block.right-block .map {
	margin-top: 52px;
}
#registration_form .map {
	float: right;
	
	margin: 14px 10px 10px 10px;
	width: 424px !important;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;
	-webkit-border-radius:  5px 5px 5px 5px;
	padding: 10px;
	background-color: #000000;
}
#map_search_btn {
	width: 85px !important;
	display: inline-block;
	margin: 0px -4px 0px 4px !important;
	padding: 5px;
    font-size: 14px;
}
#map_search {
	width: 316px !important;
	display: inline-block;
	margin: 0px !important;
	
}
#map_canvas {
	width: 420px; 
	height: 300px; 
	margin-top: 5px;
	border: 1px solid #cccccc;
}
#registation_form_container .schedule ul .edit_weekday_link span {
	display: none;
}

#company_description {
	height: 175px;
}


ul,
ol { list-style:none; margin:0; padding:0;}

.terms_and_conditions h2 {
	font-size: 37px;
}

.terms_and_conditions h3 {
	font-weight: bold;
}



#registation_form_container {
	width: 1200px;
	margin: auto;
	border-top: 1px solid #d2d2d2; 
	margin-top: 15px; 
	padding-top: 20px;
}

#registration_form h2 span {
	color: #00c2f3;
	font-size: 1.1em;
}

.video-img {
	float: right;
}

.video-join-form {
	width: 500px;
	float: left;
}

.video-join-form label {
	width: 100px;
	float: left;
	line-height: 35px;
}

.video-join-form input#code {
	width: 100px;
	float: left;
	border-radius: 5px;
}

.video-join-form input.button {
	width: 100px;
	float: left;
	margin: 0px;
	margin-left: 10px;
	padding: 7px;
}


/* ----- Intro -------*/
.intro h3 {
	font-weight: bold;
}

.intro div.left {
	float: left;	
}
.intro div.right {
	float: right;	
}

.intro div.left img {
	margin: 0px 0px 0px 40px;
}
.intro div.right img {
	margin: 10px 40px 0px 0px;		
}
.intro .paragraph .text {
	width: 750px;
}

.intro img {
	width: 100px;
}

.intro ul, .intro ul li {
	list-style-type: disc;
}

.intro #features_toggler img {
	width: 8px;
	margin: 0px;
}

.intro p, .intro li {
	font-size: 17px;
}
.intro li {
	line-height: 18px;
}

.copyright_info {
	display: none;
	color: #888888;
	font-size: 10px;
	margin-top: 1px;
	margin-bottom: -4px;
}

.copyright_info * {
	color: #888888;
}


/*--- new version of intro -- */

.intro_features {}
.intro_features .first {
	float: left;
	width: 550px;
	margin-right: 20px;
}
.intro_features .second {
	margin-left: 0px;
	float: left;
	width: 370px;
}
.intro_features h3 {
	font-weight: bold;
	line-height: 26px;
}
.intro_features ul li {
	font-size: 17px;
	line-height: 20px;
	padding: 0 0 4px 30px;
	background: none no-repeat scroll transparent 0px 0px;
	
}
.intro_features .images img {
	margin: 3px 4px;
}
.intro_features h3 span {
	color: #00c2f3;
}
.intro_features h2 {
	margin-top: 0px;
}
.intro_features .second h3 {
	color: #aaaaaa;
	font-size: 23px;
	
}
.intro_features .features_wrapper {
	background: #f9f9f9;
	border-radius: 5px;
	padding: 15px;
}
.intro_features .cite ,
.user-api-intro .cite{
	font-style: italic;
	text-align: right;
	margin: 2px 5px 18px 0;
}
.intro_features ul.features li {
	font-size: 15px;
}
.intro_features ul.features span {
	color: #00c2f3;
}
.features-vote {
	position: relative;
}
.new-features .bx-wrapper .bx-viewport {
	box-shadow: none;
}
.new-features .features-vote {
	margin-bottom: 20px;
}
.features-vote .loader-container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -32px;
	margin-left: -32px;
	display: none;
}
.features-vote .vote-questions h3 {
	color:  #00c2f3;
	font-size: 23px;
}
.features-vote ul {
	margin-bottom: 0px;
}
.features-vote ul li {
	padding-left: 0;
	font-size: 17px;
	line-height: 20px;
}
.features-vote ul li a.vote {
	margin-right: 5px;
}
.features-vote ul li a .name {
	color: #666666;
}
.features-vote ul li a:hover .name {
	color: #00c2f3;
}
.features-vote ul li .description {
	display: none;
}
.features-vote ul li.expanded .description {
	display: block;
}
.intro_features .button-container,
.new-features .button-container {
	text-align: right;
	margin-bottom: 10px;
}
.intro_features .button-container a,
.new-features .button-container a {
	color: #666666;
	text-decoration: underline;
}

.features-vote.show-result-mode  .vote-result,
.features-vote .vote-questions {
	display: block;
}
.features-vote .vote-result,
.features-vote.show-result-mode .vote-questions {
	display: none;
}
.features-vote.show-result-mode {
	border-bottom: none;
}
.features-vote .vote-result h3 {
	color: #aaaaaa;
	font-size: 23px;
}
.features-vote .vote-result ul,
.features-vote .vote-questions ul {
	padding: 15px 20px;
	margin-bottom: 5px;
	border-radius: 5px;
	background: #fafafa;
}
.features-vote .vote-result ul li {
	position: relative;
}
.features-vote .vote-result ul li .rate {
	background: #00c2f3;
	display: block;
	border-collapse: border-box;
	border: 1px solid #00c2f3;
	border-radius: 15px;
	line-height: 13px;
}
.features-vote .vote-result ul li .title {
	font-size: 12px;
	margin-top: 0px;
}
.bottom-vote-block {
	background: #ffffff;
	margin-top: 30px;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid transparent;
	
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
}
.bottom-vote-block .features-vote,
.bottom-vote-block .previous-votes-features  {
	display: inline-block;
	vertical-align: top;
	border-collapse: border-box;
}
.bottom-vote-block .features-vote {
	width: 700px;
	padding-right: 80px;
}	
.bottom-vote-block .previous-votes-features {
	display: inline-block;
	margin-left: 40px;
	width: 350px;
}
.bottom-vote-block .previous-votes-features h3 {
	font-size: 23px;
	color: #00c2f3;
}
.bottom-vote-block .previous-votes-features ul {
	margin-top: 30px;
	text-align: center;
}
.bottom-vote-block .previous-votes-features ul li {
	line-height: 1.3em;
	display: inline-block;
	margin: 0 15px 5px 0;
}
.bottom-vote-block .previous-votes-features ul li a {
	color: #888888;
	text-decoration: underline;
	
}

/*******************************************/
/*                                         */
/*         New features list               */
/*                                         */
/*******************************************/

.new-features {}
.new-features .left-block,
.new-features .right-block {
	display: inline-block;
	vertical-align: top;
}
.new-features .right-block {
	margin-left: 55px;
	width: 300px;
}
.new-features .left-block {
	width: 800px;
	margin-left: 30px;
}
.new-features .left-block .great-features-slider {
	width: 650px;
	height: 500px;
	margin-bottom: 30px;
	margin-left: 70px;
	position: relative;
	overflow: hidden;
}
.new-features .left-block .great-features-slider .btn {
	position: absolute;
	top: 40%;
	cursor: pointer;
	z-index: 100;
	display: none;
}
.new-features .left-block .great-features-slider .btn.next-button {
	right: 0;
}
.new-features .left-block .great-features-slider .btn.previous-button {
	left: 0;
}
.new-features .left-block .great-features-slider .btn .glyphicon {
	font-size: 3em;
	color: #eeeeee;
}
.new-features .left-block .insights-ads-text {
	margin-bottom: 35px;
} 
.new-features .left-block .insights-ads-text img {
	margin-bottom: 10px;
}
.new-features .left-block .insights-ads-text p {	
	margin-left: 25px;
	color: #888888;
	font-size: 16px;
}
.insights-ads-text a {
	float: right;
	margin-top: -7px;
	font-size: 13px;
}
.new-features .video-container {
	padding: 15px;
	border: 1px solid transparent;
	margin-bottom: 30px;
	background: #f6f6f6;
	margin-left: 10px;
	display: inline-block;
	
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
}
.new-features .great-features-slider .img-container.mobile-apps {
	position: relative;
} 
.new-features .great-features-slider .img-container.mobile-apps .links {
	text-align: left;
	position: absolute;
	left: 15px;
	bottom: 15px;
}
.new-features .great-features-slider .img-container.mobile-apps .links a {
	float: none;
}
.new-features .servers .image {
	width: 626px;
	position: relative;
	margin: 30px auto;
}	
.new-features .servers .image .planned {
	text-transform: uppercase;
	position: absolute;
	font-weight: bold;
	top: 40px;
	right: 40px;
}
.new-features .servers .image img {
	width: 100%;
}
@media (max-width: 550px) {
	.new-features .servers .image {
		width: 100%;
	}
	.new-features .servers .image .planned {
		top: 10px;
		right: 0px;
	}
	.new-features .video-container {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
	}
	.new-features .video-container iframe {
		width: 100%;
	}
	.new-features .left-block .great-features-slider {
		margin-left: 0;
	}
	.new-features .great-features-slider .img-container.mobile-apps .links {
		position: relative;
		width: 60%;
		left: auto;
		right: auto;
		margin-top: 40px;
		margin-left: 40px;
	}
}
.new-features .left-block .left-sided .text-container,
.new-features .left-block .right-sided .text-container {
	width: 550px;
}
.new-features .left-block .left-sided {}
.new-features .left-block .right-sided {}
.new-features .left-block .sided {
	margin-bottom: 10px;
}
.new-features .left-block .sided .img-container,
.new-features .left-block .sided .text-container {
	display: inline-block; 
	vertical-align: middle;
 }
.new-features .left-block .sided .img-container {}
.new-features .left-block .sided .img-container .img  {
	display: inline-block;
	position: relative;
	color: #ffffff;
	padding: 10px;
	background: #f6f6f6;
	border-radius: 30px;
}
.new-features .left-block .sided.left-sided .img-container .img  {
	margin-right: 15px;	
}
.new-features .left-block .sided.right-sided .img-container .img  {
	margin-left: 15px;	
}
.new-features .left-block .sided .img-container .glyphicon {
	font-size: 35px;
}
.new-features .left-block .sided .img-container .glyphicon.second {
	position: absolute;
	font-size: 25px;
	left: 25px;
	top: 10px;
}
.new-features .left-block .sided .text-container h3 {
	color: #00c2f3;
	font-size: 19px;
}
.new-features .left-block .sided .text-container ul {
	padding: 20px 35px;
	background: #f6f6f6;
}
.new-features .left-block .sided .text-container ul li {
	list-style-type: disc; 
	line-height: 1.2em;
}
.new-features .right-block {}
.new-features .right-block h2 {
	margin: 0;
	margin-bottom: 15px;
	font-size: 23px;
}
.new-features .right-block ul {}
.new-features .right-block ul li {
	margin-bottom: 35px;
}
.new-features .right-block ul li .title {
	font-size: 1.15em;
    margin-bottom: 10px;
    margin-top: 25px;
	
}
.new-features .right-block ul li .title .img {
	display: inline-block;
	margin-right: 5px;
	color: #777777;
}
.new-features .right-block ul li .title .img .glyphicon.second {
	margin-left: -5px;
	margin-right: 0px;
	font-size: 0.8em;
}
.new-features .right-block ul li .title .img.facebook {
	background: #777777;
	border-radius: 3px;
	padding: 1px 4px 1px 6px;
}
.new-features .right-block ul li .title .img.facebook .glyphicon {
	color: #ffffff;
}
.new-features .right-block ul li .title .txt {
	font-size: 1.1em;	
}
.new-features .right-block ul li .description {
	font-size: 0.8em;
	line-height: 1.3em;
}

/*---  Colors --*/
.new-features .left-block .sided.green .img-container .img  {
	background: #aec95b;
	border: 1px solid #9abc32;
	box-shadow: 2px 3px 2px #9abc32;
}
.new-features .left-block .sided.blue .img-container .img  {
	background: #8cc2e6;
	border: 1px solid #6fb3e0;
	box-shadow: 2px 3px 2px #6fb3e0;
}
.new-features .left-block .sided.red .img-container .img  {
	background: #dd6566;
	border: 1px solid #d53f40;
	box-shadow: 2px 3px 2px #d53f40;
}
.new-features .left-block .sided.orange .img-container .img  {
	background: #f7c463;
	border: 1px solid #ffad0f;
	box-shadow: 2px 3px 2px #ffad0f;
}
.new-features .left-block .sided.violet .img-container .img {
	background: #d58cdf;
	border: 1px solid #cb6fd7;
	box-shadow: 2px 3px 2px #cb6fd7;
}
	

/*------ Financial dashboard bar (Insights) example ----*/

.financial-dashboard-bar {
	margin-top: 15px;
}
.financial-dashboard-bar ul.indicators {
	margin-bottom: 10px;
	text-align: center;
}
.financial-dashboard-bar .indicators > li {
	display: inline-block;
	padding: 10px 25px;
	border-right: 1px dotted #cccccc;
}
.financial-dashboard-bar .indicators > li:last-child {
	border: none;
}
.financial-dashboard-bar .indicators li .img,
.financial-dashboard-bar .indicators li .amounts {
	display: inline-block;
	vertical-align: bottom;
}
.financial-dashboard-bar .indicators li .img  {
	display: inline-block;
	color: #ffffff;
	margin-right: 5px;	
	padding: 10px;
	border-radius: 30px
}
.financial-dashboard-bar .indicators li .img .glyphicon,
.financial-dashboard-bar .indicators li .amounts .total {
	font-size: 22px;
}
.financial-dashboard-bar .indicators li .amounts .total,
.financial-dashboard-bar .indicators li .amounts .change {
	display: inline-block;
	vertical-align: top;
}
.financial-dashboard-bar .indicators li .amounts .change {
	float: right;
	margin: -5px -5px 0 10px;
}
.financial-dashboard-bar .indicators li .amounts .change.positive {
	color: #719024;
}
.financial-dashboard-bar .indicators li .amounts .change.negative {
	color: #bc4a32;
}
.financial-dashboard-bar .indicators li .amounts .change .glyphicon {
	font-size: 0.8em;
}
.financial-dashboard-bar .indicators li .name {
	display: block;
	text-align: right;
	color: #888888;
	margin-left: 10px;
	margin-top: 10px;
}
.financial-dashboard-bar .indicators li .amounts .total {
	margin: 0 10px;
}



/*----  Different colors   ----*/
.financial-dashboard-bar .indicators li.total-bookings .img  {
	background: #aec95b;
	border: 1px solid #9abc32;
	box-shadow: 2px 3px 2px #9abc32;
}
.financial-dashboard-bar .indicators li.total-bookings .total {
	color: #9abc32;
}
.financial-dashboard-bar .indicators li.upcoming-bookings .img  {
	background: #8cc2e6;
	border: 1px solid #6fb3e0;
	box-shadow: 2px 3px 2px #6fb3e0;
}
.financial-dashboard-bar .indicators li.upcoming-bookings .total {
	color: #6fb3e0;
}
.financial-dashboard-bar .indicators li.cancelled-bookings .img  {
	background: #dd6566;
	border: 1px solid #d53f40;
	box-shadow: 2px 3px 2px #d53f40;
}
.financial-dashboard-bar .indicators li.cancelled-bookings .total {
	color: #d53f40;
}
.financial-dashboard-bar .indicators li.total-payments .img  {
	background: #f7c463;
	border: 1px solid #ffad0f;
	box-shadow: 2px 3px 2px #ffad0f;
}
.financial-dashboard-bar .indicators li.total-payments .total {
	color: #ffad0f;
}
.financial-dashboard-bar .indicators li.new-feedbacks .img  {
	background: #d58cdf;
	border: 1px solid #cb6fd7;
	box-shadow: 2px 3px 2px #cb6fd7;
}
.financial-dashboard-bar .indicators li.new-feedbacks .total {
	color: #cb6fd7;
}
.financial-dashboard-bar .indicators li.tariff-bookings .img  {
	background: #cccccc;
	border: 1px solid #bbbbbb;
	box-shadow: 2px 3px 2px #bbbbbb;
}

/*------------ Mobile Booking App   -----------------*/

#mobile-app-guide {}
#mobile-app-guide .cite {
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #888888;
	margin: 10px 0;
}
#mobile-app-guide .step-header {
	font-size: 1.1em;
	color: #00c2f3;
	display: inline-block;
	margin: 10px 0px;
	font-weight: bold;
}
#mobile-app-guide ol ol {
	margin:  0 0 0 40px;
	
}
#mobile-app-guide ol ol li {
	text-indent: 0px;
	list-style: decimal;
	line-height: 1.3em;
	color: #00c2f3;
	font-weight: bold;
}
#mobile-app-guide ol p {
	color: #444444;
	font-weight: normal;
}
#mobile-app-guide .left {
	float: left;
	width: 410px;
}
#mobile-app-guide .right {
	float: right;
}
#mobile-app-guide .guide-image {
}
#mobile-app-guide .guide-image img {
	padding: 5px;
	border: 1px solid transparent;
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
	box-radius: 5px;
}
#mobile-app-guide .guide-image-description {
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #888888;
	margin: 10px 0;
}


/*------------ Promotions article   -----------------*/

#promo-article {}
#promo-article h1 {
	
}
#promo-article .cite {
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #888888;
	margin-bottom: 10px;
	text-align: right;
}
#promo-article .emphasized {
	font-size: 1.25em;
	color: #555555;
}
#promo-article .left {
	float: left;
	width: 250px;
	margin-right: 30px;
}
#promo-article .right {
	float: left;
}
#promo-article .promo-image img {
	
}
#promo-article .promo-image-description {
	font-size: 1.4em;
	line-height: 1.4em;	
	color: #00c2f3;
	text-align: center;	
}


/*------------ Recent Bookings Block (index page)  -----------------*/

.second-block {
	margin-top: 30px;
	padding-top: 25px;
}
.second-block .bookings-container {
	float: left;
	width: 700px;
	height: 220px;
	overflow: hidden;
	margin-right: 100px;
	margin-top: 10px;
}
.second-block .bookings-container .booking {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: #f0f0f0;
	padding: 10px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	min-height: 42px;
}
.second-block .bookings-container .booking img {
	width: 48px;
	margin-right: 10px;
	float: left;
}
.second-block .bookings-container .booking .service-name {
	color: #00c2f3;
	font-size: 17px;
}
.second-block .bookings-container .booking .company .address {
	font-size: 14px;
	color: #999999;
}
.second-block .registrations-container {
	float: left;
	width: 300px;
	height: 190px;
	overflow: hidden;
	margin-top: 5px;
	text-align: right;
	position: relative;
}
.second-block .background-image {
	position: absolute;
	text-align: center;
	width: 250px;
	top: 0;
	left: 0;
}
.second-block .background-image img {
	width: 250px;
	opacity: 0.1;
}
.second-block .registrations-container h3 {
	color: #444444;
}
.second-block .registrations-container .company {
	margin-bottom: 7px;
	font-size: 17px;
}

.lng-select {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 5px;
	padding-right: 25px;
	position: relative;
	background-image: url('/common/images/arrow-down.gif');
	background-position: 93px 12px;
    background-repeat: no-repeat;
    width: 80px;
}

.lng-select:hover {
	background-position: 93px -138px;
}

.lng-select .lng-list {
	position: absolute;
	width: 100px;
	right: -1px;
	top: 24px;
	background: #ffffff;
	padding: 5px;
	border: 1px solid #cccccc;
	z-index: 100;
	display: none;
}

.lng-select .lng-list *, .lng-select .lng-title {
	display: block;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 4px 6px;
	color: #444444;
}

.lng-select .lng-title {
	padding-top: 2px;
	padding-bottom: 2px;
	background-position: 4px 3px;
}


#footer .one-half,
#footer .one-quarter,
#footer .three-quarter {
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: top;
	margin-right: 1%;
}	
#footer .one-half:last-child,
#footer .one-quarter:last-child,
#footer .three-quarter:last-child {
	margin-right: 0;
}
#footer .one-half {
	width: 48%;
}
#footer .one-quarter {
	width: 23%;
}
#footer .three-quarter {
	width: 74%;
}
#footer .language_switcher {
	padding: 0 0 20px 20px;
}
#footer .applications {
	padding-top: 20px;
}
#footer .footer-menu li a {
	color: #ffffff;
	line-height: 1.25em;	
}


/************************************

		User API
		
*************************************/

/*----- User-API-intro --------*/
.user-api-intro .left,
.user-api-intro .right {
	display: inline-block;
	vertical-align: top;
}
.user-api-intro .left {
	width: 850px;
}
.user-api-intro .left .grey {
	margin: 20px 0;
	padding: 15px;
	background: #f3f3f3;
	color: #555555;
	font-size: 1.16em;
	border-radius: 8px;
	-moz-border-radius: 8px
}
.user-api-intro .left ul li {
	list-style-type: disc;
	line-height: 1.23em;
	padding: 3px 0;
}
.user-api-intro .right {
	width: 250px;
	margin-left: 35px;
}
.user-api-intro .right h3 {
	color: #999999;
}
.user-api-intro .right a {
	font-size: 1.16em;
	line-height: 1.3em;
	text-decoration: underline;
}
.user-api-intro .image img {
	width: 200px;
	margin: 20px 0;
	opacity: 0.5;
	
}

/*---- User-API-guide----------*/
.user-api-guide {
	position: relative;
}
.user-api-guide .link-to-doc {
	float: right;
	padding: 15px
}
.user-api-guide .link-to-doc img,
.user-api-guide .link-to-doca {
	display: inline-block;
	vertical-align: middle;
}
.user-api-guide .link-to-doc img {
	margin-right: 3px;
	opacity: 0.5;
	width: 40px;
}
.user-api-guide .link-to-doc a {
	text-decoration: underline;
} 
.user-api-guide .block {
	margin: 12px 0;
}
.user-api-guide .block .left,
.user-api-guide .block .right {
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
}
.user-api-guide .block p {
	margin: 3px;
}
.user-api-guide .block .example-title {
	color: #777777;
}
.user-api-guide .block .code-example {
	margin: 10px 0 20px 0;
}
.user-api-guide .block .code-example textarea {
	padding: 7px;
	line-height: 1.15em;
}
.user-api-guide .block .code-piece {
	font-weight: bold;
	color: #666666;
}


/*---- User api doc --*/
.user-api-doc {
	position: relative;
}
.user-api-doc .menu,
.user-api-doc .content {
	display: inline-block;
	vertical-align: top;
}
.user-api-doc .menu {
	width: 250px;
	padding: 10px;
	padding-left: 20px;
	background: #f0f0f0;
	border: 1px solid #cccccc;
	border-radius: 3px;
}
.user-api-doc .menu ul li {
	list-style-type: circle;
	line-height: 1.2em;
}
.user-api-doc .menu ul li a {
	color: #5a6b77;	
}
.user-api-doc .content  {
	margin-left: 25px;
	width: 640px;
}
.user-api-doc .content .service {
	margin-bottom: 30px;
}
.user-api-doc .content .service h2 {
	border-bottom: 1px solid #777777;
	padding-bottom: 4px;
}
.user-api-doc .content .service h2 span {
	font-size: 0.9em;
}
.user-api-doc .content .service .methods > li {
	padding-top: 15px;
}
.user-api-doc .content .service .methods > li h3 {
	background: #f0f0f0;
	border-radius: 3px;
	padding: 4px 6px;	
}
.user-api-doc .content .service .methods > li .description {
	line-height: 1.22em;
	color: #666666;
	padding-left: 6px;
}
.user-api-doc .content .service .methods > li .description.long {
	margin-top: 10px;
	font-size: 0.85em;
	color: #999999;
}
.user-api-doc .content .service .methods > li .tags {
	margin-top: 10px;
}
.user-api-doc .content .service .methods > li .tags li {
	padding: 2px 0;
	color: #000000;
}



/*******************************************/
/*                                         */
/*         Feedbacks (new)                 */
/*                                         */
/*******************************************/

.feedback-page {}

/*----- Feelback form ----*/
.feedback-page .feedback-form .form-content,
.feedback-page .thank-you {
	display: inline-block;
	vertical-align: top;
}
.feedback-page .feedback-form .form-content {}
.feedback-page .feedback-form {}
.feedback-page .feedback-form .info .name {
	font-size: 1.2em;
	width: 500px;
}
.feedback-page .feedback-form .zend_form {
	width: 500px;
}
.feedback-page .feedback-form dt {
	padding-bottom: 3px;
}
.feedback-page .feedback-form dd,
.feedback-page .feedback-form dt label {
	margin: 0;
	margin: 0 0 20px 0;
	font-size: 1.1em;
	color: #333333;	
}
.feedback-page .feedback-form dd input[type=text],
.feedback-page .feedback-form dd textarea,
.feedback-page .feedback-form .hint,
.feedback-page .feedback-form label {
	width: 100%;
	box-sizing: border-box;
}
.feedback-page .feedback-form .hint {
	padding: 4px 0 2px 0;
	font-size: 0.8em;
	line-height: 1.1em;
	color: #666666;
	
}
.feedback-page .feedback-form dd input[type=text] {}
.feedback-page .feedback-form dd textarea {
	height: 100px;
}
.feedback-page .feedback-form .name {}
.feedback-page .feedback-form .questions {}
.feedback-page .buttons {
	text-align: center;
} 
.feedback-page .feedback-form input[type='submit'] {
	margin-top: 15px;
	min-width: 200px;
	padding: 10px 20px;
	background:  #6fb53c;
	line-height: 30px;
	font-size: 23px;
	color: #ffffff;	
	text-align: center;	
	border-radius: 3px;	
	border: 1px solid #999999;
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
}
.feedback-page .feedback-form input[type='submit']:hover, 
.feedback-page .feedback-form input[type='submit']:focus{
	background:  #6fbd03;
    text-decoration: none;
	outline: none;
	color: #ffffff;	
}
.feedback-page .feedback-form .conditions {
	font-size: 0.8em;
	color: #555555;
}
.feedback-page  .feedback-form .errors li {
	color: #aa0000;
	padding: 7px 0;
}
.feedback-page  .feedback-form .thank-you {
	float: right;
	margin-left: 30px;
	width: 400px;
}
.feedback-page  .feedback-form .thank-you .text,
.feedback-page  .feedback-form .thank-you .signature {
	color: #666666;
	text-align: right;
}
.feedback-page  .feedback-form .thank-you .text {
	font-style: italic;
	font-size: 1.1em;
}
.feedback-page  .feedback-form .thank-you .signature {
	margin-top: 10px;
}


		
/*----- Feelback list ----*/
.feedback-page .button-container {
	text-align: right;
}
.feedback-page h2 {
	margin-bottom: 20px;
}
.feedback-page .feedback-list {
}
.feedback-page .feedback-form .title,
.feedback-page .feedback-list .title {
	font-size: 1.5em;
}
.feedback-page .feedback-list .errors {
	margin: 10px 0;
	padding: 10px;
	color: #aa0000;
	border: 1px solid #aa0000;
	background: #fff0f0;
	border-radius: 3px;
}
.feedback-page .feedback-list ul {}
.feedback-page .feedback-list ul li {
	box-sizing: border-box;
	width: 45%;
	margin: 15px;
	display: inline-block;
	vertical-align: top;	
	padding: 15px;
}
.feedback-page  .feedback-form .image {
	float: left;
}
.feedback-page .feedback-list .image,
.feedback-page  .feedback-form .image {
	box-sizing: border-box;
	margin: 20px 20px 5px 0;
	padding: 0px;
	width: 84px;
	height: 84px;
	overflow: hidden;
	border-radius: 84px;
	text-align: center;
}

.feedback-page  .feedback-list .image, 
.feedback-page  .feedback-list .info {
	display: inline-block;
	vertical-align: top;
}
.feedback-page  .feedback-list .image {
	width: 84px;
}
.feedback-page  .feedback-list .info {
	width: 350px;
}
.feedback-page .feedback-list .image img,
.feedback-page  .feedback-form .image img {
	width: 84px;
	height: 84px;
	border-radius: 64px;
	margin: auto;
	width: auto;
}
.feedback-page .feedback-list .info {
	margin-bottom: 10px;
	background: #f6f6f6;
	padding: 18px 30px;
	position: relative;
}
.feedback-page .feedback-list .info .triangle {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;					
	border-right:10px solid #f6f6f6; 
	position: absolute;
	left: 0px;
	top: 30%;
	margin-left: -10px;
}
.feedback-page .feedback-list .info .stars {
	position: absolute;
	right: 20px;
	color: #f1c500;
}
.feedback-page .feedback-list .info .company-name {
	margin-bottom: 10px;	
	color: #666666;
    font-size: 1.3em;
    line-height: 1.4em;
}
.feedback-page .feedback-list .info .company-name a {
	color: #666666;
	text-transform: capitalize;
	text-decoration: underline;
}	
.feedback-page .feedback-list .info .user-link {
	color: #00c2f3;
	line-height: 1.3em;
}
.feedback-page .feedback-list .info .user-link a {
	text-decoration: underline;
}
.feedback-page .feedback-list .info .datetime {
	color: #888888;
	line-height: 1.4em;
	margin-top: 3px;
}
.feedback-page .feedback-list .text {
	line-height: 1.2em;
	color: #777777;
	margin-top: 6px;
}

/*----- Feelback form: socials popup ----*/
.login-with-socials-popup {
	position: fixed;
	top: 25%;
	left: 50%;
	margin-left: -330px;
	width: 660px;
	height: 300px;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
	padding: 10px;	
	display: none;	
}
.login-with-socials-popup .close-button {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	background: url(/common/images/popup-close.png) no-repeat top left;
	cursor: pointer;
}
.login-with-socials-popup .title {
	font-size: 1.3em;
	padding: 10px 0;
	margin-bottom: 10px;
	text-align: center;
	border-bottom: 1px solid #dddddd;
	color: #555555;
}
.login-with-socials-popup .buttons {
	margin: 40px 0 25px 0;
	text-align: center;
}
.login-with-socials-popup .buttons a,
.login-with-socials .buttons a,
.signup-with-socials .buttons a {
	padding: 10px;
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
	cursor: pointer;
}
.login-with-socials-popup .buttons a,
.singup-with-socials .buttons a {
	display: inline-block;
	margin: 0 15px 15px 0;
}
.login-with-socials .buttons a {
	display: block;
	min-width: 200px;
	max-width: 260px;
	margin: auto;
	margin-bottom: 22px;	
}
.login-with-socials-popup .buttons a:hover,
.login-with-socials .buttons a:hover {
	text-decoration: none;
}
.login-with-socials-popup .buttons a .icon,
.login-with-socials .buttons a .icon  {
	width: 32px;
	height: 32px;
	padding-right: 5px;
	border-right: 1px solid #eeeeee;
}
.login-with-socials-popup .buttons a .text,
.login-with-socials .buttons a .text {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 32px;
	margin: 0 10px;
}
.login-with-socials-popup .buttons .facebook,
.login-with-socials .buttons .facebook {
	background: #517cc0;
}
.login-with-socials-popup .buttons .twitter,
.login-with-socials .buttons .twitter {
	background: #65cdf2;
}
.login-with-socials-popup .buttons .google,
.login-with-socials .buttons .google {
	background: #df4931;
}
.login-with-socials-popup .buttons .facebook .icon,
.login-with-socials .buttons .facebook .icon  {
	background: url('/common/images/simplybook/socials/facebook.png') transparent no-repeat top left;
}
.login-with-socials-popup .buttons .twitter .icon,
.login-with-socials .buttons .twitter .icon {
	background: url('/common/images/simplybook/socials/twitter.png') transparent no-repeat top left;
}
.login-with-socials-popup .buttons .google .icon,
.login-with-socials .buttons .google .icon {
	background: url('/common/images/simplybook/socials/google.png') transparent no-repeat top left;
}
.login-with-socials-popup .skip-button {
	text-align: center;
}
.login-with-socials-popup .skip-button a {
	padding: 10px 25px;
	background: #fafafa;
	color: #777777;
	border: 1px solid #cccccc;	
	border-radius: 3px;
}

.openid-login-company-list .button {
	margin-left: 30px;
}
.openid-login-company-list ul {
	margin: 30px;
}
.openid-login-company-list li {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
.openid-login-company-list li .login {
	display: inline-block;
	margin: 0 15px 0 10px; 
	min-width: 80px;
}
.openid-login-company-list li .name {
	display: inline-block;
	font-size: 16px;
	color: #666666;	
}

/***********************************
			
		Errors and
		Status messages
		
************************************/
#pageNotifications,
#pageErrors {
	margin-top: 20px;
	padding: 10px 20px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
}
#pageNotifications {
	color: #00c2f3;
	border: 1px solid #00c2f3;
	background: #f5f5f5;
}
#pageErrors {
	color: #aa0000;
	border: 1px solid #aa0000;
	background: #f8e6e6;
	font-size: 1em;
}


/*******************************************/
/*                                         */
/*      Reseller calculator                */
/*                                         */
/*******************************************/

.reseller-calculator-page {}
/* tabs */
.reseller-calculator-page .ui-widget-header {
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #7d97aa;
    color: #222;
    font-weight: 700;
    font-size: 1.2em;
}
.reseller-calculator-page .ui-state-default, 
.reseller-calculator-page .ui-widget-content .ui-state-defaul, 
.reseller-calculator-page .ui-widget-header .ui-state-default {
    background: #f0f0f0;
}
.reseller-calculator-page .ui-state-active, 
.reseller-calculator-page .ui-widget-content .ui-state-active, 
.reseller-calculator-page .ui-widget-header .ui-state-active {
    border: 1px solid #809cb1;
    border-bottom: 1px solid #ffffff;
    background: #ffffff;
}
.reseller-calculator-page .ui-state-active a, 
.reseller-calculator-page .ui-widget-content .ui-state-active a, 
.reseller-calculator-page .ui-widget-header .ui-state-active a {
	color: #00c2f3;
	font-weight: bold;
}
/* title */
.reseller-calculator-page .ee100 {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #00c2f3;
    font-size: 20px;
    font-weight: normal;
    padding: 20px 0;
}
.reseller-calculator-page .ee106 {
	text-align: right;
	padding-right: 10px;
}
/* summary cells */
.reseller-calculator-page .ee119 {
	font-size: 1.05em;
	font-weight: bold;
}
/* persentage */
.reseller-calculator-page .ee125 input[type=text] {
	text-align: right;
}
/* gray table */
.reseller-calculator-page .ee135,
.reseller-calculator-page .ee137,
.reseller-calculator-page .ee139,
.reseller-calculator-page .ee140,
.reseller-calculator-page .ee141,
.reseller-calculator-page .ee135 input[type=text],
.reseller-calculator-page .ee137 input[type=text],
.reseller-calculator-page .ee139 input[type=text],
.reseller-calculator-page .ee140 input[type=text],
.reseller-calculator-page .ee141 input[type=text] {
	background: #f0f0f0;
}
/* note */
.reseller-calculator-page .ee146,
.reseller-calculator-page .ee155 {
	font-size: 0.95em;
	color: #666666;
	vertical-align: middle;
	padding-left: 5px;
} 
/*  inputs column */
.reseller-calculator-page .ee143,
.reseller-calculator-page .ee145,
.reseller-calculator-page .ee149,
.reseller-calculator-page .ee152, 
.reseller-calculator-page .ee168,
.reseller-calculator-page .ee171,
.reseller-calculator-page .ee174 {
	border-bottom: 1px solid #222222;
	background: #ffffe5;
}
.reseller-calculator-page .ee161,
.reseller-calculator-page .ee164 {
	border: 1px solid #222222;
	border-bottom: none;
}
.reseller-calculator-page .ee143 input[type=text],
.reseller-calculator-page .ee145 input[type=text],
.reseller-calculator-page .ee149 input[type=text],
.reseller-calculator-page .ee152 input[type=text],
.reseller-calculator-page .ee168 input[type=text],
.reseller-calculator-page .ee171 input[type=text],
.reseller-calculator-page .ee174 input[type=text],
.reseller-calculator-page .ee161 input[type=text] {
	border-radius: 0;
	border: none;
	text-align: right;
	background: none;
	color: #000000;
}
.reseller-calculator-page .ee164  input[type=text] {
	font-size: 1.2em;
	color: #ff0000;
}
/*  note on assumption  */
.reseller-calculator-page .ee156 {
	padding-top: 10px;
	color: #555555;
	font-style: normal;
}
.reseller-calculator-page .chart-container {
	margin-top: 10px;
}
.reseller-calculator-page .toolbar {
	background : #ffffff;
	border: none;
	padding: 20px 0;
}
.reseller-calculator-page .toolbarBluebtn {
	padding: 7px 12px;
	border-radius: 3px;
	border: 1px solid transparent;
	color: #ffffff;
	background: #00c2f3;
	font-size: 1.3em;
	min-width: 150px;
	min-height: 40px;
}
.reseller-calculator-page .toolbarBluebtn:hover {
	color: #00c2f3;
	background: #222222;
}
.mobile-only {
	display: none;
}


/*********************************

		Plugins 		
		
*********************************/
.plugins-list {}
.plugins-list .plugins-video-container img {
	margin: auto;
}
.plugins-list .new-video .poster-container {
	text-align: center;
}
.plugins-list .plugins-video-container {
	margin-bottom: 25px;
}
.plugins-list ul li {
	margin-top: 20px;
	width: 49%;
	display: inline-block;
}
.plugins-list ul li .image,
.plugins-list ul li .info {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.plugins-list ul li .image {
	width: 84px;
	margin: 20px
}
.plugins-list ul li .image img {
	width: 64px;
}
.plugins-list ul li .info {
	background: #f6f6f6;
	padding: 18px 30px;
	width: 450px;
}
.plugins-list ul li .name {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #666666;
	margin-bottom: 10px;
}
.plugins-list ul li .description {
	line-height: 1.2em;
	color: #777777;
}		


/*********************************

		Subscriptions
		
*********************************/

.subscriptions-page {
	margin-top: 8px;
	padding: 15px 20px;
	background: #fafafa;	
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
}
.subscriptions-page h1.title {
	margin-bottom: -30px;
	width: 250px;
}
.subscriptions-page .attributes,
.subscriptions-page .subscriptions {
	display: inline-block;
	vertical-align: top;
}
.subscriptions-page .attributes {
	width: 250px;
	margin-right: 30px;
}
.subscriptions .subscription {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: 160px;
	margin-right: 5px;
	text-align: center;
}
.subscriptions .subscription ul li,
.subscriptions-page .attributes li {
	box-sizing: border-box;
	display: block;
	margin: 0;
	width: 100%;
}
.subscriptions-page .attributes .title-row,
.subscriptions-page .subscriptions .title-row {
	height: 50px;
	padding: 15px;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
}
.subscriptions-page .subscriptions .title-row {
	background: #2fa3d8;
	color: #ffffff;
}
.subscriptions-page .attributes .price-row,
.subscriptions-page .subscriptions .price-row {
	height: 55px;
	padding: 10px 15px;
}
.subscriptions-page.has-second-price .attributes .price-row,
.subscriptions-page.has-second-price .subscriptions .price-row {
	height: 80px;
}
.subscriptions-page .subscriptions .price-row {
	background: #ffffff;
}
.subscriptions-page .subscriptions .price-row .amount,
.subscriptions-page .subscriptions .price-row .currency {
	color: #dd4b39;
	font-weight: bold;
}
.subscriptions-page .subscriptions .price-row .second-price {
	margin-top: 10px;
}
.subscriptions-page .subscriptions .price-row .second-price .amount, 
.subscriptions-page .subscriptions .price-row .second-price .currency {
	color: #fcb322;	
}
.subscriptions-page .subscriptions .price-row .amount {
	font-size: 1.4em;
}
.subscriptions-page .subscriptions .price-row .currency {
	font-size: 1.2em;
	position: relative;
	display: inline-block;
}
.subscriptions-page .subscriptions .price-row .remark {
	position: absolute;
	top: -5px;
	right: -10px;
	cursor: pointer;
}
.subscriptions-page .subscriptions .price-row .period {
	font-size: 0.85em;
	margin-top: 6px;	
	color: #666666;
}
.subscriptions-page .attributes .feature-row,
.subscriptions-page .subscriptions .feature-row  {
	padding: 0px 15px;
	border-bottom: #ffffff solid 1px;
	line-height: 35px;
	font-size: 12px;
}
.subscriptions-page .subscriptions .feature-row {
	position: relative;
}
.subscriptions-page .subscriptions .feature-row.dark-gray {
	background: #f0f0f0;
}
.subscriptions-page .subscriptions .feature-row.light-gray {
	background: #f5f5f5;
}
.subscriptions-page .subscriptions .feature-row .feature-name,
.subscriptions-page .subscriptions .feature-row .feature-description {
	display: none;
}
.subscriptions-page .subscriptions .feature-row  .triangle {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #a6beca transparent transparent;
}	

.subscriptions-page .subscriptions .feature-row span {
	font-weight: bold;
}
.subscriptions-page .subscriptions .feature-row .green {
	color: #6fb53c;
}
.subscriptions-page .subscriptions .buttons {
	padding: 15px;
}
.subscriptions-page .subscriptions .buttons a {
	background: #2fa3d8;
	color: #ffffff;
	font-size: 1.1em;
	padding: 10px 12px;
	min-width: 100px;
	display: inline-block;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
	text-align: center; 
}
.subscriptions-page .subscriptions .feature-row .price_tooltip {
	z-index: 10;
	margin-left: 54px;
}
.feature-row .remark-container {
	position: absolute;
	margin-left: 5px;
}
.feature-row .remark-container:hover {
	text-decoration: none;
}
.remark {
	color: #dd4b39;
}
.remarks {
	margin: 0 0 40px 0;
	color: #dd4b39;
}

.subscriptions-page .subscriptions .feature-row .value {
	line-height: 35px;
}
.additional-description {
	margin-left: 30px;
}
.additional-description ul {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}
.additional-description li {
	padding: 5px 0;
}

/*********************************

		Reseller registration
		
*********************************/

.reseller-registration-page {
	margin-top: 8px;
	padding: 15px 20px;
	background: #ffffff;	
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
}
.reseller-registration-page .title {
	margin-top: 10px;
}
.reseller-registration-page .description {
	line-height: 1.2em;
	color: #555555;
	text-align: right;
}
.reseller-registration-page .description .cite {
	font-style: italic;
	font-size: 1.7em;
	line-height: 1.4em;
}
.reseller-registration-page .description .cite-author {
	margin: 10px 0;
	font-size: 1.2em;
}


/*********************************

		Pager (feedbacks, ..)
		
*********************************/

.pager {
	padding: 10px;
	text-align: left;
}
.pager .pager_link {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	text-align: center;			
}
.pager .dots {
	font-size: 22px;
	color: #999999;
}
.pager .pager_link.digit {
	font-size: 18px;
	color: #777777;
	margin: 0 1px;
	padding: 4px;
	border-radius: 30px;
	width: 30px;
	height: 30px;
}
.pager .pager_link.digit.small-digits {
	font-size: 13px;
    font-weight: bold;
    line-height: 22px;
}
.pager .pager_link:hover {
	text-decoration: none;
}
.pager .pager_link.digit:hover {
	background: #00c2f3;	
	color: #ffffff;
	margin-bottom: 2px;
}
.pager .pager_link.digit.selected {
	background: #aaaaaa;
	color: #ffffff;
	margin-bottom: 2px;
}
.pager .pager_link.to_previous,
.pager .pager_link.to_next {
	width: 44px;
	height: 44px;
	padding: 0;
}
.pager .pager_link.to_previous {
	background: url(/common/images/simplybook/arrow_left_gray.png) no-repeat 0 0 transparent;
}
.pager .pager_link.to_next {
	background: url(/common/images/simplybook/arrow_right_gray.png) no-repeat 0 0 transparent;
}
.pager .pager_link.to_previous:hover {
	background: url(/common/images/simplybook/arrow_left_blue.png) no-repeat 0 0 transparent;
}
.pager .pager_link.to_next:hover {
	background: url(/common/images/simplybook/arrow_right_blue.png) no-repeat 0 0 transparent;
}
.pager .pager_link.to_previous.inactive,
.pager .pager_link.to_previous.inactive:hover {
	opacity: 0.7;
	background: url(/common/images/simplybook/arrow_left_gray.png) no-repeat 0 0 transparent;
}
.pager .pager_link.to_next.inactive,
.pager .pager_link.to_next.inactive:hover {
	opacity: 0.7;
	background: url(/common/images/simplybook/arrow_right_gray.png) no-repeat 0 0 transparent;
}
.pager-loader {
	cursor: pointer;
	float: right;
	position: relative;
    top: -10px;
}
.pager-loader .image.pager-image,
.pager-loader .info {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.pager-loader .image.pager-image {
	width: 60px;
	height: 60px;
	background: url(/common/images/simplybook/reload_big_gray.png) no-repeat 0 0 transparent;
}
.pager-loader:hover .image.pager-image {
	background: url(/common/images/simplybook/reload_big_blue.png) no-repeat 0 0 transparent;
}
.pager-loader.loading-mode .image.pager-image,
.pager-loader.loading-mode:hover .image.pager-image {
	width: 66px;
	height: 66px;
	background: url(/common/images/simplybook/progress-spinner.gif) no-repeat 0 0 transparent;
}
.pager-loader .info .text {
	font-size: 1.3em;
	margin-left: 10px;
}
.pager-loader:hover .info .text {
	color: #00c2f3;
}

.feedback-page .pager {
	display: none;
}

.feedback-page .scrolled-area-container .spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -33px;
	margin-left: -33px;
	background: transparent;
	display: none;	
}
.feedback-page .scrolled-area-container.send-request-state .spinner {
	display: block;
}

/*********************************

	Lang Redirect Div
	
*********************************/
.livehelp-page .description,
.livehelp-page .video-container {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	box-sizing: border-box;
}
.livehelp-page .description {
	margin-right: 50px;
}
.livehelp-page .description,
.livehelp-page .description p,
.livehelp-page .faq p,
.livehelp-page .faq li {
	line-height: 21px;
	font-size: 15px;
	color: #666666;
}
.livehelp-page .description p  {
	margin-top: 15px;
}
.livehelp-page .faq ul > li {
	margin-bottom: 25px;
} 
.livehelp-page .faq ul > li .question {
	font-size: 1.1em;
	line-height: 1.1em;
	color: #222222;
	margin: 7px 0;
}
.livehelp-page .faq ul > li ol li {
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 7px;
	list-style-type: upper-alpha;
}	
/*********************************

	Lang Redirect Div
	
*********************************/
	
.lang-redirect-div {
	background: #fafafa;
	padding: 30px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	-moz-box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	box-shadow: 0px 1px 2px rgba(34,34,34,0.20);
	
	border: 1px solid #cccccc;
	font-size: 1.1em;
	position: fixed;
	top: 15%;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	z-index: 120;
}
.lang-redirect-div .gray {
	background-color: #dddddd;
}
.lang-redirect-div .close-button {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 28px;
	width: 28px;
	background: url(/common/images/popup-close.png) 0 0 no-repeat;
	cursor: pointer;	
}

.cancel-block {
	padding: 50px;
	width: 600px;
	margin: auto;
}
.cancel-block .button {
	margin-left: 10px;
}

#pageNotifications, #pageErrors {
	clear: both;
}

.wixconvert center {
	margin: 10px;
}

.wixconvert .description {
	margin-top: 15px;
}
.loading-bar {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.loading-bg {
    background-color: #000000;
    height: 100%;
    opacity: 0.3;
    width: 100%;
    position: absolute;
}
.loading-img {
    background: #ffffff url("/common/images/loader.gif") no-repeat scroll 20px center;
    border-radius: 5px;
    margin: 300px auto auto;
    padding: 15px 15px 15px 70px;
    position: relative;
    width: 400px;
}
#corner_info_triangle img {
    width: 30px;
}

#simplybookWidgetButton {
	border: 1px solid transparent !important;
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.4) !important;
}
.fixed_side_button {
    position: fixed;    
    left: auto;
    right: auto;
    cursor: pointer;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.4);

    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box; /* Firefox, other Gecko */
	box-sizing: content-box; /* Opera/IE 8+ */
}
.fixed_side_button.left_sided,
.fixed_side_button.right_sided {
	width: 35px;
	height: 150px;
    padding: 20px 10px;    
}
.fixed_side_button.bottom_sided,
.fixed_side_button.top_sided {
	height: 35px;
	padding: 10px 20px 0px 20px;
}
.fixed_side_button.left_sided {
    border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
}
.fixed_side_button.right_sided {
    border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
}
.fixed_side_button.bottom_sided {
	 border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
}
.fixed_side_button.top_sided {
	border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
}
.fixed_side_button.left_sided:hover {
	padding-left: 20px;
}
.fixed_side_button.right_sided:hover {
    padding-right: 20px;
}
.fixed_side_button.bottom_sided:hover {
	padding-bottom: 20px;
}
.fixed_side_button.top_sided:hover {
   padding-top: 20px;
}
.fixed_side_button > div {
    position: relative;
    text-align: center;
    font-family: arial;
    font-size: 19px;
    font-weight: bold;
    color: #ffffff;
}
.fixed_side_button.left_sided > div {
	-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.fixed_side_button.right_sided > div { 
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fixed_side_button.left_sided > div,
.fixed_side_button.right_sided > div {	
	/* because of rotate we have to set absolute width here */        
    width: 175px;
    left: -70px;
    height: auto;
    top: 60px;
}

#preFooter {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #3f3f3f;
}
.contact-info li {
	padding-top: 5px;
}


/*************************************************


	About pages (wp-plugin, joomla-plugin etc)


***************************************************/

.about-page p {
	margin: 30px 0;
}
.about-page  h1 {
	font-size: 30px;
}
.about-page > ol {
	list-style-type: decimal;
}
.about-page > ol li {
	margin: 15px 0;
}	
.about-page > ol li p {
	display: inline-block;
	margin: -1px 0 0 10px;
	width: 95%;
	vertical-align: top;
}
.about-page .image label {
	display: block;
	text-align: center;
	width: 70%;
	color: #999999;
	margin: auto;
	margin-top: 30px;
}
.about-page .scheme {
	margin: 30px 0 100px 0;
}
.about-page .scheme .image,
.about-page .scheme .scheme-step-group {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	text-align: center;
}
.about-page .scheme .image.scheme-step label,
.about-page .scheme .image.scheme-step img {
	display: block;
}
.about-page .scheme .image img {
	margin: auto;
}
.about-page .scheme .image.scheme-step label,
.about-page .scheme .scheme-step-group > label {	
	font-size: 1.16em;
	color: #666666;
	margin-top: 10px;
}
.about-page .scheme .image.scheme-step label span,
.about-page .scheme .scheme-step-group > label span {
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}
.about-page .scheme .scheme-step-group .sub-steps {
	border: 2px dashed #444444;
	padding: 10px;
	border-radius: 6px;	
	position: relative;
	top: -20px;
}
.about-page .scheme .scheme-step-group .sub-steps label {
	font-size: 0.95em;
}
@media (max-width: 767px) {
	.about-page .scheme .image {
		box-sizing: border-box;
		width: 100%;
	}
	.about-page .scheme .image.arrow {
		transform: rotate(90deg);
		height: 86px;
		margin-left: -25px;
		margin-top: 10px;
	}
	.about-page .scheme .sub-steps .image.arrow {
		margin-left: -65px;
	}
}	

/* 1366px */
@media (min-width: 1366px) {
	.about-page .scheme {
   		margin: 35px 0px 60px 35px;
	}
	
	.about-page .scheme .image, 
	.about-page .scheme .scheme-step-group {
	    display: inline-block;
	    vertical-align: middle;
	    margin-left: 0px;
	    text-align: left;
	}
	.about-page .scheme .scheme-step-group label {
		text-align: center;
	}
	.about-page p {
    	margin: 30px 35px;
	}
	.details .details-content h1 {
   	 	margin: 20px 0px 30px 35px;
	}
}	

	
.online-scheduling-calendar-description-page .image {
	width: 600px;
	margin: 0 0 50px 50px;
	float: right;
}
@media (max-width: 767px) {
	.online-scheduling-calendar-description-page .image {
		width: 100%;	
		margin: 30px 0;
		float: none;
	}
}	
.online-scheduling-calendar-description-page .image img {
	width: 100%;
}
.promotion-system-page .call-to-action {
	margin: 20px;
	text-align: center;
}
.promotion-system-page .call-to-action .button {
	padding: 20px 40px;
	font-size: 1.2em;
	background: #6fb53c;
}
@media (max-width: 767px) {
	.promotion-system-page .video-container iframe {
		height: 240px;
	}
}
.wp-plugin-page .image:not(.left) {
	width: 600px;
	margin: 20px auto;
	text-align: center;
}
@media (max-width: 767px) {
	.wp-plugin-page .image:not(.left) {
		width: 100%;
	}
}	
.joomla-plugin-page .image.left,
.wp-plugin-page .image.left {
	float: left;
	margin: 0 20px 20px 0;
}
.wp-plugin-page .image.left {
	margin-right: 40px;
}
@media (max-width: 767px) {
	.joomla-plugin-page .image,
	.wp-plugin-page .image {
		float: none;
		margin: 0 0 20px 0;
	}
	.joomla-plugin-page .image img,
	.wp-plugin-page .image img {
		width: 100%;
	}
}
.joomla-plugin-page > ol li .image {
	display: block;
	width: 100%;
	text-align: center;
	margin: 30px 0 60px 0;
}
.joomla-plugin-page label {	
	text-align: center;
	display: block;
	color: #999999;
	margin-top: 10px;
}
.joomla-plugin-page label span {
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}