.container { width: 1080px; max-width: none !important; } /* body.home{ background: url(/images/body-bg2.png) repeat-x ; }*/ body{/*font-family: 'News Cycle', sans-serif;*/ /* font-family: 'ciclesemi';*/ font-family: 'Lato', sans-serif; } h4{font-weight: 500; } .phone-icons{ display: inline-block; background: url(/images/phone-icon.gif) no-repeat center 0px; height: 29px; width: 28px; } .livechat-icon{ display: inline-block; background: url(/images/chat-icon.gif) no-repeat center 0px; height: 32px; width: 38px; } .top-head{ min-height: 45px; padding-top: 6px;} #header .navbar-nav>li>a{ padding-top: 0px;padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-left: 10px; margin-right: 10px;} .header-panel{ padding-top: 10px;} /* .backbg{ background: url(/images/background-bg.png) no-repeat center 45px; min-height: 744px; } */ .red{ color: #fc0e0e;} .boldtext{ font-weight: 700; display: inline-block; margin-left: 5px; margin-right: 5px;} .top-head span{ position: relative;top: -7px; text-shadow: 1px 0px 0px rgba(149, 150, 150, 0.55);} .top-head span.wrap-info{ top: 2px;} .top-head span.wrap-info .red.boldtext{ top: 0px;} #header .navbar-nav>li>a{ color: #000; text-transform: capitalize;font-weight: 400; margin-right:0; } #header .navbar-nav>li>:last-child a{ margin-right: 0px;} #header .navbar-nav>li>a:hover{ background: none; color: #757575;} .search-box{ position: relative; margin-right: 16px;} .search-box input[type="text"]{ border: 1px solid #e1e1e1; background: none; padding: 0px 5px; height: 25px; line-height: 21px; width: 200px; } .search-box input[type="text"]:focus{ outline: none;} .search-box input[type="submit"]{ position: absolute; background: url(/images/icon-search.gif) no-repeat; width: 27px; height: 17px; border: none;top: 5px; right: 1px; } .mrgnb-0{ margin-bottom: 0 !important;} /********************************Sub page header**********************/ .subpage-logo{ margin-left: 20px;} #subpage-header{background:#fef2f4 ; border-bottom: 1px solid #e1e1e1; margin-bottom: 35px; position: relative; } #subpage-header:before{ content: ""; position: absolute; background: url(/images/header-shahdow.gif) repeat-x; height: 27px; bottom: -27px; width: 100%; } #subnav ul{ padding-left: 0px; margin-top: 3px;} #subnav ul li{ display: inline-block;margin: 5px 10px;} #subnav ul li a{ color: #5c5b5b; font-style: 12px; padding:0; text-transform: capitalize; background: none !important} #subnav ul li a:hover{ background: none !important;} #subpage-header .livechat-icon{ background: url(/images/live-chat.gif) no-repeat center 3px; } .boldtext{font-family: 'Oswald', sans-serif;} .livechatinner{ position: relative;} .logo-text{ margin-top: 8px;} .livechatinner span{ position: relative; top: -8px;color: #5c5b5b } .catagoryname{ margin-right: 20px;} .catagoryname > a{ background: #ff0000; width: 220px; display: inline-block; border-radius: 5px; color: #fff; font-weight: 700; text-align: center; font-size: 18px; padding-top: 5px; padding-bottom: 5px; } .catagoryname > a:hover{text-decoration: none;} .breadcrums{ padding-top: 15px;} .breadcrums a{ display: inline-block; color: #5b5a5a; font-size: 8pt; text-transform: capitalize; padding-left: 4px; padding-right: 4px; } .breadcrums span{ font-size: 8pt; } .mrgnb-40{ margin-bottom: 25px;} .breadcrums a:after{content: " / ";} .buttons{ float: right; margin-top: 7px;} .buttons a{ display: inline-block; background: #6c9802; padding-left: 20px; padding-right: 20px; border-radius: 14px; font-size: 14px; color: #fff; padding-top: 5px; padding-bottom: 5px;text-transform: capitalize; } .buttons a:hover{ text-decoration: none; } h4.clr .roundedred{ background: #ff0000; padding: 5px 10px; border-radius: 5px; text-transform: uppercase; color: #fff; display: inline-block; margin-right: 7px; } h4.clr span,h4.clr{ color: #464545; } .indicatior{ background: url(/images/indicator-icon.gif); display: inline-block; height: 15px; width: 14px; } .search-option{ margin-top: 10px;} .search-option label{ position: relative; font-size: 14px;} .search-option input[type="search"]{ border: 1px solid #e1e1e1; background: none; padding: 0px 5px; height: 25px; line-height: 21px; width: 200px; } .loginhere{ color: #000; display: inline-block; font-size: 14px; text-transform: capitalize; margin-right: 47px; } .search-option input[type="submit"]{ position: absolute; background: url(/images/search-iconwhite.gif) no-repeat; width: 27px; height: 17px; border: none; top: 5px; right: 1px; } /********************************Product detail Page**********************/ .about-product{ border: 1px solid #ebebeb; padding-top: 20px; border-radius: 10px; margin-top: 10px; } .choosefdlertype{ text-align: center; font-weight: 700; font-size: 16px; color: #ff0000; text-transform: uppercase;} .previous-arrow,.next-arrow{ width: 16px; height: 30px; display: inline-block; position: absolute; left: -15px; top: 105px; } .product-price span strong{ margin-left: 10px;} .previous-arrow{ background: url(/images/slider-previous.jpg) no-repeat center 0px; } .next-arrow{ background: url(/images/slider-next.jpg) no-repeat center 0px; } .product-options{ /*background:url(/images/shahdow-top.gif) #f5f5f5 repeat-x;*/ min-height: 150px; padding-top: 25px; } .product-option:first-child{ margin-left: -15px;} .top-panel{ padding-left:0; } .top-panel li{ display: inline-block; } .product-options ul{ padding-left: 0;} .product-options ul li{ list-style: none;} .select-options{ text-align: right; width: 213px; overflow: hidden; background: url(/images/select-icon.png) no-repeat 95% center; border: 1px solid #f5f5f5; } .select-options:hover{ border: 1px solid #ccc; } .select-options select option { border:0; background:#f5f5f5; } .select-options select,.select-option-small select{ width: 240px; border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ color: #FFF; padding: 5px; padding-top: 0px; padding-bottom: 0px; color: #000; background: none;} .select-options select:focus{ outline: none;} .select-option-small{ text-align: right; width: 115px; overflow: hidden; background: url(/images/select-icon.png) no-repeat 95% center; border: 0px solid #f5f5f5; } .product-options .shiping-detail{ padding-left: 25px;} .select-option-small select{ width: 140px; } .select-option-small select:focus{ outline: none;} .shiping-detail{ margin-top: 1px; border-top: 2px solid #fff; background: #ebebeb; padding-top: 3px; padding-bottom: 3px; padding-top: 10px; padding-bottom: 7px; } .options{ clear: both;} .options li{ width: 100%; float: left; margin-bottom: 7px;} .option-name{ color: #464646; font-size: 14px; text-transform: capitalize;/*font-family: 'ciclefina';*/} .prodcut-featues{ margin-top: 40px; padding-left: 15px;} .prodcut-featues li{ background: url(/images/tick-icon.png) no-repeat left center; list-style: none; padding-left: 40px; color: #000; font-size: 12px; } .technical-instraction a{ color: #000; font-size: 14px; /*font-family: 'ciclefina';*/} strong{font-family: 'Oswald', sans-serif;} .product-price > span{ font-size: 20px; margin-right: 15px; display: block;margin-bottom: 10px; } .border-bottom{ border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 15px; display: block; margin-left: 15px; margin-right: 15px; } .top-panel h3,.top-panel h6{ margin-top: 0px; margin-bottom: 0px;} .top-panel h3{ /*font-family: 'ciclegordita';*/ } .no-pddleft{ padding-right: 0px;} .top-panel h6{ color: #6c9802; font-size: 13px; margin-top: 8px; text-transform: capitalize;} .shppingbrder{ border-bottom: 1px solid #d4d4d4; /*padding-bottom: 10px;*/ height:1px; } .clrgreen{ color: #55ac00;} /* .upload-file{ color: #ff0000; border: 1px solid #ff0000; padding: 4px 2px; border-radius: 19px; font-size: 15px; font-weight: 700; line-height: 20px; text-transform: capitalize; position: relative; cursor: pointer; } */ .upload-file{ color: #0000ff; border: 1px solid #0000ff; padding: 4px 2px; border-radius: 19px; font-size: 15px; font-weight: 700; line-height: 20px; text-transform: capitalize; position: relative; cursor: pointer; /* background: #ff0000;*/ } @-moz-document url-prefix() { .flex-direction-nav a { margin: -16px 0 0; } } /*.upload-file span{ position: absolute; left: 33px; font-size: 12px; cursor: pointer; top: 29%; color: #000; }*/ .upload-file span{ padding:40px; font-size: 12px; cursor: pointer; top: 29%; color: #000; } .upload-file input[type="file"]{ display: block ; width: 200px ; height: 30px ; opacity: 0 ; overflow: hidden; padding: 0px 0px; } .upload-file input[type="submit"]{ display: block ; width: 200px ; height: 30px ; opacity: 0 ; overflow: hidden; padding: 0px 0px; position:absolute; top:0px; } .upload-file:hover,.buttons a:hover{ background: #ffff00;} .upload-file:hover span,.buttons a:hover{ color: #000;} .upload-file:hover{border: 1px solid #ffff00;} #carousel{ margin-left: 25px;} .flexslider .slides > li{ text-align: center;} .flexslider .slides > li{ border-radius: 10px; border: 1px solid #fff; } .flex-viewport ul li{ padding-top: 10px; padding-bottom: 10px;} .flex-viewport ul li a{ text-decoration: none; color:#000; font-size: 12px; /* padding: 7px 10px;*/ } .flex-viewport ul li:hover{ border: 1px solid #ff9702; } .flex-direction-nav{} .flex-direction-nav li{ display: inline-block; position: absolute;} .flex-direction-nav .flex-nav-prev{ right: 0; top: 31px;} .flex-direction-nav .flex-nav-prev a{ background: url(/images/slider-next.png) no-repeat; padding: 0px; } .flex-direction-nav .flex-nav-next a{ background: url(/images/slider-pre.png) no-repeat; padding: 0px; } .flex-direction-nav .flex-nav-prev a{ left: 10px} .flex-direction-nav .flex-nav-next{ top: 29px; left: 30px; } .flex-direction-nav .flex-nav-next a{ right: 10px; } .flex-direction-nav a:before,.flex-direction-nav a.flex-next:before{ content: "";} .topspace{ margin-top: 40px; margin-bottom: 15px;} .home-badge{ position: absolute;bottom: 35px; left: 118px;} /* .homepage-contents{ padding-left: 10px;} */ .homepage-contents h2{ font-size: 42px; color: #828181; line-height: 19px; margin-bottom: 25px;} .homepage-contents h2 span{ font-size:12px; font-weight: 400; } .homepage-contents p{ font-size: 18px; color: #828181; line-height: 26px;} .redtext{color: #ff0000;} .centering-nav{ margin-top: 130px; margin-bottom: 113px; } .centering-nav ul{ padding-left: 0px;} .centering-nav ul li{ list-style: none; margin-left: 50px; display: inline-block; width: 283px; text-align: center; } .centering-nav ul li:first-child{ list-style: none; } .centering-nav ul li a{ min-width: 265px; display: inline-block; color: #ff0000; border: 1px solid #ff0000; padding: 4px 40px; border-radius: 19px; font-size: 17px; font-weight: 700; line-height: 20px; text-transform: capitalize; letter-spacing: 1px; background-color: #efefef } .homepage-contents p a{ color: #828181; } .homepage-contents p .redtext a{ color: #ff0000;} .centering-nav ul li a:hover{ background: #ffff00; border: 1px solid #ffff00; text-decoration: none;} /* .main-navigation{ margin-top: 109px; margin-bottom: 48px; margin-right: 10px;} */ .main-navigation ul{ padding-left: 0; float: right;} .main-navigation ul li{ display: inline-block; padding-left: 10px;} .main-navigation ul li a{ color: #000; text-transform: capitalize; font-weight: 400; text-transform: capitalize;} .main-navigation ul li a:hover{ text-decoration: none; color: #ff0000;} .off-cards span{ font-size: 28px; font-weight: 900; color: #c1bbbe; margin-top: 10px;font-family: 'Lato', sans-serif; } .off-cards span:first-child{ margin-right: 50px;} .off-cards{ margin-top: 4px; margin-bottom: 20px;} .discount-offer{ margin-right: -1px; margin-left: -1px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbd1cf+0,f7dfde+47,fcfcfc+100 */ background: #fbd1cf; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZDFjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y3ZGZkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbd1cf 0%, #f7dfde 47%, #fcfcfc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbd1cf), color-stop(47%,#f7dfde), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbd1cf 0%,#f7dfde 47%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbd1cf 0%,#f7dfde 47%,#fcfcfc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbd1cf 0%,#f7dfde 47%,#fcfcfc 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbd1cf 0%,#f7dfde 47%,#fcfcfc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd1cf', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */ padding-top: 10px;padding-bottom: 10px; } /* .mrgn-lft{ margin-left: 123px;} */ .mrgn-lft { display: inherit; margin: 0 auto; } .bottom-contents h3{font-family: 'Oswald', sans-serif; font-style: 20px; color: #666666; text-align: center; margin-top: 0px; margin-bottom: 20px;} .product-item{ margin-bottom: 40px;} .product-item h4 ,.product-item a{ font-size: 14px;color: #666666;} .printing-grantee ul{ padding-left: 0px; border: 1px solid #eaeaea; border-radius: 7px; background: #fff;} .printing-grantee ul li{ padding: 10px 19px; list-style: none; font-size: 15px; border-bottom: 1px solid #e2e2e2;} .printing-grantee ul li:nth-child(even){ background: #f6f6f6; } .printing-grantee h4{font-family: 'Oswald', sans-serif; } .payment-method{ margin-top: 30px;} .payment-options li,.social-icons li{ list-style: none; display: inline-block; margin-left: 3px;} .payment-method h4{ text-align: center; margin-bottom: 0; } .payment-method ul{ margin-top: 20px; text-align: center; padding-left: 0;} .social-icons li{ margin-left: 10px;} #footer{background: #edeced; padding-top: 25px; padding-bottom: 20px; margin-top: 20px;} #footer .footer-nav ul{ padding-left: 0;} #footer .footer-nav ul li{ list-style: none; display: inline-block; padding-left: 7px; padding-right: 7px;} #footer .footer-nav ul li a{ color: #6f6e6e; font-size: 15px; font-weight: 500;} #footer .footer-nav ul li a:hover{ color: #ff0000; background:transparent !important; text-decoration: none;} .footer-text h5{ font-size: 18px;} .footer-text h5 span{color: #e5127e;} .footer-text p{ font-size: 12px;} .footr_btm{ /*margin-top:30px;*/ margin-top:55px; } .link{ margin-top:135px; } .link > a { display: block; color:#1496bb; font-size: 16px; line-height: 20px; margin-top: 0px; text-decoration:none; } /* .img_footer { border: 1px solid red; } */ .img_footer > img { /* height: 140px; */ width: 100%; } @media (min-width: 1200px){ .bottom-contents .col-lg-2 { width: 17.666667%; } } /*******************************************************************/ /************************cart pages start here**********************/ /*******************************************************************/ .cart-table{ /*border-top: 4px solid #c4c4c4;*/ margin-top: 5px; padding-top: 10px;} .item-name{ font-size: 18px; color: #35322d; font-weight: 700; margin-bottom: 5px; text-transform: capitalize; margin-top: 0px;} .name-the-job{ color: #0189c8;font-size: 14px; font-weight: 700;text-transform: capitalize;} .name-the-job input{ background: #fff; border: 1px solid #c4c4c4; width: 215px; margin-top: 0px; font-size: 13px; line-height: 8px; padding-top: 1px; padding-bottom: 1px; padding-left: 8px; color: #000; margin-left: 13px; height: 22px; padding-bottom: 2px; } .name-the-job input:focus{ background: #fcf8bf; } .cart-table .price,.cart-table .delete{ position: relative; display: block; margin-top: 13px;} .green { color: #55ac00; font-weight: 700; } .cart-table .price:before,.cart-table .price:after{ content: ""; position: absolute; height: 12px; width: 1px; background: #ccc; right: 0; top: 7px; } .cart-table .price:after{ left: 0; } .cart-table .product-option span,.product-option span{font-size: 12px;margin-bottom: 3px; color: #0189c8; text-transform: capitalize;} .cart-table .product-option > span,.product-option > span{ display: block; color: #333; } .cart-table .product-option span span,.product-option span span{ margin-left: 5px; display: inline-block; margin-bottom: 0px;} .brdr-top{ margin-top: 10px; padding-top: 10px; border-top: 1px dashed #cecece;} .edit-order{ font-weight: 700; text-transform: capitalize;} .edit-order a{ color: inherit; } .associated-file{ background: #c4e1e9; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; margin-top: 20px; margin-bottom: 20px;} .myCheckbox input { display: none; } .myCheckbox span { width: 13px; height: 13px; display: block; background: url("/images/checkbox-blank.png") no-repeat center center; } .myCheckbox input:checked + span { background: url("/images/checkbox-blank-full.png") no-repeat center center; } .blueclr{ color: #0189c8; font-size: 12px; display: block; text-transform: capitalize;} .text-aligntop{ position: relative; top: 10px; margin-left: 13px; text-transform: capitalize; font-size: 13px} .instruction-box{ margin-left: 20px;} .instruction-box textarea{ width: 69%; height: 55px; text-transform: capitalize; resize:none; padding: 5px;} .instruction-box .upload-file{ margin-top: 5px; text-align: center; } .instruction-box .upload-file span{ left: 0px; right: 0; color: #ff0000; font-weight: 700; } .cart-total{ margin-top: 20px; padding-top: 10px; border-top: 1px solid #c4c4c4;} .cart-total h5{ font-size: 20px; text-transform: capitalize;} .instruction-box .redtext{ text-transform: capitalize; } .smlltex{ font-size: 12px; line-height: 14px;} .checkbox-option{ margin-bottom: 40px;} .order-summary{ background: #fdefb2; padding: 10px; border-radius:10px; border: 1px solid #ece191; } .right-sidebar{ margin-top: 1px;} .order-summary h6{ font-size: 18px; text-transform: capitalize; color: #d59033; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px;} .order-summary span.name{ color: #b5ab9f; font-size: 14px; display: block; } .cart-total-summary{ margin-top: 10px; margin-bottom: 1px; border-top: 5px solid #ffcc00;} .order-summary .cart-total-summary h6{ color: #6a6b6f; font-weight: 700; border: none; margin-bottom: 0;} .checkout-btn{ text-align: center;} .checkout-btn button{ background: #6ea718; color: #fff; padding: 8px 15px; border: none; width: 80%; margin:0 auto; font-size: 18px; font-weight: 700; border-radius: 10px; border: 1px solid #7a8f2a; margin-bottom: 15px; } .coupen-enter{ margin-top: 15px; padding: 10px; background: #f0f8fb; border-radius:10px; margin-bottom: 50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5f3f7+0,f8fcfc+50,ffffff+100 */ background: #e5f3f7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZjNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e5f3f7 0%, #f8fcfc 50%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f3f7), color-stop(50%,#f8fcfc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5f3f7 0%,#f8fcfc 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5f3f7 0%,#f8fcfc 50%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5f3f7 0%,#f8fcfc 50%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e5f3f7 0%,#f8fcfc 50%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f3f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ border: 1px solid #cee9f0; } .coupen-enter input[type="text"]{ width: 100%; border: 1px solid #cbcbcb; padding-left: 2%; padding-right: 7%; } .coupen-enter input[type="submit"]{ background: none; border: none; display: block; float: right; text-transform: capitalize; } .coupen-enter label{ font-size: 16px; font-weight: 400; text-transform: capitalize; } .checkmark { display:inline-block; width: 22px; height:18px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .checkmark_stem { position: absolute; width: 6px; height: 25px; background-color: #fff; left: 7px; top: 1px; } .checkmark_kick { position: absolute; width: 13px; height: 8px; background-color: #fff; left: -1px; top: 18px; } .accepted-formats{ text-align: center; margin-top: 79px;} .accepted-formats p{ text-transform: capitalize;} .product-option { float: left; margin-right: 19px; } .instruction-box .upload-file{ margin-right: 30px;} .instruction-box .upload-file input[type="file"]{ width: 140px; } .instruction-box .upload-file span{ top: 26%; } /*******************************************************************/ /*****************order proof pages start here**********************/ /*******************************************************************/ .order-proof-page .titlename{ margin-top: 0px; margin-left: -15px; margin-bottom: 20px;} .order-proof-page .buttons{ margin-top: 0;} .order-proof-page .buttons a{ background: none; border: 1px solid #6c9802; color: #6c9802; line-height: 20px; } .order-proof-page .buttons a:hover{ background: #ffff00; border: 1px solid #ffff00; } .textupper{ text-transform: capitalize; display: inline-block; margin-top: 5px; } .bar-info .option-bar{ display: block; width: 500px; margin:0 auto; } .bar-info .option-bar span{ float: left; color: #176ac0; font-size: 14px; width: 126px; text-transform: capitalize; border-bottom: 5px solid #ebebeb; padding-bottom: 8px; } .bar-info .option-bar span.activebar{ border-bottom: 5px solid #176ac0; } .order-proof-page .order-history-table{ width: 880px; margin-left: auto; margin-right: auto; border: 1px solid #feb937; padding: 1px; margin-top: 40px; } .order-history-table ul { padding-left: 0px;} .order-history-table ul li { list-style: none; margin-bottom: 0px;} .order-history-table ul li .head-bar{} .order-history-table ul li .head-bar > div,.order-history-table ul li .body-bar > div{ float: left; background: #e0e0e0; margin-left: 1px; margin-bottom: 1px; padding-top: 7px; padding-bottom: 7px; font-size: 15px; text-transform: capitalize; } .order-history-table .numbers{ width: 42px; text-align: center; } .order-history-table .order-id{ width: 100px; text-align: center;} .order-history-table .order-description{ width: 342px; text-align: center;} .order-history-table .date-option,.order-history-table .status,.order-history-table .amount,.order-history-table .detail{ width: 96px; text-align: center; } .order-history-table ul li .body-bar > div{ background: #ffe996;} .order-history-table ul li .body-bar .fullshow-detail{ background: #ffffd9; width: 100%; margin-top: 4px;} .order-details{ width: 760px; margin: 0 auto; border-top: 5px solid #ffcd00; padding-top: 20px; margin-top: 10px;} .order-receiveddate{ font-size:14px; margin-top: 0px; margin-bottom: 0px; margin-right: 20px;} .order-number{ font-weight: 700; margin-top: 0; margin-bottom: 0;} .presentation-folder h6 span{ font-weight: 700;} .presentation-folder h6 span:nth-child(2){ margin-left: 10px; } .inside-contents{ border: 1px solid #fdba38;padding:10px 15px; } .downoad-files a:first-child{ margin-left: 0px;} .downoad-files a{ display: inline-block; margin-left: 12px; font-size: 13px; margin-bottom: 5px;} .downoad-files a:last-child{ margin-right: 10px;} .fullshow-detail{ display: none;} .showcontents{ display: inline-block; background:url(/images/plus-icon.gif) no-repeat; width: 16px; height: 16px;} .showcontents.icon-minus-arrow{ background:url(/images/minus-icon.gif) no-repeat; } .multi-status .tickmark{ background:url(/images/tickmark-icon.gif) no-repeat; display: inline-block; width: 17px; height: 13px; } .multi-status > span.full-width{ float: left;} .multi-status span{ display: block; font-size: 13px;} .multi-status{ margin-bottom: 10px; position: relative;} .multi-status span.full-width:after{content: " > "; right: 25px; position: absolute;} .proofing-status{ border-bottom: 5px solid #ffcd00; margin-bottom: 25px; padding-bottom: 15px; } .rounded-buttons{ margin-top: 25px;} .rounded-buttons a{ display: inline-block; padding: 4px 20px; border: 1px solid #ff0000; border-radius: 17px; color: #ff0000; font-weight: 700; margin-bottom: 30px; letter-spacing: 1px; width: 135px; } .rounded-buttons a:hover{ text-decoration: none; background: #ffff00; border: 1px solid #ffff00; } .bldtxt{font-weight: 700;font-family: 'Oswald', sans-serif; text-transform: capitalize; font-size: 15px; margin-bottom: 20px;} .inside-contents .product-option span{ font-size: 12px; margin-bottom: 0; } .bar-info{ margin-top: 30px;} /*******************************************************************/ /*****************Page Review Approved **********************/ /*******************************************************************/ .proof-container{} .review-approve .order-noname{ margin-bottom: 30px;} .review-approve .order-noname span:first-child{ font-weight: 900; margin-right: 15px; font-size: 16px;} .proof-container h4{ font-weight: 600; text-transform: capitalize; font-size: 18px; color: #4d4d4d; padding-bottom: 0px; margin-bottom: 0px;} .review-approve .links-bar{ border-top: 5px solid #e1e1e1; padding-top: 5px; margin-top: 5px; padding-left: 25px; } .review-approve .links-bar a{ display: inline-block; margin-left: 18px; text-transform: capitalize; font-style: 14px; color: #02a5db; } a.disable{ pointer-events: none; cursor: default; opacity:.5; } .review-approve .links-bar a.disable{ color: #a7e0f1; pointer-events: none; cursor: default; } .proof-cover{ background: #ffffdc; border: 1px solid #feba36; margin-top: 10px; height: 381px; overflow: hidden; position: relative; } .not-available{ display: table-cell; text-align: center; vertical-align: middle; height: 381px; width: 600px; } .proof-container .wrapper{ width: 600px;} .not-available h2{ margin:0; text-align: center; color: #feba36; text-transform: capitalize; font-weight: 700; font-size: 40px; } .proof-bottom{ position: absolute; bottom: 0px; border-top: 1px solid #feba36; width: 600px; left: 0;right: 0px; padding: 10px;} .technical-infomation{ margin-top: 20px; margin-left: 35px;} .technical-infomation h5{ font-weight: 900; color: #535353;} .each-file-container{ border: 1px solid #e1e1e1; border-radius: 7px; padding:15px 25px; } .each-file-container h4{ font-size: 16px; margin-bottom: 20px; padding-left: 15px; } .we-review h5,.we-fix h5{ font-size: 18px; font-weight: 900; } .mgtn-40{ margin-top: 40px;} .ppint-ready{ margin-top: 25px; } .ppint-ready h4{ font-weight: 700; font-style: 16px; margin-bottom: 23px; } .bluetext{ color: #02a5db !important;} .bluetext1{ color: #02a5db ;} .ppint-ready h6{ font-weight: 900; text-transform: capitalize; } .buttons-box{ text-align: center;} .buttons-box .rounded-buttons a{ width: 220px;} .buttons-box .rounded-buttons a:first-child{} .buttons-box .rounded-buttons a.redbackclr{ background: #ff0000; color: #fff; } .buttons-box .rounded-buttons a.redbackclr:hover{ background: #ffff00; border: 1px solid #ffff00; color: #000; } .buttons-box .upload-file,.buttons-box .upload-file:hover { background: none; border: none; } .buttons-box .upload-file span{ left: 0px; right: 0; margin-left: auto; margin-right: auto; color: #ff0000; font-size: 14px;} .proof-bottom a{ display: inline-block;} .proofsearch-icons{ margin-left: 30px;} .proof-available{ /*position: absolute;*/ top: 0px; z-index: 555; padding: 1px; width: 600px; height: 314px; /*overflow: hidden;*/} .viewer { width: 50%; height: 380px; } .proof-available .wrapper { overflow: hidden; position: relative; } .iviewer_zoom_status.iviewer_common,.iviewer_rotate_left.iviewer_common.iviewer_button, .iviewer_rotate_right.iviewer_common.iviewer_button,.iviewer_zoom_zero.iviewer_common.iviewer_button,.image-hidden { display: none;} .proof-available .wrapper:after { content: ""; height: 42px; background-color: #ffffdc; width: 100%; position: absolute; bottom: 10px; } .container-bill .form-group { display: block; width: 100%; float: left; margin-bottom: 10px; } /*billing and shipping start here*/ .border-style{ border-bottom: 6px solid #d7d7d7; padding-bottom: 2px; margin-bottom: 20px; } .enter-stree span{ font-size: 12px; } .enter-stree{ margin-top: 25px;} .address-bar{ display: block; width: 85%; margin: 0 auto; background: #ebebeb; /*padding-top: 7px;*/ margin-bottom: 25px;border-bottom:2px solid #ddd;padding-top:10px;padding-bottom:10px; } .select-option select{ display: block;width: 100%; border: none;} .address-form .form-inline .form-group .form-control,.form-group select,.form-inline .form-group input[type="text"],.form-group .form-control,.form-group input[type="text"],.form-group input.inputCard {float: left; background: #fff; border: 1px solid #ebebeb; width: 90%; height: 25px; border-radius: 0px; padding: 3px;} .address-form .form-inline .form-group .form-control:focus,.form-group select:focus,.form-inline .form-group input[type="text"]:focus,.form-group .form-control:focus,.form-group input[type="text"]:focus{ background: #fffdcf;} .address-form .form-inline .form-group{ margin-bottom: 10px;} .redcrcle{ display: inline-block; height: 7px; width: 7px; border-radius: 100px; background: #ff0000; font-size: 0px; float: left; position: relative; top: 10px; left: 10px; } .lft-15{ margin-left: -15px;} .container-bill .payment-method{/* margin-bottom: 25px;*/} .mrgn-top30{ margin-top: 60px;} .billing-shipping-address label{text-transform: capitalize; font-weight: normal; font-size: 13px;} .leftnone{ margin-left: -15px;} .sameshiping{ width: 100%; float: left; margin-top: 20px; margin-bottom: 20px;} /**********submit order styles********************/ .submit-order .cart-table h5 { text-transform: capitalize;font-weight: 700; font-size: 16px;} .bldfnt{ text-transform: capitalize;font-weight: 700; font-size: 14px;} .submit-order .col-lg-10.btn-7 .col-lg-4{ text-align: right;} .submit-order .brdr-top{ border-top: 4px solid #c4c4c4; margin-top: 15px; padding-top: 10px; } .btn-7{ margin-bottom: 5px;} .carbonless-quantity{margin-bottom: 4px; text-transform: capitalize;} .office-inventory{ margin-top: 0px; font-size: 12px; text-transform: capitalize; color: #008484;} .submit-order .dublicate-order{ color: #55ac00; font-size: 12px; text-transform: capitalize; display: block; margin-top: 18px; position: relative;} .submit-order .dublicate-order:before{ content: ""; position: absolute; height: 12px; width: 1px; background: #ccc; right: 0; top: 3px; } .submit-order .dublicate-order a{ text-decoration: inherit; color: inherit;} .submit-order .product-option span{ font-size: 13px; } .submit-order .col-lg-5 .product-option{ margin-top: 15px;} .submit-order .col-lg-5 .product-option:first-child span{ color: #008484;} .submit-order .col-lg-5 .product-option:first-child{ margin-left: 0px;} .submit-order .cart-table .price{ font-size: 16px;} .shipping-addrs-info strong{ display: block; margin-bottom: 15px; margin-top: 20px;} .submit-order .checkout-btn button{ font-weight: normal;} .submit-order .smlltex{ font-size: 11px; line-height: 10px; display: block; margin-top: 8px;} .mrgn-tp{ margin-top: 15px;} .submit-order .product-option span{ margin-bottom: 0px;} .margin-top{ margin-top: 40px;} /**********address book********************/ a.clrinherit{ color: #333; margin-right: 5px;} .shiiping-address-space{ margin-bottom: 20px; display: block; color: #333;} .roundedbox{ display: inline-block; padding: 0px 3px; border: 1px solid #fc6106; color: #333; } .button-spacing a{color: #333;} .button-spacing a:first-child{ margin-right: 15px; } .width-auto a{ width: auto;} .address-bar{ margin-top: 15px;} /**********Login Register styles********************/ .gray-strip{ background: #F3F3F3;padding: 4px 4px; padding-top:6px; margin-bottom: 20px;} .gray-strip input[type="radio"]{ margin-right: 10px; } .headingbox{ text-transform: capitalize; border-bottom: 4px solid #d7d7d7; margin-bottom: 20px; padding-bottom: 10px;} .box-login-panel{ background: #feefae; padding-left: 20px; padding-top: 20px; padding-bottom: 0px; padding-right: 20px;} .box-login-panel p{ margin-bottom: 0px;} .box-login-panel input[type="email"],.box-login-panel input[type="password"]{ width: 100%; } .buttons-submit button{ background: none; display: inline-block; padding: 4px 20px; border: 1px solid #ff0000; border-radius: 17px; color: #ff0000; font-weight: 700; margin-bottom: 30px; letter-spacing: 1px; } .buttons-submit button:hover { text-decoration: none; background: #ffff00; border: 1px solid #ffff00; } .create-account .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; text-align: left; font-weight: normal; font-size: 13px; } .create-account .form-control { width: 100%;} .terms-services a{ text-transform: capitalize;} .terms-services .piper{ margin-left: 10px; margin-right: 10px; display: inline-block;} .border-sequre{ border: 1px solid #e2e2e2; border-radius: 5px; border-bottom: 1px; margin-bottom: -25px; padding-bottom: 25px; } .login-box{ position: relative;} .login-box:before{ content: ""; border: 1px solid #e2e2e2; width: 1px; height: 212px; position: absolute; top: 69px; left: 44%; } .terms-services{ margin-right: 83px;} .disabledbutton { pointer-events: none; opacity: 0.4; } /**********HOme page product display styles********************/ .centering-nav ul li ul,.display-product ul{ width: 230px; background: #fff; text-align: left; position: relative; padding-top: 35px; padding-bottom: 35px; } .centering-nav ul li ul li,.display-product ul li{ width: 100%; float: none; margin-left: 0px; text-align: left;} .centering-nav ul li ul li a,.display-product ul li a{ border: none; color: #0273b7; font-weight: normal; padding-left: 0px; font-size: 14px; font-weight: normal; display: block; padding-right: 0px; padding-left: 15px; border-radius: 0px; margin-left: 10px; margin-right: 10px; } .centering-nav ul li ul > li > a:hover{ background: #038bbd; color: #fff; border: none; } .centering-nav .display-product{ display: none;} .centering-nav ul li.current .display-product{ display: block;} .centering-nav ul li.current{ } .display-product{ position: absolute; top: 0px; z-index: 999; left: 20%;} .third-level-product{ display: none; position: absolute; top: 0; left: 230px; width: 600px; /* background: url(/images/shahdow-back.gif) repeat-y;*/ background-size: contain; -webkit-box-shadow: inset -3px -2px 30px 2px rgba(0,0,0,0.25); -moz-box-shadow: inset -3px -2px 30px 2px rgba(0,0,0,0.25); box-shadow: inset -3px -2px 30px 2px rgba(0,0,0,0.25); background: #efeded; padding-top: 20px; padding-bottom: 15px; } .centering-nav ul li.currentinner > a{ background: #038bbd; color: #fff; border: none; } li.currentinner .third-level-product{ display: block;} .space-top40{ margin-top: 20%; margin-left: 25px; margin-bottom: 7%; } .third-level-product h1 { font-weight: 700; text-transform: capitalize; font-size: 24px; margin-bottom: 0px; padding-left: 20px;} .third-level-product h4{ text-transform: capitalize; margin-top: 30px; font-size: 18px; padding-left: 24px; } .third-level-product .links-sections a{ display: block; border: 1px solid #efeded; color: #000; } .third-level-product .links-sections a:hover{ background: none; border: 1px solid #4aa8cb; text-decoration: none; color: #4aa8cb; } .presentation-container { margin-left: -18px; } .space-top40 p{ font-style: 16px; text-transform: capitalize; } /*order confirmation page start here*/ .small-fonts{ margin-top: 10px;} .small-fonts a,.small-fonts{ font-size: 13px; font-weight: normal; margin-right: 20px; display: inline-block; } .left-none{ margin-left: 0px !important;} .submit-order .left-none h5{ font-size: 14px; margin-top: 0px;} .submit-order .left-none h5 span{ font-weight: normal; font-size: 12px;} .top-mnone{ margin-top: 0px !important;} .clrgray{color: #c4c4c4;} /*Get Free Proof page start here*/ .mrgin-lef15{ margin-left: 15px;} .widthfull .address-bar{ width: 100%;} .name-proof{ width: 100%; height: 20px; border-radius: 0px; padding: 3px; border: none; } .bluetext{ color: #0303fd;} .form-block .form-inline .form-group .form-control, .form-block select, .form-block .form-group input[type="text"], .form-block .form-control, .form-block input[type="text"],.form-block textarea{ width: 100%; background: #ffffff;border: 1px solid #ebebeb; resize:none; } .form-block .form-inline .form-group .form-control:focus, .form-block select:focus, .form-block .form-group input[type="text"]:focus, .form-block .form-control:focus, .form-block input[type="text"]:focus,.form-block textarea:focus{ background: #fffdcf; } .general-acceptable span{ font-size: 11px; margin-top: 29px;} .sequre-box{ border: 1px solid #ebebeb; border: 1px solid #d8d6d6; border-radius: 5px; padding: 7px 10px;} .rounded-buttons input[type="submit"],.rounded-buttons button{ display: inline-block; padding: 4px 20px; border: 1px solid #ff0000; border-radius: 17px; color: #ff0000; font-weight: 700; margin-bottom: 30px; letter-spacing: 1px; background: none; } .rounded-buttons input[type="submit"]:hover,.rounded-buttons button:hover { text-decoration: none; background: #ffff00; border: 1px solid #ffff00; } .uploadartwork{ color: #000; font-size: 16px; line-height: 22px;} .mleft0{ margin-left: 0px !important;} .mtop0{ margin-top: 0px !important;} .mright0{ margin-right: 0px !important; } .pleft0{ padding-left: 0px !important;} .pright0{padding-right: 0px !important;} /**********Get Free Proof page start here*********/ .mrgn-top25{ margin-top: 25px;} .order-proof-d .body-bar .order-description{ text-align: left; padding-left: 10px;} .lrge-spce-btn{ margin-bottom: 25%;} .user-inf-edit .form-group input[type="password"]{ background: #fff; border: 1px solid #ebebeb; width: 90%; height: 25px; border-radius: 0px; padding: 3px;} .box-login-panel .form-group input[type="password"]{ width: 100%; background: #fff;} .width-auto a{ color: #333;} .red-text{ color: #ff0000 !important;} .user-inf-edit .form-group input[type="password"]:focus{ background: #fffdcf;} /**********Edit Shippind address page start here*********/ .bar-info .option-bar{ width: 650px;} /**********request a quote page start here*********/ .mrgn-btn20{ margin-bottom: 20px;} .request-quote .form-block .form-inline .form-group .form-control,.request-quote .form-block select,.request-quote .form-block .form-group input[type="text"],.request-quote .form-block .form-control,.request-quote .form-block input[type="text"],.request-quote .form-block textarea ,.request-quote .form-block .form-group input[type="email"],.request-quote .form-block .form-group input[type="tel"] { background: #fff; width: 100%; border: 1px solid #ebebeb; border: 1px solid #d8d6d6; } .request-quote .form-block .form-inline .form-group .form-control:focus,.request-quote .form-block select:focus,.request-quote .form-block .form-group input[type="text"]:focus,.request-quote .form-block .form-control:focus,.request-quote .form-block input[type="text"]:focus,.request-quote .form-block textarea:focus ,.request-quote .form-block .form-group input[type="email"]:focus,.request-quote .form-block .form-group input[type="tel"]:focus { background: #fffdcf; width: 100%; border: 1px solid #ebebeb; } label.myLabel input[type="file"] { position: fixed; top: -1000px; } /***** custom styling *****/ .myLabel { border: 1px solid #cccccc; border-radius: 26px; padding: 8px 20px; display: inline-block; } .myLabel:hover { background: #ffff00; border: 1px solid #ffff00; } .myLabel:active { background: #ffff00; border: 1px solid #ffff00; } .myLabel :invalid + span { color: #ff0000; } .myLabel :valid + span { color: #ff0000; } .mrgn-top8{ margin-top: 8px;} /***** contact us page ster here *****/ .greentext{ color: #548a00;} /***** How to place order page ster here *****/ .howtoplace-order{ } .mrgn-btn20{ margin-bottom: 15px;} .listing-number{ margin-bottom: 30px;} .listing-number li{ margin-bottom: 20px; font-weight: 700; } .brder-left:before{ content: ""; position: absolute; width: 1px; background: #ccc; left: -7px; height: 81%; top: 18%; } .howtoplace-order .rounded-buttons a{ width: 206px; } .howtoplace-order .order-proof-page .buttons a:first-child{ margin-right: 15px;} .howtoplace-order .order-proof-page .buttons a{background: #6c9802; color: #fff;} .howtoplace-order .order-proof-page .buttons a:hover{background: #ffff00; border: 1px solid #ffff00; color: #000;} /***** Free shipping page ster here *****/ .free-shipping .brderbtn{ border-bottom: 4px solid #ccc; font-size: 16px; margin-bottom: 30px; padding-bottom: 5px; text-transform: capitalize;} .smlltext{ font-size: 12px;} .inputCard{ width: 94% !important; font-size: 10px;} .top-spce{ margin-top: 50px;} .bottom-spce{ margin-bottom: 50px;} .topmrgn-30{ margin-top: 30px;} .enter-coupen-box label{ line-height: 14px; font-weight: normal;} .container .enter-coupen-box input[type="text"]{ width: 63%;} .container .enter-coupen-box button{ background: none; border: none; text-shadow: 0 0px 0 #fff; -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 1px rgba(0,0,0,.075); } .buton-round{ display: inline-block; padding: 4px 20px; border: 1px solid #ff0000; border-radius: 17px; color: #ff0000; font-weight: 700; letter-spacing: 1px; cursor: pointer; margin-top: 15px; } .fileupload-popup .modal-title{ font-style: 20px; font-weight: normal;} .fileupload-popup .modal-title p{ font-size: 14px;} .fileupload-popup .modal-header{ padding-bottom: 0px;} .modal-footer .rounded-buttons{ margin-top: 0px;} .modal-footer .rounded-buttons a{ margin-bottom: 0px;} .fileupload-popup .modal-body{ min-height: 350px;} .fileupload-popup .modal-dialog { /*width: 850px;*/ } /***** New Prodcut style ster here *****/ .bckgroun-clr{ background: url(/images/pprepeat-bg.png) repeat-x center bottom; padding-bottom: 20px; } .about-product{ border: none;} .product-options{ /*background: url(/images/top-brder.gif) repeat-x;*/ } .top-panel h3{ font-size: 16px; color: #464646; text-transform: capitalize;} .select-options{ border: none; padding: 1px;} .select-options:hover{padding: 0px;} .product-options ul li.shppingbrder{ border-bottom: 1px solid #d4d4d4;} .select-options{ width: 248px; background-position: 99% center} .select-options select{ width: 265px;} .select-options select option{ background: transparent;} .mrgn-top15{ margin-top: 15px;} .brdr-cover{ padding: 2px; border: 1px solid #ccc;} .product-price > span{ font-size: 16px; margin-bottom: 0px;} .brdr-cover{ margin-top: 30px;} h4.clr .product-name{ color: #0293c9;} #carousel{ background: none; border: none;} .flexslider .slides > li{ border: none; padding-top: 11px; padding-bottom: 11px; } .flexslider .slides > li:hover{padding-top: 10px; padding-bottom: 10px;} .upload-file:hover{ background: #ff0000; } .upload-file:hover{ border: 1px solid #ff0000; } .upload-file:hover span{ color: #fff; } .product-detail-page-menu ul { padding-left: 0px;} .product-detail-page-menu ul li{ list-style: none;} .product-detail-page-menu ul li a{ display: block; line-height: 26px; text-transform: capitalize; letter-spacing: 1px; border: none; color: #0273b7; font-weight: normal; padding-left: 0px; font-size: 14px; font-weight: normal; display: block; padding-right: 0px; padding-left: 15px; border-radius: 0px; margin-left: 10px; margin-right: 10px;} .catagoryname{ position: relative;} .product-detail-page-menu{left: 0px; top: 35px; width: 100%; border: 1px solid #F1F1F1; border-radius: 2px 5px 2px 2px; position: absolute; background: #fff;z-index: 999; padding-top: 20px; } .product-detail-page-menu.display-product ul li > a:hover{ background: #038bbd; color: #fff; border: none; } .cover-section{ position: relative;} .fmega-emnu-show{ position: absolute; top: 29px; left: 0px; padding: 10px; border: 1px solid #ccc; z-index: 999; background: #fff; width: 220px;} .fmega-emnu-show ul{ padding-left: 0px; list-style: none;} .fmega-emnu-show ul li{ list-style: none; padding-top: 5px; padding-bottom: 5px; } .fmega-emnu-show ul li a{ line-height: 15px; text-transform: capitalize; letter-spacing: 1px; border: none; color: #0273b7; font-weight: normal; padding-left: 0px; font-size: 12px; font-weight: normal; display: block; padding-right: 0px; padding-left: 15px; border-radius: 0px; margin-left: 10px; margin-right: 10px; } .cart-page-option .product-option span span{ float: right; width: 119px; margin-left: 11px; } .edit-order{margin-bottom: 25px; display: inline-block;} .edit-order a{ text-decoration: underline;} .cart-page-option .enter-coupen-box button{ padding: 2px 12px; border: 1px solid #ebebeb; margin-left: 6px;} .cart-page-option .enter-coupen-box{ padding: 10px; border: 1px solid #ccc;} .cart-page-option .enter-coupen-box label{ text-align: center; font-size: 16px; text-align: center; font-size: 12px; margin-bottom: 6px; margin-top: 3px;} .name-the-job label{ font-size: 12px;} .name-the-job input{ width: 118px;} .edit-order a{ font-size: 12px;} .address-form .form-inline .form-group .form-control, .form-group select, .form-inline .form-group input[type="text"], .form-group .form-control, .form-group input[type="text"], .form-group input.inputCard { float: left; background: #fff; border: 1px solid #BBBABA; } .redcrcle{ height: 5px; width: 5px; } .order-details{ border-top: 0px;} .edits-newstyle .product-option span span{ display: inline-block; float: right; width: } #footer .bottom-nav ul li a{ font-size: 13px; } #footer .footer-navigationtop ul li{ padding-left: 20px; padding-right: 20px } .brdr-cover{ border: none;} .shapes-icons{ padding: 10px;padding: 17px;} .shapes-icons .nav-tabs{ border-bottom: 0px solid #ddd;} .shapes-icons .nav-tabs>li{ position: relative;} .shapes-icons .nav-tabs>li:after{ content: ""; position: absolute; border-right: 1px solid #acacac; height: 11px; left: -8px; top: 6px; } .shapes-icons .nav-tabs>li.active>a,.shapes-icons .nav-tabs>li.active>a:focus,.shapes-icons .nav-tabs>li.active>a:hover,.shapes-icons .nav-tabs>li>a:hover{ border: 0px ; background:none; border: 1px solid #fff; } .shapes-icons .nav-tabs>li>a{ padding-top: 0px; padding-left: 0px; color: #139acd} .shapes-icons{ border: 1px solid #acacac; } .shapes-icons-inner{ display: inline-block; padding-left: 10px; padding-right: 10px; position: relative;} .shapes-icons-inner .ja-name{ display: none;} .shapes-icons-inner:hover .ja-name{ display: inline-block;} .ja-name{ position: absolute; left: 50%; margin-left: -29px; font-size: 11px; color: #139acd;} .shapes-icons .nav-tabs>li.first-class:after{ content:none;} .product-detail-page-menu{ background: #f5f5f5; } .product-detail-page-menu ul li a{ font-size: 12px; color: #016ca9; line-height: 21px; } .product-detail-page-menu ul li.blackclr{ color: #000; font-weight: bold; padding-left: 22px; margin-right: 20px; } .product-detail-page-menu ul{ width: 100%;} .product-detail-page-menu{ } .third-level-openmenu{ position: absolute; width: 446px; left: 210px; top: 0; background: #efeded; padding: 14px 17px 17px 30px; height: 100%; border-left: 1px solid #fff; display: none; } .product-detail-page-menu ul li:hover .third-level-openmenu { display: block;} .cover-coantiner h2{ font-size: 22px; margin-bottom: 40px; } .cover-coantiner ul li{ font-size: 12px; color: #000; margin-top: 4px;} .cover-coantiner{ position: relative; height: 100%;} .bottom-container-small{ position: absolute; bottom: 40px; left: 0px; font-size: 12px; color: #000;} .collapsed-icon{} #showmenu{ position: relative;} #showmenu:after{ content: ""; position: absolute; background: url(/images/icon-open.gif) repeat-x center bottom; height: 8px; width: 13px; top: 14px; right: 20px; } #showmenu.collapsed-icon:after{ background: url(/images/icon-close.gif) repeat-x center bottom; } .fmega-emnu-show{ width: 506px; background: #efeded; padding: 14px 17px 17px 30px; } .blue-text{ color: #0293c9 !important; } .cover-coantiner-inner h2{ font-size: 22px; margin-bottom: 40px; } .cover-coantiner-inner ul li { font-size: 12px; color: #000; margin-top: 4px; font-weight: normal; padding-top: 0px; padding-bottom: 0px; } .cover-coantiner-inner .bottom-container-small{ position: static; margin-top: 40px;} .centering-nav ul li ul, .display-product ul{ background: #f6f6f6; } .display-product{ left: 1.3%; top: -150px; } .product-item img{ border-radius: 5px; } .product-item a{ display: inline-block; } .centering-nav ul li ul li a, .display-product ul li a{ font-size: 12px; line-height: 17px; } .third-level-product h1{ margin-top: 10px;} .third-level-product h4{ margin-top: 10px;} .space-top40{ margin-top: 4%; margin-left: 4px; margin-bottom: 1%;} .third-level-product h4 { margin-top: 6px; margin-bottom: 6px;font-size: 16px; } .third-level-product{padding-top: 10px; padding-bottom: 8px;} .centering-nav ul li a.close_button:hover{ background: none; border: 0px solid #ffff00; text-decoration: none; } .cross-icon{ display: block; float: right; margin-top: 20px; color: #ff0000; font-weight: bold; font-size: 14px; } .cross-icon a{ color: inherit; font-weight: inherit; } .darkblue{ color: #0208fc; } .container-yellow{ background: #fffdcf; border: 1px solid #ffe79c; padding: 10px; margin-bottom: 20px; } .container-yellow h3{ margin-top: 0px; font-size: 18px; font-weight: bold; } .bottom-text-small{ margin-bottom: 60px;} .mrgn-bnt0{ margin-bottom:0px !important; } .inline-contents{ display: inline-block; position: relative; top: -24px; left: 26px;} .full-width{ width: 100%;} .popup-new{ width: 434px; margin: 0 auto; background: #fafafa; padding-left: 30px; padding-right: 30px; border: 2px solid #e1e1e1; border-radius: 10px; position: absolute; right: 36px; top: -325px; padding-bottom: 21px; } .popup-container > h3{ font-size: 18px; color: #0303fd; text-transform: capitalize; margin-top: 30px; margin-bottom: 26px; font-weight: bold; } .popup-container > h4{ color: #474747; margin-top: 0px;font-size: 14px; font-weight: bold; margin-bottom: 20px;line-height: 18px; } .popup-container p{ font-size: 13px;color: #474747; } .cross-icon-blue{ position: absolute; right: 10px;top: 15px; } .popup-new,.popup-container{ text-align: left;} .get-menu-proof{ position: relative; } body #hide-panel{ background: none; border: none; padding: 0; } body .centering-nav ul .black-font a{ color: #282828; } body .centering-nav ul li ul,body .display-product ul{ padding-top: 12px; padding-bottom: 12px; } .centering-nav ul li ul li a, .display-product ul li a{ line-height: 13px; } .display-product { top: -41px; } .popup-new{ display: none; } .ja-position{ position: relative;} .homepage-contents div a{ font-size: 18px; color: #828181; line-height: 26px; } .popup-new{ right: 33px; top: 50px; z-index: 999; } .homepage-contents{ position: relative; padding-top:15px; } #middle_content{ padding:15px 0 0; } .search-box input[type="submit"]{ background: url(/images/icon-search2.gif) no-repeat; } .discount-offer{ background: none; } .homepage-contents div a{ font-size: 18px; color: #000; } .smaltext #why-printing { font-weight: 300; color: #474747; display: block; margin-bottom: 5px; font-size: 24px; margin-top:15px; } .top-head span { font-size: 17px; } .centering-nav{ margin-bottom: 25px; } /* .slide{ float:right; width:350px; } */ .bx-pager.bx-default-pager{ display:none; } .popup-container h3.lower-heading{ margin-top: 11px; margin-bottom: 10px; } .report-cover{ margin-top: 15px; margin-bottom: 30px; margin-left: 29px;} /*New Header styles*/ #new-header{ background: #ebebeb; height: 100px; padding-top: 10px; border-bottom: 1px solid #d3d3d3; margin-bottom: 30px; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.25); } .new-navigation ul{ padding-left: 0px;} .new-navigation ul li{display: inline-block; margin-left: 15px;} .new-navigation ul li:first-child{ margin-left: 0px;} .new-navigation ul li a{color: #000; font-size: 14px; text-transform: capitalize;} .product-button { text-align: center; position: relative; top: 13px; } .product-button a{ text-align: left; background: #fa9a6a; padding:7px 25px; color: #fff; width: 188px; display: block; margin-left: auto; margin-right: auto; border-radius: 4px;} #showmenu:after { content: ""; position: absolute; background:none; top: 14px; right: 20px; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #ffffff transparent transparent transparent; } #showmenu.collapsed-icon:after { background:none; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #ffffff transparent; } .product-detail-page-menu { left: 0px; top: 47px; } .new-navigation { margin-top: 17px; } .cart-head { margin-top: 16px; } .header-contact{ font-size: 17px; } .logout-link { display: inline-block; margin-left: 15px; color: #000;} .logout-link a{ color: #000;} .shapes-icons{ border: none;} .shapes-icons li.active a{ font-weight: bold;} .mrgnb-15{ margin-bottom: 15px;} .position-rele{ position: relative;top: 15px;} .breadcrums.position-rele a{ color: #176ac0; } .customer-name,.total-items,.logout-link { font-size: 12px; } .button-area .product-detail-page-menu{ left: 81px;} .product-button a:hover{text-decoration: none;} .custom-select-search { background: none; width: 100%; border: none; text-align: left; } .selectpicker .text{ background: none; width: 100%; border: none; text-align: left; } .selectpicker .caret{ text-align: right; float: right; position: relative; top: 7px; color: rgba(38, 6, 6, 0.62); font-size: 19px; border-top: 5px dashed; border-top: 5px solid\9; border-right: 5px solid transparent; border-left: 5px solid transparent; } .select-field-custom{ margin-right: 20px; } .selectpicker .dropdown-menu { width: 601px; margin-left: -337px; padding: 10px; } .selectpicker .list-unstyled li { float: left; width: 284px; font-size: 14px; cursor: pointer; padding-top: 3px; padding-bottom: 3px; margin-bottom: 0px; color: #000; } li.filter-item.items:hover{ background: #0098fb; color: #fff;} .selectpicker .list-unstyled{ margin-top: 15px;} .optgroup-header{ text-transform: uppercase; font-size: 14px; color: #000; font-weight: bold; cursor: text;} .select-field-custom { margin-right: -18px; } .custom-select-search { background: none; width: 100%; border: none; text-align: left; } .custom-select-search{ width: 253px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: clip; border: 1px solid #fff; } .custom-select-search:hover{ border: 1px solid #ccc; } .no-padd-left{ padding-left: 0px;} .no-padd-right{ padding-right: 0px;} .item-label{ font-size: 11px;} .item-detl-right{ font-size: 11px;} .specification-box{ margin-bottom: 25px;} .row-container-repeat{ margin-bottom: 20px;} .from-quote{ padding: 20px 10px; background: #ebebeb; border-radius: 5px;} .from-quote .form-group { margin-bottom: 10px; } .from-quote .form-group label{ text-transform: capitalize;} .sizes-chart{ margin-bottom: 10px;} .inches-descrition span.blue{ color: #037fd6;} .attacted-file label{ display: block;} .submit-button{min-width: 150px; margin-left: auto; margin-right: auto; margin-top: 10px;margin-top: 24px; text-align: center;} .submit-button input{ color: #fff; background: #fe5a13; min-width: 150px; border-radius: 20px; text-align: center; text-transform: capitalize; border: 0px; padding-top: 6px; padding-bottom: 6px; } .item-fields > div{ float:left; margin-right: 10px;} .item-fields > div:last-child{ margin-right: 0px;} .item-fields .item-one{ width: 56px;} .item-fields .item-one input{ width: 52%; display: inline-block; } .item-fields .item-one label{ float: left; width: 24px;} .item-fields{ margin-bottom: 13px;} .text-area-wights{ margin-bottom: 10px;} .text-area-wights textarea{ width: 100%;} .from-quote .address-form .form-inline .form-group .form-control,.from-quote .form-group select,.from-quote .form-inline .form-group input[type="text"],.from-quote .form-group .form-control,.from-quote .form-group input[type="text"],.from-quote .form-group input.inputCard{ width: 100%; } .thumbnail-slider .flexslider .slides > li{ margin-left: 24px; margin-right: 24px } .thumbnail-slider .flex-viewport ul li:hover,.thumbnail-slider .flexslider .slides > li{ border: none; } .thumbnail-slider .flex-direction-nav .flex-nav-next{ top: 95px } .thumbnail-slider .flexslider .flex-direction-nav .flex-prev{ top: 70px } .thumbnail-slider{ margin-top: 50px;} .product-type{} .product-type > ul{ padding-left: 0px; display: inline-block; padding-right: 20px; } .product-type{ margin-top: 20px;} .product-type > ul > li{ list-style: none; float: left; padding-left: 20px; position: relative; padding-bottom: 10px; border-bottom: 5px solid #e1e1e1; padding-right: 16px;} .product-type > ul > li a{ font-size: 16px; text-transform: capitalize;color: #000; font-weight: 700; font-family: 'Lato', sans-serif;} .product-type > ul > li:first-child{ padding-left: 0px; } .sub-navigation{ padding-left: 0px; display: none; position: absolute;top: 26px; max-width: 200px;left: 0px; background: #ebebeb; padding: 15px 10px; z-index: 9999; width: 207px; margin-top: 10px; } .sub-navigation li{ list-style: none; display: block; padding-top: 0px; padding-bottom: 9px; } .sub-navigation li a{ font-size: 14px; color: #000; text-transform: capitalize; } .product-type > ul > li:hover .sub-navigation{ display: block;} .product-type ul li ul.sub-navigation li:hover .sub-navigation-levelthird{display: block;} .product-type ul li ul.sub-navigation li{position: relative;} .sub-navigation-levelthird{ display: none; position: absolute; right: 0px; left: 90%; width: 122%; padding-left: 40px; background: #EBEBEB; padding-top: 10px; padding-bottom: 10px; padding-right: 0px; top: 0px;} .arrow-down { width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #000; position: absolute; right: 4px; top: 13px; } .right-items{ float: right; font-size: 22px; font-weight: bold; text-transform: capitalize; color: #fe5a13} .with-search .search-option{ margin-right: 15px;} .padd-top0 { padding-top: 0px !important;} .box-types{ padding-left: 15px;padding-right: 15px; padding-top: 15px; padding-bottom: 30px; background: #fff; padding-top: 30px; } .row-boxes { border-bottom: 3px solid #ebebeb; padding-bottom: 10px; margin-bottom: 10px;} .box-description p{ font-size: 14px; font-weight: bold;} .item-image{ margin-bottom: 15px;} .reletiveoption{ position: relative; } .buttons-prduct{ position: absolute;left: 64px;right: 0; margin-left: auto;margin-right: auto; width: 150px; top: -40px; } .buttons-prduct a{ display:block; color: rgb(255, 255, 255); font-weight: 700; text-align: center; font-size: 18px; padding-top: 5px; padding-bottom: 5px; background: rgb(255, 0, 0); border-radius: 155px; text-align: center; position: relative; } .buttons-prduct a:hover{ text-decoration: none; } .buttons-prduct a:after { content: ""; position: absolute; height: 8px; width: 13px; top: 14px; right: 20px; background: url("/images/icon-close.gif") center bottom repeat-x; -ms-transform: rotate(178deg); /* IE 9 */ -webkit-transform: rotate(178deg); /* Chrome, Safari, Opera */ transform: rotate(178deg); } .wide-contents{ margin-left: -15px; margin-right: -14px; margin-top: 7px; } .off-cards span{ display: inline-block; padding-top: 6px; } .discount-offer{ padding-top: 1px; padding-bottom: 1px; } .box-container-category{ border: 1px solid #ccc; } .container-image{ /* width: 329px; height: 150px; */ overflow: hidden; } .container-image img{ max-width: 100%; width:100%; } .description-category{ text-align: center; margin-top: 30px; margin-bottom: 15px; } .description-category a{ font-size: 16px; text-transform: capitalize; min-height: 60px; overflow: hidden; display: block; text-decoration:none; } .box-container-category{ margin-bottom: 30px; } .category-page-full .labelds{ font-size: 22px; margin-bottom: 15px; } .popup-new { top: 50px; z-index: 999; left: 0; right: 0; margin-left: auto; margin-right: auto; } .centering-nav ul li a:hover{ background: #fe5a13; border: 1px solid #fe5a13; text-decoration: none; color: #fff; } .buttons-prduct a:hover{ background: #fe5a13; } .homepage-contents div a:focus,.smaltext #why-printing:focus{ color: #fe5a13; } .main-navigation ul li{ position: relative; } .main-subnav{ left: -211px; opacity: 0; position: absolute; top: -215px; visibility: hidden; width: 400px; } .main-subnav > li{ background: #fdf8be; bottom: 30px; border-radius: 4px; /* height: 295px; */ width: 100%; } .homecontainer-open ul { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; padding-left: 0px; } .homecontainer-open ul li{ text-decoration: none; margin-bottom: 10px; list-style: none; } .homecontainer-open ul li a{ text-decoration: none; display: inline-block; font-size: 12px; } .bold-large{ font-weight: bold; margin-top: 20px; } .homecontainer-open { display: none; margin: 0 auto; background: #fafafa; padding-left: 30px; padding-right: 30px; border: 2px solid #e1e1e1; border-radius: 10px; position: relative; right: 0px; top: 0px; padding-bottom: 21px; z-index: 9999; } .expend-background { background: url(/images/background-bg2.png) no-repeat center center; min-height: 0px; } body.expend-bodybackground{ background-position: 0px 617px; } .main-navigation ul li:hover .main-subnav{ opacity: 1; visibility: visible; } .inner-menu-data{ padding-left: 15px;padding-right: 15px; list-style: inside; padding-top: 0px; padding-bottom: 10px;} .main-subnav li ul li{ padding-left: 0px; list-style: inside; display: block; margin-bottom: 4px; font-size: 13px; position: relative; } .inner-menu-data h2{ font-size: 18px; } .inner-menu-data h4{ font-size: 16px; } .vie-file{ font-size: 12px; margin-top: 15px; } .main-subnav li ul li span{ display: inline-block; padding-left: 14px; } .inner-menu-data > ul{ padding-bottom: 10px; } .small-dropdown .main-subnav{ width: 300px; float: left; } .small-dropdown .main-subnav ul{ float: none; } .small-dropdown .main-subnav > li{ height: 217px; bottom: 60px; } .clr-change-font{ font-size: 16px; font-weight: 900; } .large-btn-submit { margin-top:35px; } .large-btn-submit .rounded-buttons input[type="submit"]{ padding: 4px 60px;} header#new-header{ width: 100%; position: fixed; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 999; top: 0px; } .inner-pages{ padding-top: 130px; } .navigate-large .mobile-top-navigation { position: relative; z-index: 99999; /* margin-bottom: 15px;*/ } .navigate-large .mobile-slide { position: relative; background-color: #fff; } .navigate-large .mobile-slide button.slick-prev.slick-arrow { background: url(/images/arrow-left.png) no-repeat center center; width: 28px; height: 28px; background-size: cover; left: -16px; background-color: #fff; width: 26px; height: 40px; background-size: 40%; right: 0px; background-color: #fff; top: 0px; padding-top: 0px; height: 60px; } .navigate-large .mobile-slide .slick-arrow { position: absolute; background-color: transparent; border: 0px; text-indent: -99999999px; background-size: contain; top: 16px; z-index: 99999; background-color: white; } .navigate-large .slider-single { position: relative; } .navigate-large .slider-single a { display: block; font-size: 12px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; /* border-left: 1px solid #ccc;*/ padding-left: 20px; /* overflow: hidden; */ color: #017bae; padding-right: 5px; position: relative; text-align: center; } .navigate-large .slider-single a:before{ content: ''; height: 20px; position: absolute; left: 0px; width: 1px; background: #ccc;height: 71%; } .navigate-large .slider-single:first-child a:before{ background: none; } .items-container { display: none; background: #fff; padding: 10px 5px; padding-top: 9px; padding-bottom: 5px; border-top: 1px solid #ccc; } .items-container h3 { border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-top: 0; } .items-container ul { padding-left: 0px; } .items-container ul li { list-style: none; padding-left: 10px; padding-right: 10px; } .items-container ul li a { color: #5a5a5a; font-size: 14px; } .mobile-slide button.slick-next.slick-arrow { background: url(/images/arrow-right.png) no-repeat center center; width: 26px; height: 40px; background-size: 40%; right: -16px; background-color: #fff; top: 0; padding-top: 0px; } .open-on-click { position: absolute; top: 0; left: 0px; display: none; } body.home{ background-position: 0px 68px; } .backbg { background-position: center 68px; } header#header { border-bottom: 1px solid #ccc; } #header .slider-single a.select-menu-tab{ background: rgba(236, 236, 236, 0.55); color: #000; text-decoration: none; /* font-weight: bold; */} #header .slider-single a:focus{outline: none;} .top-spce0{ padding-top: 0px; } @media only screen and (min-width : 768px) and (max-width : 1051px) { .container { width: auto; max-width: none !important; } .header-contact { font-size: 14px; } .product-button a{ width: 170px; } } .container-image { /* width: 329px; height: 246px; */ margin: 0 auto; margin-top: 3px; min-height:253.14px; } .mobile-show{ display: none;} @media only screen and (min-width : 320px) and (max-width : 767px) { .seach-boxnew { margin-top: -1px; } .container-image{ width: auto; } .container {width: auto; overflow: hidden;} .top-head{ display: none; } .search-box{ display: none;} .buttons-prduct{ display: none; } #header{ border-bottom: 1px solid #ccc; } .backbg{ background-size: contain; } .desktop-show{ display: none; } .mobile-show{ display: block;} .navbar-toggle .icon-bar{ border: 1px solid #7d7d7d; width: 28px;} .navigation{ position: relative; width: 100%; top: 0px; z-index: 9999; opacity: 0; visibility: hidden; height: 0;} .nav-menu-navigation{ background: #fff; width: 100%; height: auto; opacity: 1; visibility: visible;} .navigation .pull-right{ float: none !important; } .header-panel {position: relative;padding-bottom: 10px;} .navbar-toggle{ margin-top: 19px;margin-right: 0px;margin-bottom: 0px;} #header .icon-pack{ float: right; margin-top: 24px; } #header .icon-pack a{ float: left; margin-left: 3px; margin-right: 3px;} .centering-nav ul{text-align: center;} .centering-nav ul li{ width: auto; margin-left: 4px; margin-right: 4px;} .centering-nav ul li a{ padding: 4px 14px; font-size: 15px;} .homepage-contents > h2{ display: none; } .container-image { width: auto; height: auto;} .boxes-category .col-xs-6:nth-child(2):after,.boxes-category .col-xs-6:nth-child(4):after,.boxes-category .col-xs-6:nth-child(6):after,.boxes-category .col-xs-6:nth-child(8):after{ content: ""; width: 100%; display: inline-block; } .home-badge{ display: none; } .centering-nav{ margin-top: 10px; margin-bottom: 30px; } .homepage-contents div .slider-single{ position: relative; } .homepage-contents div .slider-single a{ display: block; font-size: 13px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #ccc; padding-left: 11px; overflow: hidden; color: #548E99; padding-right: 5px;} .mobile-top-navigation{ position: relative;z-index: 99999; margin-bottom: 15px; border-bottom: 1px solid #ccc;} .mobile-slide{ position: relative; background-color: #fff; } .mobile-slide .slick-arrow{ position: absolute;background-color: transparent; border: 0px; text-indent: -99999999px; background-size: contain;top: 16px; z-index: 99999; background-color: white;} .mobile-slide button.slick-next.slick-arrow{ background: url(/images/arrow-right.png) no-repeat center center; width: 26px; height: 40px; background-size: 40%; right: -16px; background-color: #fff; top: 0; padding-top: 0px; } .mobile-slide .slick-arrow:focus{ outline: none; } .mobile-slide button.slick-prev.slick-arrow{ background: url(/images/arrow-left.png) no-repeat center center; width: 28px; height: 28px; background-size: cover; left: -16px; background-color: #fff; width: 26px; height: 40px; background-size: 40%; right: 0px; background-color: #fff; top: 0; padding-top: 0px; } .homepage-contents{padding-left: 0px;} .homepage-contents div .slick-current a{ color: #000; } .open-on-click{ position: absolute; top: 0; left: 0px; display: none;} .items-container{ display: none; background: #fff; padding: 10px 5px; padding-top: 9px; padding-bottom: 5px; border-top: 1px solid #ccc; position: relative; } .items-container ul{ /*padding-left: 0; columns: 2; -webkit-columns: 2; -moz-columns: 2;*/} .items-container ul li{ list-style: none; padding-left: 10px; padding-right: 10px;} .items-container ul li a{ font-size: 13px;} .items-container h3{ border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-top: 0; } .main-navigation ul{ float: none; text-align: center; } .bottom-contents.wide-contents{ display: none; } .backbg{ background-position: center 158px; } .main-navigation{margin-top: 60px;} .main-navigation ul li a{ font-size: 12px;} body.home{ background: none; } .homepage-contents div a{ font-size: 16px; } #footer .footer-navigationtop ul li{ display: block;display: block; padding-left: 0; padding-right: 0; } #footer .footer-navigationtop ul li a{display: block; padding-top: 7px; padding-bottom: 7px; background-color: #ccc; margin-bottom: 5px;} .navbar.pull-left{ float: none !important; } .navbar{ margin-bottom: 0px; } .popup-new{ top: 62px; } } @media only screen and (min-width : 320px) and (max-width : 590px) { .centering-nav ul li a{ font-size: 11px; } .boxes-category .col-xs-6{ width: 100%; float: none; } .container-image{text-align: center;} .description-category a{ display: inline; } .main-navigation { margin-top: 30px; margin-bottom: 25px; } .homepage-contents div .slider-single a{ font-size: 12px; } } @media only screen and (min-width : 320px) and (max-width : 530px) { .popup-new{ top: 92px; width: 376px;} .main-subnav{ z-index: 99999;} .centering-nav ul li{ display: block; margin-top: 10px; margin-bottom: 9px } .main-navigation ul li{ display: block; margin-top: 10px; margin-bottom: 9px } .main-subnav{ left: auto; } .backbg { background-position: center 225px; } .small-dropdown .main-subnav > li{ height: auto; left:0 !important; } .logo img.mobile-show{ width: 150px; } #header .icon-pack{ margin-top: 10px; } .navbar-toggle { margin-top: 3px; } .homepage-contents div .slider-single a{ font-size: 11px; } } @media only screen and (min-width : 320px) and (max-width : 400px) { .popup-new{ top: 92px; width: 320px;} .small-dropdown .main-subnav{ width: 250px; top:50px;} .main-subnav{ width: 300px; } .main-subnav > li{ height: auto; } .items-container ul li a { font-size: 11px; } .homepage-contents div .slider-single a{ text-align: center; } #header .icon-pack a{ width: 26px !important; } #header .icon-pack a img{max-width: 100%;} } @media only screen and (min-width : 320px) and (max-width : 360px) { .popup-new{ width: 270px; } .main-subnav { width: 270px; } } @media only screen and (min-width : 520px) and (max-width : 768px) { .main-subnav.br_right { margin-left: 205px !important; margin-top: 67px !important; width: 200px !important; z-index: 99999 !important; } /* .right.carousel-control img { width: 30% !important; } */ } @media only screen and (min-width : 768px) and (max-width : 1250px) { .main-subnav.br_right { margin-left: 205px !important; margin-top: 67px !important; width: 200px !important; z-index: 99999 !important; } .main-subnav.right_nav{ margin-left: 205px !important; margin-top: 67px !important; width: 400px !important; z-index: 99999 !important; } } @media only screen and (min-width : 1300px) and (max-width : 4000px) { .navigate-large .slider-single a{ font-size: 15px; text-decoration:none; } .items-container ul li a { color: #5a5a5a; font-size: 13px;} .items-container ul li{ padding-left: 0px; padding-right: 15px; } .items-container h3{ padding: 12px 0; text-align: center;} } .display-product { top: 0px; }.navigate-large { padding-left: 22px; padding-right: 19px; } .box-container h4{ /*margin-top: 30px;*/ margin-top: 0px !important;font-size: 18px; color: #404040; } .close-icon-popup{ position: absolute; right: 20px; z-index:999; } .close-icon-popup a{ font-size: 24px; font-weight: bold; } .navigate-large{ padding-right: 0px; } .seach-boxnew{ margin-top: 10px; } .hide-desktop{ display: none; } .seach-boxnew input[type="text"]{ width: 100%; } .items-container{ /*background: rgba(236, 236, 236, 0.90);*/ background:transparent; } #nav_bar{ background: rgba(236, 236, 236, 0.90); } .navigate-large .slider-single a:hover::after, .navigate-large .slider-single a:focus::after, .navigate-large .slider-single a:active::after{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 75px; position: absolute; top: 60px; transform: rotate(-178deg); width: 0; z-index:99999999999999 !important; } .slick-list{ overflow:visible !important } .navigate-large .mobile-slide button.slick-prev.slick-arrow{ left: -23px; visibility: hidden; } .mobile-slide button.slick-next.slick-arrow{ right: -25px; visibility: hidden;} .mobile-top-navigation{ margin-top: 0px; } .navigate-large .slider-single:first-child a{ border-left: 0px; } .navigate-large .mobile-slide .slick-arrow{ top: 0px; height: 60px; } .mobile-slide button.slick-next.slick-arrow{ height: 60px;} .mobile-top-navigation.row .col-sm-9 {padding-left: 0px;} @media only screen and (min-width : 320px) and (max-width : 767px) { .seach-boxnew { margin-top: -1px; } header#header{ border: 0px; } .hide-mobile-must{ display: none !important; } } @media only screen and (min-width : 320px) and (max-width : 767px) { .navigate-large .mobile-slide button.slick-prev.slick-arrow{ left: -5px; visibility: visible; top: -6px; background-color: transparent; } .mobile-slide button.slick-next.slick-arrow { right: 4px; visibility: visible; background-color: transparent; top: -6px; } .close-icon-popup{ z-index: 9999; } .show-mobile-only{ display: block !important; margin-top: 20px;} .show-mobile-only input[type="text"]{ width: 100%; } } @media only screen and (min-width : 320px) and (max-width : 400px) { .navigate-large .slider-single a{text-align: center;} } @media only screen and (min-width : 320px) and (max-width : 767px) { .seach-boxnew { margin-top: -1px; } .navigate-large .slider-single a{ text-decoration:none; } header#header{ border: 0px; } .header-panel { padding-top: 10px; margin-top:0px!important; } .main-navigation {margin-top: 0!important} /* ---my-css--- */ .search-box.show-mobile-only{ display:none !important; } /* ---my-css--- */ } .header-panel { padding-top: 10px; margin-top: -35px; } .home-badge { position: absolute; bottom: 71px; left: 166px; } /* ====== ============================ Create-My-Own-CSS ====================================*/ /* Bootstrap-Modal-css */ .navbar { border: 1px solid transparent; margin-bottom: 0px !important; min-height: 0px !important; } a:focus{ outline:none !important; outline-offset:0; text-decoration:none !important; } .content_bottom .dropdown-menu { padding: 5px 15px; } .content_bottom .dropdown-menu p a{ padding:0; } .content_bottom ul{ list-style:none; margin: 0 0; padding:0; float:left; } .content_bottom ul li{ /* float:left; */ padding:0; } .content_bottom a{ color: #524f4f; font-size: 16px; padding: 48px 25px 8px 0; display:block; } .content_bottom a:hover{ text-decoration:none; color:#000; } #thoughts{ padding:35px 0 35px; } #proof{ padding:0px 0 40px; } .slider_text > a{ font-size:16px; } .thoughts-nav ul{ list-style:none; margin:0; padding:0; float:right; } .thoughts-nav ul li{ text-align: center; width: 280px; margin:3px 0; } .right.carousel-control img{width:15%;} .left.carousel-control img{width:15%;} .right.carousel-control > span { bottom: 10px; left: -105px; position: absolute; } .left.carousel-control > span { bottom: 10px; left: -155px; position: absolute; } .thoughts-nav a{ border-bottom: 1px solid #007fba !important; border-radius: 0px; color: #007fba; display: block; font-size: 19px; font-weight: 500; letter-spacing: 1px; line-height: 30px; min-width: 260px; padding:9px 10px 9px 0; text-decoration:none; text-transform: capitalize; } .thoughts-nav a:hover{ border: 1px solid #007fba !important; border-radius: 19px; color: #007fba; padding: 9px 10px 9px 0; } .thoughts-nav a i{ float: left; padding-top: 6px; } .thoughts-nav a:hover i{display:none;} /* .slider_row{ float:right; padding:45px 20px; } */ .slider_text_2 { padding-top: 20px; position: absolute; right: 45%; } .caption_head.second { text-align: right; } .head{ color:#d840d0; float:right; } .slider_row > a{ font-size:16px; float:right; padding-right:30px; } .slider_row > a:hover{text-decoration:none;} .head h3{ color: #d840d0; transform: rotate(337deg); } .head strong{ font-size:32px; font-family:Helvetica; } .head_img > img{ /* padding-right:22px; */ margin-top:10px; } .head h3 { font-size:18px; } .carousel-control.right { background-image:none !important; background-repeat: none !important; left: auto; right: 0; } .carousel-control.left{ background-image:none !important; background-repeat: none !important; left: auto; right: 0; } #proof ul{ background-image:url("/images/lgrey.jpg"); background-repeat: repeat-y; border:1px solid #ddd; list-style:none; margin:0; padding:10px 0; } #proof ul li{ margin: 0 auto; padding-right: 0; width: 205px; display:inline-block; } #proof ul li a img{ display:block; margin:0 auto; } #proof ul li a span{ display: block; font-size: 18px; font-weight: 500; line-height: 42px; text-align: center; } #proof ul li a:hover{text-decoration:none;} .navbar-collapse.collapse.in{ overflow:hidden; } .slider_text{ padding-top: 75px; position: absolute; right: 20%; } /* .slider_text_2{ padding-top: 20px; position: absolute; right: 20px; } */ .caption_head.second { text-align: right; } .slider_text_2 .sliderContent{ color:#d47800; } .slider-single.slick-slide.slick-active > a:hover{ color:#000; } .sliderContent { color: #d840d0; transform: rotate(337deg); font-size: 16px; } .sliderContent > span { font-weight: 900; font-size: 35px; } /* .caption_head .sliderContent{ font-family: Oswald; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 20px; } */ .slider_text_2 .sliderContent { color: #d47800; } style.css:2737 .sliderContent { color: #d840d0; transform: rotate(337deg); font-size: 16px; } .current > a{ text-decoration:none; } .navbar.pull-left{ margin:20px 0 0 !important; } .logo a p{ font-size:12px; font-family:lato; color:#4B4B4B ; text-decoration:none; line-height:5px; } .logo a{ text-decoration:none; } .box-container h4 { color: #017bae; font-size: 16px; font-weight:500; } .navigate-large .slider-single a{ text-decoration:none; font-size: 16px; font-weight: 700; } .items-container ul li a { text-decoration:none; } .items-container ul li a:hover { color:#1496bb; } .smaltext.ja-positio > a{ font-size:25px; text-decoration:none; } .off-cards{ display:none; } .navbar-collapse.collapse{ padding-right:0; float:right; } .ja-position > a{ text-decoration:none; } .ja-position > a:hover{ color:#1496bb; } .search-box { line-height: 40px; margin-right: 18px; position: relative; width: 195px; } .search-box input[type="submit"]{ top:11px; } .searchbox{ position:relative; min-width:50px; width:0%; height:50px; float:right; overflow:hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .searchbox-input{ top:0; right:0; border:0; outline:0; background:transparent; width:100%; height:50px; margin:0; padding:0px 55px 0px 20px; font-size:20px; color:red; } .searchbox-input::-webkit-input-placeholder { color: #d74b4b; } .searchbox-input:-moz-placeholder { color: #d74b4b; } .searchbox-input::-moz-placeholder { color: #d74b4b; } .searchbox-input:-ms-input-placeholder { color: #d74b4b; } .searchbox-submit{ background:#fff !important; } .searchbox-icon{ width:50px; height:50px; display:block; position:absolute; top:0; font-family:verdana; font-size:26px; right:0; padding:0; margin:0; border:0; outline:0; line-height:74px; text-align:center; cursor:pointer; color:#1496bb; } .searchbox.searchbox-open .searchbox-input{ border:1px solid #ddd !important; } .searchbox.searchbox-open .searchbox-icon{ line-height:40px !important; } .searchbox-open{ width:100%; } .byline{ position:absolute; top:150px; left:30%; text-align:center; font-size:18px; } .byline a{ text-decoration:none; color: #d74b4b; } @media only screen and (min-width : 980px) and (max-width : 1200px) { /* .navbar.pull-left{ margin:5px 0 !important; } */ .navbar-collapse.collapse{padding-left:50px !important;} } @media only screen and (min-width : 767px) and (max-width : 2200px) { .logo { margin-bottom: 10px; margin-top: -20px; } .close-icon-popup { display: none; } .popup-new { border-bottom: 2px solid #1496bb; width: 100%; background:#f5f5f5; } .carousel-control{color:#000; width:95% !important;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ left: -23% !important; top: 92% !important; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ right:115%; top: 92% !important; } .small-dropdown .main-subnav{ height: 191px; left: -102px; top: -107px; } .fairy_bg{ background:#f7f8f7; margin-top: 5px; border-top:1px solid #BBB9B9; border-bottom:1px solid #BBB9B9; } } @media only screen and (min-width : 900px) and (max-width : 1050px) { .centering-nav ul li { margin-left: 20px; width: 268px; } .home-badge { bottom: 39px !important; left: 90px !important; } } @media only screen and (min-width : 800px) and (max-width :850px) { .home-badge{ bottom:6px !important; left:0; } } @media only screen and (min-width : 1024px) and (max-width :1200px) { .main-navigation ul li{ margin-top:12px !important; } } @media only screen and (max-width :1050px) { .content_bottom a { font-size: 16px; line-height: 8px; padding: 10px 25px 10px 0 !important; } } @media only screen and (min-width : 768px) and (max-width :1024px) { .main-navigation ul li{ margin-top:10px !important; } .centering-nav{ margin-top:90px !important; } } @media only screen and (min-width : 768px) and (max-width :900px) { .home-badge{ bottom:6px !important; left:0; } .centering-nav ul li { margin-left: 15px !important; width: 228px !important; } .centering-nav ul li a{ min-width: 230px !important; padding: 4px 5px !important; } .home-badge{ bottom:19px; } } @media only screen and (min-width : 580px) and (max-width : 767px) { /*.sliderContent{margin:-150px !important;}*/ .slider_row{ padding-top:50px; } .main-navigation { margin-bottom: 20px; margin-top: 10px; } } @media only screen and (min-width : 460px) and (max-width : 580px) { /*.sliderContent{margin:-80px !important;}*/ .slider_row{ padding-top:50px; } } @media only screen and (min-width : 320px) and (max-width : 767px) { .nav.navbar-nav{ background:#f5f5f5; border-top:3px solid #017bae; text-align:center; padding:10px 0; } .centering-nav ul li{ margin:10px 0; } .mrg_21{ display:none; } .main-subnav.right_nav{z-index:99999 !important;} .content_bottom ul{ margin:30px 0 0; } .main-navigation.clearfix{ margin-bottom:0; } .navbar.pull-left{ margin:0; } .navbar-collapse.collapse.in{ width:100%; } .slide{width:100%; margin-bottom:5px;} .footr_btm{display:none;} .footer-navigationtop a:hover{ color: #ff0000;text-decoration: none; background:#B8B8B8 !important;} .popup-new { border-bottom: 2px solid #1496bb; width: 100%; background:#f5f5f5; } .navbar-nav > li > a{ line-height:27px !important; } .thoughts-nav ul { margin: 0 auto !important; padding: 0; width: 300px !important; float:none !important; } .slider_row { float: none !important; margin: 0 auto; padding: 0; width: 235px !important; } .left.carousel-control > span { bottom: 10px; left: -40px; position: absolute; } .right.carousel-control > span { left: 10px; } .navigate-large .slider-single a:hover::after, .navigate-large .slider-single a:focus::after, .navigate-large .slider-single a:active::after{display:none;} #proof ul{background-image:none; border:none;} } @media only screen and (min-width : 480px) and (max-width : 767px) { .content_bottom a { font-size: 16px; line-height: 8px; padding: 10px 25px 10px 0; } } @media only screen and (min-width : 320px) and (max-width : 480px) { #proof ul li{ width:100% !important; } .content_bottom a { font-size: 12px; line-height: 8px; padding: 10px 25px 10px 0; } } @media only screen and (min-width : 320px) and (max-width : 410px) { .logo img.mobile-show{ width:145px; } .searchbox-icon { font-size: 27px !important; line-height: 50px !important; } #header .icon-pack a{ width:21px !important; } .slider_text { padding-top: 0 !important; right: 35% !important; } .slider_text_2 { padding-top: 35px !important; right: 105px !important; } } @media only screen and (min-width : 570px) and (max-width : 767px) { .slider_text { padding-top: 65px !important; right: 50% !important; } /* .slider_text_2 { padding-top: 17px; right: 18%; } */ } @media only screen and (min-width : 410px) and (max-width : 768px) { .slider_text { padding-top: 15px; right: 50%; } /* .slider_text_2 { padding-top: 17px; right: 18%; } */ } @media only screen and (min-width : 400px) and (max-width : 520px) { .searchbox-icon { font-size: 27px !important; line-height: 50px !important; } .navbar-toggle { padding: 9px 20px !important; } } @media only screen and (min-width : 521px) and (max-width : 525px) { .searchbox-icon { font-size: 27px !important; line-height: 70px !important; } .navbar-toggle { padding: 9px 20px !important; } } @media only screen and (min-width : 520px) and (max-width : 531px) { .searchbox-icon { font-size: 27px !important; line-height: 55px !important; } } @media only screen and (min-width : 526px) and (max-width : 768px) { .navbar-toggle { padding: 9px 20px !important; } .searchbox-icon { font-size: 27px !important; line-height: 73px !important; } .small-dropdown .main-subnav > li{ height: 217px; bottom: -20px !important; } /* .main-subnav { height: 295px; left: -65px !important; opacity: 0; position: absolute; top: -160px !important; visibility: hidden; width: 200px !important; } */ } @media only screen and (min-width : 320px) and (max-width : 480px) { #footer-top .container .col-lg-12{ padding:0 !important; } .payment-method .col-lg-6{ padding:0 !important; } .searchbox-icon { font-size: 18px !important; height: 12px; line-height: 50px; width: 18px; } .navbar-toggle { padding: 9px 3px !important; } .social-icons li{margin-left:5px;} .logo a p{font-size:8px;} #proof{ padding:0 0 10px !important; } .slider_row > a{ padding-right:70px !important; } } @media only screen and (min-width : 768px) and (max-width : 1024px) { .slick-list{ overflow:hidden !important } } @media only screen and (min-width : 768px) and (max-width : 820px) { #item_1.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 70px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_2.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 215px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_3.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 360px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_4.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 505px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } } @media only screen and (min-width : 820px) and (max-width : 920px) { #item_1.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 70px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_2.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 260px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_3.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 425px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_4.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 595px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } } @media only screen and (min-width : 920px) and (max-width : 1000px) { #item_1.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 70px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_2.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 278px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_3.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 447px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_4.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 641px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } } @media only screen and (min-width : 1000px) and (max-width : 1024px) { #item_1.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 70px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_2.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 278px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_3.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 447px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } #item_4.items-container:before{ border-bottom: 10px solid #b1b1b1; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; display: block; height: 0; left: 641px; position: absolute; top: 140px; transform: rotate(-178deg); width: 0; } } @media only screen and (min-width : 767px) and (max-width : 849px) { #proof ul li{width:144px !important;} } @media only screen and (min-width : 850px) and (max-width : 949px) { #proof ul li{width:160px !important;} } @media only screen and (min-width : 950px) and (max-width : 1060px) { #proof ul li{width:175px !important;} } @media only screen and (min-width : 1050px) and (max-width : 1100px) { .centering-nav{ margin-top:117px !important; } } @media only screen and (min-width : 1100px) and (max-width : 1200px) { .centering-nav{ margin-top:90px !important; } } .modal { z-index: 99999; } @media only screen and (min-width : 320px) and (max-width : 767px) { .product-price{ margin-top: 20px; margin-bottom: 20px; } .mobile-pull-remove{ float: none !important; width: 70%; margin-left: auto; margin-right: auto } .mobile-pull-remove .upload-file span{ width: 84%;padding:0px; } .mobile-pull-remove .upload-file{ text-align: center; } .cover-section{ display: none; } .select-options{ width: 100%; } .product-options ul { padding-left: 0; width: 94%; margin-left: auto; margin-right: auto; } ul.options li .col-sm-6.col-lg-6{ float: right; width: 62%; } ul.options li .col-lg-6.text-right{ text-align: left; width: 38%; float: left; } .mobile-hide{ display: none; } .product-options{ background: none; } .seach-boxnew { margin-top: -1px; } .container-image{ width: auto; } .container {width: auto; overflow: hidden;} .top-head{ display: none; } .search-box{ display: none;} .buttons-prduct{ display: none; } #header{ border-bottom: 1px solid #ccc; } .backbg{ background-size: contain; } .desktop-show{ display: none; } .mobile-show{ display: block;} .navbar-toggle .icon-bar{ border: 1px solid #7d7d7d; width: 28px;} .navigation{ position: relative; width: 100%; top: 0px; z-index: 9999; opacity: 0; visibility: hidden; height: 0;} .nav-menu-navigation{ background: #fff; width: 100%; height: auto; opacity: 1; visibility: visible;} .navigation .pull-right{ float: none !important; } .header-panel {position: relative;padding-bottom: 10px;} .navbar-toggle{ margin-top: 19px;margin-right: 0px;margin-bottom: 0px;} #header .icon-pack{ float: right; margin-top: 24px; } #header .icon-pack a{ float: left; margin-left: 3px; margin-right: 3px;} .centering-nav ul{text-align: center;} .centering-nav ul li{ width: auto; margin-left: 4px; margin-right: 4px;} .centering-nav ul li a{ padding: 4px 14px; font-size: 15px;} .homepage-contents > h2{ display: none; } .container-image { width: auto; height: auto;} .boxes-category .col-xs-6:nth-child(2):after,.boxes-category .col-xs-6:nth-child(4):after,.boxes-category .col-xs-6:nth-child(6):after,.boxes-category .col-xs-6:nth-child(8):after{ content: ""; width: 100%; display: inline-block; } .home-badge{ display: none; } .centering-nav{ margin-top: 30px; margin-bottom: 30px; } .homepage-contents div .slider-single{ position: relative; } .homepage-contents div .slider-single a{ display: block; font-size: 13px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #ccc; padding-left: 11px; overflow: hidden; color: #548E99; padding-right: 5px;} .mobile-top-navigation{ position: relative;z-index: 99999; margin-bottom: 15px; border-bottom: 1px solid #ccc;} .mobile-slide{ position: relative; background-color: #fff; } .mobile-slide .slick-arrow{ position: absolute;background-color: transparent; border: 0px; text-indent: -99999999px; background-size: contain;top: 16px; z-index: 99999; background-color: white;} .mobile-slide button.slick-next.slick-arrow{ background: url(../images/arrow-right.png) no-repeat center center; width: 26px; height: 40px; background-size: 40%; /*right: -16px;*/ right: 0px; background-color: #fff; top: 0; padding-top: 0px; } .mobile-slide .slick-arrow:focus{ outline: none; } .mobile-slide button.slick-prev.slick-arrow{ background: url(../images/arrow-left.png) no-repeat center center; width: 28px; height: 28px; background-size: cover; left: -16px; background-color: #fff; width: 26px; height: 40px; background-size: 40%; right: 0px; background-color: #fff; top: 0; padding-top: 0px; } .homepage-contents{padding-left: 0px;} .homepage-contents div .slick-current a{ color: #000; } .open-on-click{ position: absolute; top: 0; left: 0px; display: none;} .items-container{ display: none; background: #fff; padding: 10px 5px; padding-top: 9px; padding-bottom: 5px; border-top: 1px solid #ccc; position: relative; } .items-container ul{ /*padding-left: 0; columns: 2; -webkit-columns: 2; -moz-columns: 2;*/} .items-container ul li{ list-style: none; padding-left: 10px; padding-right: 10px;} .items-container ul li a{ font-size: 13px;} .items-container h3{ border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-top: 0; } .main-navigation ul{ float: none; text-align: center; } .bottom-contents.wide-contents{ display: none; } .backbg{ background-position: center 158px; } .main-navigation{margin-top: 60px;} .main-navigation ul li a{ font-size: 12px;} body.home{ background: none; } .homepage-contents div a{ font-size: 16px; } #footer .footer-navigationtop ul li{ display: block;display: block; padding-left: 0; padding-right: 0; } #footer .footer-navigationtop ul li a{display: block; padding-top: 7px; padding-bottom: 7px; background-color: #ccc; margin-bottom: 5px;} .navbar.pull-left{ float: none !important; } .navbar{ margin-bottom: 0px; } .popup-new{ top: 62px; } } @media only screen and (min-width : 320px) and (max-width : 767px) { .centering-nav ul li{ margin:10px 0; } .upload-file span{ font-size:12px; } .bckgroun-clr{ padding-bottom:0; } .brdr-cover img{ width:100%; } .slide{width:100% !important;} #header .navbar-nav > li > a{ line-height:27px !important; } } @media only screen and (max-width: 767px) and (min-width: 500px){ .slider_row { padding-bottom: 200px; } } @media only screen and (min-width : 320px) and (max-width : 767px) { .disappear{ display:none; } } /******************************* Carousel **********************************************/ .media-carousel { margin-bottom: 0; padding: 0 40px 30px 40px; margin-top: 30px; } /* Previous button */ .media-carousel .carousel-control.left { left: -12px; background-image: none !important; background: none repeat scroll 0 0 #222222; border: 4px solid #FFFFFF; border-radius: 23px 23px 23px 23px; height: 40px; width : 40px !important; margin-top: 30px } /* Next button */ .media-carousel .carousel-control.right { right: -12px !important; background-image: none !important; background: none repeat scroll 0 0 #222222; border: 4px solid #FFFFFF; border-radius: 23px 23px 23px 23px; height: 40px; width : 40px !important; margin-top: 30px } /* Changes the position of the indicators */ .media-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } /* Changes the colour of the indicators */ .media-carousel .carousel-indicators li { background: #c0c0c0; } .media-carousel .carousel-indicators .active { background: #333333; } .thumbnail{ width: 130px; height: 108px } .media-carousel img { width: 130px; height: 98px } /* .media-carousel img { width: 250px; height: 100px } */ /* End carousel */ .sliderContent { color: #d840d0; transform: rotate(337deg); font-size:16px; } .caption_head.second { text-align: right; } .sliderContent > span { font-weight: 900; font-size:28px; } .slider_text{ padding-top: 45px; position: absolute; right: 28%; } .slider_text_2{ padding-top: 20px; position: absolute; right: 45%; } .slider_text_2 .sliderContent{ color:#d47800; } .navigate-large .slider-single a{ text-decoration:none; font-size: 16px; font-weight: 700; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; } .navigate-large .slider-single a:hover{ color:#000; } .carousel-control{ color:#FFFFFF !important; } .option-name > i{ margin-left:5px; } .option-name > i img{ width:12px; cursor:pointer; } .modal-title{ text-align:left; } .modal-body{ text-align:left; } /* ====== ============================ Get Free Proof ====================================*/ /********** Free Proof Styles *******************/ .brdr-cover.img{ position:relative; margin:0; } .brdr-cover.img .img_text{ position:absolute; top:28px; left:20px; color:#1496bb; } .brdr-cover.img .img_text h3{ color:#1496bb; font-size:32px; margin:0; line-height:36px; } .brdr-cover.img .img_text h5{ color:#4b4b4b; font-size:15px; margin:5px 0; } .head-fp{ padding-left: 50px; padding-top: 20px; } .proof p{ font-size:22px; color:#0303fd; } .captcha { background: #ebebeb; padding: 15px 0; width: 100%; display: inline-block; margin: 30px 0; } .captcha span { float: left; font-size: 18px; padding: 0; margin-left:10px; /*line-height: 80px;*/ } .captcha-span{ font-size:14px !important; } #divCaptcha input { width:160px; height:50px; /*margin-top:20px;*/ } .right { margin-left: 70px; } @media only screen and (min-width : 767px) and (max-width : 1600px) { .mobile_view{ display:none; } .btn.pull-right > span, .mobile_table{ display:none !important; } .product-detail.mrgn-ot20{ padding-top:35px !important; } .p_text{ padding-top:35px !important; } .product-detail.mrgn-ot20 p{ font-size:16px; margin:0; } .proof p{ font-size:20px !important; margin:8px !important; } .img_11{ border: 1px solid #ddd; border-radius: 8px; padding: 4px 13px; text-align: center; } .img_11 span{ display: block; font-size: 13px !important; padding-bottom: 8px; } .img_11 p{ font-size: 13px !important; margin: 2px; } .mble_1{display:none;} } .address-form.widthfull input{ height:25px; border: 1px solid #BBBABA !important; } .fp-label{ font-weight:normal; } .fp-input{ background:#fdffcb !important; border: 1px solid #BBBABA !important; } .form-block{ padding-left:15px; padding-right:15px; } .business_card { border: 1px solid #ddd; border-radius:5px; display: inline-flex; width: 100%; } .business{ background:#ebebeb; margin:12px 0; padding:10px 7px 10px 8px; } .business_text { float: right; padding: 10px 5px; text-align: center; } .business_text > span { font-size: 14px; } .btn .upload-file input[type="file"] { width: 130px !important; } .btn .upload-file{ border:1px solid #1496bb ; } .btn .upload-file:hover{ background:#1496bb; } .btn.pull-right{ padding-top:35px; } .table th, .table td { border-top: none !important; border-left: none !important; } .head-fp th { font-size: 16px; font-family: ; } .text_here { font-size: 13px; } @media only screen and (max-width: 767px) and (min-width: 320px){ .address-form.widthfull input{ height:34px; border-radius:4px; } .fp-input{ border-radius:4px; } .bg{ font-size: 27px !important; color: #000; margin-bottom: 5px; } .bg{ font-size: 27px !important; color: #000; margin-bottom: 5px; } .size.right li{ font-size:16px; } .size > ul { list-style: outside none none; padding: 0; } .text_here { display: none; } } @media only screen and (min-width : 768px) and (max-width : 800px) { #header .navbar-nav > li > a { margin-left: 7px; margin-right: 6px; } .brdr-cover.img img{ height:105px; } } @media only screen and (min-width :800px) and (max-width : 1020px) { .brdr-cover.img img{ height:105px; } } @media only screen and (min-width : 320px) and (max-width : 520px) { .brdr-cover.img .img_text h3 { font-size: 23px !important; line-height: 28px !important; } .brdr-cover.img .img_text h5{ font-size:10px !important; } .brdr-cover.img .img_text{ top:7px !important; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{ /*height:90px !important;*/ } .p_text{ padding-top:25px !important; } .proof p{ font-size:18px; } .business_text span{ font-size:16px; } .color_span{ font-size:14px; } .captcha span{ font-size:15px; } .sumbit_btn > a{ padding:15px 85px; } } @media only screen and (max-width: 767px) and (min-width: 320px){ .right { margin-left: 0px; } .review .table { display: none; } } /* ====== ============================ Custom Quote ====================================*/ .margn-btm-35{ margin-bottom:35px !important; } .red_color { background: red; border-radius: 50%; height: 6px; width: 6px; position: absolute; top: 8px; right: -10px; } .red_color.second{ margin-top:4px !important; } .requirment_text{ border-bottom:1px solid #cccccc; padding:15px 0; margin-bottom:25px; } .requirment_text > span{ font-size: 22px; font-weight: 100; font-family:fantasy; color:#5F5F5F; } .mobile-display{ display:none; } .fullscreen-display{ display:block; } .sp-desc{ /*width: 75%;*/ margin:0px 0px 20px 0px; /* font-family:Lato; font-size:24px; */ letter-spacing:0.5px; } .sp-head-href{ /*position:absolute; bottom:10%; right:0px; padding:10px 40px 10px 40px;background-color:#405E9E;color:#FFF;*/ } .sp-btn{ margin-bottom:80px; } @media only screen and (min-width : 521px) and (max-width : 930px) { .brdr-cover.img .img_text h3{ font-size: 26px !important; } .brdr-cover.img .img_text h5{ font-size:20px !important; } } @media only screen and (min-width : 321px) and (max-width : 830px) { .sp-desc{ font-size:20px; width: 100%; margin:0px 0px 20px 0px; } .sp-head-href{ position:relative; bottom:10%; right:0px; } .greybg{ padding-bottom:20px !important; } .mobile-display{ display:block; } .fullscreen-display{ display:none; } } .nav-tabs li a{ font-weight:bold; font-size:medium; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border-top:3px solid #696969 !important; background-color: #F6F6F6; } .tab-content>.active{ margin-top:30px; margin-bottom:80px; } /* ====== ============================ Contact Us ====================================*/ .compulsory{ display: inline-block; text-indent: -9999px; width: 8px; height: 8px; background-color: #FF0000; vertical-align: middle; border-radius: 50%; }