body{overflow-x:hidden;} /*common classes style here start*/ .mp0 {margin:0px !important;padding:0px !important;} .m0 {margin:0px !important;} .mt0 {margin-top:0px !important;} .mt2 {margin-top:2px !important;} .mt3 {margin-top:3px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt40 {margin-top:40px !important;} .mt50 {margin-top:50px !important;} .mt60 {margin-top:60px !important;} .mt70 {margin-top:70px !important;} .mt80 {margin-top:80px !important;} .mt90 {margin-top:90px !important;} .mt100 {margin-top:100px !important;} .mt110 {margin-top:110px !important;} .mt120 {margin-top:120px !important;} .mt130 {margin-top:130px !important;} .mt140 {margin-top:140px !important;} .mt150 {margin-top:150px !important;} .mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb30 {margin-bottom:30px !important;} .mb40 {margin-bottom:40px !important;} .mb50 {margin-bottom:50px !important;} .mb60 {margin-bottom:60px !important;} .mb70 {margin-bottom:70px !important;} .mb80 {margin-bottom:80px !important;} .mb90 {margin-bottom:90px !important;} .mb100 {margin-bottom:100px !important;} .mb110 {margin-bottom:110px !important;} .mb120 {margin-bottom:120px !important;} .mb130 {margin-bottom:130px !important;} .mb140 {margin-bottom:140px !important;} .mb150 {margin-bottom:150px !important;} .p0 {padding:0px !important;} .pt0 {padding-top:0px !important;} .pb0 {padding-bottom:0px !important;} .text14 {font-size:9px !important;} .text14 {font-size:10px !important;} .text14 {font-size:11px !important;} .text14 {font-size:12px !important;} .text14 {font-size:13px !important;} .text14 {font-size:14px !important;} .text16 {font-size:16px !important;} .text18 {font-size:18px !important;} .text20 {font-size:20px !important;} .text22 {font-size:22px !important;} .text24 {font-size:24px !important;} .text26 {font-size:26px !important;} .text28 {font-size:28px !important;} .text30 {font-size:30px !important;} .width98 {width:98% !important;} .width96 {width:96% !important;} .width94 {width:94% !important;} .width92 {width:92% !important;} .width100 {width:100% !important;} .text-black {color:#000000 !important;} .text-white {color:#FFFFFF !important;} .text-green {color:#42bd41 !important;} .text-red {color:#fe5722 !important;} .clearfix {clear:both;} .padding2 {padding:15px !important;} .padding3 {padding:20px !important;} .padding4 {padding:25px !important;} .padding5 {padding:30px !important;} .modal-md {width:800px;} .inner-header {min-height:auto !important;background: linear-gradient(to right, rgba(6,90,197,1) 0%,rgba(101,185,45,1) 100%);} .inner-header .title {color:#FFFFFF;font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-weight:lighter;} .breadcrumb {text-align:right;} .heading {border-bottom:1px solid #ccc;color:#243444;} .heading span {margin:4px 0 -2px;height:4px;width:42px;background:#1b7cb7;display:block;border-radius:100px;} .header.header-filter.inner-header .title.text-center.mt30 {margin:8px 0!important;font-size:26px!important;} .main.main-raised .mt50.mb50 {margin-top:0px!important;} /*common classes style here end*/ .footer {background:#000;margin-top:-50px;padding-top:70px;color:#FFFFFF;} .newsPart {padding:20px;background:#f3f3f3;border-radius:8px 8px 0px 0px;} .newsPart h4 {margin:0px;padding:0px;text-align:left;font-weight:bold;} .Bpoint{float:right;margin-right:5px;font-size:14px;} /*top row start*/ .topHead {padding:4px 0;background:#201e5c;color:#f1f1f1;} .topHead .left {line-height:26px;} .topHead .right {text-align:right;} .topHead .left ul, .topHead .right ul {margin:0px;padding:0px;} .topHead .left ul li, .topHead .right ul li {margin:0 0 0 10px;padding:0px;list-style:none; display:inline-block;} .topHead .left ul li a, .topHead .right ul li a {color:#FFFFFF;text-decoration:none} .topHead .left ul li a i, .topHead .right ul li i {background:#ffffff;width:26px;text-align:center;line-height:26px;border-radius:100%;font-size:16px;color:rgba(27, 124, 183, 1);} .topHead .left ul li a:hover, .topHead .right ul li a:hover {color:#b7ff84;transition:1s ease-in-out;} .topHead .left ul li a:hover i, .topHead .right ul li a:hover i {background:#69c628;color:#FFFFFF;transition:1s ease-in-out;} .logo-row {padding-top:2px;padding-bottom:2px;background:#FFFFFF;} .logo-row .left img {margin-top:12px;width:auto;max-height:72px;} .logo-row .right {padding:15px 0;} .logo-row .right .search {text-align:right; font-weight:bold;} .logo-row .right .search ul li {} .logo-row .right .search .search-box {width:550px;position:relative;} .logo-row .right .search .search-box .btn {padding:19px;width:8%;position:absolute;top:-9px;right:0px;border-radius:0 4px 4px 0;} .logo-row .right .search .search-box input {padding:8.5px 50px 8.5px 8px;width:100%;border:1px solid #dddddd; border-radius:4px;} .logo-row .right .search .search-box i {position:absolute;top:10px;right:12px;} .logo-row .right .search a {text-decoration:none;} .btn-cart {margin-bootom:10px;height:39px;position:relative; color:#FFFFFF !important;line-height:32px;} .btn-cart span {position:absolute;background:#90c543;color:#ffffff;border-radius:100%;top:-8px;right:-8px; height:22px;width:22px;line-height:21px;text-align:center;font-size:14px;} .cartDrop {position:relative;} .cartDrop .dropdown-menu {left:auto !important;right:0px !important;} ul.dropdown-cart{min-width:250px;} ul.dropdown-cart li .item{padding:3px 10px;margin:3px 0;display:block;} ul.dropdown-cart li .item:hover{background-color:#f3f3f3;} ul.dropdown-cart li .item:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} ul.dropdown-cart li .item-left{float:left;} ul.dropdown-cart li .item-left img,ul.dropdown-cart li .item-left span.item-info{float:left;} ul.dropdown-cart li .item-left span.item-info{margin-left:10px;} ul.dropdown-cart li .item-left span.item-info span{display:block;} ul.dropdown-cart li .item-right{float:right;} ul.dropdown-cart li .item-right button{margin-top:14px;} /*top row end*/ /*banner tab work start*/ .tab-header {margin-bottom:30px;padding:8px 0;background:#040404; box-shadow:0px 0px 16px #040404;} .tab-header .nav-pills > li.active i img {/*filter:brightness(100%);*/} .tab-header .nav-pills > li i {padding:4px 0;} .tab-header .nav-pills > li i img {width:32px;/*filter:brightness(40%);*/} .tab-header .nav-pills > li a {padding:5px 14px !important;line-height:20px !important;color:#FFFFFF;} .tab-form-box {padding:16px;border-radius:4px;background:#FFFFFF; min-height:336px;} .nav > li > a:focus {background-color:rgba(105,98,45,.4);} .viewPlans {padding:16px;background:#FFFFFF;width:96%;height:338px;position:absolute;z-index:9;} .viewPlans .nav.nav-pills {margin-top:15px; margin-bottom:15px;} .viewPlans .nav.nav-pills li a {min-width:auto !important;} .viewPlans .tab-content .tab-pane {max-height:200px;overflow-y:scroll;} .viewPlans .tab-content .tab-pane::-webkit-scrollbar {width:12px;} .viewPlans .tab-content .tab-pane::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;} .viewPlans .tab-content .tab-pane::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 20px rgba(6,90,197,1);} /*banner tab work end*/ /*product section start*/ .product-list {margin:0px;padding:0px;height:42px;overflow:hidden;} .product-list li {margin:0 0 25px 0;padding:0px;list-style:none;float:left;height:340px;width:100%;border-radius:4px;overflow:hidden; border:1px solid #f2f2f2;} .product-list li:hover {box-shadow:0 16px 38px -12px rgba(178, 178, 178, 0.56), 0 4px 25px 0px rgba(178, 178, 178, 0.12), 0 8px 10px -5px rgba(178, 178, 178, 0.2);transition:all 200ms ease-in-out;} .product-list li .pro-img {overflow:hidden;height:230px;} .product-list li .pro-img img {max-width:100%;max-height:100%;} .product-list li .offer p {margin:0px;padding:0px;} .product-list li .offer .new {top:2%;right:2%;position:absolute;background:#333645;color:#ffffff;height:35px;width:40px;z-index:1;text-align:center;line-height:35px;} .product-list .content {padding:8px;} .product-list .content h4 {margin-bottom:4px;height:48px;overflow:hidden;color:#f44336;font-weight:400;font-size:16px;} .product-list .content .price {font-size:15px;font-weight:normal} .product-list .content .price s {padding-right:10px;color:#999999;} .product-list .content .price span {padding-left:10px;color:#4caf50;} .hovereffect,.hovereffect .overlay{width:100%;height:100%;overflow:hidden} .hovereffect{position:relative;text-align:center;cursor:default} .hovereffect .overlay{position:absolute;top:0;left:0;opacity:0;background-color:rgba(255,255,255,.1);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .hovereffect img{display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear} .hovereffect .cart {margin-top:80%;} .hovereffect .btn-fab-mini {position:absolute; left:2%; top:2%;} .hovereffect:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)} .hovereffect:hover .overlay{opacity:1;filter:alpha(opacity=100)} .hovereffect:hover a{-webkit-transition-delay:.2s;transition-delay:.2s} /*product section end*/ /*login and signup style start*/ .log-signup-bg {background-image:url(../images/log-signup-bg.jpg);min-height:auto !important;} .card-signup .footer {background:#FFFFFF;} .card-signup .card-title {color:#FFFFFF;} .card-signup .card-title {color:#3c4858;} .signup-page .info-horizontal {padding:0px 0px 20px;} .icon.icon-rose {color:#e91e63;} .info-horizontal .icon {float:left;margin-top:24px;margin-right:10px;} .info-horizontal .description {overflow:hidden;} .description, .card-description, .footer-big p {color:#999999;} /*login and signup style end*/ .small-info, .technologies {color:#666666;position:relative;} .small-info i, .technologies i {font-size:22px;position:absolute;left:0;top:0;} .small-info .numbers, .technologies .numbers {font-size:16px;font-weight:300;margin-top:5px;padding-left:30px; line-height:22px;font-family:"Roboto", "Helvetica", "Arial",} .last-recharge .row div {height:50px;overflow:hidden;text-align:center;line-height:50px;font-size:18px;} .last-recharge .row div span {font-size:18px;} .last-recharge .row div img {max-height:90%;max-width:100%;} /*slider Next And Prive*/ .swiper-button-next, .swiper-button-prev { z-index: 999; } /*this css style use for product box start*/ .featureImg a,.image a,.item h4,.item.list-view,.product-name p{overflow:hidden;} .add-fav,.product{text-align:center;} .product{overflow:hidden;top: 0px;margin-bottom:8px;display:block;height:auto;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;border:1px solid #DDD;border-bottom:1px solid #DDD;border-radius:0px;box-shadow:0 2px 6px 2px rgba(188,188,188,.3);position:relative} .product:hover{box-shadow:2px 2px 10px #ccc;}.add-fav{border-radius:0px !important;top:30%; left:45%;position:absolute;z-index:10;transform:scale(1.15);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:opacity .3s linear,-webkit-transform .7s cubic-bezier(.56,.48,0,.99);-moz-transition:opacity .3s linear,-moz-transform .7s cubic-bezier(.56,.48,0,.99);-o-transition:opacity .3s linear,-o-transform .7s cubic-bezier(.56,.48,0,.99);-ms-transition:opacity .3s linear,-ms-transform .7s cubic-bezier(.56,.48,0,.99);transition:opacity .3s linear,transform .7s cubic-bezier(.56,.48,0,.99);opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(Opacity=0)"} .list-view .product .add-fav{right:40px;top:8px} .product:hover .add-fav{opacity:1;webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .add-fav i{webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);-ms-transform:scale(1) rrotate(0);transform:scale(1) rotate(0);transition:all .3s ease} .image,.item.list-view .image{position:relative;transition:all .5s ease 0s;overflow:hidden;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}.add-fav:active i{webkit-transform:scale(.85) rotate(0);-moz-transform:scale(.85) rotate(4deg);-o-transform:scale(.85) rotate(0);-ms-transform:scale(.85) rrotate(0);transform:scale(.85) rotate(4deg)} .item.list-view .item h4{max-height:none} .item.list-view .grid-product-name,.list-product-name{display:none}.image,.image a,.item.list-view,.item.list-view .image,.item.list-view .list-product-name{display:block} .item.list-view{height:auto;width:100%!important;margin-bottom:20px}.item.list-view .image{float:left;text-align:center;max-height:260px;max-width:200px;padding-right:20px;background:#fff} .item.list-view .action-control,.item.list-view .price,.item.list-view .product-name{text-align:right}.item.list-view .image a{display:block;height:100%;max-height:100%!important} .item.list-view .image img{max-height:260px;width:auto!important}.item.list-view h4{height:auto;margin:45px 0 5px;font-size:24px} .item.list-view h4 a{font-weight:600}.item.list-view .product-name p{text-align:right;max-height:200px;min-height:10px}.item.list-view .price{font-size:22px} .item.list-view .product{padding-right:20px;min-height:260px}.item:hover .action-control{border-bottom-color:#fff} .product-box .item{margin:0 10px} .product-box .item:hover{box-shadow:0 0 25px rgba(0,0,0,.15);background:#fff} .image{margin-bottom:15px;text-align:center;height:265px;border-radius:0;overflow:hidden;} .image a img{width:100%;height:100%;object-fit:cover;transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;margin:0 auto}.product:hover .image a img{transform:scale(1.15) rotate(-1.5deg);-webkit-transform:scale(1.1) rotate(-1.5deg);-moz-transform:scale(1.1) rotate(-1.5deg);-ms-transform:scale(1.1) rotate(-1.5deg);-o-transform:scale(1.1) rotate(-1.5deg)} .promotion{top:0;position:absolute;z-index:10;bottom:20px;left:0;height:24px;width:auto;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;line-height:18px}.discount,.new-product{display:inline-block;float:left;font-family:Oswald,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:lighter;height:100%}.product-name{margin:10px 5px}.new-product{color:#FFF;padding:3px 10px;background:#065ac5} .discount{background:#1b7cb7;border-radius:0px;color:#fff;padding:3px 5px}.item h4{min-height:45px;max-height:80px;display:block;line-height:20px;margin:25px 0 0;padding:0}.item h4 a{color:#2c3e50;font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:600;text-decoration:none;text-transform:uppercase}.product-name p{margin-top:8px;text-overflow:ellipsis!important;color:#073763;font-size:16px;line-height:28px;font-weight:500;padding:0 4px;height:40px;overflow:hidden;white-space:nowrap;}.price{margin-bottom:8px;font-size:18px;font-weight:700;color:#2c3e50}.action-control{border:0;display:block;height:auto;padding:5px 0 10px;width:100%}.action-control a{cursor:pointer}.cart a{font-size:20px;color:#2c3e50;margin:0;display:inline-block;transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .13s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s}.load-more-block{padding-bottom:30px;position:relative}.load-more-block .btn-thin{background:#fff;z-index:2;position:relative;box-shadow:-4px 0 0 #FFF,4px 0 0 #FFF;-webkit-box-shadow:-4px 0 0 #FFF,4px 0 0 #FFF;-moz-box-shadow:-4px 0 0 #FFF,4px 0 0 #FFF;-o-box-shadow:-4px 0 0 #FFF,4px 0 0 #FFF}.load-more-block:after{background:#DDD;content:"";display:block;height:1px;margin-left:30%;position:absolute;top:18px;width:40%;z-index:1}.featureImg a{display:block}.featureImg a img{transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s}.featureImg a img:hover{transform:scale(1.1) rotate(-1.1deg);-webkit-transform:scale(1.1) rotate(-1.1deg);-moz-transform:scale(1.1) rotate(-1.1deg);-ms-transform:scale(1.1) rotate(-1.1deg);-o-transform:scale(1.1) rotate(-1.1deg)} .overlay{ position:absolute; content:""; bottom:0; right:0; background:#1b7cb7; width:100%; height:14%; transform:translateY(100%); transition:all .5s ease; } .product:hover .overlay{ transform:translateY(0); } .overlay a{ background:#fff; } .product::after{ position:absolute; content:""; width:100%; height:75%; top:0; left:0; background:rgba(255,255,255,.5); transition:all .5s ease; transform:translateY(-100%); } .product:hover:after{ transform:translateY(0); } /*.product::before{*/ /* position:absolute;*/ /* content:"";*/ /* width:100%;*/ /* height:15%;*/ /* bottom:0;*/ /* left:0;*/ /* background:#000;*/ /* transition:all .5s ease;*/ /* transform:translateY(100%);*/ /*}*/ /*.product:hover:before{*/ /* transform:translateY(0);*/ /*}*/ .add-fav a{ display:inline-block; padding:5px; background:#1b7cb7; border-radius:5px; } .add-fav a i{ font-size:18px; color:#fff; line-height:20px; } .add-fav a:hover {color:#FFFFFF!important;} /*this css style use for product box end*/ /*Product List start*/ .productList {margin-left:-15px;} .productList ul {margin:0px;padding:0px;} .productList ul li {margin:0 0 1.5% 1.3%;padding:0px;list-style:none;float:left;width:32%;} .filterBox {padding:12px;} .filterBox .heading {margin-bottom:15px;} .filterBox .nav.nav-list li label {display:block;cursor:pointer;} .filterBox .nav.nav-list li label:before {padding-right:5px;font-family:'FontAwesome';content:'\f0a4';} .filterBox .nav.nav-list li ul.nav.nav-list.tree { margin-left:10px;} .filterBox .nav.nav-list li ul.nav.nav-list.tree li ul.nav.nav-list.tree li a {padding:2px 6px;} .filterBox .nav.nav-list li ul.nav.nav-list.tree li ul.nav.nav-list.tree li a:before {padding-right:5px;font-family:'FontAwesome';content:'\f101';} .center-block{float:none;margin-left:auto;margin-right:auto}.input-group .icon-addon .form-control{border-radius:0}.icon-addon{position:relative;color:#555;display:block}.icon-addon:after,.icon-addon:before{display:table;content:" "}.icon-addon:after{clear:both}.icon-addon .fa,.icon-addon .glyphicon,.icon-addon.addon-md .fa,.icon-addon.addon-md .glyphicon{position:absolute;z-index:2;left:10px;font-size:14px;width:20px;margin-left:-2.5px;text-align:center;padding:10px 0;top:1px}.icon-addon.addon-lg .form-control{line-height:1.33;height:46px;font-size:18px;padding:10px 16px 10px 40px}.icon-addon.addon-sm .form-control{height:30px;padding:5px 10px 5px 28px;font-size:12px;line-height:1.5}.icon-addon.addon-lg .fa,.icon-addon.addon-lg .glyphicon{font-size:18px;margin-left:0;left:11px;top:4px}.icon-addon .form-control,.icon-addon.addon-md .form-control{padding-left:30px;float:left;font-weight:400}.icon-addon.addon-sm .fa,.icon-addon.addon-sm .glyphicon{margin-left:0;font-size:12px;left:5px;top:-1px}.icon-addon .form-control:focus+.fa,.icon-addon .form-control:focus+.glyphicon,.icon-addon:hover .fa,.icon-addon:hover .glyphicon{color:#073763} #scrollbar {margin:0px 0 10px; } #scrollbar .viewport {height:320px;overflow: hidden; position: relative; } #scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; } #scrollbar .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; } #scrollbar .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; } #scrollbar .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; } #scrollbar .disable { display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .product .btn {padding:6px 16px 6px 6px;border-radius:16px;font-weight:bold;} .product .btn i {margin-top:-5px!important;margin-right:6px;font-size:12px!important;vertical-align:text-top;background:#1b7cb7;color:#fff;width:20px;height:20px;line-height:18px;border-radius:100%;} /*Product List end*/ /*product details start*/ .offPrice {padding:4px 8px;background:#4caf50;color:#FFFFFF;border-radius:12px;} .offPrice span {margin-right:4px;padding:1px 4px;background:#FFFFFF;color:#4caf50;border-radius:8px;} .starrr a {margin-right:4px;font-size:18px;color:#dbbe02;text-decoration:none;} .detailsSlider .swiper-wrapper .swiper-slide {text-align:center;height:490px;} .detailsSlider .swiper-wrapper .swiper-slide img {margin:0 auto;max-width:100%; max-height:100%;} .variation-box {margin:30px 0 15px;} .variation-box button {padding:4px 5px;background:none;color:#2c3e50;border:2px solid #2c3e50;border-radius:4px;} .variation-box button.active {color:#e74c3c;border:2px solid #e74c3c;} .variation-box .btn {padding:4px 5px;background:none;color:#2c3e50;border:2px solid #2c3e50;border-radius:4px;} .variation-box .btn:hover {color:#065ac5;} .variation-box .btn.active {color:#065ac5;border:2px solid #065ac5;box-shadow:none;} /*product details end*/ /*Ad Section Start*/ .ad_sec{ width:100%; height:auto; padding:20px 0; } .ad_sec .ad_img{ width:100%; height:350px; position:relative; overflow:hidden; } .ad_sec .ad_img::after{ position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; transform: translateY(0%); transition: all .7s ease; } .ad_sec .ad_img:hover:after{ transform: translateY(100%); background: rgba(255,255,255,.5); } .ad_sec .ad_img>img{ width:100%; height:100%; object-fit:contain; } /*Ad Section end*/ .event_sec .event_block{ width: 100%; height: auto; border: 1px solid #eeeeee; margin-bottom: 30px; box-shadow:2px 3px 8px #ccc; } .event_sec .event_block .event_img{ width:100%; height:200px; } .event_sec .event_block .event_img img{ width:100%; height:100%; object-fit:cover; } .event_sec .event_block .event_text{ padding:10px; } .event_sec .event_block .event_text h6{ padding-top: 10px; font-size: 18px; color: #1b7cb7; } .event_sec .event_block .event_text a i{ margin-left:10px; } /*this css use for page loader gif start*/ .loaderBx {padding-top:22%;background:rgba(255,255,255,.5);position:fixed;top:0;bottom:0;width:100%;z-index:99999;display:none;} .loaderBx.activeLoader {display:block!important;} .loader {margin:0 auto;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #0065cb;border-bottom:16px solid #0065cb;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;} @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #loading{height:100%;left:0;top:0;margin:auto;position:fixed;width:100%;z-index:999;background:rgba(255,255,255,.8)}.bokeh{border:.01em solid rgba(150,150,150,.1);border-radius:50%;font-size:100px;height:1em;list-style:none;margin:0 auto;position:relative;top:35%;width:1em;z-index:2147483647}.bokeh li{border-radius:50%;height:.2em;position:absolute;width:.2em}.bokeh li:nth-child(1){animation:1.13s linear 0s normal none infinite running rota,3.67s ease-in-out 0s alternate none infinite running opa;background:#1b7cb7;left:50%;margin:0 0 0 -.1em;top:0;transform-origin:50% 250% 0}.bokeh li:nth-child(2){animation:1.86s linear 0s normal none infinite running rota,4.29s ease-in-out 0s alternate none infinite running opa;background:#1b7cb7;margin:-.1em 0 0;right:0;top:50%;transform-origin:-150% 50% 0}.bokeh li:nth-child(3){animation:1.45s linear 0s normal none infinite running rota,5.12s ease-in-out 0s alternate none infinite running opa;background:#1b7cb7;bottom:0;left:50%;margin:0 0 0 -.1em;transform-origin:50% -150% 0}.bokeh li:nth-child(4){animation:1.72s linear 0s normal none infinite running rota,5.25s ease-in-out 0s alternate none infinite running opa;background:#88c100;margin:-.1em 0 0;top:50%;transform-origin:250% 50% 0}@keyframes opa{12%{opacity:.8}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.6}66.6%{opacity:.52}70%{opacity:.63}79.9%{opacity:.6}84.2%{opacity:.75}91%{opacity:.87}}@keyframes rota{100%{transform:rotate(360deg)}} /*this css use for page loader gif end*/ /*modification work start here*/ .card-carousel .carousel-inner {height:336px;} .card-carousel .carousel-inner .item img {width:100%;height:100%;} /*modification work end here*/ .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background:none;border:none;} .idCard {background:url(../images/id-card-front.jpg) no-repeat center center;height:505px;} .idCard h3 {margin-top:0px;padding:85px 12px 0;color:#000000;font-size:28px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} /*Product Section Start*/ .product_block{ width:100%; height:auto; background:#e7e7e750; border:3px solid #eeeeee; } .product_block .product_img{ width:100%; height:300px; position:relative; overflow:hidden; } .product_block .product_img>img{ width:100%; height:100%; object-fit:cover; } .product_block .product_img .product_overlay{ position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; transform: translateY(-100%); transition: all 0.5s ease; } .product_block .product_img .product_overlay>ul{ padding-left:0px; list-style:none; text-align:center; line-height:250px; } .product_block:hover .product_overlay{ background-color: #e7e7e750; transform: translateY(0); } .product_block .product_text{ padding:10px 5px; } .product_block .product_text .product_name>a{ font-size:18px; font-weight:400; color:#073763; margin-bottom:10px; } .product_block .product_text .product_price{ padding-top:10px; } .product_block .product_text .product_price>p{ font-size:14px; font-weight:600; color:#1b7cb7; } .detailsBx h3 {font-size:20px;font-weight:500;} .detailsBx .btnWish {text-decoration:none;} .pinClose,.pinClose:hover {color:#ff4646;position:absolute;right:6px;top:3px;} /*responsive work start*/ @media only screen and (max-width: 2000px) { .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin-left:-15px;margin-right:-15px;} } @media only screen and (max-width: 1024px) { .card-carousel .carousel-inner {height:auto;} } @media only screen and (max-width: 980px) { .top-row .right .search ul li {padding-left:0px;} .topHead .left, .topHead .right {line-height:40px;text-align:center;} .logo-row .right .search .search-box {width:300px;} .productList ul li {width:48%;} } @media only screen and (max-width: 768px) { .modal-md {width:auto;} } @media only screen and (max-width: 640px) { .newsPart h4 {text-align:center;} .top-row .left {margin-bottom:20px;} .top-row .left, .top-row .right .top {text-align:center;} .top-row .right .search {text-align:center;} .top-row .right .search ul li:nth-child(1) {width:100%;} .top-row .right .search .search-box {width:100%;} .logo-row .right .search .search-box {width:530px;} .logo-row .right .search {text-align:left;} .productList ul {text-align:center;} .productList ul li {width:48.7%;} .productList ul li .product .images {padding:30px 0;height:200px;} } @media only screen and (max-width: 480px) { .viewPlans {width:94%;height:300px;} .viewPlans .tab-content .tab-pane {padding-right:15px;max-height:170px;overflow-y:scroll;} .viewPlans .nav.nav-pills li a {padding:8px;} .breadcrumb {text-align:center;} .logo-row .right .search .search-box {width:370px;} } @media only screen and (max-width: 360px) { .viewPlans {width:94%;height:250px;} .viewPlans .tab-content .tab-pane { padding-right:15px;max-height:130px;overflow-y:scroll;} .viewPlans .nav.nav-pills li a {padding:4px;} .logo-row .right .search .search-box {width:250px;} .logo-row .right .search .search-box .btn {width:18%;top:-9px;} } @media only screen and (max-width: 320px) { .viewPlans {width:94%;height:250px;} .viewPlans .tab-content .tab-pane { padding-right:15px;max-height:130px;overflow-y:scroll;} .viewPlans .nav.nav-pills li a {padding:4px;} .logo-row .right .search .search-box {width:220px;} } /*responsive work end*/