Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
taskonsite-архив-перенесен
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Packages
Packages
Container Registry
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dmitry Korolev
taskonsite-архив-перенесен
Commits
599eb5cd
Commit
599eb5cd
authored
Mar 07, 2019
by
john
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
2949
parent
72f6a5c3
Changes
13
Hide whitespace changes
Inline
Side-by-side
Showing
13 changed files
with
3244 additions
and
17 deletions
+3244
-17
common/modules/documentation/assets/DocumentationAsset.php
common/modules/documentation/assets/DocumentationAsset.php
+9
-3
common/modules/documentation/assets/src/css/documentation.css
...on/modules/documentation/assets/src/css/documentation.css
+0
-0
common/modules/documentation/assets/src/css/editormd.css
common/modules/documentation/assets/src/css/editormd.css
+0
-0
common/modules/documentation/assets/src/css/generator.css
common/modules/documentation/assets/src/css/generator.css
+33
-0
common/modules/documentation/assets/src/css/images/icon_info_2.png
...dules/documentation/assets/src/css/images/icon_info_2.png
+0
-0
common/modules/documentation/assets/src/css/images/icon_video.png
...odules/documentation/assets/src/css/images/icon_video.png
+0
-0
common/modules/documentation/assets/src/css/responsive.css
common/modules/documentation/assets/src/css/responsive.css
+484
-0
common/modules/documentation/assets/src/css/style.css
common/modules/documentation/assets/src/css/style.css
+2706
-0
common/modules/documentation/assets/src/css/styles.css
common/modules/documentation/assets/src/css/styles.css
+0
-0
common/modules/documentation/assets/src/css/vendor.min.css
common/modules/documentation/assets/src/css/vendor.min.css
+0
-0
common/modules/documentation/assets/src/js/documentation.js
common/modules/documentation/assets/src/js/documentation.js
+0
-0
common/modules/documentation/views/page/view.php
common/modules/documentation/views/page/view.php
+8
-10
frontend/web/.htaccess
frontend/web/.htaccess
+4
-4
No files found.
frontend
/assets/DocumentationAsset.php
→
common/modules/documentation
/assets/DocumentationAsset.php
View file @
599eb5cd
<?php
<?php
namespace
frontend
\assets
;
namespace
common\modules\documentation
\assets
;
use
yii\web\AssetBundle
;
use
yii\web\AssetBundle
;
...
@@ -10,9 +10,15 @@ use yii\web\AssetBundle;
...
@@ -10,9 +10,15 @@ use yii\web\AssetBundle;
class
DocumentationAsset
extends
AssetBundle
class
DocumentationAsset
extends
AssetBundle
{
{
public
$basePath
=
'@webroot'
;
public
$sourcePath
=
'@common/modules/documentation/assets/src'
;
public
$baseUrl
=
'@web'
;
// public $basePath = '@webroot';
// public $baseUrl = '@web';
public
$css
=
[
public
$css
=
[
'css/generator.css'
,
'css/style.css'
,
'css/responsive.css'
,
"css/editormd.css"
,
"css/editormd.css"
,
"css/vendor.min.css"
,
"css/vendor.min.css"
,
"css/styles.css"
,
"css/styles.css"
,
...
...
frontend/web
/css/documentation.css
→
common/modules/documentation/assets/src
/css/documentation.css
View file @
599eb5cd
File moved
frontend/web
/css/editormd.css
→
common/modules/documentation/assets/src
/css/editormd.css
View file @
599eb5cd
File moved
common/modules/documentation/assets/src/css/generator.css
0 → 100644
View file @
599eb5cd
._sidebar_form_response_hidden
{
display
:
none
!important
;
}
#_sidebar_form_response
{
min-height
:
100px
;
background
:
#ffffff
;
margin-bottom
:
25px
;
border-radius
:
3px
;
padding-top
:
35px
;
}
#_sidebar_form_response
span
{
display
:
block
;
color
:
#a94442
;
text-align
:
center
;
padding
:
0
20px
;
}
/*.form_wr.radio_like_result.hidden{*/
/*display: none;*/
/*}*/
.keys_list_bl
{
background
:
#fff
;
/*padding-top: 56px;*/
}
.faq_sec
{
width
:
100%
;
background
:
#fff
;
}
common/modules/documentation/assets/src/css/images/icon_info_2.png
0 → 100644
View file @
599eb5cd
1.66 KB
common/modules/documentation/assets/src/css/images/icon_video.png
0 → 100644
View file @
599eb5cd
1.52 KB
common/modules/documentation/assets/src/css/responsive.css
0 → 100644
View file @
599eb5cd
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media
only
screen
and
(
max-width
:
1500px
)
{
.crystal_3
,
.crystal_2
,
.crystal_1
{
overflow
:
hidden
;
}
.crystal_1
{
position
:
absolute
;
width
:
120px
;
top
:
-50px
;
}
.crystal_2
{
position
:
absolute
;
width
:
160px
;
top
:
240px
;
}
.crystal_3
{
position
:
absolute
;
width
:
180px
;
top
:
130px
;
}
.crystal_3
img
{
float
:
right
;
}
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
.rates_td
.help_pop_up
{
right
:
auto
;
top
:
30px
;
left
:
0
;
-webkit-transform
:
translate
(
0
,
0
);
-ms-transform
:
translate
(
0
,
0
);
-o-transform
:
translate
(
0
,
0
);
transform
:
translate
(
0
,
0
);
}
}
@media
only
screen
and
(
max-width
:
1290px
){
.crystal_3
,
.crystal_2
,
.crystal_1
{
display
:
none
;
}
}
@media
only
screen
and
(
max-width
:
971px
)
{
body
{
min-width
:
768px
;}
.logo
{
margin-top
:
15px
!important
;
}
.menu
{
display
:
block
;
}
header
.top_nav
,
header
.lang_check
,
header
.top_phone
{
display
:
none
;
}
a
.logo
{
margin-top
:
1px
;
}
header
{
padding
:
0
;
min-height
:
60px
;
}
.geentxt
span
{
font-size
:
30px
;
}
.horizontal_tab
.resp-tabs-list
li
{
padding
:
15px
;
}
.btn_green
{
font-size
:
18px
;
line-height
:
18px
;
}
.sentence_plas
{
margin
:
0
;
}
.sentence
{
margin-bottom
:
20px
;
}
.doc_cont
.doc_line
{
right
:
247px
;
}
.doc_cont
span
{
padding-top
:
3px
;
font-size
:
11px
;
line-height
:
13px
;
display
:
inline-block
;
}
.doc_poz_4_img
,
.doc_line_4
{
display
:
none
;
}
.doc_line_5
{
right
:
315px
;
}
.doc_line_5_next
{
right
:
315px
;
}
.doc_line_16
{
right
:
390px
;
}
.vertical_tab
.resp-tabs-list
li
span
{
font-size
:
12px
;
}
.vertical_tab
.resp-tabs-list
{
margin-top
:
50px
!important
;
}
.graph_box_text_1
{
right
:
75px
;
}
.graph_box_text_2
{
right
:
285px
;
top
:
32px
;
}
.graph_box_1
:after
,
.graph_box_3
:after
{
display
:
none
;
}
.graph_box_2
h4
{
padding-top
:
40px
;
}
.server_box
img
{
margin-left
:
0
;
margin-bottom
:
10px
;
}
.server_or
{
left
:
180px
;
}
.server_box
{
font-size
:
16px
;
}
.sample_box
{
display
:
none
;
}
.footer_info
{
margin-top
:
20px
;
}
.footer_security
{
margin-top
:
20px
;
}
.top_phone
{
display
:
block
;
}
.footer_nav
{
display
:
none
;
}
.form_message_1
{
padding-top
:
20px
;
}
.box_4
{
min-height
:
auto
;
}
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
.rates_td
{
font-size
:
14px
;
}
}
@media
only
screen
and
(
max-width
:
767px
)
{
body
{
min-width
:
420px
;}
.geentxt
span
{
display
:
block
;
margin-bottom
:
0
;
text-align
:
center
;
margin-top
:
-1px
;
line-height
:
44px
;
}
.bluetext
span
{
display
:
block
;
margin-bottom
:
0
;
text-align
:
center
;
margin-top
:
-1px
;
font-size
:
30px
;
line-height
:
44px
;
}
.video_box
{
max-width
:
none
;
}
.resp-tab-content
{
margin-bottom
:
0
;
}
.horizontal_tab
{
margin-bottom
:
30px
!important
;
}
.btn_green
{
max-width
:
270px
;
font-size
:
20px
;
line-height
:
34px
;
display
:
block
;
margin
:
0
auto
;
margin-bottom
:
15px
;
}
.btn_1
{
float
:
none
;
width
:
120px
;
margin
:
0
auto
;
margin-top
:
25px
;
display
:
block
;
}
.doc_cont
{
display
:
none
;
}
.doc_box_img
{
position
:
relative
;
text-align
:
center
;
margin
:
0
auto
;
}
.doc_box_img
>
img
{
max-width
:
100%
;
height
:
auto
;
}
.doc_title
{
margin-left
:
0
;
position
:
relative
;
left
:
50%
;
-webkit-transform
:
translate
(
-50%
,
0
);
-ms-transform
:
translate
(
-50%
,
0
);
-o-transform
:
translate
(
-50%
,
0
);
transform
:
translate
(
-50%
,
0
);
}
.vertical_tab
.img_box
,
.vertical_tab
.resp-tab-content
{
padding
:
10px
;
}
.graph_box_1
span
{
font-size
:
12px
;
}
.graph_box_text_1
{
right
:
0
;
top
:
-5px
;
}
.graph_box_text_2
{
right
:
80px
;
top
:
20px
;
}
.graph_box_2
img
,
.graph_box_3
img
{
float
:
none
;
max-width
:
100%
;
height
:
auto
;
}
.graph_box_2
h4
{
padding-top
:
20px
;
padding-left
:
0
;
display
:
block
;
}
.box_3
{
padding
:
50px
0
;
}
.box_3
h2
{
margin-bottom
:
30px
;
}
.server_box
.img_box
{
margin-bottom
:
0
;
}
.server_box
{
width
:
400px
;
margin
:
0
auto
;
margin-bottom
:
20px
;
}
.server_text_1
{
padding-right
:
100px
;
}
.btn_pink
{
max-width
:
270px
;
font-size
:
20px
;
line-height
:
33px
;
display
:
block
;
margin
:
0
auto
;
margin-bottom
:
15px
;
}
.box_5_arrow
{
display
:
none
;
}
.box_5
{
padding-top
:
55px
;
}
.form_message_1
{
padding-top
:
0px
;
padding-bottom
:
20px
;
}
footer
{
text-align
:
center
;
}
footer
.top_phone
,
footer
.footer_mail
{
float
:
none
;
margin-top
:
20px
;
}
.footer_bottom
{
padding-top
:
0
;
}
.zvonok_bt
{
margin
:
20px
auto
;
}
.social_link
{
display
:
inline-block
;
}
.vertical_tab
{
padding-bottom
:
30px
;
}
.graph_box_2
{
margin-top
:
-50px
;
}
.reference_box
:after
{
display
:
none
;
}
.form_wr
{
margin-bottom
:
20px
;
}
.reference_right_box
,
.reference_left_box
{
padding
:
0
;
}
.reference_right_box
{
background-color
:
#e8eaec
;
padding
:
20px
;
margin-bottom
:
40px
;
border-radius
:
5px
;
}
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
.rates_table
{
display
:
block
;
}
.rates_tr
{
display
:
none
;
}
.rates_td
{
display
:
block
;
width
:
100%
;
border
:
1px
solid
#acacac
;
background-color
:
#fff
!important
;
}
.rates_td_title
{
display
:
none
;
}
.rates_td_img
{
height
:
170px
;
}
.rates_tr_top
{
display
:
block
;
}
.btn_rates_open
{
display
:
block
;
}
.rates_top_img
{
right
:
auto
;
left
:
0
;
}
}
@media
only
screen
and
(
max-width
:
479px
)
{
body
{
min-width
:
300px
;}
.box_2
{
padding
:
35px
0
;
}
.doc_box_img
{
left
:
0
;
}
h2
{
font-family
:
"RobotoBold"
;
font-size
:
26px
;
line-height
:
35px
;
}
h3
{
font-family
:
"RobotoBold"
;
font-size
:
22px
;
line-height
:
32px
;
}
.graph_box_1
span
{
font-size
:
10px
;
line-height
:
12px
;
}
.graph_box_text_1
{
top
:
-15px
;
}
.graph_box_text_2
{
right
:
50px
;
top
:
9px
;
}
.graph_box_2
{
margin-top
:
-20px
;
margin-bottom
:
35px
;
}
.server_box
{
width
:
auto
;
}
.server_box
span
{
display
:
none
;
}
.box_4
{
padding
:
35px
0
;
}
.box_5
{
padding-top
:
35px
;
}
.popup
{
width
:
250px
;
padding
:
20px
;
}
.popup_bt_send
{
width
:
210px
;
}
.top_line_inf
li
a
{
padding
:
10px
;
}
.video_box
>*
{
min-height
:
240px
}
.graph_box_12
span
{
font-size
:
13px
;
}
.resp-arrow
{
margin-top
:
12px
;
}
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
.rates_table
{
margin-bottom
:
50px
;
}
.rates_td
.help_pop_up
{
width
:
230px
;
}
.description_box
.rates_td
{
padding
:
8px
3px
;
}
.description_box
.rates_td
:first-child
{
width
:
60%
;
}
.bluetext_2
span
{
font-size
:
40px
;
line-height
:
55px
;
}
.darktext
span
{
font-size
:
30px
;
line-height
:
55px
;
}
.rates_top_title_poz
{
padding-top
:
150px
;
}
}
\ No newline at end of file
common/modules/documentation/assets/src/css/style.css
0 → 100644
View file @
599eb5cd
/*
-----------------------------------------------------
Stylesheet Guide
-----------------------------------------------------
1. Default stylesheets
1.1. Color Schemes
2. General classes
3. Main
3.1 Offsets
4. Header
5. Basic Elements
5.1. Typography
5.2. Buttons
5.3. Icon
5.4. Crystals
5.5. Tabs
5.6. Forms
6. Main
7. Footer
8. PopUp
9. Social link
10. Rubric
11. Reference
12. Rates
/**!*/
/*@import "reset.css";*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);*/
/*!* ------------------------------------------------*/
/*1. Default stylesheets*/
/*------------------------------------------------ *!*/
/*body {*/
/*font-family: 'RobotoRegular', sans-serif;*/
/*color:#0a0a0a;*/
/*font-size:13px;*/
/*line-height:26px;*/
/*background:#fff;*/
/*-webkit-text-size-adjust: none;*/
/*overflow-x: hidden !important;*/
/*}*/
/*::-webkit-input-placeholder{*/
/*color:#8d8d8d;*/
/*-webkit-transition: text-indent .5s ease, color .5s ease;*/
/*transition: text-indent .5s ease, color .5s ease;*/
/*}*/
/*input::-moz-placeholder{*/
/*color:#8d8d8d;*/
/*opacity:1;*/
/*}*/
/*textarea::-moz-placeholder{*/
/*color: #8d8d8d;*/
/*opacity: 1;*/
/*}*/
/*::ms-input-placeholder{*/
/*color:#8d8d8d;*/
/*}*/
/*[placeholder]:focus::-webkit-input-placeholder{*/
/*text-indent:10em;*/
/*color:transparent;*/
/*}*/
/** {*/
/*outline: none;*/
/*}*/
/*!* --------------------------------------------*/
/*1.1. Color Schemes*/
/*-------------------------------------------- *!*/
/*!* ------------------------------------------------*/
/*2. General Classes*/
/*------------------------------------------------ *!*/
/*.align_left{*/
/*text-align: left;*/
/*}*/
/*.align_right{*/
/*text-align: right;*/
/*}*/
/*.align_center{*/
/*text-align: center;*/
/*}*/
/*.alignleft{*/
/*float: left;*/
/*}*/
/*.alignright{*/
/*float: right;*/
/*}*/
/*.wrapper{overflow: hidden;}*/
/*.hide{ display: none;}*/
/*.show{ display: block;}*/
/*.d_ib{display: inline-block;}*/
/*.transparent{ opacity:0; }*/
/*.invisible{*/
/*opacity: 0;*/
/*visibility: hidden;*/
/*}*/
/*.visible{*/
/*opacity:1;*/
/*visibility: visible;*/
/*}*/
/*.p_abs{position: absolute;}*/
/*.p_rel{position: relative;}*/
/*.p_fix{position: fixed;}*/
/*.clear {clear:both;width:100%;line-height:0;font-size:0;}*/
/*.clearfix:after {*/
/*content: "";*/
/*display: block;*/
/*height: 0;*/
/*clear: both;*/
/*visibility: hidden;*/
/*}*/
/*.reg {text-transform:uppercase}*/
/*!* ------------------------------------------------*/
/*3. Main*/
/*------------------------------------------------ *!*/
/*#content {padding:0px 0px 0px 0px;}*/
/*!* --------------------------------------------*/
/*3.1. Offsets*/
/*-------------------------------------------- *!*/
/*.section_offset{*/
/*padding: 55px 0;*/
/*}*/
/*.section_offset:first-child{*/
/*padding: 0 0 55px;*/
/*}*/
/*.cont_pad{*/
/*padding: 75px 0 0;*/
/*}*/
/*!* ------------------------------------------------*/
/*4. Header*/
/*------------------------------------------------ *!*/
/*header {*/
/*background: #0e3242;*/
/*width: 100%;*/
/*min-height: 100px;*/
/*color: #fff;*/
/*padding-bottom: 24px;*/
/*}*/
/*a.logo {*/
/*display: block;*/
/*margin-top: 14px;*/
/*}*/
/*.top_phone {*/
/*font-size: 21px;*/
/*font-family: "RobotoLight";*/
/*float: right;*/
/*margin-top: 36px;*/
/*color: #fff;*/
/*display: inline-block;*/
/*}*/
/*.top_phone:before {*/
/*content: "";*/
/*background: url(/images/phone.png) no-repeat;*/
/*width: 18px;*/
/*height: 18px;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*margin-right: 14px;*/
/*margin-top: -2px;*/
/*}*/
/*.top_nav {*/
/*height: 37px;*/
/*line-height: 37px;*/
/*display: block;*/
/*float: left;*/
/*margin-left: 40px;*/
/*}*/
/*.top_nav ul li {*/
/*float: left;*/
/*padding: 0 5px;*/
/*}*/
/*.top_nav ul li a {*/
/*color: #fff;*/
/*font-size: 15px;*/
/*display: block;*/
/*float: left;*/
/*padding: 0px 8px;*/
/*margin-top: 30px;*/
/*height: 38px;*/
/*line-height: 34px;*/
/*border: 2px solid transparent;*/
/*border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*-webkit-border-radius: 5px;*/
/*-o-border-radius: 5px;*/
/*-ms-border-radius: 5px;*/
/*text-decoration: none;*/
/*-moz-transition: border 0.3s linear 0.1s;*/
/*-o-transition: border 0.3s linear 0.1s;*/
/*-webkit-transition: border 0.3s linear 0.1s;*/
/*-ms-transition: border 0.3s linear 0.1s;*/
/*transition: border 0.3s linear 0.1s;*/
/*}*/
/*.top_nav ul li a:hover {*/
/*border: 2px solid #6def0d;*/
/*color: #6def0d;*/
/*text-decoration: none;*/
/*}*/
/*.top_nav ul li a:active {*/
/*text-decoration: none;*/
/*color: #6def0d;*/
/*border: 2px solid #6def0d;*/
/*}*/
/*.top_nav ul li a:focus {*/
/*text-decoration: none;*/
/*color: #6def0d;*/
/*border: 2px solid #6def0d;*/
/*}*/
/*.top_nav ul li .act_bt {*/
/*background: #fff;*/
/*color: #303e48;*/
/*border: 2px solid #262E38;*/
/*-moz-transition: all 0.3s linear 0.1s;*/
/*-o-transition: all 0.3s linear 0.1s;*/
/*-webkit-transition: all 0.3s linear 0.1s;*/
/*-ms-transition: all 0.3s linear 0.1s;*/
/*transition: all 0.3s linear 0.1s;*/
/*}*/
/*.top_nav ul li .act_bt:hover {*/
/*border: 2px solid #fff;*/
/*background: none;*/
/*color: #fff;*/
/*}*/
/*.lang_check {
height: 37px;
line-height: 37px;
display: block;
float: left;
margin-top: 30px;
}
.lang_check a {
color: #fff;
font-size: 15px;
display: block;
padding: 0px 8px;
height: 38px;
line-height: 34px;
border: 2px solid transparent;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-moz-transition: border 0.3s linear 0.1s;
-o-transition: border 0.3s linear 0.1s;
-webkit-transition: border 0.3s linear 0.1s;
-ms-transition: border 0.3s linear 0.1s;
transition: border 0.3s linear 0.1s;
}
.lang_check a:hover {
border: 2px solid #fff;
text-decoration: none;
color: #fff;
}
.lang_check a:active {
text-decoration: none;
border: 2px solid #fff;
color: #fff;
}
.lang_check a:focus {
text-decoration: none;
border: 2px solid #fff;
color: #fff;
}
.lang_check a:last-child {
background: #fff;
text-decoration: none;
color: #262E38;
z-index: 555;
position: relative;
}
a.d_menu_hide {
display: none !important;
}
a.show_d_menu {
display: block !important;
}*/
.foot_phone
{
color
:
#fff2e3
;
}
.copyring
{
font-size
:
11px
;
margin-left
:
4px
;
line-height
:
11px
;
color
:
rgb
(
249
,
249
,
250
);
}
.icon-arrowDown
:before
{
content
:
""
;
background
:
url(/images/arrow_down.png)
no-repeat
;
width
:
6px
;
height
:
3px
;
display
:
inline-block
;
vertical-align
:
middle
;
margin-right
:
10px
;
margin-top
:
-2px
;
}
.icon-arrowRight
:before
{
content
:
""
;
background
:
url(/images/arrow_right.png)
no-repeat
;
width
:
6px
;
height
:
6px
;
display
:
inline-block
;
vertical-align
:
middle
;
margin-right
:
10px
;
margin-top
:
-2px
;
}
.showitems
{
display
:
block
;
}
.phone_hover_foot
{
background
:
url(/images/phone_hover_bg.png)
no-repeat
center
center
;
width
:
222px
;
height
:
88px
;
display
:
none
;
position
:
absolute
;
top
:
-76px
;
right
:
56px
;
color
:
#3c4755
;
font-family
:
"RobotoLight"
;
font-size
:
14px
;
line-height
:
21px
;
text-align
:
center
;
padding-top
:
15px
;
}
.show_phone_inf
{
display
:
block
;
}
.phone_hover_head
{
background
:
url(/images/phone_hover2.png)
no-repeat
center
center
;
width
:
222px
;
height
:
88px
;
display
:
none
;
position
:
absolute
;
top
:
58px
;
right
:
-14px
;
color
:
#3c4755
;
font-family
:
"RobotoLight"
;
font-size
:
14px
;
line-height
:
21px
;
text-align
:
center
;
padding-top
:
25px
;
z-index
:
4
;
}
.show_phone_inf_head
{
display
:
block
;
}
.menu
{
width
:
260px
;
height
:
100vh
;
z-index
:
9999
;
position
:
fixed
;
top
:
0
;
right
:
-260px
;
background
:
#333942
;
-webkit-transition
:
right
0.5s
ease-out
0.4s
;
-moz-transition
:
right
0.5s
ease-out
0.4s
;
-o-transition
:
right
0.5s
ease-out
0.4s
;
transition
:
right
0.5s
ease-out
0.4s
;
display
:
none
;
}
.menu_active
{
right
:
0px
;
}
.menu
ul
{
list-style
:
none
;
}
.menu
ul
li
{
padding-left
:
20px
;
height
:
42px
;
line-height
:
40px
;
border-bottom
:
1px
solid
#2D323A
;
display
:
block
;
}
.menu
ul
li
:hover
{
background
:
#93A5BD
;
}
.menu
ul
li
:last-child
{
margin-bottom
:
0
;
}
.menu
ul
li
a
{
font-size
:
15px
;
color
:
#fff
;
text-decoration
:
none
;
display
:
block
;
}
.menu
ul
li
a
:hover
{
color
:
#181818
;
}
.phone_menu
{
display
:
block
;
font-size
:
21px
;
font-family
:
"RobotoLight"
;
height
:
60px
;
line-height
:
60px
;
padding-left
:
20px
;
background
:
#262E38
;
color
:
#fff
;
}
.phone_menu
:active
,
.phone_menu
:focus
{
color
:
#fff
;
}
.phone_menu
:before
{
content
:
""
;
background
:
url(/images/phone.png)
no-repeat
;
width
:
18px
;
height
:
18px
;
display
:
inline-block
;
vertical-align
:
middle
;
margin-right
:
14px
;
margin-top
:
-2px
;
}
.toggle_block
{
width
:
60px
;
height
:
60px
;
position
:
absolute
;
background
:
#22252B
;
left
:
-60px
;
}
.toggle-mnu
{
display
:
block
;
width
:
60px
;
height
:
60px
;
padding
:
19px
16px
16px
;
}
.toggle-mnu
span
:after
,
.toggle-mnu
span
:before
{
content
:
""
;
position
:
absolute
;
left
:
0
;
top
:
9px
;
}
.toggle-mnu
span
:after
{
top
:
18px
;
}
.toggle-mnu
span
{
position
:
relative
;
display
:
block
;
}
.toggle-mnu
span
,
.toggle-mnu
span
:after
,
.toggle-mnu
span
:before
{
width
:
100%
;
height
:
2px
;
background-color
:
#fff
;
transition
:
all
0.3s
;
backface-visibility
:
hidden
;
border-radius
:
2px
;
-moz-border-radius
:
2px
;
-webkit-border-radius
:
2px
;
-o-border-radius
:
2px
;
-ms-border-radius
:
2px
;
}
.toggle-mnu.on
span
{
background
:
transparent
;
}
.toggle-mnu.on
span
:before
{
-webkit-transform
:
rotate
(
45deg
)
translate
(
-1px
,
0px
);
-ms-transform
:
rotate
(
45deg
)
translate
(
-1px
,
0px
);
-o-transform
:
rotate
(
45deg
)
translate
(
-1px
,
0px
);
transform
:
rotate
(
45deg
)
translate
(
-1px
,
0px
);
}
.toggle-mnu.on
span
:after
{
-webkit-transform
:
rotate
(
-45deg
)
translate
(
6px
,
-7px
);
-ms-transform
:
rotate
(
-45deg
)
translate
(
6px
,
-7px
);
-o-transform
:
rotate
(
-45deg
)
translate
(
6px
,
-7px
);
transform
:
rotate
(
-45deg
)
translate
(
6px
,
-7px
);
}
/* ------------------------------------------------
5. Basic Elements
------------------------------------------------ */
/* --------------------------------------------
5.1. Typography
-------------------------------------------- */
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-family
:
'Roboto'
,
sans-serif
;
font-weight
:
normal
;
line-height
:
1.23em
;
color
:
#333333
;
margin
:
0
;
margin-bottom
:
17px
;
}
h1
{
font-family
:
"RobotoBold"
;
font-size
:
40px
;
line-height
:
54px
;
color
:
#0c2733
;
margin-bottom
:
33px
;
}
h2
{
font-family
:
"RobotoBold"
;
font-size
:
40px
;
line-height
:
47px
;
color
:
#243340
;
margin-bottom
:
10px
;
}
h3
{
font-family
:
"RobotoBold"
;
font-size
:
30px
;
line-height
:
37px
;
color
:
#243340
;
margin-bottom
:
20px
;
}
h4
{
font-family
:
"RobotoBold"
;
font-size
:
22px
;
line-height
:
36px
;
color
:
#243340
;
margin-bottom
:
20px
;
}
h5
{
font-family
:
"RobotoRegular"
;
font-size
:
30px
;
line-height
:
36px
;
color
:
#243340
;
margin-bottom
:
30px
;
}
h6
{
font-family
:
"RobotoRegular"
;
font-size
:
25px
;
line-height
:
28px
;
color
:
#050505
;
margin-bottom
:
25px
;
}
p
:not
(
:last-child
)
{
margin-bottom
:
20px
;}
mark
{
background-color
:
#20cfef
;
padding
:
0
2px
;
color
:
#fff
;}
mark
.red
{
background-color
:
#ee352f
;}
a
{
color
:
#009ad4
;
text-decoration
:
none
;
-webkit-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
a
:hover
{
color
:
#333
;
text-decoration
:
none
;
-webkit-transition
:
all
0.3s
;
-o-transition
:
all
0.3s
;
transition
:
all
0.3s
;
}
a
:focus
,
a
:visited
{
text-decoration
:
none
;
}
.geentxt
span
{
font-family
:
"RobotoBold"
;
font-size
:
40px
;
line-height
:
54px
;
color
:
#0c2733
;
background-color
:
#93f82f
;
display
:
inline
;
padding
:
0
16px
;
margin-bottom
:
2px
;
}
.green_text
{
color
:
#93f82f
;
}
.blue_text
{
color
:
#009ad4
;
}
button
{
-webkit-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
/* --------------------------------------------
5.2. Buttons
-------------------------------------------- */
.btn_1
{
height
:
46px
;
padding
:
10px
15px
;
line-height
:
26px
;
font-size
:
17px
;
display
:
inline-block
;
outline
:
none
;
background
:
#aad2d8
;
color
:
#0e3242
;
border-radius
:
3px
;
}
.btn_1
:hover
{
background-color
:
#93f82f
;
color
:
#0e3242
;
}
.btn_green
{
height
:
64px
;
width
:
100%
;
display
:
inline-block
;
outline
:
none
;
background
:
#97e107
url(/images/btn_green.png)
0
0
no-repeat
;
background-size
:
cover
;
color
:
#0e3242
;
font-size
:
20px
;
line-height
:
34px
;
font-family
:
"RobotoBold"
;
text-align
:
center
;
padding
:
15px
;
border-radius
:
5px
;
margin-bottom
:
40px
;
border
:
none
;
}
.btn_green
:hover
{
box-shadow
:
0
0
25px
5px
#7fff00
;
}
.btn_blue
{
display
:
inline-block
;
outline
:
none
;
background-color
:
#59b3ce
;
color
:
#fff
;
font-size
:
18px
;
line-height
:
20px
;
text-align
:
center
;
padding
:
15px
18px
;
border-radius
:
3px
;
margin-bottom
:
10px
;
border
:
none
;
}
.btn_blue
:hover
{
background-color
:
#488fd3
;
color
:
#fff
;
}
.btn_pink
{
height
:
69px
;
width
:
100%
;
display
:
inline-block
;
outline
:
none
;
background
:
url(/images/btn_pink.png)
0px
0
no-repeat
;
background-size
:
cover
;
color
:
#fff
;
font-size
:
27px
;
line-height
:
34px
;
font-family
:
"RobotoBold"
;
text-align
:
center
;
padding
:
16px
;
border-radius
:
3px
;
border
:
none
;
}
.btn_pink
:hover
{
box-shadow
:
0
0
25px
5px
#ff7290
;
}
/* --------------------------------------------
5.3. Icon
-------------------------------------------- */
.icon_load
{
margin-right
:
10px
;
width
:
32px
;
height
:
24px
;
display
:
inline-block
;
background
:
url(/images/icon_load.png)
0
0
no-repeat
;
}
/* --------------------------------------------
5.4. Crystals
-------------------------------------------- */
.crystal_1
{
position
:
absolute
;
right
:
-50px
;
top
:
-50px
;
}
.crystal_2
{
position
:
absolute
;
right
:
-50px
;
top
:
240px
;
}
.crystal_3
{
position
:
absolute
;
left
:
-50px
;
top
:
100px
;
}
/* --------------------------------------------
5.5. Tabs
-------------------------------------------- */
.horizontal_tab
.resp-tabs-list
{
border
:
1px
solid
#0076a3
;
text-align
:
center
;
max-width
:
568px
;
}
.horizontal_tab
.resp-tabs-list
li
{
display
:
inline-block
;
background-color
:
transparent
!important
;
cursor
:
pointer
;
padding
:
15px
30px
;
position
:
relative
;
}
.horizontal_tab
.resp-tabs-list
li
span
{
font-size
:
15px
;
line-height
:
20px
;
display
:
inline-block
;
color
:
#00d2ff
;
border-bottom
:
2px
dotted
#00d2ff
;
-webkit-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.horizontal_tab
.resp-tabs-list
li
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
right
:
0
;
top
:
20px
;
height
:
15px
;
width
:
3px
;
background-color
:
#93f82f
;
border-right
:
1px
solid
#4a8432
;
border-left
:
1px
solid
#4a8432
;
}
.horizontal_tab
.resp-tabs-list
li
:last-child:after
{
display
:
none
;
}
.horizontal_tab
.resp-tabs-list
li
:hover
span
{
color
:
#80d930
;
border-bottom
:
2px
dotted
#80d930
;
}
.horizontal_tab
.resp-tabs-list
.resp-tab-active
span
{
color
:
#fff
;
border-bottom
:
2px
dotted
transparent
;
}
.vertical_tab
{
padding-bottom
:
100px
;
}
.vertical_tab
.resp-tabs-list
{
margin-top
:
66px
!important
;
}
.vertical_tab
.resp-tabs-list
li
{
background-color
:
transparent
!important
;
cursor
:
pointer
;
padding
:
17px
16px
;
position
:
relative
;
/*border: 1px solid #fff;*/
border-right
:
none
!important
;
border-radius
:
3px
0
0
3px
;
}
.vertical_tab
.resp-tabs-list
li
span
{
font-family
:
"RobotoBold"
;
font-size
:
15px
;
line-height
:
20px
;
display
:
inline-block
;
color
:
#488fd3
;
border-bottom
:
2px
dotted
#488fd3
;
-webkit-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.vertical_tab
.resp-tabs-list
li
:hover
span
{
/*color: #488fd3;*/
border-bottom
:
2px
dotted
transparent
;
}
.vertical_tab
.resp-tabs-list
.resp-tab-active
span
{
color
:
#243340
;
border-bottom
:
2px
dotted
transparent
;
}
.vertical_tab
.resp-tabs-list
.resp-tab-active
{
background-color
:
#f1f0f0
!important
;
border
:
1px
solid
#dddddd
;
border-right
:
none
!important
;
}
.vertical_tab
.resp-tabs-list
i
{
display
:
inline-block
;
margin-right
:
15px
;
height
:
22px
;
width
:
22px
;
}
.vertical_tab
.resp-tab-active
i
{
background-position
:
0
100%
;
}
.tab_icon_1
{
background
:
url(/images/tab_icon_1.png)
0
0
no-repeat
;
}
.tab_icon_2
{
background
:
url(/images/tab_icon_2.png)
0
0
no-repeat
;
}
.tab_icon_3
{
height
:
20px
!important
;
background
:
url(/images/tab_icon_3.png)
0
0
no-repeat
;
}
.vertical_tab
.img_box
,
.vertical_tab
.resp-tab-content
{
margin-bottom
:
0
;
}
.vertical_tab
.resp-tabs-container
{
box-shadow
:
0
3px
8px
2px
#cbcbcc
;
position
:
relative
;
z-index
:
2
;
}
.vertical_tab_poz
{
margin-top
:
-50px
;
}
h2
.resp-accordion
{
background-color
:
#f1f0f0
!important
;
padding
:
0
20px
!important
;
}
.resp-arrow
{
margin-top
:
17px
;
}
/* --------------------------------------------
5.6. Forms
-------------------------------------------- */
/*input:not([type="radio"]):not([type="checkbox"]) {*/
/*border: none;*/
/*height: 50px;*/
/*padding: 0 20px;*/
/*border-radius: 3px;*/
/*font-size: 20px !important;*/
/*font-family: "Open Sans" !important;*/
/*font-weight: 400 !important;*/
/*margin-bottom: 25px;*/
/*width: 100%;*/
/*outline: none;*/
/*}*/
.input_lg
{
height
:
58px
!important
;
}
label
.error
{
color
:
#d10000
;
font-size
:
12px
;
line-height
:
12px
;
font-style
:
italic
;
margin-top
:
-18px
;
}
input
:not
([
type
=
"radio"
])
:not
([
type
=
"checkbox"
])
.error
{
box-shadow
:
inset
0
0
5px
1px
#d10000
;
}
textarea
{
border
:
none
;
height
:
175px
;
padding
:
10px
20px
;
border-radius
:
3px
;
font-size
:
20px
;
font-family
:
"Open Sans"
,
"RobotoBold"
;
font-weight
:
400
;
margin-bottom
:
25px
;
width
:
100%
;
max-height
:
100%
;
outline
:
none
;
}
.checkbox
{
vertical-align
:
top
;
width
:
17px
;
height
:
17px
;
margin
:
0
3px
0
0
;
}
.checkbox
+
label
{
cursor
:
pointer
;
}
.checkbox
:not
(
checked
)
{
position
:
absolute
;
opacity
:
0
;
}
.checkbox
:not
(
checked
)
+
label
{
position
:
relative
;
padding
:
0
0
0
60px
;
}
.checkbox
:not
(
checked
)
+
label
:before
{
content
:
''
;
position
:
absolute
;
top
:
-4px
;
left
:
0
;
width
:
50px
;
height
:
26px
;
border-radius
:
13px
;
background
:
#CDD1DA
;
box-shadow
:
inset
0
2px
3px
rgba
(
0
,
0
,
0
,
.2
);
}
.checkbox
:not
(
checked
)
+
label
:after
{
content
:
''
;
position
:
absolute
;
top
:
-2px
;
left
:
2px
;
width
:
22px
;
height
:
22px
;
border-radius
:
10px
;
background
:
#FFF
;
box-shadow
:
0
2px
5px
rgba
(
0
,
0
,
0
,
.3
);
transition
:
all
.2s
;
}
.checkbox
:checked
+
label
:before
{
background
:
#9FD468
;
}
.checkbox
:checked
+
label
:after
{
left
:
26px
;
}
.checkbox
:focus
+
label
:before
{
box-shadow
:
0
0
0
3px
rgba
(
255
,
255
,
0
,
.5
);
}
.radio_wr
{
display
:
inline-block
;
margin-right
:
35px
;
}
.radio_wr
:last-child
{
margin-right
:
0
;
}
.radio_2
{
vertical-align
:
top
;
width
:
17px
;
height
:
17px
;
margin
:
0
3px
0
0
;
}
.radio_2
+
label
{
cursor
:
pointer
;
height
:
52px
;
background-color
:
#67ac1d
;
padding
:
10px
17px
;
border-radius
:
5px
;
margin-bottom
:
10px
;
box-shadow
:
2px
2px
4px
2px
#e7e7e7
;
color
:
#fff
;
line-height
:
32px
;
}
.radio_2
:checked
+
label
{
cursor
:
pointer
;
height
:
52px
;
background-color
:
#67ac1d
;
padding
:
10px
17px
;
color
:
#fff
;
}
.radio_2
:not
(
checked
)
{
position
:
absolute
;
opacity
:
0
;
}
.radio_2
:not
(
checked
)
+
label
{
position
:
relative
;
background-color
:
#f4f4f4
;
color
:
#7d7d7d
;
/*padding: 0 0 0 35px;*/
}
.icon_like
{
content
:
''
;
display
:
inline-block
;
float
:
left
;
margin-right
:
18px
;
width
:
20px
;
height
:
32px
;
background
:
url(/images/icon_like.png)
0
center
no-repeat
;
}
.icon_not_like
{
content
:
''
;
display
:
inline-block
;
float
:
left
;
margin-right
:
18px
;
width
:
20px
;
height
:
32px
;
background
:
url(/images/icon_not_like.png)
0
center
no-repeat
;
}
.radio_2.radio_like
+
label
{
background-color
:
#67ac1d
;
color
:
#fff
;
-webkit-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.radio_2.radio_like
+
label
:hover
{
box-shadow
:
2px
2px
8px
2px
#7fd028
;
}
.radio_2.radio_not_like
+
label
{
background-color
:
#f4f4f4
;
color
:
#7d7d7d
;
-webkit-transition
:
all
0.5s
;
-o-transition
:
all
0.5s
;
transition
:
all
0.5s
;
}
.radio_2.radio_not_like
+
label
:hover
{
background-color
:
#ff5b57
;
color
:
#fff
;
box-shadow
:
2px
2px
8px
2px
#ff5b57
;
}
/*.radio:not(checked) + label:before {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 22px;
height: 22px;
border: 1px solid #CDD1DA;
border-radius: 50%;
background: #FFF;
}*/
/*.radio:not(checked) + label:after {
content: '';
position: absolute;
top: 1px;
left: 4px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #9FD468;
box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
opacity: 0;
transition: all .2s;
}*/
/*.radio:checked + label:after {
opacity: 1;
}
.radio:focus + label:before {
box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}*/
input
[
type
=
'reset'
]
{
padding
:
12px
15px
;
border
:
none
;
border-radius
:
5px
;
background
:
#CDD1DA
;
color
:
#FFF
;
cursor
:
pointer
;
font-size
:
15px
;
}
input
[
type
=
'reset'
]
:active
{
background
:
#BDC0CC
;
}
input
[
type
=
'reset'
]
:focus
{
outline
:
none
;
box-shadow
:
0
0
0
3px
rgba
(
255
,
255
,
0
,
.5
);
}
/* ------------------------------------------------
6. Main
------------------------------------------------ */
.box_1
{
padding-top
:
40px
;
padding-bottom
:
55px
;
background
:
#0c2733
url(/images/box_1_bg.jpg)
0
0
repeat
;
}
.sentence
{
font-family
:
"RobotoBold"
;
font-size
:
30px
;
line-height
:
33px
;
color
:
#fff
;
text-align
:
center
;
margin-bottom
:
50px
;
}
.sentence
span
{
font-size
:
33px
;
}
.sentence_plas
{
display
:
block
;
margin
:
10px
;
}
.video_box
{
position
:
relative
;
max-width
:
568px
;
}
.video_box_2
{
width
:
100%
;
}
.video_box
>*
{
width
:
100%
;
height
:
auto
;
min-height
:
320px
}
.box_2
{
padding-top
:
80px
;
padding-bottom
:
85px
;
}
.doc_box_1
{
position
:
relative
;
}
.doc_box_img
{
position
:
absolute
;
top
:
-17px
;
left
:
-18px
;
}
.doc_title
{
font-size
:
17px
;
line-height
:
35px
;
color
:
#fff
;
background-color
:
#65bb11
;
padding
:
0
10px
;
display
:
inline-block
;
margin-left
:
35px
;
margin-top
:
20px
;
}
.doc_cont
{
padding-left
:
485px
;
color
:
#1f9ebe
;
font-size
:
14px
;
line-height
:
18px
;
font-family
:
"Open Sans"
,
"RobotoBold"
;
font-weight
:
600
;
}
.doc_cont
span
{
font-size
:
14px
;
line-height
:
18px
;
font-family
:
"Open Sans"
,
"RobotoBold"
;
font-weight
:
600
;
color
:
#1f9ebe
;
cursor
:
pointer
;
}
.doc_cont
>
div
:hover
span
{
color
:
#65bb11
;
}
.doc_cont
strong
{
position
:
absolute
;
display
:
block
;
border
:
2px
dotted
#258ab0
;
cursor
:
pointer
;
}
.doc_cont
>
div
:hover
strong
{
border
:
2px
solid
#c7dacf
;
background
:
url(/images/doc_active_bg.png)
0
0
repeat
;
}
.doc_line
{
position
:
absolute
;
border-bottom
:
1px
solid
#5ec36c
;
height
:
1px
;
}
.doc_line
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
bottom
:
-4px
;
right
:
0
;
height
:
7px
;
width
:
7px
;
background-color
:
#5ec36c
;
border-radius
:
100%
;
}
.doc_poz_1
{
padding-top
:
30px
;
margin-bottom
:
30px
;
height
:
70px
;
}
.doc_poz_1
strong
{
height
:
48px
;
width
:
105px
;
top
:
18px
;
left
:
35px
;
}
.doc_poz_1
.doc_line
{
top
:
40px
;
right
:
468px
;
width
:
330px
;
}
.doc_poz_2
{
height
:
40px
;
margin-bottom
:
24px
;
}
.doc_poz_2
strong
{
height
:
78px
;
width
:
177px
;
top
:
87px
;
left
:
210px
;
}
.doc_poz_2
.doc_line
{
top
:
109px
;
right
:
468px
;
width
:
83px
;
}
.doc_poz_3
{
height
:
40px
;
margin-bottom
:
16px
;
}
.doc_poz_3
strong
{
height
:
78px
;
width
:
160px
;
top
:
87px
;
left
:
35px
;
}
.doc_poz_3
.doc_line
{
top
:
166px
;
right
:
468px
;
width
:
355px
;
height
:
8px
;
border-left
:
1px
solid
#5ec36c
;
}
.doc_poz_4
{
height
:
40px
;
margin-bottom
:
210px
;
}
.doc_poz_4
strong
{
height
:
268px
;
width
:
357px
;
top
:
180px
;
left
:
32px
;
}
.doc_poz_4
.doc_line
{
top
:
229px
;
right
:
468px
;
width
:
81px
;
}
.doc_poz_4_img
{
margin-top
:
35px
;
margin-left
:
35px
;
}
.doc_line_4
{
position
:
absolute
;
border-bottom
:
1px
solid
#5ec36c
;
border-left
:
1px
solid
#5ec36c
;
height
:
105px
;
top
:
229px
;
right
:
433px
;
width
:
95px
;
}
.doc_line_4
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
bottom
:
-6px
;
right
:
0
;
height
:
10px
;
width
:
10px
;
background-color
:
#65bb11
;
border-radius
:
100%
;
}
.doc_poz_5
{
height
:
40px
;
margin-bottom
:
10px
;
}
.doc_poz_5
strong
{
height
:
28px
;
width
:
95px
;
top
:
464px
;
left
:
290px
;
}
.doc_poz_5
.doc_line
{
top
:
479px
;
right
:
468px
;
width
:
83px
;
}
.doc_poz_5
strong
.doc_poz_5_box
{
height
:
28px
;
width
:
102px
;
top
:
464px
;
left
:
35px
;
}
.doc_line_5
{
position
:
absolute
;
border-top
:
1px
solid
#5ec36c
;
border-left
:
1px
solid
#5ec36c
;
border-right
:
1px
solid
#5ec36c
;
height
:
5px
;
top
:
459px
;
right
:
535px
;
width
:
320px
;
}
.doc_line_5_next
{
position
:
absolute
;
border-right
:
1px
solid
#5ec36c
;
height
:
20px
;
top
:
459px
;
right
:
535px
;
width
:
1px
;
}
.doc_poz_6
{
height
:
40px
;
margin-bottom
:
12px
;
}
.doc_poz_6
strong
{
height
:
90px
;
width
:
95px
;
top
:
464px
;
left
:
185px
;
}
.doc_poz_6
.doc_line
{
top
:
529px
;
right
:
468px
;
width
:
187px
;
}
.doc_poz_7
{
height
:
40px
;
margin-bottom
:
10px
;
}
.doc_poz_7
strong
{
height
:
40px
;
width
:
135px
;
top
:
497px
;
left
:
35px
;
}
.doc_poz_7
.doc_line
{
top
:
540px
;
right
:
468px
;
width
:
375px
;
height
:
42px
;
border-left
:
1px
solid
#5ec36c
;
}
.doc_poz_11
{
padding-top
:
13px
;
height
:
45px
;
}
.doc_poz_11
strong
{
height
:
55px
;
width
:
105px
;
top
:
18px
;
left
:
35px
;
}
.doc_poz_11
.doc_line
{
top
:
23px
;
right
:
468px
;
width
:
330px
;
}
.doc_poz_12
{
height
:
40px
;
margin-bottom
:
30px
;
}
.doc_poz_12
strong
{
height
:
45px
;
width
:
230px
;
top
:
32px
;
left
:
158px
;
}
.doc_poz_12
.doc_line
{
top
:
55px
;
right
:
468px
;
width
:
80px
;
}
.doc_poz_13
{
height
:
40px
;
margin-bottom
:
80px
;
}
.doc_poz_13
strong
{
height
:
68px
;
width
:
354px
;
top
:
90px
;
left
:
35px
;
}
.doc_poz_13
.doc_line
{
top
:
124px
;
right
:
468px
;
width
:
80px
;
}
.doc_poz_14
{
height
:
40px
;
margin-bottom
:
7px
;
}
.doc_poz_14
strong
{
height
:
47px
;
width
:
354px
;
top
:
223px
;
left
:
35px
;
}
.doc_poz_14
.doc_line
{
top
:
246px
;
right
:
468px
;
width
:
80px
;
}
.doc_poz_15
{
height
:
40px
;
margin-bottom
:
55px
;
}
.doc_poz_15
strong
{
height
:
15px
;
width
:
119px
;
top
:
284px
;
left
:
270px
;
}
.doc_poz_15
.doc_line
{
top
:
291px
;
right
:
468px
;
width
:
80px
;
}
.doc_poz_16
{
height
:
40px
;
margin-bottom
:
280px
;
}
.doc_poz_16
strong
{
height
:
102px
;
width
:
115px
;
top
:
315px
;
left
:
80px
;
}
.doc_poz_16
.doc_line
{
top
:
385px
;
right
:
468px
;
width
:
274px
;
}
.doc_poz_16
strong
.doc_poz_16_box
{
height
:
40px
;
width
:
119px
;
top
:
310px
;
left
:
270px
;
}
.doc_line_16
{
position
:
absolute
;
border-left
:
1px
solid
#5ec36c
;
height
:
33px
;
top
:
352px
;
right
:
610px
;
width
:
1px
;
}
.img_box
{
/*text-align: center;*/
margin
:
0
auto
;
margin-bottom
:
20px
;
}
.img_box
img
{
max-width
:
100%
;
height
:
auto
;
}
.graph_box_1
{
position
:
relative
;
margin-top
:
40px
;
padding-top
:
15px
;
}
.graph_box_1
span
{
font-size
:
14px
;
line-height
:
18px
;
font-family
:
"Open Sans"
,
"RobotoBold"
;
font-weight
:
600
;
color
:
#1f9ebe
;
display
:
inline-block
;
position
:
absolute
;
}
.graph_box_text_1
{
right
:
100px
;
top
:
0
;
}
.graph_box_text_2
{
right
:
395px
;
top
:
42px
;
}
.graph_box_1
:after
{
content
:
''
;
position
:
absolute
;
right
:
235px
;
bottom
:
-20px
;
display
:
block
;
width
:
102px
;
height
:
91px
;
background
:
url(/images/graph_box_1_arrow.png)
0
0
no-repeat
;
}
.graph_box_2
{
position
:
relative
;
margin-top
:
-70px
;
margin-bottom
:
55px
;
}
.graph_box_2
img
{
float
:
left
;
}
.graph_box_2
h4
{
padding-top
:
140px
;
padding-left
:
30px
;
overflow
:
hidden
;
}
.graph_box_3
{
position
:
relative
;
}
.graph_box_3
img
{
float
:
right
;
}
.graph_box_3
h4
{
padding-right
:
30px
;
overflow
:
hidden
;
}
.graph_box_3
:after
{
content
:
''
;
position
:
absolute
;
left
:
325px
;
top
:
105px
;
display
:
block
;
width
:
110px
;
height
:
80px
;
background
:
url(/images/graph_box_3_arrow.png)
0
0
no-repeat
;
}
.box_3
{
background
:
url(/images/box_3_bg.jpg)
0
0
no-repeat
;
background-size
:
cover
;
padding
:
100px
0
;
color
:
#fff
;
}
.box_3
*
{
color
:
#fff
;
}
.box_3
h2
{
margin-bottom
:
90px
;
}
.server_box
{
position
:
relative
;
font-size
:
20px
;
line-height
:
20px
;
font-family
:
"RobotoBold"
;
}
.form_message_1
{
font-size
:
35px
;
color
:
#127dba
;
font-family
:
"RobotoBold"
;
text-align
:
center
;
display
:
block
;
padding-top
:
40px
;
}
.form_message_2
{
color
:
#127dba
;
font-family
:
"RobotoBold"
;
}
.form_message_3
{
color
:
#9fe306
;
font-size
:
20px
;
line-height
:
30px
;
font-family
:
"RobotoBold"
;
}
.server_box
img
{
margin-left
:
30px
;
margin-bottom
:
36px
;
}
.server_or
{
display
:
inline-block
;
position
:
absolute
;
top
:
40px
;
left
:
210px
;
font-size
:
11px
;
line-height
:
11px
;
font-family
:
"RobotoBold"
;
}
.server_text_1
{
padding-right
:
102px
;
}
.server_box_cont
{
font-size
:
20px
;
line-height
:
29px
;
font-family
:
"RobotoBold"
;
}
.box_4
{
background-color
:
#e3e3e3
;
padding
:
70px
0
;
min-height
:
375px
}
.box_4
h2
{
margin-bottom
:
35px
;
position
:
relative
;
z-index
:
2
;
}
.box_4
p
{
color
:
#1d303b
;
font-size
:
15px
;
line-height
:
24px
;
}
.sample_box
{
position
:
relative
;
}
.sample_box
img
{
position
:
absolute
;
top
:
-190px
;
}
.box_5
{
background-color
:
#0e3242
;
padding-top
:
135px
;
}
.bluetext
span
{
font-family
:
"RobotoBold"
;
font-size
:
40px
;
line-height
:
54px
;
color
:
#0e3242
;
background-color
:
#00daff
;
display
:
inline
;
padding
:
0
16px
;
margin-bottom
:
2px
;
}
.box_5_arrow
{
margin-top
:
30px
;
float
:
right
;
width
:
150px
;
height
:
95px
;
background
:
url(/images/box_5_arrow.png)
0
0
no-repeat
;
}
.form_br
{
margin-bottom
:
10px
;
}
/* ------------------------------------------------
7. Footer
------------------------------------------------ */
footer
{
padding-top
:
45px
;
padding-bottom
:
55px
;
background
:
#0e3242
url(/images/footer_bg.png)
center
100%
no-repeat
;
background-size
:
cover
;
}
footer
.top_phone
{
margin-top
:
24px
;
}
footer
.phone_hover_head
{
top
:
66px
;
}
.footer_mail
{
font-size
:
21px
;
font-family
:
"RobotoLight"
;
float
:
right
;
margin-top
:
44px
;
color
:
#fff
;
display
:
inline-block
;
}
.footer_mail
:hover
{
color
:
#fff
;
}
.footer_mail
:before
{
content
:
""
;
background
:
url(/images/mail.png)
no-repeat
;
width
:
21px
;
height
:
18px
;
display
:
inline-block
;
vertical-align
:
middle
;
margin-right
:
10px
;
margin-top
:
2px
;
}
.footer_info
{
color
:
#93f82f
;
font-size
:
15px
;
text-decoration
:
underline
;
display
:
inline-block
;
margin-top
:
44px
;
}
.footer_info
:hover
{
color
:
#93f82f
;
text-decoration
:
none
;
}
.footer_info
:before
{
content
:
""
;
background
:
url(/images/icon_info.png)
no-repeat
;
width
:
32px
;
height
:
32px
;
display
:
inline-block
;
vertical-align
:
middle
;
margin-right
:
10px
;
margin-top
:
-2px
;
}
.footer_security
{
color
:
#93f82f
;
font-size
:
15px
;
text-decoration
:
underline
;
display
:
inline-block
;
margin-top
:
44px
;
}
.footer_security
:hover
{
color
:
#93f82f
;
text-decoration
:
none
;
}
.footer_security
:before
{
content
:
""
;
background
:
url(/images/icon_security.png)
no-repeat
;
width
:
32px
;
height
:
32px
;
display
:
inline-block
;
vertical-align
:
middle
;
margin-right
:
10px
;
margin-top
:
-2px
;
}
.footer_nav
{
padding-top
:
10px
;
}
.footer_nav
a
{
color
:
#fff
;
font-size
:
15px
;
line-height
:
20px
;
text-decoration
:
none
;
}
.footer_nav
a
:hover
{
text-decoration
:
none
;
color
:
#b2e938
;
}
.footer_nav
ul
{
padding-left
:
20px
;
}
.footer_nav
li
{
margin-bottom
:
10px
;
}
.footer_nav
span
{
color
:
#b2e938
;
font-size
:
16px
;
line-height
:
22px
;
display
:
inline-block
;
margin-bottom
:
15px
;
}
.footer_nav
span
:before
{
content
:
""
;
width
:
5px
;
height
:
5px
;
background-color
:
#b2e938
;
border-radius
:
100%
;
display
:
inline-block
;
margin-right
:
15px
;
}
.footer_bottom
{
padding-top
:
45px
;
font-size
:
11px
;
color
:
#fff
;
}
.footer_bottom_text
{
display
:
inline-block
;
margin-top
:
20px
;
}
/* ------------------------------------------------
8. PopUp
------------------------------------------------ */
/*.popup {*/
/*width: 383px;*/
/*background: #fff;*/
/*margin: 0 auto;*/
/*position: relative;*/
/*border-radius: 8px;*/
/*-moz-border-radius: 8px;*/
/*-webkit-border-radius: 8px;*/
/*-o-border-radius: 8px;*/
/*-ms-border-radius: 8px;*/
/*padding: 50px 58px 40px;*/
/*}*/
/*.popup__title {*/
/*font-size: 31px;*/
/*line-height: 39px;*/
/*color: #698387;*/
/*text-align: center;*/
/*display: block;*/
/*margin-bottom: 25px;*/
/*}*/
/*.popup__title_2 {*/
/*font-size: 26px;*/
/*line-height: 32px;*/
/*color: #698387;*/
/*text-align: center;*/
/*display: block;*/
/*margin-bottom: 15px;*/
/*}*/
/*.popup__subtittle {*/
/*font-size: 15px;*/
/*color: #698387;*/
/*line-height: 24px;*/
/*display: block;*/
/*text-align: center;*/
/*margin-bottom: 34px;*/
/*}*/
/*.box-modal_close {*/
/*width: 44px;*/
/*height: 44px;*/
/*line-height: 44px;*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*text-decoration: none;*/
/*text-align: center;*/
/*opacity: 0.65;*/
/*filter: alpha(opacity=65);*/
/*padding: 0 0 18px 10px;*/
/*color: #FFF;*/
/*font-style: normal;*/
/*font-size: 28px;*/
/*font-family: Arial, monospace;*/
/*color: #5C8488;*/
/*font-weight: bold;*/
/*cursor: pointer;*/
/*}*/
/* ------------------------------------------------
9. Social link
------------------------------------------------ */
/*.social_link {*/
/*margin-left: 0px;*/
/*margin-top: 3px;*/
/*}*/
/*.social_link li {*/
/*float: left;*/
/*margin-right: 12px;*/
/*}*/
/*.social_link li:last-child {*/
/*margin-right: 0;*/
/*}*/
/*.soc_item {*/
/*width: 44px;*/
/*height: 44px;*/
/*border-radius: 50%;*/
/*-moz-border-radius: 50%;*/
/*-webkit-border-radius: 50%;*/
/*-o-border-radius: 50%;*/
/*-ms-border-radius: 50%;*/
/*background: #fff;*/
/*display: block;*/
/*text-align: center;*/
/*font-size: 24px;*/
/*line-height: 40px;*/
/*color: #283C4C;*/
/*}*/
/*.soc_item:hover {*/
/*background: #b2e938;*/
/*color: #283C4C;*/
/*text-decoration: none;*/
/*}*/
/*.soc_item:focus {*/
/*background: #b2e938;*/
/*color: #283C4C;*/
/*text-decoration: none;*/
/*}*/
/*.soc_item:active {*/
/*background: #b2e938;*/
/*color: #283C4C;*/
/*text-decoration: none;*/
/*}*/
/*.social_link i {*/
/*line-height: 44px;*/
/*}*/
/*.fbicon:before {*/
/*content: "";*/
/*background: url(/images/fb.png) no-repeat;*/
/*width: 9px;*/
/*height: 19px;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*margin-right: 2px;*/
/*margin-top: -2px;*/
/*}*/
/*.gplusicon:before {*/
/*content: "";*/
/*background: url(/images/gplus.png) no-repeat;*/
/*width: 23px;*/
/*height: 22px;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*margin-right: 2px;*/
/*margin-top: -2px;*/
/*}*/
/* ------------------------------------------------
10. Rubric
------------------------------------------------ */
.way
{
font-size
:
13px
;
color
:
#b4b4b4
;
padding
:
30px
0
;
}
.way
a
{
font-size
:
13px
;
color
:
#009ad4
;
text-decoration
:
underline
;
}
.way
span
{
color
:
#b4b4b4
;
}
.way
a
:hover
{
text-decoration
:
none
;
}
.top_line_inf
{
min-height
:
44px
;
background-color
:
#051922
;
}
.icon_info_2
{
margin-right
:
12px
;
display
:
inline-block
;
width
:
25px
;
height
:
25px
;
background
:
url(images/icon_info_2.png)
0
-26px
no-repeat
;
}
.icon_video
{
margin-right
:
12px
;
margin-top
:
3px
;
display
:
inline-block
;
width
:
23px
;
height
:
18px
;
background
:
url(images/icon_video.png)
0
100%
no-repeat
;
}
.top_line_inf
li
{
display
:
inline-block
;
border-right
:
1px
solid
#0e3242
;
position
:
relative
;
}
.top_line_inf
li
:last-child
{
border
:
none
;
}
.top_line_inf
li
a
{
color
:
#6def0d
;
font-size
:
13px
;
line-height
:
25px
;
padding
:
10px
25px
;
display
:
inline-block
;
text-decoration
:
underline
;
}
.top_line_inf
li
a
:hover
{
text-decoration
:
none
;
color
:
#fffcf4
;
}
.top_line_inf
li
a
:hover
span
{
background-position
:
0
0
;
}
.top_line_inf
li
.active
a
{
text-decoration
:
none
;
color
:
#fffcf4
;
}
.top_line_inf
li
.active
a
span
{
background-position
:
0
0
;
}
.top_line_inf
li
.active
:after
{
position
:
absolute
;
content
:
''
;
left
:
50%
;
margin-left
:
-3px
;
bottom
:
-6px
;
width
:
0px
;
height
:
0px
;
border-left
:
6px
solid
transparent
;
border-right
:
6px
solid
transparent
;
border-top
:
6px
solid
#051922
;
}
.faq_rubric
{
}
.rubric_icon
{
height
:
36px
;
width
:
36px
;
margin-right
:
12px
;
display
:
block
;
float
:
left
;
}
.wiht_icon
{
overflow
:
hidden
;
display
:
block
;
}
.rubric_list
{
font-size
:
16px
;
margin-bottom
:
40px
;
}
.rubric_list
li
{
margin-bottom
:
10px
;
padding-left
:
15px
;
}
/* ------------------------------------------------
11. Reference
------------------------------------------------ */
.reference_box
{
position
:
relative
;
}
.reference_box
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
bottom
:
0
;
right
:
0
;
left
:
62%
;
background-color
:
#e8eaec
;
}
.reference_right_box
{
position
:
relative
;
z-index
:
1
;
padding-top
:
88px
;
padding-left
:
15px
;
}
.reference_list
{
font-size
:
14px
;
margin-bottom
:
40px
;
}
.reference_list
li
{
margin-bottom
:
10px
;
}
.reference_list
li
a
:hover
{
color
:
#66a91f
;
text-decoration
:
underline
;
}
.reference_left_box
{
padding-right
:
45px
;
}
::-webkit-input-placeholder
{
color
:
#8d8d8d
;
-webkit-transition
:
text-indent
.5s
ease
,
color
.5s
ease
;
transition
:
text-indent
.5s
ease
,
color
.5s
ease
;
}
input
::-moz-placeholder
{
color
:
#8d8d8d
;
opacity
:
1
;
}
textarea
::-moz-placeholder
{
color
:
#8d8d8d
;
opacity
:
1
;
}
::ms-input-placeholder
{
color
:
#8d8d8d
;
}
[
placeholder
]
:focus::-webkit-input-placeholder
{
text-indent
:
10em
;
color
:
transparent
;
}
.has-error
input
,
.has-error
textarea
{
background-image
:
none
!important
;
box-shadow
:
inset
0
0
5px
1px
#d10000
!important
;
border
:
none
!important
;
}
.has-error
.help-block
{
color
:
#d10000
;
font-size
:
12px
;
line-height
:
12px
;
font-style
:
italic
;
margin-top
:
-18px
;
font-weight
:
bold
;
}
/*ol {*/
/*counter-reset:li; !* Инициализируем счетчик *!*/
/*padding:0; !* Удаляем установленное по умолчанию левое поле*!*/
/*list-style:none; !* Отменяем нумерацию установленную по умолчанию *!*/
/*}*/
/*ol li {*/
/*position:relative; !* Создаем контекст для позиционирования элементов *!*/
/*margin:0 0 10px 0; !* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации *!*/
/*padding-left: 45px;*/
/*font-size: 13px;*/
/*line-height: 20px;*/
/*min-height: 28px;*/
/*}*/
/*ol li:before {*/
/*content:counter(li); !* В качестве данных используем счетчик *!*/
/*counter-increment:li; !* Увеличиваем значение счетчика на 1 *!*/
/*!* Позиционируем и оформляем цифры *!*/
/*position:absolute;*/
/*top:-4px;*/
/*left:0;*/
/*width: 28px;*/
/*height: 28px;*/
/*border-radius: 100%;*/
/*background-color: #67ac1d;*/
/*color:#fff;*/
/*font-weight:bold;*/
/*font-family: "RobotoBold";*/
/*font-size: 11px;*/
/*line-height: 28px;*/
/*text-align:center;*/
/*}*/
/*.graph_box_12 {*/
/*position: relative;*/
/*margin-top: 40px;*/
/*padding-top: 25px;*/
/*margin-bottom: 50px;*/
/*}*/
/*.graph_box_12 span {*/
/*font-size: 17px;*/
/*line-height: 21px;*/
/*font-family: "Open Sans", "RobotoBold";*/
/*font-weight: 600;*/
/*color: #1f9ebe;*/
/*display: inline-block;*/
/*position: absolute;*/
/*}*/
/*.graph_box_text_12 {*/
/*right: 0px;*/
/*top: 0;*/
/*}*/
/*.graph_box_text_22 {*/
/*bottom: 0;*/
/*left: 30px;*/
/*}*/
/*.box_info {*/
/*background-color: #bce094;*/
/*border-left: 7px solid #67ac1d;*/
/*padding: 25px 20px;*/
/*border-radius: 0 5px 5px 0;*/
/*font-size: 13px;*/
/*line-height: 26px;*/
/*margin-bottom: 20px;*/
/*}*/
/*.box_info_green {*/
/*background-color: #bce094;*/
/*border-color: #67ac1d;*/
/*}*/
/*.box_info_pick {*/
/*background-color: #ffb0ae;*/
/*border-color: #ff5b57;*/
/*}*/
/*.box_info_blue {*/
/*background-color: #bde7e5;*/
/*border-color: #2a8e89;*/
/*}*/
.form_wr
{
margin-bottom
:
20px
;
}
/*.parallaxify {*/
/*position: relative;*/
/*}*/
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
/*.way_2 {*/
/*min-height: 44px;*/
/*background-color: #051922;*/
/*}*/
/*.way_2 {*/
/*font-size: 13px;*/
/*color: #fff;*/
/*line-height: 44px;*/
/*}*/
/*.way_2 a {*/
/*font-size: 13px;*/
/*color: #cdf10c;*/
/*text-decoration: underline;*/
/*}*/
/*.way_2 span {*/
/*color: #cdf10c;*/
/*padding: 0 10px;*/
/*}*/
/*.way_2 a:hover {*/
/*text-decoration: none;*/
/*}*/
/*.rates_top {*/
/*background: url(/images/rates_top_bg.jpg) center 0 no-repeat;*/
/*background-size: cover;*/
/*min-height: 545px;*/
/*}*/
/*.rates_top_img_poz {*/
/*width: 100%;*/
/*height: 1px;*/
/*position: relative;*/
/*}*/
/*.rates_top_img {*/
/*position: absolute;*/
/*top: 60px;*/
/*right: -60px;*/
/*}*/
/*.rates_top_title_poz {*/
/*padding-top: 190px;*/
/*position: relative;*/
/*}*/
/*.bluetext_2 span {*/
/*font-family: "RobotoBold";*/
/*font-size: 50px;*/
/*line-height: 70px;*/
/*color: #fff;*/
/*background-color: #0097d0;*/
/*display: inline-block;*/
/*padding: 0 16px;*/
/*}*/
/*.darktext span {*/
/*font-family: "RobotoBold";*/
/*font-size: 35px;*/
/*line-height: 70px;*/
/*color: #fff;*/
/*background-color: #051922;*/
/*display: inline-block;*/
/*padding: 0 16px;*/
/*}*/
/*.line {*/
/*margin-bottom: 50px;*/
/*display: block;*/
/*height: 7px;*/
/*background: url(/images/line_bg.png) 0 0 repeat-x;*/
/*}*/
/*.rates_cont {*/
/*color: #243340;*/
/*font-size: 16px;*/
/*line-height: 24px;*/
/*}*/
/*.rates_cont_box {*/
/*margin-bottom: 60px;*/
/*}*/
/*.payment-methods-left li {*/
/*display: -moz-inline-stack;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*zoom: 1;*/
/*margin: 4px 15px;*/
/*}*/
/*.payment-methods-left {*/
/*margin-left: -15px;*/
/*}*/
/*.payment-icons-bankcards {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -32px -32px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-yandex-dengi {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -129px -64px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-webmoney-rub {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -129px -32px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-terminals {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -129px 0 no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-alfa-click {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -96px -96px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-sb-online {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -64px -96px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-promsvyaz {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -97px -32px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-masterpass {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -64px -64px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-kupivkredit {*/
/*background: url(/images/payment-icons-bec23d56ad.png) 0 -64px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-qppiru {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -32px -96px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.frame_box {*/
/*border: 1px solid #aee705;*/
/*padding: 40px 35px;*/
/*color: #243340;*/
/*font-size: 16px;*/
/*line-height: 24px;*/
/*margin-bottom: 50px;*/
/*}*/
/*.rates_table {*/
/*display: table;*/
/*width: 100%;*/
/*margin-bottom: 80px;*/
/*margin-top: -60px;*/
/*}*/
/*.rates_tr {*/
/*display: table-row;*/
/*}*/
/*.rates_tr:not(:first-child):hover .rates_td {*/
/*background-color: #f5f5f5;*/
/*}*/
/*!*.rates_tr:first-child:hover .rates_td {*/
/*background-color: #fff;*/
/*}*!*/
/*.rates_table .rates_tr .rates_td:hover {*/
/*background-color: #ececec;*/
/*}*/
/*.rates_td.active_hover {*/
/*background-color: #f5f5f5;*/
/*}*/
/*.rates_td.hover_cell_2 {*/
/*background-color: #f5f5f5;*/
/*}*/
/*.border_top {*/
/*border-top: 1px solid #acacac;*/
/*}*/
/*.border_left {*/
/*border-left: 1px solid #acacac;*/
/*}*/
/*.border_right {*/
/*border-right: 1px solid #acacac;*/
/*}*/
/*.border_bottom {*/
/*border-bottom: 1px solid #acacac;*/
/*}*/
/*.rates_td {*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*text-align: center;*/
/*padding: 20px;*/
/*width: 25%;*/
/*background-color: #fff;*/
/*color: #245a5e;*/
/*font-size: 16px;*/
/*line-height: 30px;*/
/*}*/
/*.rates_td_title {*/
/*background-color: transparent !important;*/
/*}*/
/*.rates_table_title {*/
/*font-family: "RobotoBold";*/
/*font-size: 26px;*/
/*line-height: 33px;*/
/*color: #0097d0;*/
/*}*/
/*.rates_table_title_arrow_wr {*/
/*width: 100%;*/
/*height: 1px;*/
/*position: relative;*/
/*}*/
/*.rates_table_title_arrow {*/
/*position: absolute;*/
/*right: 15px;*/
/*top: 20px;*/
/*}*/
/*.rates_td_img {*/
/*height: 80px;*/
/*position: relative;*/
/*margin-bottom: 25px;*/
/*}*/
/*.rates_td_img img {*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: 50%;*/
/*margin-left: -85px;*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/
/*.rates_td_img_cont {*/
/*position: absolute;*/
/*color: #fff;*/
/*font-size: 11px;*/
/*bottom: 60px;*/
/*width: 100%;*/
/*text-align: center;*/
/*margin-left: -20px;*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/
/*.rates_td_img_cont_1 {*/
/*padding-bottom: 2px;*/
/*padding-right: 22px;*/
/*}*/
/*.rates_td.active .rates_td_img img{*/
/*bottom: 20px;*/
/*}*/
/*.rates_td.active .rates_td_img_cont{*/
/*bottom: 80px;*/
/*}*/
/*.rates_td_cont h6 {*/
/*margin-bottom: 3px;*/
/*}*/
/*.rates_td_cont p {*/
/*line-height: 20px;*/
/*}*/
/*.rates_td_cont .rates_price {*/
/*color: #122730;*/
/*font-family: "RobotoBold";*/
/*font-size: 27px;*/
/*line-height: 30px;*/
/*margin-bottom: 12px;*/
/*}*/
/*.rates_td_cont .rates_price span {*/
/*color: #e75b3a;*/
/*font-family: "RobotoBold";*/
/*font-size: 18px;*/
/*line-height: 30px;*/
/*text-decoration: line-through;*/
/*padding-right: 8px;*/
/*}*/
/*.btn_rates_1 {*/
/*background: #0097d0;*/
/*display: block;*/
/*padding: 15px 20px;*/
/*font-family: "RobotoBold";*/
/*font-size: 18px;*/
/*line-height: 24px;*/
/*color: #fff;*/
/*max-width: 300px;*/
/*margin: 0 auto;*/
/*}*/
/*.btn_rates_1:hover {*/
/*color: #245a5e;*/
/*background-color: #21dcb3;*/
/*}*/
/*.btn_rates_2 {*/
/*background: #b4f10f;*/
/*display: block;*/
/*padding: 15px 20px;*/
/*font-family: "RobotoBold";*/
/*font-size: 18px;*/
/*line-height: 24px;*/
/*color: #245a5e;*/
/*max-width: 300px;*/
/*margin: 0 auto;*/
/*}*/
/*.btn_rates_2:hover {*/
/*color: #245a5e;*/
/*background-color: #21dcb3;*/
/*}*/
/*.rates_table_title_sm {*/
/*display: table;*/
/*text-align: left;*/
/*line-height: 22px;*/
/*}*/
/*.rates_table_title_sm>span {*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*}*/
/*.rates_table_title_sm>span:first-child {*/
/*width: 50px;*/
/*padding-left: 15px;*/
/*}*/
/*.help_box {*/
/*position: relative;*/
/*height: 1px;*/
/*width: 1px;*/
/*}*/
/*.icon_question_rates {*/
/*position: absolute;*/
/*width: 16px;*/
/*height: 16px;*/
/*background-color: #4ea300;*/
/*top: 10px;*/
/*left: -15px;*/
/*color: #fff;*/
/*line-height: 16px;*/
/*text-align: center;*/
/*border-radius: 100%;*/
/*font-size: 12px;*/
/*cursor: pointer;*/
/*}*/
/*.icon_question_rates_imp {*/
/*background-color: #ff3232;*/
/*}*/
/*.rates_td .help_pop_up {*/
/*font-size: 14px;*/
/*line-height: 17px;*/
/*color: #243340;*/
/*display: block;*/
/*position: absolute;*/
/*right: 60px;*/
/*width: 270px;*/
/*background-color: #fff;*/
/*box-shadow: 3px 3px 7px 3px #b8b8b8;*/
/*padding: 15px 18px;*/
/*-webkit-transform: translate(0, -50%);*/
/*-ms-transform: translate(0, -50%);*/
/*-o-transform: translate(0, -50%);*/
/*transform: translate(0, -50%);*/
/*display: none;*/
/*z-index: 5;*/
/*}*/
/*.help_pop_up_title {*/
/*font-size: 16px;*/
/*margin-bottom: 7px;*/
/*font-family: "RobotoBold";*/
/*color: #243340;*/
/*display: block;*/
/*}*/
/*.help_box:hover .help_pop_up{*/
/*display: block;*/
/*}*/
/*.btn_rates_open {*/
/*font-size: 20px;*/
/*margin-top: 15px;*/
/*margin-bottom: 10px;*/
/*display: block;*/
/*cursor: pointer;*/
/*display: none;*/
/*}*/
/*.description_box {*/
/*display: none;*/
/*}*/
/*.description_box .rates_tr {*/
/*display: table;*/
/*width: 100%;*/
/*}*/
/*.description_box .rates_td {*/
/*display: table-cell;*/
/*width: 50%;*/
/*padding: 12px 15px;*/
/*line-height: 22px;*/
/*}*/
/*.btn_rates_open .s {*/
/*display: none;*/
/*}*/
/*.btn_rates_open.active .h {*/
/*display: none;*/
/*}*/
/*.btn_rates_open.active .s {*/
/*display: inline-block;*/
/*}*/
/*.has-error label {*/
/*color: inherit !important;*/
/*}*/
.icon_video
,
.icon_info_2
{
float
:
left
;
}
.reference_right_box
input
:not
([
type
=
"radio"
])
:not
([
type
=
"checkbox"
])
{
border
:
none
;
height
:
50px
;
padding
:
0
20px
;
border-radius
:
3px
;
font-size
:
20px
!important
;
/*font-family: "Open Sans" !important;*/
font-weight
:
400
!important
;
margin-bottom
:
25px
;
width
:
100%
;
outline
:
none
;
}
.faq-text
{
color
:
rgb
(
10
,
10
,
10
);
margin-bottom
:
40px
;
line-height
:
26px
;
}
.reference_list
{
line-height
:
26px
;
}
.blue_table_faq
{
width
:
100%
;
}
.blue_table_faq
th
{
font-size
:
16px
;
line-height
:
20px
;
color
:
#fff
;
font-family
:
"RobotoBold"
;
background-color
:
#49acc5
!important
;
padding
:
15px
20px
;
border
:
1px
solid
#fff
;
border-bottom
:
none
;
border-top
:
none
;
}
.blue_table_faq
th
:first-child
{
border-left
:
none
;
}
.blue_table_faq
th
:last-child
{
border-right
:
none
;
}
.blue_table_faq
td
{
font-size
:
14px
;
line-height
:
20px
;
background-color
:
#fff
;
padding
:
15px
20px
;
border
:
1px
solid
#c2c2c2
;
}
\ No newline at end of file
frontend/web
/css/styles.css
→
common/modules/documentation/assets/src
/css/styles.css
View file @
599eb5cd
File moved
frontend/web
/css/vendor.min.css
→
common/modules/documentation/assets/src
/css/vendor.min.css
View file @
599eb5cd
File moved
frontend/web
/js/documentation.js
→
common/modules/documentation/assets/src
/js/documentation.js
View file @
599eb5cd
File moved
common/modules/documentation/views/page/view.php
View file @
599eb5cd
<?php
<?php
use
yii\widgets\Pjax
;
use
yii\widgets\Pjax
;
use
frontend
\assets\DocumentationAsset
;
use
common\modules\documentation
\assets\DocumentationAsset
;
use
execut\widget\TreeView
;
use
execut\widget\TreeView
;
use
yii\web\JsExpression
;
use
yii\web\JsExpression
;
use
common\modules\documentation\models\DocList
;
use
common\modules\documentation\models\DocList
;
...
@@ -24,7 +24,7 @@ $ml = $model->lang;
...
@@ -24,7 +24,7 @@ $ml = $model->lang;
<li
class=
"active"
>
<li
class=
"active"
>
<a
href=
"faq.html"
>
<a
href=
"faq.html"
>
<span
class=
"icon_info_2"
>
<span
class=
"icon_info_2"
>
</span>
Справка
</a>
</span>
Документация
</a>
</li>
</li>
</ul>
</ul>
</div>
</div>
...
@@ -34,7 +34,10 @@ $ml = $model->lang;
...
@@ -34,7 +34,10 @@ $ml = $model->lang;
<div
class=
"container"
>
<div
class=
"container"
>
<div
class=
"row"
>
<div
class=
"row"
>
<div
class=
"col-sm-12"
>
<div
class=
"col-sm-12"
>
<div
class=
"way"
>
<a
href=
"index.html"
>
Главная
</a>
<span>
|
</span>
Справка
<br>
<br>
<div
class=
"way"
>
<a
href=
"/"
>
Главная
</a>
<span>
|
</span>
Документация
<span>
|
</span>
<?php
echo
$ml
->
name
?>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -71,13 +74,6 @@ $ml = $model->lang;
...
@@ -71,13 +74,6 @@ $ml = $model->lang;
<!-- Widget Categories-->
<!-- Widget Categories-->
<section
class=
"widget widget-categories"
>
<section
class=
"widget widget-categories"
>
<h3
class=
"widget-title text-muted"
>
Разделы документации
</h3>
<h3
class=
"widget-title text-muted"
>
Разделы документации
</h3>
<ul>
<li><a
href=
"#"
>
Что такое платформа Taskon
</a></li>
<li><a
href=
"#"
>
Используемые технологии в Taskon
</a></li>
<li><a
href=
"#"
>
Что такое платформа Taskon? 0 0 1
</a></li>
<li><a
href=
"#"
>
Требования к серверу
</a></li>
<li><a
href=
"#"
>
Установка платформы Taskon
</a></li>
</ul>
<?php
<?php
$data
=
$modelDocList
->
getParentListForContent
(
$model
->
list
);
$data
=
$modelDocList
->
getParentListForContent
(
$model
->
list
);
$onSelect
=
new
JsExpression
(
<<<JS
$onSelect
=
new
JsExpression
(
<<<JS
...
@@ -142,3 +138,5 @@ JS
...
@@ -142,3 +138,5 @@ JS
</div>
</div>
</div>
</div>
</div>
</div>
<?=
$this
->
render
(
'@app/views/layouts/footer'
)
?>
\ No newline at end of file
frontend/web/.htaccess
View file @
599eb5cd
...
@@ -5,17 +5,17 @@ RewriteCond %{HTTP_HOST} ^www.task-on\.com$ [NC]
...
@@ -5,17 +5,17 @@ RewriteCond %{HTTP_HOST} ^www.task-on\.com$ [NC]
RewriteRule
^(.*)$ http://task-on.com/$1 [R=301,L]
RewriteRule
^(.*)$ http://task-on.com/$1 [R=301,L]
RewriteCond
%{THE_REQUEST} ^[A-Z]{3,9}\ /index\.php\ HTTP/
RewriteCond
%{THE_REQUEST} ^[A-Z]{3,9}\ /index\.php\ HTTP/
RewriteRule
^index\.php$ http
s
://task-on.com/ [R=301,L]
RewriteRule
^index\.php$ http://task-on.com/ [R=301,L]
RewriteCond
%{HTTP_HOST} ^www\.(.*) [NC]
RewriteCond
%{HTTP_HOST} ^www\.(.*) [NC]
RewriteRule
^(.*)$ http://%1/$1 [R=301,L]
RewriteRule
^(.*)$ http://%1/$1 [R=301,L]
RewriteCond
%{HTTP
S
}
off
RewriteCond
%{HTTP}
off
RewriteRule
(.*) http
s
://%{HTTP_HOST}%{REQUEST_URI} [R,L]
RewriteRule
(.*) http://%{HTTP_HOST}%{REQUEST_URI} [R,L]
RewriteCond
%{REQUEST_FILENAME} !-d
RewriteCond
%{REQUEST_FILENAME} !-d
RewriteCond
%{REQUEST_URI} ^(.+)/$
RewriteCond
%{REQUEST_URI} ^(.+)/$
RewriteRule
^(.+)/$ http
s
://task-on.com/$1 [R=301,L]
RewriteRule
^(.+)/$ http://task-on.com/$1 [R=301,L]
Redirect
301 /portfolio/appl /portfolio
Redirect
301 /portfolio/appl /portfolio
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment