Skip to content

D
dic-global-dev
Commit ea1638e2 by Ajay Barthwal
Options

Merge branch 'feature-theme' into 'develop' 

Feature theme

See merge request manzarH/dic-global-dev!10
parents 81676d3b a2efbb4d
Showing with 2223 additions and 41 deletions
.gitignore
dic-global-dev dic-global-dev
sites/default/files/* sites/default/files/*
sites/default/setting.php sites/default/setting.php
sites/default/services.yml
vendor vendor
sites/default/services.yml 0 → 100644
parameters:
session.storage.options:
# Default ini options for sessions.
#
# Some distributions of Linux (most notably Debian) ship their PHP
# installations with garbage collection (gc) disabled. Since Drupal depends
# on PHP's garbage collection for clearing sessions, ensure that garbage
# collection occurs by using the most common settings.
# @default 1
gc_probability: 1
# @default 100
gc_divisor: 100
#
# Set session lifetime (in seconds), i.e. the time from the user's last
# visit to the active session may be deleted by the session garbage
# collector. When a session is deleted, authenticated users are logged out,
# and the contents of the user's $_SESSION variable is discarded.
# @default 200000
gc_maxlifetime: 200000
#
# Set session cookie lifetime (in seconds), i.e. the time from the session
# is created to the cookie expires, i.e. when the browser is expected to
# discard the cookie. The value 0 means "until the browser is closed".
# @default 2000000
cookie_lifetime: 2000000
#
# Drupal automatically generates a unique session cookie name based on the
# full domain name used to access the site. This mechanism is sufficient
# for most use-cases, including multi-site deployments. However, if it is
# desired that a session can be reused across different subdomains, the
# cookie domain needs to be set to the shared base domain. Doing so assures
# that users remain logged in as they cross between various subdomains.
# To maximize compatibility and normalize the behavior across user agents,
# the cookie domain should start with a dot.
#
# @default none
# cookie_domain: '.example.com'
#
twig.config:
# Twig debugging:
#
# When debugging is enabled:
# - The markup of each Twig template is surrounded by HTML comments that
# contain theming information, such as template file name suggestions.
# - Note that this debugging markup will cause automated tests that directly
# check rendered HTML to fail. When running automated tests, 'debug'
# should be set to FALSE.
# - The dump() function can be used in Twig templates to output information
# about template variables.
# - Twig templates are automatically recompiled whenever the source code
# changes (see auto_reload below).
#
# For more information about debugging Twig templates, see
# https://www.drupal.org/node/1906392.
#
# Not recommended in production environments
# @default false
debug: true
# Twig auto-reload:
#
# Automatically recompile Twig templates whenever the source code changes.
# If you don't provide a value for auto_reload, it will be determined
# based on the value of debug.
#
# Not recommended in production environments
# @default null
auto_reload: null
# Twig cache:
#
# By default, Twig templates will be compiled and stored in the filesystem
# to increase performance. Disabling the Twig cache will recompile the
# templates from source each time they are used. In most cases the
# auto_reload setting above should be enabled rather than disabling the
# Twig cache.
#
# Not recommended in production environments
# @default true
cache: true
renderer.config:
# Renderer required cache contexts:
#
# The Renderer will automatically associate these cache contexts with every
# render array, hence varying every render array by these cache contexts.
#
# @default ['languages:language_interface', 'theme', 'user.permissions']
required_cache_contexts: ['languages:language_interface', 'theme', 'user.permissions']
# Renderer automatic placeholdering conditions:
#
# Drupal allows portions of the page to be automatically deferred when
# rendering to improve cache performance. That is especially helpful for
# cache contexts that vary widely, such as the active user. On some sites
# those may be different, however, such as sites with only a handful of
# users. If you know what the high-cardinality cache contexts are for your
# site, specify those here. If you're not sure, the defaults are fairly safe
# in general.
#
# For more information about rendering optimizations see
# https://www.drupal.org/developing/api/8/render/arrays/cacheability#optimizing
auto_placeholder_conditions:
# Max-age at or below which caching is not considered worthwhile.
#
# Disable by setting to -1.
#
# @default 0
max-age: 0
# Cache contexts with a high cardinality.
#
# Disable by setting to [].
#
# @default ['session', 'user']
contexts: ['session', 'user']
# Tags with a high invalidation frequency.
#
# Disable by setting to [].
#
# @default []
tags: []
# Cacheability debugging:
#
# Responses with cacheability metadata (CacheableResponseInterface instances)
# get X-Drupal-Cache-Tags and X-Drupal-Cache-Contexts headers.
#
# For more information about debugging cacheable responses, see
# https://www.drupal.org/developing/api/8/response/cacheable-response-interface
#
# Not recommended in production environments
# @default false
http.response.debug_cacheability_headers: false
factory.keyvalue:
{}
# Default key/value storage service to use.
# @default keyvalue.database
# default: keyvalue.database
# Collection-specific overrides.
# state: keyvalue.database
factory.keyvalue.expirable:
{}
# Default key/value expirable storage service to use.
# @default keyvalue.database.expirable
# default: keyvalue.database.expirable
# Allowed protocols for URL generation.
filter_protocols:
- http
- https
- ftp
- news
- nntp
- tel
- telnet
- mailto
- irc
- ssh
- sftp
- webcal
- rtsp
# Configure Cross-Site HTTP requests (CORS).
# Read https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS
# for more information about the topic in general.
# Note: By default the configuration is disabled.
cors.config:
enabled: false
# Specify allowed headers, like 'x-allowed-header'.
allowedHeaders: []
# Specify allowed request methods, specify ['*'] to allow all possible ones.
allowedMethods: []
# Configure requests allowed from specific origins.
allowedOrigins: ['*']
# Sets the Access-Control-Expose-Headers header.
exposedHeaders: false
# Sets the Access-Control-Max-Age header.
maxAge: false
# Sets the Access-Control-Allow-Credentials header.
supportsCredentials: false
themes/custom/envigo/css/product-main.css
.btn_r_m_con{position:absolute;bottom:0;width:100%;padding:10px 15px 25px;font-size:1.4rem}.btn_r_m_con a{display:inline-block;color:rgba(0,0,0,.6);text-decoration:none}.product_main .cs_containe_i_w{padding-bottom:45px}.cs_box_shadow .cs_inner_item:hover .btn_r_m_con a{color:#8ac731}.cs_box_shadow .cs_inner_item:hover .btn_r_m_con a:hover{color:#6eae0d}.product_main .cs_item_b{margin-bottom:30px}.tm_c_o_b{position:relative;text-align:center}.tm_h_c .c_heading_b{margin-bottom:10px}.tm_h_c{font-weight:700;font-size:2rem;color:#000}.tm_item_con{font-size:1.6em;color:#444;width:100%;float:left}.tm_m_name{position:relative;text-align:center;font-size:1.4rem;color:#444;padding-top:30px;padding-bottom:20px;width:100%}.tm_main_h{font-size:1.6rem;margin:0;padding:0;font-weight:700;margin-bottom:5px;color:#000}.tm_m_name ul{margin:0;padding:0;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}.tm_m_name ul li{padding:0 2px;color:#ffc600;font-size:1.8rem}.tm_item_con{position:relative}.tm_item_con::after,.tm_item_con::before{content:"";position:absolute;width:50px;height:50px;background:url(../images/quote.png) no-repeat center;background-size:contain}.tm_item_con::before{left:0;top:0}.tm_item_con::after{right:0;bottom:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.tm_item_con{position:relative;padding:15px 100px}.tm_i_item{padding:50px 5% 0;width:100%;position:relative}.tm_s_c_b{position:relative;float:left;width:100%}.testimonial_c_b *{outline:0}.testimonial_c_b button{display:none!important}.testimonial_c_b 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}.testimonial_c_b .rightArrow{right:-45px}.testimonial_c_b .leftArrow{left:-45px}.testimonial_c_b .arrowSlider.slick-disabled{pointer-events:none;opacity:.25}@media (max-width:1480px){.testimonial_c_b .leftArrow{left:15px}.testimonial_c_b .rightArrow{right:15px}}@media (max-width:991px){.tm_item_con::after,.tm_item_con::before{width:30px;height:30px}.tm_item_con{padding:15px 50px}}@media (max-width:767px){.tm_i_item{padding:10px 0 0}.tm_h_c{font-size:1.6rem}.tm_item_con{font-size:1.4rem}.tm_m_name{padding-top:20px;float:left;padding-bottom:0}.tm_item_con{padding:0 20px}} .btn_r_m_con{position:absolute;bottom:0;width:100%;padding:10px 15px 25px;font-size:1.4rem}.btn_r_m_con a{display:inline-block;color:rgba(0,0,0,.6);text-decoration:none}.card_s_page .cs_containe_i_w{padding-bottom:45px}.cs_box_shadow .cs_inner_item:hover .btn_r_m_con a{color:#8ac731}.cs_box_shadow .cs_inner_item:hover .btn_r_m_con a:hover{color:#6eae0d}.card_s_page .cs_item_b{margin-bottom:30px}.tm_c_o_b{position:relative;text-align:center}.tm_h_c .c_heading_b{margin-bottom:10px}.tm_h_c{font-weight:700;font-size:2rem;color:#000}.tm_item_con{font-size:1.6em;color:#444;width:100%;float:left}.tm_m_name{position:relative;text-align:center;font-size:1.4rem;color:#444;padding-top:30px;padding-bottom:20px;width:100%}.tm_main_h{font-size:1.6rem;margin:0;padding:0;font-weight:700;margin-bottom:5px;color:#000}.tm_m_name ul{margin:0;padding:0;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}.tm_m_name ul li{padding:0 2px;color:#ffc600;font-size:1.8rem}.tm_item_con{position:relative}.tm_item_con::after,.tm_item_con::before{content:"";position:absolute;width:50px;height:50px;background:url(../images/quote.png) no-repeat center;background-size:contain}.tm_item_con::before{left:0;top:0}.tm_item_con::after{right:0;bottom:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.tm_item_con{position:relative;padding:15px 100px}.tm_i_item{padding:50px 5% 0;width:100%;position:relative}.tm_s_c_b{position:relative;float:left;width:100%}.testimonial_c_b *{outline:0}.testimonial_c_b button{display:none!important}.testimonial_c_b 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}.testimonial_c_b .rightArrow{right:-45px}.testimonial_c_b .leftArrow{left:-45px}.testimonial_c_b .arrowSlider.slick-disabled{pointer-events:none;opacity:.25}.app_p_c_b .c_heading_b{margin-bottom:5px}.app_p_c_b .para_s_c_b{font-size:1.6rem;font-weight:700}.app_p_c_b .cs_slider_wp{padding-top:25px}.f_c_ob{position:relative;max-width:600px;margin:0 auto}.fc_ib{position:relative;padding-top:15px;font-size:1.6rem}.formGroup{position:relative;width:100%}.formGroup input[type=text]{width:100%;height:44px;border:none;border-radius:0;outline:0;padding:5px 150px 5px 15px}.btn_submit_c{position:absolute;width:140px;height:100%;background:0 0;top:0;right:0}.btn_submit_c input{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px;background:#8ac731;color:#fff;border:none;border-radius:0;outline:0}@media (max-width:1480px){.testimonial_c_b .leftArrow{left:15px}.testimonial_c_b .rightArrow{right:15px}}@media (max-width:991px){.tm_item_con::after,.tm_item_con::before{width:30px;height:30px}.tm_item_con{padding:15px 50px}}@media (max-width:767px){.tm_i_item{padding:10px 0 0}.tm_h_c{font-size:1.6rem}.tm_item_con{font-size:1.4rem}.tm_m_name{padding-top:20px;float:left;padding-bottom:0}.tm_item_con{padding:0 20px}.app_p_c_b .para_s_c_b{font-size:1.4rem}.fc_ib{font-size:1.4rem}.btn_submit_c{width:100px}}.ba_o_c{position:relative;width:100%;overflow:hidden}.ba_o_left_c{position:absolute;padding-right:30px;z-index:1}.ba_left_w{padding-left:15px;padding-right:30px;border-right:1px solid #eee;width:200px}.subheadings-list{margin:0;padding:0;list-style:none;display:inline-block}.subheadings-list li{display:block;width:100%;position:relative}.subheadings-list li a{display:inline-block;color:rgba(0,0,0,.6);font-size:1.6rem;text-decoration:none;position:relative;background:0 0;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;padding:5px 0}.subheadings-list li a:hover{color:#8ac731}.box_c_b{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.6rem;padding:30px 0;position:relative}.bod_bot{border-bottom:1px solid rgba(0,0,0,.1)}.ba_right_w{position:relative;padding-left:230px;padding-right:15px}.para_con_box{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-left:30px;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.para_inner_box{position:relative}.h_con_b_m{color:#000;font-weight:700;font-size:2rem}.r_spacer .para_con_box{padding-left:0;padding-right:30px}.img_c_b{width:300px}.img_c_b img{width:100%}@media (max-width:767px){.h_con_b_m{font-size:1.6rem}.box_c_b{font-size:1.4rem;display:block;padding:20px 0 5px}.img_c_b{max-width:360px;margin:0 auto;width:100%}.para_con_box{padding:30px 0 0}.ba_o_left_c{display:none}.ba_right_w{padding-left:15px}}
/*# sourceMappingURL=maps/product-main.css.map */ /*# sourceMappingURL=maps/product-main.css.map */
themes/custom/envigo/sass/about.scss 0 → 100644
.abt_o_c {
position: relative;
width: 100%;
text-align: right;
}
.abt_o_c * {
transition: all 0.3s ease-in-out;
}
.abt_c_b {
display: inline-block;
position: relative;
z-index: 1;
border: 5px solid #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.abt_c_b img {
max-width: 100%;
}
.abt_2_img {
z-index: 2;
margin-top: -200px;
margin-right: 100px;
}
.abt_1_img {
margin-left: 70px;
}
.abt_f_c {
position: relative;
width: 100%;
}
.abt_f_c img {
width: 100%;
}
.abt_c_bb {
position: relative;
width: 100%;
padding-left: 50px;
}
.abt_c_bb h6 {
font-size: 2.6rem;
color: #000;
margin: 0;
padding: 0;
margin-bottom: 15px;
font-weight: 600;
}
.abt_imp_c .container {
z-index: 2;
text-align: center;
}
.abt_hc_c_b {
max-width: 600px;
margin: 30px auto;
}
.aabt_h_cib {
font-size: 2.6rem;
color: #ffffff;
margin: 0;
padding: 0;
margin-bottom: 15px;
font-weight: 400;
}
.abt_inner_c {
position: relative;
margin-bottom: 30px;
margin-top: 30px;
}
.abt_img_cb {
position: relative;
}
.abt_img_cb span {
display: block;
position: relative;
padding-bottom: 40px;
}
.abt_img_cb span i {
display: block;
}
.abt_img_cb span img {
height: 48px;
}
.abt_img_cb span:after {
position: absolute;
bottom: 16px;
width: 50px;
height: 2px;
background: #fff;
left: 50%;
margin-left: -25px;
content: "";
border-radius: 5px;
}
.abt_hcb_main {
font-size: 4rem;
font-weight: 900;
margin: 0;
padding: 0;
line-height: 1;
margin-bottom: 5px;
}
.abt_c_c {
width: 100%;
position: relative;
}
.abt_m_cb {
font-size: 1.6rem;
}
.abt_m_cb .card {
border: none;
margin-bottom: 30px;
}
.abt_m_cb .abt_c_c {
padding: 25px;
color: #fff;
}
.abt_c_c span {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
margin-bottom: 15px;
}
.abt_c_c span img {
width: 70%;
}
.abt_head_con_b {
font-size: 2.2rem;
color: #ffffff;
margin: 0;
padding: 0;
margin-bottom: 10px;
font-weight: 400;
}
.abt_m_cb .abt_c_c.color_black {
color: rgba(0, 0, 0, 0.8);
}
.color_black .abt_head_con_b {
color: rgba(0, 0, 0, 1);
}
.abt_m_cb.card-columns {
column-gap: 30px;
}
.abt_m_cb .abt_c_c.abt_blk_c {
padding-top: 63px;
padding-bottom: 63px;
padding-left: 40px;
padding-right: 40px;
}
.abt_blk_c ul {
margin: 40px 0;
padding: 0;
}
.abt_blk_c li {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
}
.abt_blk_c li:before {
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
content: "";
left: 0;
top: 9px;
}
.abt_btn_c {
position: relative;
text-align: center;
padding-top: 15px;
}
.abt_btn_c a {
color: #fff;
text-decoration: none;
border: 1px solid #fff;
padding: 10px 25px 12px;
line-height: normal;
display: inline-block;
margin: 0 auto;
}
@media (max-width: 991px) {
.abt_o_c {
max-width: 500px;
margin: 20px auto 0;
}
.abt_c_bb {
padding-left: 0px;
}
.abt_hcb_main {
font-size: 2.8rem;
}
.abt_m_cb .abt_c_c.abt_blk_c {
padding-top: 52px;
padding-bottom: 52px;
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 767px) {
.abt_c_bb {
padding-top: 30px;
}
.abt_c_bb h6,
.h_c_w_bnm,
.abt_head_con_b {
font-size: 1.8rem;
line-height: 1.5;
}
.aabt_h_cib {
font-size: 2.4rem;
}
.abt_hcb_main {
font-size: 2.4rem;
}
.abt_m_cb.card-columns {
column-count: 1;
}
.h_c_b_wrapper p,
.abt_m_cb {
font-size: 1.4rem;
}
.abt_m_cb .abt_c_c.abt_blk_c {
padding-top: 25px;
padding-bottom: 25px;
}
}
themes/custom/envigo/sass/header.scss
...@@ -8,7 +8,7 @@ body { ...@@ -8,7 +8,7 @@ body {
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: 1.5; line-height: 1.5;
color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.6);
} }
ol, ol,
...@@ -410,6 +410,93 @@ ul { ...@@ -410,6 +410,93 @@ ul {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
} }
.h_nav_main li {
position: relative;
}
.h_nav_main li a {
border-bottom: 2px solid transparent;
}
.h_nav_main li:hover a {
color: #8ac731;
border-bottom: 2px solid #8ac731;
}
.h_nav_main li em {
display: none;
}
.h_nav_main li .header-nav-item-child-list {
position: absolute;
margin-top: 15px;
top: 100%;
width: 260px;
left: 0;
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
-ms-transition: 0.2s all;
-o-transition: 0.2s all;
opacity: 0;
visibility: hidden;
z-index: 9;
background: #fafafa;
margin-left: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.h_nav_main li:hover .header-nav-item-child-list {
-webkit-transition: 0.1s all;
-moz-transition: 0.1s all;
-ms-transition: 0.1s all;
-o-transition: 0.1s all;
margin-top: 0;
opacity: 1;
visibility: visible;
}
.h_nav_main li:hover .header-nav-item-child-list li a {
color: rgba(0, 0, 0, 0.6);
}
.h_nav_main li .header-nav-item-child-list li {
display: block;
position: relative;
transition: all 0.3s ease-in-out;
}
.h_nav_main li .header-nav-item-child-list li a {
display: block;
font-size: 1.4rem;
border: none;
padding: 7px 15px 7px 35px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.h_nav_main li .header-nav-item-child-list li:hover a {
border: none;
color: #8ac731;
background: rgba(153, 203, 68, 0.1);
transition: all 0.3s ease-in-out;
}
.h_nav_main li .header-nav-item-child-list li:hover a:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #8ac731;
left: 15px;
top: 14px;
transition: all 0.3s ease-in-out;
}
@media (min-width: 1441px) { @media (min-width: 1441px) {
.headercontainer { .headercontainer {
/* max-width: 100%; */ /* max-width: 100%; */
...@@ -418,6 +505,18 @@ ul { ...@@ -418,6 +505,18 @@ ul {
} }
} }
/* @media screen and (max-width: 1439px) and (min-width: 524px) {
} */
@media (max-width: 1439px) {
.container {
max-width: 1240px;
}
}
@media (max-width: 1023px) { @media (max-width: 1023px) {
.h_rc_b .f_si_cb, .h_rc_b .f_si_cb,
.h_crb, .h_crb,
...@@ -434,6 +533,10 @@ ul { ...@@ -434,6 +533,10 @@ ul {
left: 15px; left: 15px;
} }
.h_menu_c_b {
display: none;
}
.h_cr_b:after { .h_cr_b:after {
left: auto; left: auto;
right: 15px; right: 15px;
...@@ -445,14 +548,137 @@ ul { ...@@ -445,14 +548,137 @@ ul {
.h_menu_btn { .h_menu_btn {
display: flex; display: flex;
z-index: 999;
} }
}
@media (max-width: 767px) { .activeMenucon .h_menu_c_b {
.h_menu_c_b { position: fixed;
margin: 0;
z-index: 99;
background: #fff;
width: 100%;
height: 100%;
left: 0;
top: 0px;
display: block;
}
.activeMenucon .h_m_mob_c {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
padding-top: 60px;
padding-bottom: 10px;
}
.activeMenucon .h_nav_main {
position: relative;
width: 100%;
height: 100%;
overflow-x: auto;
}
.h_nav_main li {
position: relative;
display: block;
border-bottom: 1px solid #f3f3f3;
}
.h_nav_main li a {
font-size: 1.6rem;
padding: 10px 50px 10px 15px;
border: none;
display: inline-block;
}
.h_nav_main li:hover a {
border: none;
color: #000;
}
.h_nav_main li a:hover {
color: #8ac731;
}
.h_nav_main li em {
position: absolute;
font-size: 1.6rem;
right: 0;
top: 0;
width: 40px;
height: 44px;
background: #f3f3f3;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.h_nav_main li em i {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.h_nav_main li.activeSM i {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
}
.h_nav_main li .header-nav-item-child-list {
position: relative;
margin-top: 0;
top: auto;
width: 100%;
left: 0;
opacity: 1;
visibility: visible;
z-index: 9;
background: #f3f3f3;
margin-left: 0;
display: none; display: none;
padding: 0;
}
.h_nav_main li.activeSM .header-nav-item-child-list {
display: block;
}
.h_nav_main li .header-nav-item-child-list li a {
padding: 12px 15px 12px 35px;
}
.h_nav_main li .header-nav-item-child-list li {
border-bottom: 1px solid #f9f9f9;
} }
.h_nav_main li .header-nav-item-child-list li:hover a:before {
top: 19px;
}
.menu_body_scrollNone {
overflow: hidden;
}
}
@media (max-width: 767px) {
.h_logo { .h_logo {
width: 180px; width: 180px;
} }
...@@ -469,6 +695,23 @@ ul { ...@@ -469,6 +695,23 @@ ul {
right: 8px; right: 8px;
left: auto; left: auto;
} }
.h_nav_main li a {
font-size: 1.4rem;
}
.h_nav_main li .header-nav-item-child-list li a {
font-size: 1.2rem;
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}
.h_nav_main li .header-nav-item-child-list li:hover a:before {
top: 17px;
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
......
themes/custom/envigo/sass/leadership.scss 0 → 100644
.ls_h_c_b {
position: relative;
width: 75%;
font-size: 1.6rem;
margin-left: auto;
}
.a_s_w_c {
position: relative;
float: left;
width: 100%;
padding-top: 30px;
}
.ls_i_c {
position: relative;
float: left;
width: 100%;
font-size: 1.6rem;
}
.ls_r_con_b {
position: relative;
width: 75%;
float: left;
}
.ls_l_con_b {
position: relative;
width: 25%;
float: left;
padding-top: 20px;
}
.la_sb_l {
position: relative;
}
.sb_h_c_b {
font-size: 2rem;
color: #000;
margin: 0;
padding: 0;
font-weight: 600;
border-left: 2px solid #f6f6f6;
padding-left: 15px;
padding-bottom: 10px;
}
.ls_sbmenu {
position: relative;
font-size: 1.6rem;
}
.ls_sbmenu ul {
margin: 0;
padding: 0;
display: block;
width: 100%;
}
.ls_sbmenu ul li {
display: block;
}
.ls_sbmenu ul li a {
text-decoration: none;
color: rgba(0, 0, 0, 0.6);
display: inline-block;
padding: 5px 0 5px 15px;
border-left: 2px solid #f6f6f6;
}
.ls_sbmenu ul li a:hover {
color: #8ac731;
border-color: #8ac731;
}
.ls_s_c_b {
position: relative;
width: 100%;
}
.ls_i_s_c_b {
position: relative;
}
.ls_img_cb {
position: relative;
border-radius: 50%;
border-bottom-left-radius: 0;
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.ls_img_cb span {
display: block;
border-radius: 50%;
overflow: hidden;
}
.ls_img_cb span img {
width: 100%;
}
.s_m_l_c {
position: absolute;
width: 30px;
height: 30px;
left: 10px;
bottom: 10px;
}
.s_m_l_c a {
text-decoration: none;
color: #1486ce;
font-size: 2.4rem;
}
.ls_c_content_b {
position: relative;
padding: 25px 0 0;
font-size: 1.6rem;
}
.ls_c_content_b span {
display: block;
margin-bottom: 15px;
}
.c_h_cb {
font-size: 1.8rem;
color: #000;
margin: 0;
padding: 0;
font-weight: 600;
}
.row_slider_dat {
display: flex;
flex-wrap: wrap;
}
/* .row_slider_dat .ls_slider_bottom {
padding-left: 30px;
padding-right: 30px;
} */
.ls_slider_bottom {
margin-bottom: 30px;
}
.row_slider_dat {
overflow: hidden;
}
.row_slider_dat * {
outline: none;
}
.row_slider_dat button {
display: none !important;
}
.row_slider_dat button.arrowSlider {
width: 30px;
height: 30px;
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: auto;
bottom: 0px;
margin-top: 0;
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;
}
.row_slider_dat .rightArrow {
right: 0px;
}
.row_slider_dat .leftArrow {
left: auto;
right: 36px;
}
.row_slider_dat .arrowSlider.slick-disabled {
pointer-events: none;
opacity: 0.25;
}
.la_sb_l .sb_h_c_b span {
display: none;
}
@media (max-width: 1480px) {
.row_slider_dat .rightArrow {
right: 20px;
}
.row_slider_dat .leftArrow {
left: auto;
right: 50px;
}
}
@media (max-width: 991px) {
.ls_h_c_b {
width: 100%;
}
}
@media (max-width: 767px) {
.ls_l_con_b {
width: 100%;
float: none;
padding-top: 0;
margin-bottom: 30px;
}
.ls_r_con_b {
width: 100%;
float: none;
}
.a_s_w_c {
margin-left: -15px;
margin-right: -15px;
width: auto;
float: none;
}
.row_slider_dat {
overflow: auto;
}
.ls_h_c_b,
.ls_sbmenu {
font-size: 1.4rem;
}
.la_sb_l .sb_h_c_b {
font-size: 1.6rem;
color: #000;
margin: 0;
padding: 0;
font-weight: 600;
border-left: none;
background: #f9f9f9;
padding: 15px;
cursor: pointer;
position: relative;
}
.la_sb_l {
padding-left: 15px;
padding-right: 15px;
}
.ls_sbmenu {
display: none;
}
.ls_sbmenu ul li a {
display: block;
padding: 10px 0 10px 15px;
border: 1px solid #f6f6f6;
border-top: none;
}
.la_sb_l .sb_h_c_b span {
position: absolute;
width: 40px;
height: 50px;
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.sb_h_c_b span i {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.active_sb_menu.sb_h_c_b span i {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.c_h_cb {
font-size: 1.6rem;
}
.ls_c_content_b {
font-size: 1.4rem;
}
}
@media (min-width: 992px) {
.ls_sbmenu {
display: block !important;
}
}
themes/custom/envigo/sass/photo.scss 0 → 100644
.p_masarny {
position: relative;
}
.p_masarny .grid-item {
padding: 10px;
width: 25%;
}
.p_masarny .grid-item a {
display: block;
position: relative;
overflow: hidden;
}
.p_masarny .grid-item a::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
//background: rgba(0, 0, 0, 0.5);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.75) 100%
); /* FF3.6-15 */
background: -webkit-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.75) 100%
); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.75) 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
z-index: 1;
}
.p_masarny .grid-item a img {
width: 100%;
transition: all 1.5s ease-in-out;
}
.p_masarny .grid-item a:hover img {
transform: scale(1.2);
}
.grit_itm_inner {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 15px;
font-size: 1.4rem;
color: #fff;
z-index: 2;
}
.grit_itm_inner h5 {
font-weight: 700;
font-size: 1.8rem;
}
@media (max-width: 991px) {
.p_masarny .grid-item {
width: 33.33333%;
}
}
@media (max-width: 767px) {
.p_masarny .grid-item {
width: 50%;
}
.grit_itm_inner h5 {
font-weight: 700;
font-size: 1.4rem;
}
.grit_itm_inner {
padding: 10px;
font-size: 1.2rem;
}
}
themes/custom/envigo/sass/product-main.scss 0 → 100644
.btn_r_m_con {
position: absolute;
bottom: 0px;
width: 100%;
padding: 10px 15px 25px;
font-size: 1.4rem;
}
.btn_r_m_con a {
display: inline-block;
color: rgba(0, 0, 0, 0.6);
text-decoration: none;
}
.card_s_page .cs_containe_i_w {
padding-bottom: 45px;
}
.cs_box_shadow .cs_inner_item:hover .btn_r_m_con a {
color: #8ac731;
}
.cs_box_shadow .cs_inner_item:hover .btn_r_m_con a:hover {
color: #6eae0d;
}
.card_s_page .cs_item_b {
margin-bottom: 30px;
}
.tm_c_o_b {
position: relative;
text-align: center;
}
.tm_h_c .c_heading_b {
margin-bottom: 10px;
}
.tm_h_c {
font-weight: 700;
font-size: 2rem;
color: #000000;
}
.tm_item_con {
font-size: 1.6em;
color: #444444;
width: 100%;
float: left;
}
.tm_m_name {
position: relative;
text-align: center;
font-size: 1.4rem;
color: #444;
padding-top: 30px;
padding-bottom: 20px;
width: 100%;
}
.tm_main_h {
font-size: 1.6rem;
margin: 0;
padding: 0;
font-weight: 700;
margin-bottom: 5px;
color: #000000;
}
.tm_m_name ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.tm_m_name ul li {
padding: 0 2px;
color: #ffc600;
font-size: 1.8rem;
}
.tm_item_con {
position: relative;
}
.tm_item_con::before,
.tm_item_con::after {
content: "";
position: absolute;
width: 50px;
height: 50px;
background: url(../images/quote.png) no-repeat center;
background-size: contain;
}
.tm_item_con::before {
left: 0px;
top: 0px;
}
.tm_item_con::after {
right: 0;
bottom: 0;
transform: rotate(180deg);
}
.tm_item_con {
position: relative;
padding: 15px 100px;
}
.tm_i_item {
padding: 50px 5% 0;
width: 100%;
position: relative;
}
.tm_s_c_b {
position: relative;
float: left;
width: 100%;
}
.testimonial_c_b * {
outline: none;
}
.testimonial_c_b button {
display: none !important;
}
.testimonial_c_b 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;
}
.testimonial_c_b .rightArrow {
right: -45px;
}
.testimonial_c_b .leftArrow {
left: -45px;
}
.testimonial_c_b .arrowSlider.slick-disabled {
pointer-events: none;
opacity: 0.25;
}
.app_p_c_b .c_heading_b {
margin-bottom: 5px;
}
.app_p_c_b .para_s_c_b {
font-size: 1.6rem;
font-weight: 700;
}
.app_p_c_b .cs_slider_wp {
padding-top: 25px;
}
.f_c_ob {
position: relative;
max-width: 600px;
margin: 0px auto;
}
.fc_ib {
position: relative;
padding-top: 15px;
font-size: 1.6rem;
}
.formGroup {
position: relative;
width: 100%;
}
.formGroup input[type="text"] {
width: 100%;
height: 44px;
border: none;
border-radius: 0px;
outline: none;
padding: 5px 150px 5px 15px;
}
.btn_submit_c {
position: absolute;
width: 140px;
height: 100%;
background: 0 0;
top: 0;
right: 0;
}
.btn_submit_c input {
display: flex;
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
padding: 5px;
background: #8ac731;
color: #fff;
border: none;
border-radius: 0px;
outline: none;
}
@media (max-width: 1480px) {
.testimonial_c_b .leftArrow {
left: 15px;
}
.testimonial_c_b .rightArrow {
right: 15px;
}
.testimonial_c_b button.arrowSlider {
/* color: #fff;
background: #8ac731 !important; */
}
}
@media (max-width: 991px) {
.tm_item_con::before,
.tm_item_con::after {
width: 30px;
height: 30px;
}
.tm_item_con {
padding: 15px 50px;
}
}
@media (max-width: 767px) {
.tm_i_item {
padding: 10px 0 0;
}
.tm_h_c {
font-size: 1.6rem;
}
.tm_item_con {
font-size: 1.4rem;
}
.tm_m_name {
padding-top: 20px;
float: left;
padding-bottom: 0;
}
.tm_item_con {
padding: 0px 20px;
}
.app_p_c_b .para_s_c_b {
font-size: 1.4rem;
}
.fc_ib {
font-size: 1.4rem;
}
.btn_submit_c {
width: 100px;
}
}
.ba_o_c {
position: relative;
width: 100%;
overflow: hidden;
}
.ba_o_left_c {
position: absolute;
padding-right: 30px;
z-index: 1;
}
.ba_left_w {
padding-left: 15px;
padding-right: 30px;
border-right: 1px solid #eee;
width: 200px;
}
.subheadings-list {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.subheadings-list li {
display: block;
width: 100%;
position: relative;
}
.subheadings-list li a {
display: inline-block;
color: rgba(0, 0, 0, 0.6);
font-size: 1.6rem;
text-decoration: none;
position: relative;
background: 0 0;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
padding: 5px 0;
}
.subheadings-list li a:hover {
color: #8ac731;
}
.box_c_b {
display: flex;
font-size: 1.6rem;
padding: 30px 0;
position: relative;
}
.bod_bot {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ba_right_w {
position: relative;
padding-left: 230px;
padding-right: 15px;
}
.para_con_box {
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 30px;
flex: 1 0 0%;
}
.para_inner_box {
position: relative;
}
.h_con_b_m {
color: #000000;
font-weight: 700;
font-size: 2rem;
}
.r_spacer .para_con_box {
padding-left: 0;
padding-right: 30px;
}
.img_c_b {
width: 300px;
}
.img_c_b img {
width: 100%;
}
@media (max-width: 767px) {
.h_con_b_m {
font-size: 1.6rem;
}
.box_c_b {
font-size: 1.4rem;
display: block;
padding: 20px 0 5px;
}
.img_c_b {
max-width: 360px;
margin: 0px auto;
width: 100%;
}
.para_con_box {
padding: 30px 0 0;
}
.ba_o_left_c {
display: none;
}
.ba_right_w {
padding-left: 15px;
}
}
themes/custom/envigo/sass/style.scss
.clr_white {
color: #fff;
}
.bg_blue {
background: #66b9ff;
}
.bg_ggray {
background: #d5d5d5;
}
.bg_ggreen {
background: #99cb43;
}
.bg_black {
background: rgba(0, 0, 0, 1);
}
.pos_rel_c {
position: relative;
}
.b_o_c_b { .b_o_c_b {
position: relative; position: relative;
width: 100%; width: 100%;
...@@ -209,6 +233,7 @@ ...@@ -209,6 +233,7 @@
padding: 0; padding: 0;
font-weight: 600; font-weight: 600;
margin-bottom: 40px; margin-bottom: 40px;
color: #000;
} }
.cs_inner_item { .cs_inner_item {
...@@ -498,6 +523,10 @@ ...@@ -498,6 +523,10 @@
font-weight: 600; font-weight: 600;
} }
.life_of_dic .cs_hcwbm {
margin-bottom: 5px;
}
.cs_hcwbm a { .cs_hcwbm a {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
...@@ -629,7 +658,6 @@ ...@@ -629,7 +658,6 @@
position: relative; position: relative;
display: flex; display: flex;
height: 100%; height: 100%;
max-width: 80%;
justify-content: center; justify-content: center;
margin: 0px auto; margin: 0px auto;
align-items: center; align-items: center;
...@@ -772,6 +800,8 @@ ...@@ -772,6 +800,8 @@
position: relative; position: relative;
font-size: 1.6rem; font-size: 1.6rem;
color: #fff; color: #fff;
padding-left: 50px;
padding-right: 50px;
} }
.c_item_slide h6 { .c_item_slide h6 {
...@@ -902,6 +932,290 @@ ...@@ -902,6 +932,290 @@
height: 356px; 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: 0px 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: 0px;
width: 100%;
text-align: center;
height: 100%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 15px;
font-size: 1.5rem;
transition: all 0.3s ease-in-out;
}
.nf_c_w:hover .nf_h_w_c {
top: 0;
transition: all 0.3s ease-in-out;
}
.nf_oc_b .box_shd_d {
transition: all 0.3s ease-in-out;
}
.nf_oc_b:hover .box_shd_d {
transition: all 0.3s ease-in-out;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.nf_ic_box span {
width: 50px;
height: 50px;
display: block;
margin: 0px 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: flex;
flex-wrap: nowrap;
align-items: flex-end;
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;
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 {
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: transparent;
height: 10px;
z-index: 9;
}
.hs_wrap_c .jspDrag {
background: #8ac731;
z-index: 2;
}
.hs_wrap_c .jspTrack {
background: transparent;
position: relative;
display: flex;
align-items: center;
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: none;
}
/* ===== */
@media (max-width: 1480px) { @media (max-width: 1480px) {
.cs_slider_container button.arrowSlider, .cs_slider_container button.arrowSlider,
.cs_team_slider_container button.arrowSlider, .cs_team_slider_container button.arrowSlider,
...@@ -935,6 +1249,10 @@ ...@@ -935,6 +1249,10 @@
.static_banner .s_b_o_c { .static_banner .s_b_o_c {
font-size: 1.6rem; font-size: 1.6rem;
} }
.h_c_b_wrapper {
max-width: 80%;
}
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {
...@@ -963,6 +1281,19 @@ ...@@ -963,6 +1281,19 @@
} }
.c_c_b_i { .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; position: relative;
margin-right: 20px; margin-right: 20px;
margin-bottom: 15px; margin-bottom: 15px;
...@@ -975,6 +1306,10 @@ ...@@ -975,6 +1306,10 @@
top: auto; top: auto;
right: auto; right: auto;
} }
.h_c_b_wrapper {
max-width: 100%;
}
} }
@media (max-width: 767px) { @media (max-width: 767px) {
...@@ -1079,16 +1414,7 @@ ...@@ -1079,16 +1414,7 @@
} }
.c_item_slide p { .c_item_slide p {
font-size: 1.6rem; font-size: 1.4rem;
}
.c_middle_c p {
font-size: 2.4rem;
}
.c_c_b_i {
width: 130px;
height: 130px;
} }
.static_banner .s_p_h_c { .static_banner .s_p_h_c {
...@@ -1113,10 +1439,6 @@ ...@@ -1113,10 +1439,6 @@
text-align: center; text-align: center;
} }
.c_middle_c span {
font-size: 1.2rem;
}
.c_c_b_i { .c_c_b_i {
margin-right: 10px; margin-right: 10px;
margin-left: 10px; margin-left: 10px;
...@@ -1126,4 +1448,44 @@ ...@@ -1126,4 +1448,44 @@
padding-top: 0px; padding-top: 0px;
padding-bottom: 0px; padding-bottom: 0px;
} }
.c_item_slide {
padding-left: 0px;
padding-right: 0px;
}
.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;
}
.nf_i_c_w,
.c_item_slide,
.nf_h_w_c {
font-size: 1.4rem;
}
.nf_v_c_b h6,
.nf_ic_box h6 {
font-size: 1.6rem;
}
.nf_ic_box h6 {
margin-bottom: 15px;
}
} }
themes/custom/envigo/sass/videos.scss 0 → 100644
.v_c_o_b {
position: relative;
width: 100%;
margin-bottom: 20px;
float: left;
}
.v_c_o_b * {
outline: none;
}
.rbc_slider_b {
width: 65%;
float: left;
position: relative;
}
.rbc_slider_s {
width: 35%;
float: left;
padding-left: 20px;
position: relative;
}
.rbc_s_t {
padding-bottom: 13px;
position: relative;
}
.rbc_b_t {
position: relative;
width: 100%;
}
.rbc_b_t iframe {
height: 490px;
}
.v_b_c_b {
background: #f9f9f9;
}
.v_t_ob {
position: relative;
display: flex;
justify-content: flex-start;
font-size: 1.4rem;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
cursor: pointer;
}
.v_t_i_b {
width: 140px;
position: relative;
}
.v_t_i_b img {
width: 100%;
}
.v_t_c_b {
flex: 1 0 0%;
padding: 10px 15px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.v_t_c_b p {
margin: 0;
padding: 0;
}
.y_t_ic {
position: absolute;
top: 50%;
left: 50%;
width: 38px;
height: 24px;
margin-top: -12px;
margin-left: -19px;
z-index: 1;
}
.y_t_ic img {
width: 100%;
}
.v_t_ob:hover .v_t_ob,
.rbc_s_t.slick-current .v_t_ob {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.v_t_ob:hover .v_b_c_b,
.rbc_s_t.slick-current .v_b_c_b {
background: #fff;
}
.rbc_slider_s button {
display: none !important;
}
.rbc_slider_s button.arrowSlider {
width: 30px;
height: 30px;
display: flex !important;
align-items: center;
position: absolute;
top: auto;
bottom: -40px;
margin-top: 0px;
font-size: 1.6rem;
border: none;
background: 0 0;
justify-content: center;
padding: 0;
outline: 0;
z-index: 1;
}
.rbc_slider_s .leftArrow {
left: auto;
right: 36px;
}
.rbc_slider_s .rightArrow {
right: 0px;
}
@media (max-width: 991px) {
/* .rbc_slider_b {
width: 65%;
}
.rbc_slider_s {
width: 35%;
} */
.v_t_i_b {
width: 100px;
}
.v_t_ob {
font-size: 1.2rem;
}
.rbc_b_t iframe {
height: 370px;
}
}
@media (max-width: 767px) {
.rbc_slider_b {
width: 100%;
}
.rbc_slider_s {
margin-top: 20px;
width: 100%;
padding-left: 0px;
}
.v_t_ob {
display: block;
}
.v_t_i_b {
width: 100%;
}
.rbc_s_t {
padding-left: 5px;
padding-right: 5px;
}
.v_t_c_b {
padding: 10px 5px;
text-align: center;
}
.rbc_b_t iframe {
height: 280px;
}
.vcb_inner {
width: 100%;
}
}
themes/custom/envigo/templates/layout/page.html.twig
...@@ -53,27 +53,7 @@ ...@@ -53,27 +53,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- banner section start -->
<div class="b_o_c_b">
<div class="b_main_slider static_banner">
<div class="b_slide_item">
<img src="{{ base_path ~ directory }}/images/static_banner.jpg" class="b_desktop_view" alt="Color &amp; Comfort" />
<img src="{{ base_path ~ directory }}/images/static_mobile_banner.jpg" class="b_mobile_view" alt="Color &amp; Comfort" />
<div class="s_b_o_c">
<div class="container">
<div class="s_c_iw">
<div class="sb_ibcd">
<h1 class="s_p_h_c">{{ label }}</h1>
<p>DIC India is a part of the World's largest manufacturer of printing Inks and allied material, DIC Corporation of Japan. DIC Japan</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- banner section end -->
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="container"> <div class="container">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment