@charset "utf-8"; @font-face { font-family: 'robotoregular'; src: url(../fonts/roboto-regular-webfont.eot); src: url(../fonts/roboto-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-regular-webfont.woff2) format("woff2"), url(../fonts/roboto-regular-webfont.woff) format("woff"), url(../fonts/roboto-regular-webfont.ttf) format("truetype"), url(../fonts/roboto-regular-webfont.svg#robotoregular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'libre_franklinregular'; src: url(../fonts/librefranklin-regular-webfont.woff2) format("woff2"), url(../fonts/librefranklin-regular-webfont.woff) format("woff"); font-weight: 400; font-style: normal } * { margin: 0; padding: 0; outline: none!important } .npad { padding: 0 } body { margin: 0 auto; padding: 0; color: #666; font-family: 'robotoregular'; font-size: 16px } p { line-height: 26px } .nlpad { padding-left: 0 } .nrpad { padding-right: 0 } .posrel { position: relative } .mar20 { margin: 20px 0 } .pad15 { padding: 15px 0 } .block { display: block } section { position: relative } header { background-color: #fff; width: 100%; position: relative; z-index: 10 } .form-control { background-color: transparent; border-color: #bcc2cb; border-radius: 0 4px 4px 0; color: #444d58; height: 30px; padding: 2px 5px; width: 100% } .btn-default { border-radius: 0; background-color: #ff812e; border: none; color: #fff } .input-group-addon.primary { color: #fff; background-color: #ff812e; border-color: #ff812e } .top-bar { background-color: #053067; padding: 0; text-align: right } .login-cart-panel a { color: #fff; padding: 0 0 0 40px; font-size: 15px; color: #fff; padding: 0 0 0 10px; font-size: 15px } .login-cart-panel a:hover { text-decoration: none } .login-cart-panel a i { font-size: 20px } .login-cart-panel { margin-top: 45px } .navbar-collapse { padding: 0 } .navbar-default { border: none; background-color: transparent } .navbar { margin-bottom: 0; min-height: 20px } .navbar-nav>li>a { line-height: 35px; padding: 0; font-weight: 500; font-size: 18px; color: #013a64 } .navbar-default .navbar-nav>li>a { color: #013a64 } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color: transparent; border-bottom: 2px solid #013a64; color: #013a64 } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: transparent; border-bottom: 2px solid #013a64; color: #013a64 } .nav>li { padding: 0 10px; float: none; display: inline-block } .navbar-nav { float: none } .menu-block { text-align: center } .social-block { padding: 5px 0 0 0; } .social-block>a { float: left; font-size: 20px; color: #ff812e; margin-left: 10px } .social-block li { display: inline-block; margin-left: 5px } .social-block li a { height: auto; width: 30px; border-radius: 50%; background-color: #053067; color: #fff; display: inline-block; text-align: center; vertical-align: middle } .carousel-caption { position: static; text-align: left } .carousel-img-block { padding: 50px 0 70px } .text-banner-1 h2 { font-size: 55px; color: #053067; text-shadow: none; font-weight: 700 } .text-banner-1 h3 { font-size: 55px; color: #ff812e; line-height: 65px; text-shadow: none; font-family: 'Lobster', cursive; font-weight: 700 } .text-banner-1 h4 { font-size: 40px; color: #053067; line-height: 60px; text-shadow: none } .btn-banner { border: 1px solid #272727; border-radius: 0; font-size: 25px; font-weight: 500; color: #2D2D2D; padding: 7px 45px } .clg-search { padding: 10px 0; background-color: #053067; position: relative } .clg-search p { color: #fff; font-size: 36px; margin-bottom: 0 } .clg-search input { color: #666; font-size: 24px; padding: 10px 15px; border: none; width: 45%; margin-bottom: 0 } .clg-search button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #fff; border-radius: 0; display: inline-block; padding: 9px 22px; position: relative; top: 4px } .welcome-block { padding: 60px 0 0 } .welcome-text { color: #000; text-align: right; padding: 20px 0 0 } .welcome-text h2 { color: #000; font-size: 50px; font-weight: 500; font-family: 'Signika', sans-serif; line-height: 80px } .welcome-text p { font-size: 18px } .welcome-text h3 { font-size: 50px; font-family: 'Lobster', cursive; color: #ff812e; line-height: 70px } .add-block { padding: 30px 0; background-color: #efebe7; overflow: hidden } .sin-img { margin-top: 24px } .framing-block h3 { font-size: 35px; font-family: 'Signika', sans-serif; font-weight: 700; color: #363636 } .framing-block p { color: #000; text-align: justify; font-size: 18px; line-height: 30px; margin-bottom: 20px } .testimonial-block { background-color: #efebe7; padding: 40px 0; text-align: center } .testimonial-block h2 { font-size: 38px; font-family: 'Signika', sans-serif; font-weight: 700; color: #363636 } .testimonial-block p { padding: 10px 40px } .testimonial-block h4 { border-top: 2px solid #053067; padding: 15px 0; display: inline-block; color: #ff812e } .carousel-indicators { margin: 0 auto; left: 0; right: 0; bottom: -10px; width: 100%; margin-top: 15px } .carousel-indicators .active { background-color: #959595 } .carousel-indicators li { background-color: #e1e1e1; border: none } .live-chat-block { text-align: center } .img-responsive { display: inline-block; height: auto; max-width: 100%; position: relative } .live-chat-block .btn-banner { padding: 6px 62px } #header, #intro, #second { width: 100% } #intro { background-color: #fff; color: #fff; height: auto; margin: 0 auto; padding: 0 } #second { color: #fff; height: auto; margin: 0 auto; overflow: hidden; padding: 0 } #second .bg { height: auto; margin: 0 auto; padding: 0; position: absolute; width: 900px; z-index: 200 } #third { color: #fff; height: auto; padding: 50px 0 } #fifth { background: #fff; margin: 0 auto; padding: 40px 0 0 } .story { margin: 0 auto; min-width: 980px; overflow: auto; width: 980px } .story .float-left, .story .float-right { padding: 100px 0 0; position: relative; width: 350px } .ifrm-vdo { height: 425px; border: none; width: 100% } .welcome-panel { background-color: #fff; height: 300px; -webkit-box-shadow: 0 .5px 1px .5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 .5px 1px .5px rgba(0, 0, 0, 0.75); box-shadow: 0 .5px 1px .5px rgba(0, 0, 0, 0.75); position: relative; z-index: 20 } .bg-banner { background-image: url(../images/BgPatti.jpg); height: 600px; background-position: center center; background-repeat: no-repeat } footer { border-top: 1px solid #efebe7 } footer h3 { color: #000; font-weight: 700; font-size: 24px } .quick-links ul li { list-style-type: none; color: #000; font-size: 14px; line-height: 28px; border-bottom: 1px solid #ccc } .quick-links ul li a { color: #080808; font-size: 14px; padding: 0 0 0 5px; line-height: 28px } .quick-links ul li a:hover { text-decoration: none; color: #000 } .address-block ul li { list-style-type: none; color: #000; line-height: 30px; font-size: 16px } .address-block ul li i { width: 20px; font-size: 20px } .address-block .social-block { text-align: left; padding: 0 } .address-block .social-block ul li a { padding: 0; height: 32px; width: 32px } .address-block .social-block ul li a i { font-size: 16px } .address-block .social-block ul li { margin-right: 2px; margin-left: 0 } .certi-block { padding: 15px 0; background-color: #efebe7; margin-top: 30px; text-align: center } .copyright-block { padding: 20px 0; background-color: #053067 } .copyright-block p { margin-bottom: 0; color: #fff; padding: 10px 0 } .gmr-logo { text-align: right } #srch-inp { display: none; position: absolute; right: 13%; top: 16%; width: 17%; z-index: 999 } #srch-inp .form-control { background-color: #eaeaea; border: medium none; border-radius: 0; color: #000; height: 34px } #searchbtn { cursor: pointer; font-size: 18px } .breadcrumb { padding: 50px 15px; background-image: url(../images/bg-common2.jpg); background-size: cover; border-radius: 0; margin-top: 15px } .breadcrumb h2 { margin: 0; color: #fff } .breadcrumb h4 { color: #fff; font-size: 14px } .breadcrumb h4 a { color: #fff } .breadcrumb .text-left>p { color: #fff } .heading-inner { font-size: 24px; color: #111; padding: 3px 0; border-bottom: 1px solid #ccc; text-transform: uppercase; font-weight: 700 } .heading-inner span { color: #000; color: #ff812e } .indi-team-member { text-align: center; border: 10px solid #efebe7; -webkit-box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.75); box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.75); margin-bottom: 30px; border-bottom: none } .separator { height: 1px; position: relative; width: 100% } .team-desc { background-color: #efebe7; padding: 10px 0 } .team-desc h3 { color: #222; margin-top: 5px; font-size: 20px; font-weight: 100!important } .team-desc h4 { color: #575757; font-size: 14px } .indi-products { text-align: center; cursor: pointer; margin-bottom: 40px } .product-desc { border: 1px solid #ddd; padding-bottom: 10px } .product-desc>a { color: #ff812e; display: inline-block; font-size: 18px; margin: 0; padding: 5px 20px } .product-desc>a:hover { text-decoration: none } .preview-pro { background-color: #ff812e; bottom: 0; color: #fff; font-size: 16px; height: 45px; left: 0; margin: 0 auto; padding: 10px 5px; position: absolute; right: 0; top: 30%; width: 150px; box-shadow: 0 0 1px #111; opacity: 0; -webkit-transition: all .6s; transition: .6s } .preview-pro:hover { color: #fff } .indi-products:hover .preview-pro { opacity: 1; -webkit-transition: all .6s; transition: .6s } .product-img { position: relative } .product-img-block { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; -webkit-transition: all .6s; transition: .6s } .indi-products:hover .product-img-block { opacity: .4; -webkit-transition: all .6s; transition: .6s } .description-pro { text-align: left } .center { margin-top: 50px } .modal-header { padding-bottom: 5px } .modal-footer { padding: 0 } .modal-footer .btn-group button { height: 40px; border-top-left-radius: 0; border-top-right-radius: 0; border: none; border-right: 1px solid #ddd } .modal-footer .btn-group:last-child>button { border-right: 0 } #squarespaceModal .modal-header { padding-bottom: 10px } #squarespaceModal .modal-dialog { margin: 30px auto; width: 50% } #squarespaceModal .modal-title { line-height: 20px; margin: 0 } #squarespaceModal .modal-body { padding: 20px 0 } #squarespaceModal .modal-body p { font-size: 14px } .reg-block-login { background-color: #f1f1f1; padding: 55px 0; text-align: center } .log-block { padding: 20px 0 } .login-block { background-color: #fff; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; vertical-align: central } .login-main { position: absolute; left: 0; right: 0; top: 15%; text-align: center } .login-logo { max-width: 150px } .login-form-block { background-color: #f1f1f1; padding: 20px; border: 1px solid #ddd; margin: 15px 0; text-align: left } #login-form .form-control { background-color: #fff; border: none; border: 1px solid #ddd; border-left: 1px solid #ddd; border-radius: 0; box-shadow: none; height: 35px; padding: 5px 6px } #login-form label { font-weight: 400; font-size: 15px } .login-form-block .checkbox { margin-top: 5px } .btn-login { background-color: #ff812e; border: 1px solid #ff812e; color: #fff; padding: 5px 30px } .btn-login:hover { background-color: #ff812e; border: 1px solid #ff812e; color: #fff; padding: 5px 30px } .log-block a { color: #666; font-size: 14px } .log-block a:hover { text-decoration: none; color: #ff812e } @media(max-width:767px) { .login-block { position: static; padding-bottom: 20px } .login-main { position: static } } .lead { text-align: center } .comp-frame-main { padding: 30px 0 } .bhoechie-tab-container { z-index: 10; background-color: #fff; border-radius: 4px; -moz-border-radius: 4px; border: none; margin-top: 20px; margin-left: 0; margin-bottom: 50px; background-clip: padding-box; opacity: .97; filter: alpha(opacity=97) } .bhoechie-tab-menu { padding-right: 0; padding-left: 0; padding-bottom: 0 } .bhoechie-tab-menu div.list-group { margin-bottom: 0 } .bhoechie-tab-menu div.list-group>a { color: #053067; font-size: 18px; font-weight: 400; margin-bottom: 0 } .bhoechie-tab-menu div.list-group>a .glyphicon, .bhoechie-tab-menu div.list-group>a .fa { color: #5A55A3 } .bhoechie-tab-menu div.list-group>a:first-child { border-top-right-radius: 0; -moz-border-top-right-radius: 0 } .bhoechie-tab-menu div.list-group>a:last-child { border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0 } .bhoechie-tab-menu div.list-group>a.active, .bhoechie-tab-menu div.list-group>a.active .glyphicon, .bhoechie-tab-menu div.list-group>a.active .fa { background-color: #ff812e; color: #fff } .bhoechie-tab-menu div.list-group>a.active:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #ff812e } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { border-color: #ff812e } #mycontnet { padding: 0 20px } #mycontnet h3 { border-bottom: 1px solid #ccc; font-size: 22px; margin: 0 0 10px; color: #ff812e; padding: 0 0 5px } #mycontnet img { float: left; margin: 0 15px 0 0 } #mycontnet li { list-style-type: square; margin-left: 25px } .list-group-item:first-child { border-radius: 0 } .list-group-item:last-child { border-radius: 0 } #mycontnet>h2 { color: #ff812e; font-size: 20px; margin: 0 0 10px } @media(min-width:991px) and (max-width:1024px) { .nav>li { padding: 0 10px } .navbar-nav>li>a { font-size: 16px } .text-banner-1 h2 { font-size: 45px } .welcome-text h2 { font-size: 36px; margin: 0 } .text-banner-1 h3 { font-size: 40px; line-height: 40px } .welcome-text h3 { font-size: 40px; line-height: 40px; margin: 0 0 10px } .btn-banner { font-size: 18px; margin-bottom: 15px } .ifrm-vdo { border: medium none; height: 355px } .framing-block h3 { font-size: 28px; margin-top: 0 } .live-chat-block .btn-banner { display: block; padding: 6px 62px; margin-bottom: 0 } } @media(min-width:768px) and (max-width:990px) { .login-cart-panel a { padding: 0 0 0 18px } .navbar-nav>li>a { color: #013a64; font-size: 14px; font-weight: 500; line-height: 24px; padding: 10px 0 } .social-block { padding: 5px 0; text-align: right } .text-banner-1 h2 { font-size: 32px } .text-banner-1 h3 { font-size: 35px; line-height: 45px } .text-banner-1 h4 { font-size: 30px; line-height: 40px } .btn-banner { font-size: 18px; margin-bottom: 15px } .clg-search p { font-size: 26px } .clg-search input { font-size: 16px } .welcome-text h2 { font-size: 26px; line-height: 26px } .welcome-text p { font-size: 16px } .welcome-text h3 { font-size: 32px; line-height: 34px } .ifrm-vdo { border: medium none; height: 235px } .framing-block h3 { font-size: 26px; margin: 0 } .framing-block p { font-size: 16px; line-height: 22px } .sin-img { margin-top: 14px } } @media(max-width:767px) { .sin-img-1 { margin-top: 12px } .top-bar { text-align: center } .login-cart-panel { padding: 0 0 0 20px } .logo-block { text-align: center } .social-block { text-align: center } .navbar-toggle { float: none } .navbar-header { text-align: center } .navbar-nav { margin: 0; border-bottom: 1px solid #ddd; float: none } .carousel-caption { padding: 0; text-align: center } .btn-banner { font-size: 18px; padding: 7px 20px; margin-bottom: 20px } .text-banner-1 h2 { font-size: 35px } .text-banner-1 h3 { font-size: 35px; line-height: 45px } .navbar-nav>li>a { line-height: 28px } .clg-search p { font-size: 20px } .new-srch-area input { width: 100%!important; font-size: 12px; padding: 10px 5px; height: 40px } .clg-search input { font-size: 14px; width: 90%; margin-bottom: 15px; margin-top: 15px } .welcome-block { padding: 20px 0 0 } .welcome-text { text-align: center } .welcome-text h2 { font-size: 32px; line-height: 42px } .welcome-text h3 { font-size: 40px; line-height: 50px } .framing-block h3 { font-size: 28px } .testimonial-block h2 { font-size: 24px; font-weight: 600; } .testimonial-block p { padding: 10px } footer { text-align: center } .address-block .social-block { padding: 0; text-align: center } .gmr-logo { text-align: center } .certi-block img { margin-bottom: 15px } } @media(max-width:480px) { .ifrm-vdo { border: medium none; height: 260px } } @media(max-width:360px) { .ifrm-vdo { height: 190px } } @media(max-width:320px) { .ifrm-vdo { height: 170px } } .search-bg { background: #f2f2f2; display: none; padding: 10px 0 } .search-bg2 { background: #f2f2f2; display: none; padding: 10px 0 } .number li { list-style: decimal; margin-left: 20px; text-align: justify; font-size: 14px; line-height: 22px; margin-bottom: 10px } .search-result { width: 100%; background: #f2f2f2; height: 360px; overflow: auto } #search-popup .modal-header { border-bottom: solid 1px #ccc; padding: 15px 15px 0; margin-bottom: 5px } #search-popup .clg-search { background: #fff } #search-popup .clg-search button { border-color: #333; color: #333; padding: 2px 20px } #suggestion { z-index: 99999 } #suggestion .modal-header { border-bottom: none; padding: 0 15px } .modal-content { border-radius: 0; box-shadow: none } #search-popup .modal-content { padding-bottom: 20px } #suggestion p { font-size: 14px; text-align: justify } #search-popup p { color: #fff; font-size: 25px; margin-bottom: 0 } #search-popup button { top: 3px } #search-popup input { color: #666; font-size: 20px; padding: 5px 15px; border: none; width: 54%; border: solid 1px #333; margin-bottom: 0 } .modal-body { padding: 0 15px } .modal { background: rgba(0, 0, 0, 0.5) } .blockresult { display: block!important } .search-result li a { display: block; border-bottom: solid 1px #ccc; line-height: 25px; color: #333; padding: 5px 15px; text-align: left; text-decoration: none; cursor: pointer } .search-result li a:hover { text-decoration: none; background: #053067; color: #fff } .left-pull { float: left } .right-pull { float: right } .show-more { border: 1px solid #272727; border-radius: 0; font-size: 15px; font-weight: 500; color: #2D2D2D; padding: 7px 15px; margin: 0; display: inline-block } .show-more:hover, .show-more:focus { background: #053067; color: #fff; text-decoration: none } .university { width: 40%; display: inline; float: left } .state { width: 30%; display: inline; float: left } .city { width: 20%; display: inline; float: left } .country { width: 10%; display: inline } .find { color: #000; font: 14px; border-top: solid 1px #ccc; margin-top: 5px; display: inline-block } .find:hover { text-decoration: none } .close { padding: 10px; z-index: 999; cursor: pointer } .right-text { text-align: right; display: block } @media (max-width:767px) { .university { width: 100%; display: inline; float: left } .state { width: 30%; display: inline; float: left } .city { width: 30%; display: inline; float: left } .country { width: 30%; display: inline } .right-pull { float: none; display: block; text-align: center } .left-pull { float: none; display: block; text-align: center } .right-text { text-align: center; display: block } .search-result li a { display: block; border-bottom: solid 1px #ccc; line-height: 20px; color: #333; padding: 4px 15px; text-align: left; text-decoration: none; cursor: pointer; font-size: 14px } .bhoechie-tab-menu div.list-group>a.active::after { border: none } .bhoechie-tab-content { padding: 15px 0 } } .search-result li.active a { text-decoration: none; background: #053067; color: #fff } .btn-blue-ghost { border: 1px solid #053067; border-radius: 0; font-size: 15px; font-weight: 500; color: #fff; padding: 7px 16px; margin-right: 5px; background: #053067; margin-bottom: 10px } .btn-blue-ghost:hover, .btn-blue-ghost:focus { border: 1px solid #ff812e; border-radius: 0; font-size: 15px; font-weight: 500; color: #fff; padding: 7px 16px; margin-right: 5px; background: #ff812e } .btn-ghost { border: 1px solid #272727; border-radius: 0; font-size: 15px; font-weight: 500; color: #fff; padding: 7px 16px; margin-right: 5px; background: #ff812e } .btn-ghost:hover { background: #053067; color: #fff!important } .title-page { margin-top: 0; color: #ff812e } .qty { width: 40px; height: 40px; border: solid 1px #053067; text-align: center } .cart-table { margin-top: 10px } .cart-table th { background: #053067; padding: 12px 10px!important; color: #fff } .product-discriptin p { font-size: 14px; line-height: 21px; text-align: left } #no-more-tables table td { border: 1px solid #EAEAEA; padding: 10px; text-align: center } #no-more-tables table th { text-align: center } #no-more-tables table tr { border-bottom: 1px solid #ddd } @media only screen and (max-width: 767px) { #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block } #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px } #no-more-tables tr { border: 1px solid #ccc } #no-more-tables td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%!important; white-space: normal; text-align: left } #no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: 700; content: attr(data-title) } } .gift-main { text-align: center } .gift-main>h3 { color: #ff812e; font-size: 22px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase } .cust-div { float: left; margin: 0 11px; width: 18% } .funkyradio div { overflow: hidden } .funkyradio label { width: 100%; border-radius: 3px; border: 1px solid #D1D3D4; font-weight: 400 } .funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty { display: none } .funkyradio input[type="radio"]:empty~label, .funkyradio input[type="checkbox"]:empty~label { position: relative; line-height: 2.5em; text-indent: 3.25em; margin-top: 2em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .funkyradio input[type="radio"]:empty~label:before, .funkyradio input[type="checkbox"]:empty~label:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #D1D3D4; border-radius: 3px 0 0 3px } .funkyradio input[type="radio"]:hover:not(:checked)~label, .funkyradio input[type="checkbox"]:hover:not(:checked)~label { color: #888 } .funkyradio input[type="radio"]:hover:not(:checked)~label:before, .funkyradio input[type="checkbox"]:hover:not(:checked)~label:before { content: '\2714'; text-indent: .9em; color: #C2C2C2 } .funkyradio input[type="radio"]:checked~label, .funkyradio input[type="checkbox"]:checked~label { color: #777 } .funkyradio input[type="radio"]:checked~label:before, .funkyradio input[type="checkbox"]:checked~label:before { content: '\2714'; text-indent: .2em; color: #fff; background-color: #ff812e } .funkyradio input[type="radio"]:focus~label:before, .funkyradio input[type="checkbox"]:focus~label:before { box-shadow: 0 0 0 3px #999 } .funkyradio-success input[type="radio"]:checked~label:before, .funkyradio-success input[type="checkbox"]:checked~label:before { color: #fff; background-color: #5cb85c } @media(max-width:1024px) { .cust-div { width: 17% } } @media(max-width:990px) { .cust-div { width: 16% } } @media(max-width:767px) { .cust-div { width: 40% } } @media(max-width:480px) { .cust-div { width: 95% } } .carousel-control { bottom: auto; top: 50%; opacity: .2; background: none } .carousel-control.left { background: none; left: 135px; } .carousel-control.right { background: none; right: 135px; } .panel-heading { border-radius: 0; padding: 10px 20px } .panel-group .panel { border-radius: 0 } .panel-default>.panel-heading { background-color: rgba(5, 48, 103, 0.5); color: #fff } .panel-body p { font-size: 14px } .panel-title { display: block } .panel-title:hover, .panel-title:focus { color: #fff; text-decoration: none } .check-label { padding-left: 0!important } .tick { background-color: #ff812e; border-radius: 50%; display: inline-block; font-size: 16px; height: 30px; left: -15px; position: absolute; text-align: center; top: 7px; padding: 3px 0; font-weight: 400; width: 30px } .cart-info-block { border: 1px solid #ddd; padding: 0 10px 20px } .cart-info-block h3 { text-align: center; margin: 0; padding: 5px 0; font-size: 20px; border-bottom: 1px solid #ddd } .chckout-img { padding: 15px 0 } .edt-frm-chckout { text-align: center } .edt-frm-chckout a { color: #ff812e } .edt-frm-chckout a:hover { color: #ff812e; text-decoration: none } .det-cart { font-size: 13px } .det-cart dt { width: 48%; float: left; line-height: 22px; clear: both } .det-cart dd { width: 50%; line-height: 22px; float: left } .chrg-detail-cart dt { width: 48%; float: left; line-height: 30px; clear: both } .chrg-detail-cart dd { width: 48%; text-align: right; line-height: 30px; float: left } @media(max-width:1024px) { .carousel-control { width: 5% } } .modal .modal-header .btn { position: absolute; top: 0; right: 0; margin-top: 0; border-top-left-radius: 0; border-bottom-right-radius: 0 } .modal .modal-footer { border-top: none; padding: 15px; text-align: center } .headerspin { background-color: rgba(255, 255, 255, 0.5); left: 0; right: 0; padding-top: 25%; position: fixed; text-align: center; bottom: 0; top: 0; z-index: 9999 } .order-det { text-align: right } .order-det p { font-size: 15px; margin: 0; line-height: 25px } .order-det p span { color: #ff812e; font-weight: 700 } .address-det { border: 1px solid #ddd } .bill-det>h3 { border-bottom: 1px solid #ddd; font-size: 20px; margin: 15px 0 10px; padding-bottom: 5px } .bill-det>p { font-size: 15px; line-height: 22px } @media(max-width:767px) { .order-det { text-align: center } } .discountmsg { color: red; font-size: 14px } .frame-builder-main { border: 1px solid #ddd; padding: 0 10px } .frame-build-indi { margin: 10px 0; padding: 10px; height: 320px; background-color: #f1f1f1; border-radius: 5px } .frame-build-img img { width: 100%; max-height: 250px } .frame-build-desc { background-color: #053067; color: #fff } .frame-build-desc h3 { margin: 10px 0; padding: 5px 10px; font-size: 16px; text-decoration: none } .btn-search { background-color: #003068!important; color: #fff!important; border: solid 1px #fff!important; padding: 4px 15px!important; padding-top: 7px!important } .form-control-radio { width: 42px!important; height: 31px; cursor: pointer } label.css-radio { width: 42px; height: 35px; background-repeat: no-repeat } label.ad { background: url(/img/m1.gif); background-repeat: no-repeat } label.eh { background: url(/img/m2.gif); background-repeat: no-repeat } label.il { background: url(/img/m3.gif); background-repeat: no-repeat } label.mp { background: url(/img/m4.gif); background-repeat: no-repeat } label.qt { background: url(/img/m5.gif); background-repeat: no-repeat } label.uv { background: url(/img/m6.gif); background-repeat: no-repeat } label.wz { background: url(/img/m7.gif); background-repeat: no-repeat } input[type=radio].form-control-radio { opacity: 0; position: absolute!important } ul.filltr { margin: 7px auto; background: #002E67; width: 37%; height: 47px } .filltr li { display: inline-block; height: 38px; padding: 4px 0; opacity: .9 } .filltr li.active { opacity: 1 } input[type="radio"][class="form-control-radio"]:checked .filltr>li { opacity: 1 } .shipping-text { color: #f27420!important; font-size: 14px!important } @media (max-width:990px) { ul.filltr { width: 56% } } @media (max-width:767px) { label.css-radio { width: 40px; height: 35px; background-repeat: no-repeat } ul.filltr { width: 100% } .shipping-text { padding: 10px 0; display: block } } @media (max-width:360px) { label.css-radio { width: 36px; height: 35px; background-repeat: no-repeat } } .inner-list { margin-left: 25px } .arrow-list { margin-left: 25px } .arrow-list li { margin-bottom: 20px; list-style-image: url(/images/arrow.png) } #csinformation { z-index: 99999 } .logo-block img { width: 100%; position: static } .logo-block { text-align: left } @media(max-width:1024px) { .social-block li { margin-left: 0 } .login-cart-panel a { color: #fff; padding: 0 0 0 14px; font-size: 14px } .login-cart-panel { margin-top: 35px } .social-block { padding: 5px 0 0 0; } } @media(max-width:990px) { .logo-block img { max-width: 200px; margin-top: 5px; } .social-block { text-align: right } .login-cart-panel { margin-top: -45px; text-align: right; margin-bottom: 15px } } @media(max-width:767px) { .logo-block { text-align: center } .social-block { text-align: center } .login-cart-panel { padding: 0 } .login-cart-panel a { padding: 0 0 0 9px } #google_translate_element { margin-top: 15px } .navbar-toggle { margin: 20px 0; background-color: #053067; color: #fff } .navbar-default .navbar-toggle .icon-bar { background-color: #fff } .nav>li { display: block; text-align: left } } .active .ad { background: url(/img/active-m1.jpg) } .active .eh { background: url(/img/active-m2.jpg) } .active .il { background: url(/img/active-m3.jpg) } .active .mp { background: url(/img/active-m4.jpg) } .active .qt { background: url(/img/active-m5.jpg) } .active .uv { background: url(/img/active-m6.jpg) } .active .wz { background: url(/img/active-m7.jpg) } .close-offer { position: absolute; top: 0; right: 0; color: #053067 } .close-offer span { cursor: pointer } @media(max-width:767px) { .close-offer { right: 25px } .tp-offer-area .container { padding: 0 } } .framing-block h1, .framing-block h2 { font-size: 35px; font-family: 'Signika', sans-serif; font-weight: 700; color: #363636 } @media (max-width: 767px) { .framing-block h1, .framing-block h2 { font-size: 24px; font-weight: 600; } } @media (max-width: 990px) and (min-width: 768px) { .framing-block h1, .framing-block h2 { font-size: 26px; margin: 0 } } .lucent_text { color: red } .return-policy-bg { background-color: #fff; border-radius: 10px; padding: 20px; margin: 20px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .return-policy-left h3 { font-size: 22px; display: inline-block; text-align: right; color: #000; font-weight: 600; margin-right: 20px; line-height: 30px } .return-policy-left img { vertical-align: bottom } .return-policy-mid { text-align: center } .return-policy-mid h2 { font-size: 44px; color: #053067; font-weight: 700 } .return-policy-right { text-align: right } .choose-single p { padding: 0; color: #000; font-size: 15px } .choose-single img { margin-bottom: 15px } .choose-main { margin: 50px 0 0 } .custom-diploma-left { /* margin: 70px 0 0 */ } .custom-diploma-main { margin: 25px 0 0 } .custom-diploma-left h2 { font-size: 34px; font-weight: 700; color: #363636; font-family: 'Signika', sans-serif } .custom-diploma-left p { font-size: 16px; line-height: 28px; color: #000; /*margin: 25px 0 0*/ margin: 20px 0 0 } .choose-single { margin: 0 0 30px } .return-policy-thumbnail { position: relative; overflow: hidden; display: block; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .return-policy-caption { position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.12); width: 100%; height: 100%; padding: 2%; display: none; text-align: center; color: #fff!important; z-index: 2 } .return-policy-btn-promo, .return-policy-btn-promo:hover { border: 1px solid rgba(39, 39, 39, 0); border-radius: 0; font-size: 25px; font-weight: 500; color: #053067; padding: 7px 45px; background: #FFF; position: static; margin-top: 40px } @media(max-width:1024px) { .return-policy-mid h2 { font-size: 35px } } @media(max-width:990px) { .return-policy-mid { text-align: center; margin: 0 0 30px } .return-policy-left h3 { margin-right: 30px } .custom-diploma-left h2 { font-size: 30px; line-height: 32px; margin: 8px 0 0; font-family: 'libre_franklinregular' } .custom-diploma-left { margin: 0 } .custom-diploma-left p { font-size: 16px; line-height: 26px; margin: 15px 0 0 } .return-policy-btn-promo, .return-policy-btn-promo:hover { margin-top: 100px } } @media(max-width:767px) { .return-policy-mid h2 { font-size: 24px; font-weight: 600; } .return-policy-left { text-align: center; margin: 10px 0 30px } .return-policy-left h3 { margin-right: 10px; line-height: 27px; font-size: 20px; font-weight: 500; } .framing-block p { text-align: left; font-size: 16px; line-height: 26px; } .return-policy-right { text-align: center } .return-policy-bg { padding: 20px 10px 40px } footer h3 { color: #666; font-weight: 500; font-size: 22px; } .testimonial-block { padding: 20px 0; } .custom-diploma-left h2 { font-size: 24px; line-height: 30px; } .return-policy-btn-promo, .return-policy-btn-promo:hover { margin-top: 175px } } .home-boxes { background-color: #fff; padding: 1px 10px 10px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px; margin-bottom: 30px } .home-boxes h3 { font-size: 18px; font-weight: 600; margin: 15px 0 } .shipping-single { border: 1px solid #eee; padding: 10px; display: flex; align-items: center; margin: 10px 0 } .shipping-single img { width: 100px; align-self: center; margin-right: 25px } .shipping-single p { font-weight: 600 } .gift-frame { margin: 15px 0 25px } .shopping-steps-single i { position: absolute; right: -28px; top: 60px; color: #ff812e; font-size: 25px } .shopping-steps-single { border: 1px solid #eee; padding: 10px; display: flex; position: relative; align-items: center; min-height: 150px; margin: 10px 0 } .shopping-steps-single img { width: 100px; align-self: center; margin-right: 20px } .shopping-steps-txt h4 { font-size: 20px; font-weight: 600 } .gift-frame img { width: 270px } .shopping-bdr { border-top: 1px solid #ccc } @media(max-width:1024px) { .shopping-steps-single { min-height: 200px } .shopping-steps-single i { top: 80px } .gift-frame img { width: 100% } } @media(max-width:990px) { .shopping-steps-single { min-height: 240px; display: inline-block; text-align: center; width: 100% } .shopping-steps-single img { width: 60px; margin-right: 0 } } @media(max-width:767px) { .shopping-steps-single i { right: 0; left: 0; transform: rotate(90deg); bottom: -40px; top: auto } .shopping-steps-single { min-height: 0; margin: 10px 0 40px } .shopping-bdr { margin-top: 0 } } @media(max-width:990px) { .continue-shopping-btn a { display: block; width: 100%; margin: 10px 0 } .btn-adjust { width: 100%; margin-top: 10px } .npad_990 { padding: 0 } } .dropdown-menu { padding: 0; margin: 0; opacity: 0; left: 50px; display: block; pointer-events: none; border: none; overflow: hidden; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); -webkit-transition: .3s all; transition: .3s all } .dropdown.open .dropdown-menu { left: 8px; opacity: 1; pointer-events: all } .dropdown-menu li a { font-size: 14px; padding: 10px 15px; display: block; color: #464646; border-bottom: 1px solid #eee } .dropdown-menu li:last-child a { border-bottom: none } .dropdown-menu li a:hover { background-color: #013a64 !important; color: #fff } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #013a64!important } @media(max-width:1024px) { .nav>li { padding: 0 6px } .dropdown-menu { left: auto; right: 0 } .dropdown.open .dropdown-menu { left: auto } } @media(max-width:767px) { .dropdown-menu { display: none } .dropdown.open .dropdown-menu { display: block } .mob-trigger { float: right; margin: 0 10px } .mob-trigger i { -webkit-transition: .3s all; transition: .3s all } .dropdown.open .mob-trigger i { transform: rotate(180deg) } .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 7px 5px 7px 15px } } .diploma-frame-bdr { border-bottom: 1px solid #eee } .home-contest-main img { border: 3px solid #053067; border-radius: 5px; margin: 30px 0; width: 100% } .contest-shopping .shopping-steps-txt { flex: 1 } .contest-shopping .shopping-steps-single img { width: 70px } .contest-shopping .shopping-steps-single { min-height: 180px } .contest-banner img { width: 100% } @media(max-width:1024px) { .contest-shopping .shopping-steps-single { min-height: 205px } } @media(max-width:990px) { .contest-shopping .shopping-steps-single { min-height: 250px } .contest-shopping .shopping-steps-single i { top: 100px } } @media(max-width:767px) { .contest-shopping .shopping-steps-single i { top: auto; bottom: -40px } .contest-shopping .shopping-steps-single { min-height: 0 } .contest-banner .container { padding: 0 } } .hyper-txt { text-align: center; font-size: 28px; margin: 10px 0 40px; line-height: 34px } .diploma-block-single { margin: 20px 0 } .img-diploma-block-single { border: 3px solid #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05) } .blue-band h3 { font-size: 28px; line-height: 30px; margin: 0 0 25px } .blue-band { margin: 10px 0 40px } .owl-carousel-diploma-frame .item { margin: 10px } .owl-carousel-diploma-frame .owl-prev { left: 12px } .owl-carousel-diploma-frame .owl-next { right: 12px } .owl-carousel-diploma-frame .owl-prev, .owl-carousel-diploma-frame .owl-next { height: 40px; background-color: #fff; font-size: 18px; top: 115px; font-weight: 600; text-align: center; line-height: 42px; position: absolute; width: 30px; opacity: 0; visibility: hidden; -webkit-transition: .3s all; transition: .3s all } .owl-carousel-diploma-frame { -webkit-transition: .3s all; transition: .3s all } .owl-carousel-diploma-frame:hover .owl-prev, .owl-carousel-diploma-frame:hover .owl-next { opacity: 1; visibility: visible } .owl-carousel-diploma-frame .img-diploma-block-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) } .heading-inner span { font-family: 'robotoregular' } @media(max-width:1024px) { .diploma-breadcrumb { background-position: center right } .owl-carousel-diploma-frame .owl-prev, .owl-carousel-diploma-frame .owl-next { top: 90px; opacity: 1; visibility: visible } } @media(max-width:990px) { .owl-carousel-diploma-frame .owl-prev, .owl-carousel-diploma-frame .owl-next { top: 70px } } @media(max-width:767px) { .hyper-txt { font-size: 25px; line-height: 34px } .blue-band h3 { font-size: 22px } .owl-carousel-diploma-frame .owl-prev, .owl-carousel-diploma-frame .owl-next { top: 151px } .diploma-breadcrumb { background-position: center left } .breadcrumb h2 { font-size: 22px; line-height: 30px } .home-contest-main img { margin: 10px 0 } } @media(max-width:500px) { .owl-carousel-diploma-frame .owl-prev, .owl-carousel-diploma-frame .owl-next { top: 81px } } .scholarship-ico .shopping-steps-txt h4 { font-size: 30px; font-weight: 800; margin: 0 0 5px } .scholarship-form .form-control { border-color: #eee; border-radius: 0; height: 40px; padding: 8px 10px; box-shadow: none } .scholarship-faq { padding-left: 17px; margin: 20px 0 0 } .scholarship-faq li { border-bottom: 1px solid #eee; padding: 0 0 10px; margin: 0 0 10px } .scholarship-faq li:last-child { border-bottom: none } .scholarship-faq li span { color: #053067; font-weight: 600 } @media(max-width:767px) { .home-contest-main img { margin: 10px 0 } } .new-srch-area p { margin-top: 13px } .new-srch-area input { width: 75% } .new-srch-area button { color: #fff; font-size: 26px; width: 14%; padding: 7px 0; vertical-align: top; position: static; margin-left: 7px } .new-srch-area .srch-bar { display: flex; position: relative; align-items: center } .realtime-result-area { position: absolute; left: 0; margin: 0 auto; background-color: #fff; top: 75px; width: 85%; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.065); z-index: 99; border: 1px solid #ddd } .realtime-result-area::before { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; position: absolute; top: -15px; left: 15px; content: ''; z-index: 99 } .realtime-result-area::after { width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 17px solid #ddd; position: absolute; top: -17px; left: 13px; content: ''; z-index: 9 } .realtime-result-area li { list-style-type: none } .realtime-result-area ul { margin: 0 } .realtime-result-area li a { color: #666; padding: 10px; display: block; border-bottom: 1px solid #eee; transition: .3s all } .realtime-result-area li a:hover { background-color: #053067; color: #fff; text-decoration: none } @media(max-width:767px) { .new-srch-area button { padding: 6px 0; font-size: 18px } .realtime-result-area { width: 100% } } #errorAddtoCart { color: red; font-size: 18px; text-align: center } .loader_div { background-color: rgba(255, 255, 255, 0.5); left: 0; right: 0; padding-top: 25%; position: fixed; text-align: center; bottom: 0; top: 0; z-index: 9999 } .dip_head { font-size: 16px; background-color: #2881BF; padding: 10px; color: #fff } #customDiploma, #diplomaSize { border: solid 1px #ccc; padding: 10px 5px 0 } .note { margin-top: 10px } .note p { font-size: 14px; font-weight: 400; font-style: italic; padding: 5px; background-color: #2881BF; color: #fff } #customDiploma h2, #diplomaSize h2 { display: block; font-size: 18px; line-height: 30px; margin: 0; text-align: center; color: #666; font-weight: 700 } .add_to_c_btns button { margin: 5px } .view-frame-deatils { text-decoration: none } input[type="radio"][name="sort_product"], .label_for_sort_product { cursor: pointer!important } .product-detail-review { width: 100% } .realtime-result-area-top li { list-style-type: none } .realtime-result-area-top ul { margin: 0 7px } .realtime-result-area-top li a { color: #666; padding: 10px; display: block; border-bottom: 1px solid #eee; transition: .3s all } .realtime-result-area-top li a:hover { background-color: #053067; color: #fff; text-decoration: none } #search-popup .modal-content { padding-bottom: 0!important } .search-tag { position: relative } .search-tag .form-control { border: 1px solid #eee; height: 40px; border-radius: 0; padding-right: 96px; box-shadow: none } .btn-search-new { position: absolute; right: 3px; top: 3px; background-color: #ff812e; color: #fff; border: none; padding: 6px 20px } .search-result-main h3 { margin: 5px 0 15px; font-size: 20px } .product-detail-main.search-result-main ul li { list-style-type: none; padding-bottom: 10px } .search-flex { display: flex; align-items: center; border: 1px solid #eee; padding: 2px; margin: 0 0 10px } .search-info-flex p { margin: 0 } .search-ico-flex { background-color: #053067; color: #fff; font-size: 18px; width: 40px; line-height: 43px; text-align: center; height: 40px; margin-right: 15px } @media(max-width:767px) { .search-result-main h3 { font-size: 16px } } .image-modal-product-view .modal-dialog { width: 50%; text-align: center; margin: 10px auto } @media(max-width:1024px) { .image-modal-product-view .modal-dialog { width: 75% } } @media(max-width:767px) { .image-modal-product-view .modal-dialog { width: 95% } .image-modal-product-view .modal-footer a { width: 260px; text-align: center; margin: 0 auto 5px!important; display: block } } .list-left-main { border-right: 1px solid #eee; padding: 0 15px; border-left: 1px solid #eee; margin: 0 0 15px } .list-left-inner p { margin-bottom: 5px } .list-left-inner a { color: #565656 } .read-open .area-hidden { max-height: 500px; display: block } .list-left-inner .form-group { margin-bottom: 15px } .list-left-inner .panel-group { margin-bottom: 0 } .list-left { border-bottom: 1px solid #eee; padding: 0 0 20px; margin: 0 0 20px } .list-left:last-child { border-bottom: none; padding: 0; margin: 0 } .list-left-inner .panel-title.collapsed { background-color: #fff } .list-left-inner .panel-heading { padding: 0 } .list-left-inner .panel-heading a { text-decoration: none } .list-left-inner .panel-title { background-color: transparent; font-weight: 500; font-size: 15px; padding: 0 0 15px; display: block; -webkit-transition: .2s all; transition: .2s all } .list-left-inner .faq-arrow { float: right } .list-left-inner .panel-title.collapsed .faq-arrow { -webkit-transform: rotate(0deg); color: #000; transform: rotate(0deg) } .list-left-inner .panel-title .faq-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .2s all; transition: .2s all } .list-left-inner .panel-default>.panel-heading { background-color: transparent; border-color: transparent } .list-left-inner .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: transparent; padding: 10px 5px } .list-left-inner .panel { margin-bottom: 20px; background-color: #F9FAFC; border: none; border-radius: 0 } .list-left-inner .panel-group .panel { margin-bottom: 0; background-color: #fff; border: none; border-radius: 0; overflow: hidden; box-shadow: none } .list-left-inner .panel-title:hover, .list-left-inner .panel-title:focus { color: #666; text-decoration: none } .list-left-inner .panel-title { font-size: 18px } .list-left-inner .checkbox label, .radio label { font-size: 13px } .list-left-inner-btm { margin-bottom: 0 } .searchform .form-control { border-color: #eee; border-radius: 0; box-shadow: none; color: #666; height: 42px; font-size: 16px } .offer-slide { border: 1px solid #eee; padding: 5px; border-radius: 10px; margin: 0 0 10px } .offer-slide img { width: 100% } .list-left-main .inner-head { font-size: 18px; padding: 0 } .custom-control-label { font-weight: 400 } .custom-control-label::before { top: 2px } .custom-control-label::after { top: 2px } .list-left-main .custom-control { margin: 0 0 5px; font-size: 15px } .list-left-main .custom-control:last-child { margin: 0 } .product-search-area { display: flex; align-items: center; justify-content: space-between; border: 2px solid #fff; box-shadow: 0 0 10px rgba(5, 48, 103, 0.08); padding: 18px 20px; border-radius: 5px; margin: 30px 0 40px; background-color: #f3f8ff } .product-search-area .product-sort label { color: #fff } .product-search-area .form-control { color: #fff } .product-search-area .form-control option { color: #666 } .product-search-area .form-control::-moz-placeholder { color: #fff } .product-search-area .form-control:-ms-input-placeholder { color: #fff } .product-search-area .form-control::-webkit-input-placeholder { color: #fff } .product-search-area .form-group { width: 350px; margin: 0 } .product-search-area .form-control { border-color: #666; border-radius: 0; height: 40px; box-shadow: none } .product-search-head { margin: 0; font-size: 18px } .product-sort { display: flex; align-items: center; width: 250px!important } .product-sort label { width: 100px; margin: 0; font-weight: 500 } .product-listing-img-block img { width: auto; max-height: 260px; margin: 0 auto } .product-listing-single { text-align: center; /*padding: 18px 8px;*/ padding: 0px 0px 10px 0px; -webkit-transition: .3s all; transition: .3s all; border: 1px solid #eee; border-radius: 5px; margin: 0 0 30px; min-height: 400px } .product-listing-single:hover { box-shadow: 0 5px 25px rgba(75, 132, 255, 0.12); border: 1px solid #fff } .product-listing-img-block { display: flex; margin: 0 auto 20px; overflow: hidden; align-items: center; position: relative; cursor: pointer } .listing-block-new { display: flex; min-height: 280px; align-items: center } .product-listing-img-block i { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 30px; color: #fff; z-index: 9; opacity: 0 } .modal-note-sec { margin: 15px 0 10px; font-size: 15px; line-height: 20px } .product-detail-main .modal-note-sec { margin: 0 0 2px } .product-detail-main .form-group { margin-bottom: 10px } .product-detail-main hr { margin-top: 10px; margin-bottom: 10px } .product-listing-img-block:after { background-color: rgba(0, 0, 0, 0.5); width: 100%; content: ''; height: 100%; left: 0; right: 0; margin: 0 auto; position: absolute; opacity: 0; -webkit-transition: .3s all; transition: .3s all } .product-listing-img-block:hover.product-listing-img-block:after, .product-listing-img-block:hover.product-listing-img-block i { opacity: 1 } .custom-modal .product-detail-main { margin: 15px 0 0 } .custom-modal .modal-header { padding: 15px!important; border-bottom: 1px solid #eee } .custom-modal .close { background: #ff812e; border-radius: 5px; opacity: 1; color: #fff; padding: 10px 15px; position: relative; bottom: 6px; -webkit-transition: .3s all; transition: .3s all } .custom-modal .close:hover { background: #053067 } .custom-modal .btn-sm { min-width: 200px; vertical-align: top } .custom-modal .modal-content { border-radius: 5px } .product-listing-single-head { line-height: 21px; font-size: 16px; color: #666; margin: 0 0 5px } .product-listing-desc { display: flex; justify-content: center; align-items: center } .product-listing-desc p { font-size: 14px; margin: 0 } .product-listing-desc p i { color: #fec600 } .product-listing-price { color: #ff812e; font-size: 18px; margin: 0 } .product-listing-price span { color: #666; text-decoration: line-through; font-size: 14px } .product-listing-btn-block { display: flex; align-items: center; margin: 10px 0 0; justify-content: center } .product-detail-btn a { color: #053067; border-right: 1px solid #eee; margin-right: 5px; padding-right: 10px; -webkit-transition: .3s all; transition: .3s all; font-size: 15px } .product-detail-btn a:hover { color: #ff812e; text-decoration: none } .product-detail-btn a:last-child { border-right: none; margin-right: 0; padding-right: 0 } .product-listing-btn-block a { background-color: #053067; color: #fff; width: 50%; font-size: 15px; margin: 0 18px; text-align: center; border-radius: 5px; padding: 7px 0; -webkit-transition: .3s all; transition: .3s all } .product-listing-btn-block a:hover, .product-listing-btn-block a:focus { background-color: #ff812e; text-decoration: none } .product-listing-btn-block .product-listing-custom-btn { background-color: #ff812e } .product-detail-single { display: flex; justify-content: space-between; align-items: center; padding: 0 } .product-detail-single:last-child { border-bottom: none } .product-detail-main { padding: 10px; border: 1px solid #eee } .product-detail-single p { font-size: 14px; margin: 0 } .pay-price { font-size: 25px!important; color: #ff812e } .orange-btn { background-color: #ff812e!important } .orange-btn:hover { background-color: #053067!important } .product-detail-block { margin: 30px 0 } .heading-inner.sub-heading { font-size: 18px; padding: 3px 0; margin: 25px 0 15px; border-bottom: none; font-weight: 600; text-transform: none } .btn-sm { font-size: 16px; padding: 7px 25px; background-color: transparent } .note-tag { font-size: 14px; line-height: 20px; font-style: italic } .img-frame-area img { max-height: 450px } .product-listing-img-block.img-frame-area { width: 100% } .review-star-rating { border: none; float: left } .review-star-rating>input { display: none } .review-star-rating>label:before { margin: 0 5px; font-family: 'FontAwesome'; display: inline-block; content: "\f006" } .review-star-rating>.half:before { content: "\f006"; position: absolute } .review-star-rating>label { color: #fc4; float: right; font-size: 24px; cursor: pointer; font-weight: 400; margin: 0 } .review-star-rating>input:checked~label, .review-star-rating:not(:checked)>label:hover, .review-star-rating:not(:checked)>label:hover~label { color: #fc4 } .review-star-rating>input:checked~label:before { content: '\f005' } .review-star-rating>input:hover~label:before { content: '\f005' } .min-max { resize: vertical } .product-detail-review-main { display: flex; border: 1px solid #eee; padding: 15px; margin: 0 0 15px } .product-user-block { width: 60px; height: 60px; overflow: hidden; border-radius: 50% } .product-user-block.no-image { background-color: #053067; text-align: center } .product-user-block.no-image img { display: none } .product-user-block p { display: none } .product-user-block.no-image p { font-size: 28px; font-weight: 600; color: #fff; padding: 17px 0 0; display: inline-block } .product-detail-review-user { margin-right: 20px } .product-review-user span { float: right; font-size: 12px } .product-review-user { margin: 0 0 5px } p.review-stars i { color: #fec600; margin-right: 4px } .product-detail-review p { font-size: 14px; margin: 0 0 5px; line-height: 23px } .flex-div { display: flex; justify-content: space-between; align-items: center; margin: 30px 0 } .flex-div .heading-inner.sub-heading { margin: 0 } .flex-div .form-group { margin: 0 } .search-result-check a { color: #666; -webkit-transition: .3s all; transition: .3s all; font-size: 15px; display: inline-block; padding-bottom: 6px } .search-result-check a:hover { text-decoration: none; color: #ff812e } .product-search-block { border-bottom: 1px solid #eee; margin: 0 0 15px } .product-search-block:last-child { border-bottom: none } .search-result-check { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px } .search-result-check:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .trigger span:before { content: "more" } .add-less span:before { content: "less" } .area-hidden { max-height: 0; -webkit-transition: .3s all; transition: .3s all; display: none; overflow: hidden } .trigger { color: #053067; font-size: 12px; font-weight: 600; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .trigger:hover { color: #ff812e; text-decoration: none } .review-on { font-size: 13px; font-weight: 600; color: #1d31c1 } .read-open .area-hidden { max-height: 1000px; display: inline } @media(max-width:990px) { .list-left-main .inner-head { font-size: 16px } .listing-block-new { min-height: 190px } .product-listing-btn-block a { width: 100%; margin: 5px 0px; padding: 7px 15px; } .product-listing-btn-block { flex-wrap: wrap; } } @media(max-width:767px) { .product-search-area .form-group { width: 100% } .product-sort { width: 100%!important; display: block; margin: 20px 0 0!important } .product-search-area { display: block } .product-sort label { margin: 0 0 5px; font-weight: 500; font-size: 14px } .product-detail-review-main { display: block } .product-detail-review-user { margin: 0 0 10px } .product-detail-single p { font-size: 13px } .flex-div { display: inline-block } .flex-div .product-sort { display: flex } .search-result-check li { display: block; width: 100%; float: none } .review-area-btns .btn-sm { min-width: 230px } } .custom-group { display: flex; align-items: center; border-bottom: 1px solid #eee } .input-group-text { width: 25px; text-align: center; margin-right: 5px } .custom-group .form-control { border-color: transparent } span.input-group-text i { color: #053067 } .regis-block { padding: 30px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04); border-radius: 10px; margin: 25px 0 35px } @media(max-width:767px) { .regis-block { padding: 15px 15px 1px } .radio-block .radio { display: block } } .repu-badge-main { display: flex; align-items: center } .repu-badge-main:hover { text-decoration: none } .repu-badge-left { margin-right: 10px } .repu-badge-left img { width: 100px } .repu-badge-right p { line-height: 20px; color: #666; margin: 0; text-align: center } .repu-badge-right i { color: #fab52c } @media all and (-ms-high-contrast:none) { .product-listing-img-block img { width: 100% } } .product-listing-img-block:after { top: 0 } #return-to-top { position: fixed; bottom: 20px; right: 10px; background-color: #ff812e; width: 50px; height: 50px; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 10px; display: none; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } #return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 16px; font-size: 19px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } #return-to-top:hover { background: rgba(0, 0, 0, 0.9) } #return-to-top:hover i { color: #fff; top: 5px } #search-popup { overflow-y: auto } .prodct-detail-new { display: flex; /*border: 1px solid #759ec5;*/ background-color: #D7D0D0; padding: 15px; align-items: center; justify-content: space-around; } .prodcut-detail-new-inner h4 { font-size: 28px; line-height: 34px; color: #053067; font-weight: 600; } .or-seperator { text-align: center; position: relative; margin: 20px 0; } .or-seperator::before { background-color: #000; height: 1px; width: 100%; position: absolute; left: 0; right: 0; top: 18px; content: ''; z-index: -1; } .or-seperator p { text-align: center; margin: 0 0 0; background-color: #fff; width: 50px; height: 35px; display: inline-block; line-height: 35px; font-size: 22px; font-weight: 600; } .prodct-detail-new .orange-btn { color: #fff; padding: 10px 40px; border-radius: 0px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .prodct-detail-new .orange-btn:hover { color: #fff; } @media(max-width:767px){ .prodct-detail-new { flex-wrap: wrap; } .prodcut-detail-new-inner { width: 100%; text-align: center; } .prodcut-detail-new-inner h4 { font-size: 22px; line-height: 30px; text-align: center; } } .shipping-banner-home .owl-prev, .shipping-banner-home .owl-next { width: 30px; height: 50px; display: inline-block; background-color: #093068; color: #fff; line-height: 25px; font-size: 30px; margin: 0px 15px; position: absolute; top: 135px; text-align: center; } .shipping-banner-home .owl-prev i, .shipping-banner-home .owl-next i { margin-top: 8px; } .shipping-banner-home .owl-next { right: -15px; } .shipping-banner-home .owl-prev { left: -15px; } .shipping-banner-home.owl-carousel .single-frame-store { min-height: 198px !important; margin: 0px 15px; } @media(max-width: 1024px){ .shipping-banner-home .owl-prev, .shipping-banner-home .owl-next { top: 118px; } } @media(max-width: 990px){ .shipping-banner-home .owl-prev, .shipping-banner-home .owl-next { top: 160px; } } /*header changes in checkout and cart page*/ .top-bar-new .login-cart-panel { margin-top: 27px; } @media(max-width:1024px){ .top-bar-new .login-cart-panel { margin-top: 20px; } .carousel-control{ /*display: none !important;*/ top: 40%; } .carousel-control img { max-width: 10px; } .carousel-control.left { left: 5px; } .carousel-control.right { right: 5px; } } @media(max-width:990px){ .top-bar-new .login-cart-panel { margin-top: 9px; text-align: right; } } @media(max-width:767px){ .top-bar-new .logo-block { text-align: left; } /*mob-cart-btn*/ .cart-btn a { position: relative; } .cart-item { position: absolute; right: -7px; top: 0px; text-align: center; border-radius: 7px; width: 20px; height: 20px; background-color: #ff6161; border: 1px solid #fff; font-weight: 600; color: #f0f0f0; line-height: 19px; font-size: 12px; } .cart-btn a { font-size: 30px; color: #fff; display: inline-block; margin: 13px 0px; } /*mob-cart-btn END*/ } /*header changes in checkout and cart page END*/ /*header-changes*/ #return-to-top { position: fixed; bottom: 20px; right: 10px; background-color: #ff812e; width: 40px; height: 40px; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 5px; display: none; cursor: pointer; -webkit-transition: all 0.3s linear; transition: all 0.3s ease; z-index: 99; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 13px; top: 10px; font-size: 16px; transition: all 0.3s ease; } #return-to-top:hover { background: rgba(0, 0, 0, 0.9); } #return-to-top:hover i { color: #fff; top: 5px; } @media(max-width:767px){ .home-boxes h3 { font-size: 14px; margin: 10px 0; } .thumbnail { margin-bottom: 5px; } .home-boxes a { font-size: 12px; } .shipping-banner-home .owl-prev, .shipping-banner-home .owl-next { top: 145px; width: 20px; height: 30px; font-size: 20px; } .shipping-banner-home .owl-prev i, .shipping-banner-home .owl-next i { margin-top: -2px; } .serch-bdr .realtime-result-area { top: auto; bottom: 54px; z-index: 9999; max-height: 345px; overflow-y: auto; } .serch-bdr .realtime-result-area::before { display: none; } .serch-bdr .realtime-result-area::after { display: none; } .new-srch-area input { width: 100%; } header { background-color: #053067; position: relative; z-index: 99; } .close-offer { right: 0 !important; background-color: #ff6161; color: #fff !important; padding: 4px 10px; font-size: 12px; z-index: 99; cursor: pointer; } .tp-offer-area img { padding-top: 12px; } header.stick { position: fixed; top: 0; } .navbar-default .navbar-toggle { border-color: transparent; } .navbar-toggle .icon-bar { width: 28px; height: 2px; margin: 7px 0; border-radius: 0; } .navbar-toggle { margin: 6px 0 0px; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; background-color: #fff; } #bs-example-navbar-collapse-1 { position: absolute; width: 100%; left: 0px; top: 68px; right: 0px; z-index: 99; } /* header.stick #bs-example-navbar-collapse-1{ top: 68px; }*/ .navbar { position: static; } .mob-menu-block{ position: static; } .nav > li { padding: 3px 23px; } .navbar-nav > li > a { font-size: 16px; border-bottom: 1px solid #eee; } .navbar-nav > li:last-child a { border-bottom: none; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777; border-bottom: 1px solid #eee; } .navbar-default .navbar-nav .open .dropdown-menu>li:last-child a { border-bottom: none; } .navbar-nav { border-bottom: 2px solid #053067; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { border-bottom: none; } .mob-btn { bottom: 0px; position: fixed; display: flex !important; left: 0; text-align: center; border-top: 1px solid #fff; right: 0; margin: 0 auto; z-index: 999; -wenkit-transition: 0.4s all; transition: 0.4s all; } .mob-btn a { width: 50%; border-right: 1px solid #fff; background-color: #053067; list-style-type: none; padding: 8px 0; font-size: 15px; color: #fff; font-weight: 600; } .mob-btn a:hover{ text-decoration: none; } .mob-btn a:last-child { border-right: none; } .search-btn-trigger a { width: 20px; display: inline-block; text-align: center; cursor: pointer; } .srch-input .form-control { height: 45px; border-radius: 0; box-shadow: none; font-style: italic; border: none; background-color: #fff; } .srch-btn-area .srch-btn { max-width: 50px !important; min-width: 10px; padding: 10px 15px; height: 45px; position: absolute; top: 5px; right: 5px; border-radius: 0px; color: #fff; background-color: #ff812e; border: 1px solid #fff; } .srch-btn-area .srch-btn:hover{ background-color: #fff; border: 1px solid #f16821; color: #f16821; } .srch-area-main { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 99; background-color: #053067; padding: 5px; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all; transition: 0.3s all; } .srch-area-main.srch-open{ -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; bottom: 38px; visibility: visible; } .serch-bdr{ position: relative; } .copyright-block { padding: 20px 0px 60px; } #return-to-top { bottom: 40px; } #return-to-top.srch-open-top { bottom: 95px; } .repu-badge-main { justify-content: center; } .img-seal-tag { width: 49%; } .img-seal-tag-full{ width: 100%; } .clg-search { padding: 0px 15px 0px; } .search-container{ padding: 0px; } .clg-search input { background-color: #fff; border-radius: 0px; } .clg-search button { width: 50px !important; } .breadcrumb { margin-top: 0px } .all-school-res-top{ pointer-events: none; padding: 45px 0 0; } .all-school-res{ position: fixed; left: 0; right: 0; margin: 0 auto; bottom: 54px; width: 100%; background-color: #fff; } .container-full{ padding: 0; } .return-policy-mid { margin: 0 0 15px; } } @media(max-width:500px){ .shipping-banner-home .owl-prev, .shipping-banner-home .owl-next { top: 80px; } } /*header-changes END*/ .blue-band .heading-inner.sub-heading { line-height: 30px; } .blue-band .heading-inner span { font-size: 24px; } /*covid 19 response page START*/ .covid-steps-single .row, .online-shopping-module .row { display: flex; align-items: center; } .covid-steps-bg { background-color: #053067; padding: 30px 50px; border-radius: 30px; margin: 0px 0px 40px; } .covid-head { text-align: center; color: #fff; font-size: 24px; margin: 0px 0px 30px; padding-bottom: 15px; line-height: 34px; position: relative; } .covid-head:after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 80px; height: 4px; background-color: #ff812e; } .covid-steps-single { background-color: #fff; border-radius: 20px; padding: 20px 40px; box-shadow: 0px 0px 10px inset rgba(0,0,0,0.2); margin: 0px 0px 30px; position: relative; } .covid-steps-single:after { content: ""; position: absolute; border: 2px dashed #fff; left: 65px; bottom: -100px; height: 100px; } .covid-steps-single:last-child:after { display: none; } .covid-steps-single:last-child { margin: 0px 0px 0px; } .covid-steps-count { text-align: center; font-size: 40px; font-weight: 800; position: relative; z-index: 1; margin: 0; } .covid-steps-count:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 45px; height: 15px; border-radius: 50%; background-color: #ff812e; z-index: -1; } .covid-response-txt p { font-size: 18px; line-height: 28px; font-weight: 500; } .covid-steps-modal img { max-height: 130px; } .covid-heading { margin: 30px 0; font-size: 32px; } .covid-heading span, .covid-support h3 span { color: #ff812e; } .online-shopping-module { margin: 30px 0; } .covid-support h3 { color: #053067; font-size: 30px; margin: 30px 0; font-weight: 800; } .covid-support a { color: #053067; } .covid-ticker { background-color: #ff4949; padding: 10px 0; } .covid-ticker p{ color: #fff; margin: 0px; } .covid-ticker a{ text-decoration: underline; color: #fff; } @media(max-width:1024px){ .covid-steps-count:after { width: 40px; } .covid-steps-single:after { left: 57px; } } @media(max-width:990px){ .covid-steps-count { font-size: 30px; } .covid-steps-count:after { width: 20px; height: 10px; } .covid-steps-single:after { left: 47px; } .covid-response-txt p { font-size: 16px; line-height: 26px; } .covid-head { font-size: 20px; line-height: 30px; } .covid-heading { font-size: 24px; } .covid-support h3 { font-size: 25px; margin: 20px 0; } } @media(max-width:767px){ .covid-steps-bg { padding: 20px 15px; border-radius: 20px; } .covid-steps-single .row, .online-shopping-module .row { display: inline-block; } .covid-steps-single { padding: 20px 20px; margin: 0px 0px 20px; } .covid-response-txt p { font-size: 14px; line-height: 24px; margin: 10px 0 0; } .covid-steps-single:after { left: 27px; } .covid-support h3 { font-size: 22px; margin: 15px 0; } .covid-support { margin: 0px 0px 20px; } .covid-head:after { width: 50px; } .covid-ticker p { font-size: 14px; line-height: 24px; } .covid-ticker { padding: 6px 0; } } /*covid 19 response page END*/ /*wislist css starts*/ .wish-list-icon{ position: absolute; top: 2px; right: 18px; z-index: 999; cursor: pointer; } .wish-list-icon i { color: #dad2d2; } .wish-list-icon.active i { color: #f00; } /*wislist css ends*/ img.schoolimg { display: inline-block; max-height: 30px; max-width: 30px; } span.scholimg { display: inline-block; padding-right: 5px; width: 50px; text-align: center; min-width: 50px; } span.scholname { flex: 1; } a.school_search_click { display: inline-flex !important; width: 100%; } img.scholimginner { display: inline-block; max-height: 20px; max-width: 20px; } span.scholimginner { display: flex; padding-right: 5px; /*width: 50px;*/ text-align: center; min-width: 50px; justify-content: center; } /*******social-contest-banner-13-04-21******/ .social-contest-banner { border: 5px solid #053067; margin: 25px 0 30px; border-radius: 30px; overflow: hidden; box-shadow: 0px 12px 41px -13px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s all; transition: 0.3s all; } .social-contest-banner:hover { border-color: #f57c00; box-shadow: none; transform: scale(1.02); } .social-contest-dsc { margin: 0px 0px 30px; } .social-contest-dsc p { color: #fff; } .social-contest-thumnbail a img { border-radius: 10px; -webkit-transition: 0.3s all; transition: 0.3s all; } .social-contest-thumnbail a { background-color: #fff; border-radius: 20px; padding: 10px; box-shadow: 0px 0px 10px inset rgb(0 0 0 / 20%); margin: 0px 0px 30px; position: relative; display: block; -webkit-transition: 0.3s all; transition: 0.3s all; overflow: hidden; } .social-contest-thumnbail a:hover { box-shadow: 0px 12px 41px -13px rgba(0, 0, 0, 0.63); -webkit-transition: 0.3s all; transition: 0.3s all; } .social-contest-thumnbail a:hover img { transform: scale(1.1); } .social-contest-thumnbail a::before { background-color: rgba(0, 0, 0, 0.6); position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; transform: translateY(-100%); -webkit-transition: 0.3s all; transition: 0.3s all; z-index: 9; } .social-contest-thumnbail a:hover::before { transform: translateY(0%); } .social-contest-thumb-main .row { justify-content: center; display: flex; flex-wrap: wrap; } .covid-steps-bg.scd { background-attachment: fixed; background-image: url(../images/bg1.png); background-position: center center; } .readmore { position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; display: flex; justify-content: center; transform: translateY(100%); opacity: 0; color: #fff; -webkit-transition: 0.3s all; transition: 0.3s all; z-index: 99; } .social-contest-thumnbail:hover .readmore { transform: translateY(0%); opacity: 1; } .social-contest-list { list-style-type: none; counter-reset: css-counters 0; padding: 0 0 0 40px; position: relative; } .social-contest-list li { padding: 0 0 20px; position: relative; list-style: none; font-weight: 500; } .social-contest-list li:before { counter-increment: css-counters; content: counters(css-counters, ".") " "; left: -35px; position: absolute; color: #fff; background-color: #053067; height: 25px; width: 25px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 13px; } .social-contest-list li:after { content: ""; position: absolute; left: -24px; height: 100%; border-left: 2px dotted #034a8c; top: 20px; right: 0; z-index: -9; bottom: 0; } .social-contest-list li:last-child:after { content: none; } .social-contest-head { padding: 10px 0; background-color: #053067; text-align: center; margin: 15px 0 15px; position: relative; } .social-contest-head h3 { color: #fff; margin: 15px 0; font-size: 22px; line-height: 32px; animation: grow; animation-duration: 1.5s; animation-iteration-count: infinite; } @keyframes grow { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } } .social-contest-head:after { content: ''; position: absolute; opacity: 0; top: 0; left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 1%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); width: 15%; height: 100%; transform: skew(-10deg, 0deg); animation: move 2s; animation-iteration-count: infinite; animation-delay: 2s; } @keyframes move { 0% { left: 0; opacity: 0; } 5% { opacity: 0.0; } 48% { opacity: 0.4; } 80% { opacity: 0.0; } 100% { left: 82%; } } .scd-main-page { margin: 15px 0 0; } .social-contest-list li span { color: #337ab7; font-size: 14px; line-height: 24px; } @media(max-width:990px) { .scd { padding: 30px; } } @media(max-width:767px) { .social-contest-banner { border: 0; margin: 0 0 30px; padding: 0; } .social-contest-banner { box-shadow: none; } .social-contest-banner:hover { transform: scale(1.0); } .social-contest-head { margin: 15px 0 15px; } .social-contest-dsc-inner .row { display: flex; flex-direction: column-reverse; } }