@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
body, html {
height: 100%;
}
img, fieldset, a img {
border: none;
}
input[type="submit"],
button {
cursor: pointer;
}
input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
input, button {
margin: 0;
padding: 0;
border: 0;
}
input, textarea, select, button,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
outline: none;
}
ul, ol {
list-style-type: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
* {
-webkit-text-size-adjust: none;
}
}
table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
@font-face {
font-family: "Myriad Pro";
src: url("MyriadPro-Regular.eot");
src: url("MyriadPro-Regular.woff") format("woff"), url("MyriadPro-Regular.woff2") format("woff2"), url("MyriadPro-Regular.ttf") format("truetype"), url("MyriadPro-Regular.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Circe";
src: url("Circe-Regular.eot");
src: url("Circe-Regular.woff") format("woff"), url("Circe-Regular.woff2") format("woff2"), url("Circe-Regular.ttf") format("truetype"), url("Circe-Regular.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Circe";
src: url("Circe-Bold.eot");
src: url("Circe-Bold.woff") format("woff"), url("Circe-Bold.woff2") format("woff2"), url("Circe-Bold.ttf") format("truetype"), url("Circe-Bold.eot?#iefix") format("embedded-opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Circe";
src: url("Circe-Light.eot");
src: url("Circe-Light.woff") format("woff"), url("Circe-Light.woff2") format("woff2"), url("Circe-Light.ttf") format("truetype"), url("Circe-Light.eot?#iefix") format("embedded-opentype");
font-weight: 300;
font-style: normal;
}
body {
font: 300 18px/1.55556 "Roboto", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #000;
}
select, input, textarea, button {
font: 99% "Roboto", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
pre, code, kbd, samp {
font-family: monospace, sans-serif;
}
a {
text-decoration: underline;
color: #1b95be;
}
a:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6, b, strong {
font-weight: bold;
}
em, i {
font-style: italic;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, address, table {
margin-bottom: 1em;
}
.menu {
margin: 0;
list-style: none;
}
h6 {
font-size: 100%;
}
h5 {
font-size: 115%;
}
h4 {
font-size: 125%;
}
h3 {
font-size: 150%;
}
h2 {
font-size: 175%;
}
h1 {
font-size: 200%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
.inputbox,
.controls textarea,
.controls input[type="text"] {
padding: 5px 16px;
background: #eaeef2;
border: none;
height: 49px;
line-height: 39px;
font-size: 18px;
color: #000;
font-family: "Roboto";
box-sizing: border-box;
border-radius: 4px;
}
.inputbox.placeholder,
.controls textarea.placeholder,
.controls input[type="text"].placeholder {
opacity: 1;
color: #8087a1;
}
.inputbox:-moz-placeholder,
.controls textarea:-moz-placeholder,
.controls input[type="text"]:-moz-placeholder {
opacity: 1;
color: #8087a1;
}
.inputbox::-moz-placeholder,
.controls textarea::-moz-placeholder,
.controls input[type="text"]::-moz-placeholder {
opacity: 1;
color: #8087a1;
}
.inputbox:-ms-input-placeholder,
.controls textarea:-ms-input-placeholder,
.controls input[type="text"]:-ms-input-placeholder {
opacity: 1;
color: #8087a1;
}
.inputbox::-webkit-input-placeholder,
.controls textarea::-webkit-input-placeholder,
.controls input[type="text"]::-webkit-input-placeholder {
opacity: 1;
color: #8087a1;
}
.inputbox.error,
.controls textarea.error,
.controls input[type="text"].error {
color: #db3b6e;
background-color: #ffd6e3;
}
select.inputbox {
padding: 0 0 0 16px;
height: 49px;
background-color: #fff2a9;
font-weight: 400;
}
textarea.inputbox,
.controls textarea {
height: auto;
}
.selectBox-dropdown {
position: relative;
line-height: 0;
text-decoration: none;
text-align: left;
outline: none;
vertical-align: middle;
display: inline-block;
cursor: pointer;
box-sizing: border-box;
height: 49px;
}
.selectBox-dropdown .selectBox-label {
display: inline-block;
white-space: nowrap;
overflow: hidden;
line-height: 39px;
height: 39px;
}
.selectBox-dropdown .selectBox-arrow {
position: absolute;
top: 0;
right: 0;
width: 49px;
height: 49px;
}
.selectBox-dropdown .selectBox-arrow i {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 5px 4.5px 0 4.5px;
border-color: #ccc transparent transparent transparent;
position: absolute;
left: 50%;
top: 50%;
margin: -2px 0 0 -4px;
}
.selectBox-options, .selectBox-options li, .selectBox-options li a {
list-style: none;
display: block;
cursor: default;
margin: 0;
padding: 0;
}
.selectBox-dropdown-menu {
position: absolute;
z-index: 99999;
min-height: 1em;
background: #eaeef2;
box-sizing: border-box;
margin-top: 1px;
}
.selectBox-inline {
min-width: 150px;
outline: none;
border: solid 1px #ccc;
background: #eaeef2;
display: inline-block;
overflow: auto;
}
.selectBox-options li a {
font-size: 18px;
line-height: 1.5;
display: block;
white-space: nowrap;
overflow: hidden;
padding: 0 16px;
text-decoration: none;
color: #000;
}
.selectBox-options li.selectBox-hover a {
background-color: #3399ff;
color: #fff;
}
.selectBox-options li.selectBox-disabled a {
color: #888;
background-color: transparent;
}
.selectBox-options li.selectBox-selected a {
background-color: #3399ff;
color: #fff;
}
.selectBox-options:hover li.selectBox-selected a {
background: none;
color: #000;
}
.selectBox-options:hover li.selectBox-selected.selectBox-hover a {
background-color: #3399ff;
color: #fff;
}
.button, .btn {
display: inline-block;
border: none;
text-decoration: none;
text-align: center;
background: #1b95be;
color: #fff;
padding: 0 27px;
height: 49px;
line-height: 49px;
font-size: 20px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
border-radius: 3px;
box-sizing: border-box;
}
.button:hover, .btn:hover {
background-color: #00adbf;
}
.order_buttons .button, .contacts_form .button, .consultation_form2 .button, .sendrequest .button, .call_back .button, .why_1c_buttons .button, .section_call .button, .section_rep .button, .peoples .button {
display: inline-block;
border: none;
text-decoration: none;
text-align: center;
background: #ffd200;
color: #000;
padding: 0 27px;
height: 60px;
line-height: 60px;
font-size: 24px;
font-weight: 400;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
border-radius: 3px;
box-sizing: border-box;
}
.order_buttons .button:hover, .contacts_form .button:hover, .consultation_form2 .button:hover, .sendrequest .button:hover, .call_back .button:hover, .why_1c_buttons .button:hover, .section_call .button:hover, .section_rep .button:hover, .peoples .button:hover {
background-color: #ffdb33;
}
.form_list {
margin: 0;
list-style: none;
}
.form_list li {
margin-bottom: 20px;
}
.form_list label, .form_list .input_wrap {
display: inline-block;
vertical-align: top;
line-height: 49px;
}
.form_list .inputbox {
width: 100%;
}
.filewrap {
position: relative;
line-height: 49px;
font-size: 18px;
font-weight: 300;
display: inline-block;
}
.input-wrap {
position: relative;
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
.input-wrap input {
cursor: pointer;
}
.fileico {
vertical-align: middle;
background-image: url("../images/sprite.png");
background-position: -2114px -1566px;
width: 15px;
height: 16px;
margin-left: 11px;
display: none;
cursor: pointer;
}
.is-file .fileico {
display: inline-block;
}
.filelabel {
display: inline-block;
border-bottom: 1px dashed #fff;
margin-right: 15px;
line-height: 1;
vertical-align: middle;
}
.filetext {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}
@media (max-width: 999px) {
.button {
height: 9.0rem;
line-height: 9.0rem;
padding: 0 4.5rem;
border-radius: 0.8rem;
font-size: 3.6rem;
}
.inputbox {
padding: 1.5rem 3.0rem;
background: #eaeef2;
height: 9.0rem;
line-height: 6.0rem;
font-size: 3.0rem;
font-weight: 300;
border-radius: 0.5rem;
}
.filewrap {
font-size: 3.0rem;
line-height: 6.0rem;
}
.fileico {
background-image: url("../images/sprite.png");
background-position: -1814px -364px;
width: 30px;
height: 32px;
}
.filetext {
max-width: 30.0rem;
}
.selectBox-dropdown-menu {
border-radius: 0.6rem;
}
.selectBox-dropdown-menu li a {
font-size: 3.0rem;
line-height: 1.5;
padding: 0 3.0rem;
}
.order_buttons .button, .contacts_form .button, .consultation_form2 .button, .sendrequest .button, .call_back .button, .why_1c_buttons .button, .section_call .button, .section_rep .button, .peoples .button {
height: 9.0rem;
line-height: 9.0rem;
font-size: 3.6rem;
}
}
html {
height: 100%;
min-width: 1190px;
}
body {
width: 100%;
height: 100%;
}
img {
max-width: 100%;
}
.wrapper {
padding-top: 110px;
-webkit-transition: padding-top 0.3s;
transition: padding-top 0.3s;
box-sizing: border-box;
}
.is-stick .wrapper {
padding-top: 70px;
}
.width {
max-width: 1170px;
min-width: 980px;
margin: 0 auto;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.ieb {
position: relative;
}
.ieb:before, .ieb:after {
content: '';
display: block;
position: absolute;
background: url(../images/sprite.png) no-repeat;
}
.jus, .request .width, .marketing, .req_call, .seo_work_list, .result_wrap, .search_eng, .target, .affiliate_networks, .retargeting, .phases, .prototype .tx_block .text_cols, .reasons, .to_understand, .work_list, .contractor, .services, .why_corp2, .trust2, .why_serm, .serm_list2, .result_list, .peoples_list, .prtfolio_item_results, .prtfolio_item_stat_row {
margin: 0;
list-style: none;
text-align: justify;
font-size: 1px;
line-height: 0;
zoom: 1;
}
.jus:after, .request .width:after, .marketing:after, .req_call:after, .seo_work_list:after, .result_wrap:after, .search_eng:after, .target:after, .affiliate_networks:after, .retargeting:after, .phases:after, .prototype .tx_block .text_cols:after, .reasons:after, .to_understand:after, .work_list:after, .contractor:after, .services:after, .why_corp2:after, .trust2:after, .why_serm:after, .serm_list2:after, .result_list:after, .peoples_list:after, .prtfolio_item_results:after, .prtfolio_item_stat_row:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
.jus > *, .request .width > *, .marketing > *, .req_call > *, .seo_work_list > *, .result_wrap > *, .search_eng > *, .target > *, .affiliate_networks > *, .retargeting > *, .phases > *, .prototype .tx_block .text_cols > *, .reasons > *, .to_understand > *, .work_list > *, .contractor > *, .services > *, .why_corp2 > *, .trust2 > *, .why_serm > *, .serm_list2 > *, .result_list > *, .peoples_list > *, .prtfolio_item_results > *, .prtfolio_item_stat_row > * {
display: inline-block;
vertical-align: top;
}
.jus > .empty, .request .width > .empty, .marketing > .empty, .req_call > .empty, .seo_work_list > .empty, .result_wrap > .empty, .search_eng > .empty, .target > .empty, .affiliate_networks > .empty, .retargeting > .empty, .phases > .empty, .prototype .tx_block .text_cols > .empty, .reasons > .empty, .to_understand > .empty, .work_list > .empty, .contractor > .empty, .services > .empty, .why_corp2 > .empty, .trust2 > .empty, .why_serm > .empty, .serm_list2 > .empty, .result_list > .empty, .peoples_list > .empty, .prtfolio_item_results > .empty, .prtfolio_item_stat_row > .empty {
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
visibility: hidden;
}
body .row {
margin-left: -30px;
margin-right: 0;
}
body .col-1,
body .col-xs-1,
body .col-sm-1,
body .col-md-1,
body .col-lg-1 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-1 {
width: 8.33333%;
float: left;
}
@media (max-width: 999px) {
body .col-1 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-1 {
width: 8.33333%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-1 {
width: 8.33333%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-1 {
width: 8.33333%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-1 {
width: 8.33333%;
float: left;
}
}
body .col-2,
body .col-xs-2,
body .col-sm-2,
body .col-md-2,
body .col-lg-2 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-2 {
width: 16.66667%;
float: left;
}
@media (max-width: 999px) {
body .col-2 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-2 {
width: 16.66667%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-2 {
width: 16.66667%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-2 {
width: 16.66667%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-2 {
width: 16.66667%;
float: left;
}
}
body .col-3,
body .col-xs-3,
body .col-sm-3,
body .col-md-3,
body .col-lg-3 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-3 {
width: 25%;
float: left;
}
@media (max-width: 999px) {
body .col-3 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-3 {
width: 25%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-3 {
width: 25%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-3 {
width: 25%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-3 {
width: 25%;
float: left;
}
}
body .col-4,
body .col-xs-4,
body .col-sm-4,
body .col-md-4,
body .col-lg-4 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-4 {
width: 33.33333%;
float: left;
}
@media (max-width: 999px) {
body .col-4 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-4 {
width: 33.33333%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-4 {
width: 33.33333%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-4 {
width: 33.33333%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-4 {
width: 33.33333%;
float: left;
}
}
body .col-5,
body .col-xs-5,
body .col-sm-5,
body .col-md-5,
body .col-lg-5 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-5 {
width: 41.66667%;
float: left;
}
@media (max-width: 999px) {
body .col-5 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-5 {
width: 41.66667%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-5 {
width: 41.66667%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-5 {
width: 41.66667%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-5 {
width: 41.66667%;
float: left;
}
}
body .col-6,
body .col-xs-6,
body .col-sm-6,
body .col-md-6,
body .col-lg-6 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-6 {
width: 50%;
float: left;
}
@media (max-width: 999px) {
body .col-6 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-6 {
width: 50%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-6 {
width: 50%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-6 {
width: 50%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-6 {
width: 50%;
float: left;
}
}
body .col-7,
body .col-xs-7,
body .col-sm-7,
body .col-md-7,
body .col-lg-7 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-7 {
width: 58.33333%;
float: left;
}
@media (max-width: 999px) {
body .col-7 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-7 {
width: 58.33333%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-7 {
width: 58.33333%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-7 {
width: 58.33333%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-7 {
width: 58.33333%;
float: left;
}
}
body .col-8,
body .col-xs-8,
body .col-sm-8,
body .col-md-8,
body .col-lg-8 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-8 {
width: 66.66667%;
float: left;
}
@media (max-width: 999px) {
body .col-8 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-8 {
width: 66.66667%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-8 {
width: 66.66667%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-8 {
width: 66.66667%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-8 {
width: 66.66667%;
float: left;
}
}
body .col-9,
body .col-xs-9,
body .col-sm-9,
body .col-md-9,
body .col-lg-9 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-9 {
width: 75%;
float: left;
}
@media (max-width: 999px) {
body .col-9 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-9 {
width: 75%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-9 {
width: 75%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-9 {
width: 75%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-9 {
width: 75%;
float: left;
}
}
body .col-10,
body .col-xs-10,
body .col-sm-10,
body .col-md-10,
body .col-lg-10 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-10 {
width: 83.33333%;
float: left;
}
@media (max-width: 999px) {
body .col-10 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-10 {
width: 83.33333%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-10 {
width: 83.33333%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-10 {
width: 83.33333%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-10 {
width: 83.33333%;
float: left;
}
}
body .col-11,
body .col-xs-11,
body .col-sm-11,
body .col-md-11,
body .col-lg-11 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-11 {
width: 91.66667%;
float: left;
}
@media (max-width: 999px) {
body .col-11 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-11 {
width: 91.66667%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-11 {
width: 91.66667%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-11 {
width: 91.66667%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-11 {
width: 91.66667%;
float: left;
}
}
body .col-12,
body .col-xs-12,
body .col-sm-12,
body .col-md-12,
body .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 30px;
width: auto;
box-sizing: border-box;
}
body .col-12 {
width: 100%;
float: left;
}
@media (max-width: 999px) {
body .col-12 {
float: none;
width: auto;
}
}
@media (max-width: 768px) {
body .col-xs-12 {
width: 100%;
float: left;
}
}
@media (min-width: 769px) {
body .col-sm-12 {
width: 100%;
float: left;
}
}
@media (min-width: 993px) {
body .col-md-12 {
width: 100%;
float: left;
}
}
@media (min-width: 1201px) {
body .col-lg-12 {
width: 100%;
float: left;
}
}
.header {
height: 110px;
background: #192837;
position: fixed;
left: 0;
top: 0;
width: 100%;
color: #ffffff;
z-index: 500;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.is-stick .header {
height: 70px;
}
.is-stick .header .header_logo {
margin-top: 9px;
}
.is-stick .header .header_call {
margin-top: 6px;
}
.is-stick .header .header_nav {
padding-top: 17px;
}
.header_logo {
float: left;
background: none;
margin-top: 7px;
width: 96px;
-webkit-transition: margin-top 0.3s;
transition: margin-top 0.3s;
}
.header_logo img {
max-width: 100%;
height: 90px;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.is-stick .header_logo {
height: 56px;
}
.is-stick .header_logo img {
height: 56px;
}
.header_call {
float: right;
margin-top: 23px;
-webkit-transition: margin-top 0.3s;
transition: margin-top 0.3s;
}
.header_call br {
display: none;
}
.header_call div {
display: inline-block;
vertical-align: middle;
}
.header_call .tel {
display: inline-block;
font-size: 20px;
text-transform: uppercase;
line-height: 33px;
margin-right: 20px;
padding-left: 21px;
position: relative;
}
.header_call .tel:before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
background-image: url("../images/sprite.png");
background-position: -2114px -1634px;
width: 11px;
height: 20px;
}
.header_call .button {
height: auto;
line-height: 23px;
font-size: 17px;
font-weight: 300;
background-color: #de4051;
padding: 5px 15px;
border-radius: 3px;
width: 150px;
}
.header_call .button:hover {
background-color: #de4051;
}
.header_nav {
padding-top: 37px;
padding-left: 127px;
-webkit-transition: padding-top 0.3s;
transition: padding-top 0.3s;
}
.header_nav:after {
clear: both;
content: ' ';
display: table;
}
.header_nav li {
float: left;
position: relative;
}
.header_nav li:hover > ul {
display: block;
}
.header_nav li ul {
display: none;
position: absolute;
background: #192837;
padding: 15px 0;
top: 100%;
left: -15px;
min-width: 200px;
}
.header_nav li ul li {
margin-bottom: 5px;
}
.header_nav li ul li + li {
margin-left: 0;
}
.header_nav li ul ul {
top: -15px;
left: 100%;
}
.header_nav li ul a {
line-height: 22px;
border: none;
text-transform: none;
padding: 5px 20px;
}
.header_nav li ul a:hover {
color: #1b95be;
}
.header_nav li + li {
margin-left: 22px;
}
.header_nav a {
text-transform: uppercase;
text-decoration: none;
color: #ffffff;
font-size: 16px;
line-height: 29px;
display: block;
border: 2px solid transparent;
border-width: 2px 0;
}
.header_nav a:hover {
border-bottom-color: #de4051;
}
.header_nav .active a {
border-bottom-color: #de4051;
}
/* -----------------------------------------------------------------------------
HAMBURGER ICONS COMPONENT
----------------------------------------------------------------------------- */
/**
* Toggle Switch Globals
*
* All switches should take on the class `c-hamburger` as well as their
* variant that will give them unique properties. This class is an overview
* class that acts as a reset for all versions of the icon.
*/
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 6rem;
height: 9rem;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.c-hamburger:focus {
outline: none;
}
.c-hamburger span {
display: block;
position: absolute;
top: 4.2rem;
left: 0.8rem;
right: 0.8rem;
height: 0.6rem;
background: white;
}
.c-hamburger span::before,
.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 0.6rem;
background-color: #fff;
content: "";
}
.c-hamburger span::before {
top: -1.5rem;
}
.c-hamburger span::after {
bottom: -1.5rem;
}
/**
* Style 1
*
* Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
* Nothing too fancy, simple transition.
*/
.c-hamburger--rot {
background-color: #28aadc;
}
.c-hamburger--rot span {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
/* active state, i.e. menu open */
.c-hamburger--rot.is-active {
background-color: #166888;
}
.c-hamburger--rot.is-active span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/**
* Style 2
*
* Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
* down to center and transform into an "x".
*/
.c-hamburger--htx {
background-color: #ff3264;
}
.c-hamburger--htx span {
-webkit-transition: background 0s 0.3s;
transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, -webkit-transform;
transition-property: top, transform;
transition-property: top, transform, -webkit-transform;
}
.c-hamburger--htx span::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
background-color: #cb0032;
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
-webkit-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
}
/**
* Style 3
*
* Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
* arrow. Usually indicates an off canvas menu sliding in from left that
* will be close on re-click of the icon.
*/
.c-hamburger--htla {
background-color: transparent;
}
.c-hamburger--htla span {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.c-hamburger--htla span::before {
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transition: width 0.3s, top 0.3s, -webkit-transform 0.3s;
transition: width 0.3s, top 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, width 0.3s, top 0.3s;
transition: transform 0.3s, width 0.3s, top 0.3s, -webkit-transform 0.3s;
}
.c-hamburger--htla span::after {
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, width 0.3s, bottom 0.3s;
transition: transform 0.3s, width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
}
/* active state, i.e. menu open */
.c-hamburger--htla.is-active span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.c-hamburger--htla.is-active span::before,
.c-hamburger--htla.is-active span::after {
width: 50%;
}
.c-hamburger--htla.is-active span::before {
top: 0;
-webkit-transform: translateX(2.8rem) translateY(0.3rem) rotate(45deg);
transform: translateX(2.8rem) translateY(0.3rem) rotate(45deg);
}
.c-hamburger--htla.is-active span::after {
bottom: 0;
-webkit-transform: translateX(2.8rem) translateY(-0.3rem) rotate(-45deg);
transform: translateX(2.8rem) translateY(-0.3rem) rotate(-45deg);
}
/**
* Style 4
*
* Hamburger to right-arrow (htra). Hamburger menu transforms to a
* right-pointing arrow. Usually indicates an off canvas menu sliding in from
* right that will be close on re-click of the icon.
*/
.c-hamburger--htra {
background-color: #ff9650;
}
.c-hamburger--htra span {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.c-hamburger--htra span::before {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition: width 0.3s, top 0.3s, -webkit-transform 0.3s;
transition: width 0.3s, top 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, width 0.3s, top 0.3s;
transition: transform 0.3s, width 0.3s, top 0.3s, -webkit-transform 0.3s;
}
.c-hamburger--htra span::after {
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, width 0.3s, bottom 0.3s;
transition: transform 0.3s, width 0.3s, bottom 0.3s, -webkit-transform 0.3s;
}
/* active state, i.e. menu open */
.c-hamburger--htra.is-active {
background-color: #e95d00;
}
.c-hamburger--htra.is-active span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.c-hamburger--htra.is-active span::before,
.c-hamburger--htra.is-active span::after {
width: 50%;
}
.c-hamburger--htra.is-active span::before {
top: 0;
-webkit-transform: translateX(-0.6rem) translateY(0.3rem) rotate(-45deg);
transform: translateX(-0.6rem) translateY(0.3rem) rotate(-45deg);
}
.c-hamburger--htra.is-active span::after {
bottom: 0;
-webkit-transform: translateX(-0.6rem) translateY(-0.3rem) rotate(45deg);
transform: translateX(-0.6rem) translateY(-0.3rem) rotate(45deg);
}
.c-hamburger {
display: none;
}
.slider_wrap {
position: relative;
}
.slider_wrap .slider {
margin: 0;
list-style: none;
padding: 0;
}
.sections {
padding: 0;
height: 1%;
}
.section {
padding: 35px 0;
}
.mainslider {
color: #fff;
font-size: 22px;
font-weight: 300;
text-align: center;
line-height: 1.1;
padding-top: 0;
padding-bottom: 50px;
padding-bottom: 50px;
margin-bottom: 3px;
}
.mainslider:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 48px;
border: 1px solid #cfcfcf;
border-width: 1px 0;
box-shadow: 0 3px 0 #e9e9e9;
}
.mainslider .bx-wrapper {
position: relative;
overflow: hidden;
}
.mainslider .slider > li {
height: 566px;
background-position: 50% 0;
background-size: cover;
}
.mainslider .slider > li > a {
display: block;
height: 566px;
text-decoration: none;
}
.mainslider .slider .width {
padding-top: 120px;
height: 416px;
box-sizing: border-box;
overflow: hidden;
}
.mainslider .slider > li + li {
display: none;
}
.mainslider .bx-pager {
position: absolute;
left: 0;
bottom: 74px;
width: 100%;
text-align: center;
z-index: 60;
line-height: 0;
}
.mainslider .bx-pager-item {
display: inline-block;
margin: 0 10px;
}
.mainslider .bx-pager-link {
display: inline-block;
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
border: 2px solid #fff;
background: none;
border-radius: 50%;
box-sizing: border-box;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.mainslider .bx-pager-link.active {
background: #ffffff;
}
.mainslider .bx-prev, .mainslider .bx-next {
position: absolute;
text-indent: -999em;
z-index: 60;
top: 0;
width: 40%;
height: 100%;
overflow: hidden;
}
.mainslider .bx-prev:before, .mainslider .bx-next:before {
content: '';
position: absolute;
top: 50%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-top: -70px;
}
.mainslider .bx-prev {
left: 0;
}
.mainslider .bx-prev:before {
background-image: url("../images/sprite.png");
background-position: -1418px -1241px;
width: 140px;
height: 140px;
left: -120px;
}
.mainslider .bx-prev:hover:before {
left: -78px;
}
.mainslider .bx-next {
right: 0;
}
.mainslider .bx-next:before {
background-image: url("../images/sprite.png");
background-position: -142px -1391px;
width: 140px;
height: 140px;
right: -120px;
}
.mainslider .bx-next:hover:before {
right: -78px;
}
.slide_title {
font-size: 70px;
margin-bottom: 29px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.slide_descr {
margin-bottom: 55px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.slide_buttons .button {
border: 2px solid #fff;
border-radius: 0;
width: 270px;
height: 64px;
line-height: 60px;
background: none;
font-size: 22px;
text-transform: uppercase;
font-weight: 400;
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.achiev {
background: #ffffff;
background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f4f6f8 100%);
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f4f6f8 100%);
}
.achiev_list {
padding: 45px 0 55px;
text-align: center;
margin: 0;
}
.achiev_list .ico {
height: 120px;
margin-bottom: 35px;
position: relative;
text-align: center;
}
.achiev_list .ico img {
max-width: 100%;
max-height: 120px;
width: auto;
height: auto;
}
.achiev_list .ico:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
}
.achiev_list .ico1:before {
background-image: url("../images/sprite.png");
background-position: -1704px -978px;
width: 120px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
}
.achiev_list .ico2:before {
background-image: url("../images/sprite.png");
background-position: -1704px -1100px;
width: 120px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
}
.achiev_list .ico3:before {
background-image: url("../images/sprite.png");
background-position: -1704px -1363px;
width: 120px;
height: 105px;
margin-left: -60px;
margin-top: -52.5px;
}
.achiev_list .ico4:before {
background-image: url("../images/sprite.png");
background-position: -1704px -856px;
width: 120px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
}
.achiev_title {
display: table-cell;
width: 270px;
height: 52px;
text-align: center;
vertical-align: middle;
font-size: 20px;
font-weight: 400;
line-height: 26px;
box-sizing: border-box;
padding: 0 20px;
}
.achiev_descr {
font-size: 16px;
font-weight: 300;
margin-top: 24px;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before {
display: table;
content: '';
}
.slick-track:after {
display: table;
content: '';
clear: both;
}
.slick-track button {
display: none !important;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-slide .sm {
display: none;
}
@media (max-width: 999px) {
.slick-slide .sm {
display: block;
}
.slick-slide .lg {
display: none;
}
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow {
position: absolute;
border: none;
background: none;
text-indent: -999em;
z-index: 5;
top: 0;
width: 140px;
height: 100%;
overflow: hidden;
}
.slick-arrow:before {
content: '';
position: absolute;
top: 50%;
width: 140px;
height: 140px;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
margin-top: -70px;
z-index: 2;
}
.slick-arrow:after {
content: '';
position: absolute;
background-color: #0096c0;
width: 26px;
height: 40px;
top: 50%;
margin-top: -20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
.slick-prev {
left: 0;
}
.slick-prev:before {
left: -120px;
-webkit-transition: left 0.3s;
transition: left 0.3s;
background-image: url("../images/sprite.png");
background-position: -1418px -1241px;
width: 140px;
height: 140px;
}
.slick-prev:after {
left: -30px;
}
.slick-prev:hover:before {
left: -78px;
}
.slick-prev:hover:after {
left: 10px;
}
.slick-next {
right: 0;
}
.slick-next:before {
background-image: url("../images/sprite.png");
background-position: -142px -1391px;
width: 140px;
height: 140px;
right: -120px;
-webkit-transition: right 0.3s;
transition: right 0.3s;
}
.slick-next:after {
right: -30px;
}
.slick-next:hover:before {
right: -78px;
}
.slick-next:hover:after {
right: 10px;
}
.section_title, .main_heading, .item-title, .itemTitle {
text-align: center;
font-size: 45px;
font-weight: 300;
line-height: 55px;
margin-bottom: 40px;
}
.section_title .mark, .main_heading .mark, .item-title .mark, .itemTitle .mark {
display: inline-block;
height: 46px;
line-height: 34px;
background: #de4051;
padding: 0 7px;
margin: 0 17px;
position: relative;
}
.section_title .mark span, .main_heading .mark span, .item-title .mark span, .itemTitle .mark span {
position: relative;
z-index: 2;
}
.section_title .mark:before, .main_heading .mark:before, .item-title .mark:before, .itemTitle .mark:before, .section_title .mark:after, .main_heading .mark:after, .item-title .mark:after, .itemTitle .mark:after {
content: '';
position: absolute;
top: 0;
}
.section_title .mark:before, .main_heading .mark:before, .item-title .mark:before, .itemTitle .mark:before {
background-image: url("../images/sprite.png");
background-position: -1803px -1274px;
width: 37px;
height: 46px;
left: -17px;
}
.section_title .mark:after, .main_heading .mark:after, .item-title .mark:after, .itemTitle .mark:after {
background-image: url("../images/sprite.png");
background-position: -726px -524px;
width: 37px;
height: 46px;
right: -17px;
}
.section_title .small, .main_heading .small, .item-title .small, .itemTitle .small {
display: block;
font-size: 20px;
line-height: 1;
margin-top: 20px;
}
.work_slider .slider li {
margin: 0 10px;
}
.work_slider .slider li + li {
display: none;
}
.work_slider2 .slider {
text-align: center;
}
.work_slider2 .slider > li {
display: inline-block;
margin: 0 13px;
}
.works {
padding: 50px 0 70px;
}
.work_link {
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
margin: 0 auto;
width: 330px;
height: 330px;
}
.work_img {
display: block;
width: 330px;
max-width: 100%;
margin: 0 auto;
}
.work_img a {
display: block;
height: 330px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 0;
}
.work_img img {
display: block;
width: 100%;
margin: 0;
}
.slider_description {
margin: 1em auto 2em;
text-align: center;
}
.work_decr {
position: absolute;
left: 0;
bottom: 0;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.9);
width: 100%;
color: #1b95be;
font-size: 17px;
font-weight: 300;
line-height: 24px;
padding: 10px 20px 15px 20px;
}
.work_decr.color1 {
background: rgba(220, 41, 41, 0.9);
}
.work_decr.color2 {
background: rgba(194, 56, 138, 0.9);
}
.work_decr.color3 {
background: rgba(234, 55, 72, 0.9);
}
.work_decr.color4 {
background: rgba(98, 86, 69, 0.9);
}
.work_decr_inn {
height: 110px;
overflow: hidden;
}
.work_intro {
font-size: 17px;
font-weight: 300;
line-height: 24px;
height: 48px;
overflow: hidden;
margin-top: 8px;
}
.work_logo {
height: 56px;
display: table-cell;
vertical-align: middle;
line-height: 0;
}
.work_logo img {
max-height: 56px;
max-width: 290px;
}
.work_logo .lg {
display: block;
}
.work_logo .sm {
display: none;
}
.offer {
background: -webkit-linear-gradient(top, #f4f6f8 0%, #ffffff 22%, #ffffff 78%, #f4f6f8 100%);
background: linear-gradient(to bottom, #f4f6f8 0%, #ffffff 22%, #ffffff 78%, #f4f6f8 100%);
padding: 55px 0 60px;
}
.tabs_wrap, .hover_tabs_wrap {
position: relative;
}
.tabs_wrap .tabs_cont, .hover_tabs_wrap .tabs_cont {
border-bottom: 2px solid #3ea3f5;
padding-bottom: 34px;
margin-bottom: 40px;
position: relative;
}
.tabs_wrap .tabs, .hover_tabs_wrap .tabs {
text-align: center;
}
.tabs_wrap .tabs li, .hover_tabs_wrap .tabs li {
position: relative;
}
.tabs_wrap .arr, .hover_tabs_wrap .arr {
position: absolute;
width: 0;
height: 0;
bottom: 0;
left: 0;
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 0 19px 20px 19px;
border-color: transparent transparent #3ea3f5 transparent;
margin-left: 4px;
z-index: 2;
}
.tabs_wrap .arr:before, .hover_tabs_wrap .arr:before {
content: '';
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 0 19px 20px 19px;
border-color: transparent transparent #fff transparent;
top: 2px;
left: 50%;
margin-left: -19px;
}
.tabs_wrap .box, .hover_tabs_wrap .box {
display: none;
}
.tabs_wrap .box.visible, .hover_tabs_wrap .box.visible {
display: block;
}
body .hover_tabs_wrap .tabs li {
float: left;
}
@media (max-width: 999px) {
body .hover_tabs_wrap .tabs li {
float: left;
}
}
.offer_link {
color: #192837;
text-decoration: none;
display: block;
line-height: 28px;
font-size: 16px;
font-weight: 300;
position: relative;
width: 230px;
margin: 0 auto;
}
.offer_ico {
display: block;
margin: 0 auto 36px;
width: 130px;
height: 130px;
position: relative;
text-align: center;
}
.offer_ico img {
max-width: 100%;
}
.offer_ico:before {
content: '';
position: absolute;
left: 0;
top: 0;
}
.offer_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1570px -1156px;
width: 130px;
height: 130px;
}
.offer_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1570px -892px;
width: 130px;
height: 130px;
}
.offer_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1570px -1024px;
width: 130px;
height: 130px;
}
.offer_inf {
max-height: 56px;
}
.offer_inf p {
margin: 0;
}
.offer_title {
font-size: 20px;
font-weight: 400;
}
.offer_heading {
text-align: center;
font-size: 26px;
font-weight: 300;
line-height: 1;
margin-bottom: 30px;
}
.offer_descr {
font-size: 16px;
font-weight: 300;
line-height: 28px;
text-align: center;
width: 865px;
margin: 0 auto;
}
.offer_buttons {
text-align: center;
margin-top: 50px;
}
.offer_buttons .button {
background: #00b6bb;
text-transform: uppercase;
}
.offer_buttons .button:before {
content: '';
display: inline-block;
vertical-align: middle;
background-image: url("../images/sprite.png");
background-position: -2115px -1472px;
width: 20px;
height: 20px;
margin-right: 10px;
position: relative;
top: -1px;
}
.about {
padding: 49px 0 60px;
font-weight: 300;
font-size: 16px;
line-height: 28px;
}
.about .bold {
font-weight: 400;
}
.about .section_title, .about .main_heading, .about .item-title, .about .itemTitle {
text-align: left;
position: relative;
overflow: hidden;
}
.about .section_title:before, .about .main_heading:before, .about .item-title:before, .about .itemTitle:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 70px;
height: 2px;
background-color: #00b6bb;
}
.main_heading, .item-title, .itemTitle {
text-align: left;
position: relative;
overflow: hidden;
font-weight: 400;
}
.main_heading:before, .item-title:before, .itemTitle:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 70px;
height: 2px;
background-color: #00b6bb;
}
.about_button {
float: right;
background-color: #e1e3e4;
line-height: 34px;
text-decoration: none;
border-radius: 2px;
padding: 0 15px;
color: #222;
font-size: 17px;
font-weight: 300;
}
.content {
padding: 30px 0 45px;
}
.grey {
background: #f5f6f8;
}
.grey2 {
background-color: #ebedf1;
}
.blue {
background-color: #00adbf;
}
.blue2 {
background-color: #1b95be;
}
.blue3 {
background-color: #0a699c;
color: #ffffff;
}
.section.blue, .section.blue2 {
color: #ffffff;
}
.breadcrumbs {
font-size: 15px;
line-height: 1;
font-weight: 300;
color: #000000;
margin-bottom: 13px;
}
.breadcrumbs a {
color: #000000;
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .separator {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin: 0 0.26em;
}
.heading {
color: black;
font-size: 45px;
line-height: 1;
font-weight: 300;
margin-bottom: 35px;
}
.gallery_tip {
margin-top: 30px;
font-weight: 300;
text-align: center;
}
.gallery_tip b, .gallery_tip strong {
font-weight: 400;
}
.gallery .slick-initialized a {
display: block;
position: relative;
}
.gallery .slick-initialized a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 7px solid transparent;
z-index: 5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gallery .slick-initialized a:hover:before {
border-color: #00adbf;
}
.gallery .slick-list:before, .gallery .slick-list:after {
content: '';
position: absolute;
top: 0;
width: 150px;
height: 100%;
z-index: 3;
}
.gallery .slick-list:before {
left: 0;
background: -webkit-linear-gradient(left, rgba(25, 40, 55, 0.5) 0%, rgba(25, 40, 55, 0) 100%);
background: linear-gradient(to right, rgba(25, 40, 55, 0.5) 0%, rgba(25, 40, 55, 0) 100%);
}
.gallery .slick-list:after {
right: 0;
background: -webkit-linear-gradient(left, rgba(25, 40, 55, 0) 0%, rgba(25, 40, 55, 0.5) 100%);
background: linear-gradient(to right, rgba(25, 40, 55, 0) 0%, rgba(25, 40, 55, 0.5) 100%);
}
.title_h {
font-size: 24px;
font-weight: 400;
margin-bottom: 20px;
}
.partners {
margin: 0 0 45px -25px;
list-style: none;
line-height: 0;
font-size: 1px;
}
.partners li {
display: inline-block;
width: 170px;
vertical-align: top;
margin-bottom: 30px;
margin-left: 25px;
}
.partners img {
max-width: 100%;
}
.sertificates {
margin: 0 0 45px -70px;
list-style: none;
line-height: 0;
font-size: 1px;
}
.sertificates li {
display: inline-block;
vertical-align: top;
margin-left: 110px;
}
.parnter_1c {
margin: 30px 0 29px -30px;
list-style: none;
line-height: 0;
font-size: 1px;
}
.parnter_1c li {
display: inline-block;
vertical-align: top;
margin-left: 30px;
}
.parnter_1c span {
display: table-cell;
width: 168px;
height: 72px;
border: 1px solid rgba(191, 191, 191, 0.5);
vertical-align: middle;
text-align: center;
box-sizing: border-box;
}
.parnter_1c img {
display: block;
max-width: 80%;
max-height: 80%;
margin: 0 auto;
}
.request {
padding: 25px 0;
color: #ffffff;
}
.request .width {
margin-left: auto;
margin-right: auto;
}
.request .width > * {
vertical-align: middle;
text-align: left;
}
.request_descr {
width: 450px;
font-size: 22px;
font-weight: 300;
line-height: 38px;
}
.request_contacts {
margin: 0;
list-style: none;
font-size: 18px;
font-weight: 300;
line-height: 38px;
}
.request_contacts .mail {
color: #ffffff;
text-decoration: none;
display: inline-block;
}
.request_contacts .mail:hover {
text-decoration: underline;
}
.request_contacts .mail, .request_contacts .tel {
position: relative;
padding-left: 27px;
}
.request_contacts .mail:before, .request_contacts .tel:before {
content: '';
position: absolute;
top: 50%;
left: 0;
}
.request_contacts .mail:before {
background-image: url("../images/sprite.png");
background-position: -2115px -1549px;
width: 18px;
height: 13px;
margin-top: -6px;
}
.request_contacts .tel:before {
background-image: url("../images/sprite.png");
background-position: -2115px -1513px;
width: 16px;
height: 16px;
margin-top: -8px;
}
.request_button .button {
width: 270px;
height: 49px;
background-color: #ffd200;
line-height: 49px;
color: black;
font-size: 20px;
font-weight: 400;
}
.title_seo {
font-size: 20px;
font-weight: 300;
line-height: 24px;
margin-bottom: 50px;
}
.marketing_list {
margin: 0;
list-style: none;
min-width: 600px;
text-align: left;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.marketing_list li + li {
margin-top: 30px;
}
.marketing_list li {
position: relative;
padding-left: 120px;
}
.marketing_list li:before {
content: '';
margin-right: 30px;
position: absolute;
left: 0;
top: 0;
width: 90px;
height: 90px;
border-radius: 50%;
}
.marketing_list li:after {
content: '';
position: absolute;
}
.marketing_list li span {
display: table-cell;
height: 90px;
vertical-align: middle;
}
.marketing_list .ico1:before {
background-color: #72b6e7;
}
.marketing_list .ico1:after {
background-image: url("../images/sprite.png");
background-position: -441px -1673px;
width: 50px;
height: 50px;
left: 20px;
top: 20px;
}
.marketing_list .ico2:before {
background-color: #de4051;
}
.marketing_list .ico2:after {
background-image: url("../images/sprite.png");
background-position: -1803px -1222px;
width: 38px;
height: 50px;
left: 26px;
top: 20px;
}
.marketing_list .ico3:before {
background-color: #00adbf;
}
.marketing_list .ico3:after {
background-image: url("../images/sprite.png");
background-position: -648px -1673px;
width: 49px;
height: 48px;
left: 20.5px;
top: 21px;
}
.marketing_list .ico4:before {
background-color: #1b95be;
}
.marketing_list .ico4:after {
background-image: url("../images/sprite.png");
background-position: -545px -1673px;
width: 50px;
height: 50px;
left: 20px;
top: 20px;
}
.marketing_form_wrap {
text-align: center;
width: 370px;
}
.marketing_form_tip {
color: #004c82;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
.marketing_form, .to_understand_form {
background-color: #00adbf;
border-radius: 2px;
margin-bottom: 25px;
color: #ffffff;
font-size: 15px;
line-height: normal;
padding: 22px 30px;
}
.marketing_form .inputbox, .to_understand_form .inputbox {
background: none;
border: 0 solid transparent;
border-bottom: 2px solid rgba(255, 255, 255, 0.75);
padding: 0;
line-height: 38px;
font-size: 15px;
font-weight: 400;
color: #ffffff;
box-shadow: none !important;
border-radius: 0;
}
.marketing_form .inputbox.placeholder, .to_understand_form .inputbox.placeholder {
opacity: 0.75;
color: #ffffff;
}
.marketing_form .inputbox:-moz-placeholder, .to_understand_form .inputbox:-moz-placeholder {
opacity: 0.75;
color: #ffffff;
}
.marketing_form .inputbox::-moz-placeholder, .to_understand_form .inputbox::-moz-placeholder {
opacity: 0.75;
color: #ffffff;
}
.marketing_form .inputbox:-ms-input-placeholder, .to_understand_form .inputbox:-ms-input-placeholder {
opacity: 0.75;
color: #ffffff;
}
.marketing_form .inputbox::-webkit-input-placeholder, .to_understand_form .inputbox::-webkit-input-placeholder {
opacity: 0.75;
color: #ffffff;
}
.marketing_form .inputbox:focus, .to_understand_form .inputbox:focus, .marketing_form .inputbox:not(:empty), .to_understand_form .inputbox:not(:empty) {
border-bottom-color: #fff;
}
.marketing_form .form_list li, .to_understand_form .form_list li {
margin-bottom: 20px;
}
.marketing_form .form_list .buttons, .to_understand_form .form_list .buttons {
margin-bottom: 0;
margin-top: 40px;
}
.marketing_form .button, .to_understand_form .button {
width: 100%;
background: #ffffff;
color: #004c82;
}
.marketing_form .form_title, .to_understand_form .form_title {
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-transform: uppercase;
margin-bottom: 9px;
}
.faq_list {
margin: 0 0 0;
list-style: none;
font-size: 1px;
line-height: 0;
color: #192837;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.faq_list li {
margin-bottom: 50px;
font-size: 16px;
font-weight: 300;
line-height: 28px;
}
.faq_list .question {
font-size: 22px;
font-weight: 400;
margin-bottom: 8px;
}
.req_call {
color: #ffffff;
}
.req_call > * {
vertical-align: middle;
}
.req_call_descr {
line-height: 40px;
font-size: 30px;
font-weight: 400;
}
.req_call_descr .tip {
display: block;
font-size: 20px;
font-weight: 400;
}
.req_call_form {
line-height: 0;
font-size: 1px;
}
.req_call_form input {
vertical-align: middle;
width: 270px;
}
.req_call_form .inputbox {
background-color: #fff;
}
.req_call_form .button {
margin-left: 30px;
background-color: #ffd200;
color: #000;
}
.seo_work_list {
margin: 0;
list-style: none;
}
.seo_work_list li {
width: 200px;
text-align: center;
}
.seo_work_ico {
height: 100px;
position: relative;
margin-bottom: 34px;
position: relative;
}
.seo_work_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.seo_work_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1656px;
width: 92px;
height: 92px;
margin-left: -46px;
margin-top: -46px;
}
.seo_work_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1948px -784px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.seo_work_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -282px -1952px;
width: 92px;
height: 88px;
margin-left: -46px;
margin-top: -44px;
}
.seo_work_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1020px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.seo_work_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1846px -510px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.seo_work_descr {
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.result_wrap > * {
vertical-align: bottom;
}
.result_img, .result_chart {
max-width: 49%;
}
.result_img img, .result_chart img {
max-width: 100%;
}
.result_buttons {
margin-top: 55px;
text-align: center;
}
.result_chart .descr {
font-size: 16px;
line-height: 24px;
font-weight: 300;
margin-top: 30px;
width: 350px;
margin-left: auto;
margin-right: auto;
}
.result_chart .descr b, .result_chart .descr strong {
font-weight: 400;
}
.result_img_descr {
margin-top: 30px;
font-size: 16px;
font-weight: 300;
line-height: 24px;
display: table;
margin-left: auto;
margin-right: auto;
}
.result_url {
display: table-cell;
vertical-align: middle;
}
.result_url span {
display: inline-block;
padding: 0 14px;
background: rgba(0, 0, 0, 0.1);
color: #000000;
font-size: 16px;
font-weight: 300;
line-height: 37px;
}
.result_title {
display: table-cell;
text-align: left;
vertical-align: middle;
padding-left: 20px;
width: 300px;
}
.why_tabs {
text-align: left;
}
.why_tabs .tabs {
font-size: 26px;
font-weight: 300;
line-height: 36px;
margin-bottom: 40px;
}
.why_tabs .tabs li {
text-align: left;
padding-right: 130px;
}
.why_tabs .box {
display: block;
}
.not_list, .yes_list {
margin: 0;
list-style: none;
font-size: 16px;
font-weight: 300;
line-height: 28px;
}
.not_list li + li, .yes_list li + li {
margin-top: 40px;
}
.not_list li, .yes_list li {
padding-left: 100px;
position: relative;
min-height: 112px;
}
.not_list li:before, .yes_list li:before {
content: '';
position: absolute;
left: 0;
top: 8px;
}
.not_list li:before {
background-image: url("../images/sprite.png");
background-position: -1491px -1391px;
width: 70px;
height: 70px;
}
.yes_list li:before {
background-image: url("../images/sprite.png");
background-position: -566px -1856px;
width: 70px;
height: 70px;
}
.why_buttons {
text-align: center;
margin-top: 40px;
}
.why_buttons .button {
background-color: #00adbf;
}
.steps_section {
overflow: hidden;
width: 100%;
}
.steps {
text-align: center;
}
.steps li {
clear: right;
position: relative;
height: 270px;
}
.steps .rtl {
clear: left;
float: right;
}
.steps .rtl .line {
left: auto;
right: 50%;
}
.steps .line {
position: absolute;
width: 100%;
border-top: 2px solid #1b95be;
left: 50%;
top: 40px;
}
.steps .arc-r {
height: 270px;
position: absolute;
left: 50%;
top: 40px;
width: 200px;
border: 2px solid #1b95be;
border-left: none;
box-sizing: border-box;
border-radius: 0 135px 135px 0;
}
.steps .arc-l {
height: 270px;
position: absolute;
right: 50%;
top: 40px;
width: 200px;
border: 2px solid #1b95be;
border-right: none;
box-sizing: border-box;
border-radius: 135px 0 0 135px;
}
.step_num {
display: block;
width: 66px;
height: 66px;
border: 2px solid #1b95be;
text-align: center;
line-height: 66px;
font-size: 40px;
font-weight: 700;
color: #1b95be;
margin: 0 auto 30px;
background-color: #f5f6f8;
position: relative;
z-index: 5;
}
.step_title {
line-height: 28px;
font-size: 20px;
font-weight: 500;
}
.step_descr {
line-height: 28px;
font-size: 16px;
font-weight: 300;
}
.audit .section_title, .audit .main_heading, .audit .item-title, .audit .itemTitle {
font-size: 32px;
font-weight: 300;
line-height: 40px;
color: #ffffff;
}
.audit .form_list li {
margin: 0;
}
.audit .inputbox {
background: #ffffff;
}
.audit .button {
width: 100%;
color: #000;
background-color: #ffd200;
}
.advantages_list {
margin: 0;
padding-top: 25px;
list-style: none;
text-align: center;
color: #192837;
line-height: 0;
font-size: 0;
}
.advantages_list li {
display: inline-block;
vertical-align: top;
margin-bottom: 65px;
line-height: 28px;
font-size: 16px;
font-weight: 300;
}
.advantages_list li.row1 {
width: 19.65812%;
margin-left: 4.2735%;
margin-right: 4.2735%;
}
.advantages_list li.row2 {
width: 23.07692%;
margin: 0 0 35px;
}
.advantages_list li.row2 + li {
margin-left: 2.5641%;
}
.advantages_ico {
height: 100px;
margin-bottom: 30px;
position: relative;
}
.advantages_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.advantages_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1530px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.advantages_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1948px -196px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.advantages_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -2048px -200px;
width: 84px;
height: 100px;
margin-left: -42px;
margin-top: -50px;
}
.advantages_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -2048px 0px;
width: 88px;
height: 96px;
margin-left: -44px;
margin-top: -48px;
}
.advantages_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1948px -490px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.advantages_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1631px -1756px;
width: 100px;
height: 84px;
margin-left: -50px;
margin-top: -42px;
}
.advantages_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -2048px -794px;
width: 84px;
height: 86px;
margin-left: -42px;
margin-top: -43px;
}
.advantages_title {
font-size: 20px;
font-weight: 500;
}
.trapeze_list {
width: 470px;
float: left;
margin: 0 60px 0;
list-style: none;
color: #ffffff;
text-align: center;
}
.trapeze_list li {
margin: 0 auto 4px;
height: 0;
border-top: 140px solid transparent;
border-left: 42px solid transparent;
border-right: 42px solid transparent;
}
.trapeze_list .color1 {
border-top-color: #2095f2;
width: 386px;
}
.trapeze_list .color2 {
border-top-color: #4bae51;
width: 302px;
}
.trapeze_list .color3 {
border-top-color: #ff9700;
width: 218px;
}
.trapeze_list .color4 {
border-top-color: #fd5621;
width: 130px;
}
.trapeze_title {
margin-top: -107px;
font-size: 22px;
font-weight: 500;
line-height: 24px;
margin-bottom: 10px;
}
.trapeze_val {
font-size: 40px;
font-weight: 700;
line-height: 40px;
}
.trapeze_inf {
margin: 0;
list-style: none;
overflow: hidden;
}
.trapeze_inf li {
margin-bottom: 4px;
}
.trapeze_inf .tbc {
display: table-cell;
vertical-align: middle;
height: 140px;
}
.trapeze_inf_title {
font-size: 22px;
line-height: 32px;
font-weight: 400;
}
.trapeze_inf_descr {
font-size: 16px;
line-height: 26px;
font-weight: 300;
}
.trapeze_buttons {
text-align: center;
margin-top: 70px;
}
.profitably {
margin: 0 0 0 -30px;
list-style: none;
line-height: 0;
font-size: 0;
}
.profitably li {
display: inline-block;
box-sizing: border-box;
vertical-align: top;
margin-bottom: 35px;
padding-left: 30px;
width: 49%;
}
.profitably_ico {
width: 100px;
height: 100px;
float: left;
position: relative;
}
.profitably_ico:before {
content: '';
position: absolute;
top: 0;
left: 50%;
}
.profitably_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -494px -1856px;
width: 70px;
height: 70px;
margin-left: -35px;
margin-top: 0;
}
.profitably_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -638px -1856px;
width: 70px;
height: 64px;
margin-left: -35px;
margin-top: 0;
}
.profitably_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -777px -1856px;
width: 70px;
height: 58px;
margin-left: -35px;
margin-top: 0;
}
.profitably_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1899px;
width: 70px;
height: 40px;
margin-left: -35px;
margin-top: 0;
}
.profitably_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1826px;
width: 70px;
height: 71px;
margin-left: -35px;
margin-top: 0;
}
.profitably_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -470px -1952px;
width: 62px;
height: 71px;
margin-left: -31px;
margin-top: 0;
}
.profitably_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -1611px -1533px;
width: 70px;
height: 52px;
margin-left: -35px;
margin-top: 0;
}
.profitably_title {
font-size: 22px;
line-height: 32px;
font-weight: 400;
margin-left: 130px;
}
.profitably_decr {
font-size: 16px;
line-height: 26px;
font-weight: 300;
margin-left: 130px;
}
.content_header {
padding: 28px 0 34px;
}
.content_header .heading {
margin: 0;
}
.search_eng, .target, .affiliate_networks, .retargeting {
padding: 35px 0;
}
.search_eng p:last-child, .target p:last-child, .affiliate_networks p:last-child, .retargeting p:last-child {
margin-bottom: 0;
}
.search_eng img, .target img, .affiliate_networks img, .retargeting img {
display: block;
max-width: 100%;
}
.search_eng > *, .target > *, .affiliate_networks > *, .retargeting > * {
vertical-align: middle;
}
.search_descr, .target_descr, .affiliate_descr, .retargeting_descr {
width: 34.18803%;
font-size: 24px;
font-weight: 300;
line-height: 40px;
text-align: left;
}
.search_descr .title, .target_descr .title, .affiliate_descr .title, .retargeting_descr .title {
font-size: 30px;
font-weight: 300;
line-height: 55px;
margin-bottom: 35px;
}
.search_img, .target_img, .affiliate_img, .retargeting_img {
width: 57.26496%;
}
.target_descr {
text-align: right;
}
.affiliate_img {
position: relative;
}
.affiliate_img .zoom {
position: absolute;
top: 28px;
left: -21px;
border: 6px solid #d9dce4;
border-radius: 50%;
width: 44.776%;
height: 82.87%;
}
.affiliate_img .zoom img {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: white;
box-shadow: 0px 5px 20px 0px rgba(217, 220, 228, 0.75), inset 0px 5px 20px 0px rgba(217, 220, 228, 0.25);
}
.retargeting_descr {
width: 35.89744%;
text-align: right;
}
.vtabs_wrap {
margin-bottom: 40px;
}
.vtabs_wrap .boxes {
overflow: hidden;
background-color: #ebedf1;
padding: 40px 59px;
box-sizing: border-box;
}
.vtabs_wrap .box {
display: none;
}
.vtabs_wrap .box.visible {
display: block;
}
.vtabs_wrap .box img {
display: block;
max-width: 100%;
}
.vtabs {
float: left;
width: 420px;
margin: 0 0 0 -20px;
list-style: none;
}
.vtabs .dd {
padding: 0 20px 15px 20px;
font-size: 14px;
font-weight: 300;
line-height: 26px;
}
.vtabs .dt {
padding: 15px;
line-height: 20px;
font-size: 17px;
font-weight: 300;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.vtabs .dt:hover {
background-color: #c8ccd7;
}
.vtabs .dt:hover .count {
background-color: #bbbfcd;
}
.vtabs .active {
background-color: #1b95be;
background: -webkit-linear-gradient(top, #1b95be 0%, #00adbf 100%);
background: linear-gradient(to bottom, #1b95be 0%, #00adbf 100%);
color: #ffffff;
}
.vtabs .active .dt {
padding-bottom: 6px;
}
.vtabs .active .dt:hover {
background: none;
}
.vtabs .active .dt:hover .count {
background-color: #fff;
color: #1b95be;
}
.vtabs .active .count {
background-color: #fff;
color: #1b95be;
}
.vtabs .active .dd {
color: #ffffff;
}
.vtabs .count {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
text-align: center;
background-color: #1b95be;
color: #ffffff;
font: 13px/22px "Circe";
font-weight: 400;
margin-right: 10px;
border-radius: 50%;
position: relative;
top: -1px;
}
.campaign_tips {
margin: 0;
list-style: none;
font-size: 14px;
font-weight: 300;
line-height: 24px;
}
.campaign_tips li {
margin-bottom: 20px;
padding-left: 40px;
position: relative;
}
.campaign_tips .tip {
font-size: 30px;
color: #1b95be;
position: absolute;
left: 0;
top: 0;
line-height: 24px;
vertical-align: middle;
}
.campaign_tips b, .campaign_tips strong {
font-weight: 400;
}
.why_cheap {
font-size: 16px;
line-height: 28px;
font-weight: 300;
}
.why_cheap .bold {
font-weight: 400;
}
.why_us {
margin: 0 auto;
list-style: none;
width: 994px;
}
.why_us li {
margin-bottom: 50px;
}
.why_us li + li .why_us_table_img .zoom {
border-color: #00adbf;
}
.why_us_title {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
.why_us_table_img {
position: relative;
}
.why_us_table_img img {
max-width: 100%;
}
.why_us_table_img .zoom {
position: absolute;
width: 103px;
height: 103px;
border: 5px solid #1b95be;
border-radius: 50%;
box-sizing: border-box;
right: -9px;
top: 70px;
}
.why_us_descr {
text-align: center;
font-size: 20px;
line-height: 32px;
font-weight: 300;
}
.why_us_descr b {
font-weight: 400;
}
.section_sub_title {
text-align: center;
margin-bottom: 16px;
font-size: 20px;
font-weight: 300;
line-height: 30px;
margin-top: -23px;
}
.prices {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.prices th {
font-size: 16px;
font-weight: 400;
line-height: 55px;
text-transform: uppercase;
}
.prices th span {
color: #797979;
}
.prices td {
height: 90px;
vertical-align: middle;
color: #ffffff;
font-size: 40px;
font-weight: 300;
text-transform: uppercase;
background-color: rgba(233, 29, 98, 0.9);
}
.prices td:first-child {
border-radius: 5px 0 0 0;
}
.prices td:last-child {
border-radius: 0 5px 0 0;
}
.prices .plan {
font-size: 24px;
font-weight: 400;
}
.prices tr + tr td {
background-color: rgba(155, 39, 174, 0.9);
}
.prices tr + tr td:first-child, .prices tr + tr td:last-child {
border-radius: 0;
}
.prices tr + tr + tr td {
background-color: rgba(102, 58, 182, 0.9);
}
.prices tr + tr + tr td:first-child {
border-radius: 0 0 0 5px;
}
.prices tr + tr + tr td:last-child {
border-radius: 0 0 5px 0;
}
.prices_buttons {
margin-bottom: 25px;
text-align: center;
}
.prices_buttons .button {
width: 270px;
}
.cntxt {
padding: 35px 0;
font-size: 16px;
font-weight: 300;
line-height: 26px;
}
.cntxt .intro {
font-size: 20px;
line-height: 32px;
}
.cntxt_form {
width: 370px;
float: right;
margin-left: 30px;
box-sizing: border-box;
padding: 20px;
background-color: #00adbf;
border-radius: 2px;
color: #ffffff;
text-align: center;
}
.cntxt_form .inputbox {
background: none;
border: 0 solid transparent;
border-bottom: 2px solid rgba(255, 255, 255, 0.75);
padding: 0;
line-height: 38px;
font-size: 15px;
font-weight: 400;
color: #ffffff;
box-shadow: none !important;
border-radius: 0;
}
.cntxt_form .inputbox.placeholder {
opacity: 0.75;
color: #ffffff;
}
.cntxt_form .inputbox:-moz-placeholder {
opacity: 0.75;
color: #ffffff;
}
.cntxt_form .inputbox::-moz-placeholder {
opacity: 0.75;
color: #ffffff;
}
.cntxt_form .inputbox:-ms-input-placeholder {
opacity: 0.75;
color: #ffffff;
}
.cntxt_form .inputbox::-webkit-input-placeholder {
opacity: 0.75;
color: #ffffff;
}
.cntxt_form .inputbox:focus, .cntxt_form .inputbox:not(:empty) {
border-bottom-color: #fff;
}
.cntxt_form .form_list li {
margin-bottom: 20px;
}
.cntxt_form .form_list .buttons {
margin-bottom: 0;
margin-top: 40px;
}
.cntxt_form .button {
width: 100%;
background: #ffffff;
color: #004c82;
}
.cntxt_title {
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-transform: uppercase;
margin-bottom: 9px;
}
.cntxt_title span {
font-size: 15px;
font-weight: 400;
line-height: 24px;
display: block;
margin-bottom: 12px;
}
.dev_slider {
padding: 0;
position: relative;
}
.dev_slider .slider > li, .dev_slider .slider .slick-slide {
height: 602px;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.dev_slider .slider > li > a, .dev_slider .slider .slick-slide > a {
display: block;
height: 602px;
text-decoration: none;
}
.dev_slider .slide_title {
color: #ffffff;
font-size: 70px;
font-weight: 300;
line-height: 80px;
padding-top: 135px;
width: 57%;
margin: 0;
}
.dev_slider .slider_breadcrumbs {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 450;
color: #ffffff;
}
.dev_slider .slider_breadcrumbs .breadcrumbs {
color: #ffffff;
line-height: 75px;
margin: 0;
}
.dev_slider .slider_breadcrumbs .breadcrumbs a {
color: #ffffff;
}
.dev_slider .dots-wrap2 {
display: none;
}
.dev_slider .slider_cover {
position: absolute;
left: 0;
top: 75px;
width: 100%;
z-index: 450;
color: #ffffff;
height: 0;
overflow: visible;
}
.dev_slider .slider_cover .form_list li {
margin-bottom: 20px;
}
.dev_slider .slider_cover .form_list .buttons {
margin-bottom: 0;
margin-top: 40px;
}
.dev_slider .slider_cover .button {
width: 100%;
background: #ffffff;
color: #004c82;
font-size: 20px;
font-weight: 400;
line-height: 26px;
padding: 12px 25px;
height: auto;
}
.dev_slider .slider_form_title {
margin: 0 -10px;
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-transform: uppercase;
}
.dev_slider .slick-dots {
margin: 55px 0 0;
list-style: none;
line-height: 0;
font-size: 1px;
}
.dev_slider .slick-dots li {
display: inline-block;
vertical-align: top;
}
.dev_slider .slick-dots li + li {
margin-left: 20px;
}
.dev_slider .slick-dots button {
width: 12px;
height: 12px;
font-size: 20px;
text-indent: -999em;
border: 2px solid #fff;
background: none;
border-radius: 50%;
box-sizing: border-box;
}
.dev_slider .slick-dots .slick-active button {
background: #fff;
}
.slider_form, .dev_form {
float: right;
padding: 30px;
text-align: center;
background-color: #00adbf;
border-radius: 2px;
}
.slider_form .inputbox, .dev_form .inputbox {
background: none;
border: 0 solid transparent;
border-bottom: 2px solid rgba(255, 255, 255, 0.75);
padding: 0;
line-height: 38px;
font-size: 15px;
font-weight: 400;
color: #ffffff;
box-shadow: none !important;
border-radius: 0;
}
.slider_form .inputbox.placeholder, .dev_form .inputbox.placeholder {
opacity: 0.75;
color: #ffffff;
}
.slider_form .inputbox:-moz-placeholder, .dev_form .inputbox:-moz-placeholder {
opacity: 0.75;
color: #ffffff;
}
.slider_form .inputbox::-moz-placeholder, .dev_form .inputbox::-moz-placeholder {
opacity: 0.75;
color: #ffffff;
}
.slider_form .inputbox:-ms-input-placeholder, .dev_form .inputbox:-ms-input-placeholder {
opacity: 0.75;
color: #ffffff;
}
.slider_form .inputbox::-webkit-input-placeholder, .dev_form .inputbox::-webkit-input-placeholder {
opacity: 0.75;
color: #ffffff;
}
.slider_form .inputbox:focus, .dev_form .inputbox:focus, .slider_form .inputbox:not(:empty), .dev_form .inputbox:not(:empty) {
border-bottom-color: #fff;
}
.columns {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
font-size: 16px;
font-weight: 300;
line-height: 26px;
}
.phases {
margin: 0 -10px;
list-style: none;
counter-reset: list;
}
.phases li {
width: 14.2%;
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-align: center;
position: relative;
box-sizing: border-box;
padding: 90px 2px 0;
}
.phases li:before {
counter-increment: list;
content: counter(list);
position: absolute;
top: 0;
left: 50%;
width: 70px;
height: 70px;
margin-left: -35px;
border-radius: 50%;
background-color: #1b95be;
text-align: center;
color: #ffffff;
font-size: 40px;
font-weight: 700;
line-height: 70px;
z-index: 2;
}
.phases li:after {
content: '';
left: 50%;
width: 100%;
height: 2px;
background-color: #1b95be;
top: 34px;
position: absolute;
}
.phases li.last:after {
display: none;
}
.site_chooser_descr {
padding-left: 130px;
position: relative;
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin-bottom: 40px;
}
.site_chooser_descr:before {
content: '';
position: absolute;
}
.site_chooser_descr .title {
font-size: 24px;
font-weight: 300;
line-height: 18px;
margin-bottom: 7px;
}
.site_chooser_descr.shop:before {
background-image: url("../images/sprite.png");
background-position: -1223px -1756px;
width: 100px;
height: 86px;
left: 0;
top: -4px;
}
.site_chooser_descr.landing:before {
background-image: url("../images/sprite.png");
background-position: -1846px -408px;
width: 100px;
height: 100px;
left: 0;
top: -11px;
}
.site_chooser_descr.visit:before {
background-image: url("../images/sprite.png");
background-position: -1835px -1756px;
width: 100px;
height: 84px;
left: 0;
top: -5px;
}
.site_chooser_descr.catalog:before {
background-image: url("../images/sprite.png");
background-position: -1019px -1756px;
width: 100px;
height: 86px;
left: 0;
top: -5px;
}
.site_chooser_descr.corporate:before {
background-image: url("../images/sprite.png");
background-position: -1529px -1756px;
width: 100px;
height: 85px;
left: 0;
top: -5px;
}
.site_chooser_calc {
float: left;
width: 43%;
}
.site_chooser_calc .title {
font-size: 20px;
font-weight: 300;
line-height: 24px;
margin-bottom: 25px;
}
.site_chooser_proto {
float: right;
width: 470px;
padding-left: 80px;
position: relative;
}
.checker {
display: inline-block;
height: 19px;
width: 33px;
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 10px;
cursor: pointer;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
margin-right: 15px;
}
.checker .mark {
width: 19px;
height: 19px;
border: 1px solid #e5e5e5;
left: -1px;
top: -1px;
position: absolute;
border-radius: 10px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 1, 0.05);
background: #ffffff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.checker.checker-checked {
background-color: #4cd764;
background-image: -webkit-linear-gradient(bottom, #4cd764 0%, #4dd965 100%);
background-image: linear-gradient(to top, #4cd764 0%, #4dd965 100%);
border-color: #4cd764;
}
.checker.checker-checked .mark {
left: 13px;
border-color: #4cd764;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.05), 0 2px 1.2px 0.8px rgba(0, 0, 1, 0.06);
}
.chooser {
margin: 0;
list-style: none;
font-size: 16px;
font-weight: 300;
line-height: 21px;
}
.chooser li {
margin-bottom: 19px;
}
.chooser .label_tip {
display: inline-block;
margin-left: 10px;
background-image: url("../images/sprite.png");
background-position: -2120px -1719px;
width: 12px;
height: 12px;
}
.chooser .label_tip:hover {
background-image: url("../images/sprite.png");
background-position: -2119px -1744px;
width: 12px;
height: 12px;
}
.proto_icons {
position: absolute;
left: 0;
top: 0;
width: 70px;
margin: 0;
list-style: none;
}
.proto_icons li {
display: none;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.proto_icons .ico_mobile {
background-image: url("../images/sprite.png");
background-position: -1067px -1038px;
width: 40px;
height: 42px;
}
.proto_icons .ico_1c {
background-image: url("../images/sprite.png");
background-position: -1392px -1611px;
width: 40px;
height: 40px;
}
.proto_icons .ico_vehicle {
background-image: url("../images/sprite.png");
background-position: -484px -736px;
width: 40px;
height: 25px;
}
.proto_icons .ico_rub {
background-image: url("../images/sprite.png");
background-position: -1350px -1611px;
width: 40px;
height: 40px;
}
.proto_icons .ico_multi {
background-image: url("../images/sprite.png");
background-position: -1308px -1611px;
width: 40px;
height: 40px;
}
.proto_icons .ico_ad {
background-image: url("../images/sprite.png");
background-position: -1803px -1322px;
width: 40px;
height: 38px;
}
.proto_icons .ico_mail {
background-image: url("../images/sprite.png");
background-position: -666px -484px;
width: 40px;
height: 31px;
}
.proto_icons .ico_chat {
background-image: url("../images/sprite.png");
background-position: -1266px -1611px;
width: 40px;
height: 40px;
}
.proto_icons .ico_bitrix {
background-image: url("../images/sprite.png");
background-position: -1434px -1611px;
width: 40px;
height: 33px;
}
.prototype {
display: none;
background-color: white;
border: 2px solid #ebedf1;
padding: 8px 12px;
margin-bottom: 20px;
}
.prototype.visible {
display: block;
}
.prototype.proto_search .header_top .search {
opacity: 1;
}
.prototype.user_kabinet .header_mid .kabinet {
opacity: 1;
}
.prototype.text_content .text_content {
opacity: 1;
}
.prototype .header_top {
margin-bottom: 10px;
}
.prototype .header_top .rect, .prototype .header_top .search {
float: left;
width: 54px;
height: 16px;
border: 2px solid #d9dce4;
margin-right: 10px;
}
.prototype .header_top .search {
width: 166px;
height: 16px;
position: relative;
margin-right: 0;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.prototype .header_top .search:before {
content: '';
position: absolute;
right: 4px;
top: 4px;
background-image: url("../images/sprite.png");
background-position: -2126px -692px;
width: 8px;
height: 8px;
}
.prototype .header_mid {
height: 40px;
}
.prototype .header_mid .logo {
background-image: url("../images/sprite.png");
background-position: -1846px -1733px;
width: 84px;
height: 12px;
position: relative;
float: left;
margin-top: 9px;
}
.prototype .header_mid .logo:before {
content: '';
display: block;
position: absolute;
top: 16px;
width: 100%;
border-bottom: 5px solid #d9dce4;
}
.prototype .header_mid .header_txt {
float: left;
margin-left: 15px;
width: 140px;
height: 10px;
background: #d9dce4;
margin-top: 10px;
position: relative;
}
.prototype .header_mid .header_txt:before {
content: '';
position: absolute;
width: 100px;
height: 5px;
background: #d9dce4;
top: 15px;
left: 0;
}
.prototype .header_mid .cart, .prototype .header_mid .kabinet {
float: right;
margin-left: 10px;
width: 80px;
height: 40px;
background: #d9dce4;
position: relative;
}
.prototype .header_mid .cart:before {
content: '';
position: absolute;
background-image: url("../images/sprite.png");
background-position: -2120px -1705px;
width: 13px;
height: 12px;
left: 10px;
top: 14px;
}
.prototype .header_mid .kabinet {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.prototype .header_mid .kabinet:before {
content: '';
position: absolute;
background-image: url("../images/sprite.png");
background-position: -2114px -1584px;
width: 16px;
height: 14px;
left: 9px;
top: 13px;
}
.prototype .text_content {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.prototype .nav {
border: 2px solid #d9dce4;
margin-top: 10px;
margin-bottom: 10px;
z-index: 5;
}
.prototype .nav .item {
float: left;
width: 14.2857%;
height: 16px;
position: relative;
box-sizing: border-box;
}
.prototype .nav .item + .item {
border-left: 2px solid #d9dce4;
}
.prototype .nav .items {
position: absolute;
left: -2px;
top: 100%;
}
.prototype .nav .items .item {
width: 66px;
height: 16px;
background-color: #fff;
border: 2px solid #d9dce4;
float: none;
}
.prototype .nav .items .item + .item {
border-top: none;
}
.prototype .nav .items .items {
left: 100%;
top: -2px;
}
.prototype .nav .items .parent {
background-color: #f6f7f9;
}
.prototype .nav .items .parent .item {
background-color: #f6f7f9;
}
.prototype .row {
margin-left: -10px;
margin-bottom: 10px;
}
.prototype .col1, .prototype .col2, .prototype .col3, .prototype .col4, .prototype .col5 {
float: left;
margin-left: 10px;
}
.prototype .col1 {
width: 80px;
}
.prototype .col2 {
width: 170px;
}
.prototype .col3 {
width: 260px;
}
.prototype .col4 {
width: 350px;
}
.prototype .col5 {
width: 440px;
}
.prototype .block {
height: 70px;
background: #d9dce4;
}
.prototype .title {
height: 10px;
background: #d9dce4;
}
.prototype .col3 .title {
width: 140px;
}
.prototype .col2 .title {
width: 70px;
}
.prototype .text {
margin-top: 5px;
}
.prototype .text_row {
height: 5px;
background: #d9dce4;
margin-bottom: 5px;
}
.prototype .text_end {
width: 140px;
height: 5px;
background: #d9dce4;
}
.prototype.colored {
border-color: #1b95be;
}
.prototype.colored .header_top .rect, .prototype.colored .header_top .search {
border-color: #1b95be;
}
.prototype.colored .header_mid .logo:before {
border-color: #575757;
opacity: 0.5;
}
.prototype.colored .header_mid .header_txt {
background-color: #575757;
}
.prototype.colored .header_mid .header_txt:before {
background: #575757;
}
.prototype.colored .header_mid .cart:before {
background-image: url("../images/sprite.png");
background-position: -2120px -1691px;
width: 13px;
height: 12px;
}
.prototype.colored .header_mid .kabinet:before {
background-image: url("../images/sprite.png");
background-position: -2114px -1600px;
width: 16px;
height: 14px;
}
.prototype.colored .c1 {
background-color: #1b95be;
}
.prototype.colored .c2 {
background-color: #00adbf;
}
.prototype.colored .nav {
border-color: #1b95be;
}
.prototype.colored .nav .item {
border-color: #1b95be;
}
.prototype.colored .title {
background-color: #575757;
}
.prototype.colored .text_row, .prototype.colored .text_end, .prototype.colored .tx_block .text_row, .prototype.colored .dots .dot {
background: rgba(87, 87, 87, 0.5);
}
.prototype.colored .happy_block:before {
background-image: url("../images/sprite.png");
background-position: -1207px -1533px;
width: 223px;
height: 76px;
margin-left: -111.5px;
margin-top: -38px;
}
.prototype.utp .happy_block:before {
opacity: 1;
}
.prototype .tx_block {
background-color: #d9dce4;
padding: 8px 8px 1px 8px;
margin-bottom: 8px;
}
.prototype .tx_block .text_row {
height: 8px;
background-color: #b9becc;
margin-bottom: 7px;
}
.prototype .tx_block .text_cols .text_row {
width: 48%;
}
.prototype .happy_block {
height: 131px;
background-color: #d9dce4;
position: relative;
}
.prototype .happy_block:before {
background-image: url("../images/sprite.png");
background-position: -982px -1533px;
width: 223px;
height: 76px;
margin-left: -111.5px;
margin-top: -38px;
}
.prototype .happy_block:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.prototype .block_c1 {
height: 38px;
background-color: #1b95be;
}
.prototype .dots {
text-align: center;
line-height: 0;
font-size: 1px;
margin-bottom: 8px;
}
.prototype .dots .dot {
display: inline-block;
width: 8px;
height: 8px;
background-color: #b9becc;
margin: 0 4px;
}
.prototype .table {
padding: 8px 6px 0;
background: #d9dce4;
}
.prototype .table .col1-4 {
width: 101px;
height: 36px;
background-color: #fff;
float: left;
}
.prototype .table .col1-4 + .col1-4 {
margin-left: 8px;
}
.site_price {
text-align: center;
font-size: 24px;
line-height: 30px;
font-weight: 300;
margin-bottom: 20px;
}
.site_price span {
font-size: 30px;
}
.site_buttons {
text-align: center;
}
.site_buttons .button {
background-color: #00adbf;
}
.site_examples {
text-align: center;
font-size: 16px;
font-weight: 300;
line-height: 26px;
margin-top: 20px;
color: #004c82;
}
.reasons {
margin: 0;
list-style: none;
}
.reasons li {
width: 195px;
}
.reason_descr {
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-align: center;
}
.reason_ico {
height: 120px;
margin-bottom: 35px;
position: relative;
}
.reason_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.reason_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1704px -734px;
width: 120px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
}
.reason_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1704px -1100px;
width: 120px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
}
.reason_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1704px -978px;
width: 120px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
}
.reason_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1704px -856px;
width: 120px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
}
.reason_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1704px -612px;
width: 120px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
}
.to_understand > * {
vertical-align: middle;
}
.to_understand_descr {
font-size: 20px;
font-weight: 300;
line-height: 32px;
text-align: left;
width: 59.8%;
box-sizing: border-box;
}
.to_understand_descr p:last-child {
margin-bottom: 0;
}
.to_understand_form {
padding: 35px 30px 40px;
box-sizing: border-box;
width: 31.62%;
text-align: center;
margin: 0;
}
.dev_site_inn {
background: url(../images/landing-bg.jpg) 50% 0 no-repeat;
background-size: cover;
color: #ffffff;
height: 600px;
}
.dev_site {
box-sizing: border-box;
padding: 0;
position: relative;
}
.dev_site .breadcrumbs {
opacity: 0.5;
line-height: 70px;
font-size: 14px;
font-weight: 400;
color: #ffffff;
margin-bottom: 5px;
}
.dev_site .breadcrumbs a {
color: #ffffff;
}
.dev_heading {
padding-top: 133px;
font-weight: 300;
max-width: 770px;
}
.dev_heading .title {
font-size: 70px;
line-height: 1;
margin-bottom: 10px;
}
.dev_heading p {
font-size: 45px;
line-height: 60px;
margin: 0;
}
.dev_cover {
position: absolute;
left: 0;
top: 75px;
width: 100%;
z-index: 5;
color: #ffffff;
height: 0;
overflow: visible;
}
.dev_form {
color: #ffffff;
}
.dev_form .buttons {
margin-bottom: 0;
margin-top: 40px;
}
.dev_form .button {
background: #ffffff;
color: #004c82;
font-size: 18px;
font-weight: 400;
line-height: 26px;
padding: 12px 40px;
height: auto;
width: 100%;
}
.dev_form_title {
margin: 0 -10px;
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-transform: uppercase;
}
.increase_sales {
position: relative;
text-align: center;
margin-top: 35px;
line-height: 0;
font-size: 1px;
}
.increase_sales img {
margin: 0 auto;
}
@media (max-width: 1170px) {
.increase_sales {
-webkit-transform: scale(0.8);
transform: scale(0.8);
margin: 0 -60px;
}
}
.increase_sales_list {
font-size: 16px;
font-weight: 300;
line-height: 26px;
text-align: left;
margin: 0;
}
.increase_sales_list .title {
font-size: 20px;
font-weight: 400;
line-height: 28px;
margin-bottom: 10px;
}
.increase_sales_list li {
position: absolute;
margin-top: -6px;
}
.increase_sales_list .item1 {
left: 0;
top: 46px;
width: 225px;
}
.increase_sales_list .item2 {
left: 0;
top: 267px;
width: 250px;
}
.increase_sales_list .item3 {
left: 0;
top: 450px;
width: 260px;
}
.increase_sales_list .item4 {
left: 0;
top: 652px;
width: 260px;
}
.increase_sales_list .item5 {
left: 0;
top: 800px;
width: 280px;
}
.increase_sales_list .item6 {
right: 0;
text-align: right;
top: 44px;
width: 230px;
}
.increase_sales_list .item7 {
right: 0;
text-align: right;
top: 230px;
width: 250px;
}
.increase_sales_list .item8 {
right: 0;
text-align: right;
top: 390px;
width: 236px;
}
.increase_sales_list .item9 {
right: 0;
text-align: right;
top: 574px;
width: 265px;
}
.increase_sales_list .item10 {
right: 0;
text-align: right;
top: 754px;
width: 270px;
}
.increase_sales_tip {
line-height: 27px;
font-size: 18px;
font-weight: 300;
margin-top: 55px;
}
.increase_sales_tip .big {
font-size: 20px;
font-weight: 400;
}
.order_descr {
font-size: 18px;
font-weight: 300;
text-align: center;
}
.order_buttons {
text-align: center;
margin-top: 25px;
margin-bottom: 5px;
}
.order_buttons .button {
width: 370px;
}
.why_landing {
margin: 0 -15px;
list-style: none;
font-size: 0;
line-height: 0;
text-align: center;
}
.why_landing li {
display: inline-block;
padding: 0 14px;
width: 22%;
font-size: 16px;
font-weight: 300;
line-height: 26px;
vertical-align: top;
margin-bottom: 50px;
}
.why_landing .row1 {
padding-left: 34px;
padding-right: 34px;
width: 19.65%;
}
.why_landing p {
margin: 0;
}
.why_landing_ico {
height: 100px;
position: relative;
margin-bottom: 30px;
}
.why_landing_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.why_landing_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -2048px -398px;
width: 88px;
height: 92px;
margin-left: -44px;
margin-top: -46px;
}
.why_landing_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -2048px -794px;
width: 84px;
height: 86px;
margin-left: -42px;
margin-top: -43px;
}
.why_landing_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -713px -1756px;
width: 100px;
height: 88px;
margin-left: -50px;
margin-top: -44px;
}
.why_landing_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1948px -392px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.why_landing_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1224px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.why_landing_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1846px -816px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.why_landing_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1122px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.why_landing_title {
font-size: 19px;
font-weight: 400;
line-height: 24px;
margin-bottom: 5px;
}
.steps2 {
margin: 0 0 0 -30px;
list-style: none;
}
.steps2 li {
height: 258px;
float: left;
clear: right;
text-align: center;
position: relative;
}
.steps2 li.pl {
margin-left: 16.66%;
}
.steps2 li.pr {
margin-right: 16.66%;
}
.steps2 .rtl {
clear: left;
float: right;
}
.steps2 .rtl .line {
left: auto;
right: 50%;
}
.steps2 .step_num {
border-radius: 50%;
background: #1b95be;
color: #ffffff;
}
.steps2 .line {
position: absolute;
width: 100%;
left: 50%;
top: 34px;
border-top: 2px solid #1b95be;
}
.steps2 .arc-r, .steps2 .arc-r2 {
width: 222px;
height: 256px;
position: absolute;
left: 50%;
top: 34px;
border: 2px solid #1b95be;
border-left: none;
border-radius: 0 128px 128px 0;
}
.steps2 .arc-r2 {
left: 0;
width: 420px;
}
.steps2 .arc-l, .steps2 .arc-l2 {
width: 420px;
height: 256px;
position: absolute;
right: 0;
top: 34px;
border: 2px solid #1b95be;
border-right: none;
border-radius: 128px 0 0 128px;
}
.steps2 .arc-l2 {
right: 50%;
}
.steps2.steps_padd .arc-r {
width: 420px;
}
.steps2 .button {
width: 270px;
height: auto;
line-height: 26px;
padding: 17px;
background-color: #ffd200;
color: #000;
font-size: 20px;
font-weight: 500;
margin-top: 59px;
}
.steps_buttons {
text-align: center;
margin-bottom: 25px;
}
.steps_buttons .button {
background-color: #00adbf;
}
.work_list {
margin: 0 -10px;
}
.we_best {
margin: 0 0 35px -30px;
list-style: none;
text-align: center;
font-size: 16px;
font-weight: 300;
line-height: 26px;
}
.we_best_ico {
width: 126px;
height: 126px;
border: 3px solid #1b95be;
margin: 0 auto 20px;
border-radius: 50%;
color: #1b95be;
}
.we_best_ico .num {
font: 300 70px/1 Circe;
margin-top: 18px;
}
.we_best_ico .label {
font-size: 26px;
line-height: 26px;
font-weight: 400;
margin-top: -13px;
}
.we_best_ico .label.small {
font-size: 18px;
}
.consultation_form {
padding-bottom: 25px;
font-size: 18px;
font-weight: 300;
line-height: 28px;
text-align: center;
}
.consultation_form .section_title, .consultation_form .main_heading, .consultation_form .item-title, .consultation_form .itemTitle {
font-size: 32px;
font-weight: 400;
line-height: 40px;
margin-bottom: 10px;
}
.consultation_form .form_list {
margin-top: 30px;
}
.consultation_form .form_list li {
margin: 0;
}
.consultation_form .inputbox {
background: #ffffff;
}
.consultation_form .button {
background-color: #ffd200;
color: black;
font-size: 18px;
font-weight: 400;
}
.dev_shop .dev_site_inn {
background-image: url(../images/shop-bg.jpg);
}
.dev_visit .dev_site_inn {
background-image: url(../images/visit-bg.jpg);
}
.dev_corp .dev_site_inn {
background-image: url(../images/corp-bg.jpg);
}
.dev_cat .dev_site_inn {
background-image: url(../images/cat-bg.jpg);
}
.why_shop {
margin: 0 0 0 -30px;
list-style: none;
font-size: 0;
line-height: 0;
text-align: center;
}
.why_shop li {
display: inline-block;
width: 25%;
padding-left: 30px;
vertical-align: top;
margin-bottom: 40px;
box-sizing: border-box;
}
.why_shop p {
font-size: 16px;
line-height: 26px;
font-weight: 300;
text-align: center;
margin: 0;
}
.why_shop p b {
font-weight: 400;
}
.why_shop_ico {
height: 100px;
margin-bottom: 30px;
position: relative;
}
.why_shop_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.why_shop_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -102px -1856px;
width: 92px;
height: 92px;
margin-left: -46px;
margin-top: -46px;
}
.why_shop_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1704px -1592px;
width: 117px;
height: 70px;
margin-left: -58.5px;
margin-top: -35px;
}
.why_shop_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1121px -1756px;
width: 100px;
height: 86px;
margin-left: -50px;
margin-top: -43px;
}
.why_shop_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -2048px -968px;
width: 76px;
height: 92px;
margin-left: -38px;
margin-top: -46px;
}
.why_shop_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1570px -1419px;
width: 117px;
height: 90px;
margin-left: -58.5px;
margin-top: -45px;
}
.why_shop_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -2048px -794px;
width: 84px;
height: 86px;
margin-left: -42px;
margin-top: -43px;
}
.why_shop_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -2048px -492px;
width: 80px;
height: 100px;
margin-left: -40px;
margin-top: -50px;
}
.online_store {
margin: 0;
list-style: none;
}
.online_store li {
margin-bottom: 3px;
height: 111px;
position: relative;
}
.online_store .item1 .online_store_title {
width: 440px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item1 .online_store_title .inn {
margin-top: -107px;
width: 434px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item1 .online_store_title .inn3 {
width: 434px;
}
.online_store .item2 .online_store_title {
width: 410px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item2 .online_store_title .inn {
margin-top: -107px;
width: 404px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item2 .online_store_title .inn3 {
width: 404px;
}
.online_store .item3 .online_store_title {
width: 380px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item3 .online_store_title .inn {
margin-top: -107px;
width: 374px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item3 .online_store_title .inn3 {
width: 374px;
}
.online_store .item4 .online_store_title {
width: 350px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item4 .online_store_title .inn {
margin-top: -107px;
width: 344px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item4 .online_store_title .inn3 {
width: 344px;
}
.online_store .item5 .online_store_title {
width: 320px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item5 .online_store_title .inn {
margin-top: -107px;
width: 314px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item5 .online_store_title .inn3 {
width: 314px;
}
.online_store .item6 .online_store_title {
width: 290px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item6 .online_store_title .inn {
margin-top: -107px;
width: 284px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item6 .online_store_title .inn3 {
width: 284px;
}
.online_store .item7 .online_store_title {
width: 260px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item7 .online_store_title .inn {
margin-top: -107px;
width: 254px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item7 .online_store_title .inn3 {
width: 254px;
}
.online_store .item8 .online_store_title {
width: 230px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item8 .online_store_title .inn {
margin-top: -107px;
width: 224px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item8 .online_store_title .inn3 {
width: 224px;
}
.online_store .item9 .online_store_title {
width: 200px;
height: 0;
border-top: 110px solid #1b95be;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.online_store .item9 .online_store_title .inn {
margin-top: -107px;
width: 194px;
height: 0;
border-top: 104px solid #dce9f0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin-left: -12px;
}
.online_store .item9 .online_store_title .inn3 {
width: 194px;
}
.online_store .item2 .online_store_descr, .online_store .item4 .online_store_descr, .online_store .item6 .online_store_descr, .online_store .item8 .online_store_descr {
right: auto;
left: 50%;
text-align: right;
padding-left: 240px;
padding-right: 0;
}
.online_store .item2 .online_store_title {
text-transform: none;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.online_store .item2 .online_store_title .inn {
border-top-color: #f5f6f8;
}
.online_store_descr {
position: absolute;
right: 50%;
bottom: 54px;
width: 50%;
border-bottom: 3px solid #1b95be;
font-size: 16px;
font-weight: 300;
line-height: 24px;
padding-bottom: 21px;
padding-right: 240px;
box-sizing: border-box;
}
.online_store_title {
text-align: center;
color: #147ea1;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-transform: uppercase;
margin: 0 auto;
position: relative;
z-index: 5;
}
.online_store_title .inn {
display: block;
}
.online_store_title .inn2 {
margin-top: -107px;
}
.online_store_title .inn3 {
height: 107px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.contractor {
margin: 0 0 0 -30px;
list-style: none;
}
.contractor li {
width: 49%;
padding-left: 30px;
display: inline-block;
vertical-align: top;
margin-bottom: 40px;
font-size: 16px;
font-weight: 300;
line-height: 28px;
text-align: left;
box-sizing: border-box;
}
.contractor p {
margin-left: 120px;
margin-bottom: 0;
}
.contractor_title {
text-align: left;
font-size: 22px;
font-weight: 400;
line-height: 24px;
margin-bottom: 5px;
margin-left: 120px;
}
.contractor_ico {
width: 100px;
float: left;
height: 100px;
position: relative;
}
.contractor_ico:before {
content: '';
position: absolute;
top: 0;
left: 50%;
}
.contractor_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -2048px -794px;
width: 84px;
height: 86px;
margin-left: -42px;
margin-top: 0;
}
.contractor_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1846px -816px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: 0;
}
.contractor_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1660px;
width: 70px;
height: 82px;
margin-left: -35px;
margin-top: 0;
}
.contractor_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1529px -1756px;
width: 100px;
height: 85px;
margin-left: -50px;
margin-top: 0;
}
.contractor_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1566px;
width: 64px;
height: 92px;
margin-left: -32px;
margin-top: 0;
}
.contractor_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1062px;
width: 80px;
height: 84px;
margin-left: -40px;
margin-top: 0;
}
.ask_form {
text-align: center;
}
.ask_form .section_title, .ask_form .main_heading, .ask_form .item-title, .ask_form .itemTitle {
margin-bottom: 0;
}
.ask_form p {
font-size: 24px;
font-weight: 300;
line-height: 50px;
margin: 0;
}
.ask_form .form_list {
margin-top: 35px;
}
.ask_form .button {
width: 100%;
background-color: #ffd200;
color: #000000;
text-transform: none;
}
.ask_form .inputbox {
background: #ffffff;
}
.ask_form textarea {
height: 49px;
resize: none;
}
.sales {
position: relative;
z-index: 5;
}
.cases_list li {
margin-bottom: 30px;
}
.cases_list .mix {
display: none;
}
.cases_list .work_link {
width: 370px;
height: 330px;
}
.case_filter {
margin: 0 0 20px -15px;
list-style: none;
line-height: 0;
font-size: 1px;
}
.case_filter li {
display: inline-block;
vertical-align: top;
margin-left: 15px;
color: #192837;
font-size: 17px;
font-weight: 300;
line-height: 36px;
padding: 0 20px;
border: 2px solid #00adbf;
border-radius: 2px;
cursor: pointer;
margin-bottom: 20px;
}
.case_filter .active {
background-color: #00adbf;
color: #ffffff;
}
.services {
margin: 0 0 0 -30px;
list-style: none;
}
.services li {
width: 49%;
box-sizing: border-box;
padding-left: 30px;
margin-bottom: 70px;
}
.services_descr {
font-size: 15px;
font-weight: 300;
line-height: 24px;
margin-left: 130px;
text-align: left;
}
.services_link {
display: inline-block;
padding-left: 130px;
color: #000000;
font-size: 22px;
font-weight: 400;
line-height: 28px;
position: relative;
}
.services_link:before {
content: '';
position: absolute;
top: 0;
left: 0;
}
.services_link.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1468px;
width: 92px;
height: 92px;
}
.services_link.ico2:before {
background-image: url("../images/sprite.png");
background-position: -376px -1952px;
width: 92px;
height: 86px;
}
.services_link.ico3:before {
background-image: url("../images/sprite.png");
background-position: -202px -1756px;
width: 98px;
height: 98px;
}
.services_link.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1529px -1756px;
width: 100px;
height: 85px;
}
.services_link.ico5:before {
background-image: url("../images/sprite.png");
background-position: -94px -1952px;
width: 92px;
height: 88px;
}
.services_link.ico6:before {
background-image: url("../images/sprite.png");
background-position: 0px -1952px;
width: 92px;
height: 88px;
}
.seo_result .slick-arrow {
position: absolute;
border: none;
background: none;
text-indent: -999em;
z-index: 5;
top: 0;
width: 330px;
height: 100%;
overflow: hidden;
}
.seo_result .slick-arrow:before {
content: '';
position: absolute;
top: 50%;
width: 140px;
height: 140px;
border-radius: 50%;
box-shadow: none;
margin-top: -70px;
z-index: 2;
}
.seo_result .slick-arrow:after {
display: none;
content: '';
position: absolute;
background-color: #0096c0;
width: 26px;
height: 40px;
top: 50%;
margin-top: -20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
.seo_result .slick-prev {
left: 0;
}
.seo_result .slick-prev:before {
left: -120px;
-webkit-transition: left 0.3s;
transition: left 0.3s;
background-image: url("../images/sprite.png");
background-position: 0px -1391px;
width: 140px;
height: 140px;
}
.seo_result .slick-prev:after {
left: -30px;
}
.seo_result .slick-prev:hover:before {
left: -78px;
}
.seo_result .slick-prev:hover:after {
left: 10px;
}
.seo_result .slick-next {
right: 0;
}
.seo_result .slick-next:before {
background-image: url("../images/sprite.png");
background-position: -284px -1391px;
width: 140px;
height: 140px;
right: -120px;
-webkit-transition: right 0.3s;
transition: right 0.3s;
}
.seo_result .slick-next:after {
right: -30px;
}
.seo_result .slick-next:hover:before {
right: -78px;
}
.seo_result .slick-next:hover:after {
right: 10px;
}
.seo_result.grey .slick-arrow:after {
display: block;
}
.seo_result.grey .slick-prev:before {
background-image: url("../images/sprite.png");
background-position: -1418px -1241px;
width: 140px;
height: 140px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.seo_result.grey .slick-next:before {
background-image: url("../images/sprite.png");
background-position: -142px -1391px;
width: 140px;
height: 140px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.result_slider .slick-dots {
display: none;
}
.contacts_section {
position: relative;
padding: 0;
height: 400px;
}
.contacts {
position: relative;
z-index: 5;
height: 0;
}
.contacts .width {
height: 0;
overflow: visible;
}
.contacts_map {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
}
.contacts_list {
height: 400px;
width: 400px;
background: #f5f6f8;
box-sizing: border-box;
padding: 40px 0;
font-size: 18px;
line-height: 32px;
font-weight: 300;
margin: 0;
list-style: none;
}
.contacts_list p {
margin: 0;
}
.contacts_list li {
padding-left: 46px;
position: relative;
}
.contacts_list li:before {
content: '';
position: absolute;
left: 0;
top: 0;
}
.contacts_list li + li {
margin-top: 30px;
}
.contacts_list .label {
font-weight: 400;
}
.contacts_list a {
color: #004c82;
}
.contacts_tel:before {
background-image: url("../images/sprite.png");
background-position: -1810px -1504px;
width: 32px;
height: 32px;
}
.contacts_mail:before {
background-image: url("../images/sprite.png");
background-position: -1810px -1538px;
width: 32px;
height: 27px;
}
.contacts_addr:before {
background-image: url("../images/sprite.png");
background-position: -1814px -432px;
width: 28px;
height: 32px;
}
.contacts_title {
font-size: 30px;
font-weight: 300;
margin-bottom: 8px;
}
.contacts_descr {
font-size: 15px;
font-weight: 300;
line-height: 24px;
}
.contacts_form_title {
font-size: 30px;
font-weight: 300;
line-height: 40px;
margin-bottom: 23px;
}
.contacts_form_title .small {
font-size: 20px;
}
.contacts_form .inputbox {
background-color: #fff;
height: 59px;
line-height: 49px;
}
.contacts_form .form_list li {
margin-bottom: 30px;
}
.contacts_form textarea.inputbox {
height: 148px;
}
.contacts_form .button {
width: 100%;
}
.contacts_form .buttons {
margin-top: -89px;
}
.contacts_form .files {
height: 59px;
}
.contact-form {
width: 450px;
max-width: 100%;
}
.contact-form input[type="text"], .contact-form textarea {
width: 100%;
}
.vacancies {
font-size: 15px;
font-weight: 300;
line-height: 20px;
}
.vacancy_title {
font-size: 30px;
font-weight: 300;
line-height: 1.5;
margin-bottom: 20px;
}
.vacancy_list {
margin: 0 0 45px;
list-style: none;
}
.vacancy_list dt {
color: #004c82;
font-size: 22px;
line-height: 1;
font-weight: 300;
}
.vacancy_list dt span {
cursor: pointer;
display: inline-block;
border-bottom: 1px dashed #7fa5c0;
}
.vacancy_list dt span:hover {
border-color: transparent;
}
.vacancy_list dd {
padding-top: 19px;
display: none;
}
.vacancy_list .active + dd {
display: block;
}
.vacancy_list dd + dt {
margin-top: 35px;
}
.vacancy_prop_title {
font-size: 18px;
line-height: 30px;
font-weight: 300;
margin: 0;
}
.vacancy_prop_list {
margin-left: 22px;
margin-bottom: 40px;
}
.vacancy_prop_list li {
margin-bottom: 10px;
padding-left: 17px;
position: relative;
}
.vacancy_prop_list li:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: #1b95be;
border-radius: 50%;
left: 0;
top: 7px;
}
.vacancy_form {
background-color: #00adbf;
border-radius: 2px;
margin-bottom: 25px;
color: #ffffff;
font-size: 15px;
line-height: normal;
padding: 22px 30px;
}
.vacancy_form .inputbox {
background: none;
border: 0 solid transparent;
border-bottom: 2px solid rgba(255, 255, 255, 0.75);
padding: 0;
line-height: 38px;
font-size: 15px;
font-weight: 400;
color: #ffffff;
box-shadow: none !important;
border-radius: 0;
}
.vacancy_form .inputbox.placeholder {
opacity: 0.75;
color: #ffffff;
}
.vacancy_form .inputbox:-moz-placeholder {
opacity: 0.75;
color: #ffffff;
}
.vacancy_form .inputbox::-moz-placeholder {
opacity: 0.75;
color: #ffffff;
}
.vacancy_form .inputbox:-ms-input-placeholder {
opacity: 0.75;
color: #ffffff;
}
.vacancy_form .inputbox::-webkit-input-placeholder {
opacity: 0.75;
color: #ffffff;
}
.vacancy_form .inputbox:focus, .vacancy_form .inputbox:not(:empty) {
border-bottom-color: #fff;
}
.vacancy_form .form_list li {
margin-bottom: 20px;
}
.vacancy_form .form_list .buttons {
margin-bottom: 0;
margin-top: 23px;
}
.vacancy_form .button {
width: 100%;
background: #ffd200;
color: #000;
}
.vacancy_form .form_title {
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-transform: uppercase;
margin-bottom: 9px;
}
.vacancy_form .filetext {
max-width: 120px;
}
.vacancy_form select.inputbox {
width: 332px;
margin-left: -11px;
}
.vacancy_form .selectBox-dropdown {
background: #ffffff;
margin-left: -11px;
border: none;
border-radius: 3px;
height: 40px;
}
.vacancy_form .selectBox-dropdown .selectBox-label {
height: 40px;
line-height: 40px;
color: #000000;
font-size: 15px;
font-weight: 400;
box-sizing: border-box;
padding-left: 11px;
}
.vacancy_form .selectBox-dropdown .selectBox-arrow {
width: 29px;
height: 40px;
}
.vacancy_form .selectBox-dropdown .selectBox-arrow i {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 4px 4px 0 4px;
border-color: #000 transparent transparent transparent;
}
.select_vacancy-selectBox-dropdown-menu {
background: #ffffff;
border: none;
margin-top: 1px;
border-radius: 3px;
}
.select_vacancy-selectBox-dropdown-menu li a {
padding: 0 11px;
}
.why_visit {
margin: 0 0 0 -30px;
list-style: none;
line-height: 0;
font-size: 1px;
text-align: center;
}
.why_visit li {
display: inline-block;
float: none;
vertical-align: top;
width: 33%;
padding-left: 30px;
box-sizing: border-box;
}
.why_visit p {
margin: 0;
font-size: 16px;
line-height: 26px;
font-weight: 300;
}
.why_visit .row2 {
margin-top: 70px;
}
.why_visit_ico {
height: 100px;
margin-bottom: 30px;
position: relative;
}
.why_visit_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.why_visit_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1660px;
width: 70px;
height: 82px;
margin-left: -35px;
margin-top: -41px;
}
.why_visit_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1846px -204px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.why_visit_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1326px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.why_visit_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1750px;
width: 92px;
height: 92px;
margin-left: -46px;
margin-top: -46px;
}
.why_visit_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -509px -1756px;
width: 100px;
height: 92px;
margin-left: -50px;
margin-top: -46px;
}
.why_visit_title {
font-size: 20px;
line-height: 1;
font-weight: 400;
margin-bottom: 15px;
}
.fails {
margin: 0;
list-style: none;
text-align: center;
}
.fails p {
font-size: 16px;
line-height: 26px;
margin: 0;
font-weight: 300;
}
.fail_ico {
height: 100px;
width: 100px;
background: #de4051;
border: 4px solid #fff;
margin: 0 auto 25px;
position: relative;
border-radius: 50%;
box-sizing: border-box;
}
.fail_ico:before {
background-image: url("../images/sprite.png");
background-position: -1067px -992px;
width: 44px;
height: 44px;
margin-left: -22px;
margin-top: -22px;
}
.fail_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.fail_ico.ico1 {
width: auto;
background: none;
border: none;
}
.fail_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -392px -1856px;
width: 100px;
height: 78px;
margin-left: -50px;
margin-top: -39px;
}
.fail_ico.ico2 {
width: auto;
background: none;
border: none;
}
.fail_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1948px -98px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.fail_ico.ico3 {
width: auto;
background: none;
border: none;
}
.fail_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -404px -1756px;
width: 103px;
height: 92px;
margin-left: -51.5px;
margin-top: -46px;
}
.fail_ico.ico4 {
width: auto;
background: none;
border: none;
}
.fail_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1472px;
width: 65px;
height: 92px;
margin-left: -32.5px;
margin-top: -46px;
}
.fail_title {
font-size: 20px;
line-height: 1;
font-weight: 400;
margin-bottom: 10px;
}
.fails_heading {
text-align: center;
font-weight: 300;
font-size: 45px;
line-height: 55px;
margin: 40px 0 35px;
}
.try_visit {
margin: 15px 0;
list-style: none;
}
.try_visit li {
text-align: left;
font-size: 40px;
font-weight: 300;
line-height: 60px;
vertical-align: bottom;
}
.try_visit .button {
font-size: 24px;
line-height: 60px;
height: 60px;
color: #000;
font-weight: 400;
}
.try_visit .ok .button {
width: 170px;
background: #ffffff;
}
.try_visit .no .button {
width: 370px;
background: #ffd200;
}
.our_offer {
margin: 0 0 29px;
list-style: none;
text-align: center;
font-size: 16px;
line-height: 26px;
}
.our_offer p {
margin: 0;
}
.our_offer_ico {
height: 100px;
margin-bottom: 25px;
position: relative;
}
.our_offer_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.our_offer_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -2048px -794px;
width: 84px;
height: 86px;
margin-left: -42px;
margin-top: -43px;
}
.our_offer_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1846px -102px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.our_offer_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1529px -1756px;
width: 100px;
height: 85px;
margin-left: -50px;
margin-top: -42.5px;
}
.our_offer_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1846px -918px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.our_offer_title {
font-size: 20px;
line-height: 1.1;
font-weight: 400;
margin-bottom: 8px;
letter-spacing: -0.015em;
}
.consultation_form2 {
font-size: 24px;
line-height: 36px;
font-weight: 300;
text-align: center;
margin-bottom: 15px;
}
.consultation_form2 .form_list li {
margin: 0;
}
.consultation_form2 .section_title, .consultation_form2 .main_heading, .consultation_form2 .item-title, .consultation_form2 .itemTitle {
margin: 0 0 15px;
}
.consultation_form2 .button {
width: 100%;
padding: 0 20px;
}
.consultation_form2 .inputbox {
width: 100%;
height: 60px;
line-height: 50px;
background: #ffffff;
}
.why_corp {
margin: 0 0 0 -30px;
list-style: none;
line-height: 0;
font-size: 1px;
text-align: center;
}
.why_corp li {
display: inline-block;
float: none;
vertical-align: top;
width: 24.8%;
padding-left: 30px;
box-sizing: border-box;
}
.why_corp p {
margin: 0;
font-size: 20px;
line-height: 26px;
font-weight: 400;
}
.why_corp .row2 {
margin-top: 70px;
}
.why_corp_ico {
position: relative;
height: 100px;
margin-bottom: 30px;
}
.why_corp_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.why_corp_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1660px;
width: 70px;
height: 82px;
margin-left: -35px;
margin-top: -41px;
}
.why_corp_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -102px -1756px;
width: 98px;
height: 98px;
margin-left: -49px;
margin-top: -49px;
}
.why_corp_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1314px -1244px;
width: 100px;
height: 101px;
margin-left: -50px;
margin-top: -50.5px;
}
.why_corp_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1948px -588px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.why_corp_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1948px -980px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.why_corp_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -509px -1756px;
width: 100px;
height: 92px;
margin-left: -50px;
margin-top: -46px;
}
.why_corp_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1148px;
width: 88px;
height: 76px;
margin-left: -44px;
margin-top: -38px;
}
.why_corp2 {
margin: 0 -8px;
list-style: none;
}
.why_corp2 li {
width: 198px;
}
.why_corp2 p {
font-size: 16px;
line-height: 24px;
font-weight: 300;
text-align: center;
}
.why_corp2_ico {
position: relative;
height: 96px;
margin: 0 auto 32px;
box-sizing: border-box;
}
.why_corp2_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.why_corp2_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1078px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.why_corp2_ico.ico2, .why_corp2_ico.ico4 {
width: 96px;
border: 4px solid #fff;
border-radius: 50%;
text-align: center;
font: 50px/93px "Circe";
}
.why_corp2_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -595px -484px;
width: 69px;
height: 31px;
margin-left: -34.5px;
margin-top: -15.5px;
}
.why_corp2_ico.ico3:after {
content: '';
position: absolute;
width: 96px;
height: 96px;
border: 4px solid #fff;
border-radius: 50%;
top: 0;
left: 50%;
margin-left: -48px;
}
.why_corp2_ico.ico3:before {
margin-left: -28px;
}
.why_corp2_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1733px -1756px;
width: 100px;
height: 84px;
margin-left: -50px;
margin-top: -42px;
}
.why_cat {
text-align: center;
}
.why_cat p {
margin: 0;
font-size: 16px;
line-height: 26px;
font-weight: 300;
}
.why_cat_title {
font-weight: 500;
font-size: 20px;
line-height: 26px;
margin-bottom: 14px;
}
.why_cat_ico {
height: 96px;
margin-bottom: 30px;
position: relative;
}
.why_cat_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.why_cat_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1660px;
width: 70px;
height: 82px;
margin-left: -35px;
margin-top: -41px;
}
.why_cat_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1750px;
width: 92px;
height: 92px;
margin-left: -46px;
margin-top: -46px;
}
.why_cat_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1562px;
width: 92px;
height: 92px;
margin-left: -46px;
margin-top: -46px;
}
.why_cat_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1948px -294px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.callus {
text-align: center;
font-size: 24px;
line-height: 35px;
margin: 0;
font-weight: 300;
}
.callus b {
font-weight: 400;
}
.sendrequest {
font-size: 24px;
line-height: 34px;
font-weight: 300;
text-align: center;
}
.sendrequest .button {
width: 370px;
}
.section_trust {
padding-top: 0;
}
.trust {
margin: 0;
text-align: center;
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
.trust b {
font-weight: 400;
}
.trust_num {
color: #1b95be;
font: bold 80px/1 "Circe";
margin-bottom: 23px;
}
.trust2 {
margin: 0 0 50px -30px;
}
.trust2 li {
vertical-align: middle;
text-align: left;
width: 49%;
padding-left: 30px;
box-sizing: border-box;
position: relative;
margin-top: 78px;
}
.trust2 p {
margin: 0;
font-size: 18px;
line-height: 28px;
font-weight: 300;
padding-left: 128px;
}
.trust2_ico {
position: absolute;
left: 30px;
top: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
}
.trust2_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.trust2_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -524px -484px;
width: 69px;
height: 31px;
margin-left: -34.5px;
margin-top: -15.5px;
}
.trust2_ico.ico1:before {
margin-left: -33px;
}
.trust2_ico.ico1:after {
content: '';
position: absolute;
width: 96px;
height: 96px;
border: 4px solid #1b95be;
box-sizing: border-box;
border-radius: 50%;
left: 50%;
top: 50%;
margin: -48px 0 0 -48px;
}
.trust2_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -2048px -794px;
width: 84px;
height: 86px;
margin-left: -42px;
margin-top: -43px;
}
.trust2_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1529px -1756px;
width: 100px;
height: 85px;
margin-left: -50px;
margin-top: -42.5px;
}
.trust2_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -2048px -200px;
width: 84px;
height: 100px;
margin-left: -42px;
margin-top: -50px;
}
.individual_title {
font-size: 26px;
line-height: 36px;
font-weight: 300;
margin-bottom: 50px;
}
.section_heading {
font-size: 45px;
font-weight: 300;
line-height: 60px;
margin-bottom: 25px;
}
.section_heading b, .section_heading strong {
font-weight: 500;
}
.call_back .inputbox, .call_back .button {
width: 100%;
height: 59px;
}
.call_back .inputbox {
background: #ffffff;
line-height: 50px;
font-size: 18px;
}
.call_back_title {
font-size: 24px;
font-weight: 300;
line-height: 30px;
}
.call_back_title span {
font-size: 20px;
display: block;
}
.call_back_title b {
font-weight: 400;
}
.why_1c_list {
margin: 0;
list-style: none;
font-size: 20px;
line-height: 1.5;
list-style: none;
counter-reset: list;
}
.why_1c_list li {
padding-left: 55px;
margin-bottom: 1.5em;
position: relative;
min-height: 3em;
}
.why_1c_list li:before {
counter-increment: list;
content: counter(list);
width: 35px;
height: 35px;
text-align: center;
color: #ffffff;
font: bold 20px/37px "Circe";
position: absolute;
top: -2px;
left: 0;
background: #1b95be;
border-radius: 50%;
}
.why_1c_buttons {
margin-top: 50px;
margin-bottom: 15px;
}
.why_1c_buttons .button {
width: 370px;
}
.why_1c {
margin: 0 0 0 -30px;
list-style: none;
text-align: center;
font-size: 1px;
line-height: 0;
}
.why_1c li {
display: inline-block;
width: 24.8%;
padding-left: 30px;
box-sizing: border-box;
vertical-align: top;
margin-bottom: 40px;
}
.why_1c p {
font-size: 20px;
line-height: 26px;
margin: 0;
font-weight: 400;
}
.why_1c_ico {
margin-bottom: 28px;
height: 100px;
position: relative;
}
.why_1c_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.why_1c_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1846px 0px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.why_1c_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -2048px -882px;
width: 84px;
height: 84px;
margin-left: -42px;
margin-top: -42px;
}
.why_1c_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -2048px -98px;
width: 84px;
height: 100px;
margin-left: -42px;
margin-top: -50px;
}
.why_1c_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -196px -1856px;
width: 92px;
height: 92px;
margin-left: -46px;
margin-top: -46px;
}
.why_1c_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1632px;
width: 100px;
height: 99px;
margin-left: -50px;
margin-top: -49.5px;
}
.why_1c_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1846px -306px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.why_1c_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -2048px -398px;
width: 88px;
height: 92px;
margin-left: -44px;
margin-top: -46px;
}
.why_1c_ico.ico8:before {
background-image: url("../images/sprite.png");
background-position: -1948px -882px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.why_1c_ico.ico9:before {
background-image: url("../images/sprite.png");
background-position: -2048px -1744px;
width: 69px;
height: 80px;
margin-left: -34.5px;
margin-top: -40px;
}
.why_1c_ico.ico10:before {
background-image: url("../images/sprite.png");
background-position: -1846px -918px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.why_1c_ico.ico11:before {
background-image: url("../images/sprite.png");
background-position: -1529px -1756px;
width: 100px;
height: 85px;
margin-left: -50px;
margin-top: -42.5px;
}
.why_1c_ico.ico12:before {
background-image: url("../images/sprite.png");
background-position: -524px -484px;
width: 69px;
height: 31px;
margin-left: -34.5px;
margin-top: -15.5px;
}
.why_1c_ico.ico12:after {
content: '';
position: absolute;
width: 96px;
height: 96px;
box-sizing: border-box;
border-radius: 50%;
border: 4px solid #1b95be;
left: 50%;
top: 50%;
margin: -48px 0 0 -48px;
}
.why_1c_ico.ico13:before {
background-image: url("../images/sprite.png");
background-position: -2048px -200px;
width: 84px;
height: 100px;
margin-left: -42px;
margin-top: -50px;
}
.why_1c_ico.ico14:before {
background-image: url("../images/sprite.png");
background-position: -815px -1756px;
width: 100px;
height: 88px;
margin-left: -50px;
margin-top: -44px;
}
.price_1c {
font-size: 18px;
line-height: 28px;
}
.section_serm .columns {
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
.why_serm {
margin: 0 0 0 -30px;
}
.why_serm li {
margin-bottom: 76px;
display: inline-block;
width: 49%;
text-align: center;
}
.why_serm p {
margin: 0;
font-size: 20px;
line-height: 1.5;
}
.why_serm_num {
color: #1b95be;
font: bold 80px/1 "Circe";
margin-bottom: 21px;
}
.negative_rev .section_title, .negative_rev .main_heading, .negative_rev .item-title, .negative_rev .itemTitle {
font-size: 45px;
font-weight: 300;
line-height: 55px;
margin: 0;
letter-spacing: -0.01em;
}
.serm_list {
margin: 0 0 0 -30px;
list-style: none;
text-align: center;
font-size: 1px;
line-height: 0;
}
.serm_list li {
width: 33%;
display: inline-block;
padding-left: 30px;
box-sizing: border-box;
margin-bottom: 55px;
vertical-align: top;
}
.serm_list p {
font-size: 20px;
line-height: 26px;
font-weight: 400;
margin: 0;
}
.serm_list_ico {
height: 100px;
margin-bottom: 30px;
position: relative;
}
.serm_list_ico:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
}
.serm_list_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: 0px -1856px;
width: 100px;
height: 94px;
margin-left: -50px;
margin-top: -47px;
}
.serm_list_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -188px -1952px;
width: 92px;
height: 88px;
margin-left: -46px;
margin-top: -44px;
}
.serm_list_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1948px -686px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.serm_list_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1948px -980px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.serm_list_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1428px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.serm_list_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -2048px -594px;
width: 80px;
height: 96px;
margin-left: -40px;
margin-top: -48px;
}
.serm_list_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -836px -766px;
width: 101px;
height: 100px;
margin-left: -50.5px;
margin-top: -50px;
}
.serm_list_ico.ico8:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1326px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.serm_list_ico.ico9:before {
background-image: url("../images/sprite.png");
background-position: -1846px -1122px;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.serm_list_ico.ico10:before {
background-image: url("../images/sprite.png");
background-position: -815px -1756px;
width: 100px;
height: 88px;
margin-left: -50px;
margin-top: -44px;
}
.section_call {
font-size: 24px;
text-align: center;
}
.section_call .section_title, .section_call .main_heading, .section_call .item-title, .section_call .itemTitle {
margin-bottom: 10px;
}
.section_call .buttons {
margin-top: 28px;
}
.section_call .button {
width: 370px;
}
.serm_manage {
margin: 0;
list-style: none;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
font-size: 20px;
line-height: 1.5;
font-weight: 300;
list-style: none;
counter-reset: point;
}
.serm_manage li:before {
content: counter(point);
counter-increment: point 1;
}
.serm_manage li {
margin-bottom: 2em;
position: relative;
padding-left: 55px;
}
.serm_manage li:before {
position: absolute;
left: 0;
top: 9px;
width: 35px;
height: 35px;
background: #1b95be;
color: #ffffff;
text-align: center;
font: bold 20px/37px "Circe";
border-radius: 50%;
}
.serm_manage p {
margin: 0;
min-height: 4.5em;
}
.serm_manage_title {
font-weight: 400;
}
.section_flamp {
text-align: center;
}
.section_flamp p {
margin: 0;
}
.serm_list2 {
margin: 0 0 0 -30px;
}
.serm_list2 li {
width: 16%;
padding-left: 30px;
box-sizing: border-box;
}
.serm_list2_title {
font-size: 20px;
line-height: 1.5;
font-weight: 400;
text-align: center;
padding: 0 10px;
}
.serm_list2_ico {
height: 96px;
margin-bottom: 30px;
position: relative;
}
.serm_list2_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.serm_list2_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1372px;
width: 96px;
height: 94px;
margin-left: -48px;
margin-top: -47px;
}
.serm_list2_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -290px -1856px;
width: 100px;
height: 82px;
margin-left: -50px;
margin-top: -41px;
}
.serm_list2_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -611px -1756px;
width: 100px;
height: 88px;
margin-left: -50px;
margin-top: -44px;
}
.serm_list2_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1325px -1756px;
width: 100px;
height: 85px;
margin-left: -50px;
margin-top: -42.5px;
}
.serm_list2_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1274px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.serm_dangers {
margin: 0 0 0 -30px;
list-style: none;
line-height: 0;
font-size: 1px;
}
.serm_dangers li {
display: inline-block;
vertical-align: top;
width: 33%;
padding-left: 30px;
box-sizing: border-box;
}
.serm_dangers p {
font-size: 16px;
line-height: 1.5;
margin: 0;
font-weight: 300;
text-align: center;
}
.serm_danger_title {
font-size: 20px;
line-height: 1.5;
margin-bottom: 0.5em;
font-weight: 400;
text-align: center;
}
.serm_danger_ico {
height: 95px;
margin-bottom: 30px;
position: relative;
}
.serm_danger_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.serm_danger_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -302px -1756px;
width: 100px;
height: 95px;
margin-left: -50px;
margin-top: -47.5px;
}
.serm_danger_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1427px -1756px;
width: 100px;
height: 85px;
margin-left: -50px;
margin-top: -42.5px;
}
.serm_danger_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -2048px -794px;
width: 84px;
height: 86px;
margin-left: -42px;
margin-top: -43px;
}
.section_rep {
text-align: center;
}
.section_rep .section_title, .section_rep .main_heading, .section_rep .item-title, .section_rep .itemTitle {
margin-bottom: 20px;
}
.section_rep .button {
width: 370px;
}
.serm_request {
font-size: 18px;
line-height: 28px;
}
.serm_request .dev_form_title {
margin-bottom: 13px;
}
.serm_request .dev_form p {
margin: 0;
}
.portfolio_slider {
height: 830px;
width: 820px;
margin: 0 auto;
position: relative;
}
.portfolio_slider img {
width: 100%;
}
.portfolio_intro {
padding: 0 0 12px;
}
.portfolio_intro_img {
text-align: center;
}
.portfolio_intro_img img {
max-width: 100%;
}
.portfolio_intro_title {
font-size: 34px;
line-height: 55px;
font-weight: 300;
margin-bottom: 15px;
}
.portfolio_intro_title .quotes:first-child {
margin-left: -0.4em;
}
.quotes:before {
content: '«';
}
.quotes:after {
content: '»';
}
.quotes:before, .quotes:after {
font-family: "Myriad Pro";
}
.portfolio_intro_link {
font-size: 20px;
margin-bottom: 13px;
}
.portfolio_intro_task {
padding: 20px 30px;
margin: 0 -30px 30px;
background: #e8f4f8;
}
.portfolio_intro_task .title {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
color: #128cb5;
margin-bottom: 5px;
}
.portfolio_intro_task p:last-child {
margin-bottom: 0;
}
.work_process {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
color: #128cb5;
margin-bottom: 20px;
}
.work_item {
margin-bottom: 20px;
font-size: 22px;
font-weight: 300;
}
.work_item .num {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font: bold 20px/36px "Circe";
color: #ffffff;
background: #1b95be;
vertical-align: middle;
border-radius: 50%;
margin-right: 15px;
}
.blue2 .work_item .num {
color: #1b95be;
background-color: #fff;
}
.portfolio_project {
line-height: 0;
text-align: center;
padding: 50px 0 0;
}
.portfolio_project img {
max-width: 100%;
}
.portfolio_design {
position: relative;
text-align: center;
}
.portfolio_design .scroll1, .portfolio_design .scroll2 {
position: absolute;
width: 5px;
border-radius: 2px;
height: 361px;
background: #e5e5e5;
left: 0;
top: 201px;
}
.portfolio_design .scroll1:before, .portfolio_design .scroll2:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 98px;
border-radius: 2px;
background: #1b95be;
}
.portfolio_design .scroll2 {
left: auto;
right: 0;
height: 521px;
top: 41px;
}
.portfolio_design .scroll2:before {
bottom: auto;
top: 0;
height: 250px;
}
.portfolio_design img {
max-width: 100%;
}
.figure {
background: #ffffff;
text-align: center;
padding: 30px;
}
.figure img {
max-width: 100%;
margin: 0 auto;
}
.figcaption {
text-align: center;
font-size: 15px;
line-height: 20px;
font-weight: 300;
margin: 11px 0;
}
.section_portfolio_slider {
overflow: hidden;
position: relative;
}
.section_portfolio_slider .round_prev, .section_portfolio_slider .round_next {
cursor: pointer;
position: absolute;
border: none;
background: none;
text-indent: -999em;
z-index: 5;
top: 0;
width: 330px;
height: 100%;
overflow: hidden;
}
.section_portfolio_slider .round_prev:before, .section_portfolio_slider .round_next:before {
content: '';
position: absolute;
top: 50%;
width: 140px;
height: 140px;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
margin-top: -70px;
z-index: 2;
}
.section_portfolio_slider .round_prev:after, .section_portfolio_slider .round_next:after {
content: '';
position: absolute;
background-color: #0096c0;
width: 26px;
height: 40px;
top: 50%;
margin-top: -20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
.section_portfolio_slider .round_prev {
left: 0;
}
.section_portfolio_slider .round_prev:before {
left: -120px;
-webkit-transition: left 0.3s;
transition: left 0.3s;
background-image: url("../images/sprite.png");
background-position: -1418px -1241px;
width: 140px;
height: 140px;
}
.section_portfolio_slider .round_prev:after {
left: -30px;
}
.section_portfolio_slider .round_prev:hover:before {
left: -78px;
}
.section_portfolio_slider .round_prev:hover:after {
left: 10px;
}
.section_portfolio_slider .round_next {
right: 0;
}
.section_portfolio_slider .round_next:before {
background-image: url("../images/sprite.png");
background-position: -142px -1391px;
width: 140px;
height: 140px;
right: -120px;
-webkit-transition: right 0.3s;
transition: right 0.3s;
}
.section_portfolio_slider .round_next:after {
right: -30px;
}
.section_portfolio_slider .round_next:hover:before {
right: -78px;
}
.section_portfolio_slider .round_next:hover:after {
right: 10px;
}
.bull {
margin-left: 20px;
list-style: none;
}
.bull li {
padding-left: 20px;
position: relative;
margin-bottom: 12px;
}
.bull li:before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
background: #1b95be;
border-radius: 50%;
}
.result_list {
margin: 0 0 0 -30px;
list-style: none;
}
.result_list li {
display: inline-block;
vertical-align: top;
width: 33%;
padding-left: 30px;
box-sizing: border-box;
text-align: center;
}
.result_list p {
margin: 0;
font-size: 20px;
line-height: 1.5;
font-weight: 400;
}
.result_list_ico {
height: 98px;
margin-bottom: 30px;
position: relative;
}
.result_list_ico:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.result_list_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: 0px -1756px;
width: 100px;
height: 98px;
margin-left: -50px;
margin-top: -49px;
}
.result_list_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -917px -1756px;
width: 100px;
height: 87px;
margin-left: -50px;
margin-top: -43.5px;
}
.result_list_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1948px -1176px;
width: 96px;
height: 96px;
margin-left: -48px;
margin-top: -48px;
}
.portfolio_seo_name {
font-size: 45px;
line-height: 1;
margin-bottom: 20px;
font-weight: 300;
}
.portfolio_seo_pos {
font-size: 22px;
margin-bottom: 18px;
}
.portfolio_seo_img {
border: 5px solid #192837;
line-height: 0;
margin-top: 12px;
}
.portfolio_seo_img img {
max-width: 100%;
}
.peoples .section_title, .peoples .main_heading, .peoples .item-title, .peoples .itemTitle {
text-align: left;
margin-bottom: 28px;
}
.peoples .inputbox {
background: #ffffff;
height: 60px;
padding: 10px 18px;
line-height: 40px;
}
.peoples .button {
width: 100%;
}
.peoples_list {
margin: 0 0 38px;
}
.peoples_list dd, .peoples_list dt {
width: 49%;
margin-bottom: 12px;
text-align: left;
font-size: 18px;
line-height: 28px;
}
.integration img {
width: 362px;
max-width: 100%;
display: block;
float: right;
}
.prtfolio_item_descr {
font-size: 16px;
line-height: 28px;
margin-bottom: 45px;
}
.prtfolio_item_image {
text-align: center;
}
.prtfolio_item_image img {
max-width: 100%;
}
.prtfolio_item_title {
font-size: 45px;
line-height: 50px;
font-weight: 300;
margin-bottom: 22px;
}
.prtfolio_item_link {
text-align: center;
margin: 17px 0 45px;
}
.prtfolio_item_link span {
display: inline-block;
padding: 0 14px;
line-height: 36px;
font-size: 16px;
font-weight: 300;
color: #000;
background: #dcdddf;
border-radius: 3px;
}
.prtfolio_next, .prtfolio_prev {
padding: 0 14px;
border: 2px solid #00adbf;
line-height: 36px;
font-size: 17px;
font-weight: 300;
color: #192837;
text-decoration: none;
-webkit-transition: color 0.3s;
transition: color 0.3s;
position: relative;
}
.prtfolio_next:hover, .prtfolio_prev:hover {
background-color: #00adbf;
color: #fff;
}
.prtfolio_next:before, .prtfolio_next:after, .prtfolio_prev:before, .prtfolio_prev:after {
content: '';
position: absolute;
}
.prtfolio_prev {
float: left;
border-left: none;
border-radius: 0 2px 2px 0;
padding-right: 18px;
margin-left: 14px;
}
.prtfolio_prev:before {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 20px 14px 20px 0;
border-color: transparent #00adbf transparent transparent;
right: 100%;
top: -2px;
}
.prtfolio_prev:after {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 18px 12px 18px 0;
border-color: transparent #f5f6f8 transparent transparent;
right: 100%;
top: 0;
}
.prtfolio_prev:hover:after {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 18px 12px 18px 0;
border-color: transparent #00adbf transparent transparent;
right: 100%;
top: 0;
}
.prtfolio_next {
float: right;
border-right: none;
border-radius: 2px 0 0 2px;
padding-left: 18px;
margin-right: 14px;
}
.prtfolio_next:before {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 20px 0 20px 14px;
border-color: transparent transparent transparent #00adbf;
left: 100%;
top: -2px;
}
.prtfolio_next:after {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 18px 0 18px 12px;
border-color: transparent transparent transparent #f5f6f8;
left: 100%;
top: 0;
}
.prtfolio_next:hover:after {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 18px 0 18px 12px;
border-color: transparent transparent transparent #00adbf;
right: 100%;
top: 0;
}
.targets_list {
margin: 0;
list-style: none;
font-size: 22px;
line-height: 30px;
counter-reset: point;
}
.targets_list li:before {
content: counter(point);
counter-increment: point 1;
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
text-align: center;
color: #ffffff;
background: #1b95be;
border-radius: 50%;
margin-right: 20px;
font: bold 40px/70px "Circe";
}
.targets_list li span {
display: inline-block;
vertical-align: middle;
width: 278px;
}
.targets_list li + li {
margin-top: 70px;
}
.prtfolio_item_argets {
margin-bottom: 49px;
}
.prtfolio_item_argets img {
max-width: 100%;
}
.prtfolio_item_results {
margin-bottom: 58px;
}
.prtfolio_item_results > * {
vertical-align: bottom;
}
.prtfolio_item_results_img {
width: 550px;
}
.prtfolio_item_results_img img {
max-width: 100%;
}
.prtfolio_item_results_descr {
width: 370px;
height: 370px;
box-sizing: border-box;
color: #ffffff;
text-align: center;
background: #00adbf;
border-radius: 50%;
font-size: 22px;
line-height: 32px;
font-weight: 300;
}
.prtfolio_item_results_descr b {
font-weight: 400;
}
.prtfolio_item_results_descr_inn {
display: table-cell;
vertical-align: middle;
width: 370px;
height: 370px;
}
.howdo_desction {
padding: 45px 0 40px;
}
.howdo_desction .section_title, .howdo_desction .main_heading, .howdo_desction .item-title, .howdo_desction .itemTitle {
margin: 0;
}
.howdo_title {
font-size: 26px;
line-height: 32px;
font-weight: 300;
margin-bottom: 34px;
}
.howdo_list {
margin: 0;
list-style: none;
font-size: 20px;
line-height: 1.5;
}
.howdo_list li {
margin-bottom: 40px;
min-height: 40px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.howdo_list span {
display: block;
}
.howdo_list .num {
left: 0;
top: 50%;
width: 40px;
height: 40px;
min-height: 40px;
max-height: 40px;
min-width: 40px;
max-width: 40px;
text-align: center;
margin-right: 13px;
border-radius: 50%;
background: #ffca28;
color: #03578e;
font: bold 22px/40px "Circe";
}
.howdo_list li.empty:before {
display: none;
}
.prtfolio_item_start {
font-size: 20px;
line-height: 1.5;
}
.prtfolio_item_start .title {
font-size: 26px;
line-height: 32px;
margin-bottom: 14px;
}
.whatwedo_heading {
font-size: 26px;
line-height: 32px;
margin-bottom: 30px;
}
.whatwedo_list {
margin: 0;
list-style: none;
line-height: 24px;
font-size: 17px;
}
.whatwedo_list p {
margin: 0 0 0 70px;
}
.whatwedo_list li {
margin-bottom: 60px;
}
.whatwedo_title {
font-size: 20px;
line-height: 1.5;
margin-left: 70px;
}
.whatwedo_ico {
float: left;
width: 70px;
height: 70px;
position: relative;
}
.whatwedo_ico:before {
content: '';
position: absolute;
left: 0;
top: 8px;
}
.whatwedo_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1491px -1463px;
width: 50px;
height: 51px;
}
.whatwedo_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1088px -1611px;
width: 50px;
height: 44px;
}
.whatwedo_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -726px -572px;
width: 36px;
height: 46px;
left: 7px;
}
.whatwedo_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1067px -940px;
width: 48px;
height: 50px;
}
.whatwedo_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -597px -1673px;
width: 49px;
height: 49px;
}
.whatwedo_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -387px -1673px;
width: 52px;
height: 52px;
}
.whatwedo_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -493px -1673px;
width: 50px;
height: 50px;
}
.prtfolio_item_stat_row {
margin-left: -30px;
margin-bottom: 65px;
}
.prtfolio_item_stat_row > * {
vertical-align: middle;
}
.prtfolio_item_stat_charts {
width: 41%;
box-sizing: border-box;
padding-left: 30px;
}
.prtfolio_item_stat_charts img {
max-width: 100%;
}
.prtfolio_item_stat_descr {
width: 50%;
padding-left: 30px;
box-sizing: border-box;
font-size: 20px;
line-height: 1.5;
text-align: left;
}
.prtfolio_item_stat_descr p:last-child {
margin: 0;
}
.prtfolio_item_final {
margin: 0 0 35px;
list-style: none;
text-align: center;
}
.prtfolio_item_final li {
display: inline-block;
vertical-align: top;
width: 370px;
height: 370px;
background: #1b95be;
color: #ffffff;
border-radius: 50%;
}
.prtfolio_item_final li + li {
margin-left: 170px;
}
.prtfolio_item_final .inn {
display: table-cell;
width: 370px;
height: 370px;
vertical-align: middle;
text-align: center;
font-size: 22px;
line-height: 32px;
font-weight: 300;
}
.prtfolio_item_final b, .prtfolio_item_final strong {
font: bold 100px/1.1 "Circe";
}
.items-more .nav {
display: none;
}
.leading-item {
margin-bottom: 25px;
}
.btn.jmodedit, .btn-group.pull-right {
display: none;
visibility: hidden;
position: absolute;
clip: rect(0, 0, 0, 0);
overflow: hidden;
}
.item_101 .leading-0 {
text-align: center;
}
.item_101 .leading-0 .item-title {
text-align: center;
}
.item_101 .leading-0 .item-title:before {
left: 50%;
margin-left: -35px;
}
.itemBackToTop, .itemNavigation {
display: none;
}
.checks {
margin-left: 0;
padding-left: 0;
list-style: none !important;
}
.checks > li {
padding-left: 30px;
background: url(../images/check.png) 0 0 no-repeat;
}
.subscribe_box {
width: 100%;
}
.mod_facebook_widget_plus {
text-align: center;
margin: 0 auto 10px;
}
.nav:not(.mod-menu) > li > a:focus,
.nav:not(.mod-menu) > li > a:hover {
background: none !important;
}
.footer {
clear: both;
margin: 0 auto 0;
position: relative;
background: #1b2938;
color: #ffffff;
box-sizing: border-box;
}
.footer_top {
padding: 30px 0;
overflow: hidden;
box-sizing: border-box;
}
.footer_top .title {
text-transform: uppercase;
font-size: 17px;
font-weight: 300;
margin-bottom: 10px;
}
.footer_top .menu li {
margin-bottom: 12px;
}
.footer_top .menu a {
text-transform: uppercase;
font-size: 17px;
font-weight: 300;
color: #ffffff;
text-decoration: none;
}
.footer_top .menu a:hover {
text-decoration: underline;
}
.footer_top .menu.serv li {
margin-bottom: 2px;
}
.footer_top .menu.serv a {
text-transform: none;
color: #43586d;
padding: 5px 15px;
}
.footer_top .menu.serv a:hover {
text-decoration: none;
color: #00b6bb;
}
.footer_top .menu.serv .active a {
color: #00b6bb;
}
.footer_top .k2ItemsBlock ul {
margin: 0;
list-style: none;
padding: 0;
}
.footer_top .k2ItemsBlock ul li {
margin-bottom: 2px;
}
.footer_top .k2ItemsBlock ul a {
text-transform: none;
color: #43586d;
}
.footer_top .k2ItemsBlock ul a:hover {
text-decoration: none;
color: #00b6bb;
}
.footer_top .k2ItemsBlock ul .active a {
color: #00b6bb;
}
.footer_bot {
height: 82px;
border-top: 1px solid #253545;
line-height: 0;
box-sizing: border-box;
}
.footer-socials ul{
margin: 0;
padding: 0;
list-style: none;
display: flex;
gap: 15px;
align-items: center;
justify-content: center;
}
.footer-socials a{
display: block;
}
.footer_bot .col-4 {
float: right;
}
.footer_contacts {
font-size: 17px;
font-weight: 300;
line-height: 28px;
}
.footer_contacts li {
margin-bottom: 12px;
}
.footer_contacts .addr, .footer_contacts .tel, .footer_contacts .email {
padding-left: 26px;
position: relative;
}
.footer_contacts .addr:before, .footer_contacts .tel:before, .footer_contacts .email:before {
content: '';
position: absolute;
left: 0;
top: 50%;
}
.footer_contacts .addr:before {
background-image: url("../images/sprite.png");
background-position: -2114px -1616px;
width: 14px;
height: 16px;
margin-top: -8px;
}
.footer_contacts .tel:before {
background-image: url("../images/sprite.png");
background-position: -2115px -1531px;
width: 16px;
height: 16px;
margin-top: -8px;
}
.footer_contacts .email {
display: inline-block;
color: #ffffff;
text-decoration: none;
}
.footer_contacts .email:hover {
text-decoration: underline;
}
.footer_contacts .email:before {
background-image: url("../images/sprite.png");
background-position: -2120px -1660px;
width: 16px;
height: 13px;
margin-top: -6px;
}
.copyright {
float: left;
color: #43586d;
font-size: 17px;
font-weight: 300;
line-height: 82px;
}
.footer_logo {
display: inline-block;
background-image: url("../images/sprite.png");
background-position: -1432px -1533px;
width: 177px;
height: 53px;
text-indent: -999em;
margin-top: 14px;
}
body .row, .trapeze_wrap, .profitably li, .vtabs_wrap, .cntxt, .site_chooser, .prototype .header_top, .prototype .nav, .prototype .table, .steps2, .we_best, .prtfolio_nav, .whatwedo_list li, .footer_bot .width {
zoom: 1;
}
body .row:before, .trapeze_wrap:before, .profitably li:before, .vtabs_wrap:before, .cntxt:before, .site_chooser:before, .prototype .header_top:before, .prototype .nav:before, .prototype .table:before, .steps2:before, .we_best:before, .prtfolio_nav:before, .whatwedo_list li:before, .footer_bot .width:before, body .row:after, .trapeze_wrap:after, .profitably li:after, .vtabs_wrap:after, .cntxt:after, .site_chooser:after, .prototype .header_top:after, .prototype .nav:after, .prototype .table:after, .steps2:after, .we_best:after, .prtfolio_nav:after, .whatwedo_list li:after, .footer_bot .width:after {
content: " ";
display: table;
}
body .row:after, .trapeze_wrap:after, .profitably li:after, .vtabs_wrap:after, .cntxt:after, .site_chooser:after, .prototype .header_top:after, .prototype .nav:after, .prototype .table:after, .steps2:after, .we_best:after, .prtfolio_nav:after, .whatwedo_list li:after, .footer_bot .width:after {
clear: both;
}
.over {
overflow: hidden;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
content: " ";
display: table;
}
.clearfix:after, .cf:after {
clear: both;
}
.clearfix, .cf {
zoom: 1;
}
.sm {
display: none;
}
.fancy_window {
display: none;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.fancy_window ul.form_list {
width: 440px;
}
.fancy_window ul.form_list .buttons {
margin-bottom: 0;
margin-top: 30px;
}
.fancy_window ul.form_list .buttons .button {
width: 100%;
}
.fancy_title {
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-transform: uppercase;
margin-bottom: 32px;
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image {
border: 0;
outline: none;
vertical-align: top;
margin: 0;
padding: 0;
}
.fancybox-wrap iframe, .fancybox-wrap object {
border: 0;
outline: none;
vertical-align: top;
margin: 0;
padding: 0;
}
.fancybox-nav {
border: 0;
outline: none;
vertical-align: top;
margin: 0;
padding: 0;
}
.fancybox-nav span {
border: 0;
outline: none;
vertical-align: top;
margin: 0;
padding: 0;
}
.fancybox-tmp {
border: 0;
outline: none;
vertical-align: top;
margin: 0;
padding: 0;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background-color: white;
border-radius: 4px;
text-shadow: none;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-outer {
position: relative;
}
.fancybox-inner {
position: relative;
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
white-space: nowrap;
margin: 0;
padding: 15px;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
}
.fancybox-close {
position: absolute;
top: -15px;
right: -15px;
cursor: pointer;
z-index: 8040;
width: 30px;
height: 30px;
background-color: #de4051;
border-radius: 50%;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.fancybox-close:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
background-image: url("../images/sprite.png");
background-position: -2120px -1675px;
width: 14px;
height: 14px;
margin: -7px 0 0 -7px;
}
.fancybox-close:hover {
background-color: #00adbf;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-prev span {
left: 10px;
background-image: url("../images/sprite.png");
background-position: -2048px -1390px;
width: 80px;
height: 80px;
}
.fancybox-next {
right: 0;
}
.fancybox-next span {
right: 10px;
background-image: url("../images/sprite.png");
background-position: -2048px -1308px;
width: 80px;
height: 80px;
}
.fancybox-nav span {
position: absolute;
top: 50%;
margin-top: -40px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(25, 40, 55, 0.7);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: 700;
line-height: 24px;
white-space: nowrap;
padding: 2px 20px;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
background: rgba(0, 0, 0, 0.8);
padding: 10px;
}
.fancybox-nav:hover span, .fancybox-opened .fancybox-title {
visibility: visible;
}
@media (max-width: 999px) {
.fancybox-nav span {
visibility: visible;
}
.fancybox-skin {
border-radius: 2px;
}
.fancy_window ul.form_list {
width: 100%;
}
.fancy_window ul.form_list li {
margin-bottom: 4.0rem;
}
.fancy_window ul.form_list .buttons {
margin-top: 4.0rem;
}
.fancy_window ul.form_list .buttons .button {
width: 100%;
}
.fancy_title {
font-size: 6.0rem;
line-height: 1.166;
text-align: left;
margin-bottom: 3.5rem;
}
.fancybox-close {
width: 6.0rem;
height: 6.0rem;
right: 0;
top: -3.0rem;
}
.fancybox-close:before:before {
background-image: url("../images/sprite.png");
background-position: -1814px -466px;
width: 28px;
height: 28px;
margin-left: -14px;
margin-top: -14px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font: 300 16px/24px Roboto;
letter-spacing: normal;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 10px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 10px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 10px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 10px;
}
.tooltip-inner {
max-width: 350px;
padding: 7px 15px;
color: #ffffff;
text-align: center;
background-color: #192837;
border-radius: 3px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -10px;
border-width: 10px 10px 0;
border-top-color: #192837;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 10px;
margin-bottom: -10px;
border-width: 10px 10px 0;
border-top-color: #192837;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 10px;
margin-bottom: -10px;
border-width: 10px 10px 0;
border-top-color: #192837;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -10px;
border-width: 10px 10px 10px 0;
border-right-color: #192837;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -10px;
border-width: 10px 0 10px 10px;
border-left-color: #192837;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -10px;
border-width: 0 10px 10px;
border-bottom-color: #192837;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 10px;
margin-top: -10px;
border-width: 0 10px 10px;
border-bottom-color: #192837;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 10px;
margin-top: -10px;
border-width: 0 10px 10px;
border-bottom-color: #192837;
}
@media (max-width: 999px) {
.tooltip-inner {
max-width: 64.0rem;
padding: 1.5rem 3.0rem;
}
.tooltip {
font-size: 3.0rem;
line-height: 1.5;
text-align: left;
border-radius: 0.5rem;
}
.tooltip .title {
font-size: 3.0rem;
font-weight: 400;
}
}
@media (max-width: 1199px) {
html {
min-width: 1000px;
}
.header_nav {
padding-left: 50px;
}
.try_visit li {
font-size: 30px;
}
}
@media (max-width: 999px) {
.seo_work_list li, .reasons li, .why_1c li, .serm_list li, .result_list li {
margin: 0;
list-style: none;
text-align: justify;
font-size: 1px;
line-height: 0;
zoom: 1;
}
.seo_work_list li:after, .reasons li:after, .why_1c li:after, .serm_list li:after, .result_list li:after {
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
}
.seo_work_list li > *, .reasons li > *, .why_1c li > *, .serm_list li > *, .result_list li > * {
display: inline-block;
vertical-align: top;
}
.seo_work_list li > .empty, .reasons li > .empty, .why_1c li > .empty, .serm_list li > .empty, .result_list li > .empty {
margin: 0;
padding: 0;
height: 0;
overflow: hidden;
visibility: hidden;
}
.steps li, .advantages_list li, .prices td, .why_landing li, .fails li, .our_offer li, .why_corp li, .trust li {
zoom: 1;
}
.steps li:before, .advantages_list li:before, .prices td:before, .why_landing li:before, .fails li:before, .our_offer li:before, .why_corp li:before, .trust li:before, .steps li:after, .advantages_list li:after, .prices td:after, .why_landing li:after, .fails li:after, .our_offer li:after, .why_corp li:after, .trust li:after {
content: " ";
display: table;
}
.steps li:after, .advantages_list li:after, .prices td:after, .why_landing li:after, .fails li:after, .our_offer li:after, .why_corp li:after, .trust li:after {
clear: both;
}
.sm {
display: block;
}
.lg {
display: none;
}
html {
font-size: 10px;
min-width: 320px;
}
html.is-menu-active {
overflow: hidden;
}
html, body, .width {
height: auto;
min-height: auto;
}
body {
font-size: 3rem;
line-height: 1.5;
}
.sections {
padding-bottom: 0;
}
.section {
padding-bottom: 5rem;
}
.footer {
margin-top: 0;
height: auto;
}
.footer_top, .footer_bot {
height: auto;
}
.width {
max-width: none;
padding-left: 3rem;
padding-right: 3rem;
min-width: 320px;
box-sizing: border-box;
}
.wrapper {
padding-top: 15.1rem;
}
.is-stick .wrapper {
padding-top: 15.1rem;
}
.header {
height: 15.2rem;
padding-top: 2.9rem;
box-sizing: border-box;
}
.header .width {
max-width: none;
}
.is-stick .header {
height: 15.2rem;
}
.is-stick .header .header_nav {
padding-top: 15.1rem;
}
.header_nav {
position: fixed;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: rgba(25, 40, 55, 0.9);
padding-top: 15.2rem;
padding-left: 0;
overflow: hidden;
-webkit-transition: left 0.3s;
transition: left 0.3s;
box-sizing: border-box;
}
.header_nav .menu li {
float: none;
}
.header_nav .menu li > ul {
display: none;
position: static;
margin: 0;
background: none;
min-width: 0;
}
.header_nav .menu li + li {
margin: 0;
}
.header_nav .menu a {
display: block;
border: none;
padding: 2.5rem 6.5rem;
text-transform: none;
font-size: 3.6rem;
line-height: 5.0rem;
}
.header_nav .menu a:hover {
background: #1b7fa3;
}
.header_nav .menu .parent > a {
position: relative;
}
.header_nav .menu .parent > a:before {
content: '';
left: 3rem;
top: 50%;
margin-top: -1rem;
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 1rem 0 1rem 1.2rem;
border-color: transparent transparent transparent #fff;
position: absolute;
}
.header_nav .menu .parent.is-active > a:before {
margin-top: -6rem;
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 1.2rem 1rem 0 1rem;
border-color: #fff transparent transparent transparent;
}
.header_nav .menu .parent.is-active > ul {
display: block;
}
.header_nav .menu ul a {
padding-left: 12.6rem;
}
.is-menu-active .header_nav {
left: 0;
}
.header_nav_inn {
height: 100%;
width: 100%;
overflow: auto;
}
.header_call {
float: none;
text-align: center;
margin: 1px 14rem 0;
position: relative;
z-index: 510;
}
.header_call .tel {
display: none;
}
.header_call .button {
width: 34.1rem;
height: 9.0rem;
border: 2px solid #fff;
background: none;
line-height: 8.6rem;
padding: 0;
font-size: 2.6rem;
font-weight: 400;
border-radius: 0.8rem;
}
.header_call .button:hover {
background: none;
}
.header_logo {
float: right;
margin: 0;
position: relative;
z-index: 510;
width: 10.8rem;
height: 10.2rem;
overflow: hidden;
}
.header_logo img {
height: 9.0rem;
}
.is-stick .header_logo {
height: 5.6rem;
}
.is-stick .header_logo img {
height: 5.6rem;
}
.mainslider {
padding-bottom: 0;
}
.mainslider:before {
display: none;
}
.mainslider .slider > li {
height: 72.0rem;
}
.mainslider .slider > li > a {
height: 72.0rem;
}
.mainslider .slider .width {
padding-top: 17.0rem;
height: auto;
}
.mainslider .bx-pager {
bottom: 6.0rem;
}
.mainslider .bx-pager-item {
margin: 0 2.0rem;
}
.mainslider .bx-pager-link {
width: 2.0rem;
height: 2.0rem;
}
.mainslider .bx-controls-direction {
display: none;
}
.slide_title {
font-size: 6.0rem;
margin: 0;
line-height: 8.0rem;
}
.slide_descr {
margin-bottom: 4.8rem;
font-size: 3.0rem;
font-weight: 300;
}
.slide_buttons .button {
height: 9.0rem;
line-height: 8.6rem;
padding: 0 4.2rem;
border-radius: 0.8rem;
font-size: 3.6rem;
text-transform: none;
width: auto;
}
.c-hamburger {
display: block;
float: left;
position: relative;
z-index: 510;
}
.header_nav li{
float: none;
}
.header_nav li + li{
margin: 0;
}
.header_nav li:hover > ul{
display: none;
}
.header_nav .parent.is-active> ul{
display: block;
position: static;
width: auto;
}
.header_nav .parent>a{
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
}
.header_nav .parent>a:after{
content: '';
width: 15px;
height: 15px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.1 21.6L5 10.5m22.3 0L16.1 21.6'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;
transition: all 0.3s;
}
.header_nav .parent.is-active>a:after{
transform: rotate(180deg);
}
.header_nav a:hover{
color: #fff;
background: rgba(0, 0, 0, 0.16) !important;
border-color: transparent;
}
.offer_descr {
width: auto;
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
}
.offer_heading {
text-align: left;
font-size: 4.0rem;
line-height: 5.5rem;
margin: 0;
}
.achiev_list {
text-align: left;
line-height: 0;
font-size: 1px;
}
.achiev_list li {
margin: 0;
}
.achiev_list li + li {
margin-top: 11rem;
}
.achiev_list .ico {
height: auto;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.achiev_list .ico:before {
display: none;
}
.achiev_list .ico1 {
background-image: url("../images/sprite.png");
background-position: 0px -524px;
width: 240px;
height: 240px;
}
.achiev_list .ico2 {
background-image: url("../images/sprite.png");
background-position: -524px -242px;
width: 240px;
height: 240px;
}
.achiev_list .ico3 {
background-image: url("../images/sprite.png");
background-position: -484px -524px;
width: 240px;
height: 210px;
}
.achiev_list .ico4 {
background-image: url("../images/sprite.png");
background-position: -262px -262px;
width: 240px;
height: 240px;
}
.achiev_wr {
display: inline-block;
vertical-align: middle;
text-align: left;
width: 37.0rem;
margin-left: 4.0rem;
}
.achiev_title {
width: auto;
display: block;
height: auto;
text-align: left;
padding: 0;
font-size: 4.0rem;
line-height: 1.2;
margin-bottom: 1.5rem;
}
.achiev_descr {
margin: 0;
font-size: 3.0rem;
font-weight: 300;
line-height: 1.5;
}
.work_link {
width: 66.0rem;
height: 66.0rem;
}
.work_logo {
height: 11.2rem;
display: table-cell;
vertical-align: middle;
line-height: 0;
}
.work_logo img {
max-height: 11.2rem;
max-width: 60.0rem;
}
.work_logo .lg {
display: none;
}
.work_logo .sm {
display: block;
}
.work_intro {
font-size: 3.0rem;
line-height: 4.4rem;
height: 8.8rem;
}
.work_decr {
padding: 2.5rem 3.0rem;
}
.work_buttons {
text-align: center;
margin-top: 6.0rem;
}
.work_buttons .button {
width: 66.0rem;
background-color: #00b6bb;
height: 9.0rem;
line-height: 9.0rem;
font-size: 3.6rem;
font-weight: 400;
border-radius: 0.8rem;
}
.works {
padding: 5.5rem 0 6.0rem;
}
.section_title, .main_heading, .item-title, .itemTitle {
font-size: 6.0rem;
line-height: 1.166;
margin-bottom: 5.5rem;
text-align: left;
}
.section_title .mark, .main_heading .mark, .item-title .mark, .itemTitle .mark {
margin: 0 2.1rem 0 0;
padding: 0 2.0rem 0 0;
height: 7.1rem;
line-height: 1;
}
.section_title .mark:before, .main_heading .mark:before, .item-title .mark:before, .itemTitle .mark:before {
left: -2.1rem;
background-image: url("../images/sprite.png");
background-position: -54px -2042px;
width: 52px;
height: 71px;
}
.section_title .mark:after, .main_heading .mark:after, .item-title .mark:after, .itemTitle .mark:after {
right: -2.1rem;
background-image: url("../images/sprite.png");
background-position: 0px -2042px;
width: 52px;
height: 71px;
}
.section_title .small, .main_heading .small, .item-title .small, .itemTitle .small {
margin-top: 3.5rem;
font-size: 3.0rem;
line-height: 1.5;
}
.works .section_title, .works .main_heading, .works .item-title, .works .itemTitle, .offer .section_title, .offer .main_heading, .offer .item-title, .offer .itemTitle {
text-align: center;
}
.tabs_wrap .tabs, .hover_tabs_wrap .tabs {
text-align: center;
}
.tabs_wrap .tabs li, .hover_tabs_wrap .tabs li {
position: relative;
width: 45rem;
padding: 0;
}
.tabs_wrap .tabs li:hover .offer_link, .tabs_wrap .tabs li.active .offer_link, .hover_tabs_wrap .tabs li:hover .offer_link, .hover_tabs_wrap .tabs li.active .offer_link {
top: 0;
}
.tabs_wrap .tabs_cont, .hover_tabs_wrap .tabs_cont {
border-width: 4px;
}
.tabs_wrap .tabs_cont .arr, .hover_tabs_wrap .tabs_cont .arr {
left: 50%;
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 0 3.8rem 3.8rem 3.8rem;
border-color: transparent transparent #3ea3f5 transparent;
margin-left: -38px;
}
.tabs_wrap .tabs_cont .arr:before, .hover_tabs_wrap .tabs_cont .arr:before {
content: '';
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 0 3.8rem 3.8rem 3.8rem;
border-color: transparent transparent #fff transparent;
top: 4px;
left: 50%;
margin-left: -3.8rem;
}
.hover_tabs_wrap .offer_title, .hover_tabs_wrap .offer_inf {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.hover_tabs_wrap .slick-center .offer_title, .hover_tabs_wrap .slick-center .offer_inf {
opacity: 1;
}
.hover_tabs_wrap .slick-list:before, .hover_tabs_wrap .slick-list:after {
content: '';
position: absolute;
top: 0;
height: 100%;
width: 4rem;
z-index: 2;
}
.hover_tabs_wrap .slick-list:before {
left: 0;
background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}
.hover_tabs_wrap .slick-list:after {
right: 0;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
.offer_link {
width: 44.0rem;
}
.offer_ico {
width: 26.0rem;
height: 26.0rem;
margin-bottom: 6.0rem;
}
.offer_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: 0px -262px;
width: 260px;
height: 260px;
}
.offer_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: 0px 0px;
width: 260px;
height: 260px;
}
.offer_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -262px 0px;
width: 260px;
height: 260px;
}
.offer_title {
font-size: 4.0rem;
font-weight: 400;
line-height: 6.0rem;
}
.offer_inf {
font-size: 3.0rem;
line-height: 6.0rem;
max-height: 12.0rem;
}
.offer .width {
width: auto;
max-width: none;
min-width: auto;
padding-left: 0;
padding-right: 0;
}
.offer .section_title, .offer .main_heading, .offer .item-title, .offer .itemTitle, .offer .boxes {
width: 66.0rem;
margin-left: auto;
margin-right: auto;
}
.offer_buttons .button {
text-transform: none;
width: 66.0rem;
}
.offer_buttons .button:before {
background-image: url("../images/sprite.png");
background-position: -1224px -1611px;
width: 40px;
height: 40px;
margin-right: 2.0rem;
}
.about {
font-size: 3.0rem;
line-height: 1.5;
}
.about .section_title, .about .main_heading, .about .item-title, .about .itemTitle {
font-size: 6.0rem;
line-height: 1;
padding-bottom: 3.2rem;
margin-bottom: 3.2rem;
}
.about .section_title:before, .about .main_heading:before, .about .item-title:before, .about .itemTitle:before {
width: 12.0rem;
height: .6rem;
}
.footer {
line-height: 1.2;
}
.footer .width {
padding-left: 4.0rem;
padding-right: 4.0rem;
}
.footer_top .title {
font-size: 4.0rem;
margin-bottom: 2.0rem;
}
.footer_top .menu {
margin-bottom: 6.0rem;
}
.footer_top .menu li {
margin-bottom: 4.2rem;
}
.footer_top .menu a {
font-size: 4.0rem;
}
.footer_top .menu.serv {
margin-bottom: 6.0rem;
}
.footer_top .menu.serv li {
margin-bottom: 2.9rem;
}
.footer_top .menu.serv a {
font-size: 3.0rem;
}
.footer_contacts {
font-size: 3.4rem;
line-height: 1.2;
}
.footer_contacts li {
margin-bottom: 2.9rem;
}
.footer_contacts .addr, .footer_contacts .tel, .footer_contacts .email {
padding-left: 6.0rem;
}
.footer_contacts .addr:before {
background-image: url("../images/sprite.png");
background-position: -1814px -398px;
width: 28px;
height: 32px;
margin-top: -1.6rem;
}
.footer_contacts .tel:before {
background-image: url("../images/sprite.png");
background-position: -1810px -1470px;
width: 32px;
height: 32px;
margin-top: -1.6rem;
}
.footer_contacts .email:before {
background-image: url("../images/sprite.png");
background-position: -726px -658px;
width: 32px;
height: 26px;
margin-top: -1.3rem;
}
.footer_bot {
border: none;
line-height: 11.0rem;
}
.copyright {
float: none;
font-size: 3.0rem;
}
.content {
padding-top: 2.5rem;
}
.breadcrumbs {
font-size: 2.5rem;
margin-bottom: 2.7rem;
}
.heading {
font-size: 6.0rem;
line-height: 1.166;
margin-bottom: 1.6rem;
}
.title_seo {
font-size: 3.0rem;
line-height: 1.33;
}
.marketing {
text-align: left;
}
.marketing_list {
display: block;
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 6.0rem;
}
.marketing_list li {
padding-left: 22.0rem;
margin-left: 1.0rem;
}
.marketing_list li:before {
width: 18.0rem;
height: 18.0rem;
left: 0;
}
.marketing_list li span {
height: 18.0rem;
}
.marketing_list li + li {
margin-top: 5.0rem;
}
.marketing_list .ico1:after {
background-image: url("../images/sprite.png");
background-position: -1846px -714px;
width: 100px;
height: 100px;
left: 40px;
top: 40px;
}
.marketing_list .ico2:after {
background-image: url("../images/sprite.png");
background-position: -2048px -692px;
width: 76px;
height: 100px;
left: 52px;
top: 40px;
}
.marketing_list .ico3:after {
background-image: url("../images/sprite.png");
background-position: -1948px 0px;
width: 98px;
height: 96px;
left: 41px;
top: 42px;
}
.marketing_list .ico4:after {
background-image: url("../images/sprite.png");
background-position: -1846px -612px;
width: 100px;
height: 100px;
left: 40px;
top: 40px;
}
.marketing_form_wrap {
display: block;
width: auto;
}
.marketing_form, .to_understand_form {
border-radius: 0.5rem;
padding: 3.7rem 5.0rem 5.0rem;
margin-bottom: 3.0rem;
}
.marketing_form .form_title, .to_understand_form .form_title {
font-size: 4.5rem;
line-height: 1.33;
margin-bottom: 3.5rem;
}
.marketing_form .inputbox, .to_understand_form .inputbox {
font-size: 3.0rem;
line-height: 3.6rem;
border-bottom-width: 3px;
}
.marketing_form .form_list li, .to_understand_form .form_list li {
margin-bottom: 4.4rem;
}
.marketing_form .form_list .buttons, .to_understand_form .form_list .buttons {
margin-top: 7.2rem;
margin-bottom: 0;
}
.marketing_form_tip {
font-size: 3.0rem;
line-height: 1.5;
}
.faq .section_title, .faq .main_heading, .faq .item-title, .faq .itemTitle {
margin-bottom: 3.0rem;
}
.faq_list {
margin: 0 -2.0rem;
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
.faq_list li {
display: block;
padding: 0;
width: auto;
margin: 0;
}
.faq_list .slick-slide {
width: 66.0rem;
max-width: 66.0rem;
margin-left: 2.0rem;
margin-right: 2.0rem;
}
.faq_list .question {
display: inline-block;
background: #1b95be;
margin-bottom: 2.0rem;
color: #ffffff;
font-size: 3.0rem;
font-weight: 300;
line-height: 1.2;
padding: 1.5rem 3.0rem;
border-radius: 3rem;
position: relative;
}
.faq_list .question:before {
content: '';
position: absolute;
left: -1.1rem;
bottom: 0;
background-image: url("../images/sprite.png");
background-position: -526px -736px;
width: 25px;
height: 25px;
}
.chrome .faq_list .question {
position: static;
}
.chrome .faq_list .question:before {
display: none;
}
.faq_list .answer {
background: #ebedf1;
padding: 1.2rem 3.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
border-radius: 3rem;
position: relative;
}
.faq_list .answer:before {
content: '';
position: absolute;
right: -1.1rem;
bottom: 0;
background-image: url("../images/sprite.png");
background-position: -726px -686px;
width: 25px;
height: 25px;
}
.chrome .faq_list .answer {
position: static;
}
.chrome .faq_list .answer:before {
display: none;
}
.slick-dots {
text-align: center;
margin: 5rem 0 0;
padding: 0;
}
.slick-dots li {
display: inline-block !important;
margin: 0 2rem;
}
.slick-dots button {
background: none;
border: 2px solid #1b95be;
width: 2.0rem;
height: 2.0rem;
box-sizing: border-box;
border-radius: 50%;
text-indent: -999em;
overflow: hidden;
}
.slick-dots .slick-active button {
background: #1b95be;
}
.req_call {
text-align: left;
}
.req_call_descr {
display: block;
text-align: left;
font-size: 6.0rem;
line-height: 1.166;
margin-bottom: 3.2rem;
font-weight: 300;
}
.req_call_descr .tip {
font-size: 3.0rem;
line-height: 2;
}
.req_call_form {
display: block;
}
.req_call_form > * {
display: block;
width: 100%;
}
.req_call_form input {
width: 100%;
}
.req_call_form .button {
margin-top: 4.0rem;
margin-left: 0;
}
.seo_work_list li {
display: block;
width: auto;
margin-left: 2.5rem;
}
.seo_work_list li > * {
vertical-align: middle;
}
.seo_work_list li + li {
margin-top: 7.9rem;
}
.seo_work_ico {
width: 15.0rem;
height: 15.0rem;
margin: 0;
}
.seo_work_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -280px -1533px;
width: 138px;
height: 138px;
margin-left: -69px;
margin-top: -69px;
}
.seo_work_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1117px -762px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: -75px;
}
.seo_work_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -700px -1533px;
width: 138px;
height: 132px;
margin-left: -69px;
margin-top: -66px;
}
.seo_work_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -306px -940px;
width: 151px;
height: 150px;
margin-left: -75.5px;
margin-top: -75px;
}
.seo_work_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -611px -940px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: -75px;
}
.seo_work_descr {
text-align: left;
width: 43.0rem;
font-size: 3.0rem;
line-height: 1.5;
}
.seo_result .section_title, .seo_result .main_heading, .seo_result .item-title, .seo_result .itemTitle {
margin-bottom: 2.8rem;
}
.result_img, .result_chart {
display: block;
max-width: none;
}
.result_url span {
display: none;
}
.result_img .result_url img {
max-width: 30.0rem;
}
.result_img_descr {
width: 100%;
}
.result_title {
font-size: 3.0rem;
line-height: 1.333;
padding-left: 3.0rem;
width: 80%;
}
.result_chart {
margin-top: 3.5rem;
text-align: center;
}
.result_chart .descr {
width: auto;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
margin-top: 3.5rem;
}
.result_chart_title {
font-size: 3.0rem;
line-height: 1.33;
font-weight: 300;
text-align: left;
}
.result_buttons .button {
text-decoration: underline;
color: #004c82;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
padding: 0;
background: none;
border-radius: 0;
}
.result_buttons .button:hover {
text-decoration: none;
background: none;
}
.section_tabs {
overflow: hidden;
}
.why_tabs .tabs {
margin: 0 -3.0rem 4.8rem;
border-bottom: 2px solid #1b95be;
padding: 0 1.5rem;
position: relative;
height: 10.4rem;
}
.why_tabs .tabs.tabs_high {
height: 14.0rem;
}
.why_tabs .tabs:before, .why_tabs .tabs:after {
content: '';
position: absolute;
height: 2px;
width: 100%;
background: #1b95be;
top: 100%;
}
.why_tabs .tabs:before {
right: 100%;
}
.why_tabs .tabs:after {
left: 100%;
}
.why_tabs .tabs li {
width: 50%;
cursor: pointer;
box-sizing: border-box;
float: left;
color: #004c82;
padding: 1.5rem 2.6rem;
background: #ffffff;
border: 2px solid transparent;
border-radius: 1rem 1rem 0 0;
border-bottom: none;
}
.grey .why_tabs .tabs li {
background-color: #ebedf1;
}
.why_tabs .tabs .active {
color: #000;
border-color: #1b95be;
position: relative;
cursor: default;
}
.why_tabs .tabs .active:before {
content: '';
position: absolute;
width: 100%;
height: 4px;
background: #ffffff;
left: 0;
bottom: -3px;
z-index: 2;
}
.grey .why_tabs .tabs .active:before {
background-color: #ebedf1;
}
.why_tabs .box {
display: none;
}
.why_tabs .box.visible {
display: block;
}
.not_list, .yes_list {
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
}
.not_list li + li, .yes_list li + li {
margin-top: 5.0rem;
}
.not_list li:before, .yes_list li:before {
top: 1.2rem;
}
.steps {
margin: 0;
padding: 0;
}
.steps li, .steps .rtl {
float: none;
width: auto;
height: auto;
}
.steps .arc-r, .steps .arc-l, .steps .line, .steps .arc-r2, .steps .arc-l2 {
display: none;
}
.steps li {
margin-bottom: 4.5rem;
}
.step_num {
float: left;
margin: 0;
}
.step_title, .step_descr {
text-align: left;
margin-left: 10.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
}
.step_title {
font-weight: 500;
}
.audit .section_title, .audit .main_heading, .audit .item-title, .audit .itemTitle {
font-size: 6.0rem;
line-height: 1.1666;
margin-bottom: 3.5rem;
}
.audit .form_list li + li {
margin-top: 4.0rem;
}
.advantages .section_title, .advantages .main_heading, .advantages .item-title, .advantages .itemTitle {
margin-bottom: 6.0rem;
}
.advantages_list {
text-align: left;
}
.advantages_list li {
display: block;
margin: 0;
}
.advantages_list li.row1, .advantages_list li.row2 {
width: auto;
margin-left: 0;
margin-right: 0;
}
.advantages_list li.row2 + li {
margin-left: 0;
}
.advantages_list li + li {
margin-top: 4.2rem !important;
}
.advantages_ico {
float: left;
width: 15.0rem;
height: 15.0rem;
margin-left: 2.5rem;
}
.advantages_ico:before {
top: 0;
margin-top: 0;
}
.advantages_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1117px -458px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: 0;
}
.advantages_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -292px -1244px;
width: 144px;
height: 145px;
margin-left: -72px;
margin-top: 0;
}
.advantages_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1570px -147px;
width: 126px;
height: 150px;
margin-left: -63px;
margin-top: 0;
}
.advantages_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1570px 0px;
width: 132px;
height: 145px;
margin-left: -66px;
margin-top: 0;
}
.advantages_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -730px -1244px;
width: 144px;
height: 144px;
margin-left: -72px;
margin-top: 0;
}
.advantages_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1034px -1391px;
width: 151px;
height: 127px;
margin-left: -75.5px;
margin-top: 0;
}
.advantages_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -1570px -1288px;
width: 126px;
height: 129px;
margin-left: -63px;
margin-top: 0;
}
.advantages_title, .advantages_descr {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
}
.advantages_title {
font-weight: 500;
}
.howto .section_title, .howto .main_heading, .howto .item-title, .howto .itemTitle {
margin-bottom: 5.0rem;
}
.trapeze_inf {
display: none;
}
.trapeze_list {
float: none;
margin: 0;
width: auto;
}
.trapeze_list li {
border-top: 21.8rem solid transparent;
border-left: 3.8rem solid transparent;
border-right: 3.8rem solid transparent;
}
.trapeze_list .color1 {
width: 58.2rem;
}
.trapeze_list .color2 {
width: 50.2rem;
}
.trapeze_list .color3 {
width: 42.2rem;
}
.trapeze_list .color4 {
width: 34.2rem;
}
.trapeze_title {
margin-top: -17.5rem;
font-size: 3.0rem;
line-height: 1.333;
margin-bottom: 0;
}
.trapeze_title span {
display: block;
}
.trapeze_val {
font-size: 5.0rem;
line-height: 1.2;
}
.trapeze_buttons .button {
padding: 2.1rem 4.5rem;
width: 100%;
font-size: 3.6rem;
line-height: 4.6rem;
height: auto;
}
.profitably_sect .section_title, .profitably_sect .main_heading, .profitably_sect .item-title, .profitably_sect .itemTitle {
margin-bottom: 6.3rem;
}
.profitably {
margin-left: 0;
}
.profitably li {
padding-left: 0;
width: auto;
display: block;
margin: 0;
}
.profitably li + li {
margin-top: 5.0rem;
}
.profitably_title {
margin-left: 19.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 400;
margin-bottom: 0;
}
.profitably_decr {
margin-left: 19.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
}
.profitably_ico {
width: 16.0rem;
height: 16.0rem;
}
.profitably_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1418px -822px;
width: 140px;
height: 141px;
margin-left: -70px;
margin-top: 0;
}
.profitably_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -840px -1533px;
width: 140px;
height: 129px;
margin-left: -70px;
margin-top: 0;
}
.profitably_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1704px 0px;
width: 140px;
height: 116px;
margin-left: -70px;
margin-top: 0;
}
.profitably_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: 0px -1673px;
width: 140px;
height: 81px;
margin-left: -70px;
margin-top: 0;
}
.profitably_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1418px -965px;
width: 140px;
height: 141px;
margin-left: -70px;
margin-top: 0;
}
.profitably_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1570px -603px;
width: 124px;
height: 141px;
margin-left: -62px;
margin-top: 0;
}
.profitably_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -1704px -505px;
width: 140px;
height: 105px;
margin-left: -70px;
margin-top: 0;
}
.search_descr, .target_descr, .affiliate_descr, .retargeting_descr,
.search_img, .target_img, .affiliate_img, .retargeting_img {
display: block;
width: auto;
text-align: left;
}
.search_descr, .target_descr, .affiliate_descr, .retargeting_descr {
font-size: 3.0rem;
line-height: 1.5;
}
.search_descr .title, .target_descr .title, .affiliate_descr .title, .retargeting_descr .title {
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 0;
font-weight: 400;
}
.search_eng, .affiliate_networks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.search_img, .affiliate_img, .target_img, .retargeting_img {
margin-bottom: 2.5rem;
}
.grey {
background: #ebedf1;
}
.campaign_sect .section_title, .campaign_sect .main_heading, .campaign_sect .item-title, .campaign_sect .itemTitle {
margin-bottom: 5.5rem;
}
.vtabs_wrap .boxes {
display: none;
}
.vtabs {
float: none;
width: auto;
margin: 0;
}
.vtabs li {
margin-bottom: 4.0rem;
}
.vtabs .dt {
padding: 0;
font-size: 3.0rem;
line-height: 3.8rem;
font-weight: 400;
color: #004c82;
}
.vtabs .dt:hover {
background: none;
}
.vtabs .dt:hover .count {
background-color: #1b95be;
}
.vtabs .dt:hover span {
background-color: transparent;
}
.vtabs .dt span {
border-bottom: 1px dashed #004c82;
}
.vtabs .dt .count {
border: none;
}
.vtabs .dd {
padding: 1.5rem 0 0;
font-size: 3.0rem;
line-height: 1.5;
}
.vtabs .count {
width: 3.8rem;
height: 3.8rem;
line-height: 4.1rem;
background-color: #1b95be;
font-size: 3.0rem;
}
.vtabs .active {
background: none;
}
.vtabs .active .dt {
color: #004c82;
padding-bottom: 0;
}
.vtabs .active .dt:hover .count {
background-color: #1b95be;
color: #ffffff;
}
.vtabs .active .dd {
color: #000;
}
.vtabs .active .count {
background-color: #1b95be;
color: #ffffff;
}
.campaign_tips {
font-size: 3.0rem;
line-height: 1.5;
}
.campaign_tips li {
margin-bottom: 3.5rem;
padding-left: 0;
}
.campaign_tips .tip {
display: inline-block;
vertical-align: middle;
width: 3.5rem;
font-size: 3.0rem;
line-height: 4.5rem;
position: relative;
top: -1px;
left: 0;
}
.why_cheap {
background: #1b95be;
font-size: 3.0rem;
line-height: 1.5;
}
.why_us {
width: auto;
background: #ffffff;
padding: 2.5rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
}
.why_us li {
margin-bottom: 0;
}
.why_us li + li {
margin-top: 3.5rem;
}
.why_us table {
width: 100%;
margin: 0;
}
.why_us table td {
text-align: left;
width: 33%;
white-space: nowrap;
}
.why_us table td + td {
text-align: center;
}
.why_us_title {
font-size: 3.0rem;
line-height: 1.5;
font-weight: 400;
margin-bottom: 1.5rem;
}
.why_us_descr {
background: #ffffff;
padding: 0 2.5rem 2.5rem;
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
}
.section_sub_title {
font-size: 3.0rem;
line-height: 1.5;
text-align: left;
margin-bottom: 4.5rem;
}
.prices {
display: block;
width: auto;
margin-left: -3.0rem;
margin-right: -3.0rem;
}
.prices thead {
display: none;
}
.prices tr, .prices td, .prices tbody, .prices .plan {
display: block;
text-align: left;
text-transform: none;
font-weight: 300;
width: 100%;
box-sizing: border-box;
}
.prices td {
padding: 1.8rem 3.0rem;
height: auto;
border-radius: 0;
}
.prices td:first-child, .prices td:last-child {
border-radius: 0;
}
.prices td span {
font-size: 3.0rem;
line-height: 1.5;
}
.prices td .td {
width: 15.5rem;
text-align: center;
float: right;
}
.prices td .th {
width: 40.0rem;
text-align: left;
float: left;
}
.prices tr + tr + tr td:first-child, .prices tr + tr + tr td:last-child {
border-radius: 0;
}
.prices_buttons .button {
width: 100%;
}
.cntxt {
font-size: 3.0rem;
line-height: 1.5;
}
.cntxt .intro {
font-size: 3.0rem;
line-height: 1.5;
}
.cntxt_form {
float: none;
margin: 0;
width: auto;
}
.cntxt_title {
font-size: 4.5rem;
line-height: 6.0rem;
}
.cntxt_title span {
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
text-transform: none;
}
.cntxt_form .inputbox {
font-size: 3.0rem;
line-height: 8.8rem;
border-bottom-width: 3px;
}
.dev_slider .slider > li, .dev_slider .slider .slick-slide {
height: 60.2rem;
}
.dev_slider .slider_form, .dev_slider .dev_form {
float: none;
width: auto;
padding: 2.7rem 5.0rem 4.0rem 5.0rem;
border-radius: 0.5rem;
}
.dev_slider .slider_form .inputbox, .dev_slider .dev_form .inputbox {
font-size: 3.0rem;
}
.dev_slider .slider_form .button, .dev_slider .dev_form .button {
line-height: 5.0rem;
padding: 2.0rem;
font-size: 3.6rem;
}
.dev_slider .slider_form_title {
font-size: 4.5rem;
line-height: 6.0rem;
margin: 0 -2.0rem;
}
.dev_slider .slider_form_title br {
display: none;
}
.dev_slider .slide_title {
width: auto;
padding-top: 8.0rem;
font-size: 6.0rem;
line-height: 7.0rem;
}
.dev_slider .slider_cover {
position: static;
height: auto;
padding: 3.0rem 0;
}
.dev_slider .slider_breadcrumbs .breadcrumbs {
line-height: 8.6rem;
font-weight: 300;
}
.dev_slider .dots-wrap2 {
display: block;
position: absolute;
bottom: 5.7rem;
left: 0;
width: 100%;
}
.dev_slider .dots-wrap2 .slick-dots {
margin: 0;
text-align: center;
}
.dev_slider .dots-wrap2 .slick-dots li {
margin: 0 2.0rem;
}
.dev_slider .dots-wrap2 .slick-dots button {
width: 2.0rem;
height: 2.0rem;
}
.columns {
font-size: 3.0rem;
line-height: 1.5;
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
.phases li {
display: block;
text-align: left;
width: auto;
padding: 0 0 0 10.0rem;
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 4.5rem;
min-height: 7.0rem;
}
.phases li:after {
display: none;
}
.phases li:before {
left: 0;
top: .2rem;
margin: 0;
}
.site_chooser_proto {
float: none;
width: auto;
padding: 0;
}
.site_chooser_proto .proto_icons, .site_chooser_proto .prototype {
display: none;
}
.site_chooser_calc {
float: none;
width: auto;
}
.site_chooser_descr {
padding: 0;
margin-bottom: 3.0rem;
font-size: 3.0rem;
line-height: 1.5;
}
.site_chooser_descr:before {
display: none;
}
.site_chooser_descr .title {
margin-bottom: 3.0rem;
font-size: 4.0rem;
line-height: 4.5rem;
font-weight: 300;
}
.site_chooser_descr .title:before {
content: '';
display: inline-block;
vertical-align: middle;
margin-right: 3.0rem;
}
.site_chooser_descr.shop .title:before {
background-image: url("../images/sprite.png");
background-position: -1223px -1756px;
width: 100px;
height: 86px;
}
.site_chooser_descr.landing .title:before {
background-image: url("../images/sprite.png");
background-position: -1846px -408px;
width: 100px;
height: 100px;
}
.site_chooser_descr.visit .title:before {
background-image: url("../images/sprite.png");
background-position: -1835px -1756px;
width: 100px;
height: 84px;
}
.site_chooser_descr.catalog .title:before {
background-image: url("../images/sprite.png");
background-position: -1019px -1756px;
width: 100px;
height: 86px;
}
.site_chooser_descr.corporate .title:before {
background-image: url("../images/sprite.png");
background-position: -1529px -1756px;
width: 100px;
height: 85px;
}
.site_chooser_calc .title {
font-size: 3.0rem;
line-height: 1.2;
font-weight: 400;
margin-bottom: 3.5rem;
}
.checker {
width: 6.6rem;
height: 3.8rem;
border-width: 2px;
border-radius: 3.6rem;
}
.checker .mark {
width: 3.6rem;
height: 3.6rem;
left: 0;
top: 0;
border-radius: 50%;
}
.checker.checker-checked .mark {
left: 2.9rem;
}
.chooser {
font-size: 3.0rem;
line-height: 4.2rem;
}
.chooser li {
padding-left: 10.0rem;
position: relative;
margin-bottom: 2.7rem;
}
.chooser .checker {
position: absolute;
left: 0;
top: 1px;
}
.chooser .label_tip {
background-image: url("../images/sprite.png");
background-position: -1143px -1066px;
width: 24px;
height: 24px;
margin-left: 2.0rem;
}
.chooser .label_tip:hover {
background-image: url("../images/sprite.png");
background-position: -1117px -1066px;
width: 24px;
height: 24px;
}
.site_price {
margin-top: 5.0rem;
margin-bottom: 2.5rem;
font-size: 4.8rem;
line-height: 6.0rem;
}
.site_price span {
font-size: 6.0rem;
}
.site_buttons .button {
width: 100%;
}
.site_examples {
font-size: 3.0rem;
line-height: 1;
margin-top: 3.0rem;
}
.reasons {
text-align: left;
}
.reasons li {
display: block;
width: auto;
margin-bottom: 11.5rem;
}
.reasons li > * {
vertical-align: middle;
}
.reason_ico {
display: inline-block;
width: 26.0rem;
height: 24.0rem;
vertical-align: middle;
margin: 0;
}
.reason_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -524px 0px;
width: 240px;
height: 240px;
margin-left: -120px;
margin-top: -120px;
}
.reason_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -524px -242px;
width: 240px;
height: 240px;
margin-left: -120px;
margin-top: -120px;
}
.reason_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: 0px -524px;
width: 240px;
height: 240px;
margin-left: -120px;
margin-top: -120px;
}
.reason_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -262px -262px;
width: 240px;
height: 240px;
margin-left: -120px;
margin-top: -120px;
}
.reason_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -242px -524px;
width: 240px;
height: 239px;
margin-left: -120px;
margin-top: -119.5px;
}
.reason_descr {
display: inline-block;
vertical-align: middle;
text-align: left;
width: 36.0rem;
font-size: 3.2rem;
line-height: 4.8rem;
font-weight: 300;
}
.to_understand {
text-align: left;
}
.to_understand_descr, .to_understand_form {
display: block;
width: auto;
}
.to_understand_descr {
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 3.5rem;
}
.dev_site {
padding-bottom: 0;
}
.dev_site .breadcrumbs {
padding-top: 1.5rem;
line-height: 6.0rem;
font-size: 2.5rem;
font-weight: 300;
margin-bottom: 0;
opacity: 1;
}
.dev_cover {
position: static;
height: auto;
padding: 3.0rem 0;
}
.dev_form {
float: none;
width: auto;
padding: 2.7rem 5.0rem 4.0rem 5.0rem;
border-radius: 0.5rem;
}
.dev_form .inputbox {
font-size: 3.0rem;
}
.dev_form .button {
line-height: 5.0rem;
padding: 2.0rem;
font-size: 3.6rem;
}
.dev_form_title {
font-size: 4.5rem;
line-height: 6.0rem;
margin: 0 -2.0rem;
}
.dev_form_title br {
display: none;
}
.dev_heading {
padding: 0;
}
.dev_heading .title {
font-size: 6.0rem;
line-height: 7.0rem;
font-weight: 300;
display: inline;
margin: 0;
}
.dev_heading .title:after {
content: ' - ';
}
.dev_heading p {
margin: 0;
display: block;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
}
.increase_sales {
-webkit-transform: scale(1);
transform: scale(1);
width: 65.1rem;
margin: 0 auto;
}
.sales .section_title, .sales .main_heading, .sales .item-title, .sales .itemTitle {
margin: 0;
}
.sales .section_sub_title {
font-size: 6.0rem;
line-height: 1.166;
margin-top: 0;
}
.increase_sales_list li {
text-indent: -999em;
text-align: left !important;
margin: 0;
}
.increase_sales_list li:before {
content: 'i';
font: bold 3.0rem/4.2rem Georgia;
color: #ffffff;
width: 4.2rem;
height: 4.2rem;
border-radius: 50%;
background: #00adbf;
position: absolute;
left: 50%;
top: 50%;
margin: -2.5rem 0 0 -2.5rem;
text-indent: 0;
text-align: center;
}
.increase_sales_list .item1 {
width: 65.1rem;
height: 10.2rem;
left: 0;
top: 0;
}
.increase_sales_list .item2 {
width: 38.0rem;
height: 19.2rem;
left: 0;
top: 11.2rem;
}
.increase_sales_list .item3 {
width: 14.8rem;
height: 10.2rem;
left: 1.6rem;
top: 43.9rem;
}
.increase_sales_list .item4 {
width: 25.8rem;
height: 5.7rem;
left: 38.7rem;
top: 82.1rem;
}
.increase_sales_list .item5 {
width: 65.1rem;
height: 19.2rem;
left: 0;
top: 90.0rem;
}
.increase_sales_list .item6 {
width: 26.0rem;
height: 12.5rem;
right: 0;
top: 11.2rem;
}
.increase_sales_list .item7 {
width: 25.7rem;
height: 5.7rem;
right: .5rem;
top: 24.7rem;
}
.increase_sales_list .item8 {
width: 65.1rem;
height: 10.3rem;
right: 0;
top: 31.5rem;
}
.increase_sales_list .item9 {
width: 65.1rem;
height: 10.3rem;
right: 0;
top: 63.0rem;
}
.increase_sales_list .item10 {
width: 14.8rem;
height: 10.2rem;
right: 1.6rem;
top: 43.9rem;
}
.increase_sales_tip {
display: none;
}
.order_descr {
text-align: left;
font-size: 3.0rem;
font-weight: 300;
line-height: 1.5;
margin-bottom: 4.0rem;
}
.order_buttons .button {
width: 100%;
font-size: 3.6rem;
line-height: 9.1rem;
height: 9.1rem;
}
.why_landing {
margin: 0;
}
.why_landing li {
display: block;
padding: 0;
margin: 0;
text-align: left;
}
.why_landing p {
margin-left: 19.6rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
}
.why_landing .row1, .why_landing .row2 {
width: auto;
padding: 0;
margin: 0 0 4.5rem;
}
.why_landing_ico {
width: 16.2rem;
height: 16.2rem;
float: left;
margin: 0;
}
.why_landing_ico:before {
top: 0;
left: 50%;
margin-top: 0;
}
.why_landing_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -965px -353px;
width: 150px;
height: 157px;
margin-left: -75px;
margin-top: 0;
}
.why_landing_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1570px -1288px;
width: 126px;
height: 129px;
margin-left: -63px;
margin-top: 0;
}
.why_landing_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1418px -418px;
width: 150px;
height: 133px;
margin-left: -75px;
margin-top: 0;
}
.why_landing_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1269px -1076px;
width: 144px;
height: 145px;
margin-left: -72px;
margin-top: 0;
}
.why_landing_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1117px 0px;
width: 150px;
height: 151px;
margin-left: -75px;
margin-top: 0;
}
.why_landing_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1117px -610px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: 0;
}
.why_landing_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -1117px -153px;
width: 150px;
height: 151px;
margin-left: -75px;
margin-top: 0;
}
.why_landing_title {
margin-left: 19.6rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 400;
margin-bottom: 0;
}
.steps2 {
margin: 0;
}
.steps2 li {
clear: both;
display: block;
float: none;
height: auto;
margin: 0 0 3.5rem 0 !important;
padding: 0;
width: auto;
}
.steps2 br {
display: none;
}
.steps2 .line, .steps2 .arc-l, .steps2 .arc-r, .steps2 .arc-r2, .steps2 .arc-l2 {
display: none;
}
.steps2 .rtl {
clear: both;
float: none;
}
.steps2 .button {
width: 100%;
margin: 0;
font-size: 3.6rem;
line-height: 5.0rem;
padding: 2.5rem 15.0rem;
}
.steps_buttons .button {
width: 100%;
}
.we_best {
margin: 0;
padding: 0;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
text-align: left;
}
.we_best li {
margin-bottom: 4.5rem;
position: relative;
padding-left: 19.7rem;
text-align: left;
}
.we_best p {
margin: 0;
}
.we_best .we_best_ico {
position: absolute;
left: .9rem;
top: 0;
width: 15.0rem;
height: 15.0rem;
border-width: .3rem;
box-sizing: border-box;
margin: 0;
text-align: center;
}
.we_best .we_best_ico .num {
font-size: 8.0rem;
margin-top: 2.3rem;
}
.we_best .we_best_ico .label {
font-size: 3.0rem;
}
.we_best .we_best_ico .label.small {
font-size: 2.0rem;
line-height: 3.0rem;
}
.consultation_form {
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
text-align: left;
}
.consultation_form .section_title, .consultation_form .main_heading, .consultation_form .item-title, .consultation_form .itemTitle {
font-size: 6.0rem;
line-height: 1.1666;
margin: 0;
font-weight: 300;
}
.consultation_form .form_list {
margin-top: 3.0rem;
}
.consultation_form .form_list li {
margin-bottom: 4.0rem;
}
.consultation_form .button {
width: 100%;
line-height: 4.5rem;
font-size: 3.6rem;
padding: 2.2rem 4.0rem;
height: auto;
}
.why_shop {
margin: 0;
}
.why_shop li {
display: block;
width: auto;
padding: 0;
margin: 0 0 13.2rem;
text-align: left;
}
.why_shop p {
margin: 0 0 0 20.0rem;
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
}
.why_shop_ico {
width: 17.8rem;
float: left;
margin: 0;
}
.why_shop_ico:before {
top: 0;
margin-top: 0;
}
.why_shop_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -459px -940px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: 0;
}
.why_shop_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1070px -1092px;
width: 181px;
height: 109px;
margin-left: -90.5px;
margin-top: 0;
}
.why_shop_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -426px -1391px;
width: 150px;
height: 129px;
margin-left: -75px;
margin-top: 0;
}
.why_shop_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1570px -451px;
width: 124px;
height: 150px;
margin-left: -62px;
margin-top: 0;
}
.why_shop_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -186px -766px;
width: 184px;
height: 156px;
margin-left: -92px;
margin-top: 0;
}
.why_shop_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -965px -512px;
width: 150px;
height: 154px;
margin-left: -75px;
margin-top: 0;
}
.why_shop_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -965px -178px;
width: 139px;
height: 173px;
margin-left: -69.5px;
margin-top: 0;
}
.online_store {
counter-reset: count;
}
.online_store li {
height: auto;
margin-bottom: 4.0rem;
}
.online_store li:before {
counter-increment: count;
content: counter(count);
display: inline-block;
margin-right: 1.7rem;
width: 3.8rem;
height: 3.8rem;
text-align: center;
color: #ffffff;
background: #1b95be;
font: 3rem/4.1rem "Circe";
vertical-align: middle;
border-radius: 50%;
}
.online_store .item2 .online_store_title {
font-size: 3.0rem;
line-height: 1.5;
}
.online_store_title {
height: auto !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
width: auto !important;
display: inline;
text-align: left;
font-size: 3.0rem;
text-transform: none;
line-height: 1.5;
color: #004c82;
border-bottom: 1px dashed #004c82;
}
.online_store_title .inn, .online_store_title .inn2, .online_store_title .inn3 {
height: auto !important;
border: none !important;
margin: 0 !important;
width: auto !important;
display: inline;
text-align: left;
}
.online_store_descr {
position: static;
border: none;
padding: 0 !important;
width: auto;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
text-align: left !important;
display: none;
}
.online_store_title.active + .online_store_descr {
display: block;
}
.contractor {
margin: 0;
list-style: none;
padding: 0;
}
.contractor li {
display: block;
width: auto;
padding: 0;
margin: 0 0 4.5rem;
}
.contractor p {
margin-left: 20.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
}
.contractor_title {
margin-left: 20.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 400;
}
.contractor_ico {
width: 17.8rem;
}
.contractor_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -965px -512px;
width: 150px;
height: 154px;
margin-left: -75px;
margin-top: 0;
}
.contractor_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1117px -610px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: 0;
}
.contractor_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -965px 0px;
width: 150px;
height: 176px;
margin-left: -75px;
margin-top: 0;
}
.contractor_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -730px -1391px;
width: 150px;
height: 128px;
margin-left: -75px;
margin-top: 0;
}
.contractor_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1269px -303px;
width: 123px;
height: 176px;
margin-left: -61.5px;
margin-top: 0;
}
.contractor_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1269px -630px;
width: 143px;
height: 150px;
margin-left: -71.5px;
margin-top: 0;
}
.ask_form .section_title, .ask_form .main_heading, .ask_form .item-title, .ask_form .itemTitle {
font-size: 6.0rem;
line-height: 7.0rem;
}
.ask_form p {
font-size: 3.0rem;
line-height: 5.0rem;
text-align: left;
}
.ask_form textarea {
height: 29.1rem;
resize: none;
}
.ask_form .form_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ask_form .form_list .col-12 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ask_form .form_list .buttons {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.case_filter {
margin-left: -2.0rem;
}
.case_filter li {
line-height: 5.8rem;
font-size: 3.0rem;
margin-left: 2.0rem;
}
.cases_list .work_link {
width: 66.0rem;
height: 66.0rem;
}
.services {
margin: 5.3rem 0 0 0;
text-align: left;
}
.services li {
width: auto;
margin-bottom: 4.5rem;
padding: 0;
}
.services_descr {
font-size: 3.0rem;
line-height: 1.5;
margin-left: 23.0rem;
}
.services_link {
padding-left: 23.0rem;
font-size: 3.0rem;
}
.services_link.ico1:before {
background-image: url("../images/sprite.png");
background-position: -766px -198px;
width: 185px;
height: 184px;
}
.services_link.ico2:before {
background-image: url("../images/sprite.png");
background-position: 0px -766px;
width: 184px;
height: 172px;
}
.services_link.ico3:before {
background-image: url("../images/sprite.png");
background-position: -766px 0px;
width: 197px;
height: 196px;
}
.services_link.ico4:before {
background-image: url("../images/sprite.png");
background-position: -730px -1391px;
width: 150px;
height: 128px;
}
.services_link.ico5:before {
background-image: url("../images/sprite.png");
background-position: -766px -563px;
width: 184px;
height: 177px;
}
.services_link.ico6:before {
background-image: url("../images/sprite.png");
background-position: -766px -384px;
width: 185px;
height: 177px;
}
.about_page {
font-weight: 300;
}
.about_page .section_title, .about_page .main_heading, .about_page .item-title, .about_page .itemTitle {
font-size: 4.5rem;
margin-bottom: 3.0rem;
}
.gallery_tip {
font-size: 2.6rem;
line-height: 2.6rem;
text-align: left;
}
.partners {
margin-left: -3.0rem;
}
.partners li {
margin-left: 2.9rem;
width: 31.5rem;
}
.sertificates {
margin: 0;
}
.sertificates li {
margin: 0 0 1.0rem;
width: 49%;
text-align: center;
}
.sertificates img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.parnter_1c {
margin-left: 0;
}
.parnter_1c li {
width: 49%;
margin: 0 0 1.0rem;
text-align: center;
}
.parnter_1c span {
width: 25.2rem;
height: 10.8rem;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gallery_slider .slick-arrow {
display: none;
width: 0;
overflow: hidden;
}
.contacts_section {
height: auto;
background: none;
}
.contacts_map {
position: static;
height: 60.0rem;
width: 100%;
}
.contacts {
height: auto;
}
.contacts .width {
height: auto;
}
.contacts_list {
width: auto;
height: auto;
padding: 0 0 5.0rem;
background: none;
font-size: 3.6rem;
line-height: 5.6rem;
}
.contacts_list li {
padding-left: 10.3rem;
}
.contacts_list li:before {
top: 1.6rem;
}
.contacts_list li + li {
margin-top: 4.0rem;
}
.contacts_tel:before {
background-image: url("../images/sprite.png");
background-position: -710px -1856px;
width: 65px;
height: 64px;
}
.contacts_mail:before {
background-image: url("../images/sprite.png");
background-position: -321px -1673px;
width: 64px;
height: 52px;
}
.contacts_addr:before {
background-image: url("../images/sprite.png");
background-position: -602px -1952px;
width: 56px;
height: 64px;
}
.contacts_descr {
font-size: 3.0rem;
line-height: 1.5;
}
.contacts_title {
font-size: 4.5rem;
margin-bottom: 1.0rem;
}
.contacts_form_title {
font-size: 6.0rem;
line-height: 7.0rem;
margin-bottom: 3.0rem;
}
.contacts_form_title .small {
display: inline;
font-size: 6.0rem;
line-height: 7.0rem;
}
.contacts_form {
margin-bottom: 1.5rem;
}
.contacts_form .inputbox {
height: 9.0rem;
font-size: 3.0rem;
line-height: 6.0rem;
padding: 1.5rem 3.0rem;
}
.contacts_form .form_list li {
margin-bottom: 4.0rem;
}
.contacts_form .button {
height: 9.0rem;
line-height: 9.0rem;
font-size: 3.6rem;
}
.contacts_form textarea.inputbox {
height: 24.8rem;
}
.contacts_form .buttons {
margin-top: 0;
}
.contacts_form .files {
height: auto;
}
.vacancy_title {
font-size: 4.5rem;
font-weight: 400;
margin-bottom: 2.5rem;
line-height: 1.5;
}
.vacancies {
font-size: 3.0rem;
line-height: 1.5;
}
.vacancy_list dt {
font-size: 4.5rem;
font-weight: 400;
line-height: 1;
}
.vacancy_list dt span {
border-color: #004c82;
}
.vacancy_list dt span:hover {
border-color: transparent;
}
.vacancy_prop_title {
font-size: 3.0rem;
line-height: 4.0rem;
font-weight: 400;
margin-bottom: 1.7rem;
}
.vacancy_prop_list {
margin-left: 0;
line-height: 4.0rem;
font-size: 3.0rem;
}
.vacancy_prop_list li {
margin-bottom: 2.0rem;
padding-left: 3.0rem;
}
.vacancy_prop_list li:before {
content: '';
width: 1.3rem;
height: 1.3rem;
top: 1.6rem;
}
.vacancy_form .form_title {
font-size: 6.0rem;
line-height: 7.0rem;
margin-bottom: 3.0rem;
text-transform: none;
font-weight: 300;
}
.vacancy_form .form_list li {
margin-bottom: 4.0rem;
}
.vacancy_form select.inputbox {
width: 100%;
margin: 0;
}
.vacancy_form .inputbox {
height: 9.0rem;
border: none;
background: #ffffff;
padding: 1.5rem 3.0rem;
line-height: 6.0rem;
font-size: 3.0rem;
font-weight: 300;
color: #000;
border-radius: 0.5rem;
}
.vacancy_form .inputbox.placeholder {
opacity: 1;
color: #8087a1;
}
.vacancy_form .inputbox:-moz-placeholder {
opacity: 1;
color: #8087a1;
}
.vacancy_form .inputbox::-moz-placeholder {
opacity: 1;
color: #8087a1;
}
.vacancy_form .inputbox:-ms-input-placeholder {
opacity: 1;
color: #8087a1;
}
.vacancy_form .inputbox::-webkit-input-placeholder {
opacity: 1;
color: #8087a1;
}
.vacancy_form .selectBox-dropdown {
margin: 0;
}
.vacancy_form .selectBox-dropdown .selectBox-label {
height: 6.0rem;
line-height: 6.0rem;
font-size: 3.0rem;
padding-left: 0;
font-weight: 300;
}
.vacancy_form .selectBox-dropdown .selectBox-arrow {
width: 6.4rem;
height: 9.0rem;
}
.vacancy_form .selectBox-dropdown .selectBox-arrow i {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 0.8rem 0.7rem 0 0.7rem;
border-color: #000 transparent transparent transparent;
margin: -.4rem 0 0 -.7rem;
}
.vacancy_form .filetext {
max-width: 29.7rem;
}
.why_visit {
margin: 0;
text-align: left;
}
.why_visit li {
padding: 0;
margin-bottom: 3.5rem;
display: block;
width: auto;
}
.why_visit .row2 {
margin-top: 0;
}
.why_visit p {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
}
.why_visit p br {
display: none;
}
.why_visit_ico {
width: 20.0rem;
height: 10.0rem;
float: left;
}
.why_visit_ico:before {
top: 1.2rem;
}
.why_visit_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -965px 0px;
width: 150px;
height: 176px;
margin-left: -75px;
margin-top: 0;
}
.why_visit_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -763px -940px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: 0;
}
.why_visit_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -152px -1092px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: 0;
}
.why_visit_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: 0px -1533px;
width: 138px;
height: 138px;
margin-left: -69px;
margin-top: 0;
}
.why_visit_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1418px 0px;
width: 150px;
height: 138px;
margin-left: -75px;
margin-top: 0;
}
.why_visit_title {
font-size: 3.0rem;
line-height: 1.5;
margin: 0 0 0 23.0rem;
font-weight: 400;
}
.fails {
text-align: left;
}
.fails li {
margin-bottom: 4.5rem;
}
.fails p {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
}
.fail_ico {
width: 15.0rem;
height: 15.0rem;
margin-left: 2.4rem;
margin-top: 1.0rem;
float: left;
margin-bottom: 0;
}
.fail_ico:before {
background-image: url("../images/sprite.png");
background-position: -534px -1952px;
width: 66px;
height: 66px;
margin-left: -33px;
margin-top: -33px;
}
.fail_ico.ico1, .fail_ico.ico2, .fail_ico.ico3, .fail_ico.ico4 {
width: 20.0rem;
background: none;
border: none;
margin-left: 0;
}
.fail_ico.ico1:before, .fail_ico.ico2:before, .fail_ico.ico3:before, .fail_ico.ico4:before {
top: 0;
}
.fail_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -965px -821px;
width: 150px;
height: 117px;
margin-left: -75px;
margin-top: 0;
}
.fail_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1269px -929px;
width: 144px;
height: 145px;
margin-left: -72px;
margin-top: 0;
}
.fail_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -913px -1092px;
width: 155px;
height: 137px;
margin-left: -77.5px;
margin-top: 0;
}
.fail_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1704px -1222px;
width: 97px;
height: 139px;
margin-left: -48.5px;
margin-top: 0;
}
.fail_title {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 0;
}
.fails_heading {
font-size: 6.0rem;
line-height: 7.0rem;
margin: 4.0rem 0 5.0rem;
text-align: left;
}
.try_visit li {
display: block;
font-size: 6.0rem;
line-height: 7.0rem;
text-align: left;
}
.try_visit .ok, .try_visit .no {
display: inline-block;
vertical-align: bottom;
}
.try_visit .button {
height: 9.1rem;
line-height: 9.1rem;
font-size: 3.6rem;
font-weight: 400;
padding: 0;
}
.try_visit .ok {
margin-top: 3.2rem;
}
.try_visit .ok .button {
width: 10.4rem;
}
.try_visit .no .button {
width: 52.3rem;
}
.our_offer {
text-align: left;
}
.our_offer p {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
}
.our_offer li {
margin-bottom: 4.5rem;
}
.our_offer_title {
margin: 0 0 0 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
}
.our_offer_ico {
width: 20.0rem;
float: left;
margin: 0;
}
.our_offer_ico:before {
top: 1.0rem;
}
.our_offer_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1570px -1288px;
width: 126px;
height: 129px;
margin-left: -63px;
margin-top: 0;
}
.our_offer_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -915px -940px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: 0;
}
.our_offer_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -730px -1391px;
width: 150px;
height: 128px;
margin-left: -75px;
margin-top: 0;
}
.our_offer_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: 0px -1092px;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: 0;
}
.consultation_form2 {
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
}
.consultation_form2 .form_list li + li {
margin-top: 4.0rem;
}
.consultation_form2 .inputbox {
height: 9.0rem;
padding: 1.5rem 3.0rem;
line-height: 6.0rem;
font-size: 3.0rem;
}
.consultation_form2 .button {
line-height: 5.0rem;
font-size: 3.6rem;
height: auto;
padding: 1.8rem 3.0rem;
}
.dev_corp .dev_site_inn {
background-position: 100% 0;
}
.why_corp {
margin: 0 0 7.0rem;
padding: 0;
list-style: none;
text-align: left;
font-size: 0;
line-height: 0;
}
.why_corp li {
display: block;
width: auto;
padding: 0;
margin: 0;
}
.why_corp li + li {
margin-top: 9.0rem;
}
.why_corp p {
display: inline-block;
vertical-align: middle;
width: 43.0rem;
margin-left: 3.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 400;
}
.why_corp .why_corp_ico:before {
display: inline-block;
position: static;
margin: 0;
}
.why_corp_ico {
width: 20.0rem;
height: auto;
margin: 0;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.why_corp_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -965px 0px;
width: 150px;
height: 176px;
}
.why_corp_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1269px 0px;
width: 147px;
height: 148px;
}
.why_corp_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -683px -766px;
width: 151px;
height: 151px;
}
.why_corp_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -146px -1244px;
width: 144px;
height: 145px;
}
.why_corp_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1269px -782px;
width: 144px;
height: 145px;
}
.why_corp_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1418px 0px;
width: 150px;
height: 138px;
}
.why_corp_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -1704px -247px;
width: 133px;
height: 115px;
}
.why_corp2 {
margin: 0;
font-size: 0;
line-height: 0;
text-align: left;
}
.why_corp2 li {
display: block;
width: auto;
margin-bottom: 6.0rem;
}
.why_corp2 .why_corp2_ico {
margin: 0;
}
.why_corp2 .why_corp2_ico:before {
position: static;
display: inline-block;
margin: 0;
}
.why_corp2 p {
vertical-align: middle;
display: inline-block;
width: 43.0rem;
margin-left: 3.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 300;
text-align: left;
}
.why_corp2_ico {
width: 20.0rem;
height: auto;
display: inline-block;
vertical-align: middle;
text-align: center;
position: relative;
}
.why_corp2_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -876px -1244px;
width: 144px;
height: 144px;
}
.why_corp2_ico.ico2, .why_corp2_ico.ico4 {
width: 20.0rem;
height: 14.4rem;
border: none;
text-align: center;
line-height: 15.1rem;
font-size: 7.5rem;
font-weight: 400;
}
.why_corp2_ico.ico2:after, .why_corp2_ico.ico4:after {
content: '';
position: absolute;
width: 14.4rem;
height: 14.4rem;
border: .6rem solid #fff;
border-radius: 50%;
box-sizing: border-box;
top: 0;
left: 50%;
margin-left: -7.2rem;
}
.why_corp2_ico.ico3 {
height: 14.4rem;
}
.why_corp2_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -982px -1611px;
width: 104px;
height: 47px;
margin-left: -52px;
margin-top: -23.5px;
}
.why_corp2_ico.ico3:before {
position: absolute;
left: 50%;
top: 50%;
}
.why_corp2_ico.ico3:after {
content: '';
position: absolute;
width: 14.4rem;
height: 14.4rem;
border: .6rem solid #fff;
border-radius: 50%;
box-sizing: border-box;
top: 0;
left: 50%;
margin-left: -7.2rem;
}
.why_corp2_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1187px -1391px;
width: 150px;
height: 126px;
}
.why_cat {
text-align: left;
}
.why_cat li {
margin-bottom: 4.5rem;
}
.why_cat p {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
}
.why_cat .why_cat_ico:before {
top: 1.3rem;
margin-top: 0;
}
.why_cat_title {
font-size: 3.0rem;
line-height: 1.5;
font-weight: 400;
margin: 0 0 0 23.0rem;
}
.why_cat_ico {
width: 20.0rem;
float: left;
}
.why_cat_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -965px 0px;
width: 150px;
height: 176px;
margin-left: -75px;
margin-top: 0;
}
.why_cat_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: 0px -1533px;
width: 138px;
height: 138px;
margin-left: -69px;
margin-top: 0;
}
.why_cat_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -420px -1533px;
width: 138px;
height: 138px;
margin-left: -69px;
margin-top: 0;
}
.why_cat_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1168px -1244px;
width: 144px;
height: 144px;
margin-left: -72px;
margin-top: 0;
}
.individual_title {
font-size: 4.5rem;
line-height: 1;
margin-bottom: 3.5rem;
}
.individual .not_list li, .individual .yes_list li {
margin-bottom: 5.0rem;
}
.callus {
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
}
.callus br {
display: none;
}
.sendrequest {
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
}
.sendrequest .section_title, .sendrequest .main_heading, .sendrequest .item-title, .sendrequest .itemTitle {
margin-bottom: 1.5rem;
}
.sendrequest .button {
width: 100%;
height: 9.0rem;
line-height: 9.0rem;
font-size: 3.6rem;
}
.works_grey {
background: #f5f6f8;
}
.section_trust {
padding-top: 5.0rem;
}
.trust li {
margin-bottom: 4.5rem;
}
.trust_num {
float: left;
width: 20.0rem;
font-size: 8.0rem;
position: relative;
top: .6rem;
}
.trust_descr {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
text-align: left;
}
.trust2 {
margin: 0;
}
.trust2 li {
margin: 0 0 4.5rem;
padding: 0;
display: block;
width: auto;
}
.trust2 p {
margin-left: 23.0rem;
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
padding: 0;
display: block;
}
.trust2 .trust2_ico:before {
top: 1.3rem;
}
.trust2 .trust2_ico.ico1 {
margin-top: 1.2rem;
}
.trust2 .trust2_ico.ico1:before {
top: 50%;
}
.trust2_ico {
float: left;
width: 20.0rem;
position: relative;
height: 14.5rem;
margin: 0;
left: 0;
top: 0;
}
.trust2_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -836px -868px;
width: 104px;
height: 47px;
margin-left: -52px;
margin-top: -23.5px;
}
.trust2_ico.ico1:before {
margin-left: -5.0rem;
}
.trust2_ico.ico1:after {
width: 14.4rem;
height: 14.4rem;
border: 0.6rem solid #1b95be;
margin: -7.2rem 0 0 -7.2rem;
}
.trust2_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1570px -1288px;
width: 126px;
height: 129px;
margin-left: -63px;
margin-top: 0;
}
.trust2_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -730px -1391px;
width: 150px;
height: 128px;
margin-left: -75px;
margin-top: 0;
}
.trust2_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1570px -147px;
width: 126px;
height: 150px;
margin-left: -63px;
margin-top: 0;
}
.section_1c {
padding-bottom: .5rem;
}
.call_back {
margin: 0;
}
.call_back li + li {
margin-top: 4.0rem;
}
.call_back .inputbox {
height: 9.0rem;
line-height: 6.0rem;
font-size: 3.0rem;
}
.call_back .button {
height: 9.0rem;
line-height: 9.0rem;
font-size: 3.6rem;
}
.call_back_title {
font-size: 6.0rem;
line-height: 7.0rem;
}
.call_back_title span {
font-size: 3.0rem;
line-height: 1.5;
display: block;
}
.call_back_title b {
font-weight: 300;
}
.why_1c {
margin: 0;
text-align: left;
}
.why_1c li {
padding: 0;
margin: 0 0 6.9rem;
display: block;
width: auto;
}
.why_1c li > * {
vertical-align: middle;
}
.why_1c p {
vertical-align: middle;
width: 43.0rem;
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
}
.why_1c .why_1c_ico:before {
margin: 0;
}
.why_1c_ico {
width: 20.0rem;
height: auto;
vertical-align: middle;
margin: 0;
text-align: center;
}
.why_1c_ico:before {
position: static;
display: inline-block;
margin: 0;
}
.why_1c_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1117px -914px;
width: 150px;
height: 150px;
}
.why_1c_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1704px -118px;
width: 126px;
height: 127px;
}
.why_1c_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1570px -299px;
width: 126px;
height: 150px;
}
.why_1c_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -140px -1533px;
width: 138px;
height: 138px;
}
.why_1c_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: 0px -940px;
width: 151px;
height: 150px;
}
.why_1c_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -530px -766px;
width: 151px;
height: 151px;
}
.why_1c_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -965px -353px;
width: 150px;
height: 157px;
}
.why_1c_ico.ico8:before {
background-image: url("../images/sprite.png");
background-position: 0px -1244px;
width: 144px;
height: 145px;
}
.why_1c_ico.ico9:before {
background-image: url("../images/sprite.png");
background-position: -1704px -1470px;
width: 104px;
height: 120px;
}
.why_1c_ico.ico10:before {
background-image: url("../images/sprite.png");
background-position: 0px -1092px;
width: 150px;
height: 150px;
}
.why_1c_ico.ico11:before {
background-image: url("../images/sprite.png");
background-position: -730px -1391px;
width: 150px;
height: 128px;
}
.why_1c_ico.ico12:before {
background-image: url("../images/sprite.png");
background-position: -836px -868px;
width: 104px;
height: 47px;
}
.why_1c_ico.ico12:after {
content: '';
position: absolute;
width: 14.4rem;
height: 14.4rem;
box-sizing: border-box;
border-radius: 50%;
border: 0.6rem solid #1b95be;
left: 50%;
top: 50%;
margin: -7.2rem 0 0 -7.2rem;
}
.why_1c_ico.ico13:before {
background-image: url("../images/sprite.png");
background-position: -1570px -147px;
width: 126px;
height: 150px;
}
.why_1c_ico.ico14:before {
background-image: url("../images/sprite.png");
background-position: -1418px -688px;
width: 150px;
height: 132px;
}
.why_1c_list {
font-size: 3.0rem;
}
.why_1c_list li {
padding-left: 9.7rem;
margin-bottom: 4.5rem;
}
.why_1c_list li:before {
width: 7.0rem;
height: 7.0rem;
line-height: 7.0rem;
font-size: 4.0rem;
top: 1.2rem;
}
.price_1c {
font-size: 3.0rem;
line-height: 1.5;
}
.price_1c .section_heading {
font-size: 6.0rem;
line-height: 7.0rem;
margin-bottom: 3.0rem;
}
.why_serm {
margin: 0;
}
.why_serm li {
display: block;
width: auto;
padding: 0;
margin-bottom: 4.5rem;
text-align: left;
}
.why_serm p {
margin-left: 22.5rem;
font-size: 3.0rem;
line-height: 1.5;
}
.why_serm_num {
float: left;
text-align: center;
margin: .7rem 0 0 0;
width: 20.0rem;
}
.negative_rev {
padding: 2.0rem 0;
}
.negative_rev .section_title, .negative_rev .main_heading, .negative_rev .item-title, .negative_rev .itemTitle {
font-size: 6.0rem;
line-height: 7.0rem;
}
.serm_list {
margin: 0;
text-align: left;
}
.serm_list li {
display: block;
width: auto;
padding: 0;
margin-bottom: 8.5rem;
}
.serm_list li > * {
vertical-align: middle;
}
.serm_list p {
width: 43.0rem;
font-size: 3.0rem;
line-height: 1.5;
margin: 0;
text-align: left;
}
.serm_list p br {
display: none;
}
.serm_list .serm_list_ico:before {
margin: 0;
}
.serm_list_ico {
width: 20.0rem;
text-align: center;
height: auto;
margin: 0;
}
.serm_list_ico:before {
position: static;
margin: 0;
display: inline-block;
}
.serm_list_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -760px -1092px;
width: 151px;
height: 141px;
}
.serm_list_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -560px -1533px;
width: 138px;
height: 132px;
}
.serm_list_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1022px -1244px;
width: 144px;
height: 144px;
}
.serm_list_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1269px -782px;
width: 144px;
height: 145px;
}
.serm_list_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -304px -1092px;
width: 150px;
height: 149px;
}
.serm_list_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -1570px -746px;
width: 120px;
height: 144px;
}
.serm_list_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -153px -940px;
width: 151px;
height: 150px;
}
.serm_list_ico.ico8:before {
background-image: url("../images/sprite.png");
background-position: -152px -1092px;
width: 150px;
height: 150px;
}
.serm_list_ico.ico9:before {
background-image: url("../images/sprite.png");
background-position: -1117px -153px;
width: 150px;
height: 151px;
}
.serm_list_ico.ico10:before {
background-image: url("../images/sprite.png");
background-position: -1418px -688px;
width: 150px;
height: 132px;
}
.section_call {
text-align: left;
font-size: 3.0rem;
line-height: 1.5;
}
.section_call .button {
width: 100%;
}
.serm_manage {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
font-size: 3.0rem;
}
.serm_manage li {
min-height: auto;
margin: 0;
padding-left: 9.7rem;
}
.serm_manage li:before {
width: 7.0rem;
height: 7.0rem;
line-height: 7.4rem;
font-size: 4.0rem;
}
.serm_manage li + li {
margin-top: 1.5em;
}
.section_flamp .section_title, .section_flamp .main_heading, .section_flamp .item-title, .section_flamp .itemTitle {
text-align: center;
margin-bottom: 5.4rem;
}
.section_flamp .section_title br, .section_flamp .main_heading br, .section_flamp .item-title br, .section_flamp .itemTitle br {
display: none;
}
.serm_list2 {
margin: 0 0 2.8rem;
text-align: left;
}
.serm_list2 li {
display: block;
padding: 0;
margin: 0;
width: auto;
}
.serm_list2 li + li {
margin-top: 8.7rem;
}
.serm_list2 .serm_list2_ico:before {
margin: 0;
}
.serm_list2_title {
display: inline-block;
vertical-align: middle;
font-size: 4.5rem;
line-height: 1.5;
font-weight: 400;
text-align: left;
padding: 0;
}
.serm_list2_ico {
width: 20.0rem;
text-align: center;
height: auto;
margin: 0 25px 0 0;
display: inline-block;
vertical-align: middle;
}
.serm_list2_ico:before {
position: static;
margin: 0;
display: inline-block;
}
.serm_list2_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -1418px -140px;
width: 144px;
height: 141px;
}
.serm_list2_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1339px -1391px;
width: 150px;
height: 123px;
}
.serm_list2_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1418px -553px;
width: 150px;
height: 133px;
}
.serm_list2_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -882px -1391px;
width: 150px;
height: 128px;
}
.serm_list2_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -438px -1244px;
width: 144px;
height: 144px;
}
.serm_dangers {
margin: 0;
}
.serm_dangers li {
margin-bottom: 4.5rem;
display: block;
padding: 0;
width: auto;
text-align: left;
}
.serm_dangers .serm_danger_ico:before {
margin: 0;
}
.serm_dangers p {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
text-align: left;
}
.serm_danger_ico {
width: 20.0rem;
float: left;
height: auto;
margin: 1.3rem 0 0 0;
}
.serm_danger_ico:before {
position: static;
margin: 0;
display: inline-block;
}
.serm_danger_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -608px -1092px;
width: 150px;
height: 144px;
}
.serm_danger_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -578px -1391px;
width: 150px;
height: 128px;
}
.serm_danger_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1570px -1288px;
width: 126px;
height: 129px;
}
.serm_danger_title {
font-size: 3.0rem;
line-height: 1.5;
margin: 0 0 0 23.0rem;
text-align: left;
}
.section_rep .section_title, .section_rep .main_heading, .section_rep .item-title, .section_rep .itemTitle {
margin-bottom: 3.0rem;
}
.section_rep .button {
width: 100%;
}
.serm_request {
font-size: 3.0rem;
line-height: 1.5;
}
.portfolio_intro_title {
font-size: 4.0rem;
line-height: 5.6rem;
margin-bottom: 2.3rem;
}
.portfolio_intro_title .name {
font-size: 6.0rem;
line-height: 1;
display: block;
}
.portfolio_intro_title .quotes:first-child {
margin: 0;
}
.portfolio_intro_link {
font-size: 3.0rem;
line-height: 1.5;
}
.portfolio_intro_task .title {
font-size: 3.0rem;
line-height: 1.5;
margin: 0;
}
.work_process {
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 2.0rem;
}
.work_item {
font-size: 3.0rem;
}
.work_item .num {
width: 5.2rem;
height: 5.2rem;
line-height: 5.5rem;
font-size: 3.0rem;
margin-right: 2.0rem;
}
.portfolio_project {
padding: 3.0rem 0;
}
.portfolio_design .scroll1, .portfolio_design .scroll2 {
display: none;
}
.portfolio_slider {
width: auto;
height: auto;
}
.portfolio_slider li {
position: static !important;
width: auto !important;
height: auto !important;
opacity: 1 !important;
margin-bottom: 3.0rem;
line-height: 0;
}
.portfolio_slider img {
display: block;
margin: 0 auto;
}
.bull li {
margin-bottom: 1.5rem;
}
.bull li:before {
width: 1.2rem;
height: 1.2rem;
top: 1.7rem;
}
.integration img {
width: auto;
max-width: 100%;
display: block;
float: none;
}
.result_list {
margin: 0;
}
.result_list li {
display: block;
width: auto;
padding: 0;
}
.result_list li + li {
margin-top: 7.0rem;
}
.result_list .result_list_ico {
display: inline-block;
vertical-align: middle;
width: 20.0rem;
height: auto;
position: static;
text-align: center;
margin: 0;
}
.result_list .result_list_ico:before {
position: static;
display: inline-block;
margin: 0;
}
.result_list p {
text-align: left;
vertical-align: middle;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 400;
width: 43.0rem;
}
.result_list p br {
display: none;
}
.result_list2 p br {
display: inline;
}
.result_list_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -456px -1092px;
width: 150px;
height: 147px;
}
.result_list_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1418px -1108px;
width: 150px;
height: 131px;
}
.result_list_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -584px -1244px;
width: 144px;
height: 144px;
}
.portfolio_seo_name {
font-size: 6.0rem;
line-height: 7.0rem;
margin-bottom: 3.0rem;
}
.portfolio_seo_pos {
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 1.5em;
}
.portfolio_seo_img {
border: none;
}
.peoples .section_title, .peoples .main_heading, .peoples .item-title, .peoples .itemTitle {
margin-bottom: 3.5rem;
}
.peoples .inputbox {
height: 9.0rem;
line-height: 6.0rem;
font-size: 3.0rem;
padding: 1.5rem 3.0rem;
}
.peoples .form_list li {
margin-bottom: 4.0rem;
}
.peoples .form_list .buttons {
margin-bottom: 0;
}
.peoples_list {
margin: 0;
}
.peoples_list dt, .peoples_list dd {
display: block;
width: auto;
font-size: 3.0rem;
line-height: 1.5;
margin: 0;
}
.peoples_list dd {
margin-bottom: 3.0rem;
}
.prtfolio_item_descr {
font-size: 3.0rem;
line-height: 1.5;
}
.prtfolio_item_image {
margin: 0 -3.0rem;
}
.prtfolio_item_link {
margin: 3.0rem 0 5.0rem;
}
.prtfolio_item_link span {
font-size: 3.0rem;
line-height: 5.4rem;
padding: 0 1.9rem;
border-radius: 0.5rem;
}
.prtfolio_nav a {
font-size: 3.0rem;
line-height: 4.0rem;
width: 28.3rem;
padding: .8rem 4.0rem;
text-align: center;
box-sizing: border-box;
border-color: #00adbf;
}
.prtfolio_nav a:hover {
background-color: #00adbf;
}
.prtfolio_prev {
border-radius: 0 0.5rem 0.5rem 0;
padding-right: 5.0rem;
margin-left: 3.0rem;
}
.prtfolio_prev:before {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 5rem 3rem 5rem 0;
border-color: transparent #00adbf transparent transparent;
right: 100%;
top: -.2rem;
}
.prtfolio_prev:after {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 4.8rem 2.8rem 4.8rem 0;
border-color: transparent #EBEDF1 transparent transparent;
right: 100%;
top: 0;
}
.prtfolio_prev:hover:after {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 4.8rem 2.8rem 4.8rem 0;
border-color: transparent #00adbf transparent transparent;
right: 100%;
top: 0;
}
.prtfolio_next {
border-radius: 0.5rem 0 0 0.5rem;
padding-left: 5.0rem;
margin-right: 3.0rem;
}
.prtfolio_next:before {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 5rem 0 5rem 3rem;
border-color: transparent transparent transparent #00adbf;
left: 100%;
top: -.2rem;
}
.prtfolio_next:after {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 4.8rem 0 4.8rem 2.8rem;
border-color: transparent transparent transparent #EBEDF1;
left: 100%;
top: 0;
}
.prtfolio_next:hover:after {
width: 0px;
height: 0px;
border-style: solid;
background: none;
border-width: 4.8rem 0 4.8rem 2.8rem;
border-color: transparent transparent transparent #00adbf;
right: 100%;
top: 0;
}
.targets_list {
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 7.0rem;
}
.targets_list li + li {
margin-top: 4.5rem;
}
.targets_list li span {
width: 56.0rem;
}
.prtfolio_item_argets_img {
margin: 0 -3.0rem;
overflow: hidden;
text-align: right;
}
.prtfolio_item_argets_img img {
width: auto;
max-width: none;
float: right;
margin-right: 3.0rem;
}
.prtfolio_item_results > * {
display: block;
}
.prtfolio_item_results_img {
text-align: center;
margin-bottom: 6.0rem;
width: auto;
}
.prtfolio_item_results_descr {
width: 60.0rem;
height: 60.0rem;
margin: 0 auto;
}
.prtfolio_item_results_descr_inn {
width: 60.0rem;
height: 60.0rem;
font-size: 4.0rem;
line-height: 6.0rem;
}
.howdo_title {
font-size: 4.0rem;
line-height: 1.5;
margin-bottom: 3.5rem;
}
.howdo_list {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
font-size: 3.0rem;
line-height: 1.5;
}
.howdo_list li {
margin-bottom: 4.5rem;
}
.howdo_list .num {
width: 7.0rem;
height: 7.0rem;
margin: 0 2.7rem 0 0;
line-height: 7.0rem;
font-size: 4.0rem;
min-height: 7.0rem;
max-height: 7.0rem;
min-width: 7.0rem;
max-width: 7.0rem;
}
.prtfolio_item_start {
font-size: 3.0rem;
line-height: 1.5;
}
.prtfolio_item_start .title {
font-size: 4.0rem;
margin-bottom: 1.0rem;
line-height: 1.5;
}
.whatwedo_list p {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
}
.whatwedo_heading {
font-size: 4.0rem;
line-height: 1.5;
}
.whatwedo_title {
margin-left: 23.0rem;
font-size: 3.0rem;
line-height: 1.5;
font-weight: 400;
margin-bottom: 0;
}
.whatwedo_ico {
text-align: center;
width: 20.0rem;
height: auto;
padding-top: 1.2rem;
}
.whatwedo_ico:before {
display: inline-block;
position: static;
}
.whatwedo_ico.ico1:before {
background-image: url("../images/sprite.png");
background-position: -965px -668px;
width: 150px;
height: 151px;
}
.whatwedo_ico.ico2:before {
background-image: url("../images/sprite.png");
background-position: -1418px -283px;
width: 150px;
height: 133px;
}
.whatwedo_ico.ico3:before {
background-image: url("../images/sprite.png");
background-position: -1704px -364px;
width: 108px;
height: 139px;
}
.whatwedo_ico.ico4:before {
background-image: url("../images/sprite.png");
background-position: -1269px -150px;
width: 144px;
height: 151px;
}
.whatwedo_ico.ico5:before {
background-image: url("../images/sprite.png");
background-position: -1269px -481px;
width: 147px;
height: 147px;
}
.whatwedo_ico.ico6:before {
background-image: url("../images/sprite.png");
background-position: -372px -766px;
width: 156px;
height: 156px;
}
.whatwedo_ico.ico7:before {
background-image: url("../images/sprite.png");
background-position: -1117px -306px;
width: 150px;
height: 150px;
}
.prtfolio_item_stat_row {
margin-left: 0;
margin-bottom: 0;
text-align: left;
}
.prtfolio_item_stat_row > * {
display: block;
width: auto;
padding: 0;
}
.prtfolio_item_stat_charts {
text-align: center;
margin-bottom: 4.5rem;
}
.prtfolio_item_stat_descr {
padding: 0;
font-size: 3.0rem;
line-height: 1.5;
margin-bottom: 1em;
}
.prtfolio_item_final li + li {
margin-left: 0;
}
.prtfolio_item_final li {
margin-bottom: 6.0rem;
width: 60.0rem;
height: 60.0rem;
}
.prtfolio_item_final .inn {
width: 60.0rem;
height: 60.0rem;
font-size: 4.5rem;
line-height: 5.5rem;
box-sizing: border-box;
padding: 0 13.5rem;
}
.prtfolio_item_final b, .prtfolio_item_final strong {
font-size: 15.0rem;
line-height: 1;
}
.why_1c_buttons .button {
width: 100%;
}
.section_portfolio_slider .round_prev, .section_portfolio_slider .round_next {
display: none;
}
.result_slider .slick-dots {
display: block;
}
.howdo_desction .section_title, .howdo_desction .main_heading, .howdo_desction .item-title, .howdo_desction .itemTitle {
font-size: 5.9rem;
}
}
@media (max-width: 64rem) {
.work_img {
width: 60.0rem;
}
.work_img a {
height: 60.0rem;
}
.work_decr_inn {
height: 20.0rem;
}
.work_decr {
font-size: 3.2rem;
line-height: 4.2rem;
}
}
@media (max-width: 999px) and (orientation: landscape) {
.header {
height: 5rem;
padding-top: 1.0rem;
}
.header_logo img {
height: 5.0rem;
}
.wrapper {
padding-top: 4.9rem;
}
.header_call {
line-height: 0;
font-size: 1px;
}
.header_call .button {
height: 3.0rem;
font-size: 1.8rem;
line-height: 2.6rem;
}
.c-hamburger {
-webkit-transform: scale(0.33);
transform: scale(0.33);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.header_logo {
width: 5.3rem;
height: 3.8rem;
margin-top: -.4rem;
}
.header_nav {
padding-top: 5rem;
}
}
@media (max-width: 720px) {
html {
font-size: 7.2px;
}
}
@media (max-width: 600px) {
html {
font-size: 6px;
}
}
@media (max-width: 480px) {
html {
font-size: 4.8px;
}
}
@media (max-width: 360px) {
html {
font-size: 3.6px;
}
}
@media (max-width: 320px) {
html {
font-size: 3.2px;
}
}
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: .5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}
.pg-category-box-image{
position: relative;
}
.pg-category-box-title, .pg-item-box-title{
display: flex;
font-size: 100%;
gap: 5px;
align-items: center;
}
.pg-category-box-title .ph-si{
margin: 0;
}
.pg-category-box-title a, .pg-item-box-title a{
flex: 1 1 auto;
font-size: 12px;
color: #ffffff;
}
.pg-category-box-title a:hover,
.pg-item-box-title a:hover{
text-decoration: none;
color: #ffffff;
}
.pg-category-box-title a:after{
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.icon-angle-right:before{
content:'>'
}
.icon-angle-double-right:before{
content:'>>'
}
.icon-angle-left:before{
content:'<'
}
.icon-angle-double-left:before{
content:'<<'
}
.com-content-category-blog__navigation {
text-align: center;
margin: 1em 0;
}