@import url("https://fonts.googleapis.com/css?family=Oswald:400,500,600");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap&subset=korean');
body { color: #777; font-family: 'Noto Sans Kr','Malgun Gothic','¸¼Àº°íµñ',sans-serif; font-size: 15px; font-weight: 400; line-height: 1.667; }
ul { list-style-type: none; margin: 0; padding: 0; }
a:hover { text-decoration: none; }
button { cursor: pointer; }
button:focus { outline: 0; box-shadow: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans Kr','Malgun Gothic','¸¼Àº°íµñ',sans-serif; color: #222; line-height: 1.1; }
h1, .h1 { font-size: 50px; font-weight: 700; }
h2, .h2 { font-size: 36px; font-weight: 600; }
h3, .h3 { font-size: 26px; font-weight: 600; }
@media (min-width: 600px) { h3, .h3 { font-size: 36px; } }
h4, .h4 { font-size: 20px; font-weight: 400; line-height: 1.3; }
a { display: inline-block; }
.fixed { background: #fff; position: fixed !important; top: 0; left: 0; width: 100% !important; }
.owl-carousel .owl-stage { display: flex; }
.section-margin { margin: 45px 0; }
@media (min-width: 980px) { .section-margin { margin: 70px 0; } }
@media (min-width: 1100px) { .section-margin { margin: 100px 0; }  .section-margin.calc-60px { margin: 70px 0 70px 0; } }
.section-margin--small { margin: 35px 0; }
@media (min-width: 1000px) { .section-margin--small { margin: 98px 0; } }
.section-padding { padding: 60px 0; }
@media (min-width: 1000px) { .section-padding { padding: 130px 0; } }
.pb-60px { padding-bottom: 60px; }
.pt-60px { padding-top: 40px; }
.ml-40 { margin-left: 40px; }
.header_area { position: relative; width: 100%; z-index: 9999; transition: background 0.4s, all 0.3s linear; box-shadow: 0px 10px 27px 3px rgba(221, 221, 221, 0.3); }
.header_area .navbar { background: transparent; padding: 15px 0; border: 0px; border-radius: 0px; }
.header_area .navbar .nav .nav-item { margin-right: 45px; }
.header_area .navbar .nav .nav-item .nav-link { text-transform: capitalize; color: #222; display: inline-block; }
@media (min-width: 991px) { .header_area .navbar .nav .nav-item .nav-link { padding: 32px 0px; } }
.header_area .navbar .nav .nav-item .nav-link:after { display: none; }
.header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link { color: #384aeb; }
.header_area .navbar .nav .nav-item.submenu { position: relative; }
.header_area .navbar .nav .nav-item.submenu ul { border: none; padding: 0px; border-radius: 0px; box-shadow: none; margin: 0px; background: #fff; }
@media (min-width: 992px) { .header_area .navbar .nav .nav-item.submenu ul { position: absolute; top: 120%; left: 0px; min-width: 200px; text-align: left; opacity: 0; transition: all 300ms ease-in; visibility: hidden; display: block; border: none; padding: 0px; border-radius: 0px; } }
.header_area .navbar .nav .nav-item.submenu ul:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eeeeee transparent transparent transparent; position: absolute; right: 24px; top: 45px; z-index: 3; opacity: 0; transition: all 400ms linear; }
.header_area .navbar .nav .nav-item.submenu ul .nav-item { display: block; float: none; margin-right: 0px; border-bottom: 1px solid #ededed; margin-left: 0px; transition: all 0.4s linear; }
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link { line-height: 45px; color: #222; padding: 0px 30px; transition: all 150ms linear; display: block; margin-right: 0px; }
.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child { border-bottom: none; }
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link { background: #384aeb; color: #fff; }
@media (min-width: 992px) { .header_area .navbar .nav .nav-item.submenu:hover ul { visibility: visible; opacity: 1; top: 100%; } }
.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item { margin-top: 0px; }
.header_area .navbar .nav .nav-item:last-child { margin-right: 0px; }
.header_area .navbar .search { font-size: 12px; line-height: 60px; display: inline-block; color: #222; }
.header_area .navbar .search i { font-weight: 600; }
.header_area.navbar_fixed .main_menu { position: fixed; width: 100%; top: -70px; left: 0; right: 0; background: #ffffff; -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); -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; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); }
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link { line-height: 70px; }
.header-top { background: #000000; }
@media (max-width: 991px) { .header-top { display: none; } }
.header-top a { color: #fff; }
.header-top ul li { display: inline-block; margin-left: 15px; }
.header-top .header-top-left a { margin-right: 60px; font-weight: 600; }
.header-top .header-top-left a .text { margin-top: -2px; }
.header-top .header-top-left a .text span { font-size: 14px; color: #ffffff; }
.header-top .header-top-left a .lnr { color: #ffffff; margin-right: 8px; }
@media (max-width: 767px) { .header-top .header-top-left .text { display: none; } }
.header-top .header-top-right { text-align: right; }
.header-top .header-top-right a { padding: 0 20px; height: 40px; display: inline-block; line-height: 40px; font-size: 14px; font-weight: 600; font-family: "Oswald",sans-serif; background: transparent; -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; }

@media (max-width: 1199px) { .header_area .navbar .nav .nav-item { margin-right: 28px; }  .home_banner_area .banner_inner { padding: 100px 0px; }  .header_area .navbar .tickets_btn { margin-left: 40px; } }
@media (max-width: 991px) { .navbar-toggler { border: none; border-radius: 0px; padding: 0px; cursor: pointer; margin-top: 27px; margin-bottom: 23px; }  .header_area .navbar { background: #ffffff; }  .navbar-toggler[aria-expanded="false"] span:nth-child(2) { opacity: 1; }  .navbar-toggler[aria-expanded="true"] span:nth-child(2) { opacity: 0; }  .navbar-toggler[aria-expanded="true"] span:first-child { transform: rotate(-45deg); position: relative; top: 7.5px; }  .navbar-toggler[aria-expanded="true"] span:last-child { transform: rotate(45deg); bottom: 6px; position: relative; }  .navbar-toggler span { display: block; width: 25px; height: 3px; background: #384aeb; margin: auto; margin-bottom: 4px; transition: all 400ms linear; cursor: pointer; }  .navbar .container { padding-left: 15px; padding-right: 15px; }  .nav { padding: 0px 0px; }  .header_area + section, .header_area + row, .header_area + div { margin-top: 117px; }  .header_top .nav { padding: 0px; }  .header_area .navbar .nav .nav-item .nav-link { line-height: 30px; margin-right: 0px; display: block; border-bottom: 1px solid #ededed33; border-radius: 0px; }  .header_area .navbar .nav-shop { padding-bottom: 0px; }  .header_area .navbar .search { margin-left: 0px; }  .header_area .navbar-collapse { max-height: 340px; overflow-y: scroll; }  .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link { padding: 0px 15px; }  .header_area .navbar .nav .nav-item { margin-right: 0px; }  .header_area + section, .header_area + row, .header_area + div { margin-top: 0px; padding-top: 71px; }  .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link { line-height: 40px; }  .categories_post img { width: 100%; }  .categories_post { max-width: 360px; margin: 0 auto; }  .blog_categorie_area .col-lg-4 { margin-top: 30px; }  .blog_area { padding-bottom: 80px; }  .single-post-area .blog_right_sidebar { margin-top: 30px; }  .contact_info { margin-bottom: 50px; }  .home_banner_area .donation_inner { margin-bottom: -30px; }  .home_banner_area .dontation_item { max-width: 350px; margin: auto; }  .footer-area .col-sm-6 { margin-bottom: 30px; }  .header_area .navbar .tickets_btn { margin-left: 0px; }  .home_banner_area { min-height: 700px; } }
@media (max-width: 767px) { .home_banner_area { min-height: 500px; }  .home_banner_area .banner_inner { min-height: 500px; }  .home_banner_area .banner_inner .banner_content { margin-top: 0px; }  .blog_banner .banner_inner .blog_b_text h2 { font-size: 40px; line-height: 50px; }  .blog_info.text-right { text-align: left !important; margin-bottom: 10px; }  .home_banner_area .banner_inner .banner_content h3 { font-size: 30px; }  .home_banner_area .banner_inner .banner_content p br { display: none; }  .home_banner_area .banner_inner .banner_content h3 span { line-height: 45px; padding-bottom: 0px; padding-top: 0px; }  .footer-bottom { text-align: center; }  .footer-bottom .footer-social { text-align: center; margin-top: 15px; } }
@media (max-width: 575px) { .top_menu { display: none; }  .header_area + section, .header_area + row, .header_area + div { margin-top: 0px; padding-top: 71px; }  .home_banner_area .banner_inner .banner_content h2 { font-size: 40px; line-height: 44px; }  .home_banner_area { min-height: 500px; }  .home_banner_area .banner_inner { min-height: 500px; }  .blog_banner .banner_inner .blog_b_text { margin-top: 0px; }  .home_banner_area .banner_inner .banner_content img { display: none; }  .home_banner_area .banner_inner .banner_content h5 { margin-top: 0px; }  .sample-text-area { padding: 70px 0 70px 0; }  .generic-blockquote { padding: 30px 15px 30px 30px; }  .blog_details h2 { font-size: 20px; line-height: 30px; }  .blog_banner .banner_inner .blog_b_text h2 { font-size: 28px; line-height: 38px; }  .footer-area { padding: 70px 0px; }  .single-footer-widget .sub-btn { right: 0px; } }
@media (max-width: 480px) { .header_area .navbar-collapse { max-height: 250px; }  .home_banner_area .banner_inner .banner_content { margin-top: 0px; }  .home_banner_area .banner_inner .banner_content h3 { font-size: 24px; }  .banner_area .banner_inner .banner_content h2 { font-size: 32px; }  .comments-area .thumb { margin-right: 10px; } }
.section-intro p { margin-bottom: 3px; }
.section-intro__style { border-bottom: 2px solid #384aeb; padding-bottom: 8px; }
.hero-banner { background: #F1F6F7; position: relative; margin-bottom: 10px; }
@media (min-width: 991px) { .hero-banner { z-index: 111; } }
.hero-banner::before { content: ""; display: block; width: 5%; height: 100%; background: #384aeb; position: absolute; top: 0; left: 0; }
@media (min-width: 575px) { .hero-banner::before { width: 20%; } }
@media (min-width: 991px) { .hero-banner::before { width: 35%; } }
.hero-banner__img { position: relative; top: 1px; }
@media (max-width: 575px) { .hero-banner__content { padding-bottom: 50px; } }
@media (min-width: 1000px) { .hero-banner__content { max-width: 495px; } }
.hero-banner__content h4 { font-size: 30px; font-family: 'Noto Sans Kr','Malgun Gothic','¸¼Àº°íµñ',sans-serif; color: #555555; margin-bottom: 12px; }
.hero-banner__content h1 { font-family:  'Noto Sans Kr','Malgun Gothic','¸¼Àº°íµñ',sans-serif; font-size: 25px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }
@media (min-width: 767px) { .hero-banner__content h1 { font-size: 30px; margin-bottom: 25px; } }
@media (min-width: 991px) { .hero-banner__content h1 { font-size: 50px; } }
.hero-banner__content p { margin-bottom: 10px; }
@media (min-width: 767px) { .hero-banner__content p { margin-bottom: 40px; } }
.hero-carousel__slide { position: relative; }
.hero-carousel__slide::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); transform: translateY(50px); opacity: 0; transition: all .4s ease; }
.hero-carousel__slideOverlay { position: absolute; bottom: 50px; background: #384aeb; padding: 23px 90px 23px 25px; transform: translateY(50px); opacity: 0; z-index: -1; transition: all .4s ease-in-out; }
.hero-carousel__slideOverlay h3 { font-size: 20px; font-weight: 400; color: #fff; }
.hero-carousel__slideOverlay p { color: #fff; margin: 0; }
.hero-carousel__slide:hover::after { transform: translateY(0); opacity: 1; }
.hero-carousel__slide:hover .hero-carousel__slideOverlay { transform: translateY(0); opacity: 1; z-index: 2; }
.card-product {border:1px solid #e1e1e1; margin-bottom: 30px;}
.card-product:hover{border:1px solid #384aeb; transition: all 0.3s ease-out;}
.card-product p { margin-bottom: 0; }
.card-product__img { position: relative; }
.card-product__imgOverlay { background: rgba(187, 187, 187, 0.5); position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 5px; transform: translateY(30px); opacity: 0; z-index: -1; transition: all .48s ease; }
.card-product__imgOverlay li { display: inline-block; }
.card-product__imgOverlay li button { border: 0; border-radius: 0; padding: 7px 12px; background: #8894ff; }
.card-product__imgOverlay li button i, .card-product__imgOverlay li button span { font-size: 15px; color: #fff; vertical-align: middle; }
.card-product__imgOverlay li button:hover { background: #384aeb; }
.card-product__imgOverlay li:not(:last-child) { margin-right: 5px; }
.card-product__title a { color: #222; }
.card-product__price { font-size: 18px; font-weight: 500; }
.card-product:hover .card-product__imgOverlay { opacity: 1; z-index: 1; transform: translateY(0); }
.card-product:hover .card-product__title a { color: #384aeb; }
.offer { background: url("../img/home/parallax-bg.png") right center no-repeat; background-size: cover; }
@media (min-width: 1200px) { .offer { background-size: 100% 100%; } }
.offer__content { padding: 100px 0 110px 0; }
@media (min-width: 1000px) { .offer__content { padding: 122px 0 135px 0; } }
.offer__content h3 { font-size: 35px; font-weight: 400; margin-bottom: 20px; }
@media (min-width: 650px) { .offer__content h3 { font-size: 50px; margin-bottom: 25px; } }
.offer__content h4 { font-size: 30px; }
.offer__content p { color: #555555; }
#bestSellerCarousel .owl-prev, #bestSellerCarousel .owl-next { width: 40px; height: 40px; background: #f1f6f7; }
#bestSellerCarousel .owl-prev i, #bestSellerCarousel .owl-prev span, #bestSellerCarousel .owl-next i, #bestSellerCarousel .owl-next span { font-size: 15px; color: #384aeb; line-height: 40px; }
#bestSellerCarousel .owl-prev:hover, #bestSellerCarousel .owl-next:hover { background: #384aeb; }
#bestSellerCarousel .owl-prev:hover i, #bestSellerCarousel .owl-prev:hover span, #bestSellerCarousel .owl-next:hover i, #bestSellerCarousel .owl-next:hover span { color: #fff; }
#bestSellerCarousel .owl-prev { position: absolute; top: 30%; transform: translateY(-30%); left: -20px; }
@media (min-width: 1340px) { #bestSellerCarousel .owl-prev { left: -105px; } }
#bestSellerCarousel .owl-next { position: absolute; top: 30%; transform: translateY(-30%); right: -20px; }

.subscribe { padding: 45px 10px; background: #fff; border-radius: 5px; box-shadow: 0px -5px 20px 0px rgba(56, 74, 235, 0.1); }
@media (min-width: 1000px) { .subscribe { padding: 85px 10px; } }
.subscribe__title { font-size: 28px; font-weight: 500; text-transform: uppercase; margin-bottom: 16px; }
@media (min-width: 1000px) { .subscribe__title { font-size: 36px; } }
.subscribe-form .form-group { margin-bottom: 0; position: relative; }
.subscribe-form .form-group .info { position: absolute; top: 50px; left: 10px; color: #384aeb; }
.subscribe-form .form-control { border-radius: 30px; height: 50px; border-color: #EEEEEE; padding-left: 20px; font-size: 14px; }
@media (min-width: 800px) { .subscribe-form .form-control { min-width: 380px; } }
.subscribe-form .form-control::placeholder { color: #999999; }
.subscribe-form .form-control:focus { outline: 0; box-shadow: none; }
.subscribe-form button { margin-left: 15px; }
.subscribe-position { margin-bottom: 20px; }
@media (min-width: 1000px) { .subscribe-position { position: relative; top: 100px; margin-bottom: 0; } }
.button { display: inline-block; border: 1px solid #384aeb; border-radius: 30px; color: #222; font-weight: 500; padding: 12px 50px; background: #384aeb; color: #fff; transition: all .4s ease; }
@media (max-width: 767px) { .button { padding: 8px 25px !important; } }
.button-subscribe { font-size: 14px; padding: 10px 20px; }
@media (min-width: 800px) { .button-subscribe { padding: 12px 35px; font-size: 15px; } }
.button-blog { padding: 5px 31px; font-size: 14px; background: #f9f9ff; border-color: #EEEEEE; border-radius: 0; color: #222; }
.button-blog:hover { background: #384aeb !important; color: #fff !important; }
.button-postComment { border-radius: 4px; font-size: 14px; margin-top: 5px; }
.button-contact { border-radius: 0; padding: 12px 26px; }
.button-tracking { font-size: 14px; padding: 8px 42px; }
.button-login { font-size: 15px; padding: 7px 44px; }
.button-coupon { font-size: 15px; padding: 6px 45px; }
.button-paypal { width: 100%; padding: 8px 30px; }
.button-account { padding: 7px 42px; background: transparent; border-color: #fff; }
.button-account:hover { border-color: #fff !important; }
.button-header { padding: 10px 45px; background: transparent; color: #222; border-color: #EEEEEE; }
.button-hero { padding: 12px 41px; }
.button--active { background: #384aeb; color: #fff; }
.button-contactForm { border: 1px solid #384aeb !important; border-radius: 0; padding: 11px 26px; }
.button-review { padding: 12px 40px; border-radius: 30px; }
.button:hover { border-color: #384aeb; background: transparent; color: #222; }
.button-register { font-size: 14px; border: 0; border-radius: 0; padding: 9px 15px; text-transform: uppercase; background: #c5322d; }
.button-register:hover { background: #c5322d; opacity: .7; color: #fff; }

.causes_slider .owl-dots { text-align: center; margin-top: 80px; }
.causes_slider .owl-dots .owl-dot { height: 14px; width: 14px; background: #eeeeee; display: inline-block; margin-right: 7px; }
.causes_slider .owl-dots .owl-dot:last-child { margin-right: 0px; }
.causes_slider .owl-dots .owl-dot.active { background: #384aeb; }
.causes_item { background: #fff; }
.causes_item .causes_img { position: relative; }
.causes_item .causes_img .c_parcent { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 3px; background: rgba(255, 255, 255, 0.5); }
.causes_item .causes_img .c_parcent span { width: 70%; height: 3px; background: #384aeb; position: absolute; left: 0px; bottom: 0px; }
.causes_item .causes_img .c_parcent span:before { content: "75%"; position: absolute; right: -10px; bottom: 0px; background: #384aeb; color: #fff; padding: 0px 5px; }
.causes_item .causes_text { padding: 30px 35px 40px 30px; }
.causes_item .causes_text h4 { color: #222; font-size: 18px; font-weight: 600; margin-bottom: 15px; cursor: pointer; }
.causes_item .causes_text h4:hover { color: #384aeb; }
.causes_item .causes_text p { font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 0px; }
.causes_item .causes_bottom a { width: 50%; border: 1px solid #384aeb; text-align: center; float: left; line-height: 50px; background: #384aeb; color: #fff; font-size: 14px; font-weight: 500; }
.causes_item .causes_bottom a + a { border-color: #eeeeee; background: #fff; font-size: 14px; color: #222; }

.contact-banner { position: relative; }
.contact-banner h4, .contact-banner h1, .contact-banner a { text-transform: uppercase; color: #fff; }
.contact-banner h4 { font-size: 18px; margin-bottom: 15px; }
.contact-banner h1 { font-size: 37px; margin-bottom: 5px; }
@media (min-width: 992px) { .contact-banner h1 { font-size: 48px; } }
.contact-banner-area { height: 280px; background: url("../../assets/images/contact-bg.png") center center no-repeat; background-size: cover; position: relative; z-index: 1; }
@media (min-width: 991px) { .contact-banner-area { height: 450px; } }
.contact-banner-area .contact-banner { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.contact-banner-area::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(1, 2, 11, 0.7); z-index: -1; }
.contact-banner-btn { border: 2px solid #384aeb; padding: 10px 45px; }
.contact-banner-btn:hover { background: #384aeb; color: #fff; }
.contact-info__icon { margin-right: 20px; }
.contact-info__icon i, .contact-info__icon span { color: #384aeb; font-size: 20px; }
.contact-info .media-body h3 { font-size: 16px; margin-bottom: 0; }
.contact-info .media-body h3 a { color: #222; }
.contact-info .media-body p { color: #999999; }
.form-contact .form-group { margin-bottom: 10px; }
.form-contact .form-control { border-radius: 0; height: 40px; padding-left: 18px; border-color: transparent; background: rgba(130, 139, 178, 0.1); }
.form-contact .form-control:focus { outline: 0; box-shadow: none; }
.form-contact .form-control::placeholder { font-size: 14px; color: #999999; }
.form-contact .different-control { height: 100% !important; }
.form-contact button { border: 0; }

.@-webkit-keyframes click-wave { 0% { transform: translate(-50%, -50%) scale(1);    opacity: 0.35;    position: absolute;    top: 50%;    left: 50%; }  100% { transform: translate(-50%, -50%) scale(3);    opacity: 0;    top: 50%;    left: 50%;    position: absolute; } }
@-moz-keyframes click-wave { 0% { transform: translate(-50%, -50%) scale(1);    opacity: 0.35;    position: absolute;    top: 50%;    left: 50%; }  100% { transform: translate(-50%, -50%) scale(3);    opacity: 0;    top: 50%;    left: 50%;    position: absolute; } }
@keyframes click-wave { 0% { transform: translate(-50%, -50%) scale(1);    opacity: 0.35;    position: absolute;    top: 50%;    left: 50%; }  100% { transform: translate(-50%, -50%) scale(3);    opacity: 0;    top: 50%;    left: 50%;    position: absolute; } }
.pixel-radio { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; height: 15px; width: 15px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; background: #fff; border: 1px solid #999999; color: #fff; cursor: pointer; display: inline-block; margin-right: 10px; outline: none; position: relative; z-index: 1; }
.pixel-radio:checked { border: 8px solid #384aeb; }
.pixel-radio:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #384aeb; content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; position: relative; z-index: 2; opacity: 0; }
.pixel-radio { border-radius: 50%; top: 2px; }
.pixel-radio::after { border-radius: 50%; }
.price-range-area { padding: 15px 30px 0 30px; }
.price-range-area .noUi-target { background: #eee; border-radius: 0px; border: 0px; box-shadow: none; }
.price-range-area .noUi-base { background: #e8f0f2; }
.price-range-area .noUi-horizontal { height: 6px; }
.price-range-area .noUi-connect { background: #e8f0f2; border-radius: 0px; box-shadow: none; }
.price-range-area .noUi-horizontal .noUi-handle { width: 16px; height: 16px; left: -8px; top: -5px; border-radius: 50%; border: 0px; background: #384aeb; box-shadow: none; cursor: pointer; -webkit-transition: ease 0.1s; -moz-transition: ease 0.1s; -o-transition: ease 0.1s; transition: ease 0.1s; }
.price-range-area .noUi-horizontal .noUi-handle:focus { outline: none; }
.price-range-area .noUi-horizontal .noUi-handle:hover { border: 3px solid #384aeb; background: #fff; }
.price-range-area .noUi-handle::after, .price-range-area .noUi-handle::before { display: none; }
.price-range-area .value-wrapper { margin-top: 15px; color: #777777; }
.price-range-area .value-wrapper .to { margin: 0 5px; }
.price-range-area .price { margin-right: 5px; color: #777; }

.login_box_area .login_box_img { height: 350px; position: relative; }
@media (min-width: 1000px) { .login_box_area .login_box_img { height: 610px; } }
@media (min-width: 991px) { .login_box_area .login_box_img { margin-right: -30px; } }
.login_box_area .login_box_img img { width: 100%; }
.login_box_area .login_box_img:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background: url('../img/login_bg.jpg') center center no-repeat; background-size:100%; }
.login_box_area .login_box_img .hover { position: absolute; top: 50%; left: 0px; text-align: center; width: 100%; transform: translateY(-50%); }
.login_box_area .login_box_img .hover h4 { font-size: 24px; color: #fff; font-weight: 500; margin-bottom: 15px; }
.login_box_area .login_box_img .hover p { max-width: 390px; margin: 0px auto 28px; color: #fff; }
.login_box_area .login_box_img .hover .primary-btn { border-radius: 0px; line-height: 38px; text-transform: uppercase; }
.login_box_area .login_box_img .hover .primary-btn:hover:before { left: 260px; }
.login_box_area .login_box_img .button:hover { background: #c5322d !important; color: #fff !important; border-color: #c5322d !important; }
.login_form_inner { box-shadow: 0px 10px 40px 0px rgba(56, 74, 235, 0.1); height: 100%; text-align: center; padding: 30px 0; }
@media (min-width: 1000px) { .login_form_inner { padding-top: 115px; padding-bottom: 0; } }
.login_form_inner h3 { color: #222; text-transform: uppercase; font-size: 22px; margin-bottom: 75px; }
.login_form_inner .login_form { max-width: 385px; margin: auto; }
.login_form_inner.reg_form { padding-top: 60px; }
.login_form_inner.reg_form h3 { margin-bottom: 70px; }
.login_form .form-group { margin-bottom: 22px; }
.login_form .form-group input { height: 40px; border: none; border-bottom: 1px solid #cccccc; border-radius: 0px; outline: none; box-shadow: none; font-size: 14px; color: #999999; }
.login_form .form-group input.placeholder { color: #999999; }
.login_form .form-group input:-moz-placeholder { color: #999999; }
.login_form .form-group input::-moz-placeholder { color: #999999; }
.login_form .form-group input::-webkit-input-placeholder { color: #999999; }
.login_form .form-group .creat_account { margin-top: 10px; font-size: 14px; text-align: left; }
.login_form .form-group .creat_account input { height: auto; margin-right: 10px; position: relative; top: 2px; }
.login_form .form-group .primary-btn { display: block; border-radius: 0px; line-height: 38px; width: 100%; text-transform: uppercase; border: none; }
.login_form .form-group .primary-btn:hover:before { left: 370px; }
.login_form .form-group a { font-size: 14px; color: #777; margin-top: 20px; display: block; }
.register_form_inner { padding-top: 70px; }


.product_image_area { padding-top: 50px; }
@media (min-width: 1000px) { .product_image_area { padding-top: 100px; } }
.s_Product_carousel .owl-dots { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.s_Product_carousel .owl-dots div { height: 5px; width: 20px; background: #dddddd; margin: 5px; display: block; content: ""; border-radius: 50px; }
.s_Product_carousel .owl-dots div.active { width: 30px; }
.s_product_text { margin-left: -15px; margin-top: 65px; }
@media (max-width: 575px) { .s_product_text { margin-left: 0px; } }
.s_product_text h3 { font-size: 24px; font-weight: 500; color: #222; margin-bottom: 20px; }
.s_product_text h2 { font-family: "Roboto",sans-serif; font-size: 24px; font-weight: 700; color: #384aeb; margin-bottom: 10px; }
.s_product_text .list li { margin-bottom: 5px; }
.s_product_text .list li a { font-size: 15px; font-weight: normal; color: #777777; }
.s_product_text .list li a span { width: 90px; display: inline-block; color: #555555; }
.s_product_text .list li a span:hover { color: #555; }
.s_product_text .list li a.active span { color: #555; -webkit-text-fill-color: #555; }
.s_product_text .list li:last-child { margin-bottom: 0px; }
.s_product_text p { padding-top: 20px; border-top: 1px dotted #eeeeee; border-bottom: 1px dotted #eeeeee; margin-top: 20px; padding-bottom: 26px; margin-bottom: 0; }
.s_product_text .card_area { margin-top: 25px; }
.s_product_text .card_area .primary-btn { line-height: 38px; padding: 0px 38px; text-transform: uppercase; margin-right: 10px; border-radius: 5px; }
.s_product_text .card_area .icon_btn { position: relative; height: 40px; width: 40px; text-align: center; background: #e8f0f2; border-radius: 3px; display: inline-block; color: #222; -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; margin-right: 10px; z-index: 1; }
.s_product_text .card_area .icon_btn i, .s_product_text .card_area .icon_btn span { line-height: 40px; }
.s_product_text .card_area .icon_btn:after { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; border-radius: 50%; opacity: 0; visibility: hidden; z-index: -1; }
.s_product_text .card_area .icon_btn:hover { background: #fff; box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.3); }
.s_product_text .card_area .icon_btn:hover:after { opacity: 1; visibility: visible; }
.product_count { display: inline-block; position: relative; margin-bottom: 24px; }
.product_count label { font-size: 14px; color: #777; font-weight: normal; padding-right: 10px; }
.product_count input { width: 76px; border: 1px solid #eeeeee; border-radius: 3px; padding-left: 10px; }
.product_count button { display: block; border: none; background: transparent; box-shadow: none; cursor: pointer; position: absolute; right: 0px; font-size: 14px; color: #cccccc; -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; }
.product_count button:hover { color: #222; }
.product_count .increase { top: -4px; }
.product_count .reduced { bottom: -8px; }
.product_description_area { padding-bottom: 100px; margin-top: 60px; }
.product_description_area .nav.nav-tabs { background: #f1f6f7; text-align: center; display: block; border: none; padding: 10px 0px; }
.product_description_area .nav.nav-tabs li { display: inline-block; margin-right: 7px; }
.product_description_area .nav.nav-tabs li:last-child { margin-right: 0px; }
@media (max-width: 441px) { .product_description_area .nav.nav-tabs li:last-child { margin-top: 15px; } }
.product_description_area .nav.nav-tabs li a { padding: 0px; border: none; line-height: 38px; background: #fff; border: 1px solid #eeeeee; border-radius: 30px; padding: 0px 30px; color: #222; font-size: 14px; font-weight: normal; }
@media (max-width: 570px) { .product_description_area .nav.nav-tabs li a { padding: 0 15px; } }
.product_description_area .nav.nav-tabs li a.active { color: #fff; background: #384aeb; border-color: #384aeb; }
.product_description_area .tab-content { border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 30px 30px 15px 30px; }
.product_description_area .tab-content .total_rate .box_total { background: #f1f6f7; text-align: center; padding-top: 20px; padding-bottom: 20px; }
.product_description_area .tab-content .total_rate .box_total h4 { font-size: 48px; font-weight: bold; color: #384aeb; }
.product_description_area .tab-content .total_rate .box_total h5 { color: #333333; margin-bottom: 0px; font-size: 24px; }
.product_description_area .tab-content .total_rate .box_total h6 { font-family: "Roboto",sans-serif; margin-bottom: 0px; font-size: 14px; color: #555555; font-weight: normal; }
.product_description_area .tab-content .total_rate .rating_list { margin-bottom: 30px; }
.product_description_area .tab-content .total_rate .rating_list h3 { font-size: 18px; color: #222; font-weight: 500; margin-bottom: 10px; }
.product_description_area .tab-content .total_rate .rating_list .list li a { font-size: 15px; color: #555555; }
.product_description_area .tab-content .total_rate .rating_list .list li a i { color: #fbd600; }
.product_description_area .tab-content .total_rate .rating_list .list li a i:first-child { margin-left: 15px; }
.product_description_area .tab-content .total_rate .rating_list .list li a i:last-child { margin-right: 15px; }
.product_description_area .tab-content .total_rate .rating_list .list li:nth-child a i:last-child { color: #eeeeee; }
.product_description_area .tab-content .table { margin-bottom: 0px; }
.product_description_area .tab-content .table tbody tr td { padding-left: 65px; padding-right: 65px; padding-top: 14px; padding-bottom: 14px; }
.product_description_area .tab-content .table tbody tr td h5 { font-size: 14px; font-weight: normal; color: #777; margin-bottom: 0px; white-space: nowrap; }
.product_description_area .tab-content .table tbody tr:first-child td { border-top: 0px; }

.form-review .form-control { height: 46px; background: transparent; border: 1px solid #EEEEEE; font-size: 14px; color: #999999; }
.footer-area { background: #002347; padding: 50px 0px 150px; }

@media (max-width: 991px) { .footer_title { margin-bottom: 10px; } }
.footer_title.large_title { font-size: 36px; font-weight: 600; }
@media (max-width: 1199px) { .footer_title.large_title { font-size: 18px; } }
.footer-bottom { background: rgba(0, 35, 71, 0.980392); padding: 32px; }
.footer-bottom .footer-text { color: #fff; margin-bottom: 0; }
.footer-bottom .footer-text a { color: #384aeb; opacity: 1; }
.footer-only { padding-top: 60px !important; padding-bottom: 60px !important; }.foot_wrap{padding-top:39px;width:100%;height:100px;text-align:center;}
.foot_wrap h2{margin-bottom:49px;}.foot_wrap {font-size:15px;color:#bbb;}.foot_wrap .foot_menu{display:inline-block;margin:0 auto 25px;}
.foot_wrap .foot_menu li{display:inline-block;margin-left:10px;padding-left:10px;height:14px;border-left:1px solid #585858;}
.foot_wrap .foot_menu li:first-child{border-left:none;margin:0;padding:0;}.foot_wrap .foot_info{margin-bottom:15px;}
.foot_wrap .foot_info li{display:inline-block;margin-left:15px;padding-left:15px;border-left:1px solid #585858;letter-spacing:-1px;}
.foot_wrap .foot_info li:first-child{border-left:none;margin:0;padding:0;}.foot_wrap .foot_txt{margin-bottom:35px;}
@media (min-width: 1000px) { .footer-only { padding-top: 115px !important; padding-bottom: 115px !important; } }