/*-------- [_Imported_CSS_Plugins] -------*/ /*========================================*/ /* @import url("../css/bootstrap.min.css"); @import url("../fonts/fontawesome/css/all.css"); @import url("../css/owl.carousel.min.css"); @import url("../css/animate.min.css"); @import url("../css/index.css");*/ /**20220224**/ .home2022 .container, .footer .container{ width: 100%; max-width: 1440px; padding: 0 15px; margin: 0 auto; } h1 { font-size: 40px; } h2 { font-size: 30px; } h3 { font-size: 16px; } h4 { font-size: 14px; } p { font-size: 16px; } p.main-text { font-size: 14px; } .font16 { font-size: 16px; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font22 { font-size: 22px; } .font24 { font-size: 24px; } .font26 { font-size: 26px; } .font28 { font-size: 28px; } .font30 { font-size: 30px; } .font32 { font-size: 32px; } .font34 { font-size: 34px; } .font36 { font-size: 36px; } .text-color-white { color: #FFFFFF; } .text-color-title { color: #16191C; } .text-color-text { color: #333333; } .text-color-bbb { color: #bbb; } .text-color-warnning { color: #FEC400; } .text-color-danger { color: #F65860; } .text-color-black { color: #333333; } .text-color-index-title { color: #09FFEB; } .text-color-199a92 { color: #199a92; } p a:link { color: #1D73DD; } p a:hover { color: #004B95; } .h10 { height: 10px; } .h20 { height: 20px; } .h30 { height: 30px; } .h40 { height: 40px; } .h50 { height: 50px; } .h60 { height: 70px; } .h70 { height: 70px; } .h80 { height: 80px; } section .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } /*========================================*/ /*--------------- [_Buttons] -------------*/ /*========================================*/ /*Btn Style One*/ .btn-default { position: relative; display: inline-block; /*text-transform: uppercase;*/ background-color: #1d73dd; color: #ffffff; font-weight: 400; overflow: hidden; cursor: pointer; border: 1px solid #1d73dd; } .btn-default:hover { background: #0a49b4; color: #ffffff; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .btn-default.bth-default-large { font-size: 24px; line-height: 1em; padding: 16px 54px; } .btn-default.bth-default-small { font-size: 16px; line-height: 1em; padding: 10px 30px; } .btn-default.btn-default-plain { background: transparent; color: #ffffff; border: 1px solid #FFFFFF; } .btn-default.btn-default-plain:hover { background: #FFFFFF; color: #001457; border: 1px solid #FFFFFF; } .btn-default.btn-default-round { width: 30px; height: 30px; border-radius: 15px; background-color: #09ffeb; color: #FFFFFF; vertical-align: middle; margin-right: 20px; line-height:30px; text-align:center; transition:all 0.3s; } .btn-default.btn-default-round:hover{ transform:translateX(10px); } .btn-default.has-icon i { font-size: 20px; vertical-align: middle; padding-right: 10px; } .btn-default.btn-sm.has-icon i { font-size: 18px; } .btn-default.btn-circle { border-radius: 60px 60px 60px 60px; } .btn-default.btn-square { border-radius: 0; } .btn-default.btn-sm { font-size: 14px; padding: 6px 24px; } .btn-default.btn-md { font-size: 14px; padding: 18px 56px; } .btn-default.btn-lg { font-size: 18px; padding: 20px 64px; } .btn-default.btn-xl { font-size: 18px; padding: 24px 56px; } .btn-default-arrow{ position: relative; cursor: pointer; } .btn-default-arrow i{ font-size: 44px; vertical-align: middle; display: inline-block; margin-right: 10px; color } .btn-default-arrow:hover i{ animation: 0.3s moveAni linear; } .btn-default-arrow.bottom:hover i{ animation: 0.3s moveAniB linear; } @keyframes moveAni { 0%{ transform: translateX(0px); } 60%{ transform: translateX(8px); } 80%{ transform: translateX(4px); } 100%{ transform: translateX(8px); } } @keyframes moveAniB { 0%{ transform: translateY(0px); } 60%{ transform: translatey(4px); } 80%{ transform: translateY(2px); } 100%{ transform: translateY(4px); } } /*========================================*/ /*-------------- [_Utility] -----===------*/ /*========================================*/ body { color: #3333333; font-family: 'Montserrat', "Poppins", sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { margin: 0 0 10px; line-height: 1.6em; } /*========================================*/ /*--------------- [_Global] --------------*/ /*========================================*/ .back-to-top { position: fixed; right: 36px; bottom: 42px; width: 42px; height: 42px; color: #fff; text-align: center; line-height: 40px; border-radius: 50%; z-index: 99; font-size: 22px; cursor: pointer; background-color: linear-gradient(45deg, #0E90D5, #3032A2) !important; -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite; animation: white-shadow .8s infinite, red-shadow .8s infinite; -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); display: none; } @keyframes white-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -webkit-transition: box-shadow .3s ease-in-out; -webkit-transition: -webkit-box-shadow .3s ease-in-out; -o-transition: box-shadow .3s ease-in-out; transition: box-shadow .3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: box-shadow .4s ease-in-out; -webkit-transition: -webkit-box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out; transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out; } } @-webkit-keyframes red-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4); box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4); } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; } } @keyframes red-shadow { 0% { -webkit-box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4); box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4); } 100% { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; } } /*Owl Carousel Nav Prev*/ .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size: 20px; height: 50px; border-radius: 50%; left: 45px; line-height: 50px; position: absolute; text-align: center; top: 50%; width: 50px; /* background: linear-gradient(45deg, #1d73dd, #1d73dd) !important; */ -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: all 600ms ease 0ms; -webkit-transition: all 600ms ease 0ms; -ms-transition: all 600ms ease 0ms; -o-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 0; visibility: hidden; border: 0px; } .owl-carousel:hover .owl-nav button.owl-prev, .owl-carousel:hover .owl-nav button.owl-next { opacity: 1; visibility: visible; outline: none; border:0px; } .owl-carousel:hover .owl-nav button.owl-prev { left: 15px; } .owl-carousel:hover .owl-nav button.owl-next { right: 15px; } .owl-carousel .owl-nav button.owl-next { left: auto; right: 45px; } .owl-carousel .owl-nav button i { color: #fff; } /*testimonials Owl Carousel Nav Prev*/ .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size:150px; height: 50px; border-radius: 50%; left: -55px; line-height: 50px; position: absolute; text-align: center; top: 25px; width: 50px; background: none; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: all 600ms ease 0ms; -webkit-transition: all 600ms ease 0ms; -ms-transition: all 600ms ease 0ms; -o-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 0; visibility: hidden; border:0px; } .owl-carousel .owl-nav button i { background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%) 20%, #f5f5f5 50%, rgb(255 255 255 / 0%) 90%); -webkit-background-clip: text; color: transparent; font-size:130px; } .owl-carousel:hover .owl-nav button.owl-prev { left:-60px; } .owl-carousel .owl-nav button.owl-next { left: auto; right: -55px; } .owl-carousel:hover .owl-nav button.owl-next { right: -60px; } .row-gs-recommend .owl-carousel .owl-nav button.owl-prev, .row-gs-recommend .owl-carousel .owl-nav button.owl-next { height: 130px; top:50%; transform: translateY(-50%); } #scrollUp { right: 36px; bottom: 42px; width: 42px; height: 42px; color: #fff; text-align: center; line-height: 40px; border-radius: 50%; z-index: 99; font-size: 22px; cursor: pointer; background-color: #1D73DD; -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite; animation: white-shadow .8s infinite, red-shadow .8s infinite; -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); } #scrollUp:hover{ background-color: #004b95; } /*========================================*/ /*--------------- [_Header] --------------*/ /*========================================*/ .logo { padding-top: 1.3125rem; } .logo img { height: 52px; } /*========================================*/ /*------------- [_Home_Slider] -----------*/ /*========================================*/ .home-carousel .slide-item { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 150px 0px 170px 0px; } .home-carousel .slide-item .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .auto-container { position: static; max-width: 100%; padding: 0px 30px; margin: 0 auto; } .banner-section { position: relative; } .home-carousel { position: relative; } .home-carousel .slide-item .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .home-carousel .content-box { position: relative; display: block; z-index: 5; width: 100%; text-align: center; } .home-carousel .content-box h2 { position: relative; display: block; color: #fff; font-size: 3.125vw; line-height: 4.166vw; font-weight: 400; margin-bottom: 33px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .home-carousel .active .content-box h2 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .home-carousel .content-box p { position: relative; display: block; font-size: 1.354vw; line-height: 1.875vw; color: #fff; margin-bottom: 40px; font-size: 1.354vw; line-height: 1.875vw; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1300ms ease; -moz-transition: all 1300ms ease; -ms-transition: all 1300ms ease; -o-transition: all 1300ms ease; transition: all 1300ms ease; margin-bottom:5.3vw; } .home-carousel .active .content-box p { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } .banner-section .home-carousel .content-box a.theme-btn { padding: 14px 47px; } .home-carousel .content-box .btn-box { position: relative; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1600ms ease; -moz-transition: all 1600ms ease; -ms-transition: all 1600ms ease; -o-transition: all 1600ms ease; transition: all 1600ms ease; } .home-carousel .active .content-box .btn-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } /*========================================*/ /*-------- [_Section_testimonials] -------*/ /*========================================*/ .testimonial-item { padding: 0; position: relative; overflow: hidden; text-align: center; } .testimonial-thumb { display: flex; padding: 0 35px; margin-bottom: 5px; } .testimonial-thumb>div:nth-child(1) { width: 100px; position: relative; } .testimonial-thumb img { max-width: 100%; width:auto !important; max-height:60px; } .testimonial-thumb>div:nth-child(2) { position: relative; flex: 1; text-align: left; padding-left: 20px; } .testimonial-content { background: #f5f5f5; padding: 25px 25px 15px; min-height: 150px; position: relative; } .testimonial-content .comments { font-size: 16px; text-align: left; color: #000; } .testimonial-content:after { content: ""; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid dashed dashed dashed; bottom: -19px; left: 70px; border-color: #f5f5f5 transparent transparent transparent; } .testimonial-item hr { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 1px dashed rgba(0, 0, 0, .1); } .client-designation { font-size: 14px; color: #a7a7a7; letter-spacing: 0px; font-weight: 400; margin-bottom: 20px; } .star-rating li i { font-size: 18px; } .client-name { font-size: 18px; font-weight: normal; line-height: 26px; } /*========================================*/ /*-------------- [_Typography] -----------*/ /*========================================*/ /*Margin Top */ .mrt-0 { margin-top: 0px; } .mrt-5 { margin-top: 5px; } .mrt-10 { margin-top: 10px; } .mrt-15 { margin-top: 15px; } .mrt-20 { margin-top: 20px; } .mrt-25 { margin-top: 25px; } .mrt-30 { margin-top: 30px; } .mrt-35 { margin-top: 35px; } .mrt-40 { margin-top: 40px; } .mrt-45 { margin-top: 45px; } .mrt-50 { margin-top: 50px; } .mrt-55 { margin-top: 55px; } .mrt-60 { margin-top: 60px; } .mrt-65 { margin-top: 65px; } .mrt-70 { margin-top: 70px; } .mrt-75 { margin-top: 75px; } .mrt-80 { margin-top: 80px; } .mrt-85 { margin-top: 85px; } .mrt-90 { margin-top: 90px; } .mrt-95 { margin-top: 95px; } .mrt-100 { margin-top: 100px; } .mrt-105 { margin-top: 105px; } .mrt-110 { margin-top: 110px; } .mrt-115 { margin-top: 115px; } .mrt-120 { margin-top: 120px; } .mrt-125 { margin-top: 125px; } .mrt-130 { margin-top: 130px; } .mrt-135 { margin-top: 135px; } .mrt-140 { margin-top: 140px; } .mrt-145 { margin-top: 145px; } .mrt-150 { margin-top: 150px; } .minus-mrt-130 { margin-top: -130px; } /*Margin Right */ .mrr-0 { margin-right: 0px; } .mrr-5 { margin-right: 5px; } .mrr-10 { margin-right: 10px; } .mrr-15 { margin-right: 15px; } .mrr-20 { margin-right: 20px; } .mrr-25 { margin-right: 25px; } .mrr-30 { margin-right: 30px; } .mrr-35 { margin-right: 35px; } .mrr-40 { margin-right: 40px; } .mrr-45 { margin-right: 45px; } .mrr-50 { margin-right: 50px; } .mrr-55 { margin-right: 55px; } .mrr-60 { margin-right: 60px; } .mrr-65 { margin-right: 65px; } .mrr-70 { margin-right: 70px; } .mrr-75 { margin-right: 75px; } .mrr-80 { margin-right: 80px; } .mrr-85 { margin-right: 85px; } .mrr-90 { margin-right: 90px; } .mrr-95 { margin-right: 95px; } .mrr-100 { margin-right: 100px; } .mrr-105 { margin-right: 105px; } .mrr-110 { margin-right: 110px; } .mrr-115 { margin-right: 115px; } .mrr-120 { margin-right: 120px; } .mrr-125 { margin-right: 125px; } .mrr-130 { margin-right: 130px; } .mrr-135 { margin-right: 135px; } .mrr-140 { margin-right: 140px; } .mrr-145 { margin-right: 145px; } .mrr-150 { margin-right: 150px; } /*Margin Bottom */ .mrb-0 { margin-bottom: 0px; } .mrb-5 { margin-bottom: 5px; } .mrb-10 { margin-bottom: 10px; } .mrb-15 { margin-bottom: 15px; } .mrb-20 { margin-bottom: 20px; } .mrb-25 { margin-bottom: 25px; } .mrb-30 { margin-bottom: 30px; } .mrb-35 { margin-bottom: 35px; } .mrb-40 { margin-bottom: 40px; } .mrb-45 { margin-bottom: 45px; } .mrb-50 { margin-bottom: 50px; } .mrb-55 { margin-bottom: 55px; } .mrb-60 { margin-bottom: 60px; } .mrb-65 { margin-bottom: 65px; } .mrb-70 { margin-bottom: 70px; } .mrb-75 { margin-bottom: 75px; } .mrb-80 { margin-bottom: 80px; } .mrb-85 { margin-bottom: 85px; } .mrb-90 { margin-bottom: 90px; } .mrb-95 { margin-bottom: 95px; } .mrb-100 { margin-bottom: 100px; } .mrb-105 { margin-bottom: 105px; } .mrb-110 { margin-bottom: 110px; } .mrb-115 { margin-bottom: 115px; } .mrb-120 { margin-bottom: 120px; } .mrb-125 { margin-bottom: 125px; } .mrb-130 { margin-bottom: 130px; } .mrb-135 { margin-bottom: 135px; } .mrb-140 { margin-bottom: 140px; } .mrb-145 { margin-bottom: 145px; } .mrb-150 { margin-bottom: 150px; } /*Margin Left */ .mrl-0 { margin-left: 0px; } .mrl-5 { margin-left: 5px; } .mrl-10 { margin-left: 10px; } .mrl-15 { margin-left: 15px; } .mrl-20 { margin-left: 20px; } .mrl-25 { margin-left: 25px; } .mrl-30 { margin-left: 30px; } .mrl-35 { margin-left: 35px; } .mrl-40 { margin-left: 40px; } .mrl-45 { margin-left: 45px; } .mrl-50 { margin-left: 50px; } .mrl-55 { margin-left: 55px; } .mrl-60 { margin-left: 60px; } .mrl-65 { margin-left: 65px; } .mrl-70 { margin-left: 70px; } .mrl-75 { margin-left: 75px; } .mrl-80 { margin-left: 80px; } .mrl-85 { margin-left: 85px; } .mrl-90 { margin-left: 90px; } .mrl-95 { margin-left: 95px; } .mrl-100 { margin-left: 100px; } .mrl-105 { margin-left: 105px; } .mrl-110 { margin-left: 110px; } .mrl-115 { margin-left: 115px; } .mrl-120 { margin-left: 120px; } .mrl-125 { margin-left: 125px; } .mrl-130 { margin-left: 130px; } .mrl-135 { margin-left: 135px; } .mrl-140 { margin-left: 140px; } .mrl-145 { margin-left: 145px; } .mrl-150 { margin-left: 150px; } /*Padding Top */ .pdt-0 { padding-top: 0px; } .pdt-5 { padding-top: 5px; } .pdt-10 { padding-top: 10px; } .pdt-15 { padding-top: 15px; } .pdt-20 { padding-top: 20px; } .pdt-25 { padding-top: 25px; } .pdt-30 { padding-top: 30px; } .pdt-35 { padding-top: 35px; } .pdt-40 { padding-top: 40px; } .pdt-45 { padding-top: 45px; } .pdt-50 { padding-top: 50px; } .pdt-55 { padding-top: 55px; } .pdt-60 { padding-top: 60px; } .pdt-65 { padding-top: 65px; } .pdt-70 { padding-top: 70px; } .pdt-75 { padding-top: 75px; } .pdt-80 { padding-top: 80px; } .pdt-85 { padding-top: 85px; } .pdt-90 { padding-top: 90px; } .pdt-95 { padding-top: 95px; } .pdt-100 { padding-top: 100px; } .pdt-105 { padding-top: 105px; } .pdt-110 { padding-top: 110px; } .pdt-115 { padding-top: 115px; } .pdt-120 { padding-top: 120px; } .pdt-125 { padding-top: 125px; } .pdt-130 { padding-top: 130px; } .pdt-135 { padding-top: 135px; } .pdt-140 { padding-top: 140px; } .pdt-145 { padding-top: 145px; } .pdt-150 { padding-top: 150px; } /*Padding Right */ .pdr-0 { padding-right: 0px; } .pdr-5 { padding-right: 5px; } .pdr-10 { padding-right: 10px; } .pdr-15 { padding-right: 15px; } .pdr-20 { padding-right: 20px; } .pdr-25 { padding-right: 25px; } .pdr-30 { padding-right: 30px; } .pdr-35 { padding-right: 35px; } .pdr-40 { padding-right: 40px; } .pdr-45 { padding-right: 45px; } .pdr-50 { padding-right: 50px; } .pdr-55 { padding-right: 55px; } .pdr-60 { padding-right: 60px; } .pdr-65 { padding-right: 65px; } .pdr-70 { padding-right: 70px; } .pdr-75 { padding-right: 75px; } .pdr-80 { padding-right: 80px; } .pdr-85 { padding-right: 85px; } .pdr-90 { padding-right: 90px; } .pdr-95 { padding-right: 95px; } .pdr-100 { padding-right: 100px; } .pdr-105 { padding-right: 105px; } .pdr-110 { padding-right: 110px; } .pdr-115 { padding-right: 115px; } .pdr-120 { padding-right: 120px; } .pdr-125 { padding-right: 125px; } .pdr-130 { padding-right: 130px; } .pdr-135 { padding-right: 135px; } .pdr-140 { padding-right: 140px; } .pdr-145 { padding-right: 145px; } .pdr-150 { padding-right: 150px; } /*Padding Bottom */ .pdb-0 { padding-bottom: 0px; } .pdb-5 { padding-bottom: 5px; } .pdb-10 { padding-bottom: 10px; } .pdb-15 { padding-bottom: 15px; } .pdb-20 { padding-bottom: 20px; } .pdb-25 { padding-bottom: 25px; } .pdb-30 { padding-bottom: 30px; } .pdb-35 { padding-bottom: 35px; } .pdb-40 { padding-bottom: 40px; } .pdb-45 { padding-bottom: 45px; } .pdb-50 { padding-bottom: 50px; } .pdb-55 { padding-bottom: 55px; } .pdb-60 { padding-bottom: 60px; } .pdb-65 { padding-bottom: 65px; } .pdb-70 { padding-bottom: 70px; } .pdb-75 { padding-bottom: 75px; } .pdb-80 { padding-bottom: 80px; } .pdb-85 { padding-bottom: 85px; } .pdb-90 { padding-bottom: 90px; } .pdb-95 { padding-bottom: 95px; } .pdb-100 { padding-bottom: 100px; } .pdb-105 { padding-bottom: 105px; } .pdb-110 { padding-bottom: 110px; } .pdb-115 { padding-bottom: 115px; } .pdb-120 { padding-bottom: 120px; } .pdb-125 { padding-bottom: 125px; } .pdb-130 { padding-bottom: 130px; } .pdb-135 { padding-bottom: 135px; } .pdb-140 { padding-bottom: 140px; } .pdb-145 { padding-bottom: 145px; } .pdb-150 { padding-bottom: 150px; } .pdt-195 { padding-top: 195px; } .pdb-180 { padding-bottom: 180px; } .pdb-210 { padding-bottom: 210px; } .pdb-300 { padding-bottom: 300px; } /*Padding Left */ .pdl-0 { padding-left: 0px; } .pdl-5 { padding-left: 5px; } .pdl-10 { padding-left: 10px; } .pdl-15 { padding-left: 15px; } .pdl-20 { padding-left: 20px; } .pdl-25 { padding-left: 25px; } .pdl-30 { padding-left: 30px; } .pdl-35 { padding-left: 35px; } .pdl-40 { padding-left: 40px; } .pdl-45 { padding-left: 45px; } .pdl-50 { padding-left: 50px; } .pdl-55 { padding-left: 55px; } .pdl-60 { padding-left: 60px; } .pdl-65 { padding-left: 65px; } .pdl-70 { padding-left: 70px; } .pdl-75 { padding-left: 75px; } .pdl-80 { padding-left: 80px; } .pdl-85 { padding-left: 85px; } .pdl-90 { padding-left: 90px; } .pdl-95 { padding-left: 95px; } .pdl-100 { padding-left: 100px; } .pdl-105 { padding-left: 105px; } .pdl-110 { padding-left: 110px; } .pdl-115 { padding-left: 115px; } .pdl-120 { padding-left: 120px; } .pdl-125 { padding-left: 125px; } .pdl-130 { padding-left: 130px; } .pdl-135 { padding-left: 135px; } .pdl-140 { padding-left: 140px; } .pdl-145 { padding-left: 145px; } .pdl-150 { padding-left: 150px; } /*Font Weight */ .f-weight-100 { font-weight: 100; } .f-weight-200 { font-weight: 200; } .f-weight-300 { font-weight: 300; } .f-weight-400 { font-weight: 400; } .f-weight-500 { font-weight: 500; } .f-weight-600 { font-weight: 600; } .f-weight-700 { font-weight: 700; } .f-weight-800 { font-weight: 800; } .f-weight-900 { font-weight: 900; } .vh { height: 100vh; } .d-flex { align-items: center; display: flex; } .font-30 { font-size: 30px; } .font-54 { font-size: 54px; line-height: 64px; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index--1 { z-index: -1; } /*Google Font Classes */ .f-family1 { font-family: 'Montserrat', "Poppins", sans-serif; } .f-family2 { font-family: 'Montserrat', "Poppins", sans-serif; } .text-underline { text-decoration: underline; } .display-inline-block { display: inline-block; } .text-white { color: #ffffff; } .section-white-typo * { color: #fff !important; } .bg-cover { background-size: cover; } .vertical-align-middle { vertical-align: middle; } /*footer*/ .footer{ font-family: "DIN2014", Arial, Helvetica, sans-serif; } .footer-top-area { background: #27293b; } .footer-top-box { position: relative; width: 100%; display: flex; justify-content: space-between; } .footer-top-item { padding: 15px; font-size: 0.9375vw; opacity: 0.7; color: #ffffff; text-align: center; } .footer-top-item .iconfont{ font-size:60px; line-height: 1em; } .footer-top-item:hover { color: #ffffff; text-decoration: none; opacity: 1; } .footer-top-item p { color: #ffffff; margin-bottom: 0; } /* .footer-top-item:hover p { font-weight: bold; } */ .footer-top-item img { margin-bottom: 10px; } .footer-main-area { position: relative; background: #000001 url(/gsimages/index/footer-bg.png) 100% 100%; } .footer-main-box { position: relative; display: flex; padding-top: 60px; flex-flow: wrap; padding-bottom: 30px; } .footer-main-earth { position: relative; width: 360px; text-align: center; } .footer-main-earth video{ position: absolute; top: 44%; transform: translateY(-50%); } .footer-main-region { position: relative; display: flex; flex-flow: wrap; flex: 1; } .footer-region-item { position: relative; width: 30%; margin-bottom: 20px; margin-right:5%; } .footer-region-item:nth-child(3n){ margin-right: 0; } .region-top { position: relative; width: 100%; color: #b7b7b7; margin-bottom: 10px; font-size: 18px; } .region-top img { width: 40px; vertical-align: middle; margin-right: 12px; } .region-address { font-size: 14px; color: #B7B7B7; } .footer-region-item>div:hover .region-top, .footer-region-item>div:hover .region-address { color: #FFFFFF; } .footer-region-item-company-pc{ display: flex; margin-right: 0; justify-content: space-between; } .footer-region-item-company-mobile{ display: none; } .footer-main-company { position: relative; text-align: left; margin-right: 20px; } .footer-main-company h4 { color: #B7B7B7; font-size: 22px; } .footer-main-company ul { padding-left: 0; list-style: none; } .footer-main-company ul li a { color: #B7B7B7; font-size: 14px; line-height: 28px; } .footer-main-company ul li a:hover { color: #FFFFFF; text-decoration: none; } .footer-bottom-area { position: relative; background: #333333; padding: 10px 0; } .footer-bottom-box { position: relative; width: 100%; display: flex; flex-flow: wrap; } .footer-bottom-sub-company { position:relative; text-align: left; padding: 12px 0; } .footer-bottom-sub-company a { margin-right: 30px; } .footer-bottom-social { position: relative; flex: 1; text-align: right; } .footer-bottom-social p { margin-bottom: 5px; padding-top: 5px; } .footer-bottom-social p:nth-child(1)>a { margin-left: 10px; } .footer-bottom-social .down-links { position: relative; font-size: 12px; color: rgba(255, 255, 255, 0.7); list-style: none; margin-bottom: 0; } .footer-bottom-social .down-links li { display: inline-block; line-height: 1.2em; } .footer-bottom-social .down-links li a { color: rgba(255, 255, 255, 0.7); }