body,
html {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.6;
font-family: Roboto, sans-serif;
}
button:focus {
outline: none;
border: none;
box-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
}
.box:after {
border-color: hsla(0, 0%, 90.2%, 0.9294117647058824) transparent transparent;
border-style: solid;
border-width: 14px 11px;
margin-left: -124px;
top: -29px;
left: 50%;
}
.box:after,
.box:before {
content: "";
display: block;
position: absolute;
transform: rotate(-181deg);
}
.box:before {
border-radius: 50%;
width: 24px;
height: 24px;
border: 3px solid #8dc63f;
padding: 11px;
background: #fff;
margin-left: -122px;
top: -52px;
left: 49%;
}
.btn-success-prime {
background: #97dc38;
outline: #97dc38;
color: #fff;
}
.btn-success-prime:hover {
background: #74ad25;
outline: #74ad25;
color: #fff;
}
.btn-success-prime:focus {
outline: #97dc38;
}
.bodyFixed {
height: 100vh;
overflow: hidden;
}
#main_layout {
padding: 0;
}
#main_layout,
section {
width: 100%;
margin: 0;
position: relative;
}
section {
padding: 40px 0;
overflow: hidden;
}
.know_more_btn {
width: 100%;
height: 100%;
position: relative;
display: flex;
align-items: center;
}
.know_more_btn a {
color: #231f20;
font-weight: 700;
display: inline-block;
position: relative;
}
.know_more_btn a:before {
content: "";
width: 20px;
height: 10px;
right: -30px;
position: absolute;
background: url(../../images/right-arrow_withour_border1bb4.svg?c4dbcf87d03cfcceead3b0ad4af09434);
background-repeat: no-repeat;
background-position: 100%;
top: 50%;
transform: translateY(-50%);
}
.our_people_btn {
width: 100%;
height: 12%;
position: relative;
display: flex;
align-items: center;
}
.our_people_btn a {
color: #231f20;
font-weight: 700;
display: inline-block;
position: relative;
}
.our_people_btn a:before {
content: "";
width: 20px;
height: 10px;
right: -30px;
position: absolute;
background: url(../../images/right-arrow_withour_border1bb4.svg?c4dbcf87d03cfcceead3b0ad4af09434);
background-repeat: no-repeat;
background-position: 100%;
top: 50%;
transform: translateY(-50%);
}
header.header_main {
width: 100%;
top: 0;
left: 0;
z-index: 3;
position: absolute;
}
header.header_main .navbar {
padding: 0;
}
header.header_main .navbar .logo {
display: flex;
padding: 30px;
position: relative;
z-index: 2;
background: #fff;
}
header.header_main .navbar .logo .navbar-toggle {
display: block;
border: none;
background: transparent;
}
header.sticky_header {
background: #fff;
position: fixed;
width: 100%;
top: 0;
left: 0;
}
header.header_main .navbar_list {
padding: 0 30px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
header.header_main .navbar_list .search_box {
margin: 0 20px;
}
header.header_main .navbar_list .search_box svg {
width: 30px;
}
header.header_main .navbar_list .search_box svg:hover path {
stroke: #97dc38;
fill: #97dc38;
background-color: #97dc38;
}
.icon-set {
border-radius: 42px;
width: 40px;
text-align: center;
padding: 5px;
height: 40px;
color: #fff;
border: 2px solid #fff;
transition: 0.5s;
}
.icon-set i {
vertical-align: sub;
}
.icon-set:hover {
background: #97dc38;
transform: scale(1.2);
}
.searchBox {
padding: 10px;
}
.searchBox:hover {
background: #2f3640;
border-radius: 5px;
}
.searchBox:hover > .searchInput {
width: 240px;
padding: 0 6px;
}
.searchButton {
background: transparent;
border: none;
transition: 0.4s;
}
.searchInput {
border: none;
background: none;
outline: none;
float: left;
padding: 0;
color: #fff;
font-size: 16px;
transition: 0.4s;
width: 0;
}
header.header_main .navbar_list .social_link ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
header.header_main .navbar_list .social_link ul li {
float: left;
margin: 6px 4px;
}
header.header_main .navbar_list .social_link ul li a svg {
width: 45px;
}
header.header_main .navbar_list .social_link ul li a svg:hover path {
fill: #97dc38;
}
header.header_main .navbar_list .addCartButton {
border-radius: 40px;
padding: 10px 25px;
margin: 0 25px;
align-items: center;
background: rgba(0, 0, 0, 0.6);
}
header.header_main .navbar_list .addCartButton a {
color: #fff;
text-decoration: none;
}
header.header_main .navbar_list .addCartButton img {
float: left;
margin-right: 15px;
}
.Video_slider .container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.Video_slider .hero_content {
position: relative;
z-index: 2;
color: #fff;
text-align: center;
}
.Video_slider .hero_content h1 {
font-size: 50px;
font-weight: 700;
color: #fff;
margin-bottom: 20px;
}
.Video_slider .hero_buttons {
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}
.Video_slider .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0.35) 40%,
rgba(0, 0, 0, 0.5) 100%
);
z-index: 1;
opacity: 1;
}
.Video_slider .btn_hero {
display: inline-block;
padding: 12px 30px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.Video_slider .btn_primary {
background-color: #1f3a65;
color: #fff;
border: 1px solid #1f3a65;
}
.Video_slider .btn_primary:hover {
background-color: #005ca1;
color: #fff;
}
.Video_slider .btn_outline {
background-color: #1f3a65;
color: #fff;
border: 1px solid #1f3a65;
}
.Video_slider .btn_outline:hover {
background-color: #005ca1;
color: #fff;
}
.Video_slider {
position: relative;
background-color: #000;
height: 100vh;
width: 100%;
overflow: hidden;
}
.Video_slider .patch_left {
width: 120px;
height: 100%;
background: #0d8fff 0 0 no-repeat padding-box;
opacity: 0.11;
position: absolute;
bottom: -70px;
left: -105px;
z-index: 1;
transform: rotate(-20deg);
}
.Video_slider .patch_right {
width: 120px;
height: 100px;
right: 151px;
bottom: 0;
z-index: 1;
position: absolute;
}
.Video_slider .patch_right:before {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100px;
position: absolute;
background: url(../../images/swoosh_maine3f0.png?d0b225cf04ea0e9a2f78740e2d3ff529);
background-size: 100%;
background-repeat: no-repeat;
}
.Video_slider .patch_right:after {
content: "";
left: -20px;
width: 70%;
height: 60px;
position: absolute;
background: url(../../images/swoosh_1513f.png?db9d721968f808eacdb4a5910d89536d);
background-size: 100%;
background-repeat: no-repeat;
bottom: 0;
}
.Video_slider video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translateX(-50%) translateY(-50%);
}
.Video_slider .container {
position: relative;
}
.Video_slider .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0.5;
}
.Video_slider .slider_content {
width: 50%;
text-align: left;
}
.Video_slider .slider_content h1 {
font-size: 50px;
font-weight: 700;
margin-bottom: 15px;
}
.Video_slider .slider_content .playButton {
display: flex;
align-items: center;
}
.Video_slider .slider_content .playButton img {
margin-right: 20px;
}
.Video_slider .slider_content .playButton span {
display: inline-block;
position: relative;
cursor: pointer;
}
.Video_slider .scrollDown {
display: flex;
color: #fff;
flex-direction: column;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
align-items: center;
z-index: 2;
}
.Video_slider .scrollDown .down_icon {
width: 31px;
height: 50px;
overflow: hidden;
}
.Video_slider .arrow {
width: 31px;
height: 40px;
position: relative;
}
.Video_slider .arrow span {
display: block;
width: 10px;
height: 10px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
margin: 0 auto;
-webkit-animation: animate 2s infinite;
animation: animate 2s infinite;
}
.Video_slider .arrow span:nth-child(2) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.border-bottom1 {
border-bottom: 3px solid #fff;
}
.Video_slider .arrow span:nth-child(3) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
@-webkit-keyframes animate {
0% {
opacity: 0;
transform: rotate(45deg) translate(-10px, -10px);
}
50% {
opacity: 1;
}
to {
opacity: 0;
transform: rotate(45deg) translate(10px, 10px);
}
}
@keyframes animate {
0% {
opacity: 0;
transform: rotate(45deg) translate(-10px, -10px);
}
50% {
opacity: 1;
}
to {
opacity: 0;
transform: rotate(45deg) translate(10px, 10px);
}
}
.product-banner {
background: url(../../images/product-banner484f.png?22130f48bec06abf937286b4fb06d8e9)
no-repeat;
background-size: cover;
background-position: bottom;
}
.contact-banner,
.product-banner {
height: 448px;
opacity: 0.998;
width: 100%;
}
.contact-banner {
background: url(../../images/contact-us57cd.png?f03ace8a5a484b8d9749bd126e00aa52)
no-repeat;
background-size: cover;
background-position: bottom;
}
.brand-story {
background: url(../../images/brand-storyb3c6.png?a591d6ae6288b092b2a3c3a88f2c7b75)
no-repeat;
background-size: cover;
background-position: bottom;
}
.brand-culture,
.brand-story {
height: 448px;
opacity: 0.998;
width: 100%;
}
.brand-culture {
background: url(../../images/brand-culturef099.png?21be09606b4a1b5a926b5925a4264277)
no-repeat;
background-size: cover;
background-position: bottom;
}
.aashiyana {
background: url(../../images/aashiyana6d17.png?30f1b377aa58e18ac8f9112e07151d88)
no-repeat;
background-size: cover;
background-position: bottom;
}
.aashiyana,
.about-group {
height: 448px;
opacity: 0.998;
width: 100%;
}
.about-group {
background: url(../../images/aboutf7af.png?be1366bba297ad400f7e27cea20c5240)
no-repeat;
background-size: cover;
background-position: bottom;
}
.excellence {
background: url(../../images/excellencec55a.png?93b0956e239f46769ff294613285b4ac)
no-repeat;
background-size: cover;
background-position: bottom;
}
.education,
.excellence {
height: 448px;
opacity: 0.998;
width: 100%;
}
.education {
background: url(../../images/educationa949.png?c0d5a895a652c526949253e711deeac1)
no-repeat;
background-size: cover;
background-position: bottom;
}
.ethics {
background: url(../../images/ethics6ee2.png?07d622091b155fb788f988d47a83c72b)
no-repeat;
background-size: cover;
background-position: bottom;
}
.ethics,
.healthcare {
height: 448px;
opacity: 0.998;
width: 100%;
}
.healthcare {
background: url(../../images/healthcare32cc.png?f0da8012c2fb775b285541246af3c84b)
no-repeat;
background-size: cover;
background-position: bottom;
}
.livelihood {
background: url(../../images/livelihood9865.jpg?8dcb842a086210e91d8817336dd1230e)
no-repeat;
background-size: cover;
background-position: bottom;
}
.infrastructure,
.livelihood {
height: 448px;
opacity: 0.998;
width: 100%;
}
.infrastructure {
background: url(../../images/infrastructuredbf7.png?cd1cb94e9bc4a01501c045014471a0f6)
no-repeat;
background-size: cover;
background-position: bottom;
}
.medias {
background: url(../../images/media54c7.png?0bf4508354454e980ee00a1d18f87d45)
no-repeat;
background-size: cover;
background-position: bottom;
}
.environment,
.medias {
height: 448px;
opacity: 0.998;
width: 100%;
}
.environment {
background: url(../../images/environmentcd8b.png?09333ea78c562ce9e17cd3d24031114c)
no-repeat;
background-size: cover;
background-position: bottom;
}
.initiative {
background: url(../../images/special_initiatives2cd8.jpg?e2332d7362c5551701f3313d695be799)
no-repeat;
background-size: cover;
background-position: bottom;
}
.agriculture,
.initiative {
height: 448px;
opacity: 0.998;
width: 100%;
}
.agriculture {
background: url(../../images/agriculturebannerb9e6.png?1916f09cd8ef0d05b3060adb0652cebd)
no-repeat;
background-size: cover;
background-position: bottom;
}
.polutry {
background: url(../../images/poultrybanner0990.png?4bbe8af7972faf92ac89198b7f0eae0f)
no-repeat;
background-size: cover;
background-position: bottom;
}
.automotive,
.polutry {
height: 448px;
opacity: 0.998;
width: 100%;
}
.automotive {
background: url(../../images/automotivee0ed.jpg?934cd68e0aafc45e51658c78c34d2c69)
no-repeat;
background-size: cover;
background-position: bottom;
}
.engeneering {
background: url(../../images/engineeringc079.png?943c2b15c3bea99663cbe47ce533c35b)
no-repeat;
background-size: cover;
background-position: bottom;
}
.engeneering,
.infrastructures {
height: 448px;
opacity: 0.998;
width: 100%;
}
.infrastructures {
background: url(../../images/infrastructure0964.jpg?4d2d4afc816eb5338e1d10ecd72a46e1)
no-repeat;
background-size: cover;
background-position: bottom;
}
.whytatawiron {
background: url(../../images/whytatawirona708.jpg?46e7beb1863bd0a2d6bb87edd99b34a1)
no-repeat;
background-size: cover;
background-position: bottom;
height: 448px;
opacity: 0.998;
width: 100%;
}
.ht-65 {
height: 65vh;
}
.ft-50 {
font-size: 50px;
font-weight: 500;
line-height: 1;
}
.ft-20 {
font-size: 20px;
font-weight: 100;
}
.ft-30 {
font-size: 30px;
}
.ft-40 {
font-size: 40px;
}
.bg-grey {
background: #edf3f8 !important;
}
.border-remove select {
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
padding-left: 0;
background: none;
}
.text-black {
color: #000;
}
.text-coal-black {
color: #443d3f;
}
.ft-18 {
font-size: 18px;
}
.border-remove select:focus {
box-shadow: none;
background: none;
}
select option {
background: #fff;
padding: 5px;
}
select option:hover {
background: #231f20;
color: #fff;
}
.border-remove select:focus {
outline: 0;
border-bottom: 1px solid #000;
}
.product-banner p {
font-size: 18px;
opacity: 0.9;
}
.form-set {
position: absolute;
width: 100%;
z-index: 1;
top: -188px;
background: #fff;
}
#all_grey {
width: 100%;
padding: 80px 0;
position: relative;
}
#all_grey h2 {
font-size: 50px;
font-weight: 700;
margin-bottom: 10px;
}
#all_around {
width: 100%;
padding: 80px 0;
position: relative;
overflow: hidden;
}
#all_around .patch_left {
width: 120px;
height: 115vh;
background: #edf3f8 0 0 no-repeat padding-box;
opacity: 1;
position: absolute;
bottom: -50px;
left: 105px;
transform: rotate(-20deg);
}
#all_around h2 {
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
}
#all_around .around_section {
width: 100%;
position: relative;
}
#all_around .around_section .around_text {
bottom: 0;
width: 100%;
padding: 15px;
display: flex;
position: absolute;
justify-content: flex-end;
flex-direction: column;
}
.zoom:hover {
transition: all 0.4s ease-in-out;
transform: scale(1.2);
}
#all_around .around_section .around_text h4 {
color: #fff;
font-size: 24px;
margin-bottom: 10px;
}
#all_around .around_section .around_text p {
color: #fff;
font-size: 14px;
}
#all_around .all_around_carousel .slider_back {
width: 30px;
height: 30px;
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
margin-right: 10px;
}
#all_around .all_around_carousel .slider_next {
width: 30px;
height: 30px;
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#all_around .all_around_carousel .owl-nav {
top: 50%;
left: -150px;
position: absolute;
transform: translateY(-50%);
}
#full_img_slider {
padding: 0;
}
#full_img_slider .patch_right {
width: 70px;
height: 100px;
background: url(../../images/green-patchc574.svg?cb32608ceb06dc5d1a065e8f549ce77b);
background-repeat: no-repeat;
position: absolute;
right: 170px;
top: 93%;
}
#full_img_slider .full_img_carousel .around_section,
#full_img_slider .full_img_carousel .around_section .around_img {
padding: 0;
width: 100%;
position: relative;
}
#full_img_slider .full_img_carousel .around_section .around_text {
width: 290px;
position: absolute;
top: 0;
padding: 80px 20px 20px;
right: 20%;
min-height: 430px;
background: #024d8e;
}
#full_img_slider .full_img_carousel .around_section .around_text:before {
content: "";
width: 20px;
height: 2px;
top: 35px;
left: 20px;
position: absolute;
background: #8dc63f;
}
#full_img_slider .full_img_carousel .around_section .around_text h4 {
font-size: 24px;
margin-bottom: 15px;
color: #fff;
}
#full_img_slider .full_img_carousel .around_section .around_text p {
margin-bottom: 15px;
color: #fff;
}
#full_img_slider .full_img_carousel .slider_back {
width: 30px;
height: 30px;
background: url(../../images/slider_left_arrow_whited4cb.svg?8a9c07ad362ad7b731aae4af8a57aa5e);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
margin-right: 10px;
}
#full_img_slider .full_img_carousel .slider_next {
width: 30px;
height: 30px;
background: url(../../images/slider_right_arrow_white9e29.svg?d47f82ed71f91f30ac2f278e957a914e);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#full_img_slider .full_img_carousel .owl-nav {
top: 60%;
right: 33%;
position: absolute;
transform: translateY(-50%);
}
#iconic_stories {
width: 100%;
padding: 80px 0;
position: relative;
}
#iconic_stories .patch_left {
width: 120px;
height: 100vh;
background: #edf3f8 0 0 no-repeat padding-box;
opacity: 1;
position: absolute;
bottom: -61px;
right: 127px;
transform: rotate(-20deg);
}
#iconic_stories h2 {
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
}
#iconic_stories .around_section {
width: 100%;
position: relative;
}
#iconic_stories .around_section .around_text {
top: 0;
width: 100%;
height: 100%;
padding: 15px;
display: flex;
position: absolute;
justify-content: flex-end;
flex-direction: column;
background: rgba(0, 0, 0, 0.3);
}
#iconic_stories .around_section .around_text h4 {
color: #fff;
font-size: 24px;
margin-bottom: 10px;
}
#iconic_stories .around_section .around_text p {
color: #fff;
font-size: 14px;
}
#iconic_stories .iconic_stories_carousel .item_video {
width: 100%;
}
#iconic_stories .iconic_stories_carousel p a {
color: #231f20;
font-size: 20px;
font-weight: 700;
display: inline-block;
position: relative;
}
#iconic_stories .iconic_stories_carousel p a:before {
content: "";
width: 20px;
height: 10px;
right: -30px;
position: absolute;
background: url(../../images/right-arrow_withour_border1bb4.svg?c4dbcf87d03cfcceead3b0ad4af09434);
background-repeat: no-repeat;
background-position: 100%;
top: 50%;
transform: translateY(-50%);
}
#iconic_stories .iconic_stories_carousel .slider_back {
width: 30px;
height: 30px;
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
margin-right: 10px;
}
#iconic_stories .iconic_stories_carousel .slider_next {
width: 30px;
height: 30px;
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#iconic_stories .iconic_stories_carousel .owl-nav {
top: 50%;
left: -150px;
position: absolute;
transform: translateY(-50%);
}
#award_slider {
padding: 0;
}
#award_slider .award_carousel .around_section,
#award_slider .award_carousel .around_section .around_img {
padding: 0;
width: 100%;
position: relative;
}
#award_slider .award_carousel .around_section .around_text {
width: 290px;
position: absolute;
top: 0;
padding: 80px 20px 20px;
min-height: 430px;
background: #231f20;
}
#award_slider .award_carousel .around_section .around_text:before {
content: "";
width: 20px;
height: 2px;
top: 35px;
left: 20px;
position: absolute;
background: #8dc63f;
}
#award_slider .award_carousel .around_section .around_text h4 {
font-size: 24px;
margin-bottom: 15px;
color: #fff;
}
#award_slider .award_carousel .around_section .around_text p {
margin-bottom: 15px;
color: #fff;
}
#award_slider .award_carousel .slider_back {
width: 30px;
height: 30px;
background: url(../../images/slider_left_arrow_whited4cb.svg?8a9c07ad362ad7b731aae4af8a57aa5e);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
margin-right: 10px;
}
#award_slider .award_carousel .slider_back:hover {
background: url(../../images/slider_left_arrow_white_hover71b4.svg?b511bb896cd7c53b1b2864d5f63daf3c);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#award_slider .award_carousel .slider_next {
width: 30px;
height: 30px;
background: url(../../images/slider_right_arrow_white9e29.svg?d47f82ed71f91f30ac2f278e957a914e);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#award_slider .award_carousel .slider_next:hover {
background: url(../../images/slider_right_arrow_white_hovere2bd.svg?60b05e758ef56011cdafd335f2fb19f8);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#award_slider .award_carousel .owl-nav {
top: 60%;
left: 18%;
position: absolute;
transform: translateY(-50%);
}
#media_slider {
padding: 0;
}
#media_slider .media_carousel .around_section,
#media_slider .media_carousel .around_section .around_img {
padding: 0;
width: 100%;
position: relative;
}
#media_slider .media_carousel .around_section .around_text {
width: 290px;
position: absolute;
top: 0;
padding: 80px 20px 20px;
min-height: 430px;
background: #231f20;
}
#media_slider .media_carousel .around_section .around_text:before {
content: "";
width: 20px;
height: 2px;
top: 35px;
left: 20px;
position: absolute;
background: #8dc63f;
}
#media_slider .media_carousel .around_section .around_text h4 {
font-size: 24px;
margin-bottom: 15px;
color: #fff;
}
#media_slider .media_carousel .around_section .around_text p {
margin-bottom: 15px;
color: #fff;
}
#media_slider .media_carousel .slider_back {
width: 30px;
height: 30px;
background: url(../../images/slider_left_arrow_whited4cb.svg?8a9c07ad362ad7b731aae4af8a57aa5e);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
margin-right: 10px;
}
#media_slider .media_carousel .slider_back:hover {
background: url(../../images/slider_left_arrow_white_hover71b4.svg?b511bb896cd7c53b1b2864d5f63daf3c);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .slider_next {
width: 30px;
height: 30px;
background: url(../../images/slider_right_arrow_white9e29.svg?d47f82ed71f91f30ac2f278e957a914e);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .slider_next:hover {
background: url(../../images/slider_right_arrow_white_hovere2bd.svg?60b05e758ef56011cdafd335f2fb19f8);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .owl-nav {
top: 89%;
left: 18%;
position: absolute;
transform: translateY(-50%);
}
#our_people {
width: 100%;
padding: 80px 0;
position: relative;
background: #003a6c;
overflow: hidden;
}
#our_people:before {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: url(../../images/blue-line-bgc82b.svg?976f3cb318fdc9dfebb6d75487802ac3);
background-size: 100%;
background-repeat: no-repeat;
}
#our_people .patch_left {
width: 120px;
height: 100vh;
background: #edf3f8 0 0 no-repeat padding-box;
opacity: 0.11;
position: absolute;
bottom: -61px;
left: -127px;
transform: rotate(-20deg);
}
#our_people .know_more_btn a {
color: #fff;
font-weight: 700;
display: inline-block;
position: relative;
}
#our_people .know_more_btn a:before {
content: "";
width: 20px;
height: 10px;
right: -30px;
position: absolute;
background: url(../../images/right-arrow_withour_border_white4ca0.svg?a42a455fac35219df7aff1a884de2b27);
background-repeat: no-repeat;
background-position: 100%;
top: 50%;
transform: translateY(-50%);
}
#our_people .patch_right {
width: 120px;
height: 100vh;
background: #edf3f8 0 0 no-repeat padding-box;
opacity: 0.11;
position: absolute;
top: -61px;
right: -127px;
transform: rotate(-20deg);
}
#our_people h2 {
color: #fff;
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
}
#our_people p {
color: #fff;
}
#our_people .around_section {
width: 100%;
position: relative;
}
#our_people .around_section .around_text {
top: 0;
width: 100%;
height: 100%;
padding: 15px;
display: flex;
position: absolute;
justify-content: flex-end;
flex-direction: column;
background: rgba(0, 0, 0, 0.3);
}
#our_people .around_section .around_text h4 {
color: #fff;
font-size: 24px;
margin-bottom: 10px;
}
#our_people .around_section .around_text p {
color: #fff;
font-size: 14px;
}
#our_people .around_section .around_text a {
color: #fff;
font-size: 14px;
text-decoration: none;
}
#our_people .our_people_carousel .item_video {
width: 100%;
}
#our_people .our_people_carousel .slider_back {
width: 30px;
height: 30px;
background: url(../../images/slider_left_arrow_whited4cb.svg?8a9c07ad362ad7b731aae4af8a57aa5e);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
margin-right: 10px;
}
#our_people .our_people_carousel .slider_next {
width: 30px;
height: 30px;
background: url(../../images/slider_right_arrow_white9e29.svg?d47f82ed71f91f30ac2f278e957a914e);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#our_people .our_people_carousel .owl-nav {
top: 50%;
left: -150px;
position: absolute;
transform: translateY(-50%);
}
.footer {
width: 100%;
position: relative;
}
.footer .footer_main {
padding: 50px 0;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.footer .footer_main .footer_column_1,
.footer_column_2,
.footer_column_3,
.footer_column_4 {
padding: 0;
width: 33%;
border-right: 0.5px solid #eee;
justify-items: center;
}
/* .footer_column_5 {
justify-items: center;
} */
.footer .footer_main h2 {
font-size: 20px;
color: #231f20;
margin-bottom: 15px;
}
.footer .footer_main ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer .footer_main a {
font-size: 14px;
line-height: 30px;
color: #707275;
text-decoration: none;
}
.footer_sub {
padding: 15px 0;
color: #443d3f;
background: #efefef;
}
.footer_sub p {
padding: 0;
color: #443d3f;
}
.text-green {
color: #97dc38 !important;
}
.text-darkgreen {
color: #7cbc23 !important;
}
.border-green {
border: 2px solid #7cbc23 !important;
}
.border-grey {
border: 2px solid #545554 !important;
}
.text-blue {
color: #024d8e;
}
ul li::marker {
color: #7cbc23 !important;
}
.text-gray {
color: #6b6b6b;
}
.overflow-set {
overflow: auto;
max-height: 355px;
}
.enquiry-button {
width: 50px;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9999;
}
.getintouch {
display: none;
position: fixed;
bottom: 20px;
right: 90px;
background: #fff;
width: 300px;
border-radius: 10px;
z-index: 99;
padding: 15px;
box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.1);
}
.getintouch h3 {
font-size: 24px;
color: #231f20;
margin-bottom: 15px;
}
.getintouch input {
border: 0;
border-bottom: 1px solid #ccc;
border-radius: 0;
padding-left: 0;
}
.getintouch select {
padding-left: 0;
}
.getintouch select,
.getintouch textarea {
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
}
.active-form {
display: block;
}
.bg-blue {
background: #014c8c;
}
.getintouchBtngreen {
width: 100%;
position: relative;
}
.getintouchBtngreen button {
width: 100%;
background: #8dc63f;
line-height: 30px;
}
.getintouchBtn {
width: 100%;
position: relative;
}
.getintouchBtn button {
width: 100%;
background: #014c8c;
line-height: 30px;
}
.getintouchblackBtn button,
.getintouchblackBtn button:hover {
width: 100%;
background: #231f20;
line-height: 30px;
}
#brand-story {
width: 100%;
padding: 80px 0;
position: relative !important;
overflow: hidden;
}
#brand-story h2 {
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
}
#brand-culture {
width: 100%;
padding: 80px 0;
position: relative !important;
overflow: hidden;
}
#brand-culture h2 {
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
}
#aashiyana {
width: 100%;
padding: 80px 0;
position: relative !important;
overflow: hidden;
}
#aashiyana h2 {
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
}
#about-group {
width: 100%;
padding: 80px 0;
position: relative !important;
overflow: hidden;
}
#about-group h2 {
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
}
#brand-story .patchR {
width: 120px;
height: 100vh;
background: #8dc63f 0 0 no-repeat padding-box;
opacity: 0.11;
position: absolute;
top: -61px;
right: -110px;
transform: rotate(-20deg);
}
#brand-story .patchL {
width: 149px;
height: 111vh;
background: #147dd4 0 0 no-repeat padding-box;
opacity: 0.11;
position: absolute;
top: 0;
left: -67px;
transform: rotate(-12deg);
}
#brand-culture .patcheR {
right: -69px;
}
#brand-culture .patcheL,
#brand-culture .patcheR {
width: 181px;
height: 100vh;
background: #8dc63f 0 0 no-repeat padding-box;
opacity: 0.11;
position: absolute;
top: -67px;
transform: rotate(-23deg);
}
#brand-culture .patcheL {
left: -69px;
}
#aashiyana .patcheR {
right: -69px;
}
#aashiyana .patcheL,
#aashiyana .patcheR {
width: 181px;
height: 100vh;
background: #8dc63f 0 0 no-repeat padding-box;
opacity: 0.11;
position: absolute;
top: -67px;
transform: rotate(-23deg);
}
#aashiyana .patcheL {
left: -69px;
}
#about-group .patcheR {
width: 181px;
height: 100vh;
opacity: 0.11;
top: -67px;
right: -69px;
transform: rotate(-23deg);
}
#about-group .patcheR,
.greenpathch {
background: #8dc63f 0 0 no-repeat padding-box;
position: absolute;
}
.greenpathch {
width: 182px;
height: 25vh;
opacity: 0.9;
bottom: -40px;
right: 84px;
transform: rotate(-20deg);
z-index: 9999999;
}
.bg-odd-grey {
background-color: #f6f6f6;
}
.vline:after {
content: "";
border-left: 1px dashed #c8c8c8;
width: 2px;
height: 66%;
display: inline-block;
position: absolute;
left: 84.3px;
top: 106px;
}
.vline li:before {
content: url(../../images/Ellipse9cc7.svg?fdda3c50dab03335b7a89c4a26368a8e);
display: table;
position: absolute;
left: 81px;
height: 100%;
background-repeat: repeat-y;
margin-top: 9px;
z-index: 1;
}
.plus-set {
float: right;
position: relative;
top: 112px;
font-size: 20px;
left: -2px;
width: 40px;
border: 1px solid #000;
height: 40px;
border-radius: 50px;
}
.left-content-set {
padding: 25px;
margin: 25px;
}
.left-content-set1 {
padding: 3px 15px;
}
#all_around .around_section .around_text:hover {
background: rgba(100, 156, 22, 0.4392156862745098);
transition: all 0.4s ease-in-out;
}
.border-after:after {
content: "";
width: 24px;
height: 3px;
background: #8dc63f;
display: block;
}
.video-set {
max-width: 450px;
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
header.header_main {
position: relative;
background: #000;
}
header.sticky_header {
position: fixed;
}
header.header_main .navbar .logo {
padding: 10px;
justify-content: space-between;
}
header.header_main .navbar .logo .navbar-brand {
padding: 0;
margin: 0 10px 0 0;
display: inline-block;
width: 100px;
}
header.header_main .navbar .logo .navbar-brand img {
width: 100%;
}
header.header_main .navbar_list {
padding: 0 10px;
float: left;
}
header.header_main .navbar_list .search_box {
margin: 0 5px;
}
header.header_main .navbar_list .search_box .searchBox {
padding: 10px 0;
}
.searchBox:hover > .searchInput {
width: 170px;
padding: 0 6px;
}
header.header_main .navbar_list .search_box svg {
width: 20px;
}
header.header_main .navbar_list .social_link ul li a svg {
width: 30px;
}
header.header_main .navbar_list .addCartButton {
border-radius: 50%;
padding: 0;
margin: 0 10px;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
header.header_main .navbar_list .addCartButton a span {
display: none;
}
header.header_main .navbar_list .addCartButton img {
float: none;
margin: 0;
width: 25px;
}
header.header_main .navbar_list .wiron_logo {
width: 100px;
}
header.header_main .navbar_list .wiron_logo img {
width: 100%;
}
.Video_slider {
position: relative;
background-color: #fff;
height: 430px;
width: 100%;
overflow: hidden;
}
.Video_slider video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
transform: translateX(0) translateY(0);
}
.Video_slider .slider_content {
width: 70%;
}
.Video_slider .patch_right {
right: 20px;
}
#full_img_slider .full_img_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#full_img_slider .full_img_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#full_img_slider .patch_right {
right: 0;
top: 23%;
}
#full_img_slider .full_img_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#full_img_slider .full_img_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#award_slider .award_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#award_slider .award_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#award_slider .award_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#award_slider .award_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#media_slider .media_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#media_slider .media_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#our_people {
padding: 40px 0 20px;
}
#our_people .our_people_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
.ht-65 {
height: 45vh;
}
.img-width-set {
width: 200px;
height: 200px;
}
.left-content-set {
padding: 25px;
margin: 25px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
header.header_main .navbar_list .search_box {
margin: 0;
width: 50px;
height: 40px;
position: relative;
}
header.header_main .navbar_list .search_box .searchBox {
padding: 10px 0;
position: absolute;
z-index: 1;
left: 0;
top: 50%;
display: flex;
transform: translateY(-50%);
}
#full_img_slider .full_img_carousel .owl-nav {
top: 90%;
right: 40%;
}
#award_slider .award_carousel .owl-nav,
#media_slider .media_carousel .owl-nav {
top: 90%;
left: 19%;
}
#full_img_slider .full_img_carousel .around_section .around_text {
right: 0;
}
#full_img_slider .full_img_carousel .owl-nav {
right: 19%;
}
#award_slider .award_carousel .around_section .around_text {
margin-left: 0;
}
#award_slider .award_carousel .owl-nav {
left: 20px;
}
#media_slider .media_carousel .around_section .around_text {
margin-left: 0;
}
#media_slider .media_carousel .owl-nav {
left: 20px;
}
.ht-65 {
height: 44vh;
}
.img-width-set {
width: 200px;
height: 200px;
}
.left-content-set {
padding: 25px;
margin: 25px;
}
}
@media (min-width: 481px) and (max-width: 767px) {
header.header_main {
position: relative;
background: #000;
}
header.sticky_header {
position: fixed;
}
header.header_main .navbar .logo {
/* padding: 10px; */
justify-content: space-between;
}
header.header_main .navbar .logo .navbar-brand {
padding: 0;
margin: 0 10px 0 0;
display: inline-block;
width: 100px;
}
header.header_main .navbar .logo .navbar-brand img {
width: 100%;
}
header.header_main .navbar_list {
padding: 0 10px;
float: left;
}
header.header_main .navbar_list .search_box {
margin: 0 5px;
}
header.header_main .navbar_list .search_box .searchBox {
padding: 10px 0;
}
.searchBox:hover > .searchInput {
width: 170px;
padding: 0 6px;
}
header.header_main .navbar_list .search_box svg {
width: 20px;
}
header.header_main .navbar_list .social_link ul li a svg {
width: 30px;
}
header.header_main .navbar_list .addCartButton {
border-radius: 50%;
padding: 0;
margin: 0 10px;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
header.header_main .navbar_list .addCartButton a span {
display: none;
}
header.header_main .navbar_list .addCartButton img {
float: none;
margin: 0;
width: 25px;
}
header.header_main .navbar_list .wiron_logo {
width: 100px;
}
header.header_main .navbar_list .wiron_logo img {
width: 100%;
}
.Video_slider {
padding: 10px 0;
height: 85vh;
}
.Video_slider .slider_content {
width: 100%;
}
.Video_slider .patch_right {
right: 0;
}
.Video_slider .container {
height: 100%;
}
.Video_slider .slider_content h1 {
font-size: 30px;
margin-bottom: 20px;
}
.Video_slider video {
height: auto;
}
.Video_slider .scrollDown {
display: block;
}
.Video_slider .slider_content .playButton img {
width: 50px;
margin-right: 10px;
}
#all_around .all_around_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#all_around {
padding: 40px 0;
}
#full_img_slider .full_img_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#full_img_slider .full_img_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#full_img_slider .patch_right {
right: 0;
top: 23%;
}
#full_img_slider .full_img_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#full_img_slider .full_img_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#iconic_stories {
padding: 40px 0;
overflow: hidden;
}
#iconic_stories .patch_left {
right: 0;
left: 0;
}
#iconic_stories .iconic_stories_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#award_slider .award_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#award_slider .award_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#award_slider .award_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#award_slider .award_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#media_slider .media_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#media_slider .media_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#our_people {
padding: 40px 0 20px;
}
#our_people .our_people_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
.footer .footer_main {
padding: 30px 0;
flex-direction: column;
}
.footer .footer_main .footer_column {
padding: 0;
margin-bottom: 15px;
}
.enquiry-button {
width: 50px;
bottom: 10px;
right: 10px;
}
.getintouch .col-md-6 {
width: 50%;
}
.ht-65 {
height: 44vh;
}
.media {
display: inline-block;
}
.img-width-set {
width: 200px;
height: 200px;
}
.left-content-set {
padding: 0;
margin: 0;
}
}
@media (min-width: 320px) and (max-width: 480px) {
header.header_main {
position: relative;
background: #000;
}
header.sticky_header {
position: fixed;
}
header.header_main .navbar .logo {
padding: 10px;
width: 100%;
justify-content: space-between;
}
header.header_main .navbar .logo .navbar-brand {
padding: 0;
margin: 0;
display: inline-block;
width: 100px;
}
header.header_main .navbar .logo .navbar-brand img {
width: 100%;
}
header.header_main .navbar_list {
padding: 0 10px;
float: left;
}
header.header_main .navbar_list .search_box {
margin: 0;
width: 50px;
height: 40px;
position: relative;
}
header.header_main .navbar_list .search_box .searchBox {
padding: 10px 0;
position: absolute;
z-index: 1;
left: 0;
top: 50%;
display: flex;
transform: translateY(-50%);
}
header.header_main .navbar_list .search_box svg {
width: 20px;
}
header.header_main .navbar_list .social_link ul li a svg {
width: 30px;
}
header.header_main .navbar_list .addCartButton {
border-radius: 50%;
padding: 0;
margin: 0 10px;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
header.header_main .navbar_list .addCartButton a span {
display: none;
}
header.header_main .navbar_list .addCartButton img {
float: none;
margin: 0;
width: 25px;
}
header.header_main .navbar_list .wiron_logo {
width: 100px;
}
header.header_main .navbar_list .wiron_logo img {
width: 100%;
}
.Video_slider {
padding: 50px 0;
height: auto;
}
.Video_slider .slider_content {
width: 100%;
}
.Video_slider .patch_right {
right: 0;
}
.Video_slider .container {
height: 100%;
}
.Video_slider .slider_content h1 {
font-size: 30px;
margin-bottom: 20px;
}
.Video_slider video {
height: auto;
width: 170%;
}
.Video_slider .scrollDown {
display: none;
}
.Video_slider .slider_content .playButton img {
width: 50px;
margin-right: 10px;
}
#all_around .all_around_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#all_around {
padding: 40px 0;
}
#full_img_slider .full_img_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#full_img_slider .full_img_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#full_img_slider .patch_right {
right: 0;
top: 23%;
}
#full_img_slider .full_img_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#full_img_slider .full_img_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#iconic_stories {
padding: 40px 0;
overflow: hidden;
}
#iconic_stories .patch_left {
right: 0;
left: 0;
}
#iconic_stories .iconic_stories_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#award_slider .award_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#award_slider .award_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#award_slider .award_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#award_slider .award_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .around_section .around_text {
position: relative;
width: 100%;
left: 0;
top: 0;
height: auto;
min-height: auto;
}
#media_slider .media_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
#media_slider .media_carousel .slider_back {
background: url(../../images/slider_left_arrow_black826c.svg?3c3b310bcd4a980ee61d6339fe721155);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#media_slider .media_carousel .slider_next {
background: url(../../images/slider_right_arrow_black1e96.svg?47e07f4d33668600669fd4ecd072d74b);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
#our_people {
padding: 40px 0 20px;
}
#our_people .our_people_carousel .owl-nav {
position: relative;
top: 0;
left: 0;
transform: translateY(0);
text-align: center;
padding: 15px 0;
}
.footer .footer_main {
padding: 30px 0;
flex-direction: column;
}
.footer .footer_main .footer_column {
padding: 0;
margin-bottom: 15px;
}
.enquiry-button {
width: 50px;
bottom: 10px;
right: 10px;
}
.getintouch {
right: 50px;
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.6);
}
.icon-set {
border-radius: 42px;
width: 35px;
text-align: center;
padding: 2px;
height: 35px;
color: #fff;
border: 2px solid #fff;
transition: 0.5s;
}
.footer .footer_main .footer_column_1,
.footer_column_2,
.footer_column_3,
.footer_column_4 {
padding: 0;
width: 100%;
border-bottom: 0.5px solid #eee;
border-right: 0;
}
.product-banner {
background: url(../../images/product-banner484f.png?22130f48bec06abf937286b4fb06d8e9)
no-repeat;
background-size: cover;
background-position: 50%;
}
.contact-banner,
.product-banner {
height: 184px;
opacity: 0.998;
width: 100%;
}
.contact-banner {
background: url(../../images/contact-us57cd.png?f03ace8a5a484b8d9749bd126e00aa52)
no-repeat;
background-size: cover;
background-position: 50%;
}
.brand-story {
background: url(../../images/brand-storyb3c6.png?a591d6ae6288b092b2a3c3a88f2c7b75)
no-repeat;
background-size: cover;
background-position: 50%;
}
.brand-culture,
.brand-story {
height: 184px;
opacity: 0.998;
width: 100%;
}
.brand-culture {
background: url(../../images/brand-culturef099.png?21be09606b4a1b5a926b5925a4264277)
no-repeat;
background-size: cover;
background-position: 50%;
}
.aashiyana {
background: url(../../images/aashiyana6d17.png?30f1b377aa58e18ac8f9112e07151d88)
no-repeat;
background-size: cover;
background-position: 50%;
}
.aashiyana,
.about-group {
height: 184px;
opacity: 0.998;
width: 100%;
}
.about-group {
background: url(../../images/aboutf7af.png?be1366bba297ad400f7e27cea20c5240)
no-repeat;
background-size: cover;
background-position: 50%;
}
.education {
background: url(../../images/educationa949.png?c0d5a895a652c526949253e711deeac1)
no-repeat;
background-size: cover;
background-position: 50%;
}
.education,
.excellence {
height: 184px;
opacity: 0.998;
width: 100%;
}
.excellence {
background: url(../../images/excellencec55a.png?93b0956e239f46769ff294613285b4ac)
no-repeat;
background-size: cover;
background-position: 50%;
}
.ethics {
background: url(../../images/ethics6ee2.png?07d622091b155fb788f988d47a83c72b)
no-repeat;
background-size: cover;
background-position: 50%;
}
.ethics,
.healthcare {
height: 184px;
opacity: 0.998;
width: 100%;
}
.healthcare,
.livelihood {
background: url(../../images/healthcare32cc.png?f0da8012c2fb775b285541246af3c84b)
no-repeat;
background-size: cover;
background-position: 50%;
}
.infrastructure,
.livelihood {
height: 184px;
opacity: 0.998;
width: 100%;
}
.infrastructure {
background: url(../../images/infrastructuredbf7.png?cd1cb94e9bc4a01501c045014471a0f6)
no-repeat;
background-size: cover;
background-position: 50%;
}
.medias {
background: url(../../images/media54c7.png?0bf4508354454e980ee00a1d18f87d45)
no-repeat;
background-size: cover;
background-position: 50%;
}
.environment,
.medias {
height: 184px;
opacity: 0.998;
width: 100%;
}
.environment {
background: url(../../images/environmentcd8b.png?09333ea78c562ce9e17cd3d24031114c)
no-repeat;
background-size: cover;
background-position: 50%;
}
.agriculture {
background: url(../../images/agriculturebannerb9e6.png?1916f09cd8ef0d05b3060adb0652cebd)
no-repeat;
background-size: cover;
background-position: 50%;
}
.agriculture,
.polutry {
height: 184px;
opacity: 0.998;
width: 100%;
}
.polutry {
background: url(../../images/poultrybanner0990.png?4bbe8af7972faf92ac89198b7f0eae0f)
no-repeat;
background-size: cover;
background-position: 50%;
}
.automotive {
background: url(../../images/automotivee0ed.jpg?934cd68e0aafc45e51658c78c34d2c69)
no-repeat;
background-size: cover;
background-position: 50%;
}
.automotive,
.engeneering {
height: 184px;
opacity: 0.998;
width: 100%;
}
.engeneering {
background: url(../../images/engineeringc079.png?943c2b15c3bea99663cbe47ce533c35b)
no-repeat;
background-size: cover;
background-position: 50%;
}
.infrastructures {
background: url(../../images/infrastructure0964.jpg?4d2d4afc816eb5338e1d10ecd72a46e1)
no-repeat;
background-size: cover;
background-position: 50%;
}
.infrastructures,
.whytatawiron {
height: 184px;
opacity: 0.998;
width: 100%;
}
.whytatawiron {
background: url(../../images/whytatawirona708.jpg?46e7beb1863bd0a2d6bb87edd99b34a1)
no-repeat;
background-size: cover;
background-position: 50%;
}
.initiative {
background: url(../../images/special_initiatives2cd8.jpg?e2332d7362c5551701f3313d695be799)
no-repeat;
background-size: cover;
background-position: 50%;
height: 184px;
opacity: 0.998;
width: 100%;
}
.form-set {
position: static;
}
.greenpathch {
width: 182px;
height: 9vh;
background: #8dc63f 0 0 no-repeat padding-box;
opacity: 0.9;
position: absolute;
bottom: -40px;
right: 59px;
transform: rotate(-20deg);
z-index: 9999999;
}
.ft-50 {
font-size: 26px;
font-weight: 500;
line-height: 1;
}
.ht-65 {
height: 0;
}
.media {
display: inline-block;
}
.img-width-set {
width: 100%;
}
.left-content-set {
padding: 0;
margin: 0;
}
}
@media (min-width: 220px) and (max-width: 320px) {
.form-set {
position: static;
}
.ht-65 {
height: 19vh;
}
.icon-set {
border-radius: 42px;
width: 22px;
text-align: center;
padding: 0;
height: 22px;
color: #fff;
border: 2px solid #fff;
transition: 0.5s;
font-size: 10px;
}
.greenpathch {
width: 182px;
height: 11vh;
background: #8dc63f 0 0 no-repeat padding-box;
opacity: 0.9;
position: absolute;
bottom: -40px;
right: 59px;
transform: rotate(-20deg);
z-index: 9999999;
}
.ft-50 {
font-size: 26px;
font-weight: 500;
line-height: 1;
}
.ht-65 {
height: 0;
}
.media {
display: inline-block;
}
.img-width-set {
width: 100%;
}
.left-content-set {
padding: 0;
margin: 0;
}
}
@media (min-width: 1200px) {
.offsets-xl-1 {
margin-left: 6.333333%;
}
}
@media (min-width: 992px) {
.offsets-lg-1 {
margin-left: 6.333333%;
}
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #fff;
}
::-webkit-scrollbar {
width: 10px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #1f3a65;
}
#style ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #fff;
}
#style ::-webkit-scrollbar {
width: 5px;
background-color: #fff;
}
#style ::-webkit-scrollbar-thumb {
background-color: #1f3a65;
}
#main {
margin: 50px 0;
}
#main #faq .card {
margin-bottom: 6px;
border: 0;
}
#main #faq .card .card-header {
border: 0;
box-shadow: 0 0 20px 0 hsla(0, 0%, 83.5%, 0.5);
border-radius: 2px;
padding: 0;
}
#main #faq .card .card-header .btn-header-link {
color: #024d8e;
display: block;
text-align: left;
background: #fff;
padding: 14px;
font-size: 23px;
font-weight: 500;
}
#main #faq .card .card-header .btn-header-link:after {
content: "\F106";
font-family: Font Awesome\5 Free;
font-weight: 900;
float: right;
}
#main #faq .card .card-header .btn-header-link.collapsed {
background: #024d8e;
color: #fff;
}
#main #faq .card .card-header .btn-header-link.collapsed:after {
content: "\F105";
}
#main #faq .card .collapsing {
background: #fff;
line-height: 30px;
}
#main #faq .card .collapse {
border: 0;
}
#main #faq .card .collapse.show {
background: #fff;
line-height: 30px;
color: #222;
}
.bg-green {
background-color: #8dc63f;
}
.bg-brown {
background-color: #414141;
}
#main #faq-main .card {
margin-bottom: 6px;
border: 0;
}
#main #faq-main .card .card-header {
border: 0;
box-shadow: 0 0 20px 0 hsla(0, 0%, 83.5%, 0.5);
border-radius: 2px;
padding: 0;
}
#main #faq-main .card .card-header .btn-header-link {
color: #024d8e;
display: block;
text-align: left;
background: #fff;
padding: 14px;
font-size: 23px;
font-weight: 500;
}
#main #faq-main .card .card-header .btn-header-link:after {
content: "\F106";
font-family: Font Awesome\5 Free;
font-weight: 900;
float: right;
}
#main #faq-main .card .card-header .btn-header-link.collapsed {
background: #024d8e;
color: #fff;
}
#main #faq-main .card .card-header .btn-header-link.collapsed:after {
content: "\F105";
}
#main #faq-main .card .collapsing {
background: #fff;
line-height: 30px;
}
#main #faq-main .card .collapse {
border: 0;
}
#main #faq-main .card .collapse.show {
background: #fff;
line-height: 30px;
color: #222;
}
.line {
background: url(../../images/linec502.png?a929bed3d327402df7f812fed2103ce3)
repeat;
background-position: bottom;
}
.error {
color: red;
font-size: smaller;
}
#display-success {
display: none;
width: 600px;
border: 1px solid #d8d8d8;
padding: 10px;
border-radius: 5px;
font-family: Arial;
font-size: 13px;
text-transform: uppercase;
background-color: rgb(141 198 63);
color: #fff;
text-align: center;
margin-left: 450px;
margin-bottom: 10px;
}
nav > .nav.nav-tabs {
color: #fff;
background: #fff;
border-radius: 0;
}
.nav-tabs .nav-link {
color: #a2a2a2;
border: 1px solid #a2a2a2;
}
.nav-item .nav-link .active {
color: #fff;
background: #8dc63f;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #fff;
background-color: #8dc63f;
}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active {
text-align: center;
padding: 8px 11px;
font-size: 23px;
border-radius: 0;
width: 293px;
height: 53px;
position: relative;
}
nav > div a.nav-item.nav-link.active:after {
content: "";
position: absolute;
bottom: -30px;
left: 45%;
border: 15px solid transparent;
border-top-color: #8dc63f;
}
nav > div a.nav-item.nav-link:focus,
nav > div a.nav-item.nav-link:hover {
border: none;
background: #8dc63f;
color: #fff;
border-radius: 0;
transition: background 0.2s linear;
}
#controls button {
text-indent: -9999px;
width: 16px;
height: 16px;
border: none;
cursor: pointer;
background: transparent
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAAQCAYAAAAWNJ1eAAAAB3RJTUUH4AMQDS0aGLmsqwAAAAlwSFlzAAAOdAAADnQBaySz1gAAAvZJREFUeNrtmk2u0zAQxyele7gBZcOWcAJ8AKTXFVvKhnW5QbhBD4BEe4GnvgULdkaCNeUE5N2gbJGgeDJ26rhO4rFbKRX5P7mtP+YX2x1PHPdl4ErCa/W6UEmc1ACsVekGQjWyeKwrVWYN+bF63aqU99jsVJqryblvbTGyeKxrkoSPesxC/f3CosyaEBzso0DUvgL5JmZk8VhdoihXKLsnLLtLsYix1jkcf+VIU12wZUwI6LZo89xTN7J4rFOZLxxgxrjG+Vm0WNB27hlvXrWQICb6Im5IXqhU9lwi17Zuh13WS2juF/Dzq0TWW+tzLMvuj2ip47J480W8G5V+qnSwStfg+9KxDbW98V6Bw+qThGdA0WYBPQtmohu507rRYQ/ryg77RU8e9Vmlb1b+q0q3iawPqn+fEllmrF+qlDbGUDVtyRkwQs0YjFll4zpSHMsvikASyHnwVlwALbSV1aq+nU2gfRWGOJPoyaNw33VwyqYDYIXqkqwV0x5vK7sWWy6rSwUcHQgd5b1ebO+AIlvtQNh4GoSkx9RN5P0Vr/HbKTsw7P0sWT9ZxrBET5lMZNnqYs2Yvb7TNF/E4bGkM2/CelInZ0WtVPkPp90bZfvQOBAqzInS9MdTFutE52H5bl92mUxk2eKwhiOzB/L33nIgVJgTpT0tZE7+AcQ70XlY9ioU9TFHXJ9i7UglcOaU9j2FZRvPEidzyR33C9BONoGutYLOg7v99h2+7Mn79Bf8X3w4S9T26ayQ6boca8m0tw83l4msLu31u+hoY+r26ERrz1D7nMdo3ZNHPQWKGEa5LotnySrcThNZobocC/c4tP8oGYwS6AT87gysNm31+1I/6jdFZcZptyaUfwf+2cdOdfz08Gxk8VhNLm1Y3e1DzK0nhdU8kceotIJjFBVADmTq8omumMMxhIVoD8cdvKuRxWMdZTas4ed0l2HRzzNC9xudpQByIgmnj//34w+wQ2ANVf6fPfZ63IUZU+YxHOa/SfwPrCvVP/2nY6KBhDUMAAAAAElFTkSuQmCC")
no-repeat 0 0;
}
#controls button.pause {
background-position: -19px 0;
}
.stop {
background-position: -38px 0;
}
#volume-bar {
width: 50px;
vertical-align: middle;
padding: 0;
}
#controls .mute {
background-position: -95px 0;
}
#controls .unmute {
background-position: -114px 0;
}
#controls .replay {
background-position: -133px 0;
}
#controls .fullscreen {
text-indent: 0;
color: #00c600;
background-color: #000;
background-image: none;
font-weight: 700;
padding: 0 0 3px;
}
progress {
color: #7cac38;
font-size: 12px;
width: 90%;
height: 6px;
border: none;
margin-right: 10px;
background: #434343;
border-radius: 9px;
vertical-align: middle;
margin-top: -8px;
}
progress::-moz-progress-bar {
color: green;
background: #434343;
}
progress[value]::-webkit-progress-bar {
background-color: #434343;
border-radius: 2px;
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.25);
}
progress[value]::-webkit-progress-value {
background-color: green;
}
input[type="range"] {
-webkit-appearance: none;
width: 100%;
margin: 6.8px 0;
}
input[type="range"]:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 4.4px;
cursor: pointer;
box-shadow:
0.9px 0.9px 1.7px #020,
0 0 0.9px #003c00;
background: #205928;
border-radius: 1px;
border: 1.1px solid #18d501;
}
input[type="range"]::-webkit-slider-thumb {
box-shadow:
2.6px 2.6px 3.7px #0a0,
0 0 2.6px #00c300;
border: 2.5px solid #83e584;
height: 18px;
width: 9px;
border-radius: 3px;
background: #439643;
cursor: pointer;
-webkit-appearance: none;
margin-top: -7.9px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
background: #276c30;
}
input[type="range"]::-moz-range-track {
width: 100%;
height: 4.4px;
cursor: pointer;
box-shadow:
0.9px 0.9px 1.7px #020,
0 0 0.9px #003c00;
background: #205928;
border-radius: 1px;
border: 1.1px solid #18d501;
}
input[type="range"]::-moz-range-thumb {
box-shadow:
2.6px 2.6px 3.7px #0a0,
0 0 2.6px #00c300;
border: 2.5px solid #83e584;
height: 18px;
width: 9px;
border-radius: 3px;
background: #439643;
cursor: pointer;
}
input[type="range"]::-ms-track {
width: 100%;
height: 4.4px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type="range"]::-ms-fill-lower {
background: #194620;
}
input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
border: 1.1px solid #18d501;
border-radius: 2px;
box-shadow:
0.9px 0.9px 1.7px #020,
0 0 0.9px #003c00;
}
input[type="range"]::-ms-fill-upper {
background: #205928;
}
input[type="range"]::-ms-thumb {
box-shadow:
2.6px 2.6px 3.7px #0a0,
0 0 2.6px #00c300;
border: 2.5px solid #83e584;
height: 18px;
width: 9px;
border-radius: 3px;
background: #439643;
cursor: pointer;
height: 4.4px;
}
input[type="range"]:focus::-ms-fill-lower {
background: #205928;
}
input[type="range"]:focus::-ms-fill-upper {
background: #276c30;
}
#controls {
position: absolute;
bottom: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 5px;
padding-bottom: 3px;
border-radius: 7px;
width: 100%;
z-index: 2;
}
@media (max-width: 767px) {
.video-set {
max-width: 288px;
}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active {
text-align: center;
padding: 9px 11px;
font-size: 20px;
border-radius: 0;
width: 165px;
height: 53px;
position: relative;
margin-left: 16px;
}
.box:before {
content: "";
display: none;
}
progress {
width: 52%;
}
}
.ft-black {
font-size: 1.5rem !important;
color: #000 !important;
}
.cd-dropdown-wrapper {
display: inline-block;
position: relative;
height: 40px;
margin: 30px 0 0 5%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cd-dropdown-trigger {
display: block;
position: relative;
background: transparent;
border: none;
box-shadow: none;
}
.cd-dropdown-trigger .icon-bar {
width: 22px;
transition: all 0.2s;
background-color: #005ca1;
display: block;
margin-top: 4px;
height: 2px;
border-radius: 1px;
}
.cd-dropdown-trigger .icon-bar:first-of-type {
transform: rotate(0);
}
.cd-dropdown-trigger .icon-bar:nth-of-type(2) {
opacity: 1;
filter: alpha(opacity=100);
}
.cd-dropdown-trigger .icon-bar:nth-of-type(3) {
transform: rotate(0);
}
.cd-dropdown-trigger.dropdown-is-active .icon-bar:first-of-type {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.cd-dropdown-trigger.dropdown-is-active .icon-bar:nth-of-type(2) {
opacity: 0;
filter: alpha(opacity=0);
}
.cd-dropdown-trigger.dropdown-is-active .icon-bar:nth-of-type(3) {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown h2 {
height: 50px;
line-height: 50px;
}
.cd-dropdown ul {
margin: 0;
list-style: none;
height: 100vh;
background: #000;
padding: 150px 0 0;
}
@media only screen and (min-width: 768px) {
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown h2 {
height: 60px;
line-height: 60px;
}
}
@media only screen and (min-width: 1024px) {
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown h2 {
height: 50px;
line-height: 50px;
}
}
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown h2 {
padding: 0 20px;
}
.cd-dropdown {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
color: #fff;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transform: translateY(-100%);
transition:
transform 0.5s 0s,
visibility 0s 0.5s;
}
.cd-dropdown,
.cd-dropdown h2 {
z-index: 1;
background-color: #111433;
}
.cd-dropdown h2 {
position: relative;
color: #585a70;
border-bottom: 1px solid #242643;
}
.cd-dropdown .cd-close {
position: absolute;
z-index: 1;
right: 0;
top: 0;
height: 50px;
width: 50px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
}
.cd-dropdown .cd-close:after,
.cd-dropdown .cd-close:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
height: 20px;
width: 2px;
background-color: #fff;
}
.cd-dropdown .cd-close:after {
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close:before {
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
visibility: visible;
transform: translateY(0);
transition:
transform 0.5s 0s,
visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
.cd-dropdown .cd-close {
top: 5px;
}
}
@media only screen and (min-width: 1024px) {
.cd-dropdown {
position: absolute;
top: 0;
height: 100vh;
width: 100%;
transform: translateX(0);
background-color: transparent;
color: #111433;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
opacity: 0;
transform: translateY(30px);
transition:
opacity 0.3s 0s,
visibility 0s 0.3s,
transform 0.3s 0s;
}
.open-to-left .cd-dropdown {
right: 0;
left: auto;
}
.cd-dropdown .cd-close,
.cd-dropdown h2 {
display: none;
}
.cd-dropdown.dropdown-is-active {
opacity: 1;
transform: translateY(0);
transition:
opacity 0.3s 0s,
visibility 0.3s 0s,
transform 0.3s 0s;
}
}
.cd-dropdown-content,
.cd-dropdown-content ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
transition: transform 0.3s;
padding-top: 50px;
}
.cd-dropdown-content a,
.cd-dropdown-content ul a {
display: block;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-color: #171717;
border-style: none solid solid;
border-top: 1px solid #171717;
}
.cd-dropdown-content li:first-of-type > a,
.cd-dropdown-content ul li:first-of-type > a {
border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a,
.cd-dropdown-content ul li:last-of-type > a {
border-bottom-width: 1px;
}
.cd-dropdown-content .cd-search,
.cd-dropdown-content a,
.cd-dropdown-content ul .cd-search,
.cd-dropdown-content ul a {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition:
opacity 0.3s,
transform 0.3s;
}
.cd-dropdown-content.is-hidden,
.cd-dropdown-content ul.is-hidden {
transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a,
.cd-dropdown-content.move-out > li > a,
.cd-dropdown-content ul.is-hidden > li > a,
.cd-dropdown-content ul.move-out > li > a {
opacity: 0;
}
.cd-dropdown-content.move-out > li > a,
.cd-dropdown-content ul.move-out > li > a {
transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content,
.dropdown-is-active .cd-dropdown-content ul {
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
.cd-dropdown-content,
.cd-dropdown-content ul {
padding-top: 60px;
}
.cd-dropdown-content a,
.cd-dropdown-content ul a {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 768px) {
.cd-dropdown ul {
padding-top: 100px;
}
}
@media only screen and (min-width: 1024px) {
.cd-dropdown-content,
.cd-dropdown-content ul {
padding-top: 0;
overflow: visible;
}
.cd-dropdown-content a,
.cd-dropdown-content ul a {
color: #e6e6e6;
height: 50px;
line-height: 50px;
font-size: 1.5rem;
border: none;
}
.cd-dropdown-content.is-hidden > li > a,
.cd-dropdown-content.move-out > li > a,
.cd-dropdown-content ul.is-hidden > li > a,
.cd-dropdown-content ul.move-out > li > a {
opacity: 1;
}
}
.cd-dropdown-content .see-all a {
color: #97dc38;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
height: 80px;
line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
padding-left: 75px;
position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
color: #111433;
font-size: 1.3rem;
display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:before {
content: "";
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: 50%;
background-size: 40px 40px;
}
@media only screen and (min-width: 1024px) {
.cd-dropdown-content {
position: static;
height: auto;
width: 240px;
}
.cd-dropdown-content > li:last-of-type a {
border-bottom: none;
}
.no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
color: #97dc38;
text-decoration: none;
}
.cd-dropdown-content.move-out > li > .cd-search,
.cd-dropdown-content.move-out > li > a {
transform: translateX(0);
opacity: 1;
}
.cd-dropdown-content .cd-dropdown-gallery,
.cd-dropdown-content .cd-dropdown-icons,
.cd-dropdown-content .cd-secondary-dropdown {
transform: translateX(0);
left: 240px;
height: 100vh;
width: calc(100% - 240px);
background-color: transparent;
box-shadow: none;
padding-top: 100px;
}
.cd-dropdown-content .cd-dropdown-gallery:after,
.cd-dropdown-content .cd-dropdown-icons:after,
.cd-dropdown-content .cd-secondary-dropdown:after {
clear: both;
content: "";
display: table;
}
.open-to-left .cd-dropdown-content .cd-dropdown-gallery,
.open-to-left .cd-dropdown-content .cd-dropdown-icons,
.open-to-left .cd-dropdown-content .cd-secondary-dropdown {
left: auto;
right: 100%;
}
.cd-dropdown-content .cd-dropdown-gallery.is-hidden,
.cd-dropdown-content .cd-dropdown-icons.is-hidden,
.cd-dropdown-content .cd-secondary-dropdown.is-hidden {
transform: translateX(0);
}
.cd-dropdown-content .cd-dropdown-gallery.fade-in,
.cd-dropdown-content .cd-dropdown-icons.fade-in,
.cd-dropdown-content .cd-secondary-dropdown.fade-in {
-webkit-animation: cd-fade-in 0.2s;
animation: cd-fade-in 0.2s;
}
.cd-dropdown-content .cd-dropdown-gallery.fade-out,
.cd-dropdown-content .cd-dropdown-icons.fade-out,
.cd-dropdown-content .cd-secondary-dropdown.fade-out {
-webkit-animation: cd-fade-out 0.2s;
animation: cd-fade-out 0.2s;
}
.cd-dropdown-content .cd-dropdown-gallery > .go-back,
.cd-dropdown-content .cd-dropdown-icons > .go-back,
.cd-dropdown-content .cd-secondary-dropdown > .go-back {
display: none;
}
.cd-dropdown-content .cd-dropdown-gallery > .see-all,
.cd-dropdown-content .cd-dropdown-icons > .see-all,
.cd-dropdown-content .cd-secondary-dropdown > .see-all {
position: absolute;
bottom: 20px;
height: 45px;
text-align: center;
}
.cd-dropdown-content .cd-dropdown-gallery > .see-all a,
.cd-dropdown-content .cd-dropdown-icons > .see-all a,
.cd-dropdown-content .cd-secondary-dropdown > .see-all a {
margin: 0;
height: 100%;
line-height: 45px;
background: #ebebeb;
pointer-events: auto;
transition:
color 0.2s,
background-color 0.2s;
}
.no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover,
.no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover,
.no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover {
color: #fff;
background-color: #111433;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
.cd-dropdown-content .cd-dropdown-gallery a,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item,
.cd-dropdown-content .cd-dropdown-icons a,
.cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item,
.cd-dropdown-content .cd-secondary-dropdown a {
border: none;
}
.cd-dropdown-content .cd-dropdown-gallery,
.cd-dropdown-content .cd-dropdown-icons {
padding: 20px 30px 100px;
}
.cd-dropdown-content .cd-dropdown-gallery > .see-all,
.cd-dropdown-content .cd-dropdown-icons > .see-all {
width: calc(100% - 60px);
}
.cd-dropdown-content .cd-dropdown-icons > li,
.cd-dropdown-content .cd-secondary-dropdown > li {
width: 25%;
float: left;
}
.cd-dropdown-content .cd-secondary-dropdown {
overflow: hidden;
}
.cd-dropdown-content .cd-secondary-dropdown > li > a {
color: #231f20;
font-size: 1.5rem;
margin-bottom: 10px;
line-height: 30px;
height: 30px;
pointer-events: none;
}
.cd-dropdown-content .cd-secondary-dropdown > li > a:after,
.cd-dropdown-content .cd-secondary-dropdown > li > a:before {
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
transform: translateX(0);
}
.cd-dropdown-content .cd-secondary-dropdown > li {
margin: 0;
border: 0;
border-right: 0.5px solid #eee !important;
padding: 0 15px;
min-height: 300px;
}
.cd-dropdown-content .cd-secondary-dropdown > li:last-child {
border: none !important;
}
.cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
border-right-width: 0;
}
.cd-dropdown-content .cd-secondary-dropdown > li > ul {
transform: translate(0);
position: relative;
height: auto;
}
.cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown a {
line-height: 35px;
height: 35px;
font-size: 1.2rem;
padding-left: 0;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
color: #97dc38;
text-decoration: none;
}
.cd-dropdown-content .cd-secondary-dropdown ul {
overflow: hidden;
height: auto;
background: transparent;
}
.cd-dropdown-content .cd-secondary-dropdown ul li a {
color: #707275;
text-decoration: none;
}
.cd-dropdown-content .cd-secondary-dropdown .go-back a {
padding-left: 20px;
color: transparent;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
color: transparent;
text-decoration: none;
}
.cd-dropdown-content .cd-secondary-dropdown .go-back a:after,
.cd-dropdown-content .cd-secondary-dropdown .go-back a:before {
left: 0;
}
.cd-dropdown-content .cd-secondary-dropdown .see-all {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.cd-dropdown-content .cd-dropdown-gallery {
width: 600px;
padding-bottom: 100px;
}
.cd-dropdown-content .cd-dropdown-gallery > li {
width: 48%;
float: left;
margin-right: 4%;
}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
margin-right: 0;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding: 0;
height: auto;
line-height: normal;
color: #97dc38;
margin-bottom: 2em;
}
.cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a,
.cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a {
margin-bottom: 0;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: static;
height: auto;
width: 100%;
margin: 0 0 0.6em;
}
.cd-dropdown-content .cd-dropdown-icons {
width: 600px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
background: #ebebeb;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
color: #97dc38;
font-weight: 700;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
display: block;
font-size: 1.2rem;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:before {
left: 25px;
}
.cd-dropdown-content > .has-children > ul {
visibility: hidden;
}
.cd-dropdown-content > .has-children > ul.is-active {
visibility: visible;
background: #fff;
}
.cd-dropdown-content
> .has-children
> .cd-secondary-dropdown.is-active
> li
> ul {
visibility: visible;
}
.cd-dropdown-content > .has-children > a.is-active {
color: #97dc38;
text-decoration: none;
}
.cd-dropdown-content > .has-children > a.is-active:after,
.cd-dropdown-content > .has-children > a.is-active:before {
background: #97dc38;
}
.open-to-left .cd-dropdown-content > .has-children > a.is-active {
box-shadow: inset -2px 0 0 #97dc38;
}
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
to {
opacity: 1;
visibility: visible;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
to {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: visible;
}
}
@keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: visible;
}
}
.go-back a,
.has-children > a {
position: relative;
}
.go-back a:after,
.go-back a:before,
.has-children > a:after,
.has-children > a:before {
content: "";
position: absolute;
top: 50%;
margin-top: 2px;
display: inline-block;
height: 2px;
width: 10px;
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.go-back a:before,
.has-children > a:before {
transform: rotate(45deg);
}
.go-back a:after,
.has-children > a:after {
transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
.go-back a:after,
.go-back a:before,
.has-children > a:after,
.has-children > a:before {
background: #b3b3b3;
}
}
.has-children > a {
padding-right: 40px;
}
.has-children > a:after,
.has-children > a:before {
right: 20px;
transform-origin: 9px 50%;
}
@media only screen and (min-width: 1024px) {
.open-to-left .cd-dropdown-content > .has-children > a {
padding-left: 40px;
padding-right: 20px;
}
.open-to-left .cd-dropdown-content > .has-children > a:after,
.open-to-left .cd-dropdown-content > .has-children > a:before {
right: auto;
left: 20px;
transform-origin: 1px 50%;
}
}
.cd-dropdown-content .go-back a {
padding-left: 40px;
}
.cd-dropdown-content .go-back a:after,
.cd-dropdown-content .go-back a:before {
left: 20px;
transform-origin: 1px 50%;
}
.cd-main-content {
background-color: #e6e6e6;
min-height: calc(100vh - 100px);
padding: 2em 5%;
line-height: 2;
}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.no-js .cd-dropdown-wrapper .cd-close {
display: none;
}
@media only screen and (max-width: 420px) {
.cd-dropdown ul {
padding-top: 50px;
}
}
/*# sourceMappingURL=app.css.map*/