:root{--e-global-color-primary:#08284e;--e-global-color-secondary:#149EAC;--e-global-color-text:#787878;--e-global-color-accent:#2293aa;--e-global-color-white:#ffffff;--e-global-color-very-dark-grayish-blue:#3e454a;--e-global-color-very-dark-blue:#042237;--e-global-color-dark-blue:#052b45;--e-global-color-very-blue:#03263e;--e-global-color-very-dark-mostly-black-blue:#02162d;--e-global-color-dark-cyan:#2397ae;--e-global-color-light-black:#2e2e2e;--e-gradient-1:#02162d;--e-gradient-2:#36e0f7} html,body{height:100%;font-family:Arial,Dengl,sans-serif;font-size:14px;font-weight:400;vertical-align:baseline;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;font-display:swap;color:#333333} h1,h2,h3,h4,h5,h6{line-height:1.5;font-weight:600;margin:0 0 20px 0;color:#000} h1{font-size:48px} h2{font-size:30px} h3{font-size:20px} p{margin:0 0 24px;line-height:2} a{text-decoration:none;color:#08284e} a:active,a:hover,a:focus{text-decoration:none;outline:0 none;color:#149EAC} .btn:active,.btn:hover,.btn:focus{outline:0 none} ul{list-style:outside none none;margin:0;padding:0} .clear:after{clear:both;content:"";display:block} .sidebar-section-margin{margin-bottom:40px} .inner-section-space-top{padding:30px 0 0 0} @media only screen and (max-width:991px){.hidden-after-desk{display:none}} @media only screen and (max-width:767px){.hidden-after-tab{display:none}} @media only screen and (max-width:991px){.hidden-before-tab{display:none}} @media only screen and (max-width:991px){.padding-top-0-after-desk{padding-top:0!important}} .solid-divider{position:relative} .solid-divider:after{position:absolute;content:"";height:1px;width:100%;background:#08284e;left:0;bottom:0} .solid-underline{position:relative;padding-bottom:15px;margin-bottom:20px} .solid-underline:after{position:absolute;content:"";height:1px;width:100%;background:#08284e;left:0;bottom:0} .solid-underline-comments{position:relative;padding-bottom:38px;margin-bottom:46px} .solid-underline-comments:after{position:absolute;content:"";height:1px;width:100%;background:#08284e;left:0;bottom:0} .col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{position:relative;min-height:1px;padding-right:15px;padding-left:15px} .col-xs-15{width:20%;float:left} @media (min-width:768px){.col-sm-15{width:20%;float:left}} @media (min-width:992px){.col-md-15{width:20%;float:left}} @media (min-width:1200px){.col-lg-15{width:20%;float:left}} .wrapper-area{overflow:hidden} @media only screen and (max-width:767px){header{display:none}} .section-title{text-align:center} .section-title h2{margin-bottom:30px;letter-spacing:2px;text-transform:catpitalize;display:inline-block} @media only screen and (max-width:479px){.section-title h2{font-size:24px;letter-spacing:1px}} .section-title .title-bar-left{position:relative} @media only screen and (max-width:479px){.section-title .title-bar-left{display:none}} .section-title .title-bar-left:before{content:"";position:absolute;border-bottom:1px solid #08284e;border-top:1px solid #08284e;height:4px;background:transparent;width:236px;top:0;right:20px;z-index:1} .section-title .title-bar-right{position:relative} @media only screen and (max-width:479px){.section-title .title-bar-right{display:none}} .section-title .title-bar-right:before{content:"";position:absolute;border-bottom:1px solid #08284e;border-top:1px solid #08284e;height:4px;background:transparent;width:236px;top:0;left:20px;z-index:1} .title-carousel{padding-left:15px;font-size:20px;letter-spacing:1px;line-height:1.5;text-transform:catpitalize;position:relative;margin-bottom:30px} .title-carousel::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:20px;width:5px;background-color:#149EAC} @media only screen and (max-width:479px){.title-carousel{text-align:center}} .title-sidebar{position:relative;letter-spacing:1px;text-transform:catpitalize;font-size:22px;margin-bottom:30px} .cart-area-title{font-size:24px;letter-spacing:1px;text-transform:catpitalize} .btn-shop-now{position:relative;background:#08284e;font-size:13px;text-transform:catpitalize;font-weight:600;color:#ffffff;letter-spacing:2px;display:block;padding:6px 20px;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-shop-now i{padding-left:10px;font-size:1rem;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-shop-now:hover{color:#08284e;background:transparent;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-shop-now-fill-slider{background:#08284e;font-size:12px;text-transform:catpitalize;font-weight:600;color:#ffffff !important;letter-spacing:4px;display:inline-block;padding:12px 45px;border:1px solid #08284e} @media only screen and (max-width:1199px){.btn-shop-now-fill-slider{padding:10px 30px}} @media only screen and (max-width:767px){.btn-shop-now-fill-slider{padding:8px 25px}} .btn-shop-now-fill-slider:hover{background:#149EAC;color:#ffffff} .btn-shop-now-fill{background:#08284e;font-size:1rem;text-transform:catpitalize;font-weight:600;color:#ffffff;letter-spacing:4px;display:inline-block;padding:10px 50px;transition:all 0.5s ease-out} @media only screen and (max-width:1199px){.btn-shop-now-fill{padding:10px 30px}} @media only screen and (max-width:767px){.btn-shop-now-fill{padding:8px 25px}} .btn-shop-now-fill:hover{background:#149EAC;color:#fff;text-decoration:none} .btn-add-to-cart-fill{background:#ffffff;font-size:12px;text-transform:catpitalize;font-weight:600;color:#08284e;letter-spacing:3px;display:inline-block;padding:12px 30px;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-add-to-cart-fill:hover{color:#ffffff;background:#08284e;border:1px solid #ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-add-to-cart-fill-box4{background:#ffffff;font-size:12px;text-transform:catpitalize;font-weight:400;color:#08284e;letter-spacing:2px;display:inline-block;padding:12px 30px;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:767px){.btn-add-to-cart-fill-box4{padding:5px 12px;letter-spacing:1px}} @media only screen and (max-width:320px){.btn-add-to-cart-fill-box4{padding:1px 8px 0;letter-spacing:0;font-size:10px}} .btn-add-to-cart-fill-box4:hover{color:#ffffff;background:#08284e;border:1px solid #ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-add-to-cart-fill-box3{background:#ffffff;font-size:12px;text-transform:catpitalize;font-weight:600;color:#08284e;letter-spacing:2px;display:inline-block;padding:12px 30px;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.btn-add-to-cart-fill-box3{padding:5px 12px;letter-spacing:1px}} .btn-add-to-cart-fill-box3:hover{color:#ffffff;background:#08284e;border:1px solid #ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-add-to-cart-fill-black{background:#08284e;font-size:1rem;text-transform:catpitalize;font-weight:600;color:#ffffff;letter-spacing:3px;display:inline-block;padding:12px 30px;border:1px solid #ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-add-to-cart-fill-black:hover{color:#08284e;background:#ffffff;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-send-message{background:#08284e;font-size:1rem;text-transform:catpitalize;font-weight:600;color:#ffffff;letter-spacing:2px;display:inline-block;padding:12px 40px;border:1px solid #08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .btn-send-message:hover{color:#08284e;background:transparent;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .btn-side-nav{margin-top:20px;background:#08284e;font-size:12px;text-transform:catpitalize;font-weight:600;color:#ffffff;letter-spacing:2px;display:inline-block;padding:7px 30px;border:1px solid #08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .btn-side-nav:hover{color:#ffffff;background:#455a64;border:1px solid #455a64;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .btn-services-shop-now{border:1px solid #08284e;background:#08284e;font-size:13px;text-transform:catpitalize;font-weight:400;color:#ffffff;letter-spacing:2px;display:inline-block;padding:8px 30px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} @media only screen and (max-width:479px){.btn-services-shop-now{padding:8px 20px}} @media only screen and (max-width:320px){.btn-services-shop-now{padding:5px 10px;font-size:12px}} .btn-services-shop-now:hover{color:#08284e;background:transparent;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .btn-apply-coupon{background:#08284e;font-size:1rem;text-transform:catpitalize;font-weight:600;color:#ffffff;letter-spacing:2px;display:inline-block;padding:12px 20px;border:1px solid #08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} @media only screen and (max-width:320px){.btn-apply-coupon{font-size:12px}} .btn-apply-coupon:hover{color:#08284e;background:transparent;border:1px solid #08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .btn-checkout{background:#ffffff;font-size:12px;text-transform:catpitalize;font-weight:600;color:#455a64;letter-spacing:2px;display:inline-block;padding:5px 25px;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-checkout i{margin-right:10px} .btn-checkout:hover{color:#ffffff;background:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-error{background:#08284e;padding:12px 33px;color:#ffffff;border-radius:0;text-transform:catpitalize;font-weight:600;margin-top:30px;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .btn-error:hover{background:#f1f1f1;color:#455a64;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .stylish-input-group{border:1px solid #08284e;padding:10px} .stylish-input-group .form-control{border:none;box-shadow:0 0 0;border-radius:0;background:transparent;text-transform:catpitalize;color:#08284e} .stylish-input-group .input-group-addon{padding:6px;background:transparent!important;border:none;border-radius:0} .stylish-input-group .input-group-addon button{border:0;background:transparent} .stylish-input-group .input-group-addon button span{color:#727272} .owl-controls{margin-top:0px!important} .owl-controls .owl-buttons{position:absolute;top:-62px;z-index:2;right:13px} @media only screen and (max-width:479px){.owl-controls .owl-buttons{top:inherit;right:inherit;position:inherit}} .owl-controls .owl-buttons div{height:40px!important;width:40px!important;background:#08284e !important;opacity:1!important;font-size:18px!important;padding:7px 10px!important;margin:0 2px!important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .owl-controls .owl-buttons div i{color:#ffffff;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .owl-controls .owl-buttons div:hover{background:#149EAC!important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .owl-controls .owl-buttons div:hover i{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} @media only screen and (max-width:479px){.owl-controls .owl-buttons .owl-prev{position:absolute;top:50%;left:-15%;transform:translateY(-50%)}} @media only screen and (max-width:479px){.owl-controls .owl-buttons .owl-next{position:absolute;top:50%;right:-15%;transform:translateY(-50%)}} @media only screen and (max-width:991px){.owl-controls .owl-pagination{width:80px;display:inline-flex;overflow:hidden}} .owl-controls .owl-pagination span{background:#c2c2c2!important} #scrollUp{background-color:rgba(17,17,17,0.5);bottom:15px;color:#ffffff !important;display:block;font-size:25px;height:40px;line-height:0;position:fixed;right:20px;text-align:center;text-decoration:none !important;transition:all 0.5s cubic-bezier(0,0,0,1) 0s;width:50px;z-index:99999;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} #scrollUp i{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} #scrollUp i{display:block;padding-top:7px} #scrollUp:hover,#scrollUp:focus{background-color:rgba(103,103,103,0.8);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} #scrollUp:hover i,#scrollUp:focus i{color:#455a64;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} #preloader{background:#ffffff url('img/preloader.gif') no-repeat scroll center center;height:100%;left:0;overflow:visible;position:fixed;top:0;width:100%;z-index:9999999} .header-top .header-top-inner-top{} .header-bottom{background:#08284e} .header-bottom .logo-area{float:left;margin-top:10px;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out} .header-bottom .search-area{float:left;margin-top:10px;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out} @media only screen and (max-width:991px){.header-contact{text-align:center}} .header-contact ul li{display:inline-block;text-transform:capitalize;font-weight:500;letter-spacing:2px} .header-contact ul li i{padding-right:5px;font-size:1rem} .header-contact ul li a{font-size:1rem;text-transform:catpitalize;padding-right:10px;margin-right:10px;border-right:1px solid #a1a1a1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .header-contact ul li:last-child a{border-right:0} .account-wishlist{text-align:right} @media only screen and (max-width:991px){.account-wishlist{text-align:center;margin-top:5px}} .account-wishlist ul li{display:inline-block;text-transform:capitalize;font-weight:500;letter-spacing:2px} .account-wishlist ul li i{padding-right:5px;font-size:1rem} .account-wishlist ul li a{font-size:1rem;padding-right:10px;margin-right:10px;border-right:1px solid #a1a1a1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .account-wishlist ul li:last-child a{border-right:0;padding-right:0;margin-right:0} .main-menu-area nav ul .active > a{color:#08284e} .main-menu-area nav ul > li{display:inline-block;position:relative;padding:1.25em 0 1.25em 0} .main-menu-area nav ul > li > a{border-right:1px solid #08284e;padding-right:25px;display:block;text-transform:catpitalize;text-decoration:none;font-size:15px;margin-right:25px;line-height:1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .header-bottom nav ul > li > a{border-right:1px solid #08284e;padding-right:25px;display:block;text-transform:catpitalize;text-decoration:none;font-size:1.15rem;color:#ffffff;margin-right:25px;line-height:1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media (min-width:768px) and (max-width:991px){.main-menu-area nav ul > li > a{margin-right:10px;padding-right:10px}} .main-menu-area nav ul > li > a:hover{color:#149EAC;font-weight:600;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li:last-child a{border-right:0;margin-right:0;padding-right:0} .main-menu-area nav ul > li ul{border:1px solid #f1f1f1;text-align:left;opacity:0;position:absolute;top:100%;transform:scaleY(0);-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform-origin:0 0 0;width:245px;z-index:99999;background:#ffffff;padding:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li ul > li{padding:0;display:block;border-bottom:1px solid #f1f1f1;background:transparent;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li ul > li > a{color:#000;margin-right:0;border-right:0!important;padding:15px 10px;display:block;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li ul > li:last-child{border-bottom:none} .main-menu-area nav ul > li ul > li:hover,.main-menu-area nav ul > li ul > li .active{background:#f1f1f1;color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li ul > li > a > font:hover,.main-menu-area nav ul > li ul > li > a > font .active{background:#111111;color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li:hover ul{opacity:1;transform:scaleY(1);-ms-transform:scaleY(1);-webkit-transform:scaleY(1);visibility:visible} .main-menu-area nav ul > li .mega-menu-area{padding:18px 11px;width:1107px} .main-menu-area nav ul > li .mega-menu-area > li{width:173px;border-bottom:none;display:inline-block;margin-right:3px} .main-menu-area nav ul > li .mega-menu-area > li:hover{background:transparent!important;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li .mega-menu-area > li:hover a{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li .mega-menu-area > li > a{padding:12px 0!important;display:block;border-bottom:1px solid #08284e;margin-right:0!important} .main-menu-area nav ul > li .mega-menu-area > li > a:hover{color:#08284e;background:#f1f1f1;padding-left:10px!important;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .main-menu-area nav ul > li .mega-menu-area > li > a:last-child{border-bottom:none} .main-menu-area nav ul > li .mega-menu-area > li:last-child{margin-right:0} .main-menu-area nav ul > li .mega-menu-area > li .active{color:#08284e;background:transparent} .header-cart-area{text-align:right} .header-cart-area > li{cursor:pointer;position:relative;display:inline-block;width:30px;margin-right:15px;top:10px} .header-cart-area > li:last-child{margin-right:0} .header-cart-area li:hover .cart-area ul{opacity:1;transform:scaleY(1);-ms-transform:scaleY(1);-webkit-transform:scaleY(1)} .header-search .search-form{display:none;position:absolute;top:-7px;right:30px;z-index:10;font-weight:600;font-size:1rem;height:40px;width:230px;background:#ffffff;border:1px solid #676767;padding:5px 18px 5px 10px;-webkit-box-shadow:0 0 0.5px -1.5px rgba(153,157,163,0.4);-moz-box-shadow:0 0 0.5px -1.5px rgba(153,157,163,0.4);box-shadow:0 0 0.5px -1.5px rgba(153,157,163,0.4)} .header-search a > i{color:#08284e;font-size:18px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .header-search a > i:hover{color:#727272;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .cart-area{padding-bottom:15px;position:relative} .cart-area > a{color:#727272;font-size:24px} .cart-area > a > span{background:#08284e;border-radius:45px;color:#ffffff;height:20px;padding:0 6px;position:absolute;top:-10px;width:20px;font-size:12px;right:-10px;line-height:20px} .cart-area > ul{border-top:3px solid #08284e;padding:15px 15px 0 15px;text-align:left;background-color:rgba(255,255,255,0.98);opacity:0;position:absolute;right:0;top:43px;transform:scaleY(0);-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform-origin:0 0 0;width:418px;z-index:99999;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .cart-area > ul > li{border-bottom:1px solid #dddddd;margin-bottom:5px} .cart-area > ul > li .media{position:relative} .cart-area > ul > li .media .cart-product-img{padding-right:15px} .cart-area > ul > li .media .cart-product-img a{display:inline-block} .cart-area > ul > li .media .cart-product-img a img{border:1px solid #dddddd;width:80px;min-height:80px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .cart-area > ul > li .media .cart-product-img a img:hover{opacity:0.5;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .cart-area > ul > li .media .cart-content ul li{margin-right:30px;display:inline-block} .cart-area > ul > li .media .cart-content ul li h1{text-transform:capitalize;font-size:1rem;margin-bottom:5px} .cart-area > ul > li .media .cart-content ul li h1 a{color:#455a64;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .cart-area > ul > li .media .cart-content ul li h1 a:hover{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .cart-area > ul > li .media .cart-content ul li h2{font-size:12px} .cart-area > ul > li .media .cart-content ul li h2 span{color:#000000} .cart-area > ul > li .media .cart-content ul li .trash{font-size:16px;color:#000000} .cart-area > ul > li .media .cart-content ul li .trash:hover{color:#fb0303} .cart-area > ul > li .media .cart-content ul li:first-child{width:140px} .cart-area > ul > li .media .cart-content ul li:last-child{margin-right:0} .cart-area > ul > li:last-child{border-bottom:none} .cart-area > ul > li .checkout{text-align:center} .cart-area > ul > li .checkout li{display:inline} .cart-area > ul > li > span{display:inline-block;border-top:1px solid #dddddd;border-right:1px solid #dddddd;font-size:12px;padding-right:20px;text-align:right;width:194px} .cart-area > ul > li > span span{font-weight:600;border-left:1px solid #dddddd;width:194px;display:inline-block;padding-right:20px} .additional-menu-area{position:absolute;top:-20px;right:0} .additional-menu-area:hover .side-menu-open i{color:#727272;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .additional-menu-area .side-menu-open i{cursor:pointer;font-size:24px;color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .additional-menu-area .sidenav{position:relative} .additional-menu-area .sidenav .closebtn{position:absolute;top:0;left:-3px;font-size:36px} .additional-menu-area .sidenav .closebtn:hover{color:#ffffff} .additional-menu-area .sidenav .sidenav-search{background:#ffffff;margin:0 10px 10px 33px;margin-right:30px} .additional-menu-area .sidenav .sidenav-search .stylish-input-group{padding:0 10px;border:none} .additional-menu-area .sidenav .sidenav-search .stylish-input-group .form-control{color:#08284e} .additional-menu-area .sidenav .sidenav-search .stylish-input-group button span{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .additional-menu-area .sidenav .sidenav-search .stylish-input-group button:hover span{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .additional-menu-area .sidenav .sidenav-login-registration{border-bottom:1px solid #ffffff;text-align:left;margin-bottom:15px;padding-bottom:5px;padding-left:22px} .additional-menu-area .sidenav .sidenav-login-registration li a{color:#ffffff} .additional-menu-area .sidenav .sidenav-login-registration .login-registration-field{border:none;background:#ffffff;padding:20px 15px 30px;margin-right:20px} .additional-menu-area .sidenav .sidenav-login-registration .login-registration-field label{font-size:1rem;font-weight:400;margin-top:10px} .additional-menu-area .sidenav .sidenav-login-registration .login-registration-field input{border:1px solid #08284e;font-weight:600} .additional-menu-area .sidenav .ctg-name-title{color:#ffffff;text-align:center;font-size:1rem;text-transform:catpitalize;letter-spacing:4px;font-weight:500;margin-left:10px} .additional-menu-area .sidenav .sidenav-nav li{margin-bottom:0} .additional-menu-area .sidenav .sidenav-nav li a{text-align:left;font-size:18px;color:#f1f1f1} .additional-menu-area .sidenav .sidenav-nav li a:hover{color:#ffffff;background:#08284e} .additional-menu-area .sidenav .sidenav-nav li a i{margin-right:15px} .additional-menu-area .sidenav{height:100%;width:0;position:fixed;z-index:999999;top:0;right:0;background-color:#455a64;overflow-x:hidden;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;padding-top:60px;color:#ffffff} .additional-menu-area .sidenav a{padding:8px 8px 8px 10px;text-decoration:none;color:#818181;display:block;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .category-menu-title{background:#08284e;padding:14px 10px 14px;color:#ffffff;text-transform:catpitalize;font-size:1rem;letter-spacing:4px;margin-bottom:0;margin-top:4px} .category-menu-title:hover{cursor:pointer} @media (min-width:768px) and (max-width:991px){.category-menu-title{letter-spacing:1px}} .category-menu-title a{color:#ffffff} .category-menu-title a i{margin:-2px 10px 0 7px;font-size:24px;float:left} @media (min-width:768px) and (max-width:991px){.category-menu-title a i{margin:0 10px 0;font-size:21px}} @media only screen and (max-width:1199px){.category-menu-area ul{-webkit-box-shadow:0px 0px 5px -2px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 5px -2px rgba(0,0,0,0.75);box-shadow:0px 0px 5px -2px rgba(0,0,0,0.75)}} .category-menu-area ul li{position:relative;font-size:1rem;text-transform:catpitalize;letter-spacing:2px;border-bottom:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .category-menu-area ul li:last-child{border-bottom:0} .category-menu-area ul li a{display:block;padding:8px 0 7px 0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .category-menu-area ul li a > i:before{padding-right:17px;font-size:20px;float:left;margin-left:15px!important} @media only screen and (max-width:1199px){.category-menu-area ul li a > i:before{margin-left:5px}} .category-menu-area ul li a span{position:absolute;right:0} .category-menu-area ul li a span > i:before{font-size:10px;color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .category-menu-area ul li:hover{background:#f1f1f1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .category-menu-area ul li:hover a{color:#455a64;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .category-menu-area ul li:hover span i:before{color:#455a64;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .category-menu-area ul li .dropdown-menu{padding:5px;position:absolute;top:0;left:100%;margin:0;border-radius:0} .category-menu-area ul li .dropdown-menu > li{font-size:1rem;text-transform:capitalize;letter-spacing:1px} .category-menu-area ul li .dropdown-menu > li > a{padding:8px 15px;font-weight:500} .category-menu-area ul li .dropdown-menu > li:hover > a{color:#455a64 !important;background:#f1f1f1 !important} .category-menu-area ul li:hover .dropdown-menu{display:block} .header-area-style1 .header-top .header-top-inner-top{background:#f1f1f1} .header-area-style1 .header-top .header-top-inner-top ul li i{color:#08284e} .header-area-style1 .header-top .header-top-inner-top ul li a{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .header-area-style1 .header-top .header-top-inner-top ul li:hover a{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .header-area-style1 .header-top .header-top-inner-bottom{padding:30px 0 18px;position:relative} .header-area-style1 .header-top .header-top-inner-bottom .search-area{position:relative;z-index:8} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group{width:102%;margin:0 auto;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;border-left:1px solid #f1f1f1} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .form-control{height:42px;border-radius:0;box-shadow:none;border:none} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group{display:flex !important} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .btn{border-radius:0;margin-left:-1px;padding:0 15px} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .btn-metro{margin-top:10px;margin-right:15px;background:transparent} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .btn-metro i{display:block;padding:5px;line-height:0} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .btn-metro span{float:left;margin-right:15px;color:#08284e} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .dropdown-menu{margin-top:-1px;padding:20px 0 0 0;min-width:250px;right:0;border-radius:0} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .dropdown-menu .sidenav-nav li{margin-bottom:10px} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .dropdown-menu .sidenav-nav li a{text-align:left;font-size:18px;display:flex;padding:5px 0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .dropdown-menu .sidenav-nav li a:hover{color:#455a64;background:#f1f1f1;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .dropdown-menu .sidenav-nav li a:hover i{color:#455a64;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .dropdown-lg .dropdown-menu .sidenav-nav li a i{font-weight:600;margin-right:15px;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .btn-metro-search{padding:10px 12px;border-radius:0;background:#f1f1f1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .btn-metro-search span{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .btn-metro-search:hover{background:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .header-area-style1 .header-top .header-top-inner-bottom .search-area .input-group .input-group-btn .btn-group .btn-metro-search:hover span{color:#ffffff;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .header-area-style1 .header-bottom .header-cart-area{display:none} .header-area-style1 .header-bottom .logo-area{float:left;margin-top:10px;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out} .header-area-style1 .header-bottom .search-area{float:center} .header-area-style1 .header-bottom nav ul > li .mega-menu-area{left:-330px;padding:10px 0 10px 34px} @media (min-width:768px) and (max-width:1199px){.header-area-style1 .header-bottom nav ul > li .mega-menu-area{width:578px;left:-230px;padding:10px 0 10px 34px}} @media (min-width:768px) and (max-width:1199px){.header-area-style1 .header-bottom nav ul > li .mega-menu-area > li > a{border-bottom:none}} @media (min-width:768px) and (max-width:1199px){.header-area-style1 .header-bottom .main-menu-area nav > ul > li{padding:10px 0 10px 0}} .open-on-tab{display:none} @media only screen and (max-width:1199px){.open-on-tab{display:block}} @media only screen and (max-width:1199px){.open-on-tab .category-menu-area-inner{opacity:0;position:absolute;z-index:8;background:#ffffff;width:213px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}} @media only screen and (max-width:991px){.open-on-tab .category-menu-area-inner{width:220px}} @media only screen and (max-width:1199px){.open-on-tab:hover .category-menu-area-inner{opacity:1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}} @media only screen and (max-width:1199px){.close-on-tab{display:none}} .stick .header-bottom{position:fixed;top:0px;z-index:9;width:100%;margin:0;left:0;right:0;border-bottom:2px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .stick .header-bottom .logo-area{display:inline-block;float:left;margin-top:10px;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out} .stick .header-bottom .category-menu-title{display:none} .stick .header-bottom .category-menu-area{display:none} .stick .header-bottom .main-menu-area nav > ul > li{padding:20px 0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .stick .header-bottom .home2-sticky-area nav > ul > li{padding:20px 0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media (min-width:768px) and (max-width:991px){.stick .header-bottom .home2-sticky-area nav > ul > li a{margin-right:9px;padding-right:9px}} .mobile-menu-area{display:none} .mean-container .mean-bar{float:none} @media only screen and (max-width:767px){.mean-container .mean-bar a{padding:10px 16px;display:inline-block}} @media only screen and (max-width:767px){.mean-container .mean-bar .meanmenu-reveal{margin-top:5px}} .mean-container .mean-bar:after{content:"";clear:both;display:block} .mean-container .mean-nav ul li a{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .mean-container .mean-nav ul li a:hover{color:#455a64;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .mean-container .mean-nav > ul:after{content:'';display:block;clear:both} .mean-container .mean-nav > ul{overflow-y:scroll} .mean-container .mean-bar,.mean-container .mean-nav{background:transparent !important} .mean-container .mean-bar{padding:0 !important;position:fixed !important} .mean-container .mean-nav{float:none !important;overflow:scroll} .mean-container .mean-bar a.logo-mobile-menu{width:100%;background-color:rgba(241,241,241,0.95);box-sizing:border-box} .mean-container a.meanmenu-reveal{float:none !important;position:absolute} .mean-bar + div.wrapper-area{padding-top:52px} .mobile-menu-area .mobile-menu-search,.mobile-menu-setting .mobile-menu-list .menu-bar{width:35px} .mobile-menu-area .mobile-navigation,.mobile-menu-search > a,.mobile-menu-setting > a{width:35px;height:35px;line-height:31px} .mobile-menu-area .mobile-navigation{padding:11px 8px 10px} @media only screen and (max-width:1199px){.main-slider1{padding-top:0}} .main-slider1 .slider-1 h2{letter-spacing:8px;text-transform:catpitalize;margin-bottom:0;left:15%;position:relative;font-size:1rem} @media only screen and (max-width:479px){.main-slider1 .slider-1 h2{display:none}} .main-slider1 .slider-1 .title1{left:15%;position:relative;font-size:48px;margin-bottom:0;font-weight:600} @media (min-width:992px) and (max-width:1199px){.main-slider1 .slider-1 .title1{font-size:42px}} @media only screen and (max-width:479px){.main-slider1 .slider-1 .title1{left:5%;font-size:20px}} .main-slider1 .slider-1 h3{left:10%;position:relative;font-size:28px;font-weight:400;color:#ffffff;text-transform:catpitalize;margin-bottom:10px} @media only screen and (max-width:479px){.main-slider1 .slider-1 h3{left:5%;font-size:10px}} .main-slider1 .slider-1 p{left:10%;position:relative;font-size:20px;font-weight:550;color:#ffffff;max-width:436px;padding:20px 0 0;margin-bottom:30px;line-height:1.5} @media only screen and (max-width:1199px){.main-slider1 .slider-1 p{left:5%;padding:10px 0 0;margin-bottom:10px;font-size:10px}} @media only screen and (max-width:479px){.main-slider1 .slider-1 p{left:5%;padding:5px 0 0;margin-bottom:5px;font-size:5px}} .main-slider1 .slider-1 a{left:10%;position:relative;display:inline-block !important} @media only screen and (max-width:1199px){.main-slider1 .slider-1 a{margin-top:5px}} @media only screen and (max-width:479px){.main-slider1 .slider-1 a{left:5%;margin-top:5px;font-size:5px}} .main-slider1 .layer-1 img{left:5%;width:20%} .main-slider1 .layer-2 img{left:37%;width:20%} .main-slider1 .layer-3 img{left:66%;width:33%} .main-slider1 .layer-1-1 img{left:60%;width:43%} .main-slider1 .nivo-caption{z-index:1} .main-slider1 .nivo-controlNav{display:none} @media only screen and (max-width:767px){.main-slider1 .preview-2 .nivo-directionNav a.nivo-nextNav::before{height:45px;width:45px;line-height:45px;font-size:18px} .main-slider1 .preview-2 .nivo-directionNav a.nivo-prevNav::before{height:45px;width:45px;line-height:45px;font-size:18px}} @media only screen and (max-width:479px){.main-slider1 .preview-2 .nivo-directionNav a.nivo-nextNav::before{height:20px;width:40px;line-height:20px;top:-12px;font-size:16px;right:-60px} .main-slider1 .preview-2 .nivo-directionNav a.nivo-prevNav::before{height:20px;width:40px;line-height:20px;top:-12px;font-size:16px;left:-12px}} .main-slider1 .nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0;opacity:0!important} .main-slider1 .preview-2 .nivo-directionNav a.nivo-prevNav:hover::before{color:#ffffff} .main-slider1 .preview-2 .nivo-directionNav a.nivo-nextNav:hover::before{color:#ffffff} .main-slider2 .nivoSlider .nivo-caption{z-index:9;opacity:1;padding:0} .main-slider2 .preview-1 .nivo-controlNav{position:absolute} .main-slider2 .preview-1 .nivo-controlNav a{display:none} .main-slider2 .preview-1 .nivo-directionNav a{padding-top:14px;height:50px;text-indent:inherit;text-transform:catpitalize;color:#f1f1f1;font-size:13px;letter-spacing:2px;font-weight:600} .main-slider2 .preview-1 .nivo-directionNav a:hover{color:#08284e} .main-slider2 .preview-1 a.nivo-prevNav{background:url(lib/custom-slider/img/left-arrow.png);background-position:left;width:66px;text-align:right;background-repeat:no-repeat} .main-slider2 .preview-1 a.nivo-nextNav{padding-right:25px;background:url(lib/custom-slider/img/right-arrow.png);background-position:right;width:66px;text-align:left;background-repeat:no-repeat} .main-slider2 .slider-1 h1{font-weight:300;line-height:1.3;text-transform:catpitalize;font-size:36px;left:10%;position:relative} @media (min-width:992px) and (max-width:1199px){.main-slider2 .slider-1 h1{font-size:36px}} @media (min-width:768px) and (max-width:991px){.main-slider2 .slider-1 h1{font-size:28px}} @media (min-width:480px) and (max-width:767px){.main-slider2 .slider-1 h1{font-size:20px}} @media only screen and (max-width:479px){.main-slider2 .slider-1 h1{font-size:16px}} .main-slider2 .slider-1 h1 span{font-weight:600} .main-slider2 .slider-1 p{left:10%;position:relative;font-size:18px} @media only screen and (max-width:1199px){.main-slider2 .slider-1 p{padding-right:50%;font-size:14px}} @media only screen and (max-width:991px){.main-slider2 .slider-1 p{display:none}} .main-slider2 .slider-1 a{margin-top:30px;left:10%;position:relative;display:inline-block !important;color:#455a64;font-weight:600} @media (min-width:480px) and (max-width:767px){.main-slider2 .slider-1 a{margin-top:10px;padding:10px 30px}} @media only screen and (max-width:479px){.main-slider2 .slider-1 a{display:none!important}} .main-slider2 .slider-3 h1{right:10%;position:relative;font-weight:300;line-height:1.3;text-transform:catpitalize;font-size:60px} @media (min-width:992px) and (max-width:1199px){.main-slider2 .slider-3 h1{font-size:42px}} @media (min-width:768px) and (max-width:991px){.main-slider2 .slider-3 h1{font-size:30px}} @media (min-width:480px) and (max-width:767px){.main-slider2 .slider-3 h1{font-size:24px}} @media only screen and (max-width:479px){.main-slider2 .slider-3 h1{font-size:18px}} .main-slider2 .slider-3 h1 span{font-weight:600} .main-slider2 .slider-3 p{right:10%;position:relative} @media only screen and (max-width:1199px){.main-slider2 .slider-3 p{padding-left:50%}} @media only screen and (max-width:991px){.main-slider2 .slider-3 p{display:none}} .main-slider2 .slider-3 a{margin-top:30px;right:10%;position:relative;display:inline-block !important;color:#455a64;font-weight:600} @media (min-width:480px) and (max-width:767px){.main-slider2 .slider-3 a{margin-top:10px;padding:10px 30px}} @media only screen and (max-width:479px){.main-slider2 .slider-3 a{display:none!important}} .main-slider3 .nivoSlider .nivo-caption{z-index:9;opacity:1;padding:0} .bend.niceties.preview-1{position:relative} .main-slider3 .preview-1 .nivo-controlNav{position:absolute;left:0;right:0;bottom:30px} @media only screen and (max-width:479px){.main-slider3 .preview-1 .nivo-controlNav{bottom:-15px}} .bend.niceties.preview-1{z-index:1} .main-slider3 .preview-1 .nivo-directionNav a{display:none} .main-slider3 .slider-1 span{display:block;right:10%;position:relative;text-transform:catpitalize;letter-spacing:20px;font-size:18px;font-weight:600} @media only screen and (max-width:1199px){.main-slider3 .slider-1 span{right:5%}} @media only screen and (max-width:767px){.main-slider3 .slider-1 span{letter-spacing:4px;margin-bottom:5px}} @media only screen and (max-width:479px){.main-slider3 .slider-1 span{font-size:16px}} .main-slider3 .slider-1 h2{right:10%;position:relative;text-transform:catpitalize;font-size:40px} .main-slider3 .slider-1 h2 span{font-weight:600} @media only screen and (max-width:1199px){.main-slider3 .slider-1 h2{right:5%}} @media (min-width:992px) and (max-width:1199px){.main-slider3 .slider-1 h2{font-size:32px}} @media (min-width:480px) and (max-width:991px){.main-slider3 .slider-1 h2{font-size:28px;margin-bottom:0}} @media only screen and (max-width:479px){.main-slider3 .slider-1 h2{display:none}} .main-slider3 .slider-1 p{padding-left:30px;right:10%;position:relative;margin-bottom:0;padding-top:0;padding-bottom:0} @media only screen and (max-width:1199px){.main-slider3 .slider-1 p{right:5%;padding-left:50%}} @media only screen and (max-width:767px){.main-slider3 .slider-1 p{display:none}} .main-slider3 .slider-1 a{margin-top:30px;right:10%;position:relative;display:inline-block !important;color:#455a64;font-weight:600} @media only screen and (max-width:1199px){.main-slider3 .slider-1 a{right:5%}} @media only screen and (max-width:991px){.main-slider3 .slider-1 a{margin-top:10px}} @media only screen and (max-width:479px){.main-slider3 .slider-1 a{display:none!important}} .main-slider3 .slider-2 h2{text-transform:catpitalize;font-size:60px;left:10%;position:relative} .main-slider3 .slider-2 h2 span{font-weight:600} @media only screen and (max-width:1199px){.main-slider3 .slider-2 h2{left:5%}} @media (min-width:992px) and (max-width:1199px){.main-slider3 .slider-2 h2{font-size:42px}} @media (min-width:480px) and (max-width:991px){.main-slider3 .slider-2 h2{font-size:30px;margin-bottom:0}} @media only screen and (max-width:479px){.main-slider3 .slider-2 h2{font-size:20px}} .main-slider3 .slider-2 p{left:10%;position:relative} @media only screen and (max-width:1199px){.main-slider3 .slider-2 p{left:5%;padding-right:50%}} @media only screen and (max-width:767px){.main-slider3 .slider-2 p{display:none}} .main-slider3 .slider-2 a{margin-top:30px;left:10%;position:relative;display:inline-block !important;color:#455a64;font-weight:600} @media only screen and (max-width:1199px){.main-slider3 .slider-2 a{left:5%}} @media only screen and (max-width:991px){.main-slider3 .slider-2 a{margin-top:10px}} @media only screen and (max-width:479px){.main-slider3 .slider-2 a{display:none!important}} .main-slider4 .preview-1 .nivo-controlNav{position:absolute;left:6%} @media only screen and (max-width:1199px){.main-slider4 .preview-1 .nivo-controlNav{bottom:-10px}} .main-slider4 .preview-1 .nivo-directionNav a{display:none} .main-slider4 .slider-1 span{display:block;left:5%;position:relative;text-transform:catpitalize;letter-spacing:15px;font-size:18px;font-weight:600} @media only screen and (max-width:1199px){.main-slider4 .slider-1 span{font-size:16px;letter-spacing:8px}} @media only screen and (max-width:991px){.main-slider4 .slider-1 span{letter-spacing:4px}} .main-slider4 .slider-1 h2{border-bottom:1px solid #08284e;letter-spacing:12px;display:inline-block;left:5%;position:relative;font-weight:600;line-height:1.3;text-transform:catpitalize;font-size:60px} @media only screen and (max-width:1199px){.main-slider4 .slider-1 h2{font-size:36px;letter-spacing:4px}} @media only screen and (max-width:991px){.main-slider4 .slider-1 h2{font-size:24px;margin-top:10px;letter-spacing:2px}} .main-slider4 .slider-1 p{left:5%;position:relative;padding-top:0;padding-bottom:0} @media only screen and (max-width:1199px){.main-slider4 .slider-1 p{padding-right:55%}} @media only screen and (max-width:991px){.main-slider4 .slider-1 p{display:none!important}} .main-slider4 .slider-1 a{margin-top:30px;left:5%;position:relative;display:inline-block !important;font-weight:600} @media only screen and (max-width:991px){.main-slider4 .slider-1 a{display:none!important}} .main-slider4 .slider-2 h2{font-weight:300;line-height:1.3;text-transform:capitalize;font-size:60px;left:20%;position:relative} @media (min-width:992px) and (max-width:1199px){.main-slider4 .slider-2 h2{font-size:40px}} @media only screen and (max-width:991px){.main-slider4 .slider-2 h2{font-size:24px}} .main-slider4 .slider-2 h2 span{text-transform:catpitalize;font-weight:600} .main-slider4 .slider-2 p{left:20%;position:relative} @media only screen and (max-width:1199px){.main-slider4 .slider-2 p{display:none}} .main-slider4 .slider-2 a{left:20%;position:relative;display:inline-block !important;font-weight:600;margin-top:30px} @media only screen and (max-width:991px){.main-slider4 .slider-2 a{margin-top:10px}} .main-slider4 .slider-3 span{display:block;right:5%;position:relative;text-transform:catpitalize;letter-spacing:15px;font-size:18px;font-weight:600} @media only screen and (max-width:1199px){.main-slider4 .slider-3 span{margin-bottom:10px;letter-spacing:10px}} @media only screen and (max-width:991px){.main-slider4 .slider-3 span{letter-spacing:2px}} .main-slider4 .slider-3 h2{border-bottom:1px solid #08284e;letter-spacing:12px;display:inline-block;right:5%;position:relative;font-weight:600;line-height:1.3;text-transform:catpitalize;font-size:60px} @media (min-width:992px) and (max-width:1199px){.main-slider4 .slider-3 h2{font-size:30px}} @media only screen and (max-width:991px){.main-slider4 .slider-3 h2{display:none}} .main-slider4 .slider-3 p{right:5%;position:relative;padding-bottom:0;padding-top:0} @media only screen and (max-width:1199px){.main-slider4 .slider-3 p{padding-left:52%}} @media only screen and (max-width:991px){.main-slider4 .slider-3 p{display:none}} .main-slider4 .slider-3 a{right:5%;position:relative;display:inline-block !important;font-weight:600;margin-top:30px} @media only screen and (max-width:991px){.main-slider4 .slider-3 a{margin-top:10px}} @media only screen and (max-width:767px){.slider-area-section-hidden{display:none}} .inner-page-banner-area{background:url(img/about-us.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;position:relative;min-height:500px} @media only screen and (max-width:479px){.inner-page-banner-area{min-height:500px}} .inner-page-banner-area:after{position:absolute;content:"";height:100%;width:100%;top:0;z-index:1;left:0;right:0;margin:0 auto} .inner-page-banner-area .pagination-area{position:absolute;z-index:2;top:50px;left:0;right:0} .inner-page-banner-area .pagination-area h2{letter-spacing:4px;font-size:30px;margin-bottom:10px;text-transform:catpitalize;color:#ffffff} @media (min-width:321px) and (max-width:479px){.inner-page-banner-area .pagination-area h2{font-size:24px}} @media only screen and (max-width:320px){.inner-page-banner-area .pagination-area h2{font-size:20px}} .inner-page-banner-area .pagination-area ul li{display:inline-block;color:#ffffff} .inner-page-banner-area .pagination-area ul li a{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .inner-page-banner-area .pagination-area ul li a:hover{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .mypagination{text-align:center;margin-top:25px} @media only screen and (max-width:991px){.mypagination{margin-top:0}} .mypagination li{display:inline-block;margin:0 1px} .mypagination li a{width:42px;font-size:16px;color:#08284e;height:40px;background:transparent;display:block;line-height:36px;text-align:center;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .mypagination li a:hover{background:#08284e;color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .about-us-page-area{padding:115px 0 93px} @media (min-width:768px) and (max-width:991px){.about-us-page-area{padding:95px 0 73px}} @media (min-width:480px) and (max-width:767px){.about-us-page-area{padding:85px 0 63px}} @media only screen and (max-width:479px){.about-us-page-area{padding:75px 0 53px}} .about-us-page-area .about-us-page-left{position:relative;display:inline-block} @media only screen and (max-width:479px){.about-us-page-area .about-us-page-left{margin-bottom:20px}} .about-us-page-area .about-us-page-left:after{position:absolute;content:"";background:transparent;height:100%;width:100%;border:6px solid rgba(204,204,204,0.8);bottom:15px;right:15px} .about-us-page-area .about-us-page-right h2{font-size:32px;text-transform:catpitalize;letter-spacing:1px;color:#08284e} .about-us-page-area .about-us-page-right h3{font-size:27px;text-transform:catpitalize;letter-spacing:1px;color:#08284e} .about-us-page-area .about-us-page-right h4{font-weight:400} .about-us-page-area .about-us-page-right table tr td{padding-right:30px} .about-us-page-area .about-us-page-right ul{list-style-type:disc;padding-left:0px} .about-us-page-area .about-us-page-right ul li{color:#08284e} .about-us-page-area .about-us-page-right ul li span{color:black} @media only screen and (max-width:479px){.about-us-page-area .about-us-page-right h2{font-size:30px}} @media only screen and (max-width:479px){.about-us-page-area .about-us-page-right h3{font-size:24px}} .services1-area{padding-top:70px;padding-bottom:70px} @media only screen and (max-width:479px){.services1-area{padding-top:0}} .services1-area .services-area-box{padding:20px 8px 0 20px;background:#f1f1f1} @media only screen and (max-width:1440px){.services1-area .services-area-box{padding:8px 8px 15px}} @media (min-width:768px) and (max-width:991px){.services1-area .services-area-box{text-align:center;margin:10px auto}} @media (min-width:479px) and (max-width:767px){.services1-area .services-area-box{margin:10px auto}} @media only screen and (max-width:479px){.services1-area .services-area-box{margin:10px auto}} @media only screen and (max-width:1440px){.services1-area .services-area-box .media{text-align:center}} @media only screen and (max-width:1440px){.services1-area .services-area-box .media a{float:none!important}} @media only screen and (max-width:1440px){.services1-area .services-area-box .media a img{display:inherit}} .services1-area .services-area-box .media-body{padding-top:20px} .services1-area .services-area-box .media-body span{font-weight:600;letter-spacing:2px;text-transform:catpitalize} .services1-area .services-area-box .media-body h3{letter-spacing:4px;font-size:24px;text-transform:catpitalize;margin-bottom:0px} @media only screen and (max-width:1199px){.services1-area .services-area-box .media-body h3{font-size:22px}} .services1-area .services-area-box .media-body h3 a{color:#08284e} .services1-area .services-area-box .media-body p{letter-spacing:1px;text-transform:catpitalize;font-weight:500} @media (min-width:768px) and (max-width:991px){.services1-area .services-area-box .media-body p{letter-spacing:7px}} .services1-area .services-area-box .media-body > a{float:right;margin:0 3px 10px} @media only screen and (max-width:1440px){.services1-area .services-area-box .media-body > a{display:inline-block}} .services1-area .services-area-box .btn-shop-now{padding:10px 20px} @media (min-width:480px) and (max-width:767px){.services1-area .col-xs-12{width:50%}} .services2-area{text-align:center} .services2-area .row > div{padding:0} .services2-area .services2-box{display:inline-block;position:relative} @media only screen and (max-width:479px){.services2-area .services2-box{margin-bottom:15px}} .services2-area .services2-box .services2-box-content{position:absolute;z-index:2;top:50%;left:90px;transform:translateY(-50%)} @media (min-width:768px) and (max-width:1199px){.services2-area .services2-box .services2-box-content{left:0;right:0}} @media only screen and (max-width:479px){.services2-area .services2-box .services2-box-content{left:0;right:0}} .services2-area .services2-box .services2-box-content span{padding-left:76px;position:relative;display:block;margin-bottom:10px} @media (min-width:768px) and (max-width:1199px){.services2-area .services2-box .services2-box-content span{padding-left:0}} @media only screen and (max-width:479px){.services2-area .services2-box .services2-box-content span{padding-left:0}} .services2-area .services2-box .services2-box-content span:before{position:absolute;top:11px;left:0;content:"";background:#455a64;height:2px;width:60px;z-index:2} @media only screen and (max-width:479px){.services2-area .services2-box .services2-box-content span:before{display:none}} .services2-area .services2-box .services2-box-content h2{text-transform:catpitalize;letter-spacing:2px} @media (min-width:992px) and (max-width:1199px){.services2-area .services2-box .services2-box-content h2{font-size:22px}} @media (min-width:768px) and (max-width:991px){.services2-area .services2-box .services2-box-content h2{font-size:20px}} @media only screen and (max-width:479px){.services2-area .services2-box .services2-box-content h2{font-size:24px}} .services2-area .services2-box .services2-box-content h2 a{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .services2-area .services2-box .services2-box-content h2 a:hover{color:#455a64;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} @media (min-width:768px) and (max-width:991px){.services2-area .services2-box .services2-box-content .btn-services-shop-now{padding:5px 25px}} .services3-area{padding-top:30px} .services3-area .services-area-box{background:#f1f1f1} @media (min-width:992px) and (max-width:1440px){.services3-area .services-area-box{text-align:center}} @media only screen and (max-width:479px){.services3-area .services-area-box{text-align:center}} @media only screen and (max-width:991px){.services3-area .services-area-box{margin-bottom:10px}} @media (min-width:992px) and (max-width:1440px){.services3-area .services-area-box .media a{float:inherit!important}} @media only screen and (max-width:479px){.services3-area .services-area-box .media a{float:inherit!important}} @media (min-width:992px) and (max-width:1440px){.services3-area .services-area-box .media a img{display:inline-block}} @media only screen and (max-width:479px){.services3-area .services-area-box .media a img{display:inline-block}} .services3-area .services-area-box .media .media-body{padding:50px 0 10px 30px} @media (min-width:1200px) and (max-width:1440px){.services3-area .services-area-box .media .media-body{padding:30px 20px 10px 20px}} @media (min-width:480px) and (max-width:1199px){.services3-area .services-area-box .media .media-body{padding:50px 0 10px 0}} @media only screen and (max-width:991px){.services3-area .services-area-box .media .media-body{padding:15px 30px 10px 30px}} .services3-area .services-area-box .media .media-body span{font-weight:600;letter-spacing:2px;text-transform:catpitalize} .services3-area .services-area-box .media .media-body h3{letter-spacing:4px;font-size:24px;text-transform:catpitalize;margin-bottom:0px} .services3-area .services-area-box .media .media-body h3 a{} .services3-area .services-area-box .media .media-body p{letter-spacing:13px;text-transform:catpitalize;font-weight:500} @media (min-width:992px) and (max-width:1199px){.services3-area .services-area-box .media .media-body p{letter-spacing:4px}} .services3-area .services-area-box .media .media-body > a{padding:10px 20px;float:right;margin:0 10px 10px} @media only screen and (max-width:479px){.services3-area .services-area-box .media .media-body > a{display:inline-block}} .brand-area{padding:80px 0;text-align:center} @media (min-width:768px) and (max-width:991px){.brand-area{padding:70px 0}} @media (min-width:480px) and (max-width:767px){.brand-area{padding:60px 0}} @media only screen and (max-width:479px){.brand-area{padding:50px 0}} .brand-area .brand-area-box{margin:0 15px} .brand-area .brand-area-box a img{width:100%;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:1199px){.brand-area .brand-area-box a img{width:auto}} .brand-area .brand-area-box a img:hover{opacity:0.5;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .brand-area .owl-buttons{position:inherit;opacity:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .brand-area .owl-buttons .owl-prev{position:absolute;left:-30px;top:50%;transform:translateY(-50%);z-index:1;background:#08284e !important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .brand-area .owl-buttons .owl-next{position:absolute;right:-30px;top:50%;transform:translateY(-50%);z-index:1;background:#08284e !important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .brand-area .owl-buttons{opacity:1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .brand-area .owl-buttons .owl-prev{left:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .brand-area .owl-buttons .owl-next{right:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .offer-area1{position:relative;background:#ffffff;margin-top:80px;margin-bottom:80px} .offer-area1 .brand-area-box-l{padding-top:10px} @media only screen and (max-width:991px){.offer-area1 .brand-area-box-l{padding-top:80px;text-align:center}} @media only screen and (max-width:767px){.offer-area1 .brand-area-box-l{padding-top:70px}} @media only screen and (max-width:479px){.offer-area1 .brand-area-box-l{padding-top:60px}} .offer-area1 .brand-area-box-l span{font-size:16px;margin-bottom:30px;letter-spacing:1.5px;text-transform:catpitalize} @media only screen and (max-width:320px){.offer-area1 .brand-area-box-l span{font-size:16px}} .offer-area1 .brand-area-box-l h2{font-size:24px;text-transform:catpitalize;margin-top:15px;margin-bottom:30px;line-height:1.3} @media only screen and (max-width:767px){.offer-area1 .brand-area-box-l h2{font-size:20px}} @media only screen and (max-width:479px){.offer-area1 .brand-area-box-l h2{font-size:18px}} @media only screen and (max-width:320px){.offer-area1 .brand-area-box-l h2{font-size:18px}} .offer-area1 .brand-area-box-l p{font-size:1rem;font-weight:500;letter-spacing:1px;line-height:1.8em;text-transform:catpitalize} .offer-area1 .brand-area-box-2 p{font-size:1rem;font-weight:500;letter-spacing:2px;text-transform:catpitalize;line-height:1.8em} .offer-area1 .brand-area-box-l a{margin-top:28px} .offer-area1 #countdown{position:absolute;left:0;right:0;margin:0 auto;top:40%;text-align:center;z-index:1} @media only screen and (max-width:991px){.offer-area1 #countdown{top:38%}} @media only screen and (max-width:767px){.offer-area1 #countdown{top:37%}} @media only screen and (max-width:479px){.offer-area1 #countdown{top:40%}} @media only screen and (max-width:320px){.offer-area1 #countdown{top:43%}} .offer-area1 #countdown .countdown-section{padding-top:7px;height:80px;width:86px;background:#08284e;display:inline-block;text-align:center;margin-right:5px} @media only screen and (max-width:479px){.offer-area1 #countdown .countdown-section{width:70px}} .offer-area1 #countdown .countdown-section:last-child{margin-right:0} .offer-area1 #countdown .countdown-section h3{font-size:24px;color:#ffffff;margin-bottom:0} .offer-area1 #countdown .countdown-section p{color:#ffffff;text-transform:catpitalize;font-size:1rem} @media only screen and (max-width:991px){.offer-area1 .brand-area-box-r{margin-top:140px;text-align:center}} .offer-area1 .brand-area-box-r a img{float:right} @media only screen and (max-width:991px){.offer-area1 .brand-area-box-r a img{float:inherit}} .offer-area2{position:relative;padding:80px 0px} .offer-area2 .brand-area-box-l{padding-top:105px;padding-left:60px} @media only screen and (max-width:1199px){.offer-area2 .brand-area-box-l{padding-top:80px;text-align:center;padding-left:0}} @media only screen and (max-width:767px){.offer-area2 .brand-area-box-l{padding-top:70px}} @media only screen and (max-width:479px){.offer-area2 .brand-area-box-l{padding-top:60px}} @media only screen and (max-width:320px){.offer-area2 .brand-area-box-l{padding:50px 5px 0 5px}} .offer-area2 .brand-area-box-l span{font-size:18px;font-weight:600;letter-spacing:7px;text-transform:catpitalize} @media only screen and (max-width:320px){.offer-area2 .brand-area-box-l span{font-size:16px;letter-spacing:4px;margin-bottom:15px;display:block}} .offer-area2 .brand-area-box-l h2{font-size:24px;letter-spacing:2px;text-transform:catpitalize;margin-bottom:12px;line-height:1.3} @media only screen and (max-width:767px){.offer-area2 .brand-area-box-l h2{font-size:20px}} @media only screen and (max-width:479px){.offer-area2 .brand-area-box-l h2{font-size:20px}} @media only screen and (max-width:320px){.offer-area2 .brand-area-box-l h2{font-size:20px;margin-bottom:15px}} .offer-area2 .brand-area-box-l p{font-size:18px;letter-spacing:1.5px;text-transform:catpitalize;margin-bottom:35px;line-height:1.8em} .offer-area2 #countdown{position:absolute;left:0;right:0;margin:0 auto;top:40%;text-align:center;z-index:1} @media only screen and (max-width:1199px){.offer-area2 #countdown{top:37%}} @media only screen and (max-width:991px){.offer-area2 #countdown{top:38%}} @media only screen and (max-width:767px){.offer-area2 #countdown{top:37%}} @media only screen and (max-width:479px){.offer-area2 #countdown{top:40%}} @media only screen and (max-width:320px){.offer-area2 #countdown{top:43%}} .offer-area2 #countdown .countdown-section{padding-top:7px;height:80px;width:86px;background:#08284e;display:inline-block;text-align:center;margin-right:5px} @media only screen and (max-width:479px){.offer-area2 #countdown .countdown-section{width:68px}} .offer-area2 #countdown .countdown-section:last-child{margin-right:0} .offer-area2 #countdown .countdown-section h3{font-size:24px;color:#ffffff;margin-bottom:0} .offer-area2 #countdown .countdown-section p{font-weight:500;color:#ffffff;text-transform:catpitalize;font-size:13px} @media only screen and (max-width:1199px){.offer-area2 .brand-area-box-r{margin-top:140px;text-align:center}} .offer-area2 .brand-area-box-r a img{float:right} @media only screen and (max-width:1199px){.offer-area2 .brand-area-box-r a img{float:inherit}} .product-area{padding:100px 0 64px} @media (min-width:768px) and (max-width:991px){.product-area{padding:70px 0 44px}} @media (min-width:480px) and (max-width:767px){.product-area{padding:60px 0 34px}} @media only screen and (max-width:479px){.product-area{padding:50px 0 24px}} .myisotop1{position:relative;margin-bottom:40px} @media only screen and (max-width:991px){.myisotop1{text-align:center}} .myisotop1 a{font-weight:400;font-size:24px;color:#727272;text-transform:catpitalize;border-right:3px solid #727272;margin-right:25px;padding-right:25px;display:inline-block} @media only screen and (max-width:767px){.myisotop1 a{margin-right:15px;padding-right:15px}} @media only screen and (max-width:479px){.myisotop1 a{margin-right:10px;padding-right:10px}} .myisotop1 a:last-child{border-right:0;margin-right:0;padding-right:0} .myisotop1 .current{color:#08284e;border-right:3px solid #08284e} .myisotop1:after{content:"";position:absolute;border-bottom:1px solid #08284e;border-top:1px solid #08284e;height:4px;background:transparent;right:0;top:35%;z-index:1} @media only screen and (max-width:1199px){.myisotop1:after{display:none}} .product2-area{padding:87px 0 64px 0} @media (min-width:768px) and (max-width:991px){.product2-area{padding:57px 0 44px}} @media (min-width:480px) and (max-width:767px){.product2-area{padding:47px 0 34px}} @media only screen and (max-width:479px){.product2-area{padding:37px 0 24px}} .myisotop2{text-align:center;margin-bottom:40px} .myisotop2:after{display:none} .myisotop2 a{background:transparent;border:1px solid #08284e;color:#08284e;font-weight:600;padding:7px 40px;margin:0 1px;letter-spacing:2px;display:inline-block;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .myisotop2 a:hover{border:1px solid #08284e;background:#08284e;color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:767px){.myisotop2 a{padding:7px 34px}} @media only screen and (max-width:479px){.myisotop2 a{margin-bottom:5px!important}} .myisotop2 .current{border:1px solid #08284e;background:#08284e;color:#ffffff} .myisotop3{position:relative;margin-bottom:40px} @media only screen and (max-width:991px){.myisotop3{text-align:center}} .myisotop3 a{font-weight:600;font-size:22px;color:#727272;letter-spacing:2px;text-transform:catpitalize;border-right:3px solid #727272;margin-right:25px;padding-right:25px;display:inline-block} @media only screen and (max-width:991px){.myisotop3 a{letter-spacing:1px;margin-right:20px;padding-right:20px}} @media only screen and (max-width:767px){.myisotop3 a{letter-spacing:1px;margin-right:15px;padding-right:15px}} @media only screen and (max-width:479px){.myisotop3 a{margin-right:10px;padding-right:10px}} .myisotop3 a:last-child{border-right:0;margin-right:0;padding-right:0} .myisotop3 .current{color:#08284e;border-right:3px solid #08284e} .myisotop3:after{content:"";position:absolute;border-bottom:1px solid #08284e;border-top:1px solid #08284e;height:4px;background:transparent;width:45%;right:0;top:35%;z-index:1} @media only screen and (max-width:1199px){.myisotop3:after{display:none}} .expert-team-area{padding:50px 0 20px;background:#f1f1f1} @media (min-width:768px) and (max-width:991px){.expert-team-area{padding:50px 0 20px}} @media (min-width:480px) and (max-width:767px){.expert-team-area{padding:50px 0 20px} .expert-team-area .col-xs-12{width:50%}} @media only screen and (max-width:479px){.expert-team-area{padding:50px 0 30px}} .expert-team-area .expert-team-box{text-align:center;border:1px solid #d3d3d3;background:#ffffff;margin-bottom:35px} .expert-team-area .expert-team-box:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.5)} .expert-team-area .expert-team-box .expert-team-social{opacity:0;-moz-transform:scale(1) translateY(180px);-webkit-transform:scale(1) translateY(180px);-o-transform:scale(1) translateY(180px);-ms-transform:scale(1) translateY(180px);transform:scale(1) translateY(180px);position:absolute;top:32%;z-index:2;left:0;right:0;margin:0 auto;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .expert-team-area .expert-team-box .expert-team-social li{display:inline-block;margin:0 1px} .expert-team-area .expert-team-box .expert-team-social li a{height:40px;width:40px;background:transparent;border-radius:45px;display:block;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .expert-team-area .expert-team-box .expert-team-social li a:hover{background-color:rgba(33,33,33,0.7);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .expert-team-area .expert-team-box .expert-team-social li a:hover i{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .expert-team-area .expert-team-box .expert-team-social li a i{color:#ffffff;font-size:16px;line-height:40px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .expert-team-area .expert-team-box .team-img-holder{margin-bottom:18px;position:relative} @media only screen and (max-width:479px){.expert-team-area .expert-team-box .team-img-holder{display:inline-block}} .expert-team-area .expert-team-box .team-img-holder a img{display:block;width:100%} .expert-team-area .expert-team-box .team-content-holder h3{font-size:22px;text-transform:catpitalize;letter-spacing:2px;margin-bottom:5px} @media only screen and (max-width:479px){.expert-team-area .expert-team-box .team-content-holder h3{font-size:20px}} .expert-team-area .expert-team-box .team-content-holder h3 a{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .expert-team-area .expert-team-box .team-content-holder h3 a:hover{color:#727272;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .expert-team-area .expert-team-box .team-content-holder p{text-transform:catpitalize;letter-spacing:2px} .advantage1-area{padding:90px 0;background:#08284e} @media (min-width:768px) and (max-width:991px){.advantage1-area{padding:60px 0}} @media (min-width:480px) and (max-width:767px){.advantage1-area{padding:50px 0}} @media only screen and (max-width:479px){.advantage1-area{padding:40px 0}} .advantage1-area .advantage-area-box{background:#ffffff;padding:37px 0 12px;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .advantage1-area .advantage-area-box a{padding:10px 22px 10px 0;border-right:1px solid #08284e;margin-right:22px} .advantage1-area .advantage-area-box a i:before{font-size:38px;color:#08284e;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} @media (min-width:992px) and (max-width:1199px){.advantage1-area .advantage-area-box{height:150px;padding:20px 0 12px}} @media (min-width:768px) and (max-width:991px){.advantage1-area .advantage-area-box{text-align:center;height:212px} .advantage1-area .advantage-area-box .media{overflow:inherit} .advantage1-area .advantage-area-box .media a{float:none!important;margin-right:0;border-right:none;padding:0 22px 10px 0;display:block}} @media only screen and (max-width:767px){.advantage1-area .advantage-area-box{margin-bottom:10px}} @media only screen and (max-width:320px){.advantage1-area .advantage-area-box{padding:25px 0 0}} .advantage1-area .media-body h3{font-size:28px;letter-spacing:1px;color:#ffffff;margin-bottom:3px} .advantage1-area .media-body p{line-height:1.8em;color:#ffffff;font-size:16px;font-weight:500} .advantage1-area .media-body a{color:#ffffff;font-size:1rem;font-weight:500;padding:10px 30px;padding-right:100px} @media only screen and (max-width:479px){.advantage1-area .media-body a{padding-right:30px}} @media only screen and (max-width:479px){.advantage1-area .row{}} .advantage1-area .media-body a:hover{background:#149EAC;text-decoration:none} @media only screen and (max-width:1199px){.advantage1-area .advantage-area-box .media-body{padding-right:10px}} @media (min-width:768px) and (max-width:991px){.advantage1-area .advantage-area-box .media-body{padding-right:0}} .advantage1-area .advantage-area-box:hover{-webkit-box-shadow:0px 0px 15px -2px rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 15px -2px rgba(0,0,0,0.4);box-shadow:0px 0px 15px -2px rgba(0,0,0,0.4);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .advantage2-area{padding:80px 0;background:transparent} @media (min-width:768px) and (max-width:991px){.advantage2-area{padding:60px 0}} @media (min-width:480px) and (max-width:767px){.advantage2-area{padding:50px 0}} @media only screen and (max-width:479px){.advantage2-area{padding:40px 0}} .advantage2-area .advantage-area-box{background:#f1f1f1;padding:37px 0 12px;margin-bottom:20px;height:147px} .advantage2-area .advantage-area-box:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.5)} @media (min-width:992px) and (max-width:1199px){.advantage2-area .advantage-area-box{height:150px;padding:20px 0 12px}} @media (min-width:768px) and (max-width:991px){.advantage2-area .advantage-area-box{text-align:center;height:212px} .advantage2-area .advantage-area-box .media{overflow:inherit} .advantage2-area .advantage-area-box .media a{float:none!important;margin-right:0;border-right:none;padding:0 22px 10px 0;display:block}} @media only screen and (max-width:991px){.advantage2-area .advantage-area-box{margin-bottom:10px}} @media only screen and (max-width:320px){.advantage2-area .advantage-area-box{padding:25px 0 0}} .advantage2-area .advantage-area-box a{padding:10px 22px 10px 0;border-right:1px solid #08284e;margin-right:22px} .advantage2-area .advantage-area-box a i:before{font-size:38px;color:#08284e;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .advantage2-area .advantage-area-box .media-body h3{font-size:22px;letter-spacing:1px;margin-bottom:3px} .advantage2-area .advantage-area-box .media-body p{font-size:16px;font-weight:500;padding-right:10px} @media only screen and (max-width:1199px){.advantage2-area .advantage-area-box .media-body{padding-right:10px}} .advantage3-area{padding:80px 0;background:#fafafa} @media (min-width:768px) and (max-width:991px){.advantage3-area{padding:60px 0}} @media (min-width:480px) and (max-width:767px){.advantage3-area{padding:50px 0 20px}} @media only screen and (max-width:479px){.advantage3-area{padding:40px 0 10px}} .advantage3-area .advantage-area-box{height:150px;background:#f1f1f1;padding:37px 0 12px;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .advantage3-area .advantage-area-box:first-child{animation-delay:0.5s} .advantage3-area .advantage-area-box:nth-child(2){animation-delay:1s} .advantage3-area .advantage-area-box:nth-child(3){animation-delay:1.5s} .advantage3-area .advantage-area-box:nth-child(4){animation-delay:1.5s} @media (min-width:768px) and (max-width:1199px){.advantage3-area .advantage-area-box{height:150px;padding:20px 0 12px}} .advantage3-area .advantage-area-box:hover{-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);-o-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .digital_agency{font-family:SIMYOU;display:block;overflow:hidden;padding-bottom:40px} .digital_agency .tittle{padding-bottom:80px} .digital_agency .tittle p{max-width:885px;margin:0 auto;font-size:22px;line-height:30px;padding-top:30px} .digital_agency .countarup_area{padding-left:100px;position:relative;z-index:1;padding-top:40px} .digital_agency .countarup_area:after{content:"";position:absolute;z-index:-1;background:url("img/shap/agency-shap.png") no-repeat;width:177px;height:201px;top:-50px;right:0} .digital_agency .countarup_area .counter_item{float:left;height:189px;width:216px;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;margin-right:35px !important;position:relative;z-index:1} .digital_agency .countarup_area .counter_item:after{content:'';position:absolute;left:0;top:0;height:189px;width:216px;background:#ff584e;z-index:-1;border-radius:75px;overflow:hidden;transform:rotate(-15deg)} .digital_agency .countarup_area .counter_item h4{color:#fff;font-size:16px;font-weight:400;display:block;width:100%;padding-top:15px} .digital_agency .countarup_area .counter_item h2{color:#fff;font-size:20px;font-weight:700;padding-top:10px;width:100%} .digital_agency .countarup_area .counter_item:first-child{width:188px;height:164px;margin-top:135px} .digital_agency .countarup_area .counter_item:first-child:after{background-image:-moz-linear-gradient(90deg,#bd6afe 0%,#f963f7 100%);background-image:-webkit-linear-gradient(90deg,#bd6afe 0%,#f963f7 100%);background-image:-ms-linear-gradient(90deg,#bd6afe 0%,#f963f7 100%);width:188px;height:164px} .digital_agency .countarup_area .counter_item:nth-child(2){margin-bottom:110px} .digital_agency .countarup_area .counter_item:nth-child(3){margin-top:80px;margin-left:30px} .digital_agency .countarup_area .counter_item:nth-child(3):after{background:#405ef9} .digital_agency .countarup_area .counter_item:nth-child(4){width:188px;height:164px;margin:0;margin-top:-80px} .digital_agency .countarup_area .counter_item:nth-child(4):after{background-image:-moz-linear-gradient(90deg,#85d0fa 0%,#a3bafe 100%);background-image:-webkit-linear-gradient(90deg,#85d0fa 0%,#a3bafe 100%);background-image:-ms-linear-gradient(90deg,#85d0fa 0%,#a3bafe 100%);width:188px;height:164px} @media only screen and (max-width:768px){.digital_agency .tittle{display:none} .digital_agency .countarup_area .counter_item{float:left;height:189px;width:216px;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;margin-right:35px !important;position:relative;z-index:1} .digital_agency .countarup_area .counter_item h4{color:#fff;font-size:14px;font-weight:400;display:block;width:100%;padding-top:5px} .digital_agency .countarup_area .counter_item h2{color:#fff;font-size:18px;font-weight:700;padding-top:5px;width:100%} .digital_agency .countarup_area .counter_item:first-child{width:128px;height:104px;margin-top:85px} .digital_agency .countarup_area .counter_item:first-child:after{background-image:-moz-linear-gradient(90deg,#bd6afe 0%,#f963f7 100%);background-image:-webkit-linear-gradient(90deg,#bd6afe 0%,#f963f7 100%);background-image:-ms-linear-gradient(90deg,#bd6afe 0%,#f963f7 100%);width:128px;height:104px} .digital_agency .countarup_area .counter_item:nth-child(2){margin-bottom:110px} .digital_agency .countarup_area .counter_item:nth-child(3){margin-top:80px;margin-left:30px} .digital_agency .countarup_area .counter_item:nth-child(3):after{background:#405ef9} .digital_agency .countarup_area .counter_item:nth-child(4){width:128px;height:104px;margin:0;margin-top:-80px} .digital_agency .countarup_area .counter_item:nth-child(4):after{background-image:-moz-linear-gradient(90deg,#85d0fa 0%,#a3bafe 100%);background-image:-webkit-linear-gradient(90deg,#85d0fa 0%,#a3bafe 100%);background-image:-ms-linear-gradient(90deg,#85d0fa 0%,#a3bafe 100%);width:128px;height:104px}} @media only screen and (max-width:767px){.advantage3-area .advantage-area-box{text-align:center;height:212px}} .advantage3-area .advantage-area-box .advantage-area-box-icon{position:absolute;top:-14px;left:0;right:0;z-index:2} .advantage3-area .advantage-area-box .advantage-area-box-icon a i:before{background:#ffffff;padding:0 20px;border-radius:50px;font-size:38px;color:#08284e;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .advantage3-area .advantage-area-box .advantage-area-box-content h3{font-size:22px;letter-spacing:1px;color:#ffffff;margin-bottom:3px;text-align:center;text-shadow:0 0 2px #000} .advantage3-area .advantage-area-box .advantage-area-box-content span{font-size:22px;letter-spacing:1px;margin-bottom:3px} .advantage3-area .advantage-area-box .advantage-area-box-content p{letter-spacing:3px;font-size:13px} .advantage3-area .advantage-area-box:hover{-webkit-box-shadow:0px 0px 15px -2px rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 15px -2px rgba(0,0,0,0.4);box-shadow:0px 0px 15px -2px rgba(0,0,0,0.4);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .advantage4-area{background:transparent} .advantage4-area .advantage-area-box{background:#f1f1f1;padding:37px 0 12px} @media only screen and (max-width:1199px){.advantage4-area .advantage-area-box{padding:20px 0 0 0;margin-bottom:5px}} @media (min-width:992px) and (max-width:1199px){.advantage4-area .advantage-area-box{height:195px}} @media (min-width:768px) and (max-width:991px){.advantage4-area .advantage-area-box{text-align:center;height:212px} .advantage4-area .advantage-area-box .media{overflow:inherit} .advantage4-area .advantage-area-box .media a{float:none!important;margin-right:0;border-right:none;padding:0 22px 10px 0;display:block}} .advantage4-area .advantage-area-box a{padding:10px 22px 10px 0;border-right:1px solid #08284e;margin-right:22px} .advantage4-area .advantage-area-box a i:before{font-size:38px;color:#08284e;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .advantage4-area .advantage-area-box .media-body h3{font-size:22px;letter-spacing:1px;margin-bottom:3px} .advantage4-area .advantage-area-box .media-body p{letter-spacing:3px;font-size:13px} .best-seller-area{padding:90px 0} @media (min-width:768px) and (max-width:991px){.best-seller-area{padding:70px 0 80px}} @media (min-width:480px) and (max-width:767px){.best-seller-area{padding:60px 0 70px}} @media only screen and (max-width:479px){.best-seller-area{padding:50px 0 60px}} @media only screen and (max-width:479px){.best-seller-area .owl-buttons .owl-prev{left:0}} @media only screen and (max-width:479px){.best-seller-area .owl-buttons .owl-next{right:0}} .best-seller-area .best-seller-box{margin:0 15px} .best-seller-area .best-seller-box .media{margin-top:30px} .best-seller-area .best-seller-box .media:first-child{margin-top:0} .best-seller-area .best-seller-box .media > a{padding-right:20px} @media (min-width:768px) and (max-width:991px){.best-seller-area .best-seller-box .media > a{padding-right:10px}} @media only screen and (max-width:479px){.best-seller-area .best-seller-box .media > a{padding-right:10px}} .best-seller-area .best-seller-box .media .media-body .best-seller-box-content h3{font-size:18px;text-transform:capitalize;letter-spacing:1px;margin-bottom:10px} .best-seller-area .best-seller-box .media .media-body .best-seller-box-content h3 a{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .best-seller-area .best-seller-box .media .media-body .best-seller-box-content h3 a:hover{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .best-seller-area .best-seller-box .media .media-body .best-seller-box-content span{color:#08284e;font-size:16px;font-weight:600} .best-seller-area .best-seller-box .media .media-body .best-seller-box-content span span{margin-right:15px;color:#727272;text-decoration:line-through} .best-seller-area .best-seller-box .media .media-body .best-seller-box-cart{margin-top:16px} @media only screen and (max-width:479px){.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart{margin-top:10px}} .best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li{display:inline-block;height:40px;width:42px;border:1px solid #08284e;background:transparent;margin:0 1px;text-align:center;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li{margin:0}} .best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li a{display:block} .best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li a i{line-height:40px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li:hover{border:1px solid #08284e;background:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .best-seller-area .best-seller-box .media .media-body .best-seller-box-cart li:hover i{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .best-seller2-area{padding:87px 0} @media (min-width:768px) and (max-width:991px){.best-seller2-area{padding:67px 0}} @media (min-width:480px) and (max-width:767px){.best-seller2-area{padding:57px 0}} @media only screen and (max-width:479px){.best-seller2-area{padding:47px 0}} .best-seller2-area .owl-pagination{margin-top:30px} .best-seller2-area .owl-pagination .active span{background:#08284e !important} .best-seller2-area .owl-pagination .owl-page span{margin:0 10px!important} .carousel-margin .blog-box{margin:0 15px} .blog-box{position:relative;height:470px;margin-bottom:35px} .blog-box > a span{position:absolute;width:0;height:0;border-bottom:60px solid #08284e;border-left:60px solid transparent;bottom:0;right:0;z-index:3;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-box > a span i{color:#ffffff;position:absolute;right:10px;bottom:-48px;z-index:4} .blog-box .blog-img-holder{position:relative;overflow:hidden} .blog-box .blog-img-holder a img{backface-visibility:hidden;width:100%;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .blog-box .blog-img-holder .post-date{background:#08284e;height:34px;width:90px;position:absolute;z-index:2;text-align:center;left:8px;top:8px} .blog-box .blog-img-holder .post-date span{font-size:13px;font-weight:600;color:#ffffff;text-transform:catpitalize;letter-spacing:3px;line-height:34px} .blog-box .blog-content-holder{padding:20px 35px 30px} @media only screen and (max-width:767px){.blog-box .blog-content-holder{padding:20px 10px 30px}} @media only screen and (max-width:479px){.blog-box .blog-content-holder{padding:20px 15px 30px}} .blog-box .blog-content-holder h3{letter-spacing:1px;text-transform:capitalize;font-size:18px;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .blog-box .blog-content-holder h3 a{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-box .blog-content-holder h3 span{font-size:1rem;padding-left:80px} .blog-box .blog-content-holder h3 a:hover{color:#049EAC;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-box .blog-content-holder ul li{display:inline-block;font-size:13px;text-transform:capitalize;font-weight:500;border-right:1px solid #08284e;margin-right:10px;padding-right:10px;line-height:1;color:#08284e} @media only screen and (max-width:767px){.blog-box .blog-content-holder ul li{letter-spacing:1px;font-size:12px;margin-right:5px;padding-right:5px}} .blog-box .blog-content-holder ul li:last-child{border-right:0;margin-right:0;padding-right:0} .blog-box .blog-content-holder ul li span{text-transform:catpitalize} .blog-box .blog-content-holder p{margin-bottom:10px;line-height:1.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical} .blog-box:hover a span{border-bottom:60px solid #455a64;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-box:hover .blog-img-holder a img{-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);-o-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-box:hover{box-shadow:0px 4px 10px rgba(0,0,0,0.2)} .blog1-area{padding:80px 0px 80px 0px;background:transparent} .blog1-area .blog-box{background:#ffffff;border:1px solid #d3d3d3;transition:all 0.3s ease-in-out} @media (min-width:768px) and (max-width:991px){.blog1-area{padding:70px 0 80px}} @media (min-width:480px) and (max-width:767px){.blog1-area{padding:60px 0 70px}} @media only screen and (max-width:479px){.blog1-area{padding:50px 0 60px}} @media only screen and (max-width:479px){.blog1-area .owl-buttons .owl-prev{left:0}} @media only screen and (max-width:479px){.blog1-area .owl-buttons .owl-next{right:0}} .blog2-area{padding:90px 0 100px;background:#f1f1f1} .blog2-area .blog-box{background:#ffffff} @media (min-width:768px) and (max-width:991px){.blog2-area{padding:70px 0 80px}} @media (min-width:480px) and (max-width:767px){.blog2-area{padding:60px 0 70px}} @media only screen and (max-width:479px){.blog2-area{padding:50px 0 60px}} @media only screen and (max-width:479px){.blog2-area .owl-buttons .owl-prev{left:0}} @media only screen and (max-width:479px){.blog2-area .owl-buttons .owl-next{right:0}} .blog3-area{padding:86px 0 100px} @media (min-width:992px) and (max-width:1199px){.blog3-area{padding:66px 0 70px}} @media (min-width:768px) and (max-width:991px){.blog3-area{padding:56px 0 50px}} @media (min-width:480px) and (max-width:767px){.blog3-area{padding:46px 0 70px}} @media only screen and (max-width:479px){.blog3-area{padding:36px 0 60px}} .blog3-area .blog-box{position:relative;overflow:hidden} .blog3-area .blog-box a img{width:100%;backface-visibility:hidden;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog3-area .blog-box:hover a img{-webkit-transform:scale3d(1.2,1.2,1);-moz-transform:scale3d(1.2,1.2,1);-ms-transform:scale3d(1.2,1.2,1);-o-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} @media only screen and (max-width:1199px){.blog3-area .blog-box{margin-bottom:30px}} .blog3-area .post-date{background:#08284e;height:34px;width:90px;position:absolute;z-index:2;text-align:center;left:24px;top:8px} .blog3-area .post-date span{font-size:13px;font-weight:600;color:#ffffff;text-transform:catpitalize;letter-spacing:3px;line-height:34px} .blog3-area .blog-content-holder{text-align:left;left:0;right:0;position:absolute;bottom:0;z-index:2;padding:20px 35px;background:url(img/blog/blog-mask.png);background-size:cover;background-position:center;background-repeat:no-repeat} .blog3-area .blog-content-holder h3{letter-spacing:1px;text-transform:capitalize;font-size:18px;margin-bottom:8px} .blog3-area .blog-content-holder h3 a{color:#ffffff} .blog3-area .blog-content-holder ul li{display:inline;text-transform:capitalize;border-right:1px solid #999999;line-height:1;color:#ffffff} .blog3-area .blog-content-holder ul li:last-child{border-right:0} .blog3-area .blog-content-holder ul li span{text-transform:catpitalize} .blog3-area .blog-content-holder p{color:#08284e} @media only screen and (max-width:479px){.blog3-area:hover .owl-buttons .owl-prev{left:0}} @media only screen and (max-width:479px){.blog3-area:hover .owl-buttons .owl-next{right:0}} .blog-page-area{padding:100px 0} @media (min-width:768px) and (max-width:991px){.blog-page-area{padding:80px 0}} @media (min-width:480px) and (max-width:767px){.blog-page-area{padding:70px 0}} @media only screen and (max-width:479px){.blog-page-area{padding:60px 0} .blog-page-area .col-xs-6{width:100%}} .blog-page-box{display:inline-block;margin-bottom:10px;position:relative;border:1px solid #d3d3d3;width:100%;height:450px;margin-right:15px;transition:all 0.3s ease-in-out} .blog-page-box h4 a{margin-left:15px;position:relative;overflow:hidden} .blog-page-box ul{margin-bottom:18px} .blog-page-box ul li{font-size:13px;text-transform:capitalize;font-weight:500;border-right:1px solid #08284e;margin-right:10px;padding-right:10px;line-height:1;color:#08284e} .blog-page-box ul li:last-child{border-right:0;margin-right:0;padding-right:0} .blog-page-box ul li span{color:#455a64;float:right;padding-right:10px} .blog-page-box p{} .blog-page-box:hover a span{border-bottom:60px solid #455a64;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-page-box .blog-img-holder{position:relative;overflow:hidden} .blog-page-box .blog-img-holder a img{backface-visibility:hidden;width:100%;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .blog-page-box:hover .blog-img-holder a img{-webkit-transform:scale3d(1.2,1.2,1);-moz-transform:scale3d(1.2,1.2,1);-ms-transform:scale3d(1.2,1.2,1);-o-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-page-box:hover .blog-img-holder:after{visibility:visible;opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .blog-page-box:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.5)} .blog-page-box .blog-content-holder{padding:20px 35px 30px;text-overflow:ellipsis} @media only screen and (max-width:767px){.blog-page-box .blog-content-holder{padding:20px 10px 30px}} @media only screen and (max-width:479px){.blog-page-box .blog-content-holder{padding:20px 15px 30px}} .blog-page-box .blog-content-holder h3{font-weight:100;letter-spacing:1px;text-transform:capitalize;font-size:18px;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .blog-page-box .blog-content-holder p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical} .blog-page-box .blog-content-holder h3 a{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-page-box .blog-content-holder h3 span{font-size:1rem;padding-left:30px} .blog-page-box .blog-content-holder h3 a:hover{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .blog-page-box .blog-content-holder ul li{display:inline-block;font-size:13px;text-transform:capitalize;font-weight:500;border-right:1px solid #08284e;margin-right:10px;padding-right:10px;line-height:1;color:#08284e} @media only screen and (max-width:767px){.blog-page-box .blog-content-holder ul li{letter-spacing:1px;font-size:12px;margin-right:5px;padding-right:5px}} .blog-page-box .blog-content-holder ul li:last-child{border-right:0;margin-right:0;padding-right:0} .blog-page-box .blog-content-holder ul li span{text-transform:catpitalize} .blog-page-box .blog-content-holder p{color:#000;margin-bottom:10px} .single-blog-page-area{padding:80px 0 80px} @media (min-width:768px) and (max-width:991px){.single-blog-page-area{padding:60px 0 60px}} @media (min-width:480px) and (max-width:767px){.single-blog-page-area{padding:50px 0 50px}} @media only screen and (max-width:479px){.single-blog-page-area{padding:60px 0 40px}} .single-blog-page-area .single-blog-details-content{padding-bottom:30px} .single-blog-page-area .single-blog-details-content a img{width:100%;margin-bottom:25px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-content img{max-width:100%;margin-bottom:25px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-content a img:hover{opacity:0.5;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-content > p{margin:0 0 12px;font-size:20px} .single-blog-page-area .single-blog-details-content > span{letter-spacing:2px;text-transform:capitalize;display:block;margin-bottom:5px} .single-blog-page-area .single-blog-details-content h3{text-transform:capitalize;font-size:28px;margin-bottom:5px} .single-blog-page-area .single-blog-details-content h3 a{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .single-blog-page-area .single-blog-details-content h3 a:hover{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .single-blog-page-area .single-blog-details-content .comments-info{padding-bottom:20px;margin-bottom:22px} .single-blog-page-area .single-blog-details-content .comments-info li{display:inline-block;font-size:13px;font-weight:500;padding-right:15px;line-height:1;letter-spacing:3px;color:#08284e} .single-blog-page-area .single-blog-details-content .comments-info li:last-child{border-right:0} .single-blog-page-area .single-blog-details-content .comments-info li span{color:#08284e} .single-blog-page-area .single-blog-details-tags{padding-bottom:50px} .single-blog-page-area .single-blog-details-tags h3{font-size:16px;text-transform:catpitalize;letter-spacing:2px} .single-blog-page-area .single-blog-details-tags .single-blog-social{margin-bottom:40px} .single-blog-page-area .single-blog-details-tags .single-blog-social li{display:inline-block;margin-right:5px} .single-blog-page-area .single-blog-details-tags .single-blog-social li a{width:29px;height:27px;border:1px solid #08284e;display:block;text-align:center;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .single-blog-page-area .single-blog-details-tags .single-blog-social li a i{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .single-blog-page-area .single-blog-details-tags .single-blog-social li:hover{background:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .single-blog-page-area .single-blog-details-tags .single-blog-social li:hover a{border:1px solid #08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .single-blog-page-area .single-blog-details-tags .single-blog-social li:hover a i{color:#ffffff;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .single-blog-page-area .single-blog-details-comments h3{letter-spacing:2px;text-transform:catpitalize;margin-bottom:40px} .single-blog-page-area .single-blog-details-comments .media a img{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-comments .media a img:hover{opacity:0.5;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-comments .media .media-body{position:relative;padding-left:30px} .single-blog-page-area .single-blog-details-comments .media .media-body > h3{font-size:16px;margin-bottom:8px} .single-blog-page-area .single-blog-details-comments .media .media-body > h3 a{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-comments .media .media-body > h3 a:hover{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-comments .media .media-body p{color:#08284e;margin-bottom:15px} .single-blog-page-area .single-blog-details-comments .media .media-body p span{color:#727272;font-size:15px;font-weight:500} .single-blog-page-area .single-blog-details-comments .media .media-body .replay-area{position:absolute;right:0;top:0;z-index:3} .single-blog-page-area .single-blog-details-comments .media .media-body .replay-area a{color:#7a7a7a;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-comments .media .media-body .replay-area a:hover{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .single-blog-page-area .single-blog-details-comments .media .media-body .replay-area a i:before{font-size:16px;color:#08284e;margin-right:5px} .single-blog-page-area .single-blog-details-leave-comments h3{letter-spacing:2px;text-transform:catpitalize;margin-bottom:40px} .single-blog-page-area .single-blog-details-leave-comments .form-group{margin-bottom:20px} .single-blog-page-area .single-blog-details-leave-comments .form-group .form-control{border-radius:0;background:#f9f9f9;box-shadow:none;border:none} .single-blog-page-area .single-blog-details-leave-comments .form-group input{height:45px;font-weight:500} .portfolio1-page-area{padding:100px 0 62px} @media (min-width:768px) and (max-width:991px){.portfolio1-page-area{padding:80px 0 42px}} @media (min-width:480px) and (max-width:767px){.portfolio1-page-area{padding:70px 0 32px}} @media only screen and (max-width:479px){.portfolio1-page-area{padding:60px 0 22px}} @media only screen and (max-width:479px){.portfolio1-page-area .col-xs-6{width:100%}} .portfolio1-box{margin-bottom:30px;text-align:center;overflow:hidden;position:relative} .portfolio1-box .portfolio1-social{opacity:0;position:absolute;text-align:center;left:0;right:0;margin:0 auto;top:30%;z-index:2;-moz-transform:scale(1) translateX(-250px);-webkit-transform:scale(1) translateX(-250px);-o-transform:scale(1) translateX(-250px);-ms-transform:scale(1) translateX(-250px);transform:scale(1) translateX(-250px);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media (min-width:768px) and (max-width:991px){.portfolio1-box .portfolio1-social{top:23%}} @media (min-width:480px) and (max-width:767px){.portfolio1-box .portfolio1-social{top:30%}} .portfolio1-box .portfolio1-social li{border-right:1px solid #08284e;display:inline;margin-right:15px;padding-right:15px;height:40px;width:40px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .portfolio1-box .portfolio1-social li a i{font-size:18px;line-height:40px;color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .portfolio1-box .portfolio1-social li:hover i{color:#727272;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .portfolio1-box .portfolio1-social li:last-child{border-right:0;margin-right:0;padding-right:0} .portfolio1-box .portfolio1-img-holder{display:inline-block;margin-bottom:25px;position:relative} @media (min-width:480px) and (max-width:991px){.portfolio1-box .portfolio1-img-holder{margin-bottom:20px}} @media only screen and (max-width:479px){.portfolio1-box .portfolio1-img-holder{margin-bottom:15px}} .portfolio1-box .portfolio1-img-holder:after{opacity:0;position:absolute;content:"";height:100%;width:100%;background-color:rgba(7,7,7,0.7);z-index:1;top:0;left:0;right:0;margin:0 auto;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .portfolio1-box .portfolio1-content-holder h3{font-size:16px;text-transform:capitalize;letter-spacing:3px;font-weight:600;margin-bottom:10px} @media only screen and (max-width:991px){.portfolio1-box .portfolio1-content-holder h3{margin-bottom:5px;font-size:1rem;letter-spacing:1px}} @media (min-width:480px) and (max-width:767px){.portfolio1-box .portfolio1-content-holder h3{margin-bottom:5px;font-size:16px;letter-spacing:2px}} .portfolio1-box .portfolio1-content-holder h3 a{-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .portfolio1-box .portfolio1-content-holder h3 a:hover{color:#08284e;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .portfolio1-box .portfolio1-content-holder ul li{display:inline;font-size:13px;font-weight:500;color:#727272;text-transform:capitalize;letter-spacing:3px;border-right:1px solid #08284e;padding-right:10px;margin-right:10px} .portfolio1-box .portfolio1-content-holder ul li:last-child{border-right:0;padding-right:0;margin-right:0} .portfolio1-box:hover .portfolio1-social{opacity:1;-moz-transform:scale(1) translateY(0px);-webkit-transform:scale(1) translateY(0px);-o-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .portfolio1-box:hover .portfolio1-img-holder:after{opacity:1;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .portfolio2-page-area{padding:100px 0 70px} @media (min-width:768px) and (max-width:991px){.portfolio2-page-area{padding:80px 0 50px}} @media (min-width:480px) and (max-width:767px){.portfolio2-page-area{padding:70px 0 40px}} @media only screen and (max-width:479px){.portfolio2-page-area{padding:60px 0 30px} .portfolio2-page-area .col-xs-6{width:100%}} .portfolio2-box{margin-bottom:30px;text-align:center} .portfolio2-box .portfolio2-img-holder{overflow:hidden;position:relative} .portfolio2-box .portfolio2-img-holder img{width:100%} .portfolio2-box .portfolio2-img-holder .portfolio2-content-holder{opacity:0;text-align:left;padding:20px 0 0 20px;position:absolute;content:"";height:30%;width:100%;background-color:rgba(7,7,7,0.8);z-index:1;bottom:0;left:0;right:0;margin:0 auto;-moz-transform:scale(1) translateY(250px);-webkit-transform:scale(1) translateY(250px);-o-transform:scale(1) translateY(250px);-ms-transform:scale(1) translateY(250px);transform:scale(1) translateY(250px);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} @media (min-width:1200px) and (max-width:1440px){.portfolio2-box .portfolio2-img-holder .portfolio2-content-holder{height:40%}} @media (min-width:992px) and (max-width:1199px){.portfolio2-box .portfolio2-img-holder .portfolio2-content-holder{height:40%}} @media (min-width:480px) and (max-width:991px){.portfolio2-box .portfolio2-img-holder .portfolio2-content-holder{height:45%;text-align:center;padding:20px 0 0}} @media (min-width:320px) and (max-width:479px){.portfolio2-box .portfolio2-img-holder .portfolio2-content-holder{height:32%;text-align:center;padding:20px 0 0}} @media only screen and (max-width:320px){.portfolio2-box .portfolio2-img-holder .portfolio2-content-holder{height:35%}} .portfolio2-box .portfolio2-img-holder .portfolio2-content-holder h3{font-size:16px;text-transform:capitalize;letter-spacing:3px;font-weight:600;margin-bottom:5px} @media only screen and (max-width:991px){.portfolio2-box .portfolio2-img-holder .portfolio2-content-holder h3{letter-spacing:1px}} @media only screen and (max-width:479px){.portfolio2-box .portfolio2-img-holder .portfolio2-content-holder h3{font-size:1rem}} .portfolio2-box .portfolio2-img-holder .portfolio2-content-holder h3 a{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .portfolio2-box .portfolio2-img-holder .portfolio2-content-holder ul li{display:inline;font-size:13px;font-weight:500;color:#ffffff;text-transform:catpitalize;letter-spacing:3px;border-right:1px solid #08284e;padding-right:10px;margin-right:10px} .portfolio2-box .portfolio2-img-holder .portfolio2-content-holder ul li:last-child{border-right:0;padding-right:0;margin-right:0} .portfolio2-box:hover .portfolio2-content-holder{opacity:1;-moz-transform:scale(1) translateY(0px);-webkit-transform:scale(1) translateY(0px);-o-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .featured-products-area{padding:90px 0 93px} @media (min-width:768px) and (max-width:991px){.featured-products-area{padding:70px 0 73px}} @media (min-width:480px) and (max-width:767px){.featured-products-area{padding:60px 0 63px}} @media only screen and (max-width:479px){.featured-products-area{padding:50px 0 53px}} @media only screen and (max-width:479px){.featured-products-area:hover .owl-buttons .owl-prev{left:0}} @media only screen and (max-width:479px){.featured-products-area:hover .owl-buttons .owl-next{right:0}} .featured-products-area .featured-products-carousel2 .product-box1{margin:0 15px} .featured-products-area2 .featured-products-carousel .product-box1{margin:0 15px!important} @media only screen and (max-width:479px){.featured-products-area2 .owl-buttons .owl-prev{left:0}} @media only screen and (max-width:479px){.featured-products-area2 .owl-buttons .owl-next{right:0}} .shop-page-area{padding:100px 0;height:300px;height:auto;min-height:500px;margin:0 auto} @media (min-width:768px) and (max-width:991px){.shop-page-area{padding:80px 0}} @media (min-width:480px) and (max-width:767px){.shop-page-area{padding:70px 0}} @media only screen and (max-width:479px){.shop-page-area{padding:60px 0;overflow:auto}} .shop-page2-area{padding:100px 0 70px 0} @media (min-width:768px) and (max-width:991px){.shop-page2-area{padding:80px 0 50px}} @media (min-width:480px) and (max-width:767px){.shop-page2-area{padding:70px 0 40px}} @media only screen and (max-width:479px){.shop-page2-area{padding:60px 0 30px} .shop-page2-area .col-xs-4{width:50%}} .inner-shop-top-left{padding-top:10px;text-align:left} .inner-shop-top-left .dropdown{border:1px solid #08284e;display:inline;padding:12px 20px} .inner-shop-top-left .dropdown button:active{box-shadow:none;outline:none} @media only screen and (max-width:479px){.inner-shop-top-left .dropdown{padding:12px}} .inner-shop-top-left .dropdown button{text-transform:catpitalize;padding:0;background:transparent} .inner-shop-top-left .dropdown button span{margin-left:15px} .inner-shop-top-left .dropdown .dropdown-menu{border-radius:0;left:-2px;min-width:195px} @media only screen and (max-width:479px){.inner-shop-top-left .dropdown .dropdown-menu{min-width:180px}} .inner-shop-top-left .dropdown .dropdown-menu > li{border:none;padding:0;display:inherit} .inner-shop-top-right{float:right} .inner-shop-top-right ul > li{border:1px solid #e1e1e1;display:inline-block} .inner-shop-top-right ul > li:hover a i{color:#08284e} .inner-shop-top-right ul > li > a{padding:8px 17px;display:block} @media only screen and (max-width:479px){.inner-shop-top-right ul > li > a{padding:8px 10px}} .inner-shop-top-right ul > li > a > i{color:#989898} .inner-shop-top-right ul > .active i{color:#08284e} .carousel-margin .product-box1{margin:0 15px} .product-box1{text-align:center;margin-bottom:30px} .product-box1 .product-social{opacity:0;position:absolute;text-align:center;left:0;right:0;margin:0 auto;top:33%;z-index:2;-moz-transform:scale(1) translateY(-150px);-webkit-transform:scale(1) translateY(-150px);-o-transform:scale(1) translateY(-150px);-ms-transform:scale(1) translateY(-150px);transform:scale(1) translateY(-150px);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.product-box1 .product-social{top:27%;-moz-transform:scale(1) translateY(-50px);-webkit-transform:scale(1) translateY(-50px);-o-transform:scale(1) translateY(-50px);-ms-transform:scale(1) translateY(-50px);transform:scale(1) translateY(-50px)}} .product-box1 .product-social li{display:inline-block;height:40px;width:42px;border:1px solid #ffffff;background:#ffffff;margin:0 1px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.product-box1 .product-social li{height:30px;width:32px}} .product-box1 .product-social li a{display:block} .product-box1 .product-social li a i{line-height:40px;color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.product-box1 .product-social li a i{line-height:30px}} .product-box1 .product-social li:hover{background:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box1 .product-social li:hover i{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box1 .product-img-holder{position:relative} @media only screen and (max-width:479px){.product-box1 .product-img-holder{display:inline-block}} .product-box1 .product-img-holder a img{width:100%} @media only screen and (max-width:479px){.product-box1 .product-img-holder a img{width:auto}} .product-box1 .product-img-holder:after{opacity:0;position:absolute;content:"";height:100%;width:100%;background-color:rgba(33,33,33,0.5);z-index:1;top:0;left:0;right:0;margin:0 auto;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box1 .product-img-holder .hot-sale{top:0;position:absolute;width:0;height:0;border-top:60px solid #08284e;border-right:60px solid transparent;z-index:3} .product-box1 .product-img-holder .hot-sale span{color:#ffffff;font-size:12px;font-weight:600;text-transform:catpitalize;bottom:26px;letter-spacing:2px;position:absolute;-webkit-transform:rotate(316deg);-moz-transform:rotate(316deg);-o-transform:rotate(316deg)} .product-box1 .product-content-holder{margin-top:20px} .product-box1 .product-content-holder h3{font-size:18px;text-transform:capitalize;letter-spacing:1px;margin-bottom:10px} @media only screen and (max-width:479px){.product-box1 .product-content-holder h3{letter-spacing:0}} .product-box1 .product-content-holder h3 a{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box1 .product-content-holder h3 a:hover{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box1 .product-content-holder span{color:#08284e;font-size:16px;letter-spacing:1px;font-weight:600} @media only screen and (max-width:479px){.product-box1 .product-content-holder span{letter-spacing:0}} .product-box1 .product-content-holder span span{margin-right:15px;color:#727272;text-decoration:line-through} .product-box1:hover .product-social{opacity:1;-moz-transform:scale(1) translateY(0px);-webkit-transform:scale(1) translateY(0px);-o-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box1:hover .product-img-holder:after{opacity:1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box2{margin-bottom:30px;background:#f8f8f8} @media only screen and (max-width:479px){.product-box2{text-align:center;margin-bottom:50px}} @media (min-width:768px) and (max-width:991px){.product-box2 a{float:none!important}} @media only screen and (max-width:479px){.product-box2 a{float:none!important}} .product-box2 a img{height:160px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.product-box2 a img{display:inline-block;width:auto;margin-bottom:15px}} .product-box2 a img:hover{opacity:0.5;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box2 .media-body{text-align:left;padding:8px 30px 0 20px} @media (min-width:768px) and (max-width:991px){.product-box2 .media-body{padding:0}} @media only screen and (max-width:479px){.product-box2 .media-body{padding:8px 10px 0 10px}} @media only screen and (max-width:479px){.product-box2 .media-body .product-box2-content{text-align:center}} .product-box2 .media-body .product-box2-content h3{font-size:16px;text-transform:capitalize;letter-spacing:1px;margin-bottom:12px} .product-box2 .media-body .product-box2-content h3 a{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box2 .media-body .product-box2-content h3 a:hover{color:#149EAC;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box2 .media-body .product-box2-content span{font-size:12px;display:block;margin-bottom:12px;color:#08284e;font-weight:600} .product-box2 .media-body .product-box2-content p{color:#727272;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .product-box2 .media-body .product-box2-cart{margin-top:80px} @media only screen and (max-width:1199px){.product-box2 .media-body .product-box2-cart{margin-top:54px}} @media (min-width:768px) and (max-width:991px){.product-box2 .media-body .product-box2-cart{margin-top:10px}} @media only screen and (max-width:479px){.product-box2 .media-body .product-box2-cart{margin-top:20px;text-align:center}} .product-box2 .media-body .product-box2-cart li{margin:0 2px 0 0;display:inline-block;border:1px solid #08284e} .product-box2 .media-body .product-box2-cart li a{line-height:42px;text-align:center;height:42px;padding:0 20px;background:transparent;display:block;color:#08284e;font-size:1rem;text-transform:catpitalize;letter-spacing:2px;font-weight:600;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media (min-width:768px) and (max-width:991px){.product-box2 .media-body .product-box2-cart li a{letter-spacing:1px;padding:0 11px}} @media only screen and (max-width:320px){.product-box2 .media-body .product-box2-cart li a{padding:0 15px}} .product-box2 .media-body .product-box2-cart li a i{line-height:42px;font-size:1rem} .product-box2 .media-body .product-box2-cart li a:hover{background:#08284e;color:#ffffff} .product-box3{margin-bottom:30px;overflow:hidden;text-align:center;position:relative} @media (min-width:480px) and (max-width:767px){.product-box3{margin-bottom:20px}} @media only screen and (max-width:479px){.product-box3{margin-bottom:15px}} .product-box3 .product-content-holder{opacity:0;-moz-transform:scale(1) translateY(398px);-webkit-transform:scale(1) translateY(398px);-o-transform:scale(1) translateY(398px);-ms-transform:scale(1) translateY(398px);transform:scale(1) translateY(398px);position:absolute;text-align:center;z-index:2;left:0;right:0;top:25%;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:1274px){.product-box3 .product-content-holder{top:16%}} @media only screen and (max-width:1199px){.product-box3 .product-content-holder{top:17%}} @media only screen and (max-width:767px){.product-box3 .product-content-holder{top:30%}} @media only screen and (max-width:510px){.product-box3 .product-content-holder{top:20%}} @media only screen and (max-width:479px){.product-box3 .product-content-holder{top:10%}} .product-box3 .product-content-holder h3{font-size:18px;letter-spacing:1px;text-transform:capitalize;margin-bottom:10px} @media only screen and (max-width:991px){.product-box3 .product-content-holder h3{letter-spacing:1px}} @media only screen and (max-width:510px){.product-box3 .product-content-holder h3{font-size:12px}} .product-box3 .product-content-holder h3 a{color:#ffffff} .product-box3 .product-content-holder span{font-size:16px;font-weight:600;color:#ffffff;display:inline-block;margin-bottom:15px} @media only screen and (max-width:479px){.product-box3 .product-content-holder span{margin-bottom:0}} .product-box3 .product-content-holder ul{margin-bottom:30px} @media only screen and (max-width:479px){.product-box3 .product-content-holder ul{margin-bottom:5px}} .product-box3 .product-content-holder ul li{display:inline-block} .product-box3 .product-content-holder ul li i{color:#ffffff;font-size:1rem} .product-box3 .product-img-holder{display:inline-block;position:relative} .product-box3 .product-img-holder:after{opacity:0;-moz-transform:scale(1) translateY(-398px);-webkit-transform:scale(1) translateY(-398px);-o-transform:scale(1) translateY(-398px);-ms-transform:scale(1) translateY(-398px);transform:scale(1) translateY(-398px);position:absolute;height:100%;width:100%;background-color:rgba(7,7,7,0.6);top:0;content:"";left:0;right:0;margin:0 auto;z-index:1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-box3:hover .product-content-holder{opacity:1;-moz-transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);-o-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .product-box3:hover .product-img-holder:after{opacity:1;-moz-transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);-o-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .product-box4{margin-bottom:30px;overflow:hidden;text-align:center;position:relative} .product-box4 .product-content-holder2{-moz-transform:scale(1) translateY(280px);-webkit-transform:scale(1) translateY(280px);-o-transform:scale(1) translateY(280px);-ms-transform:scale(1) translateY(280px);transform:scale(1) translateY(280px);position:absolute;text-align:center;z-index:2;left:0;right:0;top:28%;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media (min-width:992px) and (max-width:1199px){.product-box4 .product-content-holder2{-moz-transform:scale(1) translateY(210px);-webkit-transform:scale(1) translateY(210px);-o-transform:scale(1) translateY(210px);-ms-transform:scale(1) translateY(210px);transform:scale(1) translateY(210px);top:32%}} @media (min-width:768px) and (max-width:991px){.product-box4 .product-content-holder2{-moz-transform:scale(1) translateY(175px);-webkit-transform:scale(1) translateY(175px);-o-transform:scale(1) translateY(175px);-ms-transform:scale(1) translateY(175px);transform:scale(1) translateY(175px);top:24%}} @media (min-width:480px) and (max-width:767px){.product-box4 .product-content-holder2{-moz-transform:scale(1) translateY(175px);-webkit-transform:scale(1) translateY(175px);-o-transform:scale(1) translateY(175px);-ms-transform:scale(1) translateY(175px);transform:scale(1) translateY(175px);top:39%}} @media only screen and (max-width:479px){.product-box4 .product-content-holder2{-moz-transform:scale(1) translateY(175px);-webkit-transform:scale(1) translateY(175px);-o-transform:scale(1) translateY(175px);-ms-transform:scale(1) translateY(175px);transform:scale(1) translateY(175px);top:33%}} @media only screen and (max-width:320px){.product-box4 .product-content-holder2{-moz-transform:scale(1) translateY(230px);-webkit-transform:scale(1) translateY(230px);-o-transform:scale(1) translateY(230px);-ms-transform:scale(1) translateY(230px);transform:scale(1) translateY(230px)}} .product-box4 .product-content-holder2 h3{font-size:18px;letter-spacing:1px;text-transform:capitalize;margin-bottom:10px} @media only screen and (max-width:767px){.product-box4 .product-content-holder2 h3{letter-spacing:0;line-height:1.2;margin-bottom:0}} @media only screen and (max-width:479px){.product-box4 .product-content-holder2 h3{font-size:16px;letter-spacing:0}} .product-box4 .product-content-holder2 h3 a{color:#ffffff} .product-box4 .product-content-holder2 span{opacity:0;font-size:16px;font-weight:600;color:#ffffff;display:inline-block;margin-bottom:15px;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} @media only screen and (max-width:767px){.product-box4 .product-content-holder2 span{margin-bottom:3px;display:block}} .product-box4 .product-content-holder2 ul{opacity:0;margin-bottom:30px;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} @media (min-width:480px) and (max-width:767px){.product-box4 .product-content-holder2 ul{display:none}} @media only screen and (max-width:479px){.product-box4 .product-content-holder2 ul{margin-bottom:5px}} @media only screen and (max-width:320px){.product-box4 .product-content-holder2 ul{display:none}} .product-box4 .product-content-holder2 ul li{display:inline-block} .product-box4 .product-content-holder2 ul li i{color:#ffffff;font-size:1rem} .product-box4 .product-img-holder2{display:inline-block;position:relative} .product-box4 .product-img-holder2:after{-moz-transform:scale(1) translateY(378px);-webkit-transform:scale(1) translateY(378px);-o-transform:scale(1) translateY(378px);-ms-transform:scale(1) translateY(378px);transform:scale(1) translateY(378px);position:absolute;height:100%;width:100%;background-color:rgba(7,7,7,0.6);top:0;content:"";left:0;right:0;margin:0 auto;z-index:1;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media (min-width:992px) and (max-width:1199px){.product-box4 .product-img-holder2:after{-moz-transform:scale(1) translateY(302px);-webkit-transform:scale(1) translateY(302px);-o-transform:scale(1) translateY(302px);-ms-transform:scale(1) translateY(302px);transform:scale(1) translateY(302px)}} @media (min-width:768px) and (max-width:991px){.product-box4 .product-img-holder2:after{-moz-transform:scale(1) translateY(224px);-webkit-transform:scale(1) translateY(224px);-o-transform:scale(1) translateY(224px);-ms-transform:scale(1) translateY(224px);transform:scale(1) translateY(224px)}} @media only screen and (max-width:320px){.product-box4 .product-img-holder2:after{-moz-transform:scale(1) translateY(314px);-webkit-transform:scale(1) translateY(314px);-o-transform:scale(1) translateY(314px);-ms-transform:scale(1) translateY(314px);transform:scale(1) translateY(314px)}} .product-box4 .product-img-holder2 .hot-sale{top:0;position:absolute;width:0;height:0;border-top:60px solid #455a64;border-right:60px solid transparent;z-index:3} .product-box4 .product-img-holder2 .hot-sale span{color:#ffffff;font-size:12px;font-weight:600;text-transform:catpitalize;bottom:26px;letter-spacing:2px;position:absolute;-webkit-transform:rotate(316deg);-moz-transform:rotate(316deg);-o-transform:rotate(316deg)} .product-box4:hover .product-content-holder2{-moz-transform:scale(1) translateY(0px);-webkit-transform:scale(1) translateY(0px);-o-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .product-box4:hover .product-content-holder2 span{opacity:1;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .product-box4:hover .product-content-holder2 ul{opacity:1;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out} .product-box4:hover .product-img-holder2:after{-moz-transform:scale(1) translateY(0px);-webkit-transform:scale(1) translateY(0px);-o-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .product-details1-area{padding:30px 0 0} @media (min-width:768px) and (max-width:991px){.product-details1-area{padding:10px 0 10px}} @media (min-width:480px) and (max-width:767px){.product-details1-area{padding:10px 0 10px}} @media only screen and (max-width:479px){.product-details1-area{padding:10px 0 10px}} @media only screen and (max-width:767px){.product-details1-area .inner-product-details-left{text-align:center}} .product-details1-area .inner-product-details-left .tab-content{border:1px solid #08284e;margin-top:5px} @media only screen and (max-width:767px){.product-details1-area .inner-product-details-left .tab-content{display:inline-block}} .product-details1-area .inner-product-details-left .tab-content a{display:block} .product-details1-area .inner-product-details-left .tab-content h2{text-align:center;font-weight:400;padding-bottom:30px;padding-top:20px} .product-details1-area .inner-product-details-left .tab-content a img{width:100%} @media only screen and (max-width:767px){.product-details1-area .inner-product-details-left ul{margin-bottom:30px}} .product-details1-area .inner-product-details-left ul li{border:1px solid transparent;width:29%;display:inline-block;margin:16px 17px 0 0} .product-details1-area .inner-product-details-left ul li a img{width:100%;opacity:0.5} .product-details1-area .inner-product-details-left ul li a img:hover{opacity:1} .product-details1-area .inner-product-details-left ul li:last-child{margin:16px 0 0 0} .product-details1-area .inner-product-details-left ul li:hover{border:1px solid #08284e} .product-details1-area .inner-product-details-left ul .active{border:1px solid #08284e} .product-details1-area .inner-product-details-left ul .active a img{opacity:1} .product-details1-area .inner-product-details-right h3{letter-spacing:1px;text-transform:capitalize;margin-bottom:15px;font-size:28px;line-height:1} @media (min-width:992px) and (max-width:1199px){.product-details1-area .inner-product-details-right h3{margin-bottom:15px}} .product-details1-area .inner-product-details-right > ul{margin:0 0 15px} .product-details1-area .inner-product-details-right > ul li{display:inline-block;margin:2em 0} .product-details1-area .inner-product-details-right > ul li > i{color:#eebe2c} .product-details1-area .inner-product-details-right .price{font-size:22px;font-weight:600;color:#08284e;margin-bottom:30px} @media (min-width:992px) and (max-width:1199px){.product-details1-area .inner-product-details-right .price{margin-bottom:40px}} @media (min-width:768px) and (max-width:991px){.product-details1-area .inner-product-details-right .price{margin-bottom:30px}} .product-details1-area .inner-product-details-right .product-details-content{margin-bottom:30px} @media (min-width:992px) and (max-width:1199px){.product-details1-area .inner-product-details-right .product-details-content{margin-bottom:24px}} @media only screen and (max-width:991px){.product-details1-area .inner-product-details-right .product-details-content{margin-bottom:12px}} .product-details1-area .inner-product-details-right .product-details-content > p{margin-bottom:10px;font-size:1rem;color:#727272} .product-details1-area .inner-product-details-right .product-details-content > p > span{font-weight:600;text-transform:catpitalize} .product-details1-area .inner-product-details-right .product-details-social{margin-bottom:30px} @media (min-width:992px) and (max-width:1199px){.product-details1-area .inner-product-details-right .product-details-social{margin-bottom:52px}} @media only screen and (max-width:991px){.product-details1-area .inner-product-details-right .product-details-social{margin-bottom:20px}} .product-details1-area .inner-product-details-right .product-details-social li{display:inline;font-weight:600;margin-right:15px} .product-details1-area .inner-product-details-right .product-details-social li a{padding:0 10px} .product-details1-area .inner-product-details-right .product-details-social li a i{color:#727272;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .inner-product-details-right .product-details-social li a:hover i{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .inner-product-details-right .inner-product-details-cart{margin-bottom:0} @media only screen and (max-width:479px){.product-details1-area .inner-product-details-right .inner-product-details-cart{text-align:center}} .product-details1-area .inner-product-details-right .inner-product-details-cart li{vertical-align:top;margin:0 2px 0 0;width:140px;display:inline-block;border:1px solid #08284e} @media only screen and (max-width:479px){.product-details1-area .inner-product-details-right .inner-product-details-cart li{margin-bottom:5px}} .product-details1-area .inner-product-details-right .inner-product-details-cart li:hover{border:1px solid #08284e} .product-details1-area .inner-product-details-right .inner-product-details-cart li:hover:nth-child(2){border:1px solid #08284e} .product-details1-area .inner-product-details-right .inner-product-details-cart li a{line-height:52px;text-align:center;height:52px;padding:0 20px;background:transparent;display:block;font-size:1rem;text-transform:catpitalize;letter-spacing:2px;font-weight:600;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media (min-width:768px) and (max-width:1199px){.product-details1-area .inner-product-details-right .inner-product-details-cart li a{padding:0 13px}} .product-details1-area .inner-product-details-right .inner-product-details-cart li a i{line-height:54px;font-size:1rem;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .inner-product-details-right .inner-product-details-cart li a:hover{background:#08284e;color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .inner-product-details-right .inner-product-details-cart li a:hover i{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group{position:relative;box-shadow:none!important} .product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group .form-control{box-shadow:none} .product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group input{border:none;height:52px;width:100px;padding-right:47px;font-size:20px;text-align:center} @media (min-width:768px) and (max-width:1199px){.product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group input{width:81px;padding-left:5px;padding-right:40px}} .product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical{position:absolute;z-index:3;top:0;right:0} .product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical .btn-default{border:0} .product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button{display:block;border-left:1px solid #08284e !important;border-radius:0!important;background:transparent;padding:4px 12px;line-height:1.3} .product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button:last-child{border-top:1px solid #08284e} .product-details1-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button i{line-height:1} .product-details1-area .product-details-tab-area{margin:0px 0px;overflow:hidden} .product-details1-area .product-details-tab-area .product-head ul > li{display:inline-block;border:1px solid #ccc;padding:14.5px;width:277px;font-size:16px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.product-details1-area .product-details-tab-area .product-head ul > li{display:block!important;padding:0}} .product-details1-area .product-details-tab-area .product-head ul > li a{color:#08284e;text-transform:catpitalize;font-weight:500;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.product-details1-area .product-details-tab-area .product-head ul > li a{display:block!important}} .product-details1-area .product-details-tab-area .product-head ul > li:hover{background:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .product-details-tab-area .product-head ul > li:hover a{color:#fff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .product-details-tab-area .product-head ul .active{background:#08284e;border:1px solid #ffffff !important} .product-details1-area .product-details-tab-area .product-head ul .active a{color:#fff;text-decoration:none} .product-details1-area .product-details-tab-area .list ul > li{margin:5px;display:inline-block;padding:5px 0px;background:transparent;border:1px solid #08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.product-details1-area .product-details-tab-area .list ul > li{display:block!important;padding:0}} .product-details1-area .product-details-tab-area .list ul > li a{color:#08284e;padding:12px 30px;text-transform:catpitalize;font-weight:500;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:479px){.product-details1-area .product-details-tab-area .list ul > li a{display:block!important}} .product-details1-area .product-details-tab-area .list ul > li:hover{background:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .product-details-tab-area .list ul > li:hover a{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .product-details-tab-area .list ul .active{background:#08284e;border:1px solid #08284e !important} .product-details1-area .product-details-tab-area .list ul .active a{color:#ffffff;text-decoration:none} .product-details1-area .product-details-tab-area .tab-pane ul > li{padding:0px 0px 5px;background:transparent;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details1-area .product-details-tab-area .tab-pane ul > li a{color:#111111} .product-details1-area .product-details-tab-area .tab-content{padding:35px 0px 35px 0px} @media (min-width:992px) and (max-width:1199px){.product-details1-area .product-tags{display:none}} @media only screen and (max-width:479px){.product-details1-area .owl-buttons{position:inherit;opacity:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .product-details1-area .owl-buttons .owl-prev{position:absolute;left:-30px;top:50%;transform:translateY(-50%);z-index:1;background:#676767 !important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .product-details1-area .owl-buttons .owl-next{position:absolute;right:-30px;top:50%;transform:translateY(-50%);z-index:1;background:#676767 !important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .product-details1-area .owl-buttons{opacity:1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .product-details1-area .owl-buttons .owl-prev{left:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .product-details1-area .owl-buttons .owl-next{right:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}} .product-details2-area{padding:0px 0 10px} @media (min-width:768px) and (max-width:991px){.product-details2-area{padding:0px 0 10px}} @media (min-width:480px) and (max-width:767px){.product-details2-area{padding:0px 0 10px}} @media only screen and (max-width:479px){.product-details2-area{padding:0px 0 10px}} @media only screen and (max-width:991px){.product-details2-area .inner-product-details-left{text-align:center}} .product-details2-area .inner-product-details-left .tab-content{border:1px solid #08284e} @media only screen and (max-width:991px){.product-details2-area .inner-product-details-left .tab-content{display:inline-block}} .product-details2-area .inner-product-details-left .tab-content a{display:block} .product-details2-area .inner-product-details-left .tab-content a img{width:100%} @media only screen and (max-width:991px){.product-details2-area .inner-product-details-left ul{margin-bottom:30px}} .product-details2-area .inner-product-details-left ul li{border:1px solid transparent;width:22%;display:inline-block;margin:16px 0 0 0} @media (min-width:480px) and (max-width:1199px){.product-details2-area .inner-product-details-left ul li{margin:16px 14px 0 0}} @media only screen and (max-width:479px){.product-details2-area .inner-product-details-left ul li{margin:16px 8px 0 0}} .product-details2-area .inner-product-details-left ul li a img{width:100%;opacity:0.5} .product-details2-area .inner-product-details-left ul li a img:hover{opacity:1} .product-details2-area .inner-product-details-left ul li:last-child{margin:16px 0 0 0} .product-details2-area .inner-product-details-left ul li:hover{border:1px solid #08284e} .product-details2-area .inner-product-details-left ul .active{border:1px solid #08284e} .product-details2-area .inner-product-details-left ul .active a img{opacity:1} .product-details2-area .inner-product-details-right h3{letter-spacing:1px;text-transform:capitalize;margin-bottom:12px;font-size:28px} .product-details2-area .inner-product-details-right > ul{margin:0 0 15px} .product-details2-area .inner-product-details-right > ul li{display:inline-block} .product-details2-area .inner-product-details-right > ul li > i{color:#eebe2c} .product-details2-area .inner-product-details-right .price{font-size:22px;font-weight:600;color:#08284e;margin-bottom:45px} @media only screen and (max-width:1199px){.product-details2-area .inner-product-details-right .price{margin-bottom:30px}} .product-details2-area .inner-product-details-right .product-details-content{margin:30px 0 56px;display:inline-block} @media only screen and (max-width:1199px){.product-details2-area .inner-product-details-right .product-details-content{margin:0}} .product-details2-area .inner-product-details-right .product-details-content > p{margin-bottom:10px;font-size:1rem;color:#727272} @media only screen and (max-width:1199px){.product-details2-area .inner-product-details-right .product-details-content > p{margin-bottom:5px}} .product-details2-area .inner-product-details-right .product-details-content > p > span{font-weight:600;text-transform:catpitalize} .product-details2-area .inner-product-details-right .product-details-social{margin-bottom:85px} @media only screen and (max-width:1199px){.product-details2-area .inner-product-details-right .product-details-social{margin-bottom:27px}} .product-details2-area .inner-product-details-right .product-details-social li{display:inline;font-weight:600;margin-right:15px} .product-details2-area .inner-product-details-right .product-details-social li a{padding:0 10px} .product-details2-area .inner-product-details-right .product-details-social li a i{color:#727272;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details2-area .inner-product-details-right .product-details-social li a:hover i{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details2-area .inner-product-details-right .inner-product-details-cart{margin-bottom:0} @media only screen and (max-width:479px){.product-details2-area .inner-product-details-right .inner-product-details-cart{text-align:center}} .product-details2-area .inner-product-details-right .inner-product-details-cart li{vertical-align:top;margin:0 2px 0 0;display:inline-block;background:#08284e;color:#ffffff} @media only screen and (max-width:479px){.product-details2-area .inner-product-details-right .inner-product-details-cart li{margin-bottom:5px}} .product-details2-area .inner-product-details-right .inner-product-details-cart li a{text-align:center;padding:10px 30px;background:transparent;display:block;color:#ffffff;font-size:1rem;text-transform:catpitalize;letter-spacing:2px;font-weight:600;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details2-area .inner-product-details-right .inner-product-details-cart li a i{line-height:54px;font-size:1rem;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details2-area .inner-product-details-right .inner-product-details-cart li a:hover{background:#149EAC;color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details2-area .inner-product-details-right .inner-product-details-cart li a:hover i{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-details2-area .inner-product-details-right .inner-product-details-cart li .input-group{position:relative;box-shadow:none!important} .product-details2-area .inner-product-details-right .inner-product-details-cart li .input-group .form-control{box-shadow:none} .product-details2-area .inner-product-details-right .inner-product-details-cart li .input-group input{border:none;height:52px;width:100px;padding-right:47px;font-size:20px;text-align:center} .product-details2-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical{position:absolute;z-index:3;top:0;right:0} .product-details2-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical .btn-default{border:0} .product-details2-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button{display:block;border-left:1px solid #08284e !important;border-radius:0!important;background:transparent;padding:4px 12px;line-height:1.3} .product-details2-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button:last-child{border-top:1px solid #08284e} .product-details2-area .inner-product-details-right .inner-product-details-cart li .input-group .input-group-btn-vertical button i{line-height:1} .product-details2-area .product-details-tab-area{overflow:hidden;background-color:#f1f1f1} @media only screen and (max-width:479px){.product-details2-area .product-details-tab-area{margin:0px 0}} .product-details2-area .product-details-tab-area ul > li{background-color:#ffffff;margin:-1px;display:inline-block;padding:10px 10px} @media only screen and (max-width:479px){.product-details2-area .product-details-tab-area ul > li{display:inline-block;padding:0} .product-details2-area .product-details-tab-area ul > li a{display:inline-block;padding:10px;text-transform:uppercase;font-weight:500}} .product-details2-area .product-details-tab-area ul > li a{padding:30px;text-transform:uppercase;font-weight:500} .product-details2-area .product-details-tab-area ul .active{border-top:3px solid #08284e;border-left:1px solid #ccc;border-right:1px solid #ccc;box-shadow:0 -5px 10px #b2c8df59;background-color:#ffffff} .product-details2-area .product-details-tab-area ul .active a{color:#111111;text-decoration:none} .product-details2-area .product-details-tab-area .tab-content{padding:35px 35px 15px 35px;background-color:#ffffff} .sidebar-banner{position:relative;text-align:center} .sidebar-banner .sidebar-banner-button{position:absolute;bottom:30px;z-index:1;left:0;right:0;margin:0 auto} .sidebar-banner .sidebar-banner-button a:hover{color:#ffffff;border:1px solid #ffffff;background:#455a64} .sidebar-search-area .stylish-input-group{padding:5px 10px} .archives ul li{font-weight:500;margin-bottom:8px;text-transform:catpitalize;letter-spacing:1px} .archives ul li:last-child{margin-bottom:0} .archives ul li a{color:#727272;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .archives ul li a:hover{color:#455a64;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .archives ul li a i{margin-right:10px;font-size:12px} .recent-posts .media a{padding-right:0;margin-right:10px} @media (min-width:992px) and (max-width:1199px){.recent-posts .media a{float:inherit!important}} .recent-posts .media a img{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .recent-posts .media a img:hover{opacity:0.7;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .recent-posts .media-body h3{letter-spacing:1px;font-size:18px;text-transform:capitalize;margin-bottom:12px;line-height:1.3} .recent-posts .media-body h3 a{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .recent-posts .media-body h3 a:hover{color:#727272;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .recent-posts .media-body p{color:#727272;font-size:1rem;line-height:1.3;margin-bottom:0} .best-products .media a img{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .best-products .media a img:hover{opacity:0.6;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .best-products h3{font-size:18px;text-transform:capitalize;letter-spacing:1px;margin-bottom:10px} .best-products h3 a{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .best-products h3 a:hover{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .best-products p{font-size:15px;color:#08284e;font-weight:600;margin-bottom:20px} .best-products p span{text-decoration:line-through;color:#a3a3a3;margin-right:10px} .filter-by-price span{width:100%;height:10px;background:#212121;display:block;position:relative} .filter-by-price span:before{content:"";background:#08284e;height:20px;width:20px;position:absolute;top:-5px;left:0;z-index:1} .filter-by-price span:after{content:"";background:#08284e;height:20px;width:20px;position:absolute;top:-5px;right:0;z-index:1} .filter-by-price ul{margin-top:30px;border:1px solid #d7d7d7;text-align:center;padding:8px} .filter-by-price ul li{display:inline-block;border-right:1px solid #d7d7d7;margin-right:10px;padding-right:10px;font-size:18px;color:#727272;line-height:1} .filter-by-price ul li:last-child{border-right:0;margin-right:0;padding-right:0} .product-tags li{display:inline-block;margin-bottom:3px;border:1px solid #08284e;background:transparent;font-size:12px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-tags li a{color:#08284e;letter-spacing:1px;text-transform:catpitalize;display:block;padding:5px 16px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} @media only screen and (max-width:991px){.product-tags li a{padding:5px 14px}} @media (min-width:321px) and (max-width:479px){.product-tags li a{padding:5px 8px}} .product-tags li:hover{border:1px solid #08284e;background:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .product-tags li:hover a{color:#ffffff;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .login-registration-page-area{padding:100px 0} @media (min-width:768px) and (max-width:991px){.login-registration-page-area{padding:80px 0}} @media (min-width:480px) and (max-width:767px){.login-registration-page-area{padding:70px 0}} @media only screen and (max-width:479px){.login-registration-page-area{padding:60px 0}} .login-registration-page-area .login-registration-field{border:1px solid #08284e;padding:40px} @media only screen and (max-width:767px){.login-registration-page-area .login-registration-field{margin-bottom:15px}} .login-registration-page-area .login-registration-field label{width:100%;font-size:16px;font-weight:500;margin-bottom:12px} .login-registration-page-area .login-registration-field input{height:40px;padding:0 10px;width:100%;border-radius:0;border:1px solid #08284e;margin-bottom:15px} .login-registration-page-area .login-registration-field span{margin-left:15px;color:#08284e} @media (min-width:768px) and (max-width:991px){.login-registration-page-area .login-registration-field span{font-size:12px}} @media only screen and (max-width:479px){.login-registration-page-area .login-registration-field span{display:inline-block;margin-left:0;margin-top:15px}} .login-registration-page-area .login-registration-field span input{width:inherit;height:inherit;margin-right:10px;padding:30px} .checkout-page-area{padding:100px 0} checkout-page-area table{white-space:nowrap} @media (min-width:768px) and (max-width:991px){.checkout-page-area{padding:80px 0}} @media (min-width:480px) and (max-width:767px){.checkout-page-area{padding:70px 0}} @media only screen and (max-width:479px){.checkout-page-area{padding:60px 0;overflow:auto}} .checkout-page-area .checkout-page-top{padding:15px;border:1px solid #08284e;margin-bottom:20px} .checkout-page-area .checkout-page-top p{font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:0;text-transform:catpitalize} .checkout-page-area .checkout-page-top p a{color:#727272;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .checkout-page-area .checkout-page-top p a:hover{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .checkout-page-area .checkout-page-top p i{margin-right:5px;font-size:16px;color:#08284e} .checkout-page-area .billing-details-area{margin-bottom:30px} .checkout-page-area .billing-details-area label{letter-spacing:1px;font-weight:400;margin-bottom:10px} .checkout-page-area .billing-details-area input{height:40px;border:1px solid #08284e;border-radius:0;box-shadow:none;margin-bottom:10px} .checkout-page-area .billing-details-area span{text-transform:capitalize;letter-spacing:1px} .checkout-page-area .billing-details-area span input{height:inherit;margin-right:10px} .checkout-page-area .billing-details-area .custom-select select{width:100%;height:40px} @media only screen and (max-width:991px){.checkout-page-area .ship-to-another-area{margin-bottom:30px}} .checkout-page-area .ship-to-another-area h2 span{margin-left:15px} .checkout-page-area .ship-to-another-area label{letter-spacing:2px;font-weight:600;margin-bottom:10px} .checkout-page-area .ship-to-another-area textarea{box-shadow:none;border-radius:0;font-size:13px;font-weight:500;letter-spacing:2px} .checkout-page-area .ship-to-another-area textarea:focus{border-color:#d7d7d7 !important} .checkout-page-area .order-sheet{margin-bottom:45px;padding:30px 35px;border:1px solid #08284e} @media only screen and (max-width:479px){.checkout-page-area .order-sheet{overflow:auto}} .checkout-page-area .order-sheet h2{text-transform:catpitalize;font-size:20px;margin-bottom:15px} .checkout-page-area .order-sheet ul li{border-bottom:1px solid #08284e;padding-bottom:10px;margin-bottom:10px} .checkout-page-area .order-sheet ul li span{float:right} .checkout-page-area .order-sheet h3{text-transform:catpitalize;font-size:18px;letter-spacing:2px;border-bottom:1px solid #08284e;padding-bottom:12px;margin-bottom:12px} .checkout-page-area .order-sheet h3:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0} .checkout-page-area .order-sheet h3 span{float:right} .checkout-page-area .payment-option{border:1px solid #08284e;padding-top:30px} .checkout-page-area .payment-option .form-group{border-bottom:1px solid #08284e;padding-bottom:15px} .checkout-page-area .payment-option .form-group:last-child{border-bottom:0;padding-bottom:0} .checkout-page-area .payment-option span{text-transform:catpitalize;letter-spacing:1px;font-size:16px;font-weight:600;padding-left:30px} .checkout-page-area .payment-option span input{margin-right:20px} .checkout-page-area .payment-option p{padding:0 64px;margin-bottom:0} .checkout-page-area .pLace-order{text-align:right;margin-top:20px} .checkout-page-area .select2-container .select2-selection--single{height:40px} .checkout-page-area .select2-container--classic .select2-selection--single{background-color:transparent;background-image:none;border-radius:0;border:1px solid #08284e} .checkout-page-area .select2-container--classic .select2-selection--single .select2-selection__rendered{line-height:40px} .checkout-page-area .select2-container--classic .select2-selection--single .select2-selection__arrow{top:7px;background-color:transparent;background-image:none;border-style:none;right:5px} .select2-container--classic .select2-dropdown{border:1px solid #08284e !important} .select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#08284e;color:#ffffff;font-weight:600} .cart-page-area{padding:100px 0;height:300px;height:auto;min-height:500px;margin:0 auto} @media (min-width:768px) and (max-width:991px){.cart-page-area{padding:80px 0}} @media (min-width:480px) and (max-width:767px){.cart-page-area{padding:70px 0}} @media only screen and (max-width:479px){.cart-page-area{padding:60px 0}} .cart-page-area .cart-page-top{margin-bottom:45px;border:1px solid #08284e;padding:0 0 10px} .cart-page-area .cart-page-top table{margin-bottom:10px;border-bottom:1px solid #08284e} .cart-page-area .cart-page-top table .cart-form-heading{text-transform:catpitalize;font-weight:600;padding:15px 20px} .cart-page-area .cart-page-top table tr td{vertical-align:middle!important;border-right:1px solid #08284e} .cart-page-area .cart-page-top table tr td:last-child{border-right:0} .cart-page-area .cart-page-top table tr td h3{text-transform:capitalize;margin-bottom:0;margin-left:15px} .cart-page-area .cart-page-top table tr td h3 a{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .cart-page-area .cart-page-top table tr td h3 a:hover{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .cart-page-area .cart-page-top table tr td a img{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .cart-page-area .cart-page-top table tr td a img:hover{opacity:0.5;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .cart-page-area .cart-page-top table tr .cart-img-holder{width:12%} .cart-page-area .cart-page-top table tr .amount{text-align:center;letter-spacing:2px;text-transform:catpitalize;font-size:16px;font-weight:600} .cart-page-area .cart-page-top table tr .quantity .quantity-holder{margin:0 auto;position:relative;width:130px;top:-15px;z-index:2} .cart-page-area .cart-page-top table tr .quantity .quantity-holder input{text-align:center;position:absolute;left:0;right:0;margin:0 auto;width:48px;border-radius:0} .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical button{border-radius:0;position:absolute;z-index:3} .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-plus{left:0} .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-minus{right:0} .cart-page-area .cart-page-top table tr .dismiss{text-align:center} .cart-page-area .cart-page-top table tr .dismiss a i{color:#08284e;font-size:18px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .cart-page-area .cart-page-top table tr .dismiss a:hover i{color:#149EAC;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .cart-page-area .cart-page-top .update-button{text-align:right;padding-right:10px} .cart-page-area .cart-page-bottom-left{border:1px solid #08284e;padding:30px} @media (min-width:480px) and (max-width:767px){.cart-page-area .cart-page-bottom-left{text-align:center;padding:30px 10px}} @media only screen and (max-width:479px){.cart-page-area .cart-page-bottom-left{padding:30px;text-align:center}} .cart-page-area .cart-page-bottom-left h2{text-transform:catpitalize;letter-spacing:2px;font-size:20px} .cart-page-area .cart-page-bottom-left input{width:64%;height:50px;padding:5px 10px} @media (min-width:992px) and (max-width:1199px){.cart-page-area .cart-page-bottom-left input{width:80%}} @media (min-width:768px) and (max-width:991px){.cart-page-area .cart-page-bottom-left input{width:73%}} @media (min-width:480px) and (max-width:767px){.cart-page-area .cart-page-bottom-left input{width:50%}} @media only screen and (max-width:479px){.cart-page-area .cart-page-bottom-left input{width:100%;margin-bottom:15px}} .cart-page-area .cart-page-bottom-left button{margin-left:-5px} .cart-page-area .cart-page-bottom-right{border:1px solid #08284e;padding:30px} .cart-page-area .cart-page-bottom-right h2{text-transform:capitalize;letter-spacing:2px;font-size:20px} .cart-page-area .cart-page-bottom-right h3{font-size:16px;text-transform:capitalize;letter-spacing:2px;border-bottom:1px solid #08284e;margin-bottom:10px;padding-bottom:10px} .cart-page-area .cart-page-bottom-right h3 span{float:right} .cart-page-area .cart-page-bottom-right .proceed-button{text-align:right;margin-top:20px} .contact-us-page-area{padding:100px 0 80px} @media (min-width:768px) and (max-width:991px){.contact-us-page-area{padding:80px 0 60px}} @media (min-width:480px) and (max-width:767px){.contact-us-page-area{padding:70px 0 50px}} @media only screen and (max-width:479px){.contact-us-page-area{padding:60px 0 40px}} @media only screen and (max-width:767px){.contact-us-page-area .contact-us-left{margin-bottom:30px}} .contact-us-page-area .contact-us-left .google-map-area{margin-bottom:50px} .contact-us-page-area .contact-us-left h2{font-size:24px;text-transform:catpitalize;letter-spacing:1px} .contact-us-page-area .contact-us-left .contact-form .form-group{margin-bottom:20px} .contact-us-page-area .contact-us-left .contact-form .form-group .form-control{border-radius:0;background:#f9f9f9;box-shadow:none;border:none} .contact-us-page-area .contact-us-left .contact-form .form-group input{height:45px} .contact-us-page-area .contact-us-left .form-response .alert-info{background:transparent!important;border:none!important;color:#a8a7a7;letter-spacing:10px} .contact-us-page-area .contact-us-left .form-response .alert-success{background-color:transparent;color:#455a64;letter-spacing:8px;border-color:transparent;font-weight:500} @media only screen and (max-width:479px){.contact-us-page-area .contact-us-left .form-response .alert-success{letter-spacing:1px}} .contact-us-page-area .contact-us-left .form-response .alert{border-radius:0!important;padding:15px 0} .contact-us-page-area .contact-us-right ul li{padding-left:35px;line-height:30px;margin-bottom:15px} .contact-us-page-area .contact-us-right ul .con-address{position:relative} .contact-us-page-area .contact-us-right ul .con-address:after{position:absolute;left:0;top:2px;font-size:24px;color:#08284e} .contact-us-page-area .contact-us-right ul .con-envelope{position:relative} .contact-us-page-area .contact-us-right ul .con-envelope:after{position:absolute;left:0;top:2px;font-size:20px;color:#08284e} .contact-us-page-area .contact-us-right ul .con-phone{position:relative} .contact-us-page-area .contact-us-right ul .con-phone:after{position:absolute;left:0;top:2px;font-size:20px;color:#08284e} .contact-us-page-area .contact-us-right ul .con-fax{position:relative} .contact-us-page-area .contact-us-right ul .con-fax:after{position:absolute;left:0;top:2px;font-size:20px;color:#08284e} .page-error-area{padding:100px 0;text-align:center} @media (min-width:768px) and (max-width:991px){.page-error-area{padding:80px 0}} @media (min-width:480px) and (max-width:767px){.page-error-area{padding:70px 0}} @media only screen and (max-width:479px){.page-error-area{padding:60px 0}} .page-error-area .page-error-top{background:#d1d2d4;padding:60px 0 120px 0} @media only screen and (max-width:479px){.page-error-area .page-error-top{padding:0 0 30px 0}} .page-error-area .page-error-top span{font-size:80px;color:#ffffff;margin-bottom:35px;line-height:300px;font-weight:600;display:inline-block} @media (min-width:480px) and (max-width:767px){.page-error-area .page-error-top span{font-size:240px}} @media only screen and (max-width:479px){.page-error-area .page-error-top span{font-size:150px;margin-bottom:0}} .page-error-area .page-error-top p{letter-spacing:3px;font-weight:600;color:#ffffff;font-size:30px;line-height:1.5} .page-error-area .page-error-bottom{margin-top:45px} .page-error-area .page-error-bottom p{margin-bottom:0;font-weight:600;font-size:18px;color:#7a7a7a} .footer-area{padding:0px 0 0;background:#000} @media (min-width:768px) and (max-width:991px){.footer-area{padding:0px 0 0}} @media (min-width:480px) and (max-width:767px){.footer-area{padding:0px 0 0}} @media only screen and (max-width:479px){.footer-area{padding:0px 0 0}} .footer-area .footer-area-top{padding-top:0px;padding-bottom:60px;background:#000} @media (min-width:768px) and (max-width:991px){.footer-area .footer-area-top{padding-top:0px;padding-bottom:40px}} @media (min-width:480px) and (max-width:767px){.footer-area .footer-area-top{padding-top:0px;padding-bottom:30px}} @media only screen and (max-width:479px){.footer-area .footer-area-top{padding-top:20px;padding-bottom:20px}} .footer-area .footer-area-top .footer-box{padding-top:30px;padding-bottom:30px} @media only screen and (max-width:767px){.footer-area .footer-area-top .footer-box{margin-top:30px;margin-bottom:30px}} .footer-area .footer-area-top .footer-box h3{color:#ffffff;text-transform:catpitalize;margin-bottom:15px;font-size:20px} @media only screen and (max-width:767px){.footer-area .footer-area-top .footer-box h3{margin-bottom:10px}} .footer-area .footer-area-top .footer-box p{margin-bottom:15px} .footer-area .footer-area-top .footer-box .info-list{padding-top:5px} .footer-area .footer-area-top .footer-box .info-list li{font-size:1rem;letter-spacing:2px;margin-bottom:10px;line-height:1} .footer-area .footer-area-top .footer-box .info-list li a{color:#aaaaaa;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .footer-area .footer-area-top .footer-box .info-list li a:hover{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .footer-area .footer-area-top .footer-box .info-list li:last-child{margin-bottom:0} .footer-area .footer-area-top .footer-box .tag-list{padding-top:5px} .footer-area .footer-area-top .footer-box .tag-list li{display:inline-block;margin-bottom:7px;margin-right:3px;border:1px solid #727272;background:transparent;font-size:1rem;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .footer-area .footer-area-top .footer-box .tag-list li a{display:block;padding:5px 17px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .footer-area .footer-area-top .footer-box .tag-list li:hover{border:1px solid #08284e;background:#08284e;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in} .footer-area .footer-area-top .footer-box .tag-list li:hover a{color:#ffffff;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in} .footer-area .footer-area-top .footer-box .footer-social{margin-bottom:24px} .footer-area .footer-area-top .footer-box .footer-social li{display:inline-block;margin-right:5px} .footer-area .footer-area-top .footer-box .footer-social li a{width:32px;line-height:32px;border-radius:10%;height:32px;border:1px solid #08284e;display:block;text-align:center;background:#08284e} .footer-area .footer-area-top .footer-box .footer-social li a i{color:#08284e;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out} .footer-area .footer-area-top .footer-box .footer-social li a:hover{border:1px solid #727272;background:#727272;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in} .footer-area .footer-area-top .footer-box .footer-social li a:hover i{color:#ffffff;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in} .footer-area .footer-area-top .footer-box .newsletter-area h3{margin-bottom:15px} .footer-area .footer-area-top .footer-box .newsletter-area .stylish-input-group{border:1px solid #08284e !important;border:none;padding:0!important} .footer-area .footer-area-top .footer-box .newsletter-area .stylish-input-group .form-control{border:none;box-shadow:0 0 0;border-radius:0;background:#ffffff;text-transform:catpitalize;color:#ffffff;height:34px;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1} .footer-area .footer-area-top .footer-box .newsletter-area .stylish-input-group .input-group-addon{background:#ffffff !important;border:none;border-radius:0;padding:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .footer-area .footer-area-top .footer-box .newsletter-area .stylish-input-group .input-group-addon button{border:0;background:#08284e;padding:10px 17px} .footer-area .footer-area-top .footer-box .newsletter-area .stylish-input-group .input-group-addon button i{color:#ffffff;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .footer-area .footer-area-top .footer-box .newsletter-area .stylish-input-group .input-group-addon button:hover{background:transparent!important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .footer-area .footer-area-top .footer-box .newsletter-area .stylish-input-group .input-group-addon button:hover i{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .footer-area .footer-area-top .footer-box .newsletter-area input.form-control::-webkit-input-placeholder,.footer-area .footer-area-top .footer-box .newsletter-area textarea.form-control::-webkit-input-placeholder{color:#000000} .footer-area .footer-area-top .footer-box .newsletter-area input.form-control::-moz-placeholder,.footer-area .footer-area-top .footer-box .newsletter-area textarea.form-control::-moz-placeholder{color:#000000} .footer-area .footer-area-top .footer-box .newsletter-area input.form-control:-moz-placeholder,.footer-area .footer-area-top .footer-box .newsletter-area textarea.form-control:-moz-placeholder{color:#000000} .footer-area .footer-area-top .footer-box .newsletter-area input.form-control:-ms-input-placeholder,.footer-area .footer-area-top .footer-box .newsletter-area textarea.form-control:-ms-input-placeholder{color:#000000} .footer-area .footer-area-bottom{padding:0px 0 0;text-transform:capitalize;letter-spacing:2px;font-size:13px;background:#3f3f3f} @media only screen and (max-width:767px){.footer-area .footer-area-bottom{text-align:center}} .footer-area .footer-area-bottom p{margin:0 0 10px} .footer-area .footer-area-bottom p a{color:#08284e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .footer-area .footer-area-bottom p a:hover{color:#455a64;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} .footer-area .footer-area-bottom .payment-method{text-align:right} @media only screen and (max-width:767px){.footer-area .footer-area-bottom .payment-method{text-align:center}} .footer-area .footer-area-bottom .payment-method li{display:inline-block} .modal-dialog{background:#ffffff;width:50%} @media (max-width:768px) and (max-width:1199px){.modal-dialog{width:73%}} @media (max-width:480px) and (max-width:767px){.modal-dialog{width:80%}} @media only screen and (max-width:479px){.modal-dialog{width:95%}} .modal-dialog .modal-body .myclose{font-size:40px;margin-right:8px;font-weight:normal;line-height:0.5} .modal-dialog .product-details1-area{padding:0} .modal-dialog .product-details1-area .product-details-info-area{padding:30px} .modal-dialog .product-details1-area .product-details-social{margin-bottom:50px} .modal-dialog .inner-product-details-cart li:hover{border:1px solid #08284e !important} .modal-dialog .inner-product-details-cart li:hover:nth-child(2){border:1px solid #d7d7d7!important} .modal-dialog .inner-product-details-cart li a{background:#08284e !important;color:#ffffff !important} .modal-dialog .inner-product-details-cart li a:hover{background:transparent!important;color:#08284e !important} .modal-dialog .inner-product-details-cart li a:hover i{color:#08284e !important} .style-switch{background-color:#676767} .style-switch ul .active a{color:#08284e;font-weight:400} .style-switch .switch-button{background-color:#08284e;color:#ffffff} .display-img{position:relative} .display-img::after{content:url(img/weixin.jpg);position:absolute;right:-35px;top:40px;z-index:99;width:100px;height:100px;border:5px solid #0095ba;border-radius:4px;transform-origin:top right;transform:scale(0);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .display-img:hover::after{transform:scale(1);opacity:1} .display-title{position:relative} .display-title span{display:none;position:absolute;width:auto;right:-50px;top:40px;z-index:99;border:5px solid #0095ba;border-radius:4px;transform-origin:top right;color:#fefefe;background-color:#0095ba} .display-title:hover span{display:block} .display-title::after{position:absolute;right:-35px;top:40px;z-index:99;width:100px;height:100px;border:5px solid #0095ba;border-radius:4px;transform-origin:top right;transform:scale(0);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .display-title:hover::after{transform:scale(1);opacity:1} table{width:100%;table-layout:fixed} th,td{word-break:break-all} .inner-section-space-top table{table-layout:fixed;width:100%} .inner-section-space-top td{white-space:nowrap;text-overflow:ellipsis} .inner-section-space-top table tr .cart-form-heading{overflow:visible} .inner-section-space-top table .cart-form-heading ul{margin:-1px;padding:0 0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;margin:auto} .inner-section-space-top table .cart-form-heading ul > li{margin:-1px;padding:0 0} .inner-section-space-top table .cart-form-heading ul > li a{font-size:16px;color:#666666} .nav-stacked li a{padding:2px 0} .nav-stacked{padding-top:30px} .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)} .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease} .progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px} .progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite} .progress-bar-success{background-color:#5cb85c} .progress-title{font-size:16px;font-weight:700;color:#333;margin:0 0 20px} .progress{height:10px;background:#333;border-radius:0;box-shadow:none;margin-bottom:30px;overflow:visible} .progress .progress-bar{position:relative;-webkit-animation:animate-positive 2s;animation:animate-positive 2s} .progress .progress-bar:after{content:"";display:inline-block;width:10px;background:#fff;position:absolute;top:1px;bottom:1px;right:-1px;z-index:1;transform:rotate(90deg)} .progress .progress-value{display:block;font-size:16px;font-weight:600;color:#333;position:absolute;bottom:-25px;right:-25px} .list-group-item{font-weight:550} @-webkit-keyframes animate-positive{0%{width:0}} @keyframes animate-positive{0%{width:0}} .table_header thead{background-color:#08284e} .table_header th{color:#ffffff;border-top:0;border-left:0} .text-white{color:#ffffff!important} .footer-section{background:url(img/footer-background.png);background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:100px;position:relative} .footer-section .footer-logo{margin-bottom:8px;position:relative;top:-14px} .footer-section .footer-sideshape{position:absolute;left:-16px;top:-14px} .footer-section .middle-portion{padding-bottom:80px} .footer-section .middle-portion .footer-text{margin-bottom:16px;line-height:30px} .footer-section .middle-portion .heading{margin-bottom:18px} .footer-section .middle-portion .social-icons .circle{display:inline-block} .footer-section .middle-portion .social-icons i{background:#02122a;border-radius:100px;border:1px solid #404e60;height:45px;width:45px;line-height:45px;text-align:center;margin:0 2px;transition:all 0.3s ease-in-out} .footer-section .middle-portion .social-icons li:first-child{margin-left:0} .footer-section .middle-portion .social-icons li:last-child{margin-right:0} .footer-section .middle-portion .social-icons i:hover{background-image:linear-gradient(to right,var(--e-gradient-1) 0%,var(--e-gradient-2) 100%);border:1px solid #17677e;transform:translateY(-5px);color:var(--e-global-color-white)} .footer-section .middle-portion .social-icons a{color:var(--e-global-color-white)} .footer-section .middle-portion .list-pd{padding-left:14px} .footer-section .middle-portion .links .text-size-16{position:relative;margin-left:15px;font-weight:400;top:2px;color:var(--e-global-color-white)} .footer-section .middle-portion .links li{display:list-item;margin-bottom:8px} .footer-section .middle-portion .icon .text-size-16{color:var(--e-global-color-white)} .footer-section .middle-portion .icon{padding-right:20px;margin-left:-30px} .footer-section .middle-portion .icon li{margin-bottom:10px} .footer-section .middle-portion .links li i{font-size:12px;transition:all 0.3s ease;color:var(--e-global-color-white)} .footer-section .middle-portion ul li:hover i,.footer-section .middle-portion ul li:hover{color:var(--e-global-color-secondary)} .footer-section .middle-portion ul li:hover .text,.footer-section .middle-portion ul li:hover{color:var(--e-global-color-secondary)} .footer-section .middle-portion .icon .footer-location{color:var(--e-global-color-secondary);position:absolute;line-height:16px;font-size:16px;left:-12px;margin-top:3px;transition:all 0.3s ease-in-out} .footer-section .middle-portion .icon .footer-location:hover{transform:translateY(-5px)} .footer-section .middle-portion .icon li{padding-left:34px;margin-bottom:14px} .footer-section .copyright{text-align:center;padding:20px 0px;color:var(--e-global-color-white);border-top:1px solid #2b465e} .footer-section .copyright p{font-size:1rem;line-height:20px;font-weight:400} .footer-section .footer-image{position:absolute;right:90px;bottom:64px;z-index:1;transition:all 0.3s ease-in-out} .footer-section .footer-image:hover{transform:translateY(-5px)} #fixed-form-container{position:fixed;bottom:6px;right:0;width:25%;text-align:center;margin:0;z-index:1} #fixed-form-container .body{border:1px solid var(--e-global-color-secondary);box-shadow:1px 1px 57px rgb(95 208 243 / 30%);border-radius:5px;width:60%;padding:20px 20px 30px;background-color:var(--e-global-color-white);text-align:center;position:relative;left:110px;top:-215px;display:none} #fixed-form-container .body input{font-weight:400;font-size:16px;line-height:22px;box-shadow:1px 1px 57px rgb(95 208 243 / 7%);background-color:var(--e-global-color-white);color:var(--e-global-color-text);border:1px solid #dae7fb;border-radius:5px;padding:4px 14px;margin-bottom:17px;width:100%;overflow:visible;outline:none} #fixed-form-container .body textarea{font-weight:400;font-size:16px;line-height:22px;box-shadow:1px 1px 57px rgb(95 208 243 / 7%);background-color:var(--e-global-color-white);color:var(--e-global-color-text);border:1px solid #dae7fb;border-radius:5px;padding:4px 14px;width:100%;height:118px;margin-bottom:8px;resize:none;outline:none;overflow:auto} #fixed-form-container .body .submit_now{font-size:18px;line-height:22px;font-weight:400;padding:12px 25px;text-align:center;display:inline-block;border-radius:5px;color:var(--e-global-color-white);transition:all 0.3s ease-in-out;border:0px solid #082e45;background-image:linear-gradient(to right,var(--e-gradient-1) 0%,var(--e-gradient-2) 100%)} #fixed-form-container .body .submit_now:hover{color:var(--e-global-color-white);background-image:linear-gradient(to right,#052b45 0%,#052b45 51%,#052b45 100%)} .provide-section{background-color:#eafcfe;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;padding:134px 0 124px} .provide-section .team-sideimage{position:absolute;left:-110px;top:148px} .provide-section .provide_content{text-align:center} .provide-section .provide_content h2{margin-bottom:35px;padding:0 90px} .provide-section .service_contentbox .service-box{background:var(--e-global-color-white);border-radius:5px;padding:40px 35px;margin-bottom:27px;display:inline-block;transition:all 0.3s ease-in-out;border-bottom:2px solid #149EAC} .provide-section .service_contentbox .service-box h4{display:inline-block;margin-bottom:6px} .provide-section .service_contentbox .service-box p{margin-bottom:22px} .provide-section .service_contentbox .service-box .box-content{position:relative;padding-left:16px;display:inline-block;width:74%} .provide-section .service_contentbox .service-box figure{background:#eafcfe;border-radius:100px;height:120px;width:120px;line-height:120px;text-align:center;transition:all 0.3s ease-in-out} .provide-section .service_contentbox .service-box:hover{background:#149EAC;border-bottom:2px solid #149EAC;transform:translateY(-5px)} .provide-section .service_contentbox .service-box:hover h4{color:var(--e-global-color-white)} .provide-section .service_contentbox .service-box:hover p{color:var(--e-global-color-white)} .provide-section .service_contentbox .service-box .box-image{float:left;width:26%} .provide-section .service_contentbox .service-box figure:hover{transform:translateY(-5px)} .provide-section .service_contentbox .service-box .read_more{font-size:16px;line-height:22px;font-weight:500;color:var(--e-global-color-secondary);text-transform:uppercase} .team-section{background-color:#eafcfe;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;padding:134px 0 108px} .team-section .team-sideimage{position:absolute;left:-108px;top:264px} .team-section .team_content{text-align:center} .team-section .team_content h2{margin-bottom:38px} .team-section .team-box{position:relative;text-align:center;margin-bottom:33px;padding-bottom:35px;background-color:var(--e-global-color-white);border-radius:5px;transition:all 0.3s ease-in-out;border-bottom:2px solid #149EAC} .team-section .team-box figure{margin-bottom:25px} .team-section .team-box h4{margin-bottom:2px} .team-section .team-box span{display:block;margin-bottom:16px} .team-section .team-box li{display:inline-block} .team-section .team-box i{background-image:linear-gradient(to right,var(--e-gradient-1) 0%,var(--e-gradient-2) 100%);border-radius:100px;height:40px;width:40px;line-height:40px;margin:0 3px;border:1px solid var(--e-global-color-secondary);transition:all 0.3s ease-in-out} .team-section .team-box li:hover{transform:translateY(-5px)} .team-section .team-box li:first-child{margin-left:0} .team-section .team-box li:last-child{margin-right:0} .team-section .team-box li a{color:var(--e-global-color-white)} .team-section .team-box:hover i{background-image:linear-gradient(to right,#042237 0%,#042237 51%,#042237 100%);border:1px solid #17677e} .faq-section{padding:182px 0 142px;position:relative} .faq-section .accordion-card{box-shadow:1px 1px 70px rgba(95 208 243 / 21%);background:var(--e-global-color-white);width:100%;border-radius:25px;margin-bottom:16px;padding:0 20px;margin-left:10px} .faq-section .accordian-inner p{font-weight:400;border-left:3px solid var(--e-global-color-secondary);padding-left:12px} .faq-section .accordian-inner .card-header{padding:0;margin-bottom:0;background:none;border:none} .faq-section .accordian-inner .card-body{padding:0px 18px 38px;margin:0 -18px;border-bottom:2px solid #149EAC;border-radius:15px} .faq-section .accordion-card a.btn.btn-link:focus{outline:none;box-shadow:none} .faq-section .accordian-inner .accordion-card i{position:absolute;right:20px;margin:-6px 0} .faq-section .accordian-inner .accordion-card .btn{padding:18px 0px 14px;text-decoration:none;text-align:left;display:block} .faq-section .faq_content h5{font-size:20px;margin-bottom:10px;color:var(--e-global-color-secondary)} .faq-section .faq_content h2{margin-bottom:37px;font-size:46px} .faq-section .faq_content p{margin-bottom:33px} .faq-section .faq_content h4{font-weight:500;margin-bottom:0.5rem;display:inline-block;font-size:22px;color:var(--e-global-color-primary)} .faq-section .faq_content .text-size-16{margin-bottom:22px} .faq-section .accordion-card a.btn.btn-link{position:relative} .faq-section .accordion-card .btn-link:before{content:"\f068";position:absolute;text-align:center;right:0px;top:16%;width:48px;height:48px;line-height:48px;display:inline-block;vertical-align:middle;background-image:linear-gradient(to right,var(--e-gradient-1) 0%,var(--e-gradient-2) 100%);color:var(--e-global-color-white);font-size:18px;border-radius:100px} .faq-section .accordion-card .collapsed:before{content:"\2b";width:48px;height:48px;line-height:48px;background-image:linear-gradient(to right,var(--e-gradient-1) 0%,var(--e-gradient-2) 100%);color:var(--e-global-color-white);border-radius:100px;text-align:center} .faq-section .faq_content a{font-size:18px;line-height:18px;color:var(--e-global-color-white)} .faq-section .need-section{padding-left:45px;margin-top:-20px} .faq-section .need_content .faq-image{position:absolute;right:-20px;top:-24px;z-index:-1} .faq-section .need_content h2{text-align:center;margin-bottom:26px} .faq-section .need_content p{padding:0 20px;margin-bottom:30px} .faq-section .need_content{box-shadow:1px 1px 57px rgb(95 208 243 / 15%);border-radius:25px 25px 35px 35px;width:100%;padding:53px 30px 60px;background-color:var(--e-global-color-white);border:1px solid white;border-bottom:2px solid #149EAC;transition:all 0.3s ease-in-out;text-align:center;position:relative} .form_style::placeholder{color:var(--e-global-color-text)} .faq-section .need_content input{font-weight:400;font-size:16px;line-height:22px;box-shadow:1px 1px 57px rgba(95 208 243 / 7%);background-color:var(--e-global-color-white);color:var(--e-global-color-text);border:1px solid #dae7fb;border-radius:5px;padding:14px 22px;margin-bottom:17px;width:100%;overflow:visible;outline:none} .faq-section .need_content textarea{font-weight:400;font-size:16px;line-height:22px;box-shadow:1px 1px 57px rgba(95 208 243 / 7%);background-color:var(--e-global-color-white);color:var(--e-global-color-text);border:1px solid #dae7fb;border-radius:5px;padding:14px 22px;width:100%;height:130px;margin-bottom:34px;resize:none;outline:none;overflow:auto} .faq-section .need_content .submit_now{font-size:18px;line-height:22px;font-weight:600;padding:4px 4px 4px 36px;text-align:center;display:inline-block;border-radius:30px 30px 30px 0;color:var(--e-global-color-white);transition:all 0.3s ease-in-out;border:0px solid #082e45;background-image:linear-gradient(to right,var(--e-gradient-1) 0%,var(--e-gradient-2) 100%)} .faq-section .need_content .submit_now:hover{color:var(--e-global-color-white);background-image:linear-gradient(to right,#052b45 0%,#052b45 51%,#052b45 100%)} .faq-section .need_content .circle{background:var(--e-global-color-white);border-radius:100px;height:50px;width:50px;line-height:50px;text-align:center;margin:0 3px 0 12px;display:inline-block;transition:all 0.3s ease-in-out} .faq-section .need_content .circle:before{font-size:18px;padding-top:2px;transition:all 0.3s ease;color:var(--e-global-color-dark-blue)} .program_btn{height:44px;line-height:44px;padding:10px 20px;background-color:#08284e;width:100%} .program_btn:hover{background-color:#149EAC} @media only screen and (max-width:767px){.footer-section{padding-top:40px !important;padding-bottom:20px} .footer-section .middle-portion{padding-bottom:10px !important} .footer-section .middle-portion .row > div{width:100% !important;max-width:100% !important;flex:0 0 100% !important;margin-bottom:22px;display:block !important;padding:0 !important} .footer-section .footer-logo img{width:60% !important} .footer-section .middle-portion .heading{font-size:16px !important;margin-bottom:10px !important} .footer-section .middle-portion .social-icons i{height:38px !important;width:38px !important;line-height:38px !important;font-size:15px !important} .footer-section .middle-portion .links li,.footer-section .middle-portion .icon li{margin-bottom:8px !important} .footer-section .copyright{padding:14px 0 !important} .footer-section .copyright p{font-size:12px !important;line-height:1.8 !important;margin-bottom:4px} .provide-section{padding:50px 0 40px !important} .provide-section .provide_content h2{font-size:24px !important;line-height:1.35 !important;padding:0 !important;margin-bottom:18px !important} .provide-section .service_contentbox .service-box,.provide-section .service_contentbox .service-box:hover{padding:22px 18px !important;margin-bottom:16px !important} .provide-section .service_contentbox .service-box .box-image,.provide-section .service_contentbox .service-box .box-content{float:none !important;width:100% !important;text-align:center} .provide-section .service_contentbox .service-box figure{margin:0 auto 14px auto !important} .provide-section .service_contentbox .service-box .box-content{padding-left:0 !important} .provide-section .service_contentbox .service-box h4{font-size:18px !important;margin-bottom:6px} .provide-section .service_contentbox .service-box p{font-size:14px !important} .team-section{padding:50px 0 30px !important} .team-section .team_content h2{font-size:24px !important;margin-bottom:22px !important} .team-section .team-box{padding-bottom:22px !important;margin-bottom:18px !important} .team-section .team-box figure{margin-bottom:14px !important} .team-section .team-box figure img{max-width:80%;height:auto} .team-section .team-box h4{font-size:18px !important} .team-section .team-box i{height:36px !important;width:36px !important;line-height:36px !important;font-size:15px !important} .faq-section{padding:40px 0 !important} .faq-section .faq_content h2{font-size:24px !important;line-height:1.35 !important;margin-bottom:20px !important} .faq-section .faq_content p{font-size:14px !important;line-height:1.7 !important;margin-bottom:18px !important} .faq-section .accordion-card{margin-left:0 !important;padding:0 12px !important;border-radius:16px !important} .faq-section .accordion-card .btn{padding:14px 54px 14px 0 !important} .faq-section .accordion-card h4{font-size:15px !important;line-height:1.5 !important;display:block} .faq-section .accordion-card .btn-link:before,.faq-section .accordion-card .collapsed:before{width:36px !important;height:36px !important;line-height:36px !important;font-size:15px !important;top:10% !important} .faq-section .accordian-inner .card-body{padding:0 10px 20px !important;margin:0 -10px !important} .faq-section .accordian-inner p{font-size:14px !important;line-height:1.7 !important} .faq-section .need-section{padding-left:0 !important;margin-top:30px !important} .faq-section .need_content,.faq-section .need_content:hover{width:100% !important;padding:28px 16px 32px !important} .faq-section .need_content h2{font-size:22px !important;line-height:1.4 !important;margin-bottom:14px !important} .faq-section .need_content p{padding:0 4px !important;font-size:14px !important;line-height:1.7 !important;margin-bottom:18px !important} .faq-section .need_content input,.faq-section .need_content textarea{font-size:16px !important;padding:12px 14px !important;border-radius:10px !important;margin-bottom:12px !important} .faq-section .need_content textarea{height:110px !important;margin-bottom:20px !important} .faq-section .need_content .submit_now{padding:4px 4px 4px 22px !important;font-size:16px !important} .faq-section .need_content .circle{height:44px !important;width:44px !important;line-height:44px !important} .faq-section .need_content .circle:before{font-size:16px !important} .faq-section .need_content .faq-image{display:none} .program_btn{height:auto !important;line-height:1.5 !important;padding:12px 14px !important;font-size:15px !important}} @media only screen and (max-width:767px){.footer-section{padding-top:50px !important;padding-bottom:0;background-position:center top} .footer-section .middle-portion{padding-bottom:24px !important} .footer-section .middle-portion > .container,.footer-section .middle-portion > .row{padding:0;margin:0} .footer-section .middle-portion .row > div[class*="col-"]{display:block !important;visibility:visible !important;opacity:1 !important;float:none !important;flex:0 0 100% !important;width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;padding:0 4px !important;margin-bottom:0 !important} .footer-section .middle-portion .row > div[class*="col-"]:first-child{margin-bottom:8px !important} .footer-section .footer-logo{top:0 !important;margin-bottom:10px !important;text-align:left} .footer-section .footer-logo img{width:60% !important;max-width:220px !important;height:auto} .footer-section .middle-portion .footer-text{line-height:1.8 !important;font-size:14px !important;margin-bottom:14px !important} .footer-section .middle-portion .social-icons li{margin-left:0 !important;margin-right:8px !important} .footer-section .middle-portion .social-icons i{height:38px !important;width:38px !important;line-height:38px !important;font-size:15px !important} .footer-section .middle-portion .heading{font-size:16px !important;margin-bottom:0 !important;letter-spacing:1px;position:relative;padding:14px 0 !important;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:space-between} .footer-section .middle-portion .heading::after{content:"+";position:static;width:auto;height:auto;background:transparent;font-size:20px;font-weight:300;line-height:1;color:var(--e-global-color-secondary,#149EAC);transition:transform 0.3s ease;margin-left:12px} .footer-section .middle-portion .row > div.footer-accordion-open .heading::after{content:"−"} .footer-section .middle-portion .links ul,.footer-section .middle-portion .icon ul{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.35s ease,margin 0.35s ease;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important} .footer-section .middle-portion .row > div.footer-accordion-open .links ul,.footer-section .middle-portion .row > div.footer-accordion-open .icon ul{max-height:320px;padding-top:12px !important;padding-bottom:8px !important} .footer-section .middle-portion .list-pd{padding-left:0 !important} .footer-section .middle-portion .links li{margin-bottom:10px !important} .footer-section .middle-portion .links .text-size-16{margin-left:10px !important;font-size:14px !important;top:0 !important} .footer-section .middle-portion .links li i{font-size:11px !important} .footer-section .middle-portion .icon{padding-right:0 !important;margin-left:0 !important} .footer-section .middle-portion .icon li{padding-left:0 !important;margin-bottom:10px !important;position:static !important} .footer-section .middle-portion .icon .footer-location{position:static !important;display:inline-block;margin-right:8px;margin-top:0 !important;top:auto !important;left:auto !important;line-height:1 !important;font-size:14px !important;vertical-align:middle} .footer-section .middle-portion .icon .footer-location3{top:auto !important} .footer-section .middle-portion .icon .text-size-16{font-size:14px !important;line-height:1.6 !important;word-break:break-all;display:inline} .footer-section .middle-portion .icon li p{margin:0;font-size:14px !important;line-height:1.6 !important;word-break:break-all;display:inline} .footer-section .copyright{padding:16px 10px !important;text-align:left !important} .footer-section .copyright p{font-size:12px !important;line-height:1.8 !important;margin-bottom:4px !important} .footer-section .copyright .row{margin-left:0;margin-right:0} .footer-section .copyright a{display:inline-block;vertical-align:middle;font-size:12px !important} .footer-section .copyright img{display:inline-block;vertical-align:middle;margin-right:2px;height:14px;width:auto} .footer-section .copyright ~ *{position:relative;z-index:1}} @media only screen and (max-width:479px){.footer-section{padding-top:40px !important} .footer-section .middle-portion .row > div[class*="col-"]{margin-bottom:0 !important} .footer-section .middle-portion .row > div[class*="col-"]:first-child{margin-bottom:8px !important} .footer-section .footer-logo img{width:55% !important} .footer-section .middle-portion .footer-text{font-size:13px !important} .footer-section .middle-portion .heading{font-size:15px !important} .footer-section .middle-portion .links .text-size-16,.footer-section .middle-portion .icon .text-size-16,.footer-section .middle-portion .icon li p{font-size:13px !important} .footer-section .copyright{padding:14px 8px !important;text-align:center !important}} @media only screen and (max-width:479px){.provide-section .provide_content h2,.faq-section .faq_content h2,.team-section .team_content h2{font-size:20px !important} .faq-section .accordion-card .btn{padding-right:48px !important} .faq-section .accordion-card .btn-link:before,.faq-section .accordion-card .collapsed:before{width:32px !important;height:32px !important;line-height:32px !important}}