/* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_extend.scss */ .flex-center-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } /* line 13, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_extend.scss */ .overlay::before { background-image: -moz-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, black 100%); background-image: -webkit-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, black 100%); background-image: -ms-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, black 100%); } /* line 19, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_extend.scss */ .boxed-btn3 { background-image: -moz-linear-gradient(0deg, #f14437 0%, #ed5b0d 99%); background-image: -webkit-linear-gradient(0deg, #f14437 0%, #ed5b0d 99%); background-image: -ms-linear-gradient(0deg, #f14437 0%, #ed5b0d 99%); } /* Normal desktop :1200px. */ /* Normal desktop :992px. */ /* Tablet desktop :768px. */ /* small mobile :320px. */ /* Large Mobile :480px. */ /* 1. Theme default css */ /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ body { font-family: 'Pretendard', 'Play', 's-core-dream-regular', 'Titillium Web', sans-serif; font-style: normal; font-weight: 400; letter-spacing:-0.5px; overflow-x:hidden; min-height:500px; } body, html { height: 100%; font-family: 'Pretendard', sans-serif; font-style: normal; word-break: keep-all; font-weight: 400; } /* line 11, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .img { max-width: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 15, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ a, .button { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-family: 'Pretendard', 's-core-dream-regular', sans-serif; } /* line 19, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ a:focus, .button:focus, button:focus { text-decoration: none; outline: none; } /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ a:focus { text-decoration: none; } /* line 27, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ a:focus, a:hover, .portfolio-cat a:hover, .footer -menu li a:hover { text-decoration: none; } /* line 33, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ a, button { outline: medium none; } /* line 37, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ h1, h2, h3, h4, h5 { font-family: "Poppins", sans-serif; color: #191d34; } /* line 41, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } .single-defination h4 {font-family:'s-core-dream-regular', sans-serif; font-size:30px;} .video-container { position:relative; height:0; padding-bottom:56.25%; margin-bottom:50px; } .video-container iframe { width:100%; height:100%; position:absolute; top:0; left:0 } /* line 50, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ ul { margin: 0px; padding: 0px; } /* line 54, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ li { list-style: none; } /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ p { font-size: 18px; font-weight: 400; color: #4d4d4d; margin-bottom: 13px; font-family: 'Pretendard', sans-serif; } /* line 66, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ label { color: #7e7e7e; cursor: pointer; font-size: 14px; font-weight: 400; } /* line 72, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ *::-moz-selection { background: #444; color: #fff; text-shadow: none; } /* line 77, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ ::-moz-selection { background: #444; color: #fff; text-shadow: none; } /* line 82, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ ::selection { background: #444; color: #fff; text-shadow: none; } /* line 87, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ *::-webkit-input-placeholder { color: #cccccc; font-size: 14px; opacity: 1; } /* line 92, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ *:-ms-input-placeholder { color: #cccccc; font-size: 14px; opacity: 1; } /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ *::-ms-input-placeholder { color: #cccccc; font-size: 14px; opacity: 1; } /* line 102, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ *::placeholder { color: #cccccc; font-size: 14px; opacity: 1; } /* line 108, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ h3 { font-size: 24px; } /* line 112, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .mb-65 { margin-bottom: 67px; } /* line 116, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .black-bg { background: #020c26 !important; } /* line 120, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .white-bg { background: #ffffff; } /* line 123, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .gray-bg { background: #f5f5f5; } /* line 128, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .bg-img-1 { background-image: url(../img/slider/slider-img-1.jpg); } /* line 131, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .bg-img-2 { background-image: url(../img/background-img/bg-img-2.jpg); } /* line 134, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .cta-bg-1 { background-image: url(../img/background-img/bg-img-3.jpg); } /* line 139, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .overlay { position: relative; z-index: 0; } /* line 143, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .overlay::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* line 154, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .overlay2 { position: relative; z-index: 0; } /* line 158, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .overlay2::before { position: absolute; content: ""; background-color: #2E2200; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5; } /* line 170, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .section-padding { padding-top: 120px; padding-bottom: 120px; } /* line 174, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .pt-120 { padding-top: 120px; } /* button style */ /* line 180, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .owl-carousel .owl-nav div { background: transparent; height: 54px; left: 0px; line-height: 54px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 54px; font-size: 25px; color: #fff; background-color: white; border-radius: 50%; left: 50px; font-size: 18px; line-height: 54px; left: -26px; font-size: 18px; line-height: 54px; color: #000; } /* line 211, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .owl-carousel .owl-nav div.owl-next { left: auto; right: -30px; } /* line 216, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .owl-carousel .owl-nav div.owl-next i { position: relative; right: 0; top: 1px; } /* line 223, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .owl-carousel .owl-nav div.owl-prev i { position: relative; right: 1px; top: 0px; } /* line 233, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible; } /* line 236, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .owl-carousel:hover .owl-nav div:hover { color: #fff; background: #ff3500; } /* line 245, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .mb-20px { margin-bottom: 20px; } /* line 248, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .mb-90 { margin-bottom: 90px; } @media (max-width: 767px) { /* line 248, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .mb-90 { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 248, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_reset.scss */ .mb-90 { margin-bottom: 45px; } } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn { background: #fff; color: #ff3500; display: inline-block; padding: 18px 44px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 400; border: 0; border: 1px solid #ff3500; letter-spacing: 3px; text-align: center; color: #ff3500 !important; text-transform: uppercase; cursor: pointer; } /* line 17, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn:hover { background: #ff3500; color: #fff !important; border: 1px solid #ff3500; } /* line 22, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn:focus { outline: none; } /* line 25, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn.large-width { width: 220px; } /* line 29, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn3 { font-size: 18px; font-weight: 500; color: #fff; padding: 17px 55px; font-family: "Poppins", sans-serif; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-position: 100% 0; background-position: 0 0; } /* line 40, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn3:hover { background-size: 200% 200%; color: #fff; } /* line 45, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn3:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn4 { background: #27528b; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 21px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 66px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn4:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn4:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn41 { background: #0047b2; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 21px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 66px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn41:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn41:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn42 { background: #8e3900; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 21px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 66px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn42:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn42:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn43 { background: #056520; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 21px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 66px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn43:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn43:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn44 { background: #004b7b; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 21px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 66px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn44:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn44:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn45 { background: #4d138a; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 21px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 66px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn45:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn45:focus { outline: none; } /* line 68, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn2 { background: transparent; color: #fff; display: inline-block; padding: 18px 24px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 400; border: 0; border: 1px solid #fff; letter-spacing: 2px; text-transform: uppercase; } /* line 80, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn2:hover { background: #fff; color: #131313 !important; } /* line 84, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn2:focus { outline: none; } /* line 88, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .line-button { color: #919191; font-size: 16px; font-weight: 400; display: inline-block; position: relative; padding-right: 5px; padding-bottom: 2px; } /* line 96, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .line-button::before { position: absolute; content: ""; background: #919191; width: 100%; height: 1px; bottom: 0; left: 0; } /* line 105, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .line-button:hover { color: #009DFF; } /* line 108, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .line-button:hover::before { background: #009DFF; } /* line 112, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .book_now { display: inline-block; font-size: 14px; color: #009DFF; border: 1px solid #009DFF; text-transform: capitalize; padding: 10px 25px; } /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .book_now:hover { background: #009DFF; color: #fff; } /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title h3 { font-size: 48px; font-weight: 300; line-height: 60px; color: #000; font-family: 'Pretendard', sans-serif; } /* line 8, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title h3 span { font-weight: 300; } .section_title h4 { font-size: 30px; line-height: 40px; color: #191d34; font-family: 'Pretendard', sans-serif; } .section_title h2 { font-size: 50px; font-weight: 700; line-height: 50px; color: #191d34; font-family: "Poppins", sans-serif; } .section_title h1 { font-size: 50px; line-height: 50px; color: #191d34; font-family: 'Pretendard', sans-serif; } .jbMenu { padding: 0px 0px 0px 0; top:-10px; z-index:1; } .jbContent { position:relative; top:0px; min-height:500px;margin-left:30%;width:100%;background:#fff;z-index:2; } .jbFixed { position: fixed;margin-top:70px; width:100%; } @media (max-width: 767px) { /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title h3 { font-size: 27px; line-height: 33px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title h3 { font-size: 32px; line-height: 40px; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title h3 { font-size: 33px; line-height: 40px; } } /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title p { font-size: 30px; font-family: 's-core-dream-light', sans-serif; line-height: 30px; color: #000; } /* line 31, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .mb-100 { margin-bottom: 100px; } @media (max-width: 767px) { /* line 31, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .mb-100 { margin-bottom: 40px; } } /* line 38, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title2 i { font-size: 45px; color: #BC9321; display: block; } /* line 43, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title2 h3 { font-size: 42px; font-weight: 400; line-height: 52px; color: #ff3500; position: relative; padding-bottom: 30px; margin-top: 10px; } /* line 51, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title2 h3::before { position: absolute; content: ""; width: 80px; height: 1px; background: #BC9321; bottom: 0; left: 50%; margin-left: -40px; } @media (max-width: 767px) { /* line 43, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title2 h3 { font-size: 30px; line-height: 36px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 43, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title2 h3 { font-size: 36px; line-height: 42px; } } /* line 73, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title3 h3 { font-size: 60px; color: #FFFFFF; font-weight: 900; text-transform: capitalize; } @media (max-width: 767px) { /* line 73, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title3 h3 { font-size: 30px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 73, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title3 h3 { font-size: 35px; } } /* line 85, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title3.padding_plus { padding-top: 115px; padding-bottom: 50px; } @media (max-width: 767px) { /* line 85, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title3.padding_plus { padding-top: 60px; padding-bottom: 30px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 85, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .section_title3.padding_plus { padding-top: 80px; padding-bottom: 40px; } } /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .mb-55 { margin-bottom: 53px; } @media (max-width: 767px) { /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .mb-55 { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .mb-55 { margin-bottom: 40px; } } /* line 106, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .mb-40 { margin-bottom: 40px; } @media (max-width: 767px) { /* line 106, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .mb-40 { margin-bottom: 30px; } } /* line 113, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .pl-68 { padding-left: 68px; } @media (max-width: 767px) { /* line 113, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .pl-68 { padding-left: 0; } } @media (min-width: 768px) and (max-width: 991px) { /* line 113, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .pl-68 { padding-left: 0; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 113, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .pl-68 { padding-left: 0; } } /* line 126, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_section_title.scss */ .mb-95 { margin-bottom: 66px; } @media (max-width: 767px) { /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .mobile_menu { position: absolute; right: 0px; margin-top:-5px; width: 100%; z-index: 99999; } } @media (max-width: 992px) { /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .mobile_menu { position: absolute; right: 0px; top:-2px; width: 100%; z-index: 99999; }/*dm*/ } /* line 13, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_menu .slicknav_nav { background: #fff; float: right; width: 95%; padding: 15px 0; border-radius: 0px; margin-top: 0px; position: absolute; left: 0; right: 0; margin: auto; top: 12px; }/*dm mobile menu*/ .slicknav_menu .slicknav_nav li { border-bottom:1px solid #dfdfdf; padding: 5px 0; }/*dm mobile menu*/ .slicknav_menu .slicknav_nav li a{ font-size:16px; }/*dm mobile menu*/ .slicknav_menu .slicknav_nav .submenu li{ padding: 0px 0;border-bottom:0px solid #dfdfdf; }/*dm m /* line 28, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_menu .slicknav_nav a:hover { background: transparent; color: #009DFF; } /* line 32, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_menu .slicknav_nav a.active { color: #009DFF; } @media (max-width: 767px) { /* line 35, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_menu .slicknav_nav a i { display: none; } } @media (min-width: 768px) and (max-width: 991px) { /* line 35, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_menu .slicknav_nav a i { display: none; } } /* line 44, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_menu .slicknav_nav .slicknav_btn { background-color: transparent; cursor: pointer; margin-bottom: 10px; margin-top: -40px; position: relative; z-index: 99; border: 1px solid #ddd; top: 3px; right: 5px; top: -36px; } /* line 55, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon { margin-right: 6px; margin-top: 3px; position: relative; padding-bottom: 3px; top: -11px; right: -5px; } @media (max-width: 767px) { /* line 12, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_menu { margin-right: 0px; } } /* line 72, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_nav .slicknav_arrow { /* position: relative; float: right; top: -9px;*/ width:10px; font-size:22px;margin-right:20px; right:0px; float:right;position: absolute; margin-top:-10px; }/*dm icon*/ /* line 78, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_btn { background-color: transparent; cursor: pointer; margin-bottom: 10px; position: relative; z-index: 99; border: none; border-radius: 3px; top: 5px; padding: 5px; right: 5px; margin-top: -5px; top: -31px; } /* line 92, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_btn { background-color: transparent; cursor: pointer; margin-bottom: 10px; position: relative; z-index: 99; border: none; border-radius: 3px; top: 5px; padding: 5px; right: 0; margin-top: -5px; top: -36px; } /* line 107, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_btn { background-color: transparent; cursor: pointer; margin-bottom: 10px; position: relative; z-index: 99; border: none; border-radius: 3px; top: 5px; padding: 5px; right: 0; margin-top: -5px; top: -30px; } /* line 122, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slick-nav.scss */ .slicknav_icon-bar { background: #fff !important; }/*dm*/ .sticky .slicknav_icon-bar { background: #000 !important; }/*dm*/ /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area { left: 0; right: 0; width: 100%; top: 10px;position:absolute; z-index: 9999; } @media (max-width: 767px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area { padding-top: 0; z-index: 9999; } } @media (min-width: 768px) and (max-width: 991px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area { padding-top: 0; z-index: 9999; } } } /* line 15, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area { z-index: 9999; } @media (max-width: 767px) { /* line 15, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area { padding:0px 0px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 15, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area { padding:0px 0px; } } /* line 31, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .logo-img { text-align: center; z-index: 9999; } @media (max-width: 767px) { /* line 31, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .logo-img { text-align: left; z-index: 9999; } } @media (min-width: 768px) and (max-width: 991px) { /* line 31, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .logo-img { text-align: left; z-index: 9999; } .header-area .main-header-area .logo { width:100%; height:50px; } .header-area .main-header-area .logo img { max-height: 50px; } /*dm*/ } @media (min-width: 992px) and (max-width: 1200px) { /* line 31, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .logo-img { text-align: left; } } @media (max-width: 767px) { /* line 45, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .logo-img img { width: 70px; z-index: 9999; } .header-area .main-header-area .logo { width:100%; height:50px; } .header-area .main-header-area .logo img { max-height: 50px; z-index: 9999; } /*dm*/ } @media (min-width: 768px) and (max-width: 991px) { /* line 45, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .logo-img img { width: 70px; } } /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } /* line 63, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .socail_links ul li { display: inline-block; } /* line 66, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .socail_links ul li a { color: #A8A7A0; margin: 0 10px; font-size: 15px; } /* line 70, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .socail_links ul li a:hover { color: #fff; } /* line 77, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .book_btn { margin-left: 30px; } @media (min-width: 992px) and (max-width: 1200px) { /* line 77, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .book_btn { margin-left: 0; } } @media (min-width: 1200px) and (max-width: 1500px) { /* line 77, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .book_btn { margin-left: 0; } } /* line 85, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .book_btn a { background: #009DFF; padding: 12px 26px; font-size: 14px; font-weight: 400; border: 1px solid transparent; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media (min-width: 992px) and (max-width: 1200px) { /* line 85, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .book_btn a { padding: 12px 20px; } } /* line 96, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .Appointment .book_btn a:hover { background: #fff; color: #009DFF; border: 1px solid #009DFF; } /* line 104, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu { padding-top:5px; text-align: right; } /* line 108, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li { display: inline-block; position: relative; margin-left: 40px; } /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a { color: #fff; /*dm*/ font-size: 20px; text-transform: capitalize; display: inline-block; padding: 30px 0; font-family: 'Pretendard', sans-serif; font-weight: 500; position: relative; text-transform: capitalize; } @media (min-width: 992px) and (max-width: 1200px) { /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a { font-size: 18px; } } @media (min-width: 1200px) and (max-width: 1500px) { /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a { font-size: 21px; } } /* line 138, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a i { font-size: 9px; } @media (max-width: 767px) { /* line 138, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a i { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { /* line 138, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a i { display: none !important; } } /* line 147, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a::before { position: absolute; content: ""; /*background: #fff;*/ width: 100%; height: 2px; bottom: 0; left: 0; opacity: 0; transform: scaleX(0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 159, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a:hover::before { opacity: 1; transform: scaleX(1); } /* line 164, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li a.active::before { opacity: 1; transform: scaleX(1); } /* line 170, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li:hover > a { color: #e6e6ff !important; } /* line 173, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li .submenu { position: absolute; left: 0; top: 120%; background: #fff; width: 200px; z-index: 9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.02); opacity: 0; visibility: hidden; text-align: left; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; text-align: left; z-index:99999; } /* line 187, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li .submenu li { display: block; margin-left: 0; } /* line 190, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li .submenu li a { padding: 10px 15px; position: inherit; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; color: #000; font-size:16px; } /* line 196, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li .submenu li a::before { display: none; } /* line 200, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li .submenu li:hover a { color: #000; } /* line 205, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li:hover > .submenu { opacity: 1; visibility: visible; top: 100%; } /* line 210, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li:hover > a::before { opacity: 1; transform: scaleX(1); } /* line 214, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area .main-menu ul li:first-child a { padding-left: 0; } /* line 220, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area.sticky { box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); position: fixed; width: 100%; top: -70px; left: 0; right: 0; z-index: 9999; transform: translateY(70px); transition: transform 500ms ease, background 0ms ease; -webkit-transition: transform 500ms ease, background 0ms ease; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 1); } .header-area .main-header-area.sticky .main-menu{ margin-top:0px; margin-bottom:0px; }/*dm*/ .header-area .main-header-area.sticky .main-menu ul li a{ color:#000; }/*dm*/ .header-area .main-header-area.sticky .main-menu ul li:hover > a { color:#000 !important; }/*dm @media (max-width: 767px) { /* line 220, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area.sticky { padding: 10px 10px; } } .header-area .stickylogo { display:block; } .header-area .stickylogo_on { display:none; } .header-area .sticky .stickylogo { display:none; } .header-area .sticky .stickylogo_on { display:block; } @media (min-width: 768px) and (max-width: 991px) { /* line 220, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area.sticky { padding: 10px 10px; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 220, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area.sticky { padding: 10px 20px; } } @media (min-width: 1200px) and (max-width: 1500px) { /* line 220, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area.sticky { padding: 0px 20px; /*menu sticky 여백 dm*/ } } /* line 246, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .main-header-area.sticky .main-menu { padding: 0; } /* line 252, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area { padding: 19px 0; background: #1c1818; } /* line 255, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .social_media_links { text-align: right; } @media (max-width: 767px) { /* line 255, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .social_media_links { text-align: center; } } /* line 260, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .social_media_links a { font-size: 18px; color: #C7C7C7; margin-left: 32px; } /* line 264, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .social_media_links a:hover { color: #ec0000; } /* line 269, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .short_contact_list { text-align: left; } @media (max-width: 767px) { /* line 269, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .short_contact_list { text-align: center; } } /* line 275, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .short_contact_list ul li { display: inline-block; } /* line 277, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .short_contact_list ul li a { font-size: 16px; color: #ffffff; font-family: "Poppins", sans-serif; font-weight: 400; margin-right: 50px; } @media (max-width: 767px) { /* line 277, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_header.scss */ .header-area .header-top_area .short_contact_list ul li a { margin-left: 0; margin-right: 5px; font-size: 14px; margin-bottom: 10px; display: inline-block; } } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_bg_1 { background-image: url(../img/main_pic01.jpg); } /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area { position: relative; z-index: 3; } /* line 7, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider { height: 725px; background-size: 100% 100%; background-repeat: no-repeat; } @media (max-width: 767px) { /* line 7, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider { height: 600px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 7, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider { height: 600px; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 7, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider { height: 550px; } } @media (min-width: 1200px) and (max-width: 1500px) { /* line 7, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider { height: 600px; } } @media (min-width: 1501px) and (max-width: 1700px) { /* line 7, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider { height: 600px; } } /* line 27, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text { position: relative; z-index: 6; } /* line 30, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text h3 { color: #ffffff; font-family: "Poppins", sans-serif; font-size: 75px; font-weight: 200; margin-bottom: 4px; line-height: 85px; } /* line 37, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text h3 span { font-weight: 800; } @media (max-width: 767px) { /* line 30, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text h3 { font-size: 40px; line-height: 50px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 30, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text h3 { font-size: 45px; line-height: 55px; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 30, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text h3 { font-size: 60px; line-height: 70px; } } /* line 53, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text p { font-size: 16px; font-weight: 400; color: #ffffff; margin-bottom: 0; margin-top: 0; line-height: 32px; display: inline-block; margin-bottom: 50px; margin-top: 12px; } @media (max-width: 767px) { /* line 63, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text p br { display: none; } } @media (min-width: 768px) and (max-width: 991px) { /* line 63, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .single_slider .slider_text p br { display: none; } } /* line 74, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb { position: absolute; bottom: 0; right: 15%; bottom: -94px; z-index: 1; } @media (min-width: 992px) and (max-width: 1200px) { /* line 74, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb { right: 0; text-align: right; } } @media (min-width: 1200px) and (max-width: 1500px) { /* line 74, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb { right: 10%; text-align: right; } } @media (min-width: 1501px) and (max-width: 1700px) { /* line 74, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb { right: 10%; text-align: right; } } /* line 92, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb img { max-width: 100%; } @media (max-width: 767px) { /* line 92, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb img { max-width: 80%; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 92, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb img { max-width: 80%; } } @media (min-width: 1200px) and (max-width: 1500px) { /* line 92, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb img { max-width: 80%; } } @media (min-width: 1501px) and (max-width: 1700px) { /* line 92, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_slider.scss */ .slider_area .dog_thumb img { max-width: 80%; } } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area { padding-top: 150px; padding-bottom: 150px; background: #FDF9F6; } @media (max-width: 767px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area { padding-top: 100px; padding-bottom: 100px; } } /* line 18, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .section_title p { color: #575757; } /* line 22, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_info { padding-left: 68px; } @media (max-width: 767px) { /* line 22, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_info { padding-left: 0; } } @media (min-width: 768px) and (max-width: 991px) { /* line 22, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_info { padding-left: 0; } } /* line 30, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_info .opening_hour { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 400; color: #252219; margin-bottom: 55px; margin-top: 37px; } /* line 37, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_info .opening_hour span { font-family: "Open Sans", sans-serif; color: #252219; font-size: 20px; margin-left: 6px; display: inline-block; } /* line 46, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs { position: relative; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media (min-width: 768px) and (max-width: 991px) { /* line 46, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; margin-top: 30px; } } @media (max-width: 767px) { /* line 46, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs { margin-bottom: 30px; } } /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs img { width: 100%; } /* line 60, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs .large_img_1 { padding-right: 156px; } @media (max-width: 767px) { /* line 60, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs .large_img_1 { padding-right: 40px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 60, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs .large_img_1 { padding-right: 0px; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 60, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs .large_img_1 { padding-right: 100px; } } /* line 72, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs .small_img_1 { position: absolute; right: 0; bottom: 0; border-top: 15px solid #ffffff; border-left: 15px solid #ffffff; top: 80px; } @media (max-width: 767px) { /* line 72, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs .small_img_1 { position: absolute; right: 0; bottom: 0; border-top: 15px solid #ffffff; border-left: 15px solid #ffffff; top: auto; width: 50%; height: 60%; } } @media (min-width: 768px) and (max-width: 991px) { /* line 72, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs .small_img_1 { bottom: -30px; } } /* line 94, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_about.scss */ .about_area .about_thumbs .small_img_1 img { width: 100%; height: 100%; } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area { position: relative; background: #fdf9f6; padding-top: 144px; padding-bottom: 100px; z-index: 0; } /* line 7, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area::after { position: absolute; left: 0; top: 0; content: ''; background-image: url(../img/banner/prise_bg.png); height: 100%; width: 100%; opacity: .04; z-index: -1; } /* line 19, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .prise_title h4 { font-size: 25px; color: #ec0000; margin-bottom: 35px; } /* line 25, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .single_service { margin-bottom: 50px; } /* line 29, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .single_service .service_inner .thumb img { width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } /* line 37, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .single_service .hair_style_info { padding-left: 20px; } /* line 39, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .single_service .hair_style_info .prise { margin-bottom: 5px; position: relative; } /* line 42, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .single_service .hair_style_info .prise::before { position: absolute; height: 1px; content: ''; border-bottom: 1px dashed #d7d4d1; bottom: 7px; left: 29%; right: 12%; } /* line 51, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .single_service .hair_style_info .prise span { font-size: 16px; color: #222222; font-family: "Poppins", sans-serif; } /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .single_service .hair_style_info p { font-size: 16px; color: #7f7f7f; font-weight: 400; margin-bottom: 0; } @media (max-width: 767px) { /* line 65, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .prising_active { display: block !important; } } /* line 69, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .prising_active .single_prising { overflow: hidden; -webkit-box-flex: 45%; -ms-flex: 45% 0 0px; flex: 45% 0 0; } @media (max-width: 767px) { /* line 69, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .prising_active .single_prising { -webkit-box-flex: 100%; -ms-flex: 100% 0 0px; flex: 100% 0 0; } } /* line 79, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .prising_active .single_prising .service_inner { float: left; overflow: hidden; } /* line 84, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .prising_active .single_prising .hair_style_info { overflow: hidden; } /* line 92, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .owl-carousel .owl-nav div.owl-next { left: auto; right: 0; } /* line 96, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .owl-carousel .owl-nav div.owl-prev { left: auto; right: 54px; } /* line 100, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .owl-carousel .owl-nav div { left: 0; background: #000; width: 34px; height: 34px; line-height: 34px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ddc4c4; background: #fff; font-size: 14px; color: #f39b80 !important; left: auto; top: -96px; right: 10px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .owl-carousel .owl-nav div { color: #7E8D9A; } /* line 121, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .owl-carousel .owl-nav div:hover { background: #F91842; border-color: #ec0000; color: #fff !important; } /* line 127, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .owl-carousel .owl-nav div.owl-prev i { position: relative; right: 1px; top: -1px; } /* line 133, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_prising.scss */ .prising_area .owl-carousel .owl-nav div.owl-next i { position: relative; right: 0; top: -1px; } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_service.scss */ .service_icon_bg_1 { /*background-image: url(../img/service/service_icon_bg_1.png);*/ } /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_service.scss */ .service_area { padding-top: 120px;position:relative; padding-bottom: 100px; width:100%; background:#f8fafc; display:inline-block; } .quick_area { padding-top: 102px; padding-bottom: 106px; } @media (max-width: 767px) { /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_service.scss */ .service_area { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_service.scss */ .service_area { padding-top: 100px; padding-bottom: 40px; } } /* line 15, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_service.scss */ .service_area .single_service { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; left:0px; transition: 0.5s; float:left; width:25%;margin: 0 0 30px 0; } .service_area .single_service0 { float:right; right:0px;float:left; width:75%; } .service_area .single_service1 { padding: 50px 50px 30px; float:left; width:47%;margin: 0 0 30px 3%; background:#fff; border:1px solid #dadada; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .service_area .single_service1 img{ max-width:100%; } /* line 35, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_service.scss */ .service_area .single_service .service_content h2 { font-size: 40px; color:#000; font-weight:700; font-family: 'Pretendard', sans-serif; margin-top: 5px; margin-bottom: 0px; } .service_area .single_service .service_content h3 { font-size: 27px; color:#000; font-weight:500; font-family: 'Play', sans-serif; margin-top: 0px; margin-bottom: 0px; } .service_area .single_service .service_content p { font-size: 17px; color:#000; font-weight:300; font-family: 'Pretendard', sans-serif; margin-top: 40px; margin-bottom: 0px; } .service_area a:hover { color:#ff0000; } .service_area .single_service1 .service_content h1 { font-size: 30px; color:#000; font-family: 'Pretendard', sans-serif; margin-top: 0px; font-weight:400; margin-bottom: 0px; } .service_area .single_service1 .service_content h2 { font-size: 24px; color:#e50d0d; font-family: 'Pretendard', sans-serif; margin-top: 20px; margin-bottom: 0px; } .service_area .single_service1 .service_content h3 { font-size: 24px; color:#3291c2; font-family: 'Pretendard', sans-serif; margin-top: 20px; margin-bottom: 0px; } .service_area .single_service1 .service_content h4 { font-size: 17px; color:#000; min-height:50px; font-family: 'Pretendard', sans-serif; margin-top: 20px; font-weight:400; line-height:150%; margin-bottom: 0px; } .service_area .single_service1 .service_content p { font-size: 15px; color:#999; font-weight:300; font-family: 'Pretendard', sans-serif; margin-top: 20px; margin-bottom: 0px; } /*subcon*/ #subCon { position:relative; margin:0px; width:100%; line-height:160%; font-family: 'Pretendard', sans-serif; font-weight:400;!important; } #subCon .subcontent { float:left; margin-top:0px; margin-bottom:70px;background:#fff; z-index:99; width:72%; } #subCon .subcontent img{ max-width:100%; } #subCon .subcontent .contit{ color:#000; font-size:36px; font-weight:500; font-family: 'Pretendard', sans-serif; line-height:110%; padding-bottom:25px;border-bottom:1px solid #cecece; margin-bottom:50px; } #subCon .subcontent h2{ color:#12a6eb; font-size:30px; font-weight:500; font-family: 'Pretendard', sans-serif; margin-bottom:20px; } #subCon .subcontent h3{ color:#797979; font-size:16px; font-weight:300; font-family: 'Pretendard', sans-serif; margin-bottom:10px; } #subCon .subcontent h4{ color:#d53131; font-size:24px; font-weight:500; font-family: 'Pretendard', sans-serif; margin-bottom:50px;line-height:150%; } #subCon .subcontent p{ color:#666; font-size:16px; font-weight:400; font-family: 'Pretendard', sans-serif; line-height:150%; } #subCon .subcontent .shf1{ float:left; width:45%;margin-right:0%; } #subCon .subcontent .shf1 img{ max-width:100%; } #subCon .subcontent .shf2{ width:55%;float:left; margin-top:80px; } .box1{border:1px solid #cecece; padding:30px 10px; width:100%; text-align:center;} .box1 img{max-width:100%;} #subCon .subcontent .stit1{ color:#fff; font-size:24px; text-align:left; font-weight:400; font-family: 'Pretendard', sans-serif; padding:10px 0 10px 20px;background:#ec0000; margin-bottom:20px;margin-top:50px; } #subCon .subcontent .procon ul li{ color:#333333; font-size:17px; text-align:left; font-weight:300; font-family: 'Pretendard', sans-serif; background:url('../img/dot.gif') center left no-repeat; padding-left:19px; line-height:190%; margin-left:15px; } #subCon .subcontent .mv000{ text-align:center; width:100%;position:relative;font-size:30px; font-family: "Play", sans-serif; } #subCon .subcontent .mv001{ float:left; width:47%;position:relative;font-size:30px; font-family: "Play", sans-serif; } #subCon .subcontent .mv002{ float:right; right:0px; width:47%;font-size:30px; font-family: "Play", sans-serif; } #subCon .subcontent .mv000 img{ max-width:100%;text-align:center; } #subCon .subcontent .mv001 img{ max-width:100%; } #subCon .subcontent .mv002 img{ max-width:100%; } #subCon .subcontent .vbsm{ font-size:17px; text-align:left; font-weight:300; font-family: 'Pretendard', sans-serif; color:#666; line-height:190%; } #subCon .subcontent .vbsmt_1{ font-size:28px; text-align:left; font-weight:600; font-family: 'Pretendard', sans-serif; color:#ae6217; margin-bottom:40px; background:url('../../img/icon004.gif') center left no-repeat; padding-left:25px; letter-spacing:-0.5px; } #subCon .subcontent .vbsmt_2{ font-size:23px; text-align:left; font-weight:500; font-family: 'Pretendard', sans-serif; color:#000; margin-bottom:20px; margin-top:40px; letter-spacing:-0.5px; } /* Table 1 Style */ table.table1{ margin-top:20px;margin-bottom:10px; width:99%;color:#515151;border:0px; font-family: 'Pretendard', sans-serif;font-weight: 300;border-top:2px solid #2c579d; } .table1 thead th{ padding:10px; font-size: 14px; line-height:130%; color:#515151; text-align:center;border-left:1px solid #d1d1d1; background-color:#eceff9; border-bottom:1px solid #666;font-weight: 300; } .table1 thead th.fir{ padding:10px; color:#515151; text-align:center;font-weight: 300; background-color:#eceff9; border-left:0px solid #d1d1d1; } .table1 tbody td{ padding:7px 5px;font-size: 16px; text-align:left;border-left:1px solid #d1d1d1; background-color:#fff; border-bottom:1px solid #d1d1d1; color:#515151; } .table1 tbody td.fir{ padding:7px 5px; text-align:center;border-left:0px solid #d1d1d1; background-color:#f2f6fd; color:#515151; } .table1 tbody td.fir2{ padding:7px 5px; text-align:center;border-left:0px solid #d1d1d1; background-color:#fff; color:#515151; } .table1 tbody td.cen{ padding:7px 5px; text-align:center; background-color:#fff; border-bottom:1px solid #d1d1d1; color:#515151; } .table1 tbody td.fir22{ padding:7px 5px; text-align:center;border-left:0px solid #d1d1d1; background-color:#f6f6f6; color:#515151; } .table1 tbody td.cen2{ padding:7px 5px; text-align:center; background-color:#f6f6f6; border-bottom:1px solid #d1d1d1; color:#515151; } /* Table 2 Style */ table.table2{ margin-top:20px;margin-bottom:10px; width:99%;color:#515151;border:0px; font-family: 'Pretendard', sans-serif;font-weight: 300;border-top:2px solid #2c579d; } .table2 thead th{ padding:10px; font-size: 14px; line-height:130%; color:#515151; text-align:center;border-left:1px solid #d1d1d1; background-color:#eceff9; border-bottom:1px solid #666;font-weight: 300; } .table2 thead th.fir{ padding:10px; color:#515151; text-align:center;font-weight: 300; background-color:#eceff9; border-left:0px solid #d1d1d1; } .table2 tbody td{ padding:7px 5px;font-size: 14px; text-align:left;border-left:1px solid #d1d1d1; background-color:#fff; border-bottom:1px solid #d1d1d1; color:#515151; } .table2 tbody td.fir{ padding:7px 5px; text-align:center;border-left:0px solid #d1d1d1; background-color:#f2f6fd; color:#515151; } .table2 tbody td.fir2{ padding:7px 5px; text-align:center;border-left:0px solid #d1d1d1; background-color:#fff; color:#515151; } .table2 tbody td.cen{ padding:7px 5px; text-align:center; background-color:#fff; border-bottom:1px solid #d1d1d1; color:#515151; } .table2 tbody td.fir22{ padding:7px 5px; text-align:center;border-left:0px solid #d1d1d1; background-color:#f6f6f6; color:#515151; } .table2 tbody td.cen2{ padding:7px 5px; text-align:center; background-color:#f6f6f6; border-bottom:1px solid #d1d1d1; color:#515151; } .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border:0px; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } /* line 45, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_service.scss .service_area .single_service:hover { -webkit-box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); -moz-box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); border: 1px solid transparent; } .service_area .single_service1:hover { -webkit-box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); -moz-box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); border: 1px solid transparent; } */ /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area { padding-bottom: 15px; padding-top: 25px; position:relative;width:100%; display:inline-block; font-weight:400; background:#ebebeb; } .team_area h3 { font-size:20px;font-weight:400; color:#666666; line-height:140%; } .team_area .ht1 { color:#282828;font-weight:600; } .team_area .ht2 { color:#0d83d5;font-weight:400; } .team_area1 { margin-top:60px; letter-spacing:-0.5px; position:relative;width:100%; display:inline-block; } .team_area1 h1 { font-size:29px;font-weight:400; color:#000; font-family: 'Pretendard', sans-serif; line-height:120%;margin-top:40px; } .team_area1 h2 { font-size:26px;font-weight:600; color:#000; font-family: 'Pretendard', sans-serif; line-height:60%; } .team_area1 h3 { font-size:26px;font-weight:400; color:#8d8d8d; font-family: 'Pretendard', sans-serif; } .team_area1 .more { font-size:16px;font-weight:500; color:#000; font-family: 'Pretendard', sans-serif; padding:5px 20px; margin-top:10px; background:#f5f5f7; border-radius:15px; display:inline-block; margin-bottom:20px; } .team_area1 .more span { margin-right:30px; } .team_area1 p { font-size:18px;font-weight:300; color:#000; font-family: 'Pretendard', sans-serif; margin-top:0px; } .team_area1 .board { width:47%; margin:0; float:left; } .team_area1 .board2 { width:47%; margin:0; float:right; } .team_area1 .box { border-top:2px solid #000; width:47%; margin:0; float:left; } .team_area1 .box2 { border-top:2px solid #000; width:47%; margin:0; float:right; } .team_area1 ul { color:#5c5c5c; line-height:130%; margin-top:30px; margin-bottom:30px; } .team_area1 li { font-size:19px; clear:both; color:#5c5c5c; line-height:170%; padding-right:30px; display:inline-block; } .team_area1 li a:hover { color:#1067ca; } .team_area2 { margin-top:80px; padding-bottom: 80px; position:relative;width:100%; display:inline-block; } .team_area2 h2 { font-size:45px;font-weight:700; color:#000; font-family: 'Pretendard', sans-serif; } .team_area2 h3{ font-size:36px;font-weight:500; color:#000; font-family: 'Pretendard', sans-serif;margin-top:30px; } .team_area2 h4{ font-size:18px;font-weight:300; color:#737373; font-family: 'Pretendard', sans-serif;line-height:150%; } .team_area2 p{ font-size:18px;font-weight:300; color:#000; font-family: 'Pretendard', sans-serif; } .team_area2 a:hover { color:#ff0000; } .team_area3 { padding-top:80px; padding-bottom: 80px; position:relative;width:100%; display:inline-block; background:url('../img/telback.gif') center top repeat-y; } .team_area3 .tel{ position:relative;width:50%; float:left; display:inline-block; } .team_area3 .tel h2{ font-size:22px; color:#000; margin-bottom:30px;font-weight:500; font-family: 'Pretendard', sans-serif; } .team_area3 .tel h3{ font-size:34px; color:#000; margin-bottom:10px; font-family: 'Titillium Web', sans-serif; font-weight:300; } .team_area3 .tel h4{ font-size:20px; color:#717171; margin-bottom:10px; font-family: 'Titillium Web', sans-serif; font-weight:300; } .team_area3 .req{ padding-left:70px; position:relative;width:50%; float:left; display:inline-block; } .team_area3 .req h2{ font-size:30px; color:#000; margin-bottom:30px;font-weight:600; font-family: 'Pretendard', sans-serif; line-height:130%; } .btn001{display:inline-block; margin:5px;width:160px; padding:15px 0px; font-size:19px; border:1px solid #dcdcdc; color:#5f5f5f; text-align:center;} .btn001:hover{background:#ddd; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .btn002{display:inline-block; margin:5px;width:160px; padding:15px 0px; background:#ec0000; font-size:19px; color:#fff; text-align:center;} .btn002:hover{display:inline-block; margin:5px;width:160px; padding:15px 0px; background:#000; font-size:19px; color:#fff; text-align:center; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .ftred{color:#ec0000} /* line 12, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area .single_team { margin-bottom: 30px; } /* line 15, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area .single_team .thumb img { width: 100%; } /* line 19, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area .single_team .member_name { position: relative; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 23, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area .single_team .member_name .mamber_inner { border-radius: 5px; display: inline-block; padding: 16px 40px 11px 40px; } /* line 29, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area .single_team .member_name .mamber_inner h4 { font-family: 'Pretendard', sans-serif; font-size:23px; color:#555555; margin-bottom: 0; margin-top:20px; } .team_area .single_team .member_name .mamber_inner h4 a { font-family: 'Pretendard', sans-serif; font-size:23px; color:#555555; margin-bottom: 0; margin-top:20px; } /* line 35, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area .single_team .member_name .mamber_inner p { font-size: 14px; color: #7a7b7c; font-weight: 400; margin-bottom: 0; } /* line 44, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area .single_team:hover .member_name { -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area { padding-top: 150px; padding-bottom: 120px; background: #fdf9f6; } @media (max-width: 767px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area { padding-top: 60px; padding-bottom: 30px; } } /* line 9, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form { margin-bottom: 30px; } /* line 12, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form form .single_field { margin-bottom: 32px; } /* line 14, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form form .single_field input, .make_apppointment_area .appoint_ment_form form .single_field textarea { width: 100%; border: 0; padding-bottom: 3px; border-bottom: 1px solid #c1c1c1; padding-left: 10px; height: 50px; font-family: "Open Sans", sans-serif; color: #000; background: transparent; } /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form form .single_field input::placeholder, .make_apppointment_area .appoint_ment_form form .single_field textarea::placeholder { color: #96989a; font-weight: 400; font-family: "Open Sans", sans-serif; } /* line 29, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form form .single_field input:focus, .make_apppointment_area .appoint_ment_form form .single_field textarea:focus { outline: none; } /* line 33, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form form .single_field textarea { resize: none; margin-top: 41px; padding: 11px 20px 14px 10px; } /* line 38, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form form .single_field:last-child { margin-bottom: 0; } /* line 43, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form form button { transition: .3s; cursor: pointer; } /* line 47, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appoint_ment_form form p { margin-top: 17px; margin-bottom: 40px; font-size: 16px; font-weight: 400; color: #464444; line-height: 30px; } /* line 60, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appointMent_info .single_appontment { margin-bottom: 36px; } /* line 62, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appointMent_info .single_appontment h4 { font-size: 18px; color: #4a4948; font-weight: 400; } /* line 67, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appointMent_info .single_appontment p { font-size: 16px; line-height: 30px; color: #7f7f7f; font-weight: 400; margin-bottom: 0; } /* line 73, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_make_apointment.scss */ .make_apppointment_area .appointMent_info .single_appontment p span { flex: 50% 0 0; } /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; padding: 125px 0 115px 0; overflow: hidden; background: #fff; } @media (max-width: 767px) { /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area { padding: 50px 0 50px 0; } } @media (min-width: 768px) and (max-width: 991px) { /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area { padding: 100px 0 100px 0; } } /* line 17, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial { -webkit-box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); -moz-box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 60px 80px 85px 80px; } @media (max-width: 767px) { /* line 17, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial { display: block !important; padding: 30px; } } /* line 28, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial .test_thumb { margin-right: 25px; } @media (max-width: 767px) { /* line 28, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial .test_thumb { margin-bottom: 50px; } } /* line 33, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial .test_thumb img { max-width: 130px; } /* line 38, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial .test_content h4 { font-size: 20px; font-weight: 600; color: #383737; margin-bottom: 0; } /* line 44, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial .test_content span { display: block; color: #979797; font-family: "Poppins", sans-serif; font-weight: 300; font-size: 16px; margin-bottom: 16px; line-height: 1; margin-top: 3px; } /* line 54, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial .test_content p { font-size: 18px; color: #66666f; margin-bottom: 0; line-height: 35px; } @media (max-width: 767px) { /* line 54, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial .test_content p { font-size: 16px; } } @media (max-width: 767px) { /* line 62, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .single_testmonial .test_content p br { display: none; } } /* line 71, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .textmonial_active .owl-item { opacity: .6; } /* line 73, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .textmonial_active .owl-item.active { opacity: 1; } /* line 79, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .owl-carousel .owl-item img { display: inline-block; width: 130px; } /* line 83, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .owl-carousel .owl-nav div.owl-next { left: auto; right: 40px; } /* line 87, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .owl-carousel .owl-nav div { left: 0; background: #000; width: 34px; height: 34px; line-height: 34px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ddc4c4; background: #fff; font-size: 14px; color: #f39b80 !important; left: auto; bottom: 30px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); top: auto; right: 78px; font-size: 20px; border: none; color: #D9D9D9; background: transparent; } /* line 111, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .owl-carousel .owl-nav div { color: #d9d9d9 !important; } /* line 113, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .owl-carousel .owl-nav div:hover { color: #383737 !important; background: transparent; } /* line 118, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .owl-carousel .owl-nav div.owl-prev i { position: relative; right: 1px; top: -1px; } /* line 124, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .owl-carousel .owl-nav div.owl-next i { position: relative; right: 0; top: -1px; } /* line 131, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_testmonial.scss */ .testmonial_area .owl-carousel .owl-stage-outer { position: relative; overflow: visible; -webkit-transform: translate3d(0, 0, 0); } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area { padding-bottom: 150px; padding-top: 120px; } /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area.minus-padding { padding-top: 0; margin-top: -16px; } @media (max-width: 767px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area { padding-top: 60px; padding-bottom: 60px; } } /* line 12, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area .single_gallery { overflow: hidden; } /* line 14, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area .single_gallery .thumb { position: relative; overflow: hidden; } /* line 17, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area .single_gallery .thumb img { width: 100%; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } /* line 22, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area .single_gallery .thumb .image_hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(188, 147, 33, 0.5); transform: translateX(-40%); opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } /* line 32, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area .single_gallery .thumb .image_hover a { position: absolute; top: 44%; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); font-size: 35px; color: #fff; } /* line 43, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area .single_gallery:hover .image_hover { transform: translateX(0%); opacity: 1; } /* line 47, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gallery_area .single_gallery:hover img { width: 100%; -webkit-transform: scaleX(1.2); -moz-transform: scaleX(1.2); -ms-transform: scaleX(1.2); transform: scaleX(1.2); } /* line 55, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area { background: #FFFBF0; } /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info { padding: 200px 0; padding-left: 400px; } @media (min-width: 768px) and (max-width: 991px) { /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info { padding: 100px 60px; padding-left: 60px; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info { padding: 0px 0px; padding-left: 60px; } } @media (min-width: 1200px) and (max-width: 1500px) { /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info { padding: 0px 0px; padding-left: 60px; } } @media (max-width: 767px) { /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info { padding: 60px 0; padding-right: 0px; padding-left: 0px; padding-left: 15px; padding-right: 15px; } } /* line 83, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info .about_info { padding-left: 0; } @media (max-width: 767px) { /* line 83, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info .about_info { padding-right: 0; } } /* line 88, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info .about_info p { font-size: 16px; line-height: 28px; font-size: 16px; line-height: 28px; margin-top: 0; margin-bottom: 47px; } @media (min-width: 992px) and (max-width: 1200px) { /* line 88, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info .about_info p { padding-right: 30px; } } @media (min-width: 992px) and (max-width: 1200px) { /* line 98, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info .about_info p br { display: none; } } @media (max-width: 767px) { /* line 106, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_info .about_info a { margin-bottom: 30px; } } /* line 115, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_thumb .video_thumb_inner { position: relative; } /* line 117, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_thumb .video_thumb_inner img { width: 100%; } /* line 120, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_thumb .video_thumb_inner a { width: 94px; height: 94px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; font-size: 22px; color: #ff3500; line-height: 94px; text-align: center; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } /* line 136, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .video_area .video_thumb .video_thumb_inner a::before { position: absolute; top: 0; right: 0; content: ""; border-radius: 50%; left: 0; bottom: 0; box-shadow: 0 0 0 0 black; transform: scale(1); animation: pulse 2s infinite; box-shadow: 0 0 0 rgba(204, 169, 44, 0.4); } /* line 155, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .pulse:hover { animation: none; } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); } 100% { -moz-box-shadow: 0 0 0 30px rgba(204, 169, 44, 0); box-shadow: 0 0 0 30px rgba(204, 169, 44, 0); } } /* line 184, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ #test-form .white-popup-block .popup_inner .gj-datepicker span { color: red; } /* line 189, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ #test-form .white-popup-block input { width: 100%; height: 50px; } /* line 196, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gj-datepicker input { width: 100%; height: 50px; border: 1px solid #ddd; padding: 17px; font-size: 12px; color: #919191; margin-bottom: 20px; } /* line 205, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gj-datepicker-md [role="right-icon"] { position: absolute; right: 0px; top: 0px; font-size: 14px; color: #919191; margin-right: 15px; top: 16px; } /* line 214, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gj-picker-md { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 16px; font-weight: 400; letter-spacing: .04em; line-height: 1; color: rgba(0, 0, 0, 0.87); padding: 10px; padding: 20px; border: 1px solid #E0E0E0; } /* line 225, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ #timepicker { width: 100%; height: 50px; border: 1px solid #ddd; padding: 20px; text-transform: capitalize; color: #919191; } /* line 233, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .gj-timepicker.gj-timepicker-md.gj-unselectable i { top: 16px; right: 12px; font-size: 18px; color: #919191; } /* line 239, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .popup_inner input { width: 100%; height: 50px; margin-bottom: 30px; color: #000; padding: 18px; border: 1px solid #ddd; } /* line 246, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .popup_inner input:focus { outline: none; } /* line 249, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_gallery.scss */ .popup_inner input::placeholder { color: #919191; font-size: 16px; } /* line 246, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_footer.scss */ .bordered_1px { border-top: 1px solid #e0e0e0; padding-bottom: 30px; } .breadcam_bg00 { background-image: url(../img/sub_pic055.jpg); } .breadcam_bg11 { background-image: url(../img/sub_pic011.jpg); } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .breadcam_bg { background-image: url(../img/sub_pic01.jpg); } /* line 4, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ /* line 7, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .breadcam_bg_2 { background-image: url(../img/sub_pic02.jpg); } .breadcam_bg_3 { background-image: url(../img/sub_pic03.jpg); } .breadcam_bg_4 { background-image: url(../img/sub_pic04.jpg); } .breadcam_bg_5 { background-image: url(../img/sub_pic05.jpg); } /* line 10, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .bradcam_area { background-size: cover; background-position: center center; padding: 180px 0 100px; background-position: bottom; background-repeat: no-repeat; } @media (max-width: 767px) { /* line 10, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .bradcam_area { padding: 80px 0; } } @media (min-width: 768px) and (max-width: 991px) { /* line 10, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .bradcam_area { padding: 80px 0; } } /* line 22, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .b_back { background:rgba(0,0,0,0);width:70%; margin:0px auto 0; } .bradcam_area h2 { position:relative; font-size: 29px; color: #fff; font-weight: 400; padding-top:30px;;line-height:120%; font-family: 'Pretendard', sans-serif; } .bradcam_area h3 { position:relative; margin:0px auto; font-size: 41px; color: #9fdaeb; line-height:120%; font-weight: 600; font-family: 'Pretendard', sans-serif; text-transform: capitalize; } @media (max-width: 767px) { /* line 22, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .bradcam_area h2 { font-size: 20px; } .bradcam_area h3 { font-size: 30px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 22, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .bradcam_area h3 { font-size: 30px; } } /* line 38, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box { background: #fff; display: inline-block; z-index: 9; width: 681px; padding: 60px 40px; } @media (max-width: 767px) { /* line 38, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box { width: 320px; padding: 45px 30px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 38, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box { width: 420px !important; padding: 45px 30px; } } /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box h3 { text-align: center; font-size: 22px; color: #1F1F1F; margin-bottom: 46px; } /* line 63, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box .boxed-btn3 { width: 100%; text-transform: capitalize; } /* line 67, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; /* border-radius: 5px; */ border: solid 1px #E2E2E2; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: "Open Sans", sans-serif; font-weight: normal; width: 100% !important; /* height: 42px; */ line-height: 50px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; border-radius: 0; margin-bottom: 30px; height: 50px !important; font-size: 16px; font-weight: 400; color: #919191; } /* line 101, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box .nice-select::after { content: "\f0d7"; display: block; height: 5px; margin-top: -5px; pointer-events: none; position: absolute; right: 17px; top: 3px; transition: all 0.15s ease-in-out; width: 5px; font-family: fontawesome; color: #919191; font-size: 15px; } /* line 116, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: 200px; overflow-y: scroll; } /* line 125, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .popup_box .nice-select.list { height: 200px; overflow-y: scroll; } /* line 131, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ #test-form { display: inline-block; margin: auto; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { /* line 131, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ #test-form { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } /* line 146, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ #test-form .mfp-close-btn-in .mfp-close { color: #333; display: none !important; } /* line 151, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ #test-form button.mfp-close { display: none !important; } @media (max-width: 767px) { /* line 151, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ #test-form button.mfp-close { display: block !important; position: absolute; left: 0; right: 0; margin: auto; } } /* line 162, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ #test-form button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; width: 40px; height: 40px; background: #4A3600; text-align: center; line-height: 20px; position: absolute; right: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; position: absolute; right: -6px; color: #fff !important; } /* line 189, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #4A3600; opacity: 0.6; } @media (max-width: 767px) { /* line 208, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .gj-picker.gj-picker-md.timepicker { width: 310px; left: 6px !important; } } @media (max-width: 767px) { /* line 215, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_bradcam.scss */ .gj-picker.gj-picker-md.datepicker.gj-unselectable { width: 320px; left: 0 !important; } } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_pet_care.scss */ .pet_care_area { padding-top: 73px; padding-bottom: 24px; } @media (max-width: 767px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_pet_care.scss */ .pet_care_area { padding-top: 0px; padding-bottom: 0px; } } /* line 10, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_pet_care.scss */ .pet_care_area .pet_thumb img { width: 100%; } @media (max-width: 769px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_pet_care.scss */ .pet_care_area .pet_thumb img { width: 100%; margin-top:83px; margin-bottom:83px; } } /* line 19, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_pet_care.scss */ .pet_care_area .pet_info{ margin-top:0px; } .pet_care_area .pet_info .iicon li{ position:relative; background:url(../img/icon003.gif) left 11px no-repeat; margin-top:0px; padding-bottom:0px; padding-left:17px; font-size: 18px; color:#4d4d4d; line-height:190%; text-align:left; } .pet_care_area .pet_info .section_title p { color: #66666f; line-height: 28px; font-size: 16px; margin-bottom: 54px; margin-top: 30px; } .pet_care_area .pet_info .tt01 { color: #585858; font-family: 'Pretendard', sans-serif; line-height: 36px; font-size: 21px; margin-bottom: 0px; margin-top: 30px; } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area { padding-bottom: 90px; padding-top: 125px; } @media (max-width: 767px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area { padding-top: 100px; padding-bottom: 10px; } } @media (max-width: 767px) { /* line 12, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area .adapt_help { padding-bottom: 60px; } } @media (min-width: 768px) and (max-width: 991px) { /* line 12, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area .adapt_help { margin-bottom: 40px; } } /* line 20, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area .adapt_help .section_title p { color: #66666f; line-height: 28px; font-size: 16px; margin-bottom: 54px; margin-top: 30px; } /* line 30, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area .adapt_about .single_adapt { margin-bottom: 40px; box-shadow: 0px 16px 35px 0px rgba(0, 0, 2, 0.08); border-radius: 14px; background: #fff; padding: 40px 40px 33px 40px; } /* line 40, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area .adapt_about .single_adapt .adapt_content h3 { font-size: 60px; font-weight: 700; font-family: "Poppins", sans-serif; color: #383737; display: inline-block; margin-bottom: 2px; margin-top: 22px; line-height: 1; } /* line 50, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_adapt.scss */ .adapt_area .adapt_about .single_adapt .adapt_content p { font-size: 20px; color: #808080; font-weight: 400; font-family: "Open Sans", sans-serif; display: block; margin-bottom: 0; } /* line 1, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .anipat_bg_1 { background-image: url(../img/banner/contact_bg.png); } /* line 5, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .contact_anipat { background-position: center center; background-size: cover; padding-top: 170px; padding-bottom: 160px; background-size: 100% 100%; background-repeat: no-repeat; } @media (max-width: 767px) { /* line 5, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .contact_anipat { background-size: cover; padding: 110px 0; } } /* line 18, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .contact_anipat .contact_text .section_title h3 { color: #fff; } /* line 21, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .contact_anipat .contact_text .section_title p { font-size: 25px; color: #fff; line-height: 40px; margin-top: 35px; margin-bottom: 50px; } @media (max-width: 767px) { /* line 30, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .contact_anipat .contact_text .contact_btn { display: block !important; } } /* line 34, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .contact_anipat .contact_text .contact_btn p { margin-bottom: 0; font-size: 18px; font-weight: 400; font-family: "Poppins", sans-serif; color: #fff; margin-left: 20px; } @media (max-width: 767px) { /* line 34, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .contact_anipat .contact_text .contact_btn p { margin-left: 0; margin-top: 30px; } } /* line 45, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_anipat.scss */ .contact_anipat .contact_text .contact_btn p a { font-weight: 600; color: #fff; margin-left: 10px; } /*=================== contact banner start ====================*/ /* line 3, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* line 10, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-info { margin-bottom: 25px; } /* line 13, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-info__icon { margin-right: 20px; } /* line 16, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-info__icon i, .contact-info__icon span { color: #8f9195; font-size: 27px; } /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-info .media-body h3 { font-size: 16px; margin-bottom: 0; font-size: 16px; color: #2a2a2a; } /* line 30, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-info .media-body h3 a:hover { color: #222222; } /* line 36, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-info .media-body p { color: #8a8a8a; } /*=================== contact banner end ====================*/ /*=================== contact form start ====================*/ /* line 45, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-title { font-size: 27px; font-weight: 600; margin-bottom: 20px; } /* line 53, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .form-contact label { font-size: 14px; } /* line 57, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .form-contact .form-group { margin-bottom: 30px; } /* line 61, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .form-contact .form-control { border: 1px solid #e5e6e9; border-radius: 0px; height: 48px; padding-left: 18px; font-size: 13px; background: transparent; } /* line 69, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .form-contact .form-control:focus { outline: 0; box-shadow: none; } /* line 74, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .form-contact .form-control::placeholder { font-weight: 300; color: #999999; } /* line 80, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .form-contact textarea { border-radius: 0px; height: 100% !important; } /*=================== contact form end ====================*/ /* Contact Success and error Area css ============================================================================================ */ /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .modal-message .modal-dialog { position: absolute; top: 36%; left: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0px; max-width: 500px; width: 100%; } /* line 106, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .modal-message .modal-dialog .modal-content .modal-header { text-align: center; display: block; border-bottom: none; padding-top: 50px; padding-bottom: 50px; } /* line 112, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .modal-message .modal-dialog .modal-content .modal-header .close { position: absolute; right: -15px; top: -15px; padding: 0px; color: #fff; opacity: 1; cursor: pointer; } /* line 121, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .modal-message .modal-dialog .modal-content .modal-header h2 { display: block; text-align: center; padding-bottom: 10px; } /* line 126, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .modal-message .modal-dialog .modal-content .modal-header p { display: block; } /* line 133, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-section { padding: 130px 0 100px; } @media (max-width: 991px) { /* line 133, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-section { padding: 70px 0 40px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { /* line 133, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-section { padding: 80px 0 50px; } } /* line 141, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-section .btn_2 { background-color: #191d34; padding: 18px 60px; border-radius: 50px; margin-top: 0; } /* line 146, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_contact.scss */ .contact-section .btn_2:hover { background-color: #222222; } /* line 75, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .sample-text-area { background: #fff; padding: 75px 0 70px 0; margin-bottom:80px; } /* line 80, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .text-heading { margin-top: 64px; margin-bottom: 10px; font-size: 35px; font-family: 'Pretendard', sans-serif; } /* line 85, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ b, sup, sub, u, del { color: #222222; } /* line 93, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ h1 { font-size: 36px; } /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ h2 { font-size: 30px; } /* line 101, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ h3 { font-size: 24px; } /* line 105, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ h4 { font-size: 18px; } /* line 109, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ h5 { font-size: 16px; } /* line 113, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ h6 { font-size: 14px; } /* line 117, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ h1, h2, h3, h4, h5, h6 { line-height: 1.2em; } /* line 127, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { color: #828bb2; } /* line 137, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .button-area { background: #fff; } /* line 138, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .button-area .border-top-generic { padding: 70px 15px; border-top: 1px dotted #eee; } /* line 146, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .button-group-area .genric-btn { margin-right: 10px; margin-top: 10px; } /* line 149, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .button-group-area .genric-btn:last-child { margin-right: 0; } /* line 155, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn { display: inline-block; outline: none; line-height: 40px; padding: 0 30px; font-size: .8em; text-align: center; text-decoration: none; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /* line 166, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn:focus { outline: none; } /* line 169, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.e-large { padding: 0 40px; line-height: 50px; } /* line 173, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.large { line-height: 45px; } /* line 176, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.medium { line-height: 30px; } /* line 179, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.small { line-height: 25px; } /* line 182, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.radius { border-radius: 3px; } /* line 185, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.circle { border-radius: 20px; } /* line 188, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* line 195, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.arrow span { margin-left: 10px; } /* line 199, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.default { color: #fff; background: #6d6d6d; border: 1px solid transparent; } /* line 203, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.default:hover { border: 1px solid #f9f9ff; background: #fff; } /* line 208, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.default-border { border: 1px solid #f9f9ff; background: #fff; } /* line 211, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.default-border:hover { color: #415094; background: #f9f9ff; border: 1px solid transparent; } .genric-btn.default-border1 { border: 1px solid #ccc; background: #fff; font-family: 'Pretendard', sans-serif; font-size:18px; color: #333; } .genric-btn.default-border1:hover { color: #fff; background: #ff7200; border: 1px solid transparent; font-family: 'Pretendard', sans-serif; font-size:18px; } /* line 217, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.primary { color: #fff; background: #222222; border: 1px solid transparent; } /* line 221, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.primary:hover { color: #222222; border: 1px solid #222222; background: #fff; } /* line 227, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.primary-border { color: #222222; border: 1px solid #222222; background: #fff; } /* line 231, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.primary-border:hover { color: #fff; background: #222222; border: 1px solid transparent; } /* line 237, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.success { color: #fff; background: #4cd3e3; border: 1px solid transparent; } /* line 241, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.success:hover { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff; } /* line 247, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.success-border { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff; } /* line 251, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.success-border:hover { color: #fff; background: #4cd3e3; border: 1px solid transparent; } /* line 257, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.info { color: #fff; background: #38a4ff; border: 1px solid transparent; } /* line 261, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.info:hover { color: #38a4ff; border: 1px solid #38a4ff; background: #fff; } /* line 267, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.info-border { color: #38a4ff; border: 1px solid #38a4ff; background: #fff; } /* line 271, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.info-border:hover { color: #fff; background: #38a4ff; border: 1px solid transparent; } /* line 277, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.warning { color: #fff; background: #f4e700; border: 1px solid transparent; } /* line 281, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.warning:hover { color: #f4e700; border: 1px solid #f4e700; background: #fff; } /* line 287, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.warning-border { color: #f4e700; border: 1px solid #f4e700; background: #fff; } /* line 291, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.warning-border:hover { color: #fff; background: #f4e700; border: 1px solid transparent; } /* line 297, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.danger { color: #fff; background: #f44a40; border: 1px solid transparent; } /* line 301, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.danger:hover { color: #f44a40; border: 1px solid #f44a40; background: #fff; } /* line 307, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.danger-border { color: #f44a40; border: 1px solid #f44a40; background: #fff; } /* line 311, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.danger-border:hover { color: #fff; background: #f44a40; border: 1px solid transparent; } /* line 317, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.link { color: #415094; background: #f9f9ff; text-decoration: underline; border: 1px solid transparent; } /* line 322, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.link:hover { color: #415094; border: 1px solid #f9f9ff; background: #fff; } /* line 328, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.link-border { color: #415094; border: 1px solid #f9f9ff; background: #fff; text-decoration: underline; } /* line 333, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.link-border:hover { color: #415094; background: #f9f9ff; border: 1px solid transparent; } /* line 339, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .genric-btn.disable { color: #222222, 0.3; background: #f9f9ff; border: 1px solid transparent; cursor: not-allowed; } /* line 347, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .generic-blockquote { padding: 30px 50px 30px 30px; background: #f9f9ff; border-left: 2px solid #222222; } /* line 353, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table-wrap { overflow-x: scroll; } /* line 357, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table { background: #f9f9ff; padding: 15px 0px 30px 0px; min-width: 800px; } /* line 361, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .serial { width: 11.83%; padding-left: 30px; } /* line 365, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .country { width: 28.07%; } /* line 368, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .visit { width: 19.74%; } /* line 371, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .percentage { width: 40.36%; padding-right: 50px; } /* line 375, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-head { display: flex; } /* line 377, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage { color: #415094; line-height: 40px; text-transform: uppercase; font-weight: 500; } /* line 387, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row { padding: 15px 0; border-top: 1px solid #edf3fd; display: flex; } /* line 391, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage { display: flex; align-items: center; } /* line 399, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .country img { margin-right: 15px; } /* line 404, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress { width: 80%; border-radius: 0px; background: transparent; } /* line 408, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar { height: 5px; line-height: 5px; } /* line 411, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar.color-1 { background-color: #6382e6; } /* line 414, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar.color-2 { background-color: #e66686; } /* line 417, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar.color-3 { background-color: #f09359; } /* line 420, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar.color-4 { background-color: #73fbaf; } /* line 423, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar.color-5 { background-color: #73fbaf; } /* line 426, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar.color-6 { background-color: #6382e6; } /* line 429, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar.color-7 { background-color: #a367e7; } /* line 432, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .progress-table .table-row .percentage .progress .progress-bar.color-8 { background-color: #e66686; } /* line 441, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-gallery-image { margin-top: 30px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; height: 200px; } /* line 449, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .list-style { width: 14px; height: 14px; } /* line 455, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .unordered-list li { position: relative; padding-left: 30px; line-height: 1.82em !important; } /* line 459, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .unordered-list li:before { content: ""; position: absolute; width: 14px; height: 14px; border: 3px solid #222222; background: #fff; top: 4px; left: 0; border-radius: 50%; } /* line 473, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .ordered-list { margin-left: 30px; } /* line 475, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .ordered-list li { list-style-type: decimal-leading-zero; color: #222222; font-weight: 500; line-height: 1.82em !important; } /* line 480, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .ordered-list li span { font-weight: 300; color: #828bb2; } /* line 488, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .ordered-list-alpha li { margin-left: 30px; list-style-type: lower-alpha; color: #222222; font-weight: 500; line-height: 1.82em !important; } /* line 494, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .ordered-list-alpha li span { font-weight: 300; color: #828bb2; } /* line 502, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .ordered-list-roman li { margin-left: 30px; list-style-type: lower-roman; color: #222222; font-weight: 500; line-height: 1.82em !important; } /* line 508, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .ordered-list-roman li span { font-weight: 300; color: #828bb2; } /* line 515, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-input { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; } /* line 523, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-input:focus { outline: none; } /* line 528, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .input-group-icon { position: relative; } /* line 530, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .input-group-icon .icon { position: absolute; left: 20px; top: 0; line-height: 40px; z-index: 3; } /* line 535, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .input-group-icon .icon i { color: #797979; } /* line 540, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .input-group-icon .single-input { padding-left: 45px; } /* line 545, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-textarea { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; height: 100px; resize: none; } /* line 555, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-textarea:focus { outline: none; } /* line 560, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-input-primary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } /* line 568, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-input-primary:focus { outline: none; border: 1px solid #222222; } /* line 574, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-input-accent { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } /* line 582, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-input-accent:focus { outline: none; border: 1px solid #eb6b55; } /* line 588, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-input-secondary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } /* line 596, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .single-input-secondary:focus { outline: none; border: 1px solid #f09359; } /* line 602, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 609, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } /* line 619, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-switch input + label { position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #222222; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } /* line 632, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-switch input:checked + label { left: 19px; } /* line 639, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 646, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } /* line 655, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /* line 663, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } /* line 677, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } /* line 693, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-switch input:checked + label:after { left: 19px; } /* line 696, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-switch input:checked + label:before { background: #222222; } /* line 704, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 711, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } /* line 720, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /* line 728, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer; } /* line 742, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } /* line 758, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-switch input:checked + label:after { left: 19px; } /* line 761, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-switch input:checked + label:before { background: #4cd3e3; } /* line 769, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 776, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } /* line 785, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } /* line 798, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-checkbox input:checked + label { background: url(../img/elements/primary-check.png) no-repeat center center/cover; border: none; } /* line 806, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 813, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } /* line 822, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } /* line 835, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-checkbox input:checked + label { background: url(../img/elements/success-check.png) no-repeat center center/cover; border: none; } /* line 843, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 850, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } /* line 859, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } /* line 871, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-checkbox input:disabled { cursor: not-allowed; z-index: 3; } /* line 876, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-checkbox input:checked + label { background: url(../img/elements/disabled-check.png) no-repeat center center/cover; border: none; } /* line 884, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 891, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } /* line 900, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } /* line 913, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .primary-radio input:checked + label { background: url(../img/elements/primary-radio.png) no-repeat center center/cover; border: none; } /* line 921, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 928, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } /* line 937, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } /* line 950, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .confirm-radio input:checked + label { background: url(../img/elements/success-radio.png) no-repeat center center/cover; border: none; } /* line 958, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; } /* line 965, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } /* line 974, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } /* line 986, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-radio input:disabled { cursor: not-allowed; z-index: 3; } /* line 991, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .disabled-radio input:checked + label { background: url(../img/elements/disabled-radio.png) no-repeat center center/cover; border: none; } /* line 999, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-select { height: 40px; } /* line 1001, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff; padding-left: 20px; padding-right: 40px; } /* line 1008, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px; } /* line 1015, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 20px; } /* line 1022, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-select .nice-select .list .option.selected { color: #222222; background: transparent; } /* line 1026, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-select .nice-select .list .option:hover { color: #222222; background: transparent; } /* line 1033, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-select .current { margin-right: 50px; font-weight: 300; } /* line 1037, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .default-select .nice-select::after { right: 20px; } /* line 1042, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .form-select { height: 40px; width: 100%; } /* line 1045, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .form-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff; padding-left: 45px; padding-right: 40px; width: 100%; } /* line 1053, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .form-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px; } /* line 1060, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .form-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 45px; } /* line 1067, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .form-select .nice-select .list .option.selected { color: #222222; background: transparent; } /* line 1071, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .form-select .nice-select .list .option:hover { color: #222222; background: transparent; } /* line 1078, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .form-select .current { margin-right: 50px; font-weight: 300; } /* line 1082, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .form-select .nice-select::after { right: 20px; } /* line 1086, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .mt-10 { margin-top: 10px; } /* line 1089, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .section-top-border { padding: 50px 0; border-top: 1px dotted #eee; } /* line 1093, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .mb-30 { margin-bottom: 30px; } /* line 1096, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .mt-30 { margin-top: 30px; } /* line 1099, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_elements.scss */ .switch-wrap { margin-bottom: 10px; } /* Start Blog Area css ============================================================================================ */ /* line 5, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .latest-blog-area .area-heading { margin-bottom: 70px; } /* line 10, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_area a { color: #909092 !important; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; } /* line 14, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_area a:hover, .blog_area a :hover { background: -webkit-linear-gradient(131deg, #ec0000 0%, #ec0000 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; } /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog { overflow: hidden; margin-bottom: 30px; } /* line 28, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog:hover { box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1); } /* line 32, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .thumb { overflow: hidden; position: relative; } /* line 36, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .thumb:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog h4 { border-bottom: 1px solid #dfdfdf; padding-bottom: 34px; margin-bottom: 25px; } /* line 56, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog a { font-size: 20px; font-weight: 600; } /* line 66, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .date { color: #666666; text-align: left; display: inline-block; font-size: 13px; font-weight: 300; } /* line 74, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .tag { text-align: left; display: inline-block; float: left; font-size: 13px; font-weight: 300; margin-right: 22px; position: relative; } /* line 84, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .tag:after { content: ''; position: absolute; width: 1px; height: 10px; background: #acacac; right: -12px; top: 7px; } @media (max-width: 1199px) { /* line 74, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .tag { margin-right: 8px; } /* line 98, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .tag:after { display: none; } .bradcam_area { background-size: cover; background-position: center center; padding: 100px 0 30px; background-position: bottom; background-repeat: no-repeat; } } /* line 104, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .likes { margin-right: 16px; } @media (max-width: 800px) { /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog { margin-bottom: 30px; } } /* line 112, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .single-blog-content { padding: 30px; } /* line 116, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .single-blog-content .meta-bottom p { font-size: 13px; font-weight: 300; } /* line 121, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .single-blog-content .meta-bottom i { color: #fdcb9e; font-size: 13px; margin-right: 7px; } @media (max-width: 1199px) { /* line 112, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog .single-blog-content { padding: 15px; } } /* line 135, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog:hover .thumb:after { opacity: .7; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 1199px) { /* line 143, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog h4 { transition: all 300ms linear 0s; border-bottom: 1px solid #dfdfdf; padding-bottom: 14px; margin-bottom: 12px; } /* line 149, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-blog h4 a { font-size: 18px; } } /* line 157, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .full_image.single-blog { position: relative; } /* line 160, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .full_image.single-blog .single-blog-content { position: absolute; left: 35px; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } @media (min-width: 992px) { /* line 160, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .full_image.single-blog .single-blog-content { bottom: 100px; } } /* line 179, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .full_image.single-blog h4 { -webkit-transition: 0.5s; transition: 0.5s; border-bottom: none; padding-bottom: 5px; } /* line 185, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .full_image.single-blog a { font-size: 20px; font-weight: 600; } /* line 195, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .full_image.single-blog .date { color: #fff; } /* line 200, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .full_image.single-blog:hover .single-blog-content { opacity: 1; visibility: visible; -webkit-transition: 0.5s; transition: 0.5s; } /* End Blog Area css ============================================================================================ */ /* Latest Blog Area css ============================================================================================ */ /* line 224, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .l_blog_item .l_blog_text .date { margin-top: 24px; margin-bottom: 15px; } /* line 228, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .l_blog_item .l_blog_text .date a { font-size: 12px; } /* line 234, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .l_blog_item .l_blog_text h4 { font-size: 18px; border-bottom: 1px solid #eeeeee; margin-bottom: 0px; padding-bottom: 20px; -webkit-transition: 0.5s; transition: 0.5s; } /* line 247, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .l_blog_item .l_blog_text p { margin-bottom: 0px; padding-top: 20px; } /* End Latest Blog Area css ============================================================================================ */ /* Causes Area css ============================================================================================ */ /* line 263, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_slider .owl-dots { text-align: center; margin-top: 80px; } /* line 267, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_slider .owl-dots .owl-dot { height: 14px; width: 14px; background: #eeeeee; display: inline-block; margin-right: 7px; } /* line 274, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_slider .owl-dots .owl-dot:last-child { margin-right: 0px; } /* line 285, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item { background: #fff; } /* line 288, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_img { position: relative; } /* line 291, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_img .c_parcent { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 3px; background: rgba(255, 255, 255, 0.5); } /* line 299, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_img .c_parcent span { width: 70%; height: 3px; position: absolute; left: 0px; bottom: 0px; } /* line 307, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_img .c_parcent span:before { content: "75%"; position: absolute; right: -10px; bottom: 0px; color: #fff; padding: 0px 5px; } /* line 320, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_text { padding: 30px 35px 40px 30px; } /* line 323, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_text h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px; cursor: pointer; } /* line 336, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_text p { font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 0px; } /* line 346, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_bottom a { width: 50%; border: 1px solid; text-align: center; float: left; line-height: 50px; color: #fff; font-size: 14px; font-weight: 500; } /* line 358, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .causes_item .causes_bottom a + a { border-color: #eeeeee; background: #fff; font-size: 14px; } /* End Causes Area css ============================================================================================ */ /*================= latest_blog_area css =============*/ /* line 374, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .latest_blog_area { background: #f9f9ff; } /* line 378, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-recent-blog-post { margin-bottom: 30px; } /* line 381, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-recent-blog-post .thumb { overflow: hidden; } /* line 384, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-recent-blog-post .thumb img { transition: all 0.7s linear; } /* line 389, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-recent-blog-post .details { padding-top: 30px; } /* line 392, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-recent-blog-post .details .sec_h4 { line-height: 24px; padding: 10px 0px 13px; transition: all 0.3s linear; } /* line 403, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-recent-blog-post .date { font-size: 14px; line-height: 24px; font-weight: 400; } /* line 410, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-recent-blog-post:hover img { transform: scale(1.23) rotate(10deg); } /* line 417, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .tags .tag_btn { font-size: 12px; font-weight: 500; line-height: 20px; border: 1px solid #eeeeee; display: inline-block; padding: 1px 18px; text-align: center; } /* line 431, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .tags .tag_btn + .tag_btn { margin-left: 2px; } /*========= blog_categorie_area css ===========*/ /* line 438, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_categorie_area { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 900px) { /* line 438, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_categorie_area { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 1100px) { /* line 438, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_categorie_area { padding-top: 120px; padding-bottom: 120px; } } /* line 454, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .categories_post { position: relative; text-align: center; cursor: pointer; } /* line 459, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .categories_post img { max-width: 100%; } /* line 463, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .categories_post .categories_details { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background: rgba(34, 34, 34, 0.75); color: #fff; transition: all 0.3s linear; display: flex; align-items: center; justify-content: center; } /* line 476, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .categories_post .categories_details h5 { margin-bottom: 0px; font-size: 18px; line-height: 26px; text-transform: uppercase; color: #fff; position: relative; } /* line 494, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .categories_post .categories_details p { font-weight: 300; font-size: 14px; line-height: 26px; margin-bottom: 0px; } /* line 501, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .categories_post .categories_details .border_line { margin: 10px 0px; background: #fff; width: 100%; height: 1px; } /* line 510, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .categories_post:hover .categories_details { background: rgba(222, 99, 32, 0.85); } /*============ blog_left_sidebar css ==============*/ /* line 525, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_item { margin-bottom: 50px; } /* line 529, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_details { padding: 30px 0 20px 10px; box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3); } @media (min-width: 768px) { /* line 529, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_details { padding: 60px 30px 35px 35px; } } /* line 537, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_details p { margin-bottom: 30px; } /* line 541, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_details a { color: #ff8b23; } /* line 544, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_details a:hover { color: #ec0000; } /* line 549, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_details h2 { font-size: 18px; font-weight: 600; margin-bottom: 8px; } @media (min-width: 768px) { /* line 549, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_details h2 { font-size: 24px; margin-bottom: 15px; } } /* line 563, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-info-link li { float: left; font-size: 14px; } /* line 567, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-info-link li a { color: #999999; } /* line 571, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-info-link li i, .blog-info-link li span { font-size: 13px; margin-right: 5px; } /* line 577, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-info-link li::after { content: "|"; padding-left: 10px; padding-right: 10px; } /* line 583, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-info-link li:last-child::after { display: none; } /* line 588, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-info-link::after { content: ""; display: block; clear: both; display: table; } /* line 596, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_item_img { position: relative; } /* line 599, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_item_img .blog_item_date { position: absolute; bottom: -10px; left: 10px; display: block; color: #fff; background-color: #ec0000; padding: 8px 15px; border-radius: 5px; } @media (min-width: 768px) { /* line 599, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_item_img .blog_item_date { bottom: -20px; left: 40px; padding: 13px 30px; } } /* line 615, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_item_img .blog_item_date h3 { font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 0; line-height: 1.2; } @media (min-width: 768px) { /* line 615, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_item_img .blog_item_date h3 { font-size: 30px; } } /* line 627, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_item_img .blog_item_date p { font-size: 18px; margin-bottom: 0; color: #fff; } @media (min-width: 768px) { /* line 627, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_item_img .blog_item_date p { font-size: 18px; } } /* line 647, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .widget_title { font-size: 20px; margin-bottom: 40px; } /* line 652, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .widget_title::after { content: ""; display: block; padding-top: 15px; border-bottom: 1px solid #f0e9ff; } /* line 660, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .single_sidebar_widget { background: #fbf9ff; padding: 30px; margin-bottom: 30px; } /* line 664, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .single_sidebar_widget .btn_1 { margin-top: 0px; } /* line 672, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .search_widget .form-control { height: 50px; border-color: #f0e9ff; font-size: 13px; color: #999999; padding-left: 20px; border-radius: 0; border-right: 0; } /* line 681, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .search_widget .form-control::placeholder { color: #999999; } /* line 685, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .search_widget .form-control:focus { border-color: #f0e9ff; outline: 0; box-shadow: none; } /* line 694, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .search_widget .input-group button { background: #fff; border-left: 0; border: 1px solid #f0e9ff; padding: 4px 15px; border-left: 0; } /* line 701, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .search_widget .input-group button i, .blog_right_sidebar .search_widget .input-group button span { font-size: 14px; color: #999999; } /* line 713, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .newsletter_widget .form-control { height: 50px; border-color: #f0e9ff; font-size: 13px; color: #999999; padding-left: 20px; border-radius: 0; } /* line 722, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .newsletter_widget .form-control::placeholder { color: #999999; } /* line 726, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .newsletter_widget .form-control:focus { border-color: #f0e9ff; outline: 0; box-shadow: none; } /* line 735, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .newsletter_widget .input-group button { background: #fff; border-left: 0; border: 1px solid #f0e9ff; padding: 4px 15px; border-left: 0; } /* line 742, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .newsletter_widget .input-group button i, .blog_right_sidebar .newsletter_widget .input-group button span { font-size: 14px; color: #999999; } /* line 755, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .post_category_widget .cat-list li { border-bottom: 1px solid #f0e9ff; transition: all 0.3s ease 0s; padding-bottom: 12px; } /* line 760, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .post_category_widget .cat-list li:last-child { border-bottom: 0; } /* line 764, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .post_category_widget .cat-list li a { font-size: 14px; line-height: 20px; color: #888888; } /* line 769, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .post_category_widget .cat-list li a p { margin-bottom: 0px; } /* line 774, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .post_category_widget .cat-list li + li { padding-top: 15px; } /* line 791, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .popular_post_widget .post_item .media-body { justify-content: center; align-self: center; padding-left: 20px; } /* line 796, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .popular_post_widget .post_item .media-body h3 { font-size: 16px; line-height: 20px; margin-bottom: 6px; transition: all 0.3s linear; } /* line 807, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .popular_post_widget .post_item .media-body a:hover { color: #fff; } /* line 813, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .popular_post_widget .post_item .media-body p { font-size: 14px; line-height: 21px; margin-bottom: 0px; } /* line 820, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .popular_post_widget .post_item + .post_item { margin-top: 20px; } /* line 828, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .tag_cloud_widget ul li { display: inline-block; } /* line 831, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .tag_cloud_widget ul li a { display: inline-block; border: 1px solid #eeeeee; background: #fff; padding: 4px 20px; margin-bottom: 8px; margin-right: 3px; transition: all 0.3s ease 0s; color: #888888; font-size: 13px; } /* line 842, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .tag_cloud_widget ul li a:hover { background: #ec0000; color: #fff !important; -webkit-text-fill-color: #fff; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; } /* line 857, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .instagram_feeds .instagram_row { display: flex; margin-right: -6px; margin-left: -6px; } /* line 863, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .instagram_feeds .instagram_row li { width: 33.33%; float: left; padding-right: 6px; padding-left: 6px; margin-bottom: 15px; } /* line 963, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog_right_sidebar .br { width: 100%; height: 1px; background: #eeeeee; margin: 30px 0px; } /* line 984, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-pagination { margin-top: 80px; } /* line 988, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-pagination .page-link { font-size: 14px; position: relative; display: block; padding: 0; text-align: center; margin-left: -1px; line-height: 45px; width: 45px; height: 45px; border-radius: 0 !important; color: #8a8a8a; border: 1px solid #f0e9ff; margin-right: 10px; } /* line 1005, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-pagination .page-link i, .blog-pagination .page-link span { font-size: 13px; } /* line 1017, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-pagination .page-item.active .page-link { background-color: #fbf9ff; border-color: #f0e9ff; color: #888888; } /* line 1024, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .blog-pagination .page-item:last-child .page-link { margin-right: 0; } /*============ Start Blog Single Styles =============*/ /* line 1049, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog_details { box-shadow: none; padding: 0; } /* line 1054, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .social-links { padding-top: 10px; } /* line 1057, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .social-links li { display: inline-block; margin-bottom: 10px; } /* line 1061, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .social-links li a { color: #cccccc; padding: 7px; font-size: 14px; transition: all 0.2s linear; } /* line 1074, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog_details { padding-top: 26px; } /* line 1077, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog_details p { margin-bottom: 20px; font-size: 15px; } /* line 1087, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .quote-wrapper { background: rgba(130, 139, 178, 0.1); padding: 15px; line-height: 1.733; color: #888888; font-style: italic; margin-top: 25px; margin-bottom: 25px; } @media (min-width: 768px) { /* line 1087, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .quote-wrapper { padding: 30px; } } /* line 1101, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .quotes { background: #fff; padding: 15px 15px 15px 20px; border-left: 2px solid; } @media (min-width: 768px) { /* line 1101, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .quotes { padding: 25px 25px 25px 30px; } } /* line 1111, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .arrow { position: absolute; } /* line 1114, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .arrow .lnr { font-size: 20px; font-weight: 600; } /* line 1121, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .thumb .overlay-bg { background: rgba(0, 0, 0, 0.8); } /* line 1126, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top { padding-top: 15px; border-top: 1px solid #f0e9ff; } /* line 1130, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top p { margin-bottom: 0; } /* line 1134, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top .like-info { font-size: 14px; } /* line 1137, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top .like-info i, .single-post-area .navigation-top .like-info span { font-size: 16px; margin-right: 5px; } /* line 1144, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top .comment-count { font-size: 14px; } /* line 1147, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top .comment-count i, .single-post-area .navigation-top .comment-count span { font-size: 16px; margin-right: 5px; } /* line 1156, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top .social-icons li { display: inline-block; margin-right: 15px; } /* line 1160, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top .social-icons li:last-child { margin: 0; } /* line 1164, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-top .social-icons li i, .single-post-area .navigation-top .social-icons li span { font-size: 14px; color: #999999; } /* line 1182, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog-author { padding: 40px 30px; background: #fbf9ff; margin-top: 50px; } @media (max-width: 600px) { /* line 1182, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog-author { padding: 20px 8px; } } /* line 1191, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog-author img { width: 90px; height: 90px; border-radius: 50%; margin-right: 30px; } @media (max-width: 600px) { /* line 1191, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog-author img { margin-right: 15px; width: 45px; height: 45px; } } /* line 1204, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog-author a { display: inline-block; } /* line 1208, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog-author a:hover { color: #ec0000; } /* line 1213, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog-author p { margin-bottom: 0; font-size: 15px; } /* line 1218, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .blog-author h4 { font-size: 16px; } /* line 1225, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area { border-bottom: 1px solid #eee; padding-bottom: 30px; margin-top: 55px; } /* line 1230, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area p { margin-bottom: 0px; } /* line 1234, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area h4 { font-size: 18px; line-height: 25px; } /* line 1240, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-left { text-align: left; } /* line 1243, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-left .thumb { margin-right: 20px; background: #000; } /* line 1247, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-left .thumb img { -webkit-transition: 0.5s; transition: 0.5s; } /* line 1252, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-left .lnr { margin-left: 20px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } /* line 1259, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-left:hover .lnr { opacity: 1; } /* line 1264, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-left:hover .thumb img { opacity: .5; } @media (max-width: 767px) { /* line 1240, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-left { margin-bottom: 30px; } } /* line 1275, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-right { text-align: right; } /* line 1278, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-right .thumb { margin-left: 20px; background: #000; } /* line 1282, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-right .thumb img { -webkit-transition: 0.5s; transition: 0.5s; } /* line 1287, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-right .lnr { margin-right: 20px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } /* line 1294, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-right:hover .lnr { opacity: 1; } /* line 1299, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .navigation-area .nav-right:hover .thumb img { opacity: .5; } @media (max-width: 991px) { /* line 1307, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .single-post-area .sidebar-widgets { padding-bottom: 0px; } .service_area .single_service { width:100%; } .service_area .single_service0 { width:100%; } .service_area .single_service1 { padding: 50px 50px 30px; float:left; width:100%;margin: 0 0 30px 0; background:#fff; border:1px solid #dadada; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clear:both; } } /* line 1314, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area { background: transparent; border-top: 1px solid #eee; padding: 45px 0; margin-top: 50px; } @media (max-width: 414px) { /* line 1314, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area { padding: 50px 8px; } } /* line 1325, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area h4 { margin-bottom: 35px; font-size: 18px; } /* line 1332, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area h5 { font-size: 16px; margin-bottom: 0px; } /* line 1341, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .comment-list { padding-bottom: 48px; } /* line 1344, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .comment-list:last-child { padding-bottom: 0px; } /* line 1348, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .comment-list.left-padding { padding-left: 25px; } @media (max-width: 413px) { /* line 1354, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .comment-list .single-comment h5 { font-size: 12px; } /* line 1358, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .comment-list .single-comment .date { font-size: 11px; } /* line 1362, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .comment-list .single-comment .comment { font-size: 10px; } } /* line 1369, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .thumb { margin-right: 20px; } /* line 1372, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .thumb img { width: 70px; border-radius: 50%; } /* line 1378, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .date { font-size: 14px; color: #999999; margin-bottom: 0; margin-left: 20px; } /* line 1385, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .comment { margin-bottom: 10px; color: #777777; font-size: 15px; } /* line 1391, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comments-area .btn-reply { background-color: transparent; color: #888888; padding: 5px 18px; font-size: 14px; display: block; font-weight: 400; } /* line 1408, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form { border-top: 1px solid #eee; padding-top: 45px; margin-top: 50px; margin-bottom: 20px; } /* line 1416, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .form-group { margin-bottom: 30px; } /* line 1420, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form h4 { margin-bottom: 40px; font-size: 18px; line-height: 22px; } /* line 1428, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .name { padding-left: 0px; } @media (max-width: 767px) { /* line 1428, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .name { padding-right: 0px; margin-bottom: 1rem; } } /* line 1437, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .email { padding-right: 0px; } @media (max-width: 991px) { /* line 1437, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .email { padding-left: 0px; } } /* line 1445, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .form-control { border: 1px solid #f0e9ff; border-radius: 5px; height: 48px; padding-left: 18px; font-size: 13px; background: transparent; } /* line 1453, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .form-control:focus { outline: 0; box-shadow: none; } /* line 1458, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .form-control::placeholder { font-weight: 300; color: #999999; } /* line 1463, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form .form-control::placeholder { color: #777777; } /* line 1468, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form textarea { padding-top: 18px; border-radius: 12px; height: 100% !important; } /* line 1474, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 13px; color: #777; } /* line 1480, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form ::-moz-placeholder { /* Firefox 19+ */ font-size: 13px; color: #777; } /* line 1486, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form :-ms-input-placeholder { /* IE 10+ */ font-size: 13px; color: #777; } /* line 1492, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog.scss */ .comment-form :-moz-placeholder { /* Firefox 18- */ font-size: 13px; color: #777; } /*============ End Blog Single Styles =============*/ /**************** blog part css start ****************/ /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part { margin-bottom: 140px; } @media (max-width: 576px) { /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part { margin-bottom: 0px; padding: 0px 0px 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part { margin-bottom: 0px; padding: 0px 0px 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 2, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part { margin-bottom: 0px; padding: 0px 0px 70px; } } /* line 19, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .blog_right_sidebar .widget_title { font-size: 20px; margin-bottom: 40px; font-style: inherit !important; } @media (max-width: 576px) { /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog { margin-bottom: 140px; margin-top: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog { margin-bottom: 140px; margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 24, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog { margin-bottom: 140px; margin-top: 20px; } } /* line 40, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card-img-top { border-radius: 0px; } /* line 43, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card { border: 0px solid transparent; border-radius: 0px; background-color: transparent; position: relative; } /* line 48, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card .card-body { padding: 25px 10px 29px 40px; background-color: #fff; position: absolute; left: 20px; bottom: -140px; box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1); border-radius: 10px; } @media (max-width: 576px) { /* line 48, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card .card-body { padding: 15px; left: 10px; bottom: -140px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 48, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card .card-body { padding: 15px; left: 10px; bottom: -140px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { /* line 48, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card .card-body { padding: 20px; } } /* line 72, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card .card-body a { color: #ec0000; text-transform: uppercase; -webkit-transition: 0.8s; transition: 0.8s; } /* line 76, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card .card-body a:hover { background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* line 83, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card .dot { position: relative; padding-left: 20px; } /* line 86, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card .dot:after { position: absolute; content: ""; width: 10px; height: 10px; top: 5px; left: 0; background-color: #ec0000; border-radius: 50%; } /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card span { color: #8a8a8a; margin-bottom: 10px; display: inline-block; margin-top: 10px; } @media (max-width: 576px) { /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card span { margin-bottom: 5px; margin-top: 5px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card span { margin-bottom: 5px; margin-top: 5px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card span { margin-bottom: 5px; margin-top: 5px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { /* line 97, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card span { margin-bottom: 5px; margin-top: 5px; } } /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card h5 { font-weight: 600; line-height: 1.5; font-size: 20px; -webkit-transition: 0.8s; transition: 0.8s; text-transform: capitalize; margin-bottom: 22px; } @media (max-width: 576px) { /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card h5 { margin-bottom: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card h5 { margin-bottom: 10px; font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card h5 { margin-bottom: 10px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { /* line 119, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card h5 { margin-bottom: 10px; font-size: 18px; } } /* line 140, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card h5:hover { -webkit-transition: 0.8s; transition: 0.8s; background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: 1s; } /* line 150, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card ul li { display: inline-block; color: #8a8a8a; margin-right: 14px; } @media (max-width: 576px) { /* line 150, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card ul li { margin-right: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { /* line 150, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card ul li { margin-right: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 150, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card ul li { margin-right: 10px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { /* line 150, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card ul li { margin-right: 10px; } } /* line 166, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_blog_part.scss */ .blog_part .single-home-blog .card ul li span { margin-right: 10px; font-size: 12px; } /*# sourceMappingURL=style.css.map */ .topmenu ul{position:absolute; top:7px; right:0px;z-index:999;} .topmenu li{float:left; margin:6px 6px 0px 6px; font-size:15px; color:#4b4b4b;font-family:'MalgunGothic', sans-serif; list-style:none;} .footsns ul{float:left; margin-top:15px; right:0px;z-index:999;} .footsns li{float:left; margin:6px 6px 0px 0px; font-size:15px; color:#4b4b4b;font-family:'MalgunGothic', sans-serif; list-style:none;} @media (max-width: 992px) { .topmenu ul{display:none;} } .line01 {width:100%; border-top:1px solid #d7d7d7; margin-top:100px; margin-bottom:25px;} .line01_1 {width:100%; border-top:1px solid #d7d7d7; margin-top:100px; margin-bottom:0px;} .line02 {width:100%; border-bottom:1px solid #d7d7d7; margin-top:0px; margin-bottom:0px;} #moviepart { background: #fff; padding: 25px 0 0px 0; position: relative;text-align:left; margin-top:0px;color:#494949; } #moviepart .movie-col { margin: 0px 0 20px 0;left:0px;text-align:left;font-size:20px; color:#494949; font-family: 'Pretendard', sans-serif; } #moviepart .movie-col h1{ font-size:45px; color:#009add; font-family:Poppins, sans-serif; font-weight:600; letter-spacing:1px; } .movieblue{color:#009add;} #moviepart .movie-col h2{ font-size:36px; color:#333333; font-family: 'Pretendard', sans-serif; margin-top:30px; } #moviepart .movie-col h3{ font-size:55px; color:#000; font-family: 'Pretendard', sans-serif; margin-bottom:20px; } /* About Us Section --------------------------------*/ #about { background: url("../img/main_pback01.jpg") top center no-repeat; padding: 25px 0 25px 0; position: relative;text-align:left; margin-top:122px; } #about .container { position: relative; z-index: 10;text-align:left; } #about .about-col { margin: 40px 0 40px 0;left:0px;text-align:center; } #about .about-col .movie { width:95%; } #about .about-col .img { position: relative; text-align:center; } #about .about-col .img img { border-radius: 4px 4px 0 0; } #about .about-col h1 { color: #494949; text-align: center; font-family: 'Pretendard', sans-serif; font-size: 24px; padding: 0; } #about .about-col h2 { color: #000; text-align: center; font-family: 'Pretendard', sans-serif; font-size: 37px; line-height: 52px; padding: 0; } #about .about-col h2 a { color: #000; } #about .about-col h2 a:hover { color: #18d26e; } #about .about-col p { font-size: 22px; line-height: 30px; color: #2a2a2a; font-family: 'Pretendard', sans-serif; margin-bottom: 10px; padding: 0px 0px 0px 0px; } #about .about-col .read{position:relative; text-align:center; margin-top:4px;} #about .about-col .mbook {margin-top:10px;} #about .about-col2 { margin: 8px 0 40px 0px;text-align:center; } #about .about-col2 h1 { color: #555454; font-size:27px; line-height: 35px; padding-top:30px; font-family: 'Pretendard', sans-serif; } #about .about-col2 h2 { font-family:Poppins, sans-serif; color: #000; font-size:45px; font-weight:600; line-height: 50px; padding-top:0px; } #about .about-col2 h3 { color: #000; font-size:45px; line-height: 50px; font-family: 'Pretendard', sans-serif; margin-bottom:13px; } #about .about-col2 .read{position:relative; text-align:center; margin-left:35px;} @media (max-width: 1300px) { #about .about-col .mbook {margin-top:44px;} #about .about-col .read{position:relative; text-align:center; margin-top:47px;} } @media (max-width: 1201px) { #about .about-col .mbook {margin-top:45px;} #about .about-col .read{position:relative; text-align:center; margin-top:46px;} } @media (max-width: 993px) { #about .about-col h1 { color: #494949; text-align: center; font-family: 'Pretendard', sans-serif; font-size: 24px; padding: 0; padding-top:30px; } #about .about-col h2 { color: #000; text-align: center; font-family: 'Pretendard', sans-serif; font-size: 30px; line-height: 52px; padding: 0; margin-top:-10px; } #about .about-col .mbook {margin-top:67px;} #about .about-col .read{position:relative; text-align:center; margin-top:67px;} } @media (max-width: 768px) { #about { background: #fff; padding: 0px 0 60px 0; position: relative;text-align:center; } #about .about-col { background: url("../img/main_mback01.jpg") top center no-repeat; padding: 60px 20px 60px 20px; margin:0px; position: relative;text-align:left; } #about .about-col h1 { color: #494949; text-align: center; font-family: 'Pretendard', sans-serif; font-size: 24px; padding: 0; padding-top:0px; } #about .about-col .mbook {margin-top:10px;} #about .about-col .read{position:relative; text-align:center; margin-top:12px;} #about .about-col2 { background: url("../img/main_mback02.jpg") top center no-repeat; padding: 30px 20px 50px 20px; margin:0px; position: relative;text-align:center; } #about .about-col2 h1 { color: #555454; font-size:27px; line-height: 35px; padding-top:30px; font-family: 'Pretendard', sans-serif; } #about .about-col2 h2 { font-family:Poppins, sans-serif; color: #000; font-size:45px; font-weight:600; line-height: 50px; padding-top:0px; } #about .about-col2 h3 { color: #000; font-size:45px; line-height: 50px; font-family: 'Pretendard', sans-serif; margin-bottom:0px; } #about .about-col2 .read{position:relative; text-align:center; margin-left:0px;} /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn4 { background: #27528b; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 18px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 6px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn4:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn4:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn41 { background: #0047b2; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 18px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 6px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn41:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn41:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn42 { background: #8e3900; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 18px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 6px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn42:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn42:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn43 { background: #056520; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 18px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 6px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn43:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn43:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn44 { background: #004b7b; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 18px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 6px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn44:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn44:focus { outline: none; } /* line 49, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn45 { background: #4d138a; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 18px; letter-spacing:-0.5px; border: 1px solid transparent; color: #fff; padding: 6px 6px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; } /* line 59, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn45:hover { background: #ffd800; color: #000; } /* line 64, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_btn.scss */ .boxed-btn45:focus { outline: none; } } @media (max-width: 480px) { #about { margin-top:80px; } .team_area .single_team .member_name .mamber_inner { border-radius: 5px; display: inline-block; padding: 16px 0px 11px 0px; } /* line 29, ../../Arafath/CL/january 2020/240. Animal/HTML/scss/_team.scss */ .team_area .single_team .member_name .mamber_inner h4 { font-family: 'Pretendard', sans-serif; font-size:23px; color:#555555; margin-bottom: 0; margin-top:20px; } .team_area .single_team .member_name .mamber_inner h4 a { font-family: 'Pretendard', sans-serif; font-size:23px; color:#555555; margin-bottom: 0; margin-top:20px; } .team_area .single_team .member_name .mamber_inner h4 { font-family: 'Pretendard', sans-serif; font-size:20px; color:#555555; margin-bottom: 0; margin-top:20px; } .team_area .single_team .member_name .mamber_inner h4 a { font-family: 'Pretendard', sans-serif; font-size:20px; color:#555555; margin-bottom: 0; margin-top:20px; } } .tabpc{width:25%;margin-right:3%;float:left;z-index:9; line-height:160%; } .tabpc h2{font-size:26px; font-weight:700;color:#000; font-family: 'Pretendard', sans-serif;} .tabpc ul{height:100%; margin-top:20px; } .tabpc ul li{margin-bottom:5px; } .tabpc ul li a{display:block;height:53px;background:url(../img/left_off.gif) left top no-repeat;color:#545454;font-size:18px;padding:14px 0 0 20px; text-decoration:none; list-style:none; font-family: 'Pretendard', sans-serif; } .tabpc ul li a.on{display:block;height:53px; background:url(../img/left_on.gif) left top no-repeat;color:#fff;font-size:18px;padding:14px 0 0 20px; text-decoration:none; font-family: 'Pretendard', sans-serif; } .tab{width:100%; z-index:9; margin-top:50px;} .tel{border:1px solid #cccccc; margin-top:40px; max-width:258px; padding:30px; font-weight:500; line-height:150%; font-size:14px; border-radius:10px;} .tel h1{color:#000; font-weight:500; font-size:20px; font-family: 'Pretendard', sans-serif; } .tel h2{color:#eb1212; font-weight:700; font-size:22px; font-family: 'GmarketSans', sans-serif;} .tabArea{position:relative;width:100%; height:60px;overflow:hidden;text-align:center;top:0px;z-index:1;margin-left:0px; } .tabArea ul{overflow:hidden;height:60px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;} .tabArea ul li{float:left;height:60px; list-style:none; } .tabArea ul li a{display:block; vertical-align:middle; height:60px;line-height:120%;padding-top:18px;overflow:hidden;border-right:1px solid #c7c7c7; color:#4d4d4d;font-size:15px;text-decoration:none; list-style:none; font-family: 'Pretendard', sans-serif; } .tabArea ul li.fir a{display:block;height:60px;line-height:120%;border-right:1px solid #c7c7c7;padding-top:20px; border-left:1px solid #c7c7c7;color:#4d4d4d;font-size:15px;text-decoration:none; font-family: 'Pretendard', sans-serif; } .tabArea ul li.fir1 a{display:block;height:60px;line-height:120%;overflow:hidden;border-right:1px solid #c7c7c7; padding-top:20px;color:#0175c6;font-size:15px;text-decoration:none; list-style:none; font-family: 'Pretendard', sans-serif; } .tabArea ul li a.on{display:block; height:60px;width:100%; background:#31313f; color:#fff;padding-top:20px;font-weight:400;font-size:15px;cursor:inherit} .tabArea.tabOne li{width:100%} .tabArea.tabTwo li{width:50%} .tabArea.tabThree li{width:33.3333333%} .tabArea.tabFour li{width:25%} .tabArea.tabFive li{width:20%} .tabArea.tabSix li{width:16.6666666%} .tabArea2{position:relative;width:100%; height:60px;overflow:hidden;text-align:center;top:0px;z-index:1;margin-left:0px; } .tabArea2 ul{overflow:hidden;height:60px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;} .tabArea2 ul li{float:left;height:60px; list-style:none; border-right:1px solid #c7c7c7;} .tabArea2 ul li a{display:block; vertical-align:middle; height:60px;line-height:120%;overflow:hidden;padding-top:10px; color:#4d4d4d;font-size:15px;text-decoration:none; list-style:none; font-family: 'Pretendard', sans-serif; } .tabArea2 ul li.fir a{display:block;height:60px;line-height:120%;padding-top:10px;border-left:1px solid #c7c7c7;color:#4d4d4d;font-size:15px;text-decoration:none; font-family: 'Pretendard', sans-serif; } .tabArea2 ul li.fir1 a{display:block;height:60px;line-height:120%;overflow:hidden;padding-top:10px;color:#0175c6;font-size:15px;text-decoration:none; list-style:none; font-family: 'Pretendard', sans-serif; } .tabArea2 ul li a.on{display:block; height:60px;width:100%; background:#153f94; padding-top:10px;color:#fff;font-weight:400;font-size:15px;cursor:inherit} .tabArea2.tabOne li{width:100%} .tabArea2.tabTwo li{width:50%} .tabArea2.tabThree li{width:33.3333333%} .tabArea2.tabFour li{width:25%} .tabArea2.tabFive li{width:20%} .tabArea2.tabSix li{width:16.6666666%} .tabArea2 ul li.pad10{ position:relative; padding-top:10px; font-size:15px; display:block; } .tabArea2 ul li.pad10 .on{padding-top:20px; margin-top:-10px;} .pcver{display:block;} .mover{display:none;} .smenu001{display:none; position:absolute; font-size:16px; color:#000; left:-70px; top:68px; width:365px; padding:0 10px; height:34px; background:#fff; border:1px solid #ddd;} .smenu001 a{ font-size:16px !important; color:#666 !important; float:left !important; display:block !important; padding:4px 13px !important;} .smenu001 a:hover{ color:#000 !important;} .smenu1:hover .smenu001 { display: block; font-size:15px; color:#000; } .smenu002{display:none; position:absolute; font-size:16px; color:#000; left:-70px; top:68px; width:250px; padding:0 10px; height:34px; background:#fff; border:1px solid #ddd;} .smenu002 a{ font-size:16px !important; color:#666 !important; float:left !important; display:block !important; padding:4px 13px !important;} .smenu002 a:hover{ color:#000 !important;} .smenu2:hover .smenu002 { display: block; font-size:15px; color:#000; } .smenu003{display:none; position:absolute; font-size:16px; color:#000; left:-230px; top:68px; width:330px; padding:0 10px; height:34px; background:#fff; border:1px solid #ddd;} .smenu003 a{ font-size:16px !important; color:#666 !important; float:left !important; display:block !important; padding:4px 13px !important;} .smenu003 a:hover{ color:#000 !important;} .smenu3:hover .smenu003 { display: block; font-size:15px; color:#000; } .subtab1{width:100%; margin-top:20px;text-align:center; background:#fff; border-bottom:1px solid #c7c7c7; } .subtab1 ul{display:inline-block; vertical-align:top;padding:20px 0 20px; list-style: none; padding-left: 0; } .subtab1 ul:after{content:''; display:block; clear:both;} .subtab1 ul li{float:left; font-family: 'Pretendard', sans-serif; border-right:1px solid #c7c7c7;} .subtab1 ul li.nono{float:left; font-family: 'Pretendard', sans-serif; border-right:0px solid #fff;} .subtab1 ul li a{float:left;margin:0px 20px 0px; font-size:19px; font-family: 'Pretendard', sans-serif; color:#515151;} .subtab1 ul li .active{color:#2a55a4;border-bottom:3px solid #2a55a4;font-size:19px;margin:0px 20px 0px; margin-bottom:-20px;padding-bottom:20px;text-decoration:none; font-family: 'Pretendard', sans-serif; } @media (max-width: 1124px) { .tabpc ul li a{display:block;height:53px;background:url(../img/left_off.gif) -20px top no-repeat;color:#545454;font-size:17px;padding:14px 0 0 20px; text-decoration:none; list-style:none; font-family: 'Pretendard', sans-serif; } .tabpc ul li a.on{display:block;height:53px; background:#153f94 url(../img/left_on.gif) -20px; top no-repeat;color:#fff;font-size:17px;padding:14px 0 0 20px; text-decoration:none; font-family: 'Pretendard', sans-serif; } .subtab1{width:100%; margin-top:20px; text-align:center; border-bottom:1px solid #c7c7c7;} .subtab1 ul{display:inline-block; vertical-align:top;padding:20px 0 20px; list-style: none; padding-left: 0;} .subtab1 ul:after{content:''; display:block; clear:both;} .subtab1 ul li{float:left; font-family: 'Pretendard', sans-serif; } .subtab1 ul li a{float:left;margin:0px 10px 0px; font-size:15px; font-family: 'Pretendard', sans-serif; color:#515151;} .subtab1 ul li .active{color:#2a55a4;border-bottom:3px solid #2a55a4;font-size:15px;margin:0px 10px 0px; margin-bottom:-20px;padding-bottom:20px;text-decoration:none; font-family: 'Pretendard', sans-serif; } } @media (max-width: 992px) { .subtab1{width:100%; margin-top:20px; text-align:center; border-bottom:1px solid #c7c7c7;} .subtab1 ul{display:inline-block; vertical-align:top;padding:20px 0 20px; list-style: none; padding-left: 0;} .subtab1 ul:after{content:''; display:block; clear:both;} .subtab1 ul li{float:left; font-family: 'Pretendard', sans-serif; } .subtab1 ul li a{float:left;margin:0px 6px 0px; font-size:13px; font-family: 'Pretendard', sans-serif; color:#515151;} .subtab1 ul li .active{color:#2a55a4;border-bottom:3px solid #2a55a4;font-size:13px;margin:0px 6px 0px; margin-bottom:-20px;padding-bottom:20px;text-decoration:none; font-family: 'Pretendard', sans-serif; } .team_area1 h2 { font-size:26px;font-weight:600; color:#000; font-family: 'Pretendard', sans-serif; line-height:100%; float:left; margin-right:5px; } .team_area1 h3 { font-size:26px;font-weight:400; color:#8d8d8d; font-family: 'Pretendard', sans-serif;line-height:100%; } .team_area1 .board { width:100%; margin:0; float:left; } .team_area1 .board2 { width:100%; margin:0; float:left; } .team_area1 .box { width:100%; margin:0 0 30px; float:left; } .team_area1 .box2 { width:100%; margin:0; float:left; } .team_area3 { padding-top:0px; padding-bottom: 0px; position:relative;width:100%; display:inline-block; background:#fff; } .team_area3 .tel{ position:relative;width:100%; background:#ededed;padding:40px; } .team_area3 .req{ padding-left:0px; margin-top:50px;padding:40px; position:relative;width:100%;background:#fff; } #subCon .subcontent .shf1{ float:left; width:100%;margin-right:0%; } #subCon .subcontent .shf1 img{ margin:0 50% 0 0;width:50%; max-width:100%; } #subCon .subcontent .shf2{ width:100%; margin-top:0px; } .btn001{display:inline-block; margin:5px;width:120px; padding:15px 0px; font-size:14px; border:1px solid #dcdcdc; color:#5f5f5f; text-align:center;} .btn001:hover{background:#ddd; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .btn002{display:inline-block; margin:5px;width:120px; padding:15px 0px; background:#ec0000; font-size:14px; color:#fff; text-align:center;} .btn002:hover{display:inline-block; margin:5px;width:120px; padding:15px 0px; background:#000; font-size:14px; color:#fff; text-align:center; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .smenu001{display:none} .smenu1:hover .smenu001 { display:none; } .smenu002{display:none} .smenu2:hover .smenu002 { display:none; } .smenu003{display:none} .smenu3:hover .smenu003 { display:none; } .pcver{display:none;} .mover{display:block;} .jbMenu { padding: 0px 0px 0px 0; top:20px; background:#fff; width:100%; z-index:1; } .jbContent { position:relative; top:0px; min-height:500px;margin-left:0px;background:#fff;z-index:0; } .jbFixed { position: fixed; margin-top:0px; width:100%;left:0px; } .nline{clear:both; display:block;} .tel{float:left; border:1px solid #cccccc; margin-top:40px; margin-bottom:40px;max-width:100%; width:100%; padding:20px; font-weight:500; line-height:150%; font-size:14px; border-radius:10px;} .tel h1{color:#000; font-weight:500; font-size:20px; font-family: 'Pretendard', sans-serif; } .tel h2{color:#eb1212; font-weight:700; font-size:22px; font-family: 'GmarketSans', sans-serif;} .team_area h3 { font-size:17px;font-weight:400; color:#666666; line-height:140%; } .motab {line-height:120%;padding-top:5px;} #subCon .subcontent { float:left; margin-top:50px; margin-bottom:60px; width:100%; } } @media (max-width: 767px) { .subtab1{width:100%; margin-top:0px; background:#fff;margin-bottom:0px; text-align:center; border-bottom:1px solid #c7c7c7;} .subtab1 ul{display:inline-block; vertical-align:top;padding:20px 0 20px; list-style: none; padding-left: 0;} .subtab1 ul:after{content:''; display:block; clear:both;} .subtab1 ul li{float:left; font-family: 'Pretendard', sans-serif; } .subtab1 ul li a{float:left;margin:0px 5px 0px; font-size:13px; font-family: 'Pretendard', sans-serif; color:#515151;} .subtab1 ul li .active{color:#2a55a4;border-bottom:3px solid #2a55a4;font-size:13px;margin:0px 5px 0px; margin-bottom:-20px;padding-bottom:20px;text-decoration:none; font-family: 'Pretendard', sans-serif; } } @media (max-width: 769px) { } /* 오시는길 */ .locaInfoArea{margin-top:35px;} .locaInfoArea .infoRow{padding:50px 0 50px 126px; border-top:1px dashed #dfdfdf;} .locaInfoArea .infoRow:first-child{border-top:none;} .infoRow .infoTitle{font-family: 'Pretendard', sans-serif; font-weight:400; font-size:20px; color:#252525; padding-top:7px; padding-bottom:0px;} .locaInfoArea .infoRow ul li{font-size:19px; color:#4d4d4d;} .locaInfoArea .infoRow ul li .point{font-size:18px;} .locaInfoArea .infoRow .busNum{font-size:1.5rem; color:#252525; display:block; font-weight:bold;} .locaInfoArea .infoRow .busNum .busTit{ display: inline-block; vertical-align:middle; font-size:12px; color:#fff; border-radius: 3px; background-color:#729f40; padding:1px 4px 2px; } .locaInfoArea .infoRow.row01{background: url("../img/company_pic02_1.jpg") no-repeat 0 50px; background-size: 70px 70px;} .locaInfoArea .infoRow.row01 ul li{margin-top:15px;} .locaInfoArea .infoRow.row01 ul li:first-child{margin-top:0;} .locaInfoArea .infoRow.row01 ul li .point{display:block;} .locaInfoArea .infoRow.row02{background: url("../img/company_pic02_2.jpg") no-repeat 0 50px; background-size: 70px 70px;} .locaInfoArea .infoRow.row03{background: url("../img/company_pic02_3.jpg") no-repeat 0 50px; background-size: 90px 90px;} .hbbox1{ display: inline-block; margin: 0px 0; width:100%; height:auto; background:url('../img/box.gif') repeat; padding: 10px; color: #515151; font-size:17px; font-family: 'Pretendard', sans-serif; } .hbbox1 span{ float:left; background:#fff; font-size:17px; font-family: 'Pretendard', sans-serif; color:#0565b7; padding: 20px 30px; } .hbbox1 .tt05{ float:left; background:#fff; font-size:25px; font-family: 'Pretendard', sans-serif; padding: 20px 30px; } .hbbox2{ float:left; display: inline-block; margin: 0px 0; width:100%; height:auto; background:url('../img/box.gif') repeat; padding: 10px; color: #666; } .hbbox2 span{ float:left; font-size:15px; background:#fff; padding: 40px; } .font_tt {margin-bottom:10px; font-family: 'Poppins',sans-serif; color:#333; font-size:25px; font-weight:500;} /* ****************** FOOTER ********************** */ #footer{position:relative; overflow:hidden;clear:both; margin:100px 0 30px; background:#31313f; padding:30px 0 30px;} /* -------- 푸터 :: 상단 -------- */ #footerTopCon{padding:0px 0; margin:0 100px;} #footerTopCon .foot-logo{float:left;} #footerTopCon .foot-sns-menu-con{float:right;} #footerTopCon .foot-sns-menu-con li{float:left; margin-left:10px;} #footerTopCon .foot-sns-menu-con li:first-child{margin-left:0;} #footerTopCon .foot-sns-menu-con li a{display:block;} /* -------- 푸터 :: 중간 -------- */ #footerMiddleCon{padding:0px; } #footerMiddleCon > div{margin:0 100px;} /* 푸터 :: 중간 :: 회사정보 */ #footerLeftInfoCon{float:left; width:600px;} #footerLeftInfoCon .customer-tel{padding:0px 0 22px;} #footerLeftInfoCon .customer-tel dt, #footerLeftInfoCon .customer-tel dd{display:inline-block; vertical-align:middle;} #footerLeftInfoCon .customer-tel dt{margin-top:0px; font-family: 'Poppins',sans-serif; color:#009add; font-size:20px; font-weight:500; margin-right:14px;} #footerLeftInfoCon .customer-tel dd{font-size:20px; margin-top:10px; font-family: 'Poppins',sans-serif; font-weight:400; letter-spacing:-0.5px; color:#999;} .ft1 {font-size:16px; font-family: 'Pretendard', sans-serif; font-weight:400;line-height:140%; letter-spacing:-0.5px; color:#fff; } .ft2 { font-size:13px; font-family: 'Pretendard', sans-serif; font-weight:400;line-height:120%; letter-spacing:-0.5px; color:#fff; } .fttit { font-size:13px; font-family: 'Pretendard', sans-serif; font-weight:400;line-height:120%; letter-spacing:-0.5px; color:#bababa; margin-right:5px;} .ft3 { float:left; margin-top:10px; font-size:14px; font-family: 'Pretendard', sans-serif; font-weight:400;line-height:150%; letter-spacing:-0.5px; color:#a0a0a4; } .bb {border:1px solid #dfdfdf; color:#dfdfdf; padding:2px 5px; font-size:13px; margin-top:2px;} #footerLeftInfoCon .footer-detail-info{margin-bottom:0px;} #footerLeftInfoCon .footer-detail-info dl{color:#999; font-family: 'Poppins',sans-serif; font-size:14px; letter-spacing:0px; margin-bottom:8px; } #footerLeftInfoCon .footer-detail-info dl dt, {display:inline-block; vertical-align:middle;font-weight:400;} #footerLeftInfoCon .footer-detail-info dl dd{display:inline-block; vertical-align:middle; color:#777 } #footerLeftInfoCon .footer-detail-info dl dt{float:left; width:76px; margin-top:4px; font-weight:400; color:#333333; } #footerLeftInfoCon .foot-menu{overflow:hidden; } #footerLeftInfoCon .foot-menu li{float:left; line-height:20px; margin-left:22px;} #footerLeftInfoCon .foot-menu li:first-child{margin-left:0;} #footerLeftInfoCon .foot-menu li a{color:#777; font-size:13.5px;} #footerLeftInfoCon .foot-menu li a b{color:#999; font-weight:400;} /* 푸터 :: 중간 :: 사이트맵 */ #footerRightSitemapCon{float:right; margin-top:30px;} .footer-sitemap-list-con > ul {overflow:hidden; list-style-type: none;} .footer-sitemap-list-con > ul > li{float:left; padding-left:45px; } .footer-sitemap-list-con > ul > li:first-child{padding-left:0;} .footer-sitemap-list-con > ul > li h3{font-family: 'Poppins',sans-serif; color:#000; font-size:17px; letter-spacing:0px; font-weight:500; margin-bottom:13px;} .footer-sitemap-list-con > ul > li .sitemap-2dep li{margin-bottom:11px; margin-left:-40px; list-style-type: none;} .footer-sitemap-list-con > ul > li .sitemap-2dep li a{ display:block; font-family: 'Poppins',sans-serif; color:#666; font-size:15px; font-weight:400; letter-spacing:0px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s } .footer-sitemap-list-con > ul > li .sitemap-2dep li a:hover{color:#9c2033} /* -------- 푸터 :: 하단 -------- */ #footerBottom{padding:20px 0; margin:0 100px;} #footerBottom .footer-copyright{float:left; color:#aaa; font-size:13px; } #footerBottom .footer-copyright b{color:#bb5c6a; font-weight:400; line-height:40px;} /* 푸터 :: 하단 :: 패밀리사이트 */ .family-site-box{float:right; position:relative; width:170px; text-align:left; letter-spacing:-0.25px;} .family-site-box .family-site-open-btn{display:block; height:38px; line-height:38px; text-indent:11px; font-size:14.3px; border:1px solid #ddd; background-color:#fff; color:#888; } .family-site-box .family-site-open-btn .arrow{position:absolute; right:0; top:0px; width:36px; height:100%; text-indent:0; border-left:1px solid #ddd; text-align:center;} .family-site-box .family-site-open-btn .arrow i{color:#acacac;} .family-site-box.open .family-site-open-btn i{transform:rotate(180deg); right:-5px} .family-site-list{position:absolute; bottom:40px; left:0px; width:100%; padding:10px 0; background-color:#fff; border:1px solid #ddd; border-bottom:0; z-index:11; display:none; box-sizing:border-box;} .family-site-list a{display:block; padding:10px; color:#333; font-size:12px;} .family-site-list a:hover{color:#bb5c6a;} @media all and (max-width:1600px){ .footer-sitemap-list-con > ul > li{padding-left:45px;} } @media all and (max-width:1380px){ /* 푸터 :: 레이아웃 */ #footer{padding-bottom:30px;} .footer-patners-inner, #footerTopCon, #footerMiddleCon > div, #footerBottom{margin:0 30px} /* -------- 푸터 :: TOP버튼 -------- */ .to-top-btn{right:30px;} /* -------- 푸터 :: 중간 -------- */ #footerMiddleCon{padding:20px 0 20px} /* 푸터 :: 중간 :: 사이트맵 */ } @media all and (max-width:1200px){ #footerRightSitemapCon{margin-top:10px; } } @media all and (max-width:1120px){ } @media all and (max-width:991px){ #footerRightSitemapCon{float:left; margin-top:10px;margin-bottom:20px;} #footerRightSitemapCon img{max-width:100px;} } @media all and (max-width:800px){ #footer{padding-bottom:0;} /* -------- 푸터 :: TOP버튼 -------- */ .to-top-btn{position:fixed; bottom:-100px; right:7px; width:44px; height:39px;} .to-top-btn.fixed{bottom:7px;} /* -------- 푸터 :: 파트너사 -------- */ .footer-partners-con{padding:17px 0;} .footer-partners-con li img{max-height:25px;} /* -------- 푸터 :: 상단 -------- */ #footerTopCon{padding:15px 0} #footerTopCon .foot-logo img{height:22px;} #footerTopCon .foot-sns-menu-con li a img{width:22px; } /* -------- 푸터 :: 중간 -------- */ #footerMiddleCon{padding:24px 0 30px} /* -------- 푸터 :: 하단 -------- */ #footerBottom{padding:14px 0;} #footerBottom{position:relative;} #footerBottom .footer-copyright{float:none; font-size:10px; text-align:center; padding-top:10px} #footerBottom .footer-copyright b{line-height:16px} /* 푸터 :: 하단 :: 패밀리사이트 */ .family-site-box{float:none; width:120px; margin:20px auto;} .family-site-box .family-site-open-btn{height:28px; line-height:32px; font-size:12px; text-indent:5px } .family-site-box .family-site-open-btn .arrow{width:28px} .family-site-list{bottom:30px;} } @media all and (max-width:800px){ #footer .footmenu{ font-size:14px; color:#252525; padding:15px 0;} #footer .footmenu ul { text-align:center; width:100%;} #footer .footmenu ul li{ display:inline-block; padding:0px 0px 0 5px} #footerLeftInfoCon .footer-detail-info dl dt{clear:both; float:left; width:76px; margin-top:4px; font-weight:400; color:#333333; } #footerLeftInfoCon .footer-detail-info dl dd{clear:both; float:left; display:inline-block; vertical-align:middle; margin-top:8px; margin-bottom:8px; color:#777 } .ft {clear:both; float:left; margin-top:8px; margin-bottom:8px; font-size:13px; font-family: 'Pretendard', sans-serif; font-weight:400; letter-spacing:-0.5px; color:#959595;; word-break: keep-all;} } @media all and (max-width:480px){ .bradcam_area { background-size: cover; background-position: -480px center; } /* 푸터 :: 레이아웃 */ #footer{padding-bottom:0;} .footer-patners-inner, #footerTopCon, #footerMiddleCon > div, #footerBottom{margin:0 15px} .bb {border:1px solid #dfdfdf; color:#dfdfdf; padding:5px 5px; font-size:14px; margin-top:5px;float:left;} /* -------- 푸터 :: 파트너사 -------- */ .footer-partners-con li img{max-height:22px;} /* -------- 푸터 :: 상단 -------- */ #footerTopCon{padding:12px 0;} #footerTopCon .foot-sns-menu-con li{margin-left:6px;} /* -------- 푸터 :: 중간 -------- */ #footerMiddleCon{position:relative; padding:18px 0 12px} /* 푸터 :: 중간 :: 회사정보 */ #footerLeftInfoCon{float:none; width:100%;} #footerLeftInfoCon .customer-tel{padding:0px 0px 13px 0px} #footerLeftInfoCon .customer-tel dt{font-size:13px;} #footerLeftInfoCon .customer-tel dd{font-size:16px;} #footerLeftInfoCon .footer-detail-info{margin-bottom:0;} #footerLeftInfoCon .footer-detail-info dl{font-size:12px; margin-bottom:6px} #footerLeftInfoCon .footer-detail-info dl dd {margin-top:-5px;} #footerLeftInfoCon .foot-menu{padding-top:10px;} #footerLeftInfoCon .foot-menu li{margin-left:18px} #footerLeftInfoCon .foot-menu li a{font-size:11px} } @media all and (max-width:359px){ /* -------- 푸터 :: 상단 -------- */ #footerTopCon .foot-logo img{height:18px} #footerTopCon .foot-sns-menu-con li a img{width:18px} /* -------- 푸터 :: 중간 -------- */ /* 푸터 :: 중간 :: 회사정보 */ #footerLeftInfoCon .footer-detail-info dl{font-size:10px} #footerLeftInfoCon .foot-menu li{float:none; display:inline-block;} /* -------- 푸터 :: 하단 -------- */ #footerBottom .footer-copyright{padding-top:0; padding-bottom:10px; text-align:center; font-size:9px} /* 푸터 :: 하단 :: 패밀리사이트 */ .family-site-box{position:relative; top:auto; right:auto; margin:0px auto;} } /*---------- SPACING ----------*/ /* Padding Zero */ .p0 { padding: 0!important } /* Padding Top */ .pt10 { padding-top: 10px!important } .pt15 { padding-top: 15px!important } .pt20 { padding-top: 20px!important } .pt30 { padding-top: 30px!important } .pt40 { padding-top: 40px!important } .pt50 { padding-top: 50px!important } .pt60 { padding-top: 60px!important } .pt70 { padding-top: 70px!important } .pt80 { padding-top: 80px!important } .pt90 { padding-top: 90px!important } .pt100 { padding-top: 100px!important } .pt110 { padding-top: 110px!important } .pt120 { padding-top: 120px!important } .pt130 { padding-top: 130px!important } .pt140 { padding-top: 140px!important } .pt180 { padding-top: 180px!important } /* Padding Bottom */ .pb0 { padding-bottom: 0px!important } .pb10 { padding-bottom: 10px!important } .pb15 { padding-bottom: 15px!important } .pb20 { padding-bottom: 20px!important } .pb30 { padding-bottom: 30px!important } .pb40 { padding-bottom: 40px!important } .pb50 { padding-bottom: 50px!important } .pb60 { padding-bottom: 60px!important } .pb70 { padding-bottom: 70px!important } .pb80 { padding-bottom: 80px!important } .pb90 { padding-bottom: 90px!important } .pb100 { padding-bottom: 100px!important } .pb110 { padding-bottom: 110px!important } .pb120 { padding-bottom: 120px!important } .pb130 { padding-bottom: 130px!important } .pb140 { padding-bottom: 140px!important } /* Padding Left */ .pl0 { padding-left: 0px!important } .pl3 { padding-left: 3px!important } .pl5 { padding-left: 5px!important } .pl10 { padding-left: 10px!important } .pl20 { padding-left: 20px!important } .pl30 { padding-left: 30px; } .pl40 { padding-left: 40px; } .pl50 { padding-left: 50px; } .pl60 { padding-left: 60px; } .pl70 { padding-left: 70px; } .pl80 { padding-left: 80px; } .pl90 { padding-left: 90px; } .pl100 { padding-left: 100px; } /* Padding Right */ .pr0 { padding-right: 0px!important } .pr5 { padding-right: 5px!important } .pr10 { padding-right: 10px!important } .pr20 { padding-right: 20px!important } .pr30 { padding-right: 30px!important } .pr40 { padding-right: 40px; } .pr50 { padding-right: 50px; } .pr60 { padding-right: 60px; } .pr70 { padding-right: 70px; } .pr76 { padding-right: 76px; } .pr80 { padding-right: 80px; } .pr90 { padding-right: 90px; } .pr100 { padding-right: 100px; } .pr110 { padding-right: 110px; } .pr120 { padding-right: 120px; } @media (min-width:1200px) { .pl-lg-50 { padding-left: 50px; } .pl-lg-80 { padding-left: 80px; } } @media (min-width:992px) { .pt-md-50 { padding-top: 50px; } } /* Margin Auto */ .mr-auto { margin: auto; float: none; } /* Margin Top */ .mt0 { margin-top: 0!important } .mt5 { margin-top: 5px!important } .mt10 { margin-top: 10px!important } .mt20 { margin-top: 20px!important } .mt30 { margin-top: 30px!important } .mt32 { margin-top: 32px!important } .mt40 { margin-top: 40px!important } .mt50 { margin-top: 50px!important } .mt60 { margin-top: 60px!important } .mt70 { margin-top: 70px!important } .mt80 { margin-top: 80px!important } .mt85 { margin-top: 85px!important } .mt90 { margin-top: 90px!important } .mt96 { margin-top: 96px!important } .mt100 { margin-top: 100px!important } .mt105 { margin-top: 105px!important } .mt110 { margin-top: 110px!important } .mt120 { margin-top: 120px!important } /* Margin Bottom */ .mb0 { margin-bottom: 0px!important } .mb5 { margin-bottom: 5px!important } .mb10 { margin-bottom: 10px!important } .mb15 { margin-bottom: 15px!important } .mb20 { margin-bottom: 20px!important } .mb30 { margin-bottom: 30px!important } .mb40 { margin-bottom: 40px!important } .mb50 { margin-bottom: 50px } .mb60 { margin-bottom: 60px } .mb70 { margin-bottom: 70px } .mb80 { margin-bottom: 80px } .mb90 { margin-bottom: 90px } .mb100 { margin-bottom: 100px } .mb110 { margin-bottom: 110px } .mb120 { margin-bottom: 120px } /* Margin Left */ .ml0 { margin-left: 0px!important; } .ml15 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .ml60 { margin-left: 60px; } .ml70 { margin-left: 70px; } .ml80 { margin-left: 80px; } .ml90 { margin-left: 90px; } .ml100 { margin-left: 100px; } .ml110 { margin-left: 110px; } /* Margin Right */ .mr0 { margin-right: 0px!important } .mr5 { margin-left: 5px!important } .mr10 { margin-right: 10px!important } .mr20 { margin-right: 20px!important } .mr30 { margin-right: 30px!important } .mr40 { margin-right: 40px!important } .mr50 { margin-right: 50px!important } .mr60 { margin-right: 60px!important } .mr70 { margin-right: 70px!important } .mr80 { margin-right: 80px!important } .mr90 { margin-right: 90px!important } .mr100 { margin-right: 100px; } .mr110 { margin-right: 110px; }