/* Minification failed. Returning unminified contents. (166,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (167,26): run-time error CSS1039: Token not allowed after unary operator: '-body-bg' (179,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (238,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (243,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color' (245,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (262,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color' (263,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (274,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color' (276,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (292,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color' (300,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (303,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-5' (307,27): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-five' (329,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (333,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (343,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (350,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (356,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (367,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (375,26): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (379,26): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (383,26): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (387,26): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (391,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (395,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (399,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (403,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (407,26): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color' (411,26): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color' (436,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (484,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (490,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (491,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (500,27): run-time error CSS1039: Token not allowed after unary operator: '-gray600' (557,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (577,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (604,20): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow2' (608,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (613,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-nine' (621,20): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow' (623,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (638,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (645,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (658,33): run-time error CSS1039: Token not allowed after unary operator: '-black' (667,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (702,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (703,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (725,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (726,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (737,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (754,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (762,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (770,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (775,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (784,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (824,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (827,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full' (881,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (883,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (893,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (900,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (905,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (914,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (934,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (942,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (954,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (960,15): run-time error CSS1039: Token not allowed after unary operator: '-red' (992,15): run-time error CSS1039: Token not allowed after unary operator: '-gray300' (1024,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (1029,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (1088,20): run-time error CSS1039: Token not allowed after unary operator: '-white' (1094,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1112,20): run-time error CSS1039: Token not allowed after unary operator: '-white' (1118,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1168,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (1196,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (1203,33): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-three' (1222,20): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow1' (1257,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (1268,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1276,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1280,34): run-time error CSS1039: Token not allowed after unary operator: '-white' (1281,31): run-time error CSS1039: Token not allowed after unary operator: '-white' (1285,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1311,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (1350,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-seven' (1353,26): run-time error CSS1039: Token not allowed after unary operator: '-black1' (1417,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-eight' (1425,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1437,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (1447,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (1448,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1463,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1464,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1490,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-5' (1491,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (1492,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (1509,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (1516,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1552,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (1609,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (1611,16): run-time error CSS1039: Token not allowed after unary operator: '-border1' (1641,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (1651,30): run-time error CSS1039: Token not allowed after unary operator: '-gray600' (1665,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (1696,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1702,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1707,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1734,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1735,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1750,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1751,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1752,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1760,31): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (1761,34): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (1768,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (1778,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (1783,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1788,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1795,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (1805,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (1810,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1814,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1854,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1855,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1865,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color' (1875,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-color' (1926,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2010,15): run-time error CSS1039: Token not allowed after unary operator: '-black1' (2038,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-three' (2045,20): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (2145,20): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (2159,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (2208,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (2220,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2221,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2242,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (2302,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (2307,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (2418,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2426,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (2428,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2438,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (2452,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (2465,26): run-time error CSS1039: Token not allowed after unary operator: '-gray150' (2466,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (2477,33): run-time error CSS1039: Token not allowed after unary operator: '-white' (2507,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (2513,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2536,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (2538,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2547,16): run-time error CSS1039: Token not allowed after unary operator: '-border1' (2549,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-5' (2570,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2571,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2584,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (2599,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (2611,26): run-time error CSS1039: Token not allowed after unary operator: '-gray150' (2612,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (2623,33): run-time error CSS1039: Token not allowed after unary operator: '-white' (2648,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-rb5' (2660,26): run-time error CSS1039: Token not allowed after unary operator: '-gray150' (2661,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (2673,33): run-time error CSS1039: Token not allowed after unary operator: '-white' (2687,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2688,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2697,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2734,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2757,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2758,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2769,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2775,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (2784,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2792,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (2801,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2805,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (2835,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (2837,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2909,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (2958,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2978,34): run-time error CSS1046: Expect comma, found '192' (2978,41): run-time error CSS1046: Expect comma, found ')' (2979,35): run-time error CSS1046: Expect comma, found '192' (2979,42): run-time error CSS1046: Expect comma, found ')' (2980,36): run-time error CSS1046: Expect comma, found '192' (2980,43): run-time error CSS1046: Expect comma, found ')' (2988,23): run-time error CSS1046: Expect comma, found '192' (2988,30): run-time error CSS1046: Expect comma, found ')' (2998,23): run-time error CSS1046: Expect comma, found '192' (2998,30): run-time error CSS1046: Expect comma, found ')' (3011,29): run-time error CSS1046: Expect comma, found '192' (3011,36): run-time error CSS1046: Expect comma, found ')' (3024,20): run-time error CSS1039: Token not allowed after unary operator: '-red' (3046,20): run-time error CSS1039: Token not allowed after unary operator: '-red' (3064,20): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-eight' (3095,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3104,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3109,20): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3250,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3255,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3261,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (3279,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3308,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (3310,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3329,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (3337,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (3357,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (3396,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3400,33): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-four' (3421,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3425,15): run-time error CSS1039: Token not allowed after unary operator: '-red' (3438,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3441,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-eight' (3442,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (3455,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (3461,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-six' (3537,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3538,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3567,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3580,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3584,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3590,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3614,20): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3642,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3649,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-three' (3650,31): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3655,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3662,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3681,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3699,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3700,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full' (3725,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3726,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (3743,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-red' (3765,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3806,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3810,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3820,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3821,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3882,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (3891,15): run-time error CSS1039: Token not allowed after unary operator: '-custom-color-two' (3896,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3936,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3957,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3961,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3965,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3975,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3977,26): run-time error CSS1039: Token not allowed after unary operator: '-gray300' (3981,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3982,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3984,26): run-time error CSS1039: Token not allowed after unary operator: '-gray300' (3991,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4029,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4030,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4032,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4060,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4061,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4093,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4094,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4160,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4161,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4163,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4213,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4216,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4257,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4258,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4295,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4299,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4339,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4340,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4353,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4461,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4465,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4469,21): run-time error CSS1039: Token not allowed after unary operator: '-white' */ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .container{max-width: 1100px;} #header-area .container{max-width: 1050px;padding: 0;} #footer-area .footer-top .container{max-width: 950px;padding: 0 0 0 45px;} #footer-area .footer-bottom .container{padding: 0;} } /* Large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { #inner-area .inner-area-wrap .content-area{min-width: calc(100% - 295px);} #inner-area .inner-area-wrap.contact .contact-details .left-area{min-width: 600px;} #inner-area .inner-area-wrap.contact .contact-details .right-area{width: calc(100% - 600px);} #inner-area .inner-area-wrap .product-details .details-left{min-width: 380px;max-width: 380px;} #inner-area .inner-area-wrap .product-details .details-right{width: calc(100% - 380px);} #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-indicators li{min-width: 80px;max-width: 80px;min-height: 100px;} #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-indicators li img{height: 100px;} #inner-area .inner-area-wrap .side-bar .link-area .link-inner{padding: 0;min-height: auto;} /* #inner-area .inner-area-wrap .side-bar{min-width: 205px;max-width: 205px;} */ #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form{min-width: 320px;max-width: 320px;} #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form{max-width: inherit;} } @media(min-width:1023.98px) and (max-width:1199.98px){ #inner-area .inner-area-wrap.eddm .content-area .content-box{max-height: 516px;overflow-y: scroll;} #inner-area .inner-area-wrap.brochures .content-area .content-box{max-height: 417px;overflow-y: scroll;} #inner-area .inner-area-wrap.flyers .content-area .content-box{max-height: 297px;overflow-y: scroll;} #inner-area .inner-area-wrap.mail-services .content-area .content-box{max-height: 670px;overflow-y: scroll;} #inner-area .inner-area-wrap.newsletters .content-area .content-box{max-height: 295px;overflow-y: scroll;} #inner-area .inner-area-wrap.postcards .content-area .content-box{max-height: 655px;overflow-y: scroll;} } /* Medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) { #inner-area .inner-area-wrap{flex-direction: column;} #inner-area .inner-area-wrap .side-bar{min-width: 100%;} #inner-area .inner-area-wrap .content-area{width: 100%;margin: 20px 0 0;} #footer-area .social-links{margin: 0 -5px 15px;} #footer-area .footer-bottom .text-right{text-align: left !important;margin: 5px 0;} #inner-area .inner-area-wrap.contact .contact-details .left-area{min-width: 350px;} #inner-area .inner-area-wrap.contact .contact-details .right-area{width: calc(100% - 350px);} #inner-area .inner-area-wrap .product-details .details-left{min-width: 100%;max-width: inherit;margin-bottom: 20px;margin: 0;} #inner-area .inner-area-wrap .product-details .details-right{width: 100%;margin: 0;} #inner-area .inner-area-wrap .product-details{flex-direction: column;margin: 0;} #header-area #menu-area .navbar .navbar-nav li a{padding: 5px 0;} #inner-area .inner-area-wrap .product-details .details-right .button-area ul li:first-child{margin-top: 10px;} #inner-area .inner-area-wrap{min-height: auto !important;} #inner-area .inner-area-wrap.checkout .checkout-area .form-wrap{padding: 15px 15px 0;} #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table th{min-width: 100px;} #inner-area .inner-area-wrap.track .track-inner .form-group ul{flex-direction: column;} #inner-area .inner-area-wrap.track .track-inner .form-group ul li{flex-basis: auto;margin: 15px 0 0 !important;} #inner-area .inner-area-wrap.track .track-inner .form-group ul li:first-child{margin: 0 !important;} #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details.edit-user ul.flex-wrap li{margin-bottom: 15px;} } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .container{padding:0 16px;} #header-area #menu-area{min-height: 75px;} #header-area #menu-area .navbar-brand img{width: 200px;} #inner-area .inner-area-wrap.contact .contact-details{flex-direction: column;} #inner-area .inner-area-wrap.contact .contact-details .left-area{min-width: 100%;padding: 40px;} #inner-area .inner-area-wrap.contact .contact-details .right-area{width: 100%;padding: 40px;} #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul{flex-direction: column;} #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul li .form-control{width: 100%;} #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul li select.form-control{width: 100%;} #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul li:not(:last-child){margin:0 0 1rem;} #inner-area .inner-area-wrap.track .track-inner{padding: 20px;} #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form .form-group ul li{flex: 0 0 25%;} #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner{flex-direction: column;} #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form{min-width: auto;max-width: inherit;width: 100%;} #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form .form-group ul{flex-direction: column;} #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form .form-group ul li:not(:last-child){margin-bottom: 15px;} #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li.city .form-control{width: 100px;} #inner-area .inner-area-wrap.uploader .content-box ul {display: block !important;} .progress{width: 240px; margin: 0 auto 24px;} .box{padding: 18px;} .box .proof,.reupload{margin-bottom: 10px;} .recommendations{margin-top: 20px;} .text-content h2{font-size: 26px !important;} .jFiler-input-dragDrop{width: 100%;} .cart-form .form-check{display: flex;} .eddm-payment .form-group label {width: 40%; font-size: 10px;} .eddm-payment .form-group{padding: 8px;} .residential-grp{display: block !important;} .residential-check{margin:0 0 8px 0;} #inner-area .inner-area-wrap.checkout h2{font-size: 26px;} #inner-area .inner-area-wrap.checkout h3{font-size: 18px;} .new-form-row{display: block !important;} .input-city{margin-left: 0;} .proceed-btn{ margin-top: 20px; text-align: center; } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-item .carousel-caption{left: 15px;} #inner-area .inner-area-wrap.cart .cart-area{flex-direction: column;} #inner-area .inner-area-wrap.cart .cart-area .left-area{min-width: auto;max-width: inherit;width: 100%;margin-bottom: 20px;} #inner-area .inner-area-wrap.cart .cart-area .right-area table tr td{padding: 5px;} #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul{flex-direction: column;} #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li:not(:last-child){margin-bottom: 1rem;margin-right: 0;} #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li .form-control{width: 100%;} #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap{flex-direction: column;} #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .left-area{margin-bottom: 20px;} #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .right-area table tr td{height: 30px;} #inner-area .inner-area-wrap.checkout .checkout-area .bottom-table table tr td{height: 40px;} #inner-area .inner-area-wrap.cart .cart-area .right-area ul li a{width: 120px;} #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details{padding: 10px 0 0;} #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form .form-group ul li{flex: 0 0 50%;} #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li.city .form-control{width: 100%;} } /* Extra small devices (portrait phones, less than 480px) */ @media (max-width: 479.98px) { #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-item .carousel-caption{bottom: 15px;} #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap h2{font-size: 25px;} } /** Default CSS **/ a:focus { outline: 0 solid; } img { max-width: 100%; height: auto; vertical-align: middle; } iframe { vertical-align: middle; width: 100%; } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit } html, body { height: 100%; font-family: var(--font-family); background-color: var(--body-bg); } a { -webkit-transition: all .4s ease; transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; } a:hover { text-decoration: none; color: var(--white); } a:focus { text-decoration: none; } a:active { outline: 0 none; } button { border: none; } button:hover { outline: none; cursor: pointer; } button:active { outline: none; } button:focus { outline: none; } ul { padding: 0; margin: 0; } ul li { list-style-type: none; } .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } p { font-size: 17px; line-height: 24px; color: #666666; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: 0 0 0 1000px white inset !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; } .seo-color { font-size: 18px; color: var(--primary-color); } .cstm-btn { background-image: none; background-color: var(--btn-color); border: none; color: var(--white); font-size: 13.3333px; padding: 8px 12px; transition: .4s; font-weight: 600; min-width: 100px; line-height: 1; cursor: default; display: flex; min-height: 30px; align-items: center; justify-content: center; text-transform: uppercase; border-radius: 0; } .cstm-btn:hover { background-color: var(--btn-color); color: var(--white); } .form-group label { text-transform: uppercase; font-size: 14px; font-weight: 400; } .submit-btn { background-image: none; background-color: var(--btn-color); border: none; color: var(--white); font-size: 16px; padding: 5px; text-transform: capitalize; transition: .4s; font-weight: 600; min-width: 100px; line-height: 1; cursor: default !important; display: flex; min-height: 30px; align-items: center; justify-content: center; } .submit-btn:hover { background-color: var(--btn-color); } .form-group .form-control { height: 34px; box-shadow: none; outline: none; border-radius: 0; border: var(--border); font-size: 13.3333px; font-family: Arial, sans-serif; border-radius: var(--border-radius-5); } .form-group .form-control:focus { outline: 1px solid var(--custom-color-five); } .form-group textarea.form-control { height: 40px; resize: none; } .form-group textarea.textarea-control { height: auto; resize: auto; } .section { position: relative; overflow: hidden; padding: 100px 0; } .link { font-size: 10px; text-transform: uppercase; color: var(--secondary-color); } .link-alt { color: var(--secondary-color); } .m-0 { margin: 0 !important; } .breadcrumb { border-radius: 0; padding: 5px; background-color: var(--secondary-color); justify-content: center; margin-bottom: 5px; } .breadcrumb li { font-size: 12px; color: var(--white); text-transform: capitalize; line-height: 1.2; } .breadcrumb li.active { color: var(--white); text-transform: uppercase; } .breadcrumb-item+.breadcrumb-item { padding-left: 6.5px; } .breadcrumb-item+.breadcrumb-item::before { padding-right: 0; content: "\f105"; color: var(--white); font: normal normal normal 14px/1 FontAwesome; left: -3px; position: relative; font-size: 10px; } .color-green { background-color: var(--color-green); } .color-green:hover { background-color: var(--color-green); } .color-orange { background-color: var(--color-orange); } .color-orange:hover { background-color: var(--color-orange); } .color-secondary-dark { background-color: var(--dark-red); } .color-secondary-dark:hover { background-color: var(--dark-red); } .color-secondary { background-color: var(--secondary-color); } .color-secondary:hover { background-color: var(--secondary-color); } .color-tertiary { background-color: var(--tertiary-color); } .color-tertiary:hover { background-color: var(--tertiary-color); } input[type="checkbox"] { position: relative; top: 1px; margin-right: 5px; } input[type="radio"] { position: relative; top: 1px; margin-right: 5px; } .add-area img { width: 100%; } .px-16 { font-size: 16px; } .sub-headline { font-size: 14.65px; color: var(--primary-color); } .m-b-15 { margin-bottom: 15px; } .mh-335 { min-height: 360px !important; } .jFiler-input-text h3 { font-weight: 400; color: rgb(36, 36, 36); } .m-t-0 { margin-top: 0 !important; } .upload ul { display: flex !important; margin: 8px 0; } label { text-transform: capitalize; } form .form-group textarea { text-transform: capitalize; } .my-form h2 { font-size: 20px; text-transform: capitalize; font-weight: bold; } .my-form ul li span { font-weight: 700; font-size: 14px; } /* .upload{text-align: center;} */ .upload ul li .reset { padding: 10px 18px; background: rgb(1, 143, 67); color: var(--white); text-transform: capitalize; } .upload a { padding: 10px 24px; background: var(--primary-color); color: var(--white); text-transform: capitalize; } .box { background: #f5f5f5; padding: 24px; height: 100%; display: flex; border: 1px dotted var(--gray600); flex-direction: column; margin-bottom: 32px; } .direct-box { height: auto; } .box p { margin: 6px 0; text-transform: capitalize; } @font-face { font-family: Nirmala; src: url(Nirmala.ttf); font-family: NirmalaB; src: url(NirmalaB.ttf); } .form-control { border-radius: 0 !important; } button { font-size: 16px; } .recommendations { margin: 80px 0 24px; } .mainline a { width: 100%; display: flex; justify-content: center; } .direct-mail .box { text-align: center !important; } /** Default CSS **/ /** header area starts **/ #header-area { position: relative; z-index: 9999; } #header-area.add-sticky { position: fixed; width: 100%; top: 0; } #header-area #top-bar-area { background-color: var(--primary-color); min-height: 30px; } #header-area #top-bar-area ul { display: flex; justify-content: flex-end; width: 100%; padding-top: 3px; } #header-area #top-bar-area ul li { display: flex; } #header-area #top-bar-area ul li:not(:last-child) { margin-right: 10px; } #header-area #top-bar-area ul li a { color: var(--white); font-size: 13.3333px; padding: 0; background-color: transparent; border-radius: 0; box-shadow: none; border: none; } #header-area #top-bar-area ul li .dropdown-toggle::after { border-top: .4em solid; border-right: .4em solid transparent; border-left: .4em solid transparent; position: relative; top: 3px; right: 2px; } #header-area #top-bar-area ul li a i { margin-right: 2px; } #header-area #top-bar-area ul li .dropdown-menu { border-radius: 0; padding: 0; margin: 0; border: none; box-shadow: var(--box-shadow2); } #header-area #top-bar-area ul li .dropdown-menu a { color: var(--black); padding: 10px 15px; } #header-area #top-bar-area ul li .dropdown-menu a:hover { background-color: var(--custom-color-nine); } #header-area #top-bar-area .dropdown:hover>.dropdown-menu { display: block; } #header-area #menu-area { box-shadow: var(--box-shadow); min-height: 100px; background-color: var(--white); } #header-area #menu-area .navbar { width: 100%; padding: 15px 0 0; } #header-area #menu-area .navbar .navbar-nav { margin: 0 -7px; } #header-area #menu-area .navbar .navbar-nav li a { text-transform: capitalize; padding: 0 7px; color: var(--secondary-color); font-size: 15px; display: flex; line-height: 1; } #header-area #menu-area .navbar .navbar-nav li a:hover { color: var(--primary-color); } #header-area #menu-area .navbar-light .navbar-toggler { padding: 0; border: none; } #header-area #menu-area .navbar-light .navbar-toggler-icon { width: 24px; height: 18px; background-image: none; position: relative; border-bottom: 2px solid var(--black); transition: all 300ms linear; } #header-area #menu-area .navbar-light .navbar-toggler-icon:after, #header-area #menu-area .navbar-light .navbar-toggler-icon:before { width: 24px; position: absolute; height: 2px; background-color: var(--black); top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; } #header-area #menu-area .navbar-light .navbar-toggler-icon:after { top: 8px; } #header-area #menu-area .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: rotate(45deg); } #header-area #menu-area .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform: translateY(8px) rotate(-45deg); } #header-area #menu-area .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; } /** header area ends **/ /** inner area starts **/ #inner-area { padding: 0; } #inner-area .container { padding: 0; } #inner-area .inner-area-wrap { background-color: var(--white); border: var(--border); padding: 20px; border-top: none; border-bottom: none; display: flex; min-height: 1000px; } #inner-area .inner-area-wrap.eddm { display: block; } #inner-area .inner-area-wrap .side-bar { min-width: 275px; } #inner-area .inner-area-wrap .side-bar .link-area { margin-bottom: 18px; } #inner-area .inner-area-wrap .side-bar .link-area h3 { font-size: 16px; color: var(--white); background-color: var(--primary-color); min-height: 30px; text-indent: 10px; padding-top: 4px; text-transform: uppercase; margin: 0; width: 99.75%; font-weight: 600; } #inner-area .inner-area-wrap .side-bar .link-area .link-inner { border: var(--border); border-top: none; padding: 27px 12px; width: 99.75%; height: auto; } #inner-area .inner-area-wrap .side-bar .link-area .link-inner ul li { display: flex; flex-direction: column; } #inner-area .inner-area-wrap .side-bar .link-area .link-inner ul li:last-child img { display: none; } #inner-area .inner-area-wrap .side-bar .link-area .link-inner ul li a { color: var(--primary-color); font-size: 12px; text-transform: uppercase; line-height: 24px; text-decoration: none; } #inner-area .inner-area-wrap .side-bar .link-area .link-inner ul li span { color: var(--primary-color); font-size: 12px; text-transform: uppercase; line-height: 24px; text-decoration: none; } #inner-area .inner-area-wrap .side-bar .link-area .link-inner ul li a i { color: var(--custom-color-two); margin-right: 4px; } #inner-area .inner-area-wrap .side-bar .link-area .link-inner ul li a:hover { color: var(--secondary-color); } #inner-area .inner-area-wrap .content-area { min-width: 765px; margin-left: 20px; } #inner-area .inner-area-wrap .content-area .item { border: var(--border); } #inner-area .inner-area-wrap .content-area .item img { width: 100%; } #inner-area .inner-area-wrap .content-area #main-slider { position: relative; } #inner-area .inner-area-wrap .content-area #main-slider .slick-arrow { position: absolute; left: 45px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 9; height: 45px; } #inner-area .inner-area-wrap .content-area #main-slider .slick-arrow.right { left: auto; right: 45px; } #inner-area .inner-area-wrap .content-area #main-slider .slick-dots { bottom: 16px; } #inner-area .inner-area-wrap .content-area #main-slider .slick-dots li { width: 11px; height: 11px; margin: 0 8px; } #inner-area .inner-area-wrap .content-area #main-slider .slick-dots li button { padding: 0; background-color: var(--white); width: 11px; height: 11px; border-radius: var(--border-radius-full); opacity: .5; } #inner-area .inner-area-wrap .content-area #main-slider .slick-dots li.slick-active button { opacity: 1; } #inner-area .inner-area-wrap .content-area #main-slider .slick-dots li:hover button { opacity: 1; } #inner-area .inner-area-wrap .content-area #main-slider .slick-dots li button::before { display: none; } #inner-area .inner-area-wrap .content-area .content-box { margin-top: 20px; } #inner-area .inner-area-wrap .content-area .content-box .row { margin: 0 -11px; } #inner-area .inner-area-wrap .content-area .content-box .row .col-md-4 { padding: 0 11px; } #inner-area .inner-area-wrap .content-area .content-box .row .col-md-6 { padding: 0 11px; } #inner-area .inner-area-wrap .content-area .content-box .box-inner { margin-bottom: 25px; } #inner-area .inner-area-wrap .content-area .content-box .box-inner img { width: 100%; } #inner-area .inner-area-wrap .content-area .round-icons .row { margin: 0 -11px; } #inner-area .inner-area-wrap .content-area .round-icons .row .col-md-3 { padding: 0 11px; } #inner-area .inner-area-wrap .content-area .round-icons .round-inner { text-align: center; margin-bottom: 21px; } #inner-area .inner-area-wrap .content-area .content-box .text-content h2 { color: var(--custom-color-four); font-size: 32px; border-bottom: 1px dotted var(--secondary-color); text-transform: capitalize; font-weight: 600; line-height: 1.2; margin-bottom: 20px; } /* #inner-area .inner-area-wrap .content-area .content-box .text-content h3{font-size: 20px;text-transform: uppercase;color: var(--custom-color-two);font-weight: 600;} */ #inner-area .inner-area-wrap .content-area .content-box .text-content h4 { font-size: 18px; color: var(--white); font-weight: 600; text-transform: uppercase; min-height: 20px; display: flex; align-items: center; line-height: 1.2; border-bottom: 1px solid var(--primary-color); } #inner-area .inner-area-wrap .content-area .content-box .text-content h4 span { width: 250px; background-color: var(--custom-color-four); display: inline-block; padding: 2px 10px 0; } #inner-area .inner-area-wrap .content-area .content-box .text-content p { font-size: 14.65px; line-height: 20px; text-align: justify; color: var(--custom-color-two); } #inner-area .inner-area-wrap .content-area .content-box .text-content p .link { padding-top: 15px; display: block; } #inner-area .inner-area-wrap .content-area .content-box .text-content p .link.alt { text-transform: unset; font-size: 14.65px; padding: 0; display: inline; } #inner-area .inner-area-wrap .content-area .content-box .text-content p:last-child { margin-bottom: 0; } #inner-area .inner-area-wrap .content-area .content-box .text-content p strong em { color: var(--custom-color-six); } #inner-area .inner-area-wrap .content-area .content-box .text-content p strong { text-transform: capitalize; } #inner-area .inner-area-wrap .content-area .content-box .text-content p span { color: var(--dark-red); font-weight: 700; } #inner-area .inner-area-wrap .content-area .content-box .box { margin-top: 44px; } .total { text-align: right !important; text-transform: capitalize !important; font-size: 20px !important; color: var(--custom-color-six) !important; } .total span { display: inline-block; min-width: 35%; color: var(--red); font-weight: 400 !important; } .total span.lowercase { text-transform: lowercase !important; } #inner-area .quote-details .wrap-form .form-group { padding: 2px 20px !important; } #inner-area .quote-details .wrap-form .form-group strong { text-transform: uppercase; } #inner-area .quote-details .wrap-form .form-group .form-control { width: 25%; } #inner-area .quote-details .wrap-form .form-group strong { width: 40%; font-size: 14px; } .comming-soon { display: flex; justify-content: center; align-items: center; } .comming-soon h1 { margin-bottom: 0; color: var(--gray300); font-weight: 600; } .quote-details tbody tr td { text-align: right; padding: 20px; } .quote-details thead tr th { padding: 20px; width: 25%; } .table-top thead tr th { padding: 8px; } .table-top tbody tr td .card-cover { text-align: left; } .table-top tbody tr td { text-transform: initial !important; } .proof-reorder { display: flex; } .proof-reorder li { font-size: 12px; border-right: 1px solid var(--dark-red); padding: 0 4px 0 0; } .proof-reorder li a { color: var(--dark-red); text-transform: capitalize !important; } .proof-reorder li:last-child { border-right: none; padding: 0 0 0 4px; } .quote-proceed { margin-left: auto; width: 25%; } .ckeck-td { text-align: center !important; } .ckeck-td .form-check { margin-left: 0; } .shipping-details .form-group { width: 100%; } .shipping-details .form-group.top-row label { width: 29% !important; } .shipping-details .form-group.top-row .form-control { width: 71% !important; } .shipping-details .form-group.bottom-row label { width: 14% !important; } .shipping-details .form-group.bottom-row .form-control { width: 86% !important; } .progress { background: #787777; border: 1px solid #b8b8b8; justify-content: flex-start; border-radius: 0; align-items: center; position: relative; display: flex; height: 36px; width: 300px; margin: 30px auto 36px; } .progress-value1 { animation: load1 3s normal forwards; box-shadow: 0 10px 40px -10px #fff; border-radius: 0; background: var(--white); height: 36px; width: 0; padding-left: 8px; display: flex; align-items: center; color: var(--primary-color); font-weight: 700; } @keyframes load1 { 0% { width: 0; } 100% { width: 100%; } } .progress-value2 { animation: load1 3s normal forwards; box-shadow: 0 10px 40px -10px #fff; border-radius: 0; background: var(--white); height: 36px; width: 0; padding-left: 8px; display: flex; align-items: center; color: var(--primary-color); font-weight: 700; } @keyframes load2 { 0% { width: 0; } 100% { width: 100%; } } .proof-check { margin: 6px 0 6px 0 !important; } .proof-check .form-check-input { top: 2px; } .proceed-btn { margin-top: 60px; text-align: end; } .proceed-btn a { padding: 6px 100px; } .proceed-btn button { padding: 6px 100px; } .proceed-btn .shipping-open-close { display: inline-block; } /* #inner-area .inner-area-wrap .content-area .content-box .text-content ul{padding-left: 40px;} */ #inner-area .inner-area-wrap .content-area .content-box .text-content ul.list-no-margin { margin-bottom: 15px; padding: revert; } #inner-area .inner-area-wrap .content-area .content-box .text-content ul li { font-size: 13.333px; line-height: 18px; text-align: justify; color: var(--custom-color-two); margin-bottom: 15px; text-transform: uppercase; } #inner-area .inner-area-wrap .content-area .content-box .text-content ul.list-no-margin li { margin-bottom: 0; list-style: disc; } #inner-area .inner-area-wrap .content-area .content-box .text-content .button-area ul { padding: 0; } #inner-area .inner-area-wrap .content-area .content-box .text-content .button-area ul li { list-style-type: none; margin-bottom: 10px; } #inner-area .inner-area-wrap .content-area .content-box .text-content .button-area ul li:last-child { margin-bottom: 0; } #inner-area .inner-area-wrap .content-area .content-box .text-content .table-area .table { margin: 15px 0; } #inner-area .inner-area-wrap .content-area .content-box .text-content .table-area .table * { color: var(--custom-color-two); font-size: 14.65px; } #inner-area .inner-area-wrap .content-area .content-box .text-content .table-area .table td, #inner-area .inner-area-wrap .content-area .content-box .text-content .table-area .table th { border-top: none; border-bottom: 1px solid var(--custom-color-three); padding: 7px 0; } #inner-area .inner-area-wrap.contact { padding: 0; flex-direction: column; } #inner-area .inner-area-wrap.contact .map-area { position: relative; overflow: hidden; } #inner-area .inner-area-wrap.contact .map-area::before, #inner-area .inner-area-wrap.contact .map-area::after { position: absolute; content: ""; z-index: 1; box-shadow: var(--box-shadow1); right: -5px; top: 0; bottom: 0; width: 5px; } #inner-area .inner-area-wrap.contact .map-area::before { top: -5px; left: 0; right: 0; height: 5px; } #inner-area .inner-area-wrap.contact .contact-details { display: flex; } #inner-area .inner-area-wrap.contact .contact-details .left-area { min-width: 850px; padding: 100px 40px 64px; } #inner-area .inner-area-wrap.contact .contact-details .left-area .red-p { font-style: italic; font-size: 13px; margin-bottom: 6px; } #inner-area .inner-area-wrap.contact .contact-details .left-area h6 { margin-bottom: 0; } #inner-area .inner-area-wrap.contact .contact-details .left-area h1 { font-size: 32px; color: var(--custom-color-four); text-transform: uppercase; margin-bottom: 32px; font-weight: bold; } #inner-area .inner-area-wrap.contact .contact-details .left-area .submit-btn { min-height: 30px; } #inner-area .inner-area-wrap.contact .contact-details .right-area { background-color: var(--primary-color); display: flex; width: calc(100% - 850px); justify-content: center; align-items: center; } #inner-area .inner-area-wrap.contact .contact-details .right-area ul li { color: var(--white); font-size: 14.65px; line-height: 20px; padding: 7px 0; border-bottom: 1px dotted var(--white); border-top: 1px dotted var(--white); } #inner-area .inner-area-wrap.contact .contact-details .right-area ul li a { color: var(--white); } #inner-area .inner-area-wrap.contact .contact-details .right-area ul li:first-child { border-top: none; } #inner-area .inner-area-wrap.contact .contact-details .right-area ul li:last-child { border-bottom: none; } #inner-area .inner-area-wrap.products-inner { padding-bottom: 0; flex-direction: column; } #inner-area .inner-area-wrap.products-inner .row { margin: 0 -8px; } #inner-area .inner-area-wrap.products-inner .col-md-4 { padding: 0 8px; } #inner-area .inner-area-wrap.products-inner .inner-details { margin-bottom: 20px; border: var(--border); } #inner-area .inner-area-wrap.products-inner .inner-details img { width: 100%; } #inner-area .inner-area-wrap .product-details { display: flex; margin: 0 -10px; } #inner-area .inner-area-wrap .product-details .details-left { min-width: 490px; margin: 0 10px; max-width: 490px; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap { padding-bottom: 27px; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-item { position: relative; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-item img { width: 100%; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-item .carousel-caption { position: absolute; padding: 0; right: auto; left: 40px; bottom: 40px; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-item .carousel-caption h3 { color: var(--custom-color-seven); text-transform: uppercase; font-size: 17px; background-color: var(--black1); font-weight: 600; display: flex; min-height: 56px; padding: 0 15px; align-items: center; justify-content: center; letter-spacing: -.5px; margin: 0; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-indicators { position: relative; margin: auto; overflow-y: auto; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-indicators li { text-decoration: none; border: 0; line-height: 0; margin: 5px; max-width: 112px; opacity: .6; min-width: 112px; min-height: 133px; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-indicators li.active { opacity: 1; } #inner-area .inner-area-wrap .content-area .thumb-slider-wrap .carousel-indicators li img { height: 133px; object-fit: cover; object-position: center; } #inner-area .inner-area-wrap .product-details .details-right { width: calc(100% - 490px); margin: 0 10px; } #inner-area .inner-area-wrap .product-details .details-right .button-area ul { padding: 0; } #inner-area .inner-area-wrap .product-details .details-right .button-area ul li { list-style-type: none; margin-bottom: 6px; } #inner-area .inner-area-wrap .product-details .details-right .button-area ul li a { font-size: 13px; text-transform: uppercase; font-weight: 600; justify-content: center; } #inner-area .inner-area-wrap .product-details .details-right .button-area ul li:last-child { margin-bottom: 10px; } #inner-area .inner-area-wrap .product-details .details-right .wrap-form { background-color: var(--custom-color-eight); padding: 17px 20px; margin-bottom: 13px; } #inner-area .inner-area-wrap .product-details .details-right .wrap-form h3 { line-height: 1; font-size: 18px; color: var(--black); font-weight: 600; text-transform: uppercase; margin: 0 0 8px; } #inner-area .inner-area-wrap .product-details .details-right .wrap-form .form-group { line-height: 1; } #inner-area .inner-area-wrap .product-details .details-right .wrap-form label { margin-bottom: 0; color: var(--custom-color-two); text-transform: uppercase; font-weight: 500; font-size: 12px; line-height: 1; } #inner-area .inner-area-wrap .product-details .details-right .wrap-form .form-control { height: 34px; border-radius: 0; border: 1px solid var(--custom-color-four); color: var(--black); padding: 0 5px; } #inner-area .inner-area-wrap .product-details .details-right .wrap-form select.form-control { padding: 0; height: 30px; } #inner-area .inner-area-wrap .product-details .details-right .estimate-shipping .shipping-open-close { display: block; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center; background-color: var(--secondary-color); color: var(--white); padding: 8px 12px; position: relative; margin-bottom: 15px; border-radius: 0; line-height: 1; } #inner-area .inner-area-wrap .product-details .details-right .estimate-shipping .shipping-open-close::before { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: .7rem; transform: translateY(-2px); transition: transform .2s ease-out; } #inner-area .inner-area-wrap .product-details .details-right .estimate-shipping .shipping-form { display: none; } #inner-area .inner-area-wrap .product-details .details-right .estimate-shipping .form-control { height: 34px; border-radius: var(--border-radius-5); border: 1px solid var(--custom-color-four); color: var(--custom-color-two); padding: 0 10px; font-size: 14px; } #inner-area .inner-area-wrap .product-details .details-right .estimate-shipping select.form-control { height: 30px; } #inner-area .inner-area-wrap .product-details .details-right .estimate-shipping .submit-btn { text-transform: uppercase; font-size: 13.3333px; } #inner-area .inner-area-wrap .product-details .details-right .shipping-value { font-size: 18px; text-align: right; color: var(--custom-color-six); line-height: 1; margin-top: -4px; margin-bottom: calc(1rem + 12px); } #inner-area .inner-area-wrap .product-details .details-right .shipping-value span { color: var(--secondary-color); } #inner-area .inner-area-wrap .product-details .details-right .bottom-buttons li:not(:last-child) a { margin-bottom: 10px; } #inner-area .inner-area-wrap .product-details .details-right .bottom-buttons li:not(:last-child) button { margin-bottom: 10px; } #inner-area .inner-area-wrap .product-details .details-right .bottom-buttons .shipping-value { margin: 22px 0 15px; } #inner-area .inner-area-wrap .product-details.quote .details-right { width: 100%; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner { display: flex; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form { min-width: 410px; margin-right: 10px; max-width: 410px; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .right-area { width: 100%; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form { width: 100%; min-width: auto; background-color: var(--custom-color-four); margin: 0 0 10px 0; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form .form-control { padding: 6px; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form textarea.form-control { height: 89px; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form .form-group ul { display: flex; margin: 0 -7px; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form .form-group ul li { padding: 0 7px; margin: 0; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form .form-group ul li select.form-control { height: 34px; } #inner-area .inner-area-wrap .product-details.quote .details-right .quote-inner .wrap-form.right-form .form-group ul li:first-child { flex: 1; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.bottom-buttons h3 { margin-top: 0; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.bottom-buttons .link-alt { margin: 15px 0 0; font-size: 13.3333px; text-align: center; } #inner-area .inner-area-wrap .product-details.quote .details-right .img-area { margin-bottom: 10px; } #inner-area .inner-area-wrap .product-details.quote .details-right .img-area img { width: 100%; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form h3 { margin-top: 15px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form { margin-bottom: 25px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.form-alt { background-color: var(--white); border-radius: 0; border: var(--border1); } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.form-alt h3 { margin-bottom: 30px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.form-alt h3 span { margin-left: 15px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.form-alt ul { margin-bottom: 15px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.form-alt .form-control { border-radius: 0; padding: 0 4px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.form-alt textarea.form-control { height: 89px; padding: 8px 4px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form.form-alt .form-group:last-child { margin-bottom: 30px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form p { color: var(--dark-red); font-size: 14.65px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form label { font-size: 12px; text-transform: uppercase; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form hr { border-top: 1px solid var(--gray600); } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form .form-control { padding: 0 1px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form .form-group ul { display: flex; flex-flow: row wrap; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form .form-group ul li { flex: 0 0 25%; color: var(--custom-color-two); font-size: 14.65px; text-transform: capitalize; margin: 4px 0 11px; } #inner-area .inner-area-wrap .product-details.quote .details-right .wrap-form .form-group:last-child { margin-bottom: 0; } #inner-area .inner-area-wrap .product-details.quote .details-right .button-area ul { display: flex; justify-content: flex-end; } #inner-area .inner-area-wrap .product-details.quote .details-right .button-area ul li a { font-size: 16px; text-transform: capitalize; font-weight: 600; width: 200px; min-height: 30px; } #inner-area .inner-area-wrap.uploader { padding: 50px 20px 20px; flex-direction: column; min-height: 1600px; } #inner-area .inner-area-wrap.uploader h2 { text-transform: uppercase; color: var(--black); font-weight: 600; font-size: 18.65px; } #inner-area .inner-area-wrap.uploader h2.secondary-color { color: var(--secondary-color); } #inner-area .inner-area-wrap.uploader h4 { text-transform: uppercase; color: var(--black); font-weight: 600; font-size: 14.65px; } #inner-area .inner-area-wrap.uploader .form-control { padding: 11px 8px; } #inner-area .inner-area-wrap.uploader textarea.form-control { padding: 9px 8px; } #inner-area .inner-area-wrap.uploader .jFiler-input-dragDrop { width: 100%; } .icon-jfi-cloud-up-o { display: none !important; } .jFiler-input-dragDrop { border: none !important; background: #f5f5f5 !important; } #inner-area .inner-area-wrap.uploader .jFiler-input-choose-btn { border: 1px solid var(--primary-color); color: var(--primary-color); } .uploader .my-form { text-align: center; } .uploader .my-form .jFiler-input-text h3 { font-size: 16px; margin-bottom: 38px; font-weight: 400; color: rgb(36, 36, 36); } #inner-area .inner-area-wrap.uploader .jFiler-input-choose-btn:hover { border: 1px solid var(--secondary-color); color: var(--white); background-color: var(--secondary-color); } #inner-area .inner-area-wrap.uploader .form-group .link { font-size: 14.65px; } #inner-area .inner-area-wrap.uploader .form-wrap { border-top: 1px dotted var(--custom-color-four); border-bottom: 1px dotted var(--custom-color-four); padding-top: 8px; margin-bottom: 10px; } #inner-area .inner-area-wrap.uploader p { font-size: 14.65px; color: var(--custom-color-six); line-height: 20px; } #inner-area .inner-area-wrap.uploader ul { margin-bottom: 15px; } #inner-area .inner-area-wrap.uploader ul li { font-size: 14.65px; color: var(--custom-color-six); line-height: 20px; } #inner-area .inner-area-wrap.uploader ul li span { color: var(--black); } #inner-area .inner-area-wrap.uploader .content-box h2 { text-transform: uppercase; color: var(--black); font-weight: 600; font-size: 18.65px; } #inner-area .inner-area-wrap.uploader .content-box p { font-size: 14.65px; color: var(--custom-color-six); line-height: 20px; } #inner-area .inner-area-wrap.uploader .content-box ul { margin-bottom: 15px; } #inner-area .inner-area-wrap.uploader .content-box ul li { font-size: 14.65px; color: var(--custom-color-six); line-height: 20px; } #inner-area .inner-area-wrap.uploader .content-box .form-area ul li span { color: var(--black); } #inner-area .inner-area-wrap.uploader .content-box h2.secondary-color { color: var(--secondary-color); margin-top: 0; } #inner-area .inner-area-wrap.cart { flex-direction: column; } .table tbody tr td ul { text-align: end; } .table tbody tr td { text-transform: uppercase; font-size: 13px; } #inner-area .inner-area-wrap.cart .table tbody tr td ul.btn-ul { display: flex; align-items: center; } #inner-area .inner-area-wrap.cart .table tbody tr td ul.btn-ul li { margin-right: 4px; font-size: 14px; } #inner-area .inner-area-wrap.cart .table tbody tr td ul.btn-ul li:last-child { margin-right: 0; } #inner-area .inner-area-wrap.cart .table tbody tr td { font-size: 14px; } .table thead tr th { font-size: 14px; font-weight: 700; vertical-align: middle; text-align: center; background: var(--primary-color); color: var(--white); text-transform: uppercase; } /* #inner-area .inner-area-wrap.cart .table thead tr th{} */ /* #inner-area .inner-area-wrap.cart .table tbody tr td ul li .delete{background: #cc0000;} #inner-area .inner-area-wrap.cart .table tbody tr td ul li .reupload{background: #008ece;} #inner-area .inner-area-wrap.cart .table tbody tr td ul li .proof{background: #4aa14a;} #inner-area .inner-area-wrap.cart .table */ .need-help { border: 1px solid var(--btn-color); padding: 12px; text-align: center; margin-top: 14px; background: #f5fcff; } .need-help li p { margin-bottom: 0; color: var(--btn-color); font-size: 14px; line-height: 18px; } .tent-para { font-size: 14px; color: rgb(180, 179, 179); line-height: 17px; } /* .table-area .top-ul{ display: flex; justify-content: space-between; } .table-area .top-ul li{ background: var(--btn-color); padding: 4px; width: 100%; } */ .cart-form .form-group label { text-transform: capitalize; } .cart-form { padding: 8px 12px; border: 1px solid #dee2e6; } .cart-form .form-group { margin-bottom: 0; margin-left: 0; } .search-control { height: 30px; } .eddm-delete { background: #cc0000; text-transform: uppercase !important; } .eddm-delete, .delete, .reupload, .proof { text-align: center; padding: 6px; text-transform: capitalize; font-weight: 600; color: var(--white); font-size: 16px; padding: 8px 12px; line-height: 1; } .delete, .reupload, .proof:hover { color: white !important; } .delete { background: #cc0000; } .reupload { background: #008ece; } .reupload1 { text-transform: uppercase; } .proof { background: #4aa14a !important; } .color-green { border-radius: 0; } .shipping-open-close { display: flex; justify-content: center; margin-bottom: 8px; position: relative; align-items: center; } .shipping-open-close i { margin-right: 4px; } .eddm-payment { border: 1px solid #dee2e6; margin-bottom: 24px; } .dashboard, .eddm-payment .reupload { text-transform: uppercase; } .dashboard .reupload { text-transform: uppercase; font-size: 13px; padding: 6px 20px; } .dashboard .dashboard-ul li { text-transform: capitalize; } .eddm-payment .wrap-form { margin-top: 0; } .eddm-payment .form-group { display: flex; align-items: center; padding: 20px; width: 100%; } .residential-grp { align-items: start !important; padding-right: 0 !important; margin-right: 8px; } /* .residential-grp .checkout-delete{margin-right: 8px;} */ .eddm-payment .form-group label { width: 14%; color: var(--black1); font-size: 14px; } .eddm-payment .form-group label .form-control { width: 80%; } .payment .eddm-payment .form-group label { font-weight: 400; } .checkout-delete { display: flex; width: 100%; justify-content: center; border-radius: 0; } .checkout .nav-pills { background: #f5f5f5; height: 255px; } .checkout-area .nav-link { font-size: 16px; font-weight: 600; background: #f5f5f5; color: var(--custom-color-three); border-radius: 0; text-transform: uppercase; text-align: start; } .checkout-area .nav-link.active { background: var(--dark-red); } .card-info { display: flex; /* justify-content: space-between; */ padding: 20px; } .card-info li .form-group { width: 100% !important; } .card-info li { margin-right: 92px; } .card-info li:last-child { margin-right: 0; } .card-info li .form-group label { width: 30% !important; /* text-align: end; */ margin-right: 32px; margin-bottom: 0; } .card-info li .form-group .form-control { width: 70% !important; } /* .form-check-label{margin-top: 8px;} */ .table .recycle-box { width: 30%; margin: 0 auto; } tbody tr th { font-weight: 400; } /* .checkout-delete:focus { outline: 0; box-shadow: none; } */ .form-check { margin-left: 155px; } .new-form-row .form-group { width: 100%; } .new-form-row .form-group label { width: 46%; } .new-form-row { width: 100%; } .new-form-row .new-form-row-inner { display: flex; width: 50%; } .new-form-row .postal-grp { width: 34%; } .ur-city { text-align: end; } .state { text-align: center !important; } /* .new-form-row .new-form-row-inner .form-group{ width: 100%; } .new-form-row .new-form-row-inner .form-group label{ width: 30% !important; } .new-form-row .new-form-row-inner .form-group .form-control{ width: 70% !important; } */ .new-form-row .form-group .form-control { width: 54% !important; } .table thead th { border-bottom: none; border-top: none; } .credit-card h5 { padding: 8px; background: var(--dark-red); text-transform: uppercase; color: white; margin-bottom: 0; } .credit-card .paypal { background: #e3e3e3; height: 335px; padding: 10px; } .credit-card .paypal h6 { text-transform: uppercase; color: var(--custom-color-four); font-weight: bold; } .btn-outline-success { padding: 2px 6px; } .residential-check .form-check-input[type="radio"] { position: relative; top: -3px; margin-right: 5px; } /* .form-row .form-group{ padding: 28px 24px; } */ /* .shipping-open-close:before { content: ' '; display: inline-block; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 6px solid currentColor; vertical-align: middle; margin-right: 0.7rem; transform: translateY(-2px); transition: transform .2s ease-out; } */ .shipping-value { text-align: end !important; } .eddm-wrap { padding: 8px; background: #f5f5f5; margin-bottom: 12px; } /* .eddm-wrap:hover{ color: white !important; } */ .wrap-form label { color: rgb(152, 152, 152); } .my-form input { position: relative; border-radius: 0; border: 1px solid var(--custom-color-four); } .my-form input:focus { box-shadow: none !important; } .my-form button { position: absolute; right: 16px; top: 0; border-radius: 0; background: var(--primary-color); border: 1px solid var(--primary-color); } .my-form button i { color: white; } .location iframe { height: 800px; } .contact-map iframe { height: 460px; } .direct-mail .form-group { margin-top: 16px; line-height: 1; } .order-summary h3 { color: var(--custom-color-four); font-size: 24px; text-transform: uppercase; font-weight: 600; line-height: 1.2; margin-bottom: 16px; } .order-proof { padding: 6px 48px; } .order-summary .table-bordered { border-top: none !important; } /* .order-summary .form-group{padding: 10px 20px;} */ .table td, .table th { padding: 8px; } .f-col { width: 5%; } .s-col { width: 18%; } .t-col { width: 22%; } .fo-col { width: 9%; } .fi-col { width: 9%; } .si-col { width: 9%; } .se-col { width: 9%; } .ei-col { width: 19%; } .order-summary .form-group .form-control:focus { outline: none; } .order-summary .table-input { border: var(--border) !important; padding: 0.375rem 0.75rem !important; } .order-summary .form-group .form-control::placeholder { color: var(--dark-red); font-weight: 600; text-transform: uppercase; } .order-summary .form-group .form-control { border: none; padding: 0; } .input-city { margin-left: 54px; } .checkout-form { text-align: center; } .checkout-form .checkout-check { margin: auto !important; } /* .checkout-form .checkout-check input{height: 40px;width: 32px; border-radius: 0;} */ /* .order-summary label{width: 18% !important;} */ .paypal-form { padding: 83px 16px; text-align: center; } .paypal-form .paypal-link { display: flex; justify-content: center; align-items: center; text-transform: capitalize; } /* .paypal-form .paypal-link:hover{color: rgb(199, 2, 199);} */ .paypal-form .paypal-link i { font-size: 40px; margin: 0 8px; color: rgb(78, 1, 78); } .cstm-btn { font-size: 16px !important; } .bottom-btns a { display: flex; justify-content: center; margin-top: 16px; } .bottom-btns button { display: flex; justify-content: center; margin-top: 16px; } .faq .accordion { margin-top: 12px; } .faq .accordion .card { border-radius: 0; } .faq .accordion .card .card-body p { margin-bottom: 6px; color: #999 !important; font-size: 14px !important; font-weight: 400 !important; } .faq .accordion .card .card-body p span { color: #999 !important; margin-right: 4px; } .faq .accordion .card .card-header { padding: 10px; } .faq .accordion .card .card-header h2 { margin-top: 0 !important; border-bottom: none !important; } .faq .accordion .card .card-header h2 button:hover { text-decoration: none; } .faq .accordion .card .card-header h2 button:focus { text-decoration: none; } .faq .accordion .card .card-header h2 button { display: block; border: none; cursor: pointer; color: #008ece; padding: 0; background-color: #f5f5f5; font-family: sans-serif; font-size: 11pt; font-weight: 600; text-transform: uppercase; } .dashboard-inner .inner-wrap a:hover { color: var(--secondary-color); } .calculator { height: auto; } #inner-area .inner-area-wrap.cart h2 { color: var(--custom-color-four); font-size: 32px; border-bottom: 1px dotted var(--secondary-color); text-transform: uppercase; font-weight: 600; line-height: 1.2; margin-bottom: 10px; } #inner-area .inner-area-wrap.cart .cart-area { display: flex; padding: 10px; border: var(--border); } #inner-area .inner-area-wrap.cart .cart-area .left-area { min-width: 142px; max-width: 142px; } #inner-area .inner-area-wrap.cart .cart-area .left-area .details { max-width: 132px; } #inner-area .inner-area-wrap.cart .cart-area .left-area .details img { width: 100%; border: var(--border); margin-bottom: 18px; } #inner-area .inner-area-wrap.cart .cart-area .left-area .details .cstm-btn { text-transform: capitalize; } #inner-area .inner-area-wrap.cart .cart-area .right-area { width: 100%; } #inner-area .inner-area-wrap.cart .cart-area .right-area table tr td { background-color: var(--gray150); color: var(--custom-color-six); font-size: 13.3333px; border-top: none; width: 50%; height: 35px; padding: 0 10px; vertical-align: middle; line-height: 1.4; } #inner-area .inner-area-wrap.cart .cart-area .right-area table tr td:nth-child(1) { border-right: 10px solid var(--white); } #inner-area .inner-area-wrap.cart .cart-area .right-area ul { display: flex; justify-content: flex-end; margin-bottom: 13px; } #inner-area .inner-area-wrap.cart .cart-area .right-area ul li:nth-child(1) { margin-right: 5px; } #inner-area .inner-area-wrap.cart .cart-area .right-area ul li a { width: 132px; text-transform: capitalize; } #inner-area .inner-area-wrap.cart .cart-bottom { margin-top: 20px; } #inner-area .inner-area-wrap.cart .cart-bottom ul { display: flex; justify-content: flex-end; flex-direction: column; align-items: flex-end; } #inner-area .inner-area-wrap.cart .cart-bottom ul .value { color: var(--custom-color-six); font-size: 18px; line-height: 1.2; } #inner-area .inner-area-wrap.cart .cart-bottom ul .value span { color: var(--secondary-color); } #inner-area .inner-area-wrap.cart .cart-bottom ul ul { flex-direction: row; margin-top: 10px; } #inner-area .inner-area-wrap.cart .cart-bottom ul ul li:nth-child(1) { margin-right: 5px; } #inner-area .inner-area-wrap.cart .cart-bottom ul ul li a { text-transform: capitalize; min-width: 132px; } #inner-area .inner-area-wrap.checkout { flex-direction: column; min-height: 1300px; } #inner-area .inner-area-wrap.checkout h2 { color: var(--custom-color-four); font-size: 32px; border-bottom: 1px dotted var(--secondary-color); text-transform: uppercase; font-weight: 600; line-height: 1.2; margin-bottom: 30px; } #inner-area .inner-area-wrap.checkout .checkout-area .form-wrap { padding: 20px 30px 0; border: var(--border1); margin-bottom: 30px; border-radius: var(--border-radius-5); } #inner-area .inner-area-wrap.checkout .checkout-area .form-wrap .row { margin: 0 -5px; } #inner-area .inner-area-wrap.checkout .checkout-area .form-wrap [class*='col-'] { padding: 0 5px; } #inner-area .inner-area-wrap.checkout .checkout-area .form-wrap select.form-control { padding: .375rem 4px; } #inner-area .inner-area-wrap.checkout .checkout-area .form-wrap .form-control { padding: .375rem 8px; } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary h4 { font-size: 16px; color: var(--white); background-color: var(--primary-color); min-height: 30px; font-weight: 600; text-indent: 10px; padding-top: 4px; text-transform: uppercase; border-radius: 5px 5px 0px 0px; margin: 0; } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap { display: flex; padding: 10px; border: var(--border); border-top: none; } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .left-area { min-width: 141px; max-width: 141px; } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .left-area .img-details { max-width: 132px; } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .left-area .img-details img { width: 100%; border: var(--border); } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .right-area { width: 100%; } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .right-area table { margin: 0; } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .right-area table tr td { background-color: var(--gray150); color: var(--custom-color-six); font-size: 12px; border-top: none; width: 50%; height: 20px; padding: 0 5px; vertical-align: middle; line-height: 1.4; } #inner-area .inner-area-wrap.checkout .checkout-area .order-summary .order-summary-wrap .right-area table tr td:nth-child(1) { border-right: 10px solid var(--white); } #inner-area .inner-area-wrap.checkout .checkout-area .coupon { margin-top: 20px; } #inner-area .inner-area-wrap.checkout .checkout-area .coupon h3 { font-weight: bold; font-size: 16px; margin-bottom: 10px; } #inner-area .inner-area-wrap.checkout .checkout-area .coupon ul { display: flex; } #inner-area .inner-area-wrap.checkout .checkout-area .coupon ul li:first-child { flex: 1; } #inner-area .inner-area-wrap.checkout .checkout-area .coupon ul li button { height: 34px; width: 120%; float: right; border-radius: var(--border-radius-rb5); } #inner-area .inner-area-wrap.checkout .checkout-area .bottom-table { margin-top: 20px; } #inner-area .inner-area-wrap.checkout .checkout-area .bottom-table table { margin: 0; } #inner-area .inner-area-wrap.checkout .checkout-area .bottom-table table tr td { background-color: var(--gray150); color: var(--custom-color-six); font-size: 12px; border-top: none; width: 50%; height: 20px; padding: 0 9px; vertical-align: middle; line-height: 1.4; font-weight: 600; } #inner-area .inner-area-wrap.checkout .checkout-area .bottom-table table tr td:nth-child(1) { border-right: 10px solid var(--white); } #inner-area .inner-area-wrap.checkout .checkout-area .bottom-table table tr:nth-child(1) td { padding-top: 15px; } #inner-area .inner-area-wrap.checkout .checkout-area .bottom-table table tr:nth-child(3) td { padding-bottom: 15px; } #inner-area .inner-area-wrap.checkout .checkout-area .bottom-table table tr.no-border td { border: none; height: 45px; background-color: var(--secondary-color); color: var(--white); font-size: 16px; } #inner-area .inner-area-wrap.checkout .checkout-area .payments { margin-top: 20px; } #inner-area .inner-area-wrap.checkout .checkout-area .payments h5 { color: var(--black); font-size: 14.65px; font-weight: 600; margin: 0; line-height: 1.1; } #inner-area .inner-area-wrap.checkout .checkout-area .payments img { margin-bottom: 15px; } #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul { display: flex; } #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li .form-control { width: 100px; } #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li.city .form-control { width: 205px; } #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li:first-child { flex: 1; } #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li:first-child .form-control { width: 100%; } #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group ul li:not(:last-child) { margin-right: 5px; } #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group label { font-size: 11px; color: var(--black); text-transform: capitalize; } #inner-area .inner-area-wrap.checkout .checkout-area .payments .form-group label .link { text-transform: uppercase; font-weight: 600; } #inner-area .inner-area-wrap.checkout .checkout-area .button-area .submit-btn { margin-left: auto; font-size: 13.3333px; min-width: 132px; } #inner-area .inner-area-wrap.dashboard .link-area .link-inner { min-height: inherit; padding: 27px 12px; } #inner-area .inner-area-wrap.dashboard .content-area h4, #inner-area .inner-area-wrap.dashboard-2 .content-area h4 { font-size: 16px; color: var(--white); background-color: var(--primary-color); min-height: 30px; font-weight: 600; padding-left: 10px; padding-top: 4px; text-transform: uppercase; border-radius: 0px; margin: 0; } #inner-area .inner-area-wrap.dashboard .content-area h4.secondary-bg { background-color: var(--secondary-color); } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner, #inner-area .inner-area-wrap.dashboard-2 .content-area .dashboard-inner { padding: 10px 10px 45px; border: var(--border); border-top: none; min-height: 500px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner h5 { font-size: 14px; text-transform: uppercase; line-height: 20px; color: var(--black); font-weight: 600; margin: 0; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner p { font-size: 14px; line-height: 20px; color: var(--custom-color-six); text-transform: none; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details { padding: 10px 28px 0; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details h4 { background-color: var(--secondary-color); } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap { border: var(--border); padding: 10px 20px; margin-bottom: 16px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap.mh-a { min-height: auto; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap h5 { font-size: 14.65px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap ul { margin-top: 20px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap ul li { font-size: 14.65px; line-height: 20px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .link { text-transform: capitalize; margin: 20px 0 10px; font-size: 13.3333px; display: block; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap h2 { color: var(--custom-color-four); font-size: 32px; border-bottom: 1px dotted var(--secondary-color); text-transform: uppercase; font-weight: 600; line-height: 1.2; margin-bottom: 20px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul { display: flex; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul li:not(:last-child) { margin-right: 5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul li .form-control { width: 120px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul li select.form-control { width: 55px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul li:first-child { flex: 1; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group ul li:first-child .form-control { width: 100%; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group .form-control { padding: .375rem 5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-group select.form-control { padding: .375rem 2px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-wrap .row { margin: 0 -2.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-wrap .col-md-8 { padding: 0 2.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-wrap .col-md-7 { padding: 0 2.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-wrap .col-md-6 { padding: 0 2.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-wrap .col-md-5 { padding: 0 2.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-wrap .col-md-4 { padding: 0 2.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-wrap .col-md-3 { padding: 0 2.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details .inner-wrap .form-wrap .col-md-2 { padding: 0 2.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table { border: var(--border); margin-bottom: 10px; } #inner-area .inner-area-wrap.register .track-inner .row { margin: 0 -2.5px; } #inner-area .inner-area-wrap.register .track-inner .col-md-8 { padding: 0 2.5px; } #inner-area .inner-area-wrap.register .track-inner .col-md-7 { padding: 0 2.5px; } #inner-area .inner-area-wrap.register .track-inner .col-md-6 { padding: 0 2.5px; } #inner-area .inner-area-wrap.register .track-inner .col-md-5 { padding: 0 2.5px; } #inner-area .inner-area-wrap.register .track-inner .col-md-4 { padding: 0 2.5px; } #inner-area .inner-area-wrap.register .track-inner .col-md-3 { padding: 0 2.5px; } #inner-area .inner-area-wrap.register .track-inner .col-md-2 { padding: 0 2.5px; } /* #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table tr th{font-weight: 500;font-size: 12px;line-height: 16px;} */ #inner-area .inner-area-wrap.dashboard .table .top-tr th { font-size: 13px; text-transform: capitalize !important; font-weight: 600; } .odr-qty-table .top-tr-1 { padding: 4px; font-size: 15px !important; text-transform: uppercase; display: flex; justify-content: space-evenly; background: var(--primary-color); color: white; font-weight: 600; position: relative; } .odr-qty-table .top-tr-1::after { position: absolute; content: ""; height: 100%; width: 1px; background: white; top: 0; left: 46%; /* transform: translateX(-50%); */ } .odr-qty-table .top-tr-2 { display: flex; position: relative; border-left: 1px solid rgb(195 192 192); border-right: 1px solid rgb(195 192 192); border-bottom: 1px solid rgb(195 192 192); } .odr-qty-table .top-tr-2::after { position: absolute; content: ""; height: 100%; width: 1px; background: rgb(195 192 192); top: 0; left: 92%; } .odr-qty-table .top-tr-2::before { position: absolute; content: ""; height: 100%; width: 1px; background: rgb(195 192 192); top: 0; left: 46%; } .odr-qty-table .top-tr-2 li { margin: 5px 8px 6px 6px; /* width: 90%; */ } .odr-qty-table .top-tr-2 li input { width: 92%; height: 22px; border: 1px solid rgb(195 192 192); } .odr-qty-table .top-tr-2 .red-circle { position: relative; } .odr-qty-table .top-tr-2 .red-circle:after { position: absolute; content: "-"; height: 19px; width: 18px; border-radius: 50%; background: var(--red); color: white; font-size: 18px; font-weight: 900; text-align: center; left: -16px; top: 3px; line-height: 15px; } .custom-table tr td, th { padding: 6px 2px !important; } .custom-table tr td { border: 1px solid #b1b1b1; } .custom-table tr td span { padding: 4px 10px; border-radius: 50%; background: var(--red); color: white; font-weight: 900; vertical-align: middle; } .add-another { margin: 14px 0; background: #059236 !important; } .add-another img { margin-right: 6px; width: 14PX; } .custom-table.table-bordered tr td { border: 1px solid rgb(151, 151, 151); background: var(--custom-color-eight); } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table th { text-align: center; padding: 5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table td { text-align: center; padding: 5px; font-size: 12.5px; text-transform: capitalize; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table td ul { display: flex; justify-content: flex-end; margin: 0 -5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table td ul li { padding: 0 4px; position: relative; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table td ul li:not(:last-child)::after { position: absolute; content: "|"; top: -1px; right: -2px; color: var(--black); } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table td ul li a { text-transform: capitalize; font-size: 12.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table td ul li a:hover { color: var(--dark-red); } .red-ul { padding: 6px 12px; background: var(--dark-red); display: flex; justify-content: space-between; } .red-ul strong { font-size: 13px; color: white; font-weight: 600; text-transform: uppercase; } .generate { padding: 10px 40px; text-transform: uppercase; } .sections h5 { text-transform: initial !important; color: #004361 !important; font-weight: 400 !important; margin: 12px 0 !important; font-size: 18px !important; } .sections span { text-transform: initial !important; font-weight: 400 !important; margin: 12px 0 !important; font-size: 14px !important; } .sections .form-check { margin-left: 0; display: flex; align-items: start; } .sections .form-check label { text-transform: initial; font-size: 13px; } .sections .form-wrap .form-group { display: flex; margin-top: 16px; align-items: start; width: 100%; } .sections .form-wrap .form-group label { width: 19%; font-size: 14px; text-transform: initial; font-weight: bold; } .sections .form-wrap .form-group .form-control { width: 81%; } .sections .form-wrap .form-group ul { display: flex; justify-content: space-between; width: 100%; } .sections .form-wrap .form-group.form-ul { display: block; } .sections .form-wrap .form-group.form-ul li { display: flex; align-items: center; width: 33.33%; margin-right: 24px; } .sections .form-wrap .form-group.form-ul li:last-child { margin-right: 0; } .sections .form-wrap .form-group.form-ul li label { margin-bottom: 0; } .city { margin-right: 118px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner table td:last-child { min-width: 150px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .buttons-area ul { display: flex; margin: 0 -7.5px; flex-flow: row wrap; justify-content: flex-end; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .buttons-area ul li { padding: 0 7.5px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .buttons-area ul li .cstm-btn { width: 130px; text-transform: capitalize; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details.edit-user .color-secondary { width: 130px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details.edit-user .color-tertiary { width: 130px; } #inner-area .inner-area-wrap.dashboard .content-area .dashboard-inner .inner-details.edit-user .inner-wrap { min-height: auto; padding-bottom: 20px; } #inner-area .inner-area-wrap.track { padding: 0; flex-direction: column; } #inner-area .inner-area-wrap.track .top-img { margin-bottom: 30px; } #inner-area .inner-area-wrap.track .top-img img { width: 100%; } #inner-area .inner-area-wrap.track .track-inner { max-width: 762px; margin: 0 auto 20px; padding: 26px 58px 40px 25px; width: 100%; border: 1px solid var(--secondary-color); } #inner-area .inner-area-wrap.track .track-inner p { font-size: 13.3333px; color: var(--secondary-color); margin-bottom: .3rem; } #inner-area .inner-area-wrap.track .track-inner h2 { font-size: 32px; color: var(--custom-color-four); margin-bottom: calc(1rem + 17px); } #inner-area .inner-area-wrap.track .track-inner .submit-btn { margin-left: auto; } #inner-area .inner-area-wrap.track.login .track-inner { padding: 10px 25px 40px; } #inner-area .inner-area-wrap.track.login .track-inner .link { text-transform: capitalize; font-size: 13.3333px; } #inner-area .inner-area-wrap.track.login .track-inner .link:hover { color: var(--dark-red); } #inner-area .inner-area-wrap.track .track-inner .form-group ul { display: flex; } #inner-area .inner-area-wrap.track .track-inner .form-group ul li { flex-basis: 102px; } #inner-area .inner-area-wrap.track .track-inner .form-group ul li:first-child { flex: 1; } #inner-area .inner-area-wrap.track .track-inner .form-group ul li:not(:last-child) { margin-right: 10px; } #inner-area .inner-area-wrap.track.register .track-inner { padding: 10px 25px 20px; } #inner-area .inner-area-wrap.ordering { flex-direction: column; min-height: 1260px; } #inner-area .inner-area-wrap.ordering h2 { color: var(--custom-color-four); font-size: 32px; border-bottom: 1px dotted var(--secondary-color); text-transform: capitalize; font-weight: 600; line-height: 1.2; margin-bottom: 20px; } #inner-area .inner-area-wrap.ordering .list-items ol { margin-top: 15px; } #inner-area .inner-area-wrap.ordering .list-items ol.no-padding { padding: 0 0 0 15px; } #inner-area .inner-area-wrap.ordering .list-items li { font-size: 14.65px; line-height: 20px; text-align: justify; color: var(--custom-color-two); margin-bottom: 15px; } #inner-area .inner-area-wrap.ordering .list-items p { font-size: 14.65px; line-height: 20px; text-align: justify; color: var(--custom-color-two); margin-bottom: 15px; } #inner-area .inner-area-wrap.ordering .list-items .link { display: flex; justify-content: flex-end; } #inner-area .inner-area-wrap.ordering .list-items li ul { padding-left: 40px; margin: 20px 0; } #inner-area .inner-area-wrap.ordering .list-items li ul li { margin: 0; list-style-type: disc; } #inner-area .inner-area-wrap.ordering .list-items h5 { color: var(--custom-color-two); font-size: 14.65px; font-weight: 600; line-height: 20px; text-transform: uppercase; } #inner-area .inner-area-wrap.ordering .list-items h5.ttc { text-transform: capitalize; } #inner-area .inner-area-wrap.ordering .list-items ul.outer-list { padding-left: 40px; } #inner-area .inner-area-wrap.ordering .list-items ul.outer-list li { margin: 0; list-style-type: disc; } #inner-area .inner-area-wrap.ordering .list-items ol.outer-list li { margin: 0; } #inner-area .inner-area-wrap.ordering .list-items .list-details li { margin: 0; } #inner-area .inner-area-wrap.ordering .list-items .list-details li .link { text-transform: unset; justify-content: flex-start; font-size: 14.65px; } #inner-area .inner-area-wrap.ordering .list-items .no-margin li { margin-bottom: 0; } #inner-area .inner-area-wrap .content-area .content-box .text-content .sub-headline strong { color: var(--secondary-color); } #inner-area .inner-area-wrap .content-area .content-box .text-content .art-work { border-bottom: 1px solid var(--custom-color-four); margin-bottom: 15px; } #inner-area .inner-area-wrap .content-area .content-box .text-content .art-work .art-work-detalis p { margin-bottom: 6px; font-size: 12px; } #inner-area .inner-area-wrap .content-area .content-box .text-content .art-work .art-work-detalis ul { display: flex; padding: 0; margin: 0 -6px; } #inner-area .inner-area-wrap .content-area .content-box .text-content .art-work .art-work-detalis ul li { list-style-type: none; padding: 0 6px; } .red-p { color: var(--dark-red); } .red-p:hover { color: var(--red); } #inner-area .inner-area-wrap.faq .content-area .content-box .text-content h2 { margin-bottom: 6px; margin-top: 24px; } #inner-area .inner-area-wrap.faq .content-area .content-box .text-content .faq-inner { margin-top: 15px; } #inner-area .inner-area-wrap.faq .content-area .content-box .text-content .faq-inner .answer-toggle { color: var(--primary-color); font-weight: 600; font-size: 14.65px; background-color: var(--custom-color-eight); border: var(--border); padding: 10px; display: flex; align-items: center; line-height: 1.4; } #inner-area .inner-area-wrap.faq .content-area .content-box .text-content .faq-inner .answer-toggle span { margin-right: 5px; } #inner-area .inner-area-wrap.faq .content-area .content-box .text-content .faq-inner .answers { padding: 20px; border: var(--border); display: none; } #inner-area .inner-area-wrap.faq .content-area .content-box .text-content .faq-inner .answers p { font-size: 13.3333px; color: var(--custom-color-six); } #inner-area .inner-area-wrap.standard-mail { min-height: 1250px; } #inner-area .inner-area-wrap.route { flex-direction: column; padding-top: 35px; } #inner-area .inner-area-wrap.route h3 { font-weight: bold; font-size: 24px; text-align: center; } .artwork .inner-area-wrap { display: block !important; } .artwork .inner-area-wrap .content-area { margin-left: 0 !important; } .artwork .inner-area-wrap .content-area .content-box { margin-top: 0; } .slider-area .img-area { margin-bottom: 28px; } .update { width: 30%; margin: 20px 0 0 auto; } .order-search { margin: 20px auto 0 0; } .order-box { min-height: auto !important; } .update .my-form { position: relative; } .update .my-form input { position: relative; } .update .my-form button { position: absolute; right: 0; top: 0; height: 100%; } .update .cstm-btn { text-transform: capitalize; } .update .cstm-btn:hover { color: white !important; } .red-search { width: 100%; margin: 6px 0 10px 0; } .red-search .my-form button { background: var(--secondary-color); border: 1px solid var(--secondary-color); color: white; } .track-inner .form-check { margin-left: 0; } .register .track-inner .form-check { display: flex; align-items: baseline; } .register .track-inner .form-check .form-check-label { text-transform: initial; } .register .track-inner p { margin-top: 16px; color: black !important; line-height: 17px !important; } .track-inner .form-check .form-check-label { text-transform: uppercase; font-size: 13.5px; } .coupon-table .top-tr { background: var(--primary-color); color: white; } .coupon-table .top-tr th { font-size: 12px; } .view-job-details { text-align: end; } .vod a { color: var(--dark-red); } .vod a:hover { color: var(--dark-red); } .job-details { display: inline-block; font-size: 12px; color: var(--dark-red); } .inner-wrap ul li { text-transform: capitalize; } .order-now .eddm-delete { width: 40%; margin-left: auto; margin-bottom: 12px; } .table-tents thead tr th { width: 50%; text-transform: initial; font-size: 15px; } .table-tents thead tr th.qty-col { background: #cccccc !important; } .qty-right-col { background: var(--dark-red) !important; text-transform: capitalize !important; } .table-tents { text-transform: uppercase; } .table-striped tbody tr:nth-of-type(odd) { background-color: #008ece1f; } .bookmarks thead tr th { width: auto !important; } .envelopes { margin-bottom: 18px; } #inner-area .price-page { border: none !important; padding: 10px !important; } .click-here { text-transform: uppercase; font-size: 14px; color: var(--dark-red) !important; } /** inner area ends **/ /** footer area starts **/ #footer-area { padding: 20px 0 0; background-color: var(--custom-color-three); border-top: 10px solid var(--secondary-color); } #footer-area h3 { text-transform: uppercase; color: var(--white); font-size: 1.17em; font-weight: 600; margin-bottom: 18px; } #footer-area p { color: var(--white); font-size: 13px; line-height: 19px; margin-bottom: 15px; } #footer-area p a { text-transform: unset; } #footer-area ul li { line-height: 1; } #footer-area ul.quick-links { margin-bottom: 15px; } #footer-area a { color: var(--white); font-size: 13px; line-height: 19px; text-transform: capitalize; } #footer-area .social-links { display: flex; margin: 0 -5px; } #footer-area .social-links li { padding: 0 5px; } #footer-area .social-links a i { width: 32px; height: 32px; border: 1px solid var(--white); border-radius: var(--border-radius-full); display: flex; justify-content: center; align-items: center; font-size: 19px; } #footer-area .social-links a i.fa-facebook:hover { background-color: #3b569d; } #footer-area .social-links a i.fa-twitter:hover { background-color: #55adec; } #footer-area .social-links a i.fa-instagram:hover { background-color: #b43793; } #footer-area .social-links a i.fa-linkedin:hover { background-color: #0767d5; } #footer-area .footer-bottom { min-height: 30px; background-color: var(--primary-color); border-top: 2px solid var(--white); } #footer-area .footer-bottom p { margin: 0; font-size: 12px; margin-top: 5px; } /** footer area ends **/ .table-2 tbody tr td { font-size: 13px; padding: 8px 0 8px 18px; } .table-2 tbody tr td span { color: var(--dark-red); font-weight: 700; } .verbiage-area { position: relative; top: -30px; font-size: 12px; color: red; } #inner-area .direct-mail .details-right .form-group label, #inner-area .eddm .details-right .form-group label { margin-bottom: 0; } .eddm .form-group { line-height: 1; } /* 21.07.2023 */ #inner-area .inner-area-wrap.dashboard .content-area.content-area-new h4 { background-color: var(--secondary-color); } .update-new { margin: 20px auto 0 0 !important; width: 30%; } .update-new .my-form { position: relative; } .update-new .my-form { position: relative; } .update-new .my-form input { position: relative; } .update-new .my-form button { position: absolute; right: 0; top: 0; height: 100%; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 { width: 100%; table-layout: fixed; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .dashboard-inner { padding: 10px 10px } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr td { font-size: 13px; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr td a { color: var(--primary-color); } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr td a:hover { color: var(--secondary-color); } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr th { font-size: 13px; text-transform: capitalize; font-weight: 600; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 th { background-color: var(--primary-color); color: var(--white); } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr th:nth-child(1) { width: 15%; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr th:nth-child(2) { width: 22%; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr th:nth-child(3) { width: 22%; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr th:nth-child(4) { width: 15%; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr th:nth-child(5) { width: 13%; } #inner-area .inner-area-wrap.dashboard .content-area.content-area-new .table-2 tr th:nth-child(6) { width: 13%; } /* 27.07.2023 */ .quote-details-2 table td { vertical-align: middle; border-top: none !important; border-bottom: none !important; padding: 4px 20px; } .quote-details-2 table td strong { color: #cc0000; } .quote-details-2 .form-group { display: flex; align-items: center; } .quote-details-2 .form-group label, .quote-details-2 .form-group input { width: 50%; } .pointer-details input { pointer-events: none; } /* 11.08.2023 */ .table-new-center tbody th:first-child { text-align: center; } /* 16.08.2023 */ .newLabel .form-group label { font-size: 12px; color: var(--custom-color-two); } .newLabel .form-group .form-control { padding-left: 5px; } .calulator-total { font-size: 16px; color: var(--custom-color-two); text-align: end; } .calulator-total span { color: var(--secondary-color); } .pf-new { font-size: 14px !important; padding: 6px; } /* 18.08.2023 */ .btn-area { margin-top: 10px; } .btn-area button { padding-left: 18px; padding-right: 18px; } /* 11.09.2023 */ #inner-area .inner-area-wrap.products-inner .col-md-12 { padding: 0 8px; } /* 13.09.2023 */ .eddm-payment.eddm-payment-items .form-group { padding: 0 20px; } .table-items { border: 1px solid #dee2e6; } .table-items thead tr th, .table-items tbody tr td { font-size: 11px; text-align: left; padding: 8px !important; } .table-items tbody tr td { color: var(--black); text-transform: none; } .table-items tbody th:first-child { font-size: 11px; text-align: left; padding: 8px !important; } .table-striped.table-items tbody tr:nth-of-type(odd) { background-color: #efefef; } .table-striped.table-items tbody tr:hover, .table-striped.table-items tbody tr:active, .table-striped.table-items tbody tr:focus { background-color: #ffe4e1; } .table-items tbody tr.last-row:hover { background-color: var(--primary-color); } .table-items tbody tr.last-row { background-color: var(--primary-color); } .table-items tbody tr.last-row td { color: var(--white); font-weight: 600; } .tabs-area .nav-pills { background-color: #fff; height: auto; } .tabs-area .nav-pills .nav-link.active { color: var(--black); background-color: #fff; border: 1px solid var(--gray300); } .tabs-area .nav-pills .nav-link { color: var(--white); background-color: var(--primary-color); border-radius: 0; border: 1px solid var(--gray300); text-transform: uppercase; font-size: 12px; padding: 6px 8px; } .tabs-area .tab-content { border-top: 20px solid var(--primary-color); border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; } .delivery-content { height: auto; } .tab-content .address-area { border: 1px solid #dee2e6; } .tab-content .address-area form { padding: 0 8px; } .tab-content .address-area form input { border: 1px solid #dee2e6 !important; padding: 4px !important; margin-bottom: 8px; pointer-events: none; } .tab-content .address-area form select { pointer-events: none; } .tab-content .address-area form input::placeholder { color: #000 !important; font-size: 12px; font-weight: 400 !important; } .tab-content .address-area .h3 { font-size: 12px; font-weight: 600; background-color: var(--primary-color); color: var(--white); padding: 6px; border: 1px solid var(--primary-color); } .new-form-row-2 select { border: 1px solid #dee2e6 !important; margin: 0 8px; } .tab-content { padding: 20px; min-height: 600px; } .event-items-details tbody td span:first-child { margin-right: 16px; } .tab-content .mail-content .first-block { border: 1px solid #dee2e6; } .tab-content .mail-content .item-wrapper { padding: 12px; } .tab-content .mail-content .h4 { font-size: 14px; text-transform: uppercase; background-color: var(--secondary-color); color: var(--white); font-weight: 600; padding: 6px; } .tab-content .mail-content .item-wrapper .row-1 .col-md-6 { padding-left: 10px; padding-right: 10px; } .tab-content .mail-content .item-wrapper .cont { display: flex; font-size: 11px; gap: 10px; font-weight: 500; } .tab-content .mail-content .item-wrapper .cont .name-area { position: relative; top: 7px; } .tab-content .mail-content .item-wrapper .cont .form-control { font-size: 11px; padding: 2px; } .tab-content .mail-content .item-wrapper .cont strong { font-size: 12px; } .tab-content .mail-content .item-wrapper .cont-box .h5 { background-color: var(--primary-color); color: var(--white); text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 6px; } .tab-content .mail-content .item-wrapper .cont-box { border: 1px solid #dee2e6; font-size: 11px; } .tab-content .mail-content .item-wrapper .cont-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-template-rows: auto; } .tab-content .mail-content .item-wrapper .cont-box .items-table { width: 96%; margin: 0 auto; } .tab-content .mail-content .item-wrapper .cont-box .item-table-first { min-height: 74px; } .tab-content .mail-content .item-wrapper .cont-box .items-table tr { margin-bottom: 4px; } .tab-content .mail-content .item-wrapper .cont-box .items-table tr td input { width: 100%; } .tab-content .mail-content .item-wrapper .cont-box .items-table tr td { text-transform: uppercase; padding: 4px 2px; } .tab-content .mail-content .item-wrapper .cont-box .items-table tr .f-1 { width: 70%; } .tab-content .mail-content .item-wrapper .cont-box .items-table tr .f-2 input { text-align: end; } .tab-content .mail-content .item-wrapper .cont-box .items-table tr .f-2 { text-align: end; } .tab-content .product-spec { border: 1px solid #dee2e6; } .tab-content .product-spec form { padding-left: 8px; padding-right: 8px; } .tab-content .product-spec .h3 { font-size: 12px; font-weight: 600; background-color: var(--primary-color); color: var(--white); padding: 6px; border: 1px solid var(--primary-color); } .tab-content .product-spec .form-group { display: flex; align-items: center; margin-bottom: 10px !important; } .tab-content .product-spec .form-group span { width: 40%; font-size: 11px; text-transform: uppercase; } .tab-content .product-spec .form-group select { border: 1px solid #dee2e6; font-size: 11px; } .product-item-area .production { font-size: 11px; } .product-item-area .production select { font-size: 11px; min-width: 240px; padding-left: 6px; } .product-item-area .production input { max-width: 80px; text-align: end; border-radius: 0 !important; border: 1px solid #dee2e6; padding: 6px; } .product-item-area .fst-row .s-1 { margin-right: 10px; } .product-item-area .production .x-cross { position: relative; top: 6px; } .product-item-area .production .h3 { font-size: 12px; font-weight: 600; background-color: var(--primary-color); text-align: center; text-transform: uppercase; color: var(--white); padding: 6px; margin-bottom: 0; } .product-item-area .production .p-1 { border: 1px solid #dee2e6; padding: 6px; } .product-item-area .finishing table td { text-align: center; } .product-item-area .finishing table td select { min-width: 200px; width: 100%; } .product-item-area .mailing table td { text-align: center; } .product-item-area .mailing table td select { min-width: 160px; } .product-item-area .mailing table.table-mail-2 td { text-align: left; } .product-item-area .mailing table.table-mail-3 td:not(:nth-child(1)) { width: 30%; } .product-item-area .comment-area { border: 1px solid #dee2e6; margin-bottom: 16px; } .product-item-area .comment-area .h3 { color: var(--white); background-color: var(--primary-color); font-size: 12px; text-transform: uppercase; padding: 6px; text-align: center; } .product-item-area .comment-area .cont { max-height: 70px; min-height: 70px; overflow-y: scroll; font-size: 11px; text-transform: uppercase; margin: 6px; border: 1px solid #dee2e6; padding: 2px 6px; } .tab-content .btn-print-info { background-color: #f0f0f0; display: inline-block; margin: 10px auto; } .tab-content .btn-print-info button, .tab-content .btn-print-info span { padding-left: 8px; padding-right: 8px; font-size: 14px; transition: all 0.3s ease; } .tab-content .btn-print-info span { pointer-events: none; } .tab-content .btn-print-info button:hover { background-color: var(--primary-color); } .tab-content .btn-print-info button:hover i { color: var(--white); } .tab-content .print-info { display: flex; flex-direction: column; align-items: center; } .pointer-event-none { pointer-events: none; } #inner-area .btn-download { background-color: #4ba14a; width: 100%; padding: 4px 0; font-size: 15px; font-weight: 600; color: #fff; margin: 20px 0 40px 0; } #inner-area .form-success-area { padding: 80px 0; } #inner-area .form-success-area .p-one { font-size: 14px; } #inner-area .form-success-area .p-two { font-size: 12px; } #inner-area .form-success-info { padding: 4px 30px; margin: 40px auto 0 auto; font-size: 12px; text-align: center; color: var(--primary-color); border: 1px solid var(--primary-color); width: calc(100% - 40px); position: relative; background-color: #f5fafd; } #inner-area .form-success-info .info-circle { position: absolute; width: 30px; height: 30px; border-radius: 50%; left: 16px; top: 50%; border: 1px solid var(--primary-color); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } #inner-area .form-success-info .info-circle i { font-size: 16px; } #inner-area .dashboard-2 { border: 1px solid #999 !important; } /* design loader in css */ .loader { position: absolute; left: 50%; top: 50%; z-index: 10; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* design loader in css */ .color-red { color: #CC3333; } /* For wait div */ .div-wait { position: absolute; top: 50%; left: 50%; z-index: 11; transform: translate(-50%,-50%); visibility: hidden; } /* Error Styles */ .error-txt { color: #FF4FA7; } .field-validation-error { color: #f00 !important; } input.field-validation-error { border: 1px solid #f00 !important; background-color: #fee !important; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #f00; background-color: #fee; } .validation-summary-errors { font-weight: bold; color: #f00; } .valdation-summary-valid { display: none; } /* To fix Tony' styles */ /*To Fix last row issue*/ .table-items tbody tr.active { background-color: #ccc !important; } .table-items tfoot tr td { font-size: 11px; text-align: left; padding: 8px !important; } .table-items tfoot tr.last-row:hover { background-color: var(--primary-color); } .table-items tfoot tr.last-row { background-color: var(--primary-color); } .table-items tfoot tr.last-row td { color: var(--white); font-weight: 600; } /*To Fix last row issue*/ /*To fix cursor*/ a.cstm-btn { cursor: pointer; } input[type=submit].submit-btn, a.submit-btn, button.submit-btn, button.checkout-delete { cursor: pointer !important; } /*To fix cursor*/ /* Overlay Loader with flex centered */ .loader-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.7); z-index: 9999; } .loader { width: 60px; height: 60px; border: 6px solid #ccc; border-top: 6px solid #333; border-radius: 50%; animation: spin 1s linear infinite; } /* Modal popup */ .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); } .modal-content { position: relative; background: white; margin: 10% auto; padding: 30px; border-radius: 10px; width: 400px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); } .close { position: absolute; top: 10px; right: 12px; font-size: 24px; font-weight: bold; color: #333; cursor: pointer; } /* Modal popup */ .link-inner li a { font-weight: 700; } /* active link */ li.active > a { color: #cc0000 !important; }