/* 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;}