Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
D
dic-global-dev
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
CI / CD
CI / CD
Pipelines
Schedules
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Commits
Issue Boards
Open sidebar
Manzar Hussain
dic-global-dev
Commits
aa126afe
Commit
aa126afe
authored
Dec 23, 2020
by
Manzar Hussain
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'feature-theme' into 'develop'
add front and css update See merge request manzarH/dic-global-dev!22
parents
789643c3
bc9145d8
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
41 additions
and
4 deletions
+41
-4
style.css
themes/custom/envigo/css/style.css
+8
-0
page--front.html.twig
themes/custom/envigo/templates/layout/page--front.html.twig
+33
-4
No files found.
themes/custom/envigo/css/style.css
View file @
aa126afe
.clr_white
{
color
:
#fff
}
.bg_blue
{
background
:
#66b9ff
}
.bg_ggray
{
background
:
#d5d5d5
}
.bg_ggreen
{
background
:
#99cb43
}
.bg_black
{
background
:
#000
}
.pos_rel_c
{
position
:
relative
}
.b_o_c_b
{
position
:
relative
;
width
:
100%
}
.b_main_slider
{
position
:
relative
}
.b_main_slider
.b_desktop_view
{
display
:
block
}
.b_main_slider
.b_mobile_view
{
display
:
none
}
.b_main_slider
.b_slide_item
{
display
:
block
;
outline
:
0
}
.b_main_slider
.b_slide_item
a
{
outline
:
0
;
display
:
block
}
.b_main_slider
.b_slide_item
a
img
{
width
:
100%
}
.b_main_slider
.slick-next
,
.b_main_slider
.slick-prev
{
position
:
absolute
;
width
:
140px
;
height
:
40px
;
text-indent
:
-99999px
;
z-index
:
1
;
margin-top
:
-20px
}
.b_main_slider
.slick-next
{
right
:
0
}
.b_main_slider
.slick-prev
{
left
:
0
}
.b_main_slider
.slick-next.slick-disabled
,
.b_main_slider
.slick-prev.slick-disabled
{
opacity
:
0
;
display
:
none
}
.b_main_slider
.slick-next
:before
,
.b_main_slider
.slick-prev
:before
{
content
:
""
;
position
:
relative
;
top
:
auto
;
left
:
auto
;
height
:
4px
;
width
:
100%
;
background
:
#9c4
;
display
:
block
}
.b_ticker_o_c
{
position
:
absolute
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
background
:
#fff
}
.b_slide_ticker
{
width
:
100%
;
padding
:
15px
;
line-height
:
1.5
;
word-break
:
break-all
;
font-size
:
1.6rem
;
outline
:
0
;
text-align
:
center
}
.b_slide_ticker
a
{
text-decoration
:
none
;
color
:
#000
;
outline
:
0
}
.b_slide_ticker
p
{
margin
:
0
;
padding
:
0
;
font-size
:
1.6rem
}
.b_notice
{
background
:
#f2fff2
;
position
:
relative
;
width
:
100%
;
padding-left
:
15px
;
padding-right
:
15px
;
padding-top
:
40px
;
padding-bottom
:
40px
}
.b_mod_auto
{
text-align
:
center
}
.b_mod_auto
a
{
text-decoration
:
none
;
display
:
inline-block
;
font-size
:
2.4rem
;
color
:
#005085
;
font-weight
:
700
}
.b_mod_auto
h3
{
font-size
:
2.4rem
;
color
:
#005085
;
font-weight
:
700
;
padding
:
0
;
margin
:
0
}
.listin_s_c_d
{
position
:
relative
;
margin-bottom
:
15px
}
.listin_s_c_d
h6
{
font-size
:
1.6rem
;
color
:
#000
;
text-decoration
:
none
;
text-align
:
left
;
font-weight
:
600
;
display
:
block
;
position
:
relative
;
margin-bottom
:
5px
;
line-height
:
1.5
}
.listin_s_c_d
p
{
position
:
relative
;
color
:
rgba
(
51
,
51
,
58
,
.8
);
font-size
:
1.5rem
;
font-weight
:
400
;
margin
:
0
;
padding
:
0
}
.seoContentcon
.listin_s_c_d
{
display
:
none
}
.seoContentcon
.listin_s_c_d
:nth-child
(
1
),
.seoContentcon
.listin_s_c_d
:nth-child
(
2
)
{
display
:
block
}
.seoContentcon
.listin_s_c_d.activeContent
{
display
:
block
}
.readMore_con
{
display
:
none
}
.readMore_con.activeReadmore
{
display
:
block
}
.readMore_con
a
,
.readMore_con
a
:hover
{
color
:
#295662
;
font-size
:
1.4rem
;
text-decoration
:
underline
;
font-weight
:
400
;
text-transform
:
uppercase
}
.bg_l_gray
{
background
:
#f9f9f9
}
.bg_gray_2
{
background
:
#ededed
}
.spacerTB
{
padding-top
:
70px
;
padding-bottom
:
60px
}
.cs_w_b
{
position
:
relative
}
.cs_inner_item
{
position
:
relative
;
height
:
100%
}
.c_heading_b
{
font-size
:
3.2rem
;
margin
:
0
;
padding
:
0
;
font-weight
:
600
;
margin-bottom
:
40px
;
color
:
#000
}
.cs_inner_item
{
position
:
relative
;
border
:
1px
solid
#ccc
;
-webkit-transition
:
.3s
ease-in-out
;
-o-transition
:
.3s
ease-in-out
;
transition
:
.3s
ease-in-out
}
.cs_box_shadow
.cs_inner_item
:hover
{
-webkit-transition
:
.3s
ease-in-out
;
-o-transition
:
.3s
ease-in-out
;
transition
:
.3s
ease-in-out
;
-webkit-box-shadow
:
0
0
20px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
0
20px
rgba
(
0
,
0
,
0
,
.2
)}
.cs_iwcb
{
position
:
relative
;
width
:
100%
;
background
:
#fff
;
display
:
block
;
height
:
100%
}
.cs_img_c_b
{
position
:
relative
;
width
:
100%
;
display
:
block
;
outline
:
0
}
.cs_img_c_b
:before
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
content
:
""
;
background
:
rgba
(
0
,
0
,
0
,
.2
);
top
:
0
;
left
:
0
}
.cs_img_c_b
img
{
width
:
100%
}
.cs_hcb
{
position
:
relative
;
width
:
100%
;
padding
:
30px
15px
15px
;
color
:
rgba
(
0
,
0
,
0
,
.6
);
font-size
:
1.5rem
}
.cs_hcb
.cs_icon_c
{
position
:
absolute
;
width
:
70px
;
height
:
70px
;
background
:
#fff
;
left
:
15px
;
bottom
:
100%
;
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
}
.cs_hcb
.cs_icon_c
img
{
max-width
:
80%
}
.cs_hcb
.cs_hgbc
{
font-size
:
2rem
;
color
:
#000
;
margin-bottom
:
10px
;
font-weight
:
400
}
.cs_hcb
.cs_hgbc
a
{
color
:
#000
;
text-decoration
:
none
}
.cs_hcb
.cs_hgbc.cs_c1
a
{
color
:
#c54960
}
.cs_hcb
.cs_hgbc.cs_c2
a
{
color
:
#417d85
}
.cs_hcb
.cs_hgbc.cs_c3
a
{
color
:
#4375b5
}
.cs_hcb
.cs_hgbc.cs_c4
a
{
color
:
#094b67
}
.cs_item_b
{
outline
:
0
}
.bg_n_img
{
background-position
:
right
center
!important
;
background-size
:
cover
!important
}
.cs_a_con_ob
{
background
:
#fff
;
position
:
relative
;
width
:
100%
;
display
:
block
;
overflow
:
hidden
}
.cs_a_c_w
:before
{
content
:
""
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
rgba
(
0
,
0
,
0
,
.3
)}
.cs_a_c_w
{
position
:
relative
;
width
:
100%
}
.cs_a_c_w
img
{
width
:
100%
}
.cs_overlay_c_b
{
position
:
absolute
;
margin-top
:
-55px
;
top
:
100%
;
left
:
0
;
width
:
100%
;
overflow-x
:
auto
;
z-index
:
2
;
padding
:
15px
;
-webkit-transition
:
all
.5s
ease-in-out
;
-o-transition
:
all
.5s
ease-in-out
;
transition
:
all
.5s
ease-in-out
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
end
;
-ms-flex-align
:
end
;
align-items
:
flex-end
}
.cs_overlay_c_b
{
font-size
:
1.5rem
;
color
:
#fff
}
.cs_overlay_c_b
p
{
font-size
:
1.5rem
;
color
:
#fff
;
margin
:
0
}
.cs_hcbmd
{
font-size
:
2rem
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
10px
;
font-weight
:
800
;
color
:
#fff
}
.cs_a_con_ob
:hover
.cs_overlay_c_b
{
-webkit-transition
:
all
.5s
ease-in-out
;
-o-transition
:
all
.5s
ease-in-out
;
transition
:
all
.5s
ease-in-out
;
top
:
0
;
margin-top
:
0
}
.cs_application_c
.cs_item_b
{
margin-bottom
:
30px
}
.cs_item_b
{
margin-bottom
:
30px
}
.cs_slider_bp_con
.cs_item_b
{
margin-bottom
:
0
}
.cs_btn_c_b
{
position
:
relative
;
width
:
100%
;
text-align
:
center
;
padding-top
:
20px
;
font-size
:
1.4rem
;
text-transform
:
uppercase
}
.cs_btn_c_b
a
{
display
:
inline-block
;
vertical-align
:
middle
;
text-decoration
:
none
;
color
:
#000
}
.cs_btn_c_b
a
:hover
{
text-decoration
:
underline
}
.cs_btn_c_b
a
i
{
font-size
:
1.7rem
}
.cs_bnmv
.cs_btn_c_b
a
,
.cs_s_i_c_b
.cs_btn_c_b
a
{
color
:
#8ac731
}
.cs_bnmv
.cs_btn_c_b
a
:hover
,
.cs_s_i_c_b
.cs_btn_c_b
a
:hover
{
color
:
#6eae0d
}
.cs_s_inwb
{
position
:
relative
;
width
:
100%
;
margin-bottom
:
30px
}
.cs_icb
{
position
:
relative
;
margin
:
0
auto
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
margin-bottom
:
20px
}
.cs_icb
span
{
width
:
100px
;
height
:
100px
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
border
:
2px
solid
#66b9ff
;
border-radius
:
50%
;
padding
:
12px
}
.cs_icb
span
img
{
max-width
:
100%
}
.cs_s_i_c_b
.cs_inner_item
{
border
:
none
}
.cs_tcb
{
text-align
:
center
;
position
:
relative
;
font-size
:
1.5rem
;
color
:
rgba
(
0
,
0
,
0
,
.6
)}
.cs_ihcb
{
font-size
:
1.8rem
;
color
:
#000
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
10px
;
font-weight
:
600
}
.cs_containe_i_w
{
position
:
relative
;
background
:
#fff
;
height
:
100%
}
.cs_img_bc
{
position
:
relative
;
display
:
block
}
.cs_img_bc
img
{
width
:
100%
}
.cs_text_cib
{
position
:
relative
;
padding
:
15px
;
font-size
:
1.5rem
;
color
:
rgba
(
0
,
0
,
0
,
.8
)}
.cs_hcwbm
{
font-size
:
1.6rem
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
10px
;
font-weight
:
600
}
.life_of_dic
.cs_hcwbm
{
margin-bottom
:
5px
}
.cs_hcwbm
a
{
text-decoration
:
none
;
color
:
#000
}
.cs_img_bc
span
{
color
:
#fff
;
padding
:
5px
10px
;
position
:
absolute
;
display
:
inline-block
;
right
:
0
;
top
:
0
;
font-size
:
1.2rem
}
.cs_c1_m
{
background
:
#c5495f
}
.cs_c2_m
{
background
:
#dd7f2d
}
.cs_wc_b
{
position
:
relative
;
width
:
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
font-size
:
1.2rem
;
margin-bottom
:
10px
}
.cs_iwcb
i
{
font-size
:
1.4rem
}
.cs_wc_b
span
{
display
:
block
;
white-space
:
nowrap
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.6
);
padding
:
3px
15px
}
.cs_item_b
*
{
outline
:
0
}
.cs_slider_container
button
,
.cs_slider_dic_news_inner
button
,
.cs_team_slider_container
button
{
display
:
none
!important
}
.cs_slider_container
button
.arrowSlider
,
.cs_slider_dic_news_inner
button
.arrowSlider
,
.cs_team_slider_container
button
.arrowSlider
{
width
:
40px
;
height
:
40px
;
display
:
-webkit-box
!important
;
display
:
-ms-flexbox
!important
;
display
:
flex
!important
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
position
:
absolute
;
top
:
50%
;
margin-top
:
-20px
;
font-size
:
1.6rem
;
border
:
none
;
background
:
0
0
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
padding
:
0
;
outline
:
0
;
z-index
:
1
}
.cs_slider_container
.rightArrow
,
.cs_slider_dic_news_inner
.rightArrow
,
.cs_team_slider_container
.rightArrow
{
right
:
-45px
}
.cs_slider_container
.leftArrow
,
.cs_slider_dic_news_inner
.leftArrow
,
.cs_team_slider_container
.leftArrow
{
left
:
-45px
}
.cs_slider_container
.arrowSlider.slick-disabled
,
.cs_slider_dic_news_inner
.arrowSlider.slick-disabled
,
.cs_team_slider_container
.arrowSlider.slick-disabled
{
pointer-events
:
none
;
opacity
:
.25
}
.cs_nwc_b
.cs_hcb
{
padding-top
:
15px
}
.cs_t_cb
{
display
:
block
;
margin-bottom
:
15px
}
.static_banner
.b_slide_item
img
{
width
:
100%
}
.static_banner
.b_slide_item
{
position
:
relative
;
width
:
100%
}
.static_banner
.s_b_o_c
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
font-size
:
2rem
;
color
:
#fff
;
text-align
:
center
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
z-index
:
1
}
.static_banner
.s_c_iw
{
position
:
relative
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
height
:
100%
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
margin
:
0
auto
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.static_banner
::before
{
position
:
absolute
;
content
:
""
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background
:
rgba
(
0
,
0
,
0
,
.5
);
z-index
:
1
}
.static_banner
.s_p_h_c
{
font-size
:
3.2rem
;
font-weight
:
700
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
15px
;
color
:
#fff
}
.border-bottom
{
border-bottom
:
1px
solid
#dee2e6
!important
}
.cd-breadcrumb
{
padding
:
15px
0
;
font-size
:
1.4rem
}
.cd-breadcrumb
li
{
display
:
inline-block
;
margin
:
0
;
position
:
relative
;
padding-right
:
5px
}
.cd-breadcrumb
li
i
{
margin-left
:
5px
}
.cd-breadcrumb
li
>*
{
display
:
inline-block
;
color
:
#b9b9b9
;
text-decoration
:
none
}
.breadcrumb_select
{
color
:
#000
}
.cb_ocb
{
background-position
:
center
center
!important
;
background-size
:
cover
!important
;
background-repeat
:
no-repeat
!important
;
position
:
relative
}
.cb_ocb
::before
{
position
:
absolute
;
content
:
""
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background
:
rgba
(
0
,
0
,
0
,
.7
);
z-index
:
1
}
.c_b_c_img
{
position
:
relative
;
z-index
:
9
;
padding-top
:
50px
;
padding-bottom
:
50px
;
max-width
:
600px
;
margin
:
0
auto
}
.cb_i_w
{
text-align
:
center
;
font-size
:
1.6rem
;
color
:
#fff
}
.csh_cwd
{
font-size
:
2.4rem
;
font-weight
:
700
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
15px
}
.cb_btn_c
{
position
:
relative
;
padding-top
:
10px
}
.cb_btn_c
{
position
:
relative
;
padding-top
:
10px
}
.cb_btn_c
a
{
color
:
#fff
;
text-decoration
:
none
;
background
:
#8ac731
;
padding
:
10px
25px
;
display
:
inline-block
}
.cb_btn_c
a
:hover
{
background
:
#6eae0d
}
.m_c_s_d_i
{
font-size
:
1.6rem
}
.hl_cw_box
{
font-size
:
2.6rem
;
color
:
#000
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
15px
;
font-weight
:
600
}
.slider_m_c_b
{
background
:
#8ac731
}
.spacerTB.slider_m_c_b
{
padding-top
:
40px
;
padding-bottom
:
40px
}
.c_item_slide
{
position
:
relative
;
font-size
:
1.6rem
;
color
:
#fff
;
padding-left
:
50px
;
padding-right
:
50px
}
.c_item_slide
h6
{
font-weight
:
400
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
15px
;
font-size
:
1.6rem
}
.inner_m_slider
h6
{
color
:
#fff
}
.c_item_slide
p
{
font-size
:
1.8rem
}
.btn_c_b_mn
{
position
:
relative
;
display
:
inline-block
;
padding-left
:
15px
;
padding-right
:
15px
}
.btn_c_b_mn
a
{
position
:
relative
;
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
;
padding
:
10px
25px
;
background
:
#fff
;
text-decoration
:
none
;
color
:
#8ac731
}
.slider_strip_container
*
{
outline
:
0
}
.slider_strip_container
.slick-dots
li
button
:before
{
background
:
0
0
;
border
:
1px
solid
#fff
;
border-radius
:
50%
;
opacity
:
1
;
text-indent
:
-9999px
;
width
:
16px
;
height
:
16px
}
.slider_strip_container
.slick-dots
li
.slick-active
button
:before
{
background
:
#fff
}
.slider_strip_container
.slick-dots
{
bottom
:
-30px
}
.c_r_c_b
{
font-size
:
1.8rem
;
color
:
#fff
;
position
:
relative
;
z-index
:
1
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.cc_cw_box
{
font-size
:
3.2rem
;
color
:
#fff
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
25px
;
font-weight
:
600
}
.c_c_b_i
{
border-radius
:
50%
;
background
:
#8ac731
;
color
:
#fff
;
width
:
160px
;
height
:
160px
;
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
;
text-align
:
center
;
padding
:
15px
;
position
:
absolute
}
.c_middle_c
p
{
font-size
:
4rem
;
font-weight
:
900
;
margin
:
0
;
padding
:
0
;
line-height
:
1
;
margin-bottom
:
5px
}
.c_middle_c
span
{
margin
:
0
;
padding
:
0
;
line-height
:
1.3
;
text-transform
:
uppercase
;
font-size
:
1.4rem
;
display
:
block
}
.cc_1
{
width
:
220px
;
height
:
220px
;
top
:
-42px
;
right
:
255px
}
.cc_2
{
right
:
0
;
top
:
6px
}
.cc_3
{
right
:
340px
;
top
:
202px
}
.cc_4
{
right
:
130px
;
top
:
158px
}
.text_c_i_img
{
position
:
relative
;
height
:
356px
}
.nf_oc_b
{
margin-bottom
:
30px
}
.nf_c_w
{
background
:
#f9f9f9
;
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.nf_i_c_w
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
font-size
:
1.6rem
}
.nf_i_c_w
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
padding
:
15px
;
text-align
:
center
}
.nf_v_c_b
{
position
:
relative
;
padding-top
:
50px
;
padding-bottom
:
50px
}
.nf_v_c_b
span
{
width
:
70px
;
height
:
70px
;
display
:
block
;
margin
:
0
auto
15px
}
.nf_v_c_b
span
img
{
width
:
100%
}
.nf_v_c_b
h6
{
font-size
:
1.8rem
;
font-weight
:
600
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
15px
;
color
:
#000
}
.nf_h_w_c
{
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
text-align
:
center
;
height
:
100%
;
background
:
#fff
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
padding
:
30px
15px
;
font-size
:
1.5rem
;
-webkit-transition
:
all
.3s
ease-in-out
;
-o-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.nf_c_w
:hover
.nf_h_w_c
{
top
:
0
;
-webkit-transition
:
all
.3s
ease-in-out
;
-o-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.nf_oc_b
.box_shd_d
{
-webkit-transition
:
all
.3s
ease-in-out
;
-o-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.nf_oc_b
:hover
.box_shd_d
{
-webkit-transition
:
all
.3s
ease-in-out
;
-o-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
;
-webkit-box-shadow
:
0
0
20px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
0
20px
rgba
(
0
,
0
,
0
,
.2
)}
.nf_ic_box
span
{
width
:
50px
;
height
:
50px
;
display
:
block
;
margin
:
0
auto
15px
}
.nf_ic_box
span
img
{
width
:
100%
}
.nf_ic_box
h6
{
font-size
:
1.8rem
;
font-weight
:
600
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
25px
;
color
:
#8ac731
}
.nf_ic_box
p
{
margin
:
0
;
padding
:
0
;
margin-bottom
:
5px
}
.nf_ic_box
p
a
{
color
:
inherit
;
text-decoration
:
none
}
.nf_btn_c
{
position
:
relative
;
width
:
100%
;
padding-top
:
15px
}
.nf_btn_c
a
{
border
:
1px
solid
;
display
:
inline-block
;
position
:
relative
;
padding
:
10px
50px
10px
15px
;
color
:
#8ac731
;
text-decoration
:
none
}
.nf_btn_c
a
i
{
position
:
absolute
;
right
:
15px
}
.h_c_b_wrapper
{
position
:
relative
;
margin-bottom
:
30px
;
max-width
:
60%
}
.h_c_w_bnm
{
font-size
:
2.6rem
;
font-weight
:
700
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
15px
;
color
:
#000
}
.h_c_b_wrapper
p
{
font-size
:
1.6rem
}
.hs_wrap_c
ul
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
nowrap
;
flex-wrap
:
nowrap
;
-webkit-box-align
:
end
;
-ms-flex-align
:
end
;
align-items
:
flex-end
;
-webkit-box-pack
:
start
;
-ms-flex-pack
:
start
;
justify-content
:
flex-start
;
position
:
relative
;
padding-left
:
5px
}
.hs_wrap_c
ul
li
{
position
:
relative
;
padding
:
0
10px
0
15px
;
font-size
:
1.2rem
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
width
:
200px
}
.hs_heading_c_b
{
font-size
:
1.6rem
;
font-weight
:
800
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
5px
;
color
:
#000
}
.hs_wrap_c
ul
li
:before
{
content
:
""
;
position
:
absolute
;
width
:
1px
;
height
:
100%
;
background
:
#d8d8d8
;
top
:
0
;
left
:
0
}
.hs_wrap_c
ul
li
:after
{
content
:
""
;
position
:
absolute
;
width
:
10px
;
height
:
10px
;
background
:
#d8d8d8
;
bottom
:
-3px
;
left
:
-4px
;
border-radius
:
50%
}
.hs_wrap_c
ul
li
p
{
padding
:
0
;
margin
:
0
}
.hs_wrap_c
ul
li
img
{
margin-top
:
10px
}
.hs_wrap_c
.down_c_b
{
-webkit-box-align
:
start
;
-ms-flex-align
:
start
;
align-items
:
flex-start
;
padding-bottom
:
70px
}
.hs_wrap_c
.down_c_b
li
:after
{
top
:
-3px
}
.strip_c_line
{
padding-top
:
40px
;
padding-bottom
:
40px
;
width
:
100%
}
.strip_c_line
span
{
display
:
block
;
width
:
3200px
;
height
:
10px
;
background
:
url(../images/strip.png)
repeat-x
}
.sb_ibcd
{
max-width
:
700px
;
margin
:
0
auto
}
.hs_wrap_c
.jspCap
{
display
:
block
;
background
:
#fff
}
.hs_wrap_c
.jspHorizontalBar
.jspCap
{
width
:
20%
;
height
:
100%
}
.hs_wrap_c
.jspHorizontalBar
{
background
:
0
0
;
height
:
10px
;
z-index
:
9
}
.hs_wrap_c
.jspDrag
{
background
:
#8ac731
;
z-index
:
2
}
.hs_wrap_c
.jspTrack
{
background
:
0
0
;
position
:
relative
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
start
;
-ms-flex-pack
:
start
;
justify-content
:
flex-start
}
.hs_wrap_c
.jspTrack
:after
{
content
:
""
;
width
:
100%
;
height
:
1px
;
display
:
block
;
background
:
#e2e2e2
;
left
:
0
;
position
:
absolute
;
z-index
:
1
}
.hs_i_wrapper
*
{
outline
:
0
}
@media
(
max-width
:
1480px
){
.cs_slider_container
button
.arrowSlider
,
.cs_slider_dic_news_inner
button
.arrowSlider
,
.cs_team_slider_container
button
.arrowSlider
{
color
:
#fff
;
background
:
#8ac731
!important
}
.cs_slider_container
.rightArrow
,
.cs_slider_dic_news_inner
.rightArrow
,
.cs_team_slider_container
.rightArrow
{
right
:
15px
}
.cs_slider_container
.leftArrow
,
.cs_slider_dic_news_inner
.leftArrow
,
.cs_team_slider_container
.leftArrow
{
left
:
15px
}
.cs_w_b
{
overflow
:
hidden
}}
@media
(
max-width
:
1365px
){
.static_banner
.s_p_h_c
{
font-size
:
2.8rem
}
.static_banner
.s_b_o_c
{
font-size
:
1.6rem
}
.h_c_b_wrapper
{
max-width
:
80%
}}
@media
(
max-width
:
1200px
){
.cc_cw_box
{
font-size
:
2.6rem
;
margin-bottom
:
15px
}
.c_r_c_b
{
font-size
:
1.6rem
}}
@media
(
max-width
:
991px
){
.text_c_i_img
{
position
:
relative
;
height
:
auto
}
.text_c_i_img
.txt_c_i_b
{
position
:
relative
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
margin-bottom
:
15px
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
}
.c_c_b_i
{
width
:
130px
;
height
:
130px
}
.c_middle_c
p
{
font-size
:
2.4rem
}
.c_middle_c
span
{
font-size
:
1.2rem
}
.c_c_b_i
{
position
:
relative
;
margin-right
:
20px
;
margin-bottom
:
15px
}
.cc_1
,
.cc_2
,
.cc_3
,
.cc_4
{
top
:
auto
;
right
:
auto
}
.h_c_b_wrapper
{
max-width
:
100%
}}
@media
(
max-width
:
767px
){
.static_banner
.s_c_iw
{
max-width
:
100%
}
.b_main_slider
.b_desktop_view
{
display
:
none
}
.b_main_slider
.b_mobile_view
{
display
:
block
}
.cs_s_cb
{
-ms-flex-pack
:
start
!important
;
-webkit-box-pack
:
start
!important
;
justify-content
:
flex-start
!important
;
-ms-flex-wrap
:
nowrap
!important
;
flex-wrap
:
nowrap
!important
;
overflow
:
auto
}
.cs_s_cb
::-webkit-scrollbar
{
display
:
none
}
.cs_overlay_c_b
{
margin-top
:
0
;
top
:
auto
;
left
:
0
;
bottom
:
0
}
.cs_s_inwb
{
margin-bottom
:
0
}
.cs_btn_c_b
{
padding-top
:
30px
;
font-size
:
1.3rem
}
.readMore_con
a
,
.readMore_con
a
:hover
{
font-size
:
1.2rem
}
.cs_application_c
.cs_item_b
{
margin-bottom
:
0
}
.c_heading_b
{
font-size
:
2.4rem
}
.b_slide_ticker
p
{
font-size
:
1.4rem
}
.b_notice
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.b_mod_auto
h3
{
font-size
:
1.6rem
;
line-height
:
1.5
}
.spacerTB
{
padding-top
:
40px
;
padding-bottom
:
40px
}
.cs_hcb
.cs_hgbc
,
.cs_hcbmd
,
.cs_hcwbm
,
.cs_ihcb
{
font-size
:
1.6rem
}
.cs_hcb
,
.cs_overlay_c_b
p
,
.cs_tcb
,
.cs_text_cib
,
.listin_s_c_d
p
{
font-size
:
1.4rem
}
.b_main_slider
.slick-next
,
.b_main_slider
.slick-prev
{
width
:
60px
}
.btn_c_b_mn
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
width
:
100%
;
padding-top
:
20px
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding-bottom
:
20px
}
.c_item_slide
p
{
font-size
:
1.4rem
}
.static_banner
.s_p_h_c
{
font-size
:
2.4rem
}
.cc_cw_box
,
.hl_cw_box
{
font-size
:
1.8rem
;
line-height
:
1.5
}
.c_r_c_b
{
font-size
:
1.4rem
}
.m_c_s_d_i
,
.static_banner
.s_b_o_c
{
font-size
:
1.4rem
}
.txt_c_i_b
{
text-align
:
center
}
.c_c_b_i
{
margin-right
:
10px
;
margin-left
:
10px
}
.c_b_c_img
{
padding-top
:
0
;
padding-bottom
:
0
}
.c_item_slide
{
padding-left
:
0
;
padding-right
:
0
}
.cd-breadcrumb
{
font-size
:
1.2rem
}
.h_c_b_wrapper
p
{
font-size
:
1.4rem
}
.h_c_w_bnm
{
font-size
:
2.4rem
}
.cb_i_w
{
font-size
:
1.4rem
}
.csh_cwd
{
font-size
:
2rem
}
.c_item_slide
,
.nf_h_w_c
,
.nf_i_c_w
{
font-size
:
1.4rem
}
.nf_ic_box
h6
,
.nf_v_c_b
h6
{
font-size
:
1.6rem
}
.nf_ic_box
h6
{
margin-bottom
:
15px
}}
.nf_cb
{
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
;
padding-top
:
150px
;
padding-bottom
:
150px
}
.not_f_i_w
{
max-width
:
500px
;
margin
:
0
auto
;
text-align
:
center
}
.not_f_i_w
img
{
max-width
:
100%
}
.not_f_i_w
h5
{
font-size
:
2.4rem
;
font-weight
:
700
;
margin-top
:
35px
;
margin-bottom
:
15px
;
padding-bottom
:
20px
;
color
:
#000
;
position
:
relative
}
.not_f_i_w
h5
:after
{
content
:
""
;
position
:
absolute
;
left
:
50%
;
width
:
60px
;
height
:
1px
;
bottom
:
5px
;
background
:
#d0d0d0
;
margin-left
:
-30px
}
.not_f_i_w
{
font-size
:
1.6rem
}
.tk_h_c
{
font-size
:
2.8rem
;
font-weight
:
600
;
color
:
#8ac731
;
padding
:
0
;
margin
:
25px
0
15px
0
}
.tk_hs_c
{
font-size
:
1.8rem
;
font-weight
:
600
;
color
:
#000
;
padding
:
0
;
margin
:
0
;
margin-bottom
:
15px
}
.c_s_c
{
padding-top
:
25px
}
.c_s_c
span
{
color
:
#0c8df7
}
@media
(
max-width
:
767px
){
.not_f_i_w
{
font-size
:
1.4rem
}
.not_f_i_w
h5
{
font-size
:
1.8rem
}
.tk_h_c
{
font-size
:
2.4rem
;
margin-bottom
:
10px
}
.tk_hs_c
{
font-size
:
1.6rem
;
margin-bottom
:
10px
}
.c_s_c
{
padding-top
:
15px
}}
.ceo_c_b
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
font-size
:
1.6rem
}
.ceo_ciw
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
start
;
-ms-flex-pack
:
start
;
justify-content
:
flex-start
;
padding-right
:
30px
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
0
0%
;
flex
:
1
0
0%
}
.ceo_i_wc
{
max-width
:
500px
;
position
:
relative
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
}
.ceo_i_cb
{
position
:
relative
}
.ceo_i_cb
:before
{
content
:
""
;
position
:
absolute
;
top
:
-15px
;
left
:
-15px
;
width
:
100px
;
height
:
100px
;
background
:
url(../images/icon-quote.png)
no-repeat
top
left
;
background-size
:
contain
}
.ceo_i_wc
img
{
max-width
:
100%
}
.ceo_h_c_t
{
font-size
:
2.8rem
;
font-weight
:
700
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
15px
}
.ceo_n_cb
{
padding-top
:
40px
}
.ceo_h_name_c
{
font-size
:
1.8rem
;
font-weight
:
700
;
margin
:
0
;
padding
:
0
}
.ceo_n_cb
span
{
font-size
:
1.2rem
}
@media
(
max-width
:
1365px
){
.ceo_i_wc
{
max-width
:
380px
}
.ceo_h_c_t
{
margin-bottom
:
10px
}
.ceo_i_cb
:before
{
left
:
-5px
}
.ceo_n_cb
{
padding-top
:
15px
}}
@media
(
max-width
:
991px
){
.ceo_i_wc
{
max-width
:
300px
}
.ceo_c_b
{
font-size
:
1.4rem
}
.ceo_h_c_t
{
font-size
:
2.4rem
}}
@media
(
max-width
:
767px
){
.ceo_c_b
{
display
:
block
}
.ceo_ciw
{
padding-right
:
0
;
margin-bottom
:
30px
}
.ceo_i_wc
{
max-width
:
100%
}
.ceo_h_c_t
{
font-size
:
2.4rem
}
.ceo_h_name_c
{
font-size
:
1.6rem
}
.ceo_i_cb
:before
{
top
:
0
;
left
:
-10px
;
width
:
60px
;
height
:
60px
}}
.video_container
.cs_btn_c_b
{
float
:
left
}
.news_event_container
.cs_btn_c_b
a
,
.photo_va
.cs_btn_c_b
a
,
.video_container
.cs_btn_c_b
a
{
color
:
#8ac731
}
.video_container
.v_b_c_b
{
background
:
#fff
}
.video_container
.rbc_s_t.slick-current
.v_b_c_b
,
.video_container
.v_t_ob
:hover
.v_b_c_b
{
border
:
none
}
.video_container
.rbc_s_t.slick-current
.v_t_ob
,
.video_container
.v_t_ob
:hover
.v_t_ob
{
-webkit-box-shadow
:
0
0
12px
rgba
(
0
,
0
,
0
,
.3
);
box-shadow
:
0
0
12px
rgba
(
0
,
0
,
0
,
.3
)}
.news_event_container
.cs_btn_c_b
a
:hover
,
.photo_va
.cs_btn_c_b
a
:hover
,
.video_container
.cs_btn_c_b
a
:hover
{
color
:
#6eae0d
}
.photo_va
.p_masarny
.grid-item
{
width
:
50%
;
padding
:
10px
}
.photo_va
.p_masarny
.grid-item.grid-item--width2
{
width
:
70%
;
padding
:
10px
}
.photo_va
.m_c_l_b
{
width
:
27%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-align
:
start
;
-ms-flex-align
:
start
;
align-items
:
flex-start
}
.photo_va
.p_masarny
.grid-item
a
::before
{
display
:
none
}
@media
(
max-width
:
767px
){
.photo_va
.m_c_l_b
{
width
:
100%
}
.photo_va
.p_masarny
.grid-item
{
width
:
33.333%
}
.photo_va
.p_masarny
.grid-item.grid-item--width2
{
width
:
100%
}}
.news_event_container
.cs_btn_c_b
{
float
:
left
}
.news_event_container
.event_slider_b
{
float
:
right
;
width
:
65%
;
position
:
relative
}
.news_event_container
.event_slider_s
{
width
:
35%
;
float
:
right
;
padding-left
:
0
;
padding-right
:
15px
}
.news_event_container
.v_t_ob
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
height
:
100px
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
padding
:
5px
15px
;
border
:
1px
solid
#d9d9d9
}
.news_event_container
.v_b_c_b
{
background
:
#fff
;
padding-right
:
5px
}
.news_event_container
.rbc_s_t
{
padding-bottom
:
18px
}
.news_event_container
.e_h_cb
{
font-size
:
1.6rem
;
font-weight
:
700
;
margin
:
0
;
padding
:
0
;
line-height
:
1.5
}
.event_c_b
{
position
:
relative
;
width
:
100%
;
height
:
auto
}
.e_c_txt_b
{
position
:
absolute
;
top
:
0
;
left
:
0
;
background
:
rgba
(
0
,
0
,
0
,
.2
);
height
:
100%
;
padding
:
15px
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
end
;
-ms-flex-align
:
end
;
align-items
:
flex-end
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
font-size
:
1.6rem
;
color
:
#fff
}
.eci_txt_b
{
position
:
relative
}
.e_h_cb_m
{
font-size
:
2rem
;
font-weight
:
600
;
margin
:
0
;
padding
:
0
;
margin-bottom
:
10px
}
.btn_e_rm
{
position
:
relative
;
font-size
:
1.4rem
}
.btn_e_rm
a
{
display
:
inline-block
;
color
:
#8ac730
;
text-decoration
:
none
}
.btn_e_rm
a
:hover
{
color
:
#6eae0d
}
@media
(
max-width
:
991px
){
.news_event_container
.e_h_cb
{
font-size
:
1.4rem
}
.e_h_cb_m
{
font-size
:
1.8rem
}}
@media
(
max-width
:
767px
){
.news_event_container
.event_slider_b
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.news_event_container
.event_slider_s
{
width
:
100%
;
float
:
left
;
padding-left
:
0
;
padding-right
:
0
;
margin-top
:
30px
}
.news_event_container
.v_t_ob
{
height
:
auto
}
.news_event_container
.cs_btn_c_b
{
padding-top
:
0
}
.e_h_cb_m
{
font-size
:
1.6rem
}
.e_c_txt_b
{
font-size
:
1.4rem
}
.btn_e_rm
{
font-size
:
1.2rem
}}
/*# sourceMappingURL=maps/style.css.map */
.spacerTB
.contextual-region
{
position
:
relative
;
clear
:
both
;
float
:
left
;
width
:
100%
;
}
#block-views-block-latest-products-block-1
.views-row
{
float
:
left
;
width
:
24%
;
margin
:
10px
;}
\ No newline at end of file
themes/custom/envigo/templates/layout/page--front.html.twig
View file @
aa126afe
...
...
@@ -54,12 +54,41 @@
</div>
</div>
<div
class=
"layout-container"
>
{%
if
page.banner
%}
<div
class=
"b_o_c_b"
>
<div
class=
"b_main_slider static_banner"
>
{{
page.banner
}}
</div>
</div>
{%
endif
%}
{%
if
page.content_top
%}
<div
class=
"contentTop-section"
>
{{
page.content_top
}}
</div>
{%
endif
%}
<div
class=
"layout-content"
>
{{
page.content
}}
</div>
{# /.layout-content #}
<div
class=
"container-fluid spacerTB"
>
<div
class=
"row"
>
<div
class=
"container"
>
<div
class=
"row"
>
{{
page.content
}}
</div>
</div>
</div>
</div>
{%
if
page.footer_top
%}
<div
class=
"container-fluid spacerTB"
>
<div
class=
"row"
>
<div
class=
"container"
>
<div
class=
"row mb-5"
>
{{
page.footer_top
}}
</div>
</div>
</div>
</div>
{%
endif
%}
{%
if
page.footer
%}
<div
class=
"container-fluid f_l_c_b"
>
...
...
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