Commit dacee90c by Manzar Hussain

update css

parent f00f5842
.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 */
.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;
}
}
......@@ -8,7 +8,7 @@ body {
font-style: normal;
font-weight: 500;
line-height: 1.5;
color: rgba(0, 0, 0, 0.8);
color: rgba(0, 0, 0, 0.6);
}
ol,
......@@ -410,6 +410,93 @@ ul {
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) {
.headercontainer {
/* max-width: 100%; */
......@@ -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) {
.h_rc_b .f_si_cb,
.h_crb,
......@@ -434,6 +533,10 @@ ul {
left: 15px;
}
.h_menu_c_b {
display: none;
}
.h_cr_b:after {
left: auto;
right: 15px;
......@@ -445,14 +548,137 @@ ul {
.h_menu_btn {
display: flex;
z-index: 999;
}
}
@media (max-width: 767px) {
.h_menu_c_b {
.activeMenucon .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;
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 {
width: 180px;
}
......@@ -469,6 +695,23 @@ ul {
right: 8px;
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) {
......
.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;
}
}
.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;
}
}
.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;
}
}
.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 {
position: relative;
width: 100%;
......@@ -209,6 +233,7 @@
padding: 0;
font-weight: 600;
margin-bottom: 40px;
color: #000;
}
.cs_inner_item {
......@@ -498,6 +523,10 @@
font-weight: 600;
}
.life_of_dic .cs_hcwbm {
margin-bottom: 5px;
}
.cs_hcwbm a {
text-decoration: none;
color: #000;
......@@ -629,7 +658,6 @@
position: relative;
display: flex;
height: 100%;
max-width: 80%;
justify-content: center;
margin: 0px auto;
align-items: center;
......@@ -772,6 +800,8 @@
position: relative;
font-size: 1.6rem;
color: #fff;
padding-left: 50px;
padding-right: 50px;
}
.c_item_slide h6 {
......@@ -902,6 +932,290 @@
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) {
.cs_slider_container button.arrowSlider,
.cs_team_slider_container button.arrowSlider,
......@@ -935,6 +1249,10 @@
.static_banner .s_b_o_c {
font-size: 1.6rem;
}
.h_c_b_wrapper {
max-width: 80%;
}
}
@media (max-width: 1200px) {
......@@ -963,6 +1281,19 @@
}
.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;
......@@ -975,6 +1306,10 @@
top: auto;
right: auto;
}
.h_c_b_wrapper {
max-width: 100%;
}
}
@media (max-width: 767px) {
......@@ -1079,16 +1414,7 @@
}
.c_item_slide p {
font-size: 1.6rem;
}
.c_middle_c p {
font-size: 2.4rem;
}
.c_c_b_i {
width: 130px;
height: 130px;
font-size: 1.4rem;
}
.static_banner .s_p_h_c {
......@@ -1113,10 +1439,6 @@
text-align: center;
}
.c_middle_c span {
font-size: 1.2rem;
}
.c_c_b_i {
margin-right: 10px;
margin-left: 10px;
......@@ -1126,4 +1448,44 @@
padding-top: 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;
}
}
.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%;
}
}
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