997 lines
17 KiB
CSS
997 lines
17 KiB
CSS
|
/* 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;
|
||
|
|
cursor:default;
|
||
|
|
}
|
||
|
|
.links_list .item a img{
|
||
|
|
max-width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.analytices_list{
|
||
|
|
color: #000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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:190px;
|
||
|
|
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;}
|
||
|
|
|