/* update used css */
.container-fluid {
	padding-left: 25px;
	padding-right: 25px;
}
.footer .container-fluid {
	padding-left: 50px;
	padding-right: 50px;
}

.browser{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.browser__header{
	border: 1px solid #E9E9E9;
	box-sizing: border-box;
	border-radius: 5px 5px 0px 0px;
}
.feature-description__title{
	line-height:43px;
}
.feature .feature-description{
	padding-left:0;
}
.reg{
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin-bottom:70px;
	padding-top: 70px;
	padding-bottom: 70px;
}
.browser__header .left {
	background-image: url(../images/line.svg);
	width: 336px;
	display: table-cell;
	border-top-left-radius: 4px;
}


/* added new css*/
.h320{height: 320px !important;}
.h400{height: 400px !important;}
.h450{height: 450px !important;}

.browser__title.left{
	left:160px;
	top:10px;
	right:auto;
	color: #757575;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
}

.txt_grey,
.txt_grey ul.check-list,
.txt_grey ul.check-list li{
	color: #757575;
	font-size: 16px;
	line-height:140%;
}
.txt_grey ul.check-list li{
	background:url('/promo/images/check_list.svg') no-repeat;
	min-height:32px;
}
.txt_grey ul.check-list li::before{
	display:none;
}
.attention{
	color:#cd3a3c;
}
.less{
	font-weight: normal;
	font-size: 13px;
}
.less.black{
	color: #000000;
}
.pdf{
	display:inline-block;
	padding:8px 12px;
	color:#ffffff !important;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	background: linear-gradient(180deg, #DD6360 0%, #D4403C 100%);
	border-radius: 3px;
	border:0 !important;
	margin-left:5px;
}
.pdf:hover{
	color:#ffffff !important;
}
.max_550{max-width:550px;}
p.top_null{margin-top:0;}
.pr{padding-right:5%;}

.joy_browsers{
	padding-right:40px;
	padding-top:15px;
}
.joy_screens{
	padding-top:15px;
}

.top-detail-item{
	padding-top:10px;
	padding-bottom:20px;
}
.top-detail-item img{
	height:54px;
	width:auto;
}
.top-detail-item p{
	padding-right:5%;
}

.top-detail-item p.name{
	font-weight: bold;
	color: #000000;
}

.advertising{
	padding-bottom:30px !important;
}
.advertising .feature-description{
	padding-top:0 !important;
	padding-bottom:30px !important;
}
.advertising .etc{
	font-size:15px;
}

.links_list{
	font-size:0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 10px 10px;
}
.links_list.links_list_four{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin-top:25px;
}
.links_list .item{
	display: flex;
	height:100px;
	border: 1px solid #E6E6E6;
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 5px;
}
.links_list .item:hover{
	border: 1px solid #d0d0d0 !important;
	border-color: #d0d0d0 !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.links_list .item a{
	border:0 !important;
	display:inline-block;
	text-decoration:none !important;
	text-align:center;
	margin: auto;
	padding:10px;
}
.links_list .item a img{
	max-width:100%;
}

.base{
	padding-bottom:80px;
}
.base .feature-description{
	padding: 110px 20px 0 0 !important;
}

.allinone{
	padding-bottom:60px;
}
.allinone .feature-description{
	padding-top:10px;
}

.plan{
	padding-bottom:60px;
}

.plan .feature-description{
	padding-top:0px;
}

.booking {
	padding-bottom:70px;
}
.booking .feature-description{
	padding-top:10px;
}

.clients{
	padding-bottom:60px;
}
.clients .feature-description{
	padding-top:0px;
}

.integrations{
	padding-bottom:70px;
}
.integrations .feature-description{
	padding-top:0px;
}

.prefs{padding-bottom:30px;}

.elreg{padding-bottom:40px;}
.elreg .feature-description{
	padding-top:0;
}

.elreg_steps{
	display:grid;
	grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
	grid-gap: 10px 10px;
	justify-items: center;
	align-items: center;
	justify-items: stretch;
	text-align:center;
}
.elreg_steps .step .outer{
	display: flex;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	border-radius: 5px;
	height:140px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:12px;
}
.elreg_steps .step span{
	margin:0 auto;
	display:block;
	font-weight: bold;
	color: #000000;
	font-size: 14px;
	line-height: 140%;
}
.elreg_steps .step .outer img{
	margin:auto;
}
}
.elreg_steps .sep img{
	padding-bottom:30px;
}

.reg__form span {color:#4caf50}
.form__block.slim .form__input{padding-top:11px; padding-bottom:12px; font-size:16px;}


/* media queries */
@media (max-width: 1240px) {
	.base .feature-description{
		padding: 0 !important;
	}
}

@media (max-width: 1070px) {
	.browser__title.left{
		left:auto;
		top:12px;
		right:10px;
		font-size:13px;
	}
}

@media (max-width: 920px) {
	.elreg_steps{
		grid-template-columns: 1fr;
	}
	.elreg_steps .sep{
		display:none;
	}
	.elreg_steps .step span{
		margin-bottom:30px;
	}
}


@media (max-width: 767px) {
	.browser__wrapper {
		height: auto !important;
	}
	.mobile_hide{display:none;}
	.why .why__title{__margin-top:25px; margin-bottom:25px;}
	.feature.why{padding-bottom:30px !important; padding-top:25px !important;}
	.allinone {padding-bottom: 30px !important;}
	.booking {padding-bottom: 80px !important; }
	.plan {padding-bottom: 40px !important; }
	.clients {padding-bottom: 55px !important;}

}

.links_list .item a img{max-width:80px;}

@media (max-width: 470px) {
	.links_list,
	.links_list.links_list_four{
		grid-template-columns: 1fr;
	}
	.links_list .item{height:auto;}
	.links_list .item a img{max-width:70px;}
	.browser__header .left{background-image: url(../images/browser-header_center.png);}
}
@media (max-width: 424px) {
	.joy_browsers{max-height:35px;}
	.joy_screens{max-height:35px;}
}


@font-face {
	font-family: "jw-icon";
	src: url("/promo/fonts/jw-icon.eot");
	src: url("/promo/fonts/jw-icon.eot?#iefix") format("embedded-opentype"),
	url("/promo/fonts/jw-icon.woff") format("woff"),
	url("/promo/fonts/jw-icon.ttf") format("truetype"),
	url("/promo/fonts/jw-icon.svg#jw-promo-icon") format("svg");
	font-weight: normal;
	font-style: normal;
}













/* added 2020-11-11 */
.content_offset{padding-top:100px;}
@media (max-width: 991px) {
	.content_offset{padding-top:80px;}
}
@media (max-width: 767px) {
	.content_offset{padding-top:130px;}
}


.menu_shadow{box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);}
.imgfluid{
	display:block;
	max-width:100%;
	height:auto;
}


.bcrumbs{
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	color: #757575;
}
.bcrumbs a{
	color: #757575;
	text-decoration:none;
	border:0;
}
.bcrumbs span,
.bcrumbs a:hover{
	color:#4CAF50;
}

.pagination{
	margin:10px auto 10px;
	text-align:center;
	font-size:0;
}
.pagination a{
	display:inline-block;
	height:32px;
	width:32px;
	line-height:32px;
	text-align:center;
	text-decoration:none;
	font-weight: 500;
	font-size: 14px;
	color: #757575;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 5px;
	margin-left:5px;
	margin-right:5px;

}
.pagination a:hover{
	color: #757575  !important;
	border: 1px solid #C4C4C4  !important;
}
.pagination a.current{
	background: #3C9540;
	color: #FFFFFF !important;
	border: 1px solid #3C9540 !important;
}

.pagination a.prev,
.pagination a.next{
	border: 0px solid #E5E5E5 !important;
	width:auto;
}
.pagination a.prev:hover,
.pagination a.next:hover{
	color:#C4C4C4;
}

.c{
	color: #757575;
	font-size: 16px;
	line-height:140%;
	margin-bottom:80px;
}
.c h1{
	font-weight: normal;
	font-size: 36px;
	line-height: 43px;
	color: #000000;
}
.c h2{
	font-size: 24px;
	line-height: 29px;
	color: #000000;
}

.articles_list .item{
	margin-bottom:30px;
}
.articles_list .item .inner{
	display:inline-block;
	text-decoration:none;
	border:0;
}
.articles_list .item .inner img{
	border-radius: 5px 5px 0px 0px;
}
.articles_list .item .inner .border{
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 0 0 5px 5px;
	border-top:0;
	padding:20px;
}
.articles_list .item .date{
	font-weight: 500;
	font-size: 12px;
	line-height: 140%;
	color: #7C7C7C;
}
.articles_list .item .comment{
	font-weight: bold;
	font-size: 16px;
	line-height: 140%;
	color: #222222;
	margin-top:15px;
}
.articles_list .item:hover .inner{
	box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	text-decoration:none;
}
.articles_list .item:hover .inner .border{
	border-color: #FFF;
}
.articles_list .item:hover .comment{
	color: #10953F;
}
@media (max-width: 450px) {
	.articles_list .col-xs-6{width: 100%;}
}




.article_one .date{
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: #7C7C7C;
}
.article_one .col_r{padding-top:10px;}



.articles_other .item{
	display: grid;
	grid-template-columns: 205px auto;
	margin:30px 0;
}
.articles_other .item:hover{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.articles_other .item .img_outer{
	background-repeat:no-repeat;
	background-size:cover;
	border-radius: 5px 0 0 5px;
}
.articles_other .item .img_outer img{
	border-radius: 5px 0 0 5px;
}
.articles_other .item .txt_outer{
	border-radius: 0 5px 5px 0;
	border: 1px solid #E5E5E5;
	border-left:0;
	box-sizing: border-box;
	padding:30px 20px 30px 30px;

}
.articles_other .item .txt_outer .date{
	font-weight: 500;
	font-size: 12px;
	line-height: 140%;
	color: #7C7C7C;
	margin-bottom:10px;
}
.articles_other .item .txt_outer a.comment{
	font-weight: bold;
	color: #222222;
	text-decoration:none;
	border:0;
}
.articles_other .item .txt_outer a.comment:hover{
	color:#10953F !important;
}


@media (max-width: 1140px) {
	.articles_other .item{grid-template-columns: 180px auto;}
}
@media (max-width: 450px) {
	.articles_other .item{grid-template-columns: auto;}
	.articles_other .item .img_outer{border-radius: 5px 5px 0 0 ; min-height:200px;}
	.articles_other .item .txt_outer{border-radius: 0 0 5px 5px; border: 1px solid #E5E5E5; border-top:0;}
}

.owl-reviews .item{
	padding-left:1px;
	padding-right:1px;
}
.owl-reviews img{
	border-radius: 5px 5px  0 0;
}
.owl-reviews .border{
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 0 0 5px 5px;
	border-top:0;
	padding:30 3px 30px 30px;
	font-size: 14px;
	color: #757575;
}
.owl-reviews .border .inner{
	height:200px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: #e6e6e6 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: #ffffff !important;
}

.owl-reviews .border .city{
	font-weight: 500;
	font-size: 12px;
	color: #7C7C7C;
}
.owl-reviews .border .name{
	font-weight: bold;
	font-size: 16px;
	color: #222222;
	margin:10px 0 16px;
}
.owl-reviews .border .company{
	font-size: 14px;
	color: #424242;
}



.c ul.check-list {
	list-style: none;
	padding: 0;
	margin: 30px 0;
}
.c ul.check-list li{
	background:url('/promo/images/check_list.svg') no-repeat;
	min-height:32px;
	position: relative;
	padding-left: 45px;
	margin-bottom: 20px;
}
.c ul.check-list li::before{
	display:none;
}

.c .separate{
	background: #E5E5E5;
	height:1px;
	margin-top:30px;
	margin-bottom:30px;
}
.c .btn_grey{
	display:inline-block;
	text-decoration:none;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #757575;
	height:36px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 5px;
	line-height:36px;
	padding-left:20px;
	padding-right:20px;
}
.c .btn_grey:hover{
	color: #757575 !important;
	border: 1px solid #C4C4C4  !important;
}


@media (min-width: 992px) {	.yamap_mobile{display:none;}}
@media (max-width: 991px) {	.yamap_desktop{display:none;}}

.contacts_list h2{margin:0}
.contacts_item{
	padding:25px 0;
	border-bottom:1px solid #E5E5E5;
}
.contacts_item.last{
	border-bottom:0;
	padding:15px 0;
}
.contacts_item h3{
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	color: #757575;
	margin-top:0;
}
.contacts_item a.phone{
	display:inline-block;
	padding-right:40px;
	text-decoration:none;
	border:0;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #222222;
}
.contacts_item a.email{
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #4CAF50;
}
.contacts_item p{
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #222222;
}
.contacts_item p.comment{
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #7D7D7D;
	padding-top:5px;
	margin-bottom:0;
}
.contacts_item.social{font-size:0;}
.contacts_item.social a{
	display:inline-block;
	border:0;
	margin-right:8px;
}

.menu_list{
	position:absolute;
	left:220px;
	top:24px;
	display:inline-block;
}
.menu_list .menu_openbtn{
	display:inline-block;
	background:url('/images/menu_icon.svg') no-repeat;
	background-position: 0 1px;
	border:0 !important;
	padding:0 0 0 30px;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #424242;
}
.menu__change-page{
	left:350px;
}
@media (max-width: 767px) {
	.menu__change-page{
		left:0;
	}
	.menu_list{
		left:auto;
		top:77px;
		right:18px;
	}
}


#menu_modal{
	width: 100%;
	height: 100%;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	opacity: 0;
	z-index: 1001;
	text-align: left;
}
#menu_modal #menu_modal__close{
	cursor: pointer;
	display: inline-block;
	background:url('/images/close_icon.svg') no-repeat #292929;
	background-position:center center;
	padding:25px;
	border: 1px solid #292929;
	box-sizing: border-box;
	border-radius:40px;
	margin:40px 0 20px;
}
#menu_modal #menu_modal__close:hover{
	border: 1px solid #4CAF50;
}
#menu_modal_overlay{
	z-index: 1000;
	position: fixed;
	background-color: rgba(0,0,0,.9);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor :pointer;
	display :none;
}
#menu_modal .menu_items a{
	display:block;
	position:relative;
	font-weight: normal;
	font-size: 36px;
	line-height: 43px;
	color: #FFFFFF;
	border:0;
	text-decoration:none;
	margin:30px 0;
	padding-left:30px;
}
#menu_modal .menu_items a span{
	display:inline-block;
	position:absolute;
	top:-6px;
	left:0;
	font-weight: 900;
	font-size: 16px;
	line-height: 19px;
	color: #808080;
}
#menu_modal .menu_items a:hover{
	color:#4CAF50 !important;
	/*padding-left:50px;*/
}

#menu_modal .menu_items a.nohover:hover{
	color:white !important;
	/*padding-left:50px;*/
}
#menu_modal .menu_items a:hover span{
	display:none;
}

#menu_modal .menu_footer{
	margin-top:80px;
	max-width:900px;
}

#menu_modal .menu_footer h3{
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	color: #808080;
	margin-top:0;
}
#menu_modal .menu_footer a.phone{
	display:inline-block;
	padding-bottom:30px;
	text-decoration:none;
	border:0;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	color: #FFFFFF;
}
#menu_modal .menu_footer a.email{
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	color: #4CAF50;
	border-bottom:1px solid #4CAF50;
}
#menu_modal .menu_footer p{
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
}
#menu_modal .menu_footer p.comment{
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	padding-top:5px;
	margin-bottom:0;
}
#menu_modal .menu_footer .social{font-size:0;}
#menu_modal .menu_footer .social a{
	display:inline-block;
	border:0;
	margin-right:8px;
}
@media (max-width: 991px) {
	#menu_modal .menu_footer .address,
	#menu_modal .menu_footer .social{
		padding-top:30px;
	}
	#menu_modal .menu_items a{
		font-size: 20px;
		line-height: 26px;
		margin:20px 0;
	}
	#menu_modal .menu_footer{
		margin-top:40px;
	}

}

/*  review page css */
.reviews_list .item{
	padding-left:1px;
	padding-right:1px;
	margin-bottom:30px;
}
.reviews_list img{
	border-radius: 5px 5px  0 0;
	max-width:none;
	width:100%;
}
.reviews_list .border{
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 0 0 5px 5px;
	border-top:0;
	padding:30 3px 30px 30px;
	font-size: 14px;
	color: #757575;
}
.reviews_list .border .inner{
	height:450px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: #e6e6e6 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: #ffffff !important;
}

.reviews_list .border .city{
	font-weight: 500;
	font-size: 12px;
	color: #7C7C7C;
}
.reviews_list .border .name{
	font-weight: bold;
	font-size: 16px;
	color: #222222;
	margin:10px 0 16px;
}
.reviews_list .border .company{
	font-size: 14px;
	color: #424242;
}

.reviews_form .form__input{
    padding: 11px 18px 12px;
    font-size: 16px;
	margin-bottom:30px;
}

.form_file{
	display: none;
}

.form_file_outer{
	margin-bottom:30px;
}
.form_file_outer span{
	display:inline-block;
	font-weight: bold;
	font-size: 14px;
	color: #222222;
	height:36px;
	line-height:36px;
	padding-right:10px;
}
.form_file_outer div {
	__width: 160px;
	height: 36px;
	background: #fff;
	border-radius: 5px;
	color: #757575;
	text-align: center;
	line-height: 34px;
	display: inline-block;
	vertical-align: top;
	
	padding-left:20px;
	padding-right:20px;
	border:1px solid #E5E5E5;
	cursor: pointer;
	font-size:14px;
}

.form_file_outer div:hover {
	border:1px solid #ccc;
}

.form_file_name {
	background: transparent;
	border: 0;
	display: inline-block;
	vertical-align: top;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	color:#757575;
	font-weight: 500;
}

.info-article__container {
	display: flex;
	justify-content: space-between;
}

@media (min-width: 700px) {
	.info-article__container br {display: none;}
}
@media (max-width: 700px) {
	.info-article__container  {
		font-size: 12px !important;
	}
}
.author__container {
	display: flex;
	gap: 8px;
	align-items: center;
	margin: 15px 0 0;
} 
.author__container img {height: 50px; border-radius: 50%;}
.author__container .name {font-weight: bold; color: #000;}

