/*========================================================= Author : Bestwebcreator. Template Name: Shopwise - eCommerce Bootstrap 5 HTML Template Version : 1.4 ==============================================================*/ /*============================================================= CSS INDEX ============================= 01.GENERAL STYLE (body, link color, section-title, buttons, overlay, section-padding etc...) 02.START HEADER STYLE 03.START BANNER,SLIDER STYLE 04.START SHOP BANNER STYLE 05.START CATEGORIES STYLE 06.START ICON BOX STYLE 07.START PORTFOLIO STYLE 08.START TESTIMONIAL STYLE 09.START BLOG STYLE 10.START NEWLETTER STYLE 11.START FOOTER STYLE 12.START MAP STYLE 13.START TEAM STYLE 14.START CLIENT LOGO STYLE 15.START BREADCRUMB STYLE 16.START CONTACT STYLE 17.START DIVIDER STYLE 18.START ACCORDION STYLE 19.START 404 ERROR STYLE 20.START LOGIN REGISTER STYLE 21.START COMMING SOON STYLE 22.START DEAL OF THE DAY STYLE 23.START SHOP DESIGN 24.START ELEMENT DESIGN *=============================================================*/ /*===================================* 01.GENERAL STYLE *===================================*/ :root{ --roundrect :"M567.333 34H100.667C63.8477 34 34 62.7817 34 98.2857V419.714C34 455.218 63.8477 484 100.667 484H567.333C604.152 484 634 455.218 634 419.714V98.2857C634 62.7817 604.152 34 567.333 34Z"; --egg: "M320 470C567.575 468.875 632.747 344.675 618.044 245C603.738 147.35 461.074 20.9 320 20C178.926 20.9 36.2625 147.35 21.9564 245C7.25288 344.675 72.4251 468.875 320 470Z"; --vegg:"M23.0099 325.109C26.455 572.662 151.26 636.667 250.793 621.031C348.305 605.81 473.412 461.968 472.99 320.891C470.768 179.832 342.987 38.3598 245.207 24.9695C145.398 11.2007 21.8146 77.5341 23.0099 325.109Z"; --sharprect: "M40 20H20V40V490V510H40H640H660V490V40V20H640H40Z"; --square: "M0 0H600V600H0V0Z"; --vrrec: "M434 34H84.0003C56.3858 34 34 72.3756 34 119.714V548.285C34 595.624 56.3858 634 84.0003 634H434C461.614 634 484 595.624 484 548.285V119.714C484 72.3756 461.614 34 434 34Z"; --rounded : "M448.5 0.5C530.723 0.5 597.5 67.2771 597.5 149.5V448.5C597.5 530.723 530.723 597.5 448.5 597.5H149.5C67.2771 597.5 0.5 530.723 0.5 448.5V149.5C0.5 67.2771 67.2771 0.5 149.5 0.5H448.5Z"; --heart :"M301 86.1227C261.407 14.8721 186.487 -10.328 121.368 4.65131C55.991 19.69 0.5 75.2237 0.5 165.225C0.5 224.484 33.1792 285.877 84.3733 351.489C130.209 410.233 190.947 472.432 256.52 539.582C264.196 547.443 271.939 555.372 279.731 563.371C285.647 569.465 293.337 572.5 301 572.5C308.663 572.5 316.353 569.465 322.268 563.372C330.097 555.336 337.873 547.374 345.579 539.483C411.349 472.137 472.073 409.958 517.84 351.286C568.964 285.75 601.5 224.499 601.5 165.225C601.5 74.9214 545.858 19.6572 480.405 4.82938C415.215 -9.93905 340.297 15.4084 301 86.1227Z"; --circle :"M287 575.5C445.231 575.5 573.5 446.78 573.5 288C573.5 129.22 445.231 0.5 287 0.5C128.769 0.5 0.5 129.22 0.5 288C0.5 446.78 128.769 575.5 287 575.5Z"; --hexagon :"M450.434 49.7519L450.29 49.5H450H150H149.71L149.566 49.7519L-0.434122 312.252L-0.575876 312.5L-0.434122 312.748L149.566 575.248L149.71 575.5H150H450H450.29L450.434 575.248L600.434 312.748L600.576 312.5L600.434 312.252L450.434 49.7519Z"; --flower :"M531.866 107.134C513.226 88.4951 489.012 78.8267 464.588 78.1299C440.421 77.4403 428.339 77.0955 425.526 76.3865C419.506 74.8683 423.764 76.6321 418.435 73.4485C415.943 71.9614 407.157 63.6611 389.578 47.0606C371.817 30.2849 347.859 20 321.5 20C295.142 20 271.183 30.2846 253.421 47.0603C235.845 63.6604 227.056 71.9617 224.566 73.4489C219.235 76.6324 223.494 74.8683 217.473 76.3865C214.66 77.0959 202.577 77.4403 178.409 78.1299C153.987 78.8267 129.773 88.4948 111.133 107.134C92.4934 125.774 82.8253 149.989 82.1289 174.411C81.4393 198.578 81.0949 210.661 80.3855 213.474C78.8673 219.494 80.6314 215.235 77.4479 220.566C75.9607 223.057 67.6604 231.845 51.0599 249.421C34.2846 267.183 24 291.142 24 317.5C24 343.859 34.2846 367.817 51.0599 385.578C67.6604 403.154 75.9607 411.943 77.4479 414.432C80.6314 419.764 78.8673 415.506 80.3855 421.526C81.0949 424.339 81.4393 436.421 82.1289 460.588C82.8253 485.012 92.4934 509.226 111.133 527.866C129.773 546.506 153.987 556.174 178.409 556.869C202.574 557.559 214.66 557.903 217.473 558.614C223.494 560.131 219.235 558.369 224.566 561.553C227.056 563.04 235.844 571.34 253.421 587.941C271.183 604.716 295.142 615 321.5 615C347.859 615 371.817 604.716 389.578 587.941C407.154 571.34 415.943 563.04 418.435 561.553C423.764 558.369 419.506 560.131 425.526 558.614C428.339 557.903 440.421 557.559 464.588 556.869C489.012 556.174 513.226 546.506 531.866 527.866C550.502 509.226 560.171 485.012 560.869 460.591C561.559 436.424 561.903 424.339 562.614 421.526C564.131 415.506 562.366 419.764 565.549 414.435C567.037 411.943 575.34 403.154 591.941 385.578C608.716 367.817 619 343.859 619 317.5C619 291.142 608.716 267.183 591.941 249.42C575.34 231.845 567.037 223.056 565.549 220.565C562.366 215.234 564.131 219.494 562.614 213.473C561.903 210.66 561.559 198.577 560.869 174.409C560.171 149.988 550.502 125.774 531.866 107.134Z"; --diamond :"M63.011 398.033C39.5283 370.273 27.787 356.393 23.3003 340.9C19.3443 327.24 19.3443 312.76 23.3003 299.1C27.787 283.607 39.5283 269.727 63.0107 241.968L191.947 89.5484C224.59 50.96 240.91 31.6657 260.453 24.6297C277.597 18.4567 296.403 18.4567 313.547 24.6297C333.09 31.6657 349.41 50.96 382.053 89.5484L510.99 241.968C534.473 269.727 546.213 283.607 550.7 299.1C554.657 312.76 554.657 327.24 550.7 340.9C546.213 356.393 534.473 370.273 510.99 398.033L382.053 550.45C349.41 589.04 333.09 608.333 313.547 615.37C296.403 621.543 277.597 621.543 260.453 615.37C240.91 608.333 224.59 589.04 191.947 550.45L63.011 398.033Z"; --leaf:"M272.813 577.531C279.754 580.917 283.227 582.61 288.042 583.487C291.795 584.171 297.205 584.171 300.958 583.487C305.773 582.61 309.246 580.917 316.187 577.531C380.384 546.221 565 443.903 565 302.706V182.99C565 157.684 565 145.032 560.577 134.156C556.672 124.548 550.325 115.974 542.085 109.177C532.76 101.483 520.104 97.0407 494.792 88.1554L313.496 24.5158C306.466 22.0483 302.953 20.8145 299.335 20.3252C296.13 19.8916 292.87 19.8916 289.665 20.3252C286.047 20.8145 282.534 22.0483 275.504 24.5158L94.2083 88.1554C68.8962 97.0407 56.2402 101.483 46.9134 109.177C38.6739 115.974 32.327 124.548 28.4213 134.156C24 145.032 24 157.684 24 182.99V302.706C24 443.903 208.615 546.221 272.813 577.531Z"; --star: "M292 0L248.297 47.7177L190.603 17.6173L166.075 77.1853L101.421 68.328L99.0853 132.568L35.259 146L55.2853 207.15L0 241.289L40.1257 292.024L0 342.711L55.2853 376.85L35.259 438L99.0853 451.456L101.421 515.672L166.075 506.839L190.603 566.407L248.297 536.307L292 584L335.727 536.307L393.397 566.407L417.974 506.839L482.603 515.672L484.939 451.456L548.765 438L528.715 376.85L584 342.711L543.874 292.024L584 241.289L528.715 207.15L548.765 146L484.939 132.568L482.603 68.328L417.974 77.1853L393.397 17.6173L335.727 47.7177L292 0Z"; --octa: "M418.666 0.5L419.334 0.507812C426.232 0.671682 433.079 3.37186 438.021 8.31348L593.687 164.08L594.157 164.562C598.952 169.604 601.5 176.208 601.5 183.434V418.566C601.5 425.466 598.955 432.374 594.158 437.437L593.687 437.92L438.021 593.687C432.922 598.785 426.125 601.5 418.666 601.5H183.333V601.499C176.108 601.539 169.158 598.735 163.985 593.691L163.98 593.687L8.31268 437.92L8.31171 437.919C5.78681 435.374 3.79567 432.351 2.45428 429.026C1.11383 425.704 0.449365 422.148 0.500183 418.566V183.434C0.500183 176.312 3.21194 169.181 8.31268 164.08L9.1662 163.227V163.559L164.313 8.31348L164.796 7.8418C169.837 3.04723 176.441 0.500109 183.666 0.5H418.666Z"; --vrec: "M40.6693 23.3909L20.6696 23.4971L20.7758 43.4968L23.9818 647.285L24.088 667.285L44.0877 667.179L494.304 664.788L514.304 664.682L514.197 644.682L510.991 40.8938L510.885 20.8941L490.885 21.0003L40.6693 23.3909Z"; --topsemi:"M424.426 123.722L424.426 123.722C443.586 159.808 453.5 201.018 453.5 243.514V244.175V244.836V245.497V246.158V246.82V247.481V248.142V248.803V249.464V250.126V250.787V251.448V252.109V252.77V253.432V254.093V254.754V255.415V256.076V256.738V257.399V258.06V258.721V259.382V260.044V260.705V261.366V262.027V262.688V263.35V264.011V264.672V265.333V265.994V266.656V267.317V267.978V268.639V269.3V269.962V270.623V271.284V271.945V272.606V273.267V273.929V274.59V275.251V275.912V276.573V277.235V277.896V278.557V279.218V279.879V280.541V281.202V281.863V282.524V283.185V283.847V284.508V285.169V285.83V286.491V287.153V287.814V288.475V289.136V289.797V290.459V291.12V291.781V292.442V293.103V293.765V294.426V295.087V295.748V296.409V297.071V297.732V298.393V299.054V299.715V300.377V301.038V301.699V302.36V303.021V303.683V304.344V305.005V305.666V306.327V306.989V307.65V308.311V308.972V309.633V310.295V310.956V311.617V312.278V312.939V313.601V314.262V314.923V315.584V316.245V316.907V317.568V318.229V318.89V319.551V320.213V320.874V321.535V322.196V322.857V323.519V324.18V324.841V325.502V326.163V326.825V327.486V328.147V328.808V329.469V330.131V330.792V331.453V332.114V332.775V333.437V334.098V334.759V335.42V336.081V336.743V337.404V338.065V338.726V339.387V340.049V340.71V341.371V342.032V342.693V343.355V344.016V344.677V345.338V345.999V346.661V347.322V347.983V348.644V349.305V349.967V350.628V351.289V351.95V352.611V353.273V353.934V354.595V355.256V355.917V356.579V357.24V357.901V358.562V359.223V359.885V360.546V361.207V361.868V362.529V363.191V363.852V364.513V365.174V365.835V366.497V367.158V367.819V368.48V369.141V369.803V370.464V371.125V371.786V372.447V373.109V373.77V374.431V375.092V375.753V376.415V377.076V377.737V378.398V379.059V379.721V380.382V381.043V381.704V382.365V383.027V383.688V384.349V385.01V385.671V386.333V386.994V387.655V388.316V388.977V389.639V390.3V390.961V391.622V392.283V392.945V393.606V394.267V394.928V395.589V396.251V396.912V397.573V398.234V398.895V399.557V400.218V400.879V401.54V402.201V402.863V403.524V404.185V404.846V405.507V406.169V406.83V407.491V408.152V408.813V409.475V410.136V410.797V411.458V412.119V412.78V413.442V414.103V414.764V415.425V416.086V416.748V417.409V418.07V418.731V419.392V420.054V420.715V421.376V422.037V422.698V423.36V424.021V424.682V425.343V426.004V426.666V427.327V427.988V428.649V429.31V429.972V430.633V431.294V431.955V432.616V433.278V433.939V434.6V435.261V435.922V436.584V437.245V437.906V438.567V439.228V439.89V440.551V441.212V441.873V442.534V443.196V443.857V444.518V445.179V445.84V446.502V447.163V447.824V448.485V449.146V449.808V450.469V451.13V451.791V452.452V453.114V453.775V454.436V455.097V455.758V456.42V457.081V457.742V458.403V459.064V459.726V460.387V461.048V461.709V462.37V463.032V463.693V464.354V465.015V465.676V466.338V466.999V467.66V468.321V468.982V469.644V470.305V470.966V471.627V472.288V472.95V473.611V474.272V474.933V475.594V476.256V476.917V477.578V478.239V478.9V479.562V480.223V480.884V481.545V482.206V482.868V483.529V484.19V484.851V485.512V486.174V486.835V487.496V488.157V488.818V489.48V490.141V490.802V491.463V492.124V492.786V493.447V494.108V494.769V495.43V496.092V496.753V497.414V498.075V498.736V499.398V500.059V500.72V501.381V502.042V502.704V503.365V504.026V504.687V505.348V506.01V506.671V507.332V507.993V508.654V509.316V509.977V510.638V511.299V511.96V512.622V513.283V513.944V514.605V515.266V515.928V516.589V517.25V517.911V518.572V519.234V519.895V520.556V521.217V521.878V522.54V523.201V523.862V524.523V525.184V525.846V526.507V527.168V527.829V528.49V529.152V529.813V530.474V531.135V531.796V532.458V533.119V533.78V534.441V535.102V535.764V536.425V537.086V537.747V538.408V539.07V539.731V540.392V541.053V541.714V542.376V543.037V543.698V544.359V545.02V545.681V546.343V547.004V547.665V548.326V548.987V549.649V550.31V550.971V551.632V552.293V552.955V553.616V554.277V554.938V555.599V556.261V556.922V557.583V558.244V558.905V559.567V560.228V560.889V561.55V562.211V562.873V563.534V564.195V564.856V565.517V566.179V566.84V567.501V568.162V568.823V569.485V570.146V570.807V571.468V572.129V572.791V573.452V574.113V574.774V575.435V576.097V576.758V577.419V578.08V578.741V579.403V580.064V580.725V581.386V582.047C453.5 591.847 446.814 599.5 438.551 599.5H437.733H436.914H436.096H435.277H434.458H433.64H432.821H432.003H431.184H430.366H429.547H428.729H427.91H427.091H426.273H425.454H424.636H423.817H422.999H422.18H421.362H420.543H419.724H418.906H418.087H417.269H416.45H415.632H414.813H413.994H413.176H412.357H411.539H410.72H409.902H409.083H408.265H407.446H406.627H405.809H404.99H404.172H403.353H402.535H401.716H400.898H400.079H399.26H398.442H397.623H396.805H395.986H395.168H394.349H393.53H392.712H391.893H391.075H390.256H389.438H388.619H387.801H386.982H386.163H385.345H384.526H383.708H382.889H382.071H381.252H380.434H379.615H378.796H377.978H377.159H376.341H375.522H374.704H373.885H373.066H372.248H371.429H370.611H369.792H368.974H368.155H367.337H366.518H365.699H364.881H364.062H363.244H362.425H361.607H360.788H359.97H359.151H358.332H357.514H356.695H355.877H355.058H354.24H353.421H352.603H351.784H350.965H350.147H349.328H348.51H347.691H346.873H346.054H345.235H344.417H343.598H342.78H341.961H341.143H340.324H339.506H338.687H337.868H337.05H336.231H335.413H334.594H333.776H332.957H332.139H331.32H330.501H329.683H328.864H328.046H327.227H326.409H325.59H324.771H323.953H323.134H322.316H321.497H320.679H319.86H319.042H318.223H317.404H316.586H315.767H314.949H314.13H313.312H312.493H311.675H310.856H310.037H309.219H308.4H307.582H306.763H305.945H305.126H304.307H303.489H302.67H301.852H301.033H300.215H299.396H298.578H297.759H296.94H296.122H295.303H294.485H293.666H292.848H292.029H291.211H290.392H289.573H288.755H287.936H287.118H286.299H285.481H284.662H283.843H283.025H282.206H281.388H280.569H279.751H278.932H278.114H277.295H276.476H275.658H274.839H274.021H273.202H272.384H271.565H270.747H269.928H269.109H268.291H267.472H266.654H265.835H265.017H264.198H263.38H262.561H261.742H260.924H260.105H259.287H258.468H257.65H256.831H256.012H255.194H254.375H253.557H252.738H251.92H251.101H250.283H249.464H248.645H247.827H247.008H246.19H245.371H244.553H243.734H242.916H242.097H241.278H240.46H239.641H238.823H238.004H237.186H236.367H235.548H234.73H233.911H233.093H232.274H231.456H230.637H229.819H229H228.181H227.363H226.544H225.726H224.907H224.089H223.27H222.452H221.633H220.814H219.996H219.177H218.359H217.54H216.722H215.903H215.084H214.266H213.447H212.629H211.81H210.992H210.173H209.355H208.536H207.717H206.899H206.08H205.262H204.443H203.625H202.806H201.988H201.169H200.35H199.532H198.713H197.895H197.076H196.258H195.439H194.62H193.802H192.983H192.165H191.346H190.528H189.709H188.891H188.072H187.253H186.435H185.616H184.798H183.979H183.161H182.342H181.524H180.705H179.886H179.068H178.249H177.431H176.612H175.794H174.975H174.156H173.338H172.519H171.701H170.882H170.064H169.245H168.427H167.608H166.789H165.971H165.152H164.334H163.515H162.697H161.878H161.06H160.241H159.422H158.604H157.785H156.967H156.148H155.33H154.511H153.693H152.874H152.055H151.237H150.418H149.6H148.781H147.963H147.144H146.325H145.507H144.688H143.87H143.051H142.233H141.414H140.596H139.777H138.958H138.14H137.321H136.503H135.684H134.866H134.047H133.229H132.41H131.591H130.773H129.954H129.136H128.317H127.499H126.68H125.861H125.043H124.224H123.406H122.587H121.769H120.95H120.132H119.313H118.494H117.676H116.857H116.039H115.22H114.402H113.583H112.765H111.946H111.127H110.309H109.49H108.672H107.853H107.035H106.216H105.397H104.579H103.76H102.942H102.123H101.305H100.486H99.6676H98.849H98.0305H97.2119H96.3933H95.5748H94.7562H93.9377H93.1191H92.3005H91.482H90.6634H89.8448H89.0263H88.2077H87.3892H86.5706H85.752H84.9335H84.1149H83.2964H82.4778H81.6593H80.8407H80.0221H79.2036H78.385H77.5665H76.7479H75.9294H75.1108H74.2922H73.4737H72.6551H71.8365H71.018H70.1994H69.3809H68.5623H67.7437H66.9252H66.1066H65.2881H64.4695H63.6509H62.8324H62.0138H61.1953H60.3767H59.5581H58.7396H57.921H57.1025H56.2839H55.4654H54.6468H53.8282H53.0097H52.1911H51.3726H50.554H49.7354H48.9169H48.0983H47.2798H46.4612H45.6426H44.8241H44.0055H43.187H42.3684H41.5498H40.7313H39.9127H39.0941H38.2756H37.457H36.6385H35.8199H35.0014H34.1828H33.3643H32.5457H31.7271H30.9086H30.09H29.2715H28.4529H27.6343H26.8158H25.9972H25.1786H24.3601H23.5415H22.723H21.9044H21.0858H20.2673H19.4487C11.1855 599.5 4.49997 591.847 4.49997 582.047V581.386V580.725V580.064V579.403V578.741V578.08V577.419V576.758V576.097V575.435V574.774V574.113V573.452V572.791V572.129V571.468V570.807V570.146V569.485V568.823V568.162V567.501V566.84V566.179V565.517V564.856V564.195V563.534V562.873V562.211V561.55V560.889V560.228V559.567V558.905V558.244V557.583V556.922V556.261V555.599V554.938V554.277V553.616V552.955V552.293V551.632V550.971V550.31V549.649V548.987V548.326V547.665V547.004V546.343V545.681V545.02V544.359V543.698V543.037V542.376V541.714V541.053V540.392V539.731V539.07V538.408V537.747V537.086V536.425V535.764V535.102V534.441V533.78V533.119V532.458V531.796V531.135V530.474V529.813V529.152V528.49V527.829V527.168V526.507V525.846V525.184V524.523V523.862V523.201V522.54V521.878V521.217V520.556V519.895V519.234V518.572V517.911V517.25V516.589V515.928V515.266V514.605V513.944V513.283V512.622V511.96V511.299V510.638V509.977V509.316V508.654V507.993V507.332V506.671V506.01V505.348V504.687V504.026V503.365V502.704V502.042V501.381V500.72V500.059V499.398V498.736V498.075V497.414V496.753V496.092V495.43V494.769V494.108V493.447V492.786V492.124V491.463V490.802V490.141V489.48V488.818V488.157V487.496V486.835V486.174V485.512V484.851V484.19V483.529V482.868V482.206V481.545V480.884V480.223V479.562V478.9V478.239V477.578V476.917V476.256V475.594V474.933V474.272V473.611V472.95V472.288V471.627V470.966V470.305V469.644V468.982V468.321V467.66V466.999V466.338V465.676V465.015V464.354V463.693V463.032V462.37V461.709V461.048V460.387V459.726V459.064V458.403V457.742V457.081V456.42V455.758V455.097V454.436V453.775V453.114V452.452V451.791V451.13V450.469V449.808V449.146V448.485V447.824V447.163V446.502V445.84V445.179V444.518V443.857V443.196V442.534V441.873V441.212V440.551V439.89V439.228V438.567V437.906V437.245V436.584V435.922V435.261V434.6V433.939V433.278V432.616V431.955V431.294V430.633V429.972V429.31V428.649V427.988V427.327V426.666V426.004V425.343V424.682V424.021V423.36V422.698V422.037V421.376V420.715V420.054V419.392V418.731V418.07V417.409V416.748V416.086V415.425V414.764V414.103V413.442V412.78V412.119V411.458V410.797V410.136V409.475V408.813V408.152V407.491V406.83V406.169V405.507V404.846V404.185V403.524V402.863V402.201V401.54V400.879V400.218V399.557V398.895V398.234V397.573V396.912V396.251V395.589V394.928V394.267V393.606V392.945V392.283V391.622V390.961V390.3V389.639V388.977V388.316V387.655V386.994V386.333V385.671V385.01V384.349V383.688V383.027V382.365V381.704V381.043V380.382V379.721V379.059V378.398V377.737V377.076V376.415V375.753V375.092V374.431V373.77V373.109V372.447V371.786V371.125V370.464V369.803V369.141V368.48V367.819V367.158V366.497V365.835V365.174V364.513V363.852V363.191V362.529V361.868V361.207V360.546V359.885V359.223V358.562V357.901V357.24V356.579V355.917V355.256V354.595V353.934V353.273V352.611V351.95V351.289V350.628V349.967V349.305V348.644V347.983V347.322V346.661V345.999V345.338V344.677V344.016V343.355V342.693V342.032V341.371V340.71V340.049V339.387V338.726V338.065V337.404V336.743V336.081V335.42V334.759V334.098V333.437V332.775V332.114V331.453V330.792V330.131V329.469V328.808V328.147V327.486V326.825V326.163V325.502V324.841V324.18V323.519V322.857V322.196V321.535V320.874V320.213V319.551V318.89V318.229V317.568V316.907V316.245V315.584V314.923V314.262V313.601V312.939V312.278V311.617V310.956V310.295V309.633V308.972V308.311V307.65V306.989V306.327V305.666V305.005V304.344V303.683V303.021V302.36V301.699V301.038V300.377V299.715V299.054V298.393V297.732V297.071V296.409V295.748V295.087V294.426V293.765V293.103V292.442V291.781V291.12V290.459V289.797V289.136V288.475V287.814V287.153V286.491V285.83V285.169V284.508V283.847V283.185V282.524V281.863V281.202V280.541V279.879V279.218V278.557V277.896V277.235V276.573V275.912V275.251V274.59V273.929V273.267V272.606V271.945V271.284V270.623V269.962V269.3V268.639V267.978V267.317V266.656V265.994V265.333V264.672V264.011V263.35V262.688V262.027V261.366V260.705V260.044V259.382V258.721V258.06V257.399V256.738V256.076V255.415V254.754V254.093V253.432V252.77V252.109V251.448V250.787V250.126V249.464V248.803V248.142V247.481V246.82V246.158V245.497V244.836V244.175V243.514C4.49997 201.276 14.6329 159.81 33.5735 123.722C120.781 -40.5746 337.439 -40.5735 424.426 123.722Z"; --toptrang:"M432.121 166.87L432.123 166.872C443.187 176.315 449.5 191.247 449.5 206.953V582.408C449.5 591.999 442.861 599.5 434.642 599.5H15.3584C7.13928 599.5 0.5 591.999 0.5 582.408V206.953C0.5 191.252 7.02893 176.316 17.8807 166.869L198.668 10.5573C214.278 -2.85242 235.722 -2.85242 251.332 10.5573L432.121 166.87Z" ; --moroundrect:"M40.8891 252H313.111C334.589 252 352 236.01 352 216.286V37.7145C352 17.99 334.589 2.00001 313.111 2.00001H40.8891C19.4113 2.00001 2.00001 17.99 2.00001 37.7145V216.286C2.00001 236.01 19.4113 252 40.8891 252Z"; --mosharprect:"M11.9375 1H1V11.2041V240.796V251H11.9375H340.062H351V240.796V11.2041V1H340.062H11.9375Z"; --moegg: "M176 251C320.419 250.375 358.436 181.375 349.859 126C341.514 71.75 258.293 1.5 176 1C93.7068 1.5 10.4864 71.75 2.14122 126C-6.43583 181.375 31.5813 250.375 176 251Z"; --movegg:"M0.999988 176C1.62499 320.419 70.625 358.436 126 349.859C180.25 341.514 250.5 258.293 251 176C250.5 93.7068 180.25 10.4864 126 2.14122C70.625 -6.43583 1.62499 31.5813 0.999988 176Z"; --mosquare:"M5 1H355V351H5V1Z"; --movrrec:"M194.459 0.814392H25.5407C12.2132 0.814392 1.40926 20.9214 1.40926 45.7244V270.275C1.40926 295.078 12.2132 315.186 25.5407 315.186H194.459C207.787 315.186 218.591 295.078 218.591 270.275V45.7244C218.591 20.9214 207.787 0.814392 194.459 0.814392Z"; --morounded:"M263.397 0C311.739 0 351 39.1491 351 87.3534V262.647C351 310.851 311.739 350 263.397 350H87.603C39.2609 350 0 310.851 0 262.647V87.3534C0 39.1491 39.2609 0 87.603 0H263.397Z"; --moheart:"M176 53.3914C152.943 9.79397 109.312 -5.62568 71.389 3.53999C33.3159 12.742 1 46.7224 1 101.793C1 138.053 20.0311 175.619 49.8447 215.766C76.5377 251.711 111.909 289.77 150.096 330.858C154.567 335.668 159.076 340.52 163.614 345.414C167.059 349.143 171.537 351 176 351C180.463 351 184.941 349.143 188.386 345.415C192.945 340.498 197.473 335.626 201.961 330.797C240.263 289.589 275.627 251.542 302.28 215.642C332.052 175.541 351 138.062 351 101.793C351 46.5374 318.596 12.7219 280.479 3.64895C242.515 -5.38768 198.885 10.1221 176 53.3914Z"; --mocircle:"M176 351C272.651 351 351 272.649 351 176C351 79.3513 272.651 1 176 1C79.3493 1 1 79.3513 1 176C1 272.649 79.3493 351 176 351Z"; --mohexagon:"M260.189 12L263.582 18.334L338.578 158.334L341.613 164L338.578 169.666L263.582 309.666L260.189 316H95.8154L92.4229 309.667L17.4219 169.667L14.3867 164L17.4219 158.333L92.4229 18.333L95.8154 12H260.189Z"; --moflower:"M299.745 52.2553C288.78 41.2912 274.536 35.6039 260.169 35.1941C245.954 34.7884 238.846 34.5856 237.192 34.1685C233.651 33.2755 236.155 34.313 233.021 32.4403C231.555 31.5655 226.386 26.683 216.046 16.918C205.598 7.04994 191.505 1 176 1C160.495 1 146.402 7.04976 135.954 16.9178C125.615 26.6826 120.445 31.5657 118.98 32.4405C115.844 34.3132 118.349 33.2755 114.808 34.1685C113.153 34.5858 106.045 34.7884 91.8288 35.1941C77.4629 35.6039 63.2194 41.2911 52.2547 52.2553C41.2902 63.22 35.6031 77.4641 35.1935 91.83C34.7878 106.046 34.5852 113.154 34.1679 114.808C33.2749 118.349 34.3126 115.844 32.4399 118.98C31.5651 120.445 26.6826 125.615 16.9176 135.954C7.04976 146.402 1 160.495 1 176C1 191.505 7.04976 205.598 16.9176 216.046C26.6826 226.385 31.5651 231.555 32.4399 233.019C34.3126 236.155 33.2749 233.651 34.1679 237.192C34.5852 238.846 34.7878 245.954 35.1935 260.169C35.6031 274.536 41.2902 288.78 52.2547 299.745C63.2194 310.709 77.4629 316.396 91.8288 316.805C106.044 317.211 113.153 317.414 114.808 317.832C118.349 318.724 115.844 317.688 118.98 319.561C120.445 320.435 125.614 325.318 135.954 335.083C146.402 344.951 160.495 351 176 351C191.505 351 205.598 344.951 216.046 335.083C226.385 325.318 231.555 320.435 233.021 319.561C236.155 317.688 233.651 318.724 237.192 317.832C238.846 317.414 245.954 317.211 260.169 316.805C274.536 316.396 288.78 310.709 299.745 299.745C310.707 288.78 316.395 274.536 316.805 260.171C317.211 245.955 317.414 238.846 317.832 237.192C318.724 233.651 317.686 236.155 319.558 233.021C320.434 231.555 325.318 226.385 335.083 216.046C344.951 205.598 351 191.505 351 176C351 160.495 344.951 146.402 335.083 135.953C325.318 125.615 320.434 120.445 319.558 118.979C317.686 115.844 318.724 118.349 317.832 114.808C317.414 113.153 317.211 106.045 316.805 91.8288C316.395 77.4635 310.707 63.22 299.745 52.2553Z"; --modiamond:"M29.0072 221.519C13.5967 205.326 5.89148 197.229 2.94709 188.192C0.35097 180.223 0.35097 171.777 2.94709 163.808C5.89148 154.771 13.5967 146.674 29.007 130.481L113.621 41.5699C135.043 19.06 145.753 7.80502 158.578 3.70069C169.829 0.0997705 182.17 0.0997705 193.421 3.70069C206.246 7.80502 216.956 19.06 238.378 41.5699L322.993 130.481C338.403 146.674 346.108 154.771 349.052 163.808C351.649 171.777 351.649 180.223 349.052 188.192C346.108 197.229 338.403 205.326 322.993 221.519L238.378 310.429C216.956 332.94 206.246 344.194 193.421 348.299C182.17 351.9 169.829 351.9 158.578 348.299C145.753 344.194 135.043 332.94 113.621 310.429L29.0072 221.519Z"; --moleaf:"M161.97 346.986C166.46 349.087 168.707 350.137 171.822 350.682C174.25 351.106 177.75 351.106 180.178 350.682C183.293 350.137 185.54 349.087 190.03 346.986C231.563 327.556 351 264.06 351 176.438V102.146C351 86.4422 351 78.5908 348.139 71.8415C345.612 65.8791 341.506 60.5583 336.175 56.3403C330.142 51.5657 321.955 48.8089 305.579 43.295L188.289 3.80236C183.741 2.27111 181.469 1.50545 179.128 1.20181C177.055 0.932731 174.945 0.932731 172.872 1.20181C170.531 1.50545 168.259 2.27111 163.711 3.80236L46.4213 43.295C30.0456 48.8089 21.8578 51.5657 15.8238 56.3403C10.4933 60.5583 6.38715 65.8791 3.86036 71.8415C1 78.5908 1 86.4422 1 102.146V176.438C1 264.06 120.437 327.556 161.97 346.986Z"; --mostar:"M175 0L148.808 28.5979L114.231 10.5583L99.5312 46.2583L60.7831 40.95L59.3833 79.45L21.1312 87.5L33.1333 124.148L0 144.608L24.0479 175.014L0 205.392L33.1333 225.852L21.1312 262.5L59.3833 270.564L60.7831 309.05L99.5312 303.756L114.231 339.456L148.808 321.417L175 350L201.206 321.417L235.769 339.456L250.498 303.756L289.231 309.05L290.631 270.564L328.883 262.5L316.867 225.852L350 205.392L325.952 175.014L350 144.608L316.867 124.148L328.883 87.5L290.631 79.45L289.231 40.95L250.498 46.2583L235.769 10.5583L201.206 28.5979L175 0Z"; --movrec:"M10.628 2.25571L0.975677 2.31136L1.02693 12.7902L2.57423 329.146L2.62548 339.625L12.2778 339.57L229.564 338.317L239.216 338.262L239.165 327.783L237.617 11.4264L237.566 0.94751L227.914 1.00315L10.628 2.25571Z"; --motopsemi:"M237.812 71.9995C248.48 93.0848 254 117.164 254 141.995V142.381V142.767V143.154V143.54V143.927V144.313V144.699V145.085V145.471V145.858V146.245V146.631V147.017V147.403V147.79V148.176V148.562V148.949V149.335V149.722V150.108V150.494V150.88V151.267V151.653V152.04V152.426V152.812V153.198V153.585V153.971V154.358V154.744V155.13V155.517V155.903V156.289V156.676V157.062V157.449V157.835V158.221V158.607V158.993V159.38V159.767V160.153V160.539V160.925V161.311V161.698V162.084V162.471V162.857V163.243V163.63V164.016V164.402V164.789V165.175V165.562V165.948V166.334V166.72V167.107V167.493V167.88V168.266V168.652V169.038V169.425V169.811V170.198V170.584V170.97V171.357V171.743V172.129V172.516V172.902V173.289V173.675V174.061V174.447V174.833V175.22V175.607V175.993V176.379V176.765V177.152V177.538V177.924V178.311V178.697V179.084V179.47V179.856V180.242V180.629V181.015V181.402V181.788V182.174V182.56V182.947V183.333V183.72V184.106V184.492V184.879V185.265V185.651V186.038V186.424V186.811V187.197V187.583V187.969V188.356V188.742V189.129V189.515V189.901V190.287V190.674V191.06V191.446V191.833V192.219V192.606V192.992V193.378V193.764V194.151V194.537V194.924V195.31V195.696V196.082V196.469V196.855V197.242V197.628V198.014V198.401V198.787V199.173V199.56V199.946V200.333V200.719V201.105V201.491V201.878V202.264V202.651V203.037V203.423V203.809V204.196V204.582V204.969V205.355V205.741V206.128V206.514V206.9V207.286V207.673V208.06V208.446V208.832V209.218V209.604V209.991V210.377V210.764V211.15V211.536V211.923V212.309V212.695V213.082V213.468V213.855V214.241V214.627V215.013V215.4V215.786V216.173V216.559V216.945V217.331V217.718V218.104V218.491V218.877V219.263V219.65V220.036V220.422V220.809V221.195V221.582V221.968V222.354V222.74V223.126V223.513V223.899V224.286V224.672V225.058V225.445V225.831V226.217V226.604V226.99V227.377V227.763V228.149V228.535V228.922V229.308V229.695V230.081V230.467V230.853V231.24V231.626V232.013V232.399V232.785V233.172V233.558V233.944V234.331V234.717V235.104V235.49V235.876V236.262V236.648V237.035V237.422V237.808V238.194V238.58V238.967V239.353V239.739V240.126V240.512V240.898V241.285V241.671V242.057V242.444V242.83V243.217V243.603V243.989V244.375V244.762V245.148V245.535V245.921V246.307V246.693V247.08V247.466V247.853V248.239V248.625V249.012V249.398V249.784V250.171V250.557V250.944V251.33V251.716V252.102V252.488V252.875V253.262V253.648V254.034V254.42V254.807V255.193V255.579V255.966V256.352V256.739V257.125V257.511V257.897V258.284V258.67V259.057V259.443V259.829V260.215V260.602V260.988V261.375V261.761V262.147V262.534V262.92V263.306V263.693V264.079V264.466V264.852V265.238V265.624V266.011V266.397V266.784V267.17V267.556V267.942V268.329V268.715V269.102V269.488V269.874V270.261V270.647V271.033V271.419V271.806V272.192V272.579V272.965V273.351V273.737V274.124V274.51V274.897V275.283V275.669V276.056V276.442V276.828V277.215V277.601V277.988V278.374V278.76V279.146V279.533V279.919V280.306V280.692V281.078V281.464V281.851V282.237V282.624V283.01V283.396V283.783V284.169V284.555V284.941V285.328V285.715V286.101V286.487V286.873V287.259V287.646V288.032V288.419V288.805V289.191V289.578V289.964V290.35V290.737V291.123V291.51V291.896V292.282V292.668V293.055V293.441V293.828V294.214V294.6V294.986V295.373V295.759V296.146V296.532V296.918V297.305V297.691V298.077V298.464V298.85V299.237V299.623V300.009V300.395V300.781V301.168V301.555V301.941V302.327V302.713V303.1V303.486V303.872V304.259V304.645V305.032V305.418V305.804V306.19V306.577V306.963V307.35V307.736V308.122V308.508V308.895V309.281V309.668V310.054V310.44V310.827V311.213V311.599V311.986V312.372V312.759V313.145V313.531V313.917V314.304V314.69V315.077V315.463V315.849V316.235V316.622V317.008V317.395V317.781V318.167V318.553V318.94V319.326V319.712V320.099V320.485V320.872V321.258V321.644V322.03V322.417V322.803V323.19V323.576V323.962V324.348V324.735V325.121V325.508V325.894V326.28V326.667V327.053V327.439V327.826V328.212V328.599V328.985V329.371V329.757V330.144V330.53V330.917V331.303V331.689V332.075V332.462V332.848V333.234V333.621V334.007V334.394V334.78V335.166V335.552V335.939V336.325V336.712V337.098V337.484V337.87V338.257V338.643V339.03V339.416V339.802C254 345.528 250.277 350 245.677 350H245.221H244.765H244.31H243.854H243.398H242.942H242.486H242.031H241.575H241.119H240.663H240.208H239.752H239.296H238.84H238.384H237.929H237.473H237.017H236.561H236.106H235.65H235.194H234.738H234.282H233.827H233.371H232.915H232.459H232.003H231.548H231.092H230.636H230.18H229.725H229.269H228.813H228.357H227.901H227.446H226.99H226.535H226.079H225.623H225.167H224.712H224.256H223.8H223.344H222.888H222.433H221.977H221.521H221.065H220.609H220.154H219.698H219.242H218.786H218.331H217.875H217.419H216.963H216.507H216.052H215.596H215.14H214.684H214.229H213.773H213.317H212.861H212.405H211.95H211.494H211.038H210.582H210.127H209.671H209.215H208.759H208.303H207.848H207.392H206.937H206.481H206.025H205.569H205.113H204.658H204.202H203.746H203.29H202.835H202.379H201.923H201.467H201.011H200.556H200.1H199.644H199.188H198.733H198.277H197.821H197.365H196.909H196.454H195.998H195.542H195.086H194.631H194.175H193.719H193.263H192.807H192.352H191.896H191.44H190.984H190.529H190.073H189.617H189.161H188.705H188.25H187.794H187.339H186.883H186.427H185.971H185.515H185.06H184.604H184.148H183.692H183.237H182.781H182.325H181.869H181.413H180.958H180.502H180.046H179.59H179.135H178.679H178.223H177.767H177.311H176.856H176.4H175.944H175.488H175.033H174.577H174.121H173.665H173.209H172.754H172.298H171.842H171.386H170.93H170.475H170.019H169.563H169.107H168.652H168.196H167.741H167.285H166.829H166.373H165.917H165.462H165.006H164.55H164.094H163.639H163.183H162.727H162.271H161.815H161.36H160.904H160.448H159.992H159.536H159.081H158.625H158.169H157.713H157.258H156.802H156.346H155.89H155.434H154.979H154.523H154.067H153.611H153.156H152.7H152.244H151.788H151.332H150.877H150.421H149.965H149.509H149.054H148.598H148.143H147.687H147.231H146.775H146.319H145.864H145.408H144.952H144.496H144.04H143.585H143.129H142.673H142.217H141.762H141.306H140.85H140.394H139.938H139.483H139.027H138.571H138.115H137.66H137.204H136.748H136.292H135.836H135.381H134.925H134.469H134.013H133.558H133.102H132.646H132.19H131.734H131.279H130.823H130.367H129.911H129.456H129H128.544H128.089H127.633H127.177H126.721H126.266H125.81H125.354H124.898H124.442H123.987H123.531H123.075H122.619H122.164H121.708H121.252H120.796H120.34H119.885H119.429H118.973H118.517H118.062H117.606H117.15H116.694H116.238H115.783H115.327H114.871H114.415H113.96H113.504H113.048H112.592H112.136H111.681H111.225H110.769H110.313H109.857H109.402H108.946H108.491H108.035H107.579H107.123H106.668H106.212H105.756H105.3H104.844H104.389H103.933H103.477H103.021H102.566H102.11H101.654H101.198H100.742H100.287H99.8307H99.3753H98.9193H98.4633H98.0078H97.5518H97.0963H96.6403H96.1849H95.7289H95.2734H94.8174H94.3614H93.9059H93.4499H92.9944H92.5384H92.083H91.627H91.1715H90.7155H90.2595H89.804H89.348H88.8926H88.4365H87.9811H87.5251H87.0696H86.6136H86.1576H85.7021H85.2461H84.7907H84.3347H83.8792H83.4232H82.9672H82.5117H82.0557H81.6002H81.1442H80.6888H80.2328H79.7773H79.3213H78.8653H78.4098H77.9538H77.4983H77.0423H76.5869H76.1309H75.6754H75.2194H74.7634H74.3079H73.8519H73.3965H72.9404H72.485H72.029H71.573H71.1175H70.6615H70.206H69.75H69.2946H68.8385H68.3831H67.9271H67.4711H67.0156H66.5596H66.1041H65.6481H65.1927H64.7367H64.2812H63.8252H63.3692H62.9137H62.4577H62.0022H61.5462H61.0908H60.6348H60.1787H59.7233H59.2673H58.8118H58.3558H57.9003H57.4443H56.9887H56.5329H56.0771H55.6213H55.1656H54.7098H54.254H53.7983H53.3425H52.8867H52.431H51.9752H51.5194H51.0637H50.6079H50.1521H49.6963H49.2405H48.7848H48.329H47.8733H47.4175H46.9618H46.506H46.0502H45.5944H45.1387H44.6829H44.2271H43.7714H43.3156H42.8598H42.4041H41.9483H41.4925H41.0368H40.581H40.1252H39.6694H39.2137H38.7579H38.3021H37.8464H37.3906H36.9348H36.4791H36.0233H35.5676H35.1118H34.656H34.2002H33.7444H33.2887H32.8329H32.3772H31.9214H31.4656H31.0099H30.5541H30.0983H29.6426H29.1868H28.731H28.2752H27.8195H27.3637H26.9079H26.4522H25.9964H25.5407H25.0849H24.6291H24.1733H23.7176H23.2618H22.806H22.3502H21.8945H21.4387H20.983H20.5272H20.0715H19.6157H19.1599H18.7041H18.2483H17.7926H17.3368H16.881H16.4253H15.9695H15.5137H15.058H14.6022H14.1465H13.6907H13.2349H12.7791H12.3233C7.72246 350 4 345.528 4 339.802V339.416V339.03V338.643V338.257V337.87V337.484V337.098V336.712V336.325V335.939V335.552V335.166V334.78V334.394V334.007V333.621V333.234V332.848V332.462V332.075V331.689V331.303V330.917V330.53V330.144V329.757V329.371V328.985V328.599V328.212V327.826V327.439V327.053V326.667V326.28V325.894V325.508V325.121V324.735V324.348V323.962V323.576V323.19V322.803V322.417V322.03V321.644V321.258V320.872V320.485V320.099V319.712V319.326V318.94V318.553V318.167V317.781V317.395V317.008V316.622V316.235V315.849V315.463V315.077V314.69V314.304V313.917V313.531V313.145V312.759V312.372V311.986V311.599V311.213V310.827V310.44V310.054V309.668V309.281V308.895V308.508V308.122V307.736V307.35V306.963V306.577V306.19V305.804V305.418V305.032V304.645V304.259V303.872V303.486V303.1V302.713V302.327V301.941V301.555V301.168V300.781V300.395V300.009V299.623V299.237V298.85V298.464V298.077V297.691V297.305V296.918V296.532V296.146V295.759V295.373V294.986V294.6V294.214V293.828V293.441V293.055V292.668V292.282V291.896V291.51V291.123V290.737V290.35V289.964V289.578V289.191V288.805V288.419V288.032V287.646V287.259V286.873V286.487V286.101V285.715V285.328V284.941V284.555V284.169V283.783V283.396V283.01V282.624V282.237V281.851V281.464V281.078V280.692V280.306V279.919V279.533V279.146V278.76V278.374V277.988V277.601V277.215V276.828V276.442V276.056V275.669V275.283V274.897V274.51V274.124V273.737V273.351V272.965V272.579V272.192V271.806V271.419V271.033V270.647V270.261V269.874V269.488V269.102V268.715V268.329V267.942V267.556V267.17V266.784V266.397V266.011V265.624V265.238V264.852V264.466V264.079V263.693V263.306V262.92V262.534V262.147V261.761V261.375V260.988V260.602V260.215V259.829V259.443V259.057V258.67V258.284V257.897V257.511V257.125V256.739V256.352V255.966V255.579V255.193V254.807V254.42V254.034V253.648V253.262V252.875V252.488V252.102V251.716V251.33V250.944V250.557V250.171V249.784V249.398V249.012V248.625V248.239V247.853V247.466V247.08V246.693V246.307V245.921V245.535V245.148V244.762V244.375V243.989V243.603V243.217V242.83V242.444V242.057V241.671V241.285V240.898V240.512V240.126V239.739V239.353V238.967V238.58V238.194V237.808V237.422V237.035V236.648V236.262V235.876V235.49V235.104V234.717V234.331V233.944V233.558V233.172V232.785V232.399V232.013V231.626V231.24V230.853V230.467V230.081V229.695V229.308V228.922V228.535V228.149V227.763V227.377V226.99V226.604V226.217V225.831V225.445V225.058V224.672V224.286V223.899V223.513V223.126V222.74V222.354V221.968V221.582V221.195V220.809V220.422V220.036V219.65V219.263V218.877V218.491V218.104V217.718V217.331V216.945V216.559V216.173V215.786V215.4V215.013V214.627V214.241V213.855V213.468V213.082V212.695V212.309V211.923V211.536V211.15V210.764V210.377V209.991V209.604V209.218V208.832V208.446V208.06V207.673V207.286V206.9V206.514V206.128V205.741V205.355V204.969V204.582V204.196V203.809V203.423V203.037V202.651V202.264V201.878V201.491V201.105V200.719V200.333V199.946V199.56V199.173V198.787V198.401V198.014V197.628V197.242V196.855V196.469V196.082V195.696V195.31V194.924V194.537V194.151V193.764V193.378V192.992V192.606V192.219V191.833V191.446V191.06V190.674V190.287V189.901V189.515V189.129V188.742V188.356V187.969V187.583V187.197V186.811V186.424V186.038V185.651V185.265V184.879V184.492V184.106V183.72V183.333V182.947V182.56V182.174V181.788V181.402V181.015V180.629V180.242V179.856V179.47V179.084V178.697V178.311V177.924V177.538V177.152V176.765V176.379V175.993V175.607V175.22V174.833V174.447V174.061V173.675V173.289V172.902V172.516V172.129V171.743V171.357V170.97V170.584V170.198V169.811V169.425V169.038V168.652V168.266V167.88V167.493V167.107V166.72V166.334V165.948V165.562V165.175V164.789V164.402V164.016V163.63V163.243V162.857V162.471V162.084V161.698V161.311V160.925V160.539V160.153V159.767V159.38V158.993V158.607V158.221V157.835V157.449V157.062V156.676V156.289V155.903V155.517V155.13V154.744V154.358V153.971V153.585V153.198V152.812V152.426V152.04V151.653V151.267V150.88V150.494V150.108V149.722V149.335V148.949V148.562V148.176V147.79V147.403V147.017V146.631V146.245V145.858V145.471V145.085V144.699V144.313V143.927V143.54V143.154V142.767V142.381V141.995C4 117.315 9.64194 93.086 20.1879 71.9995C68.7444 -24.0002 189.378 -23.9995 237.812 71.9995Z"; --moocta:"M209.834 0.5C213.456 0.500054 217.087 1.87858 219.688 4.47949L297.521 82.3633L297.761 82.6094C300.204 85.1787 301.5 88.5434 301.5 92.2168V209.783C301.5 213.292 300.206 216.809 297.761 219.39L297.521 219.637L219.688 297.52C217.089 300.118 213.626 301.5 209.834 301.5H92.168V301.499C88.4902 301.519 84.9519 300.092 82.3184 297.524L82.3145 297.52L4.48145 219.637L4.47949 219.636C3.19361 218.34 2.17924 216.799 1.49609 215.106C0.855775 213.519 0.518928 211.827 0.500977 210.118V92.2168C0.500977 88.5948 1.88047 84.9643 4.48145 82.3633L5.33496 81.5098V81.6758L82.4805 4.47949L82.7266 4.23926C85.2959 1.79566 88.6606 0.500074 92.334 0.5H209.834Z"; --motoptrang:"M241.323 98.2112L241.325 98.2123C247.485 103.73 251 112.455 251 121.632V341.013C251 346.617 247.303 351 242.727 351H9.27305C4.6967 351 1 346.617 1 341.013V121.632C1 112.458 4.63526 103.731 10.6774 98.2106L111.339 6.87655C120.03 -0.958849 131.97 -0.958849 140.661 6.87655L241.323 98.2112Z"; } label.img-upload-btn { background-color: #7DC855; /* background-image: linear-gradient(43deg, #f00 0%, #C850C0 0%, #FFCC70 100%); */ padding: 12px 27px; font-size: 18px; /* border: 2px solid #f00; */ font-weight: 500; border-radius: 10px; box-shadow: 1px 1px 10px #ccc; color: #fff; } .upzoomdiv { align-items: center; justify-content: center; display: flex; padding: 9px; } .photoframe { height: 700px; width: 700px; padding: 50px; position: relative; /* MARGIN: 65px; */ background-size: cover; background-position: center; background-image: url('../../product-page/images/photobackground.png'); } p.no-pic { font-size: 0px; padding: 0px; margin-bottom: 0px; line-height: 0px; } #rectang{ display: block; } #newsquear{ display: none; } .left-column { height: 620px; width: 600px; padding: 50px 20px; position: relative; MARGIN: 65px; background-image: url(images/bg.jpg); background-size: contain; background-position: center; } .heart{ height: 600px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--heart)); } .octa{ height: 600px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--octa)); } .roundrect { width: 644px; height: 483px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--roundrect)); left: -35px; } .sharprect { width: 644px; height: 483px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--sharprect)); left: -35px; } .vrec { height: 644px; width: 483px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--vrec)); left: 45px; top: -35px; } .shapebg{ background-color: #00000030; } .vrec { height: 644px; width: 483px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--vrec)); left: 45px; top: -35px; } .vrrec { height: 644px; width: 483px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--vrrec)); left: 45px; top: -35px; } .topsemi { height: 600px; width: 450px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--topsemi)); left: 45px; top: -35px; } .toptrang { height: 600px; width: 450px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--toptrang)); left: 45px; top: -35px; } .vegg { width: 490px; height:640px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--vegg)); left: 50px; } .egg { width: 644px; height: 483px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--egg)); left: -35px; } .square { height: 600px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--square)); } .rounded{ height: 600px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--rounded)); } .star{ height: 600px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--star)); } .circle{ height: 600px; width: 600px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--circle)); } .hexagon{ height: 600px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--hexagon)); } .photostand .circle { height: 500px !important; } .flower{ height: 600px; width: 630px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--flower)); } .diamond{ height: 680px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--diamond)); } .leaf{ height: 600px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--leaf)); } .choose-thickness input[type="radio"] { display: none; } .choose-thickness input[type="radio"] + label span { border: 1px solid #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33); border-radius: 6px; padding: 5px 12px; font-size: 15px; color: #5E6977; font-weight: 500; background-color: #fff; cursor: pointer; } .choose-thickness input[type="radio"]:checked + label span { background-color: #eb485317; }.choose-size input[type="radio"]:checked + label span { background-color: #eb485317; } .choose-frame div { display: inline-block; } .choose-frame input[type="radio"] { display: none; } .choose-frame input[type="radio"] + label span { display: inline-block; width: 48px; height: 55px; vertical-align: middle; cursor: pointer; border-radius: 0%; margin: 0 4px; } .product_img img { max-width: 100%; } /*img#cursorImage { max-width: min-content; }*/ .choose-size input[type="radio"] { display: none; } .choose-size input[type="radio"] + label span { border: 1px solid #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33); border-radius: 6px; padding: 5px 12px; font-size: 15px; color: #5E6977; font-weight: 500; background-color: #fff; cursor: pointer; } .choose-shape div { display: inline-block; } .choose-shape input[type="radio"] { display: none; } .choose-shape input[type="radio"] + label span { display: inline-block; width: 45px ; height: 45px; vertical-align: middle; cursor: pointer; border-radius: 0%; } .choose-shape input[type="radio"] + label span { border: 2px solid #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33); } .choose-shape input[type="radio"]#square + label span { background-image:url('../../product-page/images/square.png'); background-size: 40px auto; background-repeat: no-repeat; } .choose-shape input[type="radio"]#roundrect + label span { background-image:url('../../product-page/images/roundrect.png'); background-repeat: no-repeat; } .choose-shape input[type="radio"]#sharprect + label span { background-image:url('../../product-page/images/sharprect.png'); background-repeat: no-repeat; } .choose-shape input[type="radio"]#egg + label span { background-image:url('../../product-page/images/egg.png'); background-repeat: no-repeat; } .choose-shape input[type="radio"]#flower + label span { background-image:url('../../product-page/images/flower.png'); background-size: 40px auto; background-repeat: no-repeat; } .choose-shape input[type="radio"]#rounded + label span { background-image:url('../../product-page/images/rounded.png'); background-size: 40px auto; background-repeat: no-repeat; }.choose-shape input[type="radio"]#star + label span { background-image:url('../../product-page/images/star.png'); background-size: 40px auto; background-repeat: no-repeat; } .choose-shape input[type="radio"]#octa + label span { background-image:url('../../product-page/images/octa.png'); background-size: 40px auto; background-repeat: no-repeat; } .choose-shape input[type="radio"]#heart + label span { background-image:url('../../product-page/images/heart.png'); background-size: 40px auto; background-repeat: no-repeat; } .choose-shape input[type="radio"]#leaf + label span { background-image:url('../../product-page/images/leaf.png'); background-size: 38px auto; background-position-x: 3px; background-repeat: no-repeat; } .choose-shape input[type="radio"]#diamond + label span { background-image: url('../../product-page/images/diamond.png'); background-size: 30px; background-repeat: no-repeat; align-items: center; background-position-x: 5px; background-position-y: 3px; } .choose-shape input[type="radio"]#circle + label span { background-image:url('../../product-page/images/circle.png'); background-size: 40px auto; background-repeat: no-repeat; } .choose-shape input[type="radio"]#hexagon + label span { background-image:url('../../product-page/images/hexagon.png'); background-size: 40px auto; background-repeat: no-repeat; } .choose-shape input[type="radio"]#topsemi + label span { background-image:url('../../product-page/images/topsemi11.png'); background-size: 30px; background-repeat: no-repeat; } .choose-shape input[type="radio"]#toptrang + label span { background-image:url('../../product-page/images/roundrect11.png'); background-size: 30px; background-repeat: no-repeat; } .choose-shape input[type="radio"]#vrrec + label span { background-image:url('../../product-page/images/toptrang11.png'); background-repeat: no-repeat; background-size: 30px; } .choose-shape input[type="radio"]:checked + label span { /* background-image: url(images/check-icn.svg);*/ background-repeat: no-repeat; background-position: center; background-color: #eb485317; } html, body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } body { background: #ffffff none repeat scroll 0 0; color: #687188; font-family: 'Poppins', sans-serif; font-size: 16px; } h1,h2,h3,h4,h5,h6 { color: #292b2c; font-family: 'Roboto'; } p { color:#687188; line-height: 28px; margin-bottom: 25px; } a { color: #292b2c; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all .3s ease-in-out; } a:hover { color: #FF324D; text-decoration: none; } a:focus { outline: none; } button { -webkit-transition: all 0.3s ease-in-out; transition: all .3s ease-in-out; } ul,li,ol { margin: 0; padding: 0; } fieldset { border: 0 none; margin: 0 auto; padding: 0; } label { color: #6c757d; } input:focus, textarea:focus { outline: none; box-shadow: none; } iframe { border: 0; display: block; } video { width: 100%; } .section { padding: 100px 0; position:relative; } .section.small_pt, .footer_top.small_pt { padding-top: 50px; } .section.small_pb, .footer_top.small_pb { padding-bottom: 50px; } .section.pb_20, .pb_20, .footer_top.pb_20 { padding-bottom: 20px; } .section.pb_70, .pb_70, .footer_top.pb_70 { padding-bottom: 70px; } .section.pb_85, .pb_85, .footer_top.pb_85 { padding-bottom: 85px; } div.banner_large_pad { padding: 200px 0; } .small_padding { padding: 30px; } .medium_padding { padding: 50px; } .large_padding { padding: 100px; } .small_divider { height: 30px; } .medium_divider { height: 50px; } .large_divider { height: 100px; } .padding_eight_all { padding: 8%; } .padding_eight_lr { padding: 0 8%; } .padding_eight_tb { padding: 8% 0; } .list_none li { list-style:none; } .order_list, .disc_list { padding-left: 15px; } .btn:focus,.btn:hover,.btn.active { box-shadow: none; outline: medium none; border-color:inherit; } button:focus { outline:none; } button:focus:not(:focus-visible) { outline: 0; box-shadow: none; } .border-2 { border-width: 2px !important; } .btn { border-width: 1px; cursor: pointer; line-height: normal; padding: 12px 35px; text-transform: capitalize; transition: all 0.3s ease-in-out; } .btn.active:focus, .btn:active:focus { box-shadow: none !important; } .btn-fill-out { background-color: transparent; border: 1px solid #FF324D; color: #fff; position: relative; overflow: hidden; z-index: 1; } .btn-fill-out::before, .btn-fill-out::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; background-color: #FF324D; z-index: -1; transition: all 0.3s ease-in-out; width: 51%; } .btn-fill-out::after { right: 0; left: auto; } .btn-fill-out:hover:before, .btn-fill-out:hover:after { width: 0; } .btn-fill-out:hover { color: #FF324D !important; } .btn-fill-line { background-color: transparent; border: 1px solid #333; overflow: hidden; position: relative; color: #fff !important; transition: all 0.8s ease 0s; z-index: 1; } .btn-fill-line:before, .btn-fill-line:after { position: absolute; content: ''; left: 0; top: 0; bottom: 0; background-color: #333; z-index: -1; transition: all 0.3s ease-in-out; width: 50%; } .btn-fill-line::after { right: 0; left: auto; } .btn-fill-line:hover:before, .btn-fill-line:hover:after { width: 0; } .btn-fill-line:hover { color: #333 !important; } .btn-border-fill { border: 1px solid #FF324D; color: #FF324D; position: relative; overflow: hidden; z-index: 1; } .btn-border-fill::before, .btn-border-fill::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; background-color: #FF324D; z-index: -1; transition: all 0.3s ease-in-out; width: 0; } .btn-border-fill::after { right: 0; left: auto; } .btn-border-fill:hover:before, .btn-border-fill:hover:after { width: 50%; } .btn-border-fill:hover { color: #fff !important; } .btn-white { background-color: transparent; border: 1px solid #fff; color: #292b2c !important; position: relative; overflow: hidden; z-index: 1; } .btn-white::before, .btn-white::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; background-color: #fff; z-index: -1; transition: all 0.5s ease-in-out; width: 50%; } .btn-white::after { right: 0; left: auto; } .btn-white:hover:before, .btn-white:hover:after { width: 0; } .btn-white:hover { color: #fff !important; } .btn-fill-out-dark { background-color: transparent; border: 1px solid #333; color: #fff !important; position: relative; overflow: hidden; z-index: 1; } .btn-fill-out-dark:hover { color: #333 !important; } .btn-fill-out-dark::before { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: -1; content: ''; background-color: #333; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .btn-line-fill { border: 1px solid #333; overflow: hidden; position: relative; color: #333 !important; transition: all 0.8s ease 0s; z-index: 1; } .btn-line-fill:hover { color: #fff !important; } @keyframes criss-cross-left { 0% { left: -20px; } 50% { left: 50%; width: 20px; height: 20px; } 100% { left: 50%; width: 450px; height: 450px; } } @keyframes criss-cross-right { 0% { right: -20px; } 50% { right: 50%; width: 20px; height: 20px; } 100% { right: 50%; width: 450px; height: 450px; } } .btn-line-fill:before, .btn-line-fill:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background-color: #333; border-radius: 50%; z-index: -1; } .btn-line-fill:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .btn-line-fill:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .btn-line-fill:hover:before { -webkit-animation: criss-cross-left 0.7s both; animation: criss-cross-left 0.7s both; -webkit-animation-direction: alternate; animation-direction: alternate; } .btn-line-fill:hover:after { -webkit-animation: criss-cross-right 0.7s both; animation: criss-cross-right 0.7s both; -webkit-animation-direction: alternate; animation-direction: alternate; } .btn-line-white { border: 1px solid #fff; color: #fff !important; } .btn-line-white:hover { color: #333 !important; } .btn-line-fill.btn-line-white:before, .btn-line-fill.btn-line-white:after { background-color: #fff; } .btn-tran-light { background-color: rgba(255,255,255,0.2); color: #fff; } .btn-tran-light:hover { background-color: #fff; } .btn-radius { border-radius: 40px; } .btn + .btn { margin-left: 10px; } .btn i { font-size: 16px; margin-right: 5px; vertical-align: middle; line-height: 1; } .btn span { vertical-align: middle; } .btn-group-sm > .btn, .btn-sm { padding: 8px 25px; } .btn-group-lg > .btn, .btn-lg { padding: 16px 45px; } .btn-xs { padding: 4px 20px; font-size: 12px; } .btn-md { padding: 12px 35px; font-size: 16px; } .btn.btn-xs i { font-size: 10px; } .btn.btn-sm i { font-size: 12px; } .btn.btn-lg i { font-size: 22px; } .btn-ripple { padding-right: 0 !important; border: 0; } .btn-link { position: relative; z-index: 2; text-decoration: none; } .btn-link:hover { text-decoration: none; } .btn-link::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; background-color: #FF324D; z-index: -1; } .text_white * { color: #fff; } .text_dark * { color: #333; } .text_default { color: #FF324D !important; } .bg_default { background-color: #FF324D !important; } .bg_gray { background-color: #f7f8fb !important; } .bg_light_blue { background-color: #EBF5FF !important; } .bg_light_blue2 { background-color: #F4F9FC !important; } .bg_blue { background-color: #4382FF !important; } .bg_linen { background-color: #F9F5F0 !important; } .bg_redon { background-color: #FFF1F1 !important; } .bg_dark { background-color: #1D2224 !important; } .bg_dark2 { background-color: #131d24 !important; } .bg_dark3 { background-color: #233645 !important; } .bg_dark4 { background-color: #1B1E20 !important; } .bg_apricot { background-color: #fde0ca !important; } .radius_all_5, .radius_all_5:before, .radius_all_5:after { border-radius: 5px; } .radius_all_10, .radius_all_10:before, .radius_all_10:after { border-radius: 10px; } .radius_lb_10, .radius_lb_10:after, .radius_lb_10:before { border-radius: 10px 0 0 10px; } .radius_rb_10, .radius_rb_10:before, .radius_rb_10:after { border-radius: 0 10px 10px 0; } .radius_lbrb_10, .radius_lbrb_10:before, .radius_lbrb_10:after { border-radius: 0 0 10px 10px; } .radius_ltrt_10, .radius_ltrt_10:before, .radius_ltrt_10:after { border-radius: 10px 10px 0 0; } .scrollup { background-color: #171717; bottom: 20px; color: #ffffff; font-size: 24px; height: 40px; line-height: 40px; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 99; } .scrollup:hover { background-color: #FF324D; color:#fff; } .scrollup:focus { color:#fff; } .scrollup_style1 { background-color: #FF324D; } .scrollup.scrollup_style1:hover { background-color: #333; } .background_bg { background-position: center center; background-size: cover; } .bg_size_auto { background-size: auto !important; } .bg_size_contain { background-size: contain !important; } .bg_norepeat { background-repeat: no-repeat !important; } .position_top_center { background-position: top center !important; } .position_center_bottom { background-position: center bottom !important; } .position_right_center { background-position: right center !important; } .position_right_bottom { background-position: right bottom !important; } .fixed_bg { background-attachment: fixed !important; } [class*=overlay_bg_] { position: relative; } [class*=overlay_bg_]::before { background-color: #000; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } [class*=overlay_bg_default_]::before { background-color: #FF324D; } [class*=overlay_bg_blue_]::before { background-color: #031B4E; } [class*=overlay_bg_white_]::before { background-color: #fff; } .overlay_bg_90::before, .overlay_bg_default_90::before, .overlay_bg_blue_90::before, .overlay_bg_white_90::before { opacity: 0.9; } .overlay_bg_80::before, .overlay_bg_default_80::before, .overlay_bg_blue_80::before, .overlay_bg_white_80::before { opacity: 0.8; } .overlay_bg_70::before, .overlay_bg_default_70::before, .overlay_bg_blue_70::before, .overlay_bg_white_70::before { opacity: 0.7; } .overlay_bg_60::before, .overlay_bg_default_60::before, .overlay_bg_blue_60::before, .overlay_bg_white_60::before { opacity: 0.6; } .overlay_bg_50::before, .overlay_bg_default_50::before, .overlay_bg_blue_50::before, .overlay_bg_white_50::before { opacity: 0.5; } .overlay_bg_40::before, .overlay_bg_default_40::before, .overlay_bg_blue_40::before, .overlay_bg_white_40::before { opacity: 0.4; } .overlay_bg_30::before, .overlay_bg_default_30::before, .overlay_bg_blue_30::before, .overlay_bg_white_30::before { opacity: 0.3; } .overlay_bg_20::before, .overlay_bg_default_20::before, .overlay_bg_blue_20::before, .overlay_bg_white_20::before { opacity: 0.2; } .overlay_bg_10::before, .overlay_bg_default_10::before, .overlay_bg_blue_10::before, .overlay_bg_white_10::before { opacity: 0.1; } .ripple { background-color: #FF324D; border-radius: 100%; color: #fff; position: relative; display: inline-block; margin-right: 25px; line-height: 50px; font-size: 22px !important; vertical-align: middle; margin-left: -15px; height: 50px; width: 50px; text-align: center; } .ripple i { margin-right: 0; margin-left: 3px; font-size: 22px; } .ripple::before,.ripple::after { -webkit-animation: ripple 1.8s infinite ; -moz-animation: ripple 1.8s infinite ; -o-animation: ripple 1.8s infinite ; -ms-transition:ripple 1.8s infinite ; animation: ripple 1.8s infinite ; background-color: #FF324D; border-radius: 100%; margin: -20px; bottom: 0px; content: ""; display: block; left: 0px; opacity: 0; position: absolute; right: 0px; top: 0px; z-index:-1; } .ripple::before { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .ripple::after { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes ripple{ 0%{ opacity:0; -webkit-transform:scale(0); transform:scale(0) } 50%{ opacity:0.5; } 100%{ opacity:0; -webkit-transform:scale(1); transform:scale(1) } } @keyframes ripple{ 0%{ opacity:0; -webkit-transform:scale(0); transform:scale(0) } 50%{ opacity:0.5; } 100%{ opacity:0; -webkit-transform:scale(1); transform:scale(1) } } .btn-ripple-white .ripple::before, .btn-ripple-white .ripple::after, .btn-ripple-white .ripple { background-color: #fff; } .btn-ripple-white .ripple { color: #FF324D; } .bg_transparent_20 { background-color: rgba(0,0,0,0.2); } .box_shadow1 { box-shadow: 0 0 10px rgba(0,0,0,0.1); } .border-top-tran { border-top: 1px solid rgba(255,255,255,0.1); } .border_bottom_tran { border-bottom: 1px solid rgba(255,255,255,0.1); } /*Title Css*/ .heading_s1 { margin-bottom: 25px; } .heading_s1 h1, .heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 { font-weight: 700; margin: 0; text-transform: capitalize; } .heading_s2 { position: relative; } .heading_s2 h1, .heading_s2 h2, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, .heading_s2 h6, .heading_s3 h1, .heading_s3 h2, .heading_s3 h3, .heading_s3 h4, .heading_s3 h5, .heading_s3 h6 { font-weight: 700; margin: 0; text-transform: capitalize; } .heading_s2 h1, .heading_s2 h2, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, .heading_s2 h6 { position: relative; z-index: 9; } .heading_s2 .sub_heading { font-size: 100px; font-weight: bold; padding: 0; margin-bottom: -15px; z-index: 0; position: relative; line-height: 100px; background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#1affffff',GradientType=0 ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .heading_s2.heading_light .sub_heading { background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.01) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.01) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.01) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1a000000',GradientType=0 ); background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .heading_s3 { margin-bottom: 15px; padding-bottom: 15px; position: relative; } .heading_s3::before { content: ""; position: absolute; left: 0; width: 50px; height: 1px; background-color: #FF324D; bottom: 0; right: 0; } .heading_light.heading_s3::before { background-color: #fff; } .heading_s3.text-center::before { margin: 0 auto; } .heading_s3.text-right::before { left: auto; right: 0; } .heading_s4 { margin-bottom: 15px; } .heading_s4 h1, .heading_s4 h2, .heading_s4 h3, .heading_s4 h4, .heading_s4 h5, .heading_s4 h6 { font-weight: 700; margin: 0; text-transform: capitalize; line-height: normal; } .heading_s4 .heading_icon i { color: #20E076; font-size: 30px; position: relative; z-index: 3; width: 50px; display: block; height: 50px; line-height: 50px; } .heading_icon { display: inline-block; position: relative; z-index: 2; padding: 0 30px; text-align: center; } .heading_icon::after { content: ""; position: absolute; right: 0; width: 30px; top: 50%; border-top: 1px solid #999; z-index: -1; border-bottom: 1px solid #999; height: 5px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .heading_icon::before { content: ""; position: absolute; left: 0; width: 30px; top: 50%; border-top: 1px solid #999; z-index: -1; border-bottom: 1px solid #999; height: 5px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .heading_light .heading_icon i { color: #fff !important; } .heading_uppercase h1, .heading_uppercase h2, .heading_uppercase h3, .heading_uppercase h4, .heading_uppercase h5, .heading_uppercase h6 { text-transform: uppercase; } .heading_light * { color: #fff; } .sub_heading { color: #FF324D; margin-bottom: 10px; display: block; } .highlight_text { font-size: 20px; color: #333; font-weight: 600; margin-bottom: 15px; display: block; } .leads { margin-bottom: 30px; } /*Loader Css*/ .preloader { background-color: #fff; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; } .lds-ellipsis { margin: 0 auto; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 64px; text-align: center; z-index: 9999; } .lds-ellipsis span { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #FF324D; -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out; animation: ball-pulse-sync .6s 0s infinite ease-in-out; } .lds-ellipsis span:nth-child(1) { -webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out; animation:ball-pulse-sync .6s -.14s infinite ease-in-out } .lds-ellipsis span:nth-child(2) { -webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out; animation:ball-pulse-sync .6s -70ms infinite ease-in-out } @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform:translateY(10px); transform:translateY(10px) } 66% { -webkit-transform:translateY(-10px); transform:translateY(-10px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes ball-pulse-sync { 33% { -webkit-transform:translateY(10px); transform:translateY(10px) } 66% { -webkit-transform:translateY(-10px); transform:translateY(-10px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .custom-container { max-width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /*===================================* 01.END GENERAL STYLE *===================================*/ /*===================================* 02.START HEADER STYLE *===================================*/ .navbar-brand { padding: 10px 0; vertical-align: top; margin: 0; display:inline-block; } .dark_skin .logo_light, .dark_skin .logo_default, .light_skin .logo_default, .light_skin .logo_dark, .logo_light,.logo_dark { display: none; } .dark_skin .logo_dark, .light_skin .logo_light { display: block; } .light_skin .navbar-nav a, .light_skin .navbar-toggler, .light_skin .navbar a.pr_search_trigger { color: #ffffff; } .middle-header { padding: 10px 0; position: relative; } .navbar { padding: 0; } .header_wrap { transition: all 0.5s ease 0s; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]) { background-color: #fff; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent_header { background-color: transparent; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent_header.nav-fixed { background-color: #fff; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent_header.light_skin.nav-fixed, .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent_header.nav-fixed .light_skin { background-color: #1D2224; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent_header.sticky_dark_skin.nav-fixed, .light_skin .sidetoggle_icon::after, .light_skin .sidetoggle_icon::before, .light_skin .toggle_center_line { background-color: #fff; } .navbar .navbar-nav li { position: relative; list-style: none; transition: all 0.3s ease 0s; } .navbar-nav .dropdown-menu { border: 0; border-radius: 0; margin: 0; padding: 0; min-width: 14rem; } .navbar-nav .dropdown-menu { background-color: #252A2C; } .light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu, .light_skin .navbar-nav .dropdown-menu .dropdown-menu { background-color: #303537; } .dark_skin .navbar-nav .dropdown-menu { background-color: #fff; box-shadow: 0 13px 42px 11px rgba(0,0,0,.05); } .dark_skin .mega-menu-col, .dark_skin .cart_list li { border-color: #ddd; } .dark_skin .navbar .navbar-nav .dropdown-menu li a.active, .dark_skin .navbar .navbar-nav .dropdown-menu li a:hover, .dark_skin .navbar .navbar-nav .dropdown-menu > ul > li:hover > a, .dark_skin .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a { color: #FF324D; } .dark_skin .navbar .navbar-nav li > .dropdown-item, .dark_skin .navbar .navbar-nav .dropdown-header, .dark_skin .cart_quantity, .dark_skin .cart_total { color: #333333; } .dropdown-toggle::after, .dropdown-toggler::after { border: 0 none; content: "\f3d0"; font-family: "Ionicons"; margin-left: 5px; vertical-align: middle; } .dropdown-toggler::after { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .dropdown-menu .dropdown-toggler::after { position: absolute; right: 15px; top: 10px; } .navbar .navbar-nav > li > .nav-link { font-weight: 600; padding: 22px 16px; text-transform: capitalize; font-size: 14px; letter-spacing: 0.2px; } .navbar .navbar-nav > li > a.active, .navbar .navbar-nav > li:hover > a, .light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li > a.active, .light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li:hover > a, .transparent_header.nav-fixed .light_skin .navbar .navbar-nav > li > a.active, .transparent_header.nav-fixed .light_skin .navbar .navbar-nav > li:hover > a { color: #FF324D; } .light_skin .navbar .navbar-nav .dropdown-item, .light_skin .navbar .navbar-nav .dropdown-header { color: #fff; } .light_skin .item_remove { color: #fff !important; } .light_skin .mega-menu-col { border-right: 1px solid #3f3f3f; } .navbar .navbar-nav .dropdown-item { padding: 8px 20px 8px 20px; color: #333; font-size: 14px; text-transform: capitalize; FONT-WEIGHT: 600; } .navbar .navbar-nav .dropdown-item.dropdown-toggler { padding-right: 30px; } .navbar .navbar-nav .dropdown-header { color: #333; padding: 10px 20px; text-transform: uppercase; font-weight: bold; } .navbar-nav.attr-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-nav.attr-nav li .nav-link { padding: 20px 10px; position: relative; white-space: nowrap; } .navbar .attr-nav li.nav-btn { margin-left: 10px; } .navbar-nav.attr-nav li .nav-link i { font-size: 20px; } .hover_menu_style2 .navbar .navbar-nav.attr-nav > li > .nav-link { margin: 0; padding: 20px 10px; } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { background-color: transparent; } .navbar .navbar-nav.attr-nav .dropdown-menu li a.active, .navbar .navbar-nav.attr-nav .dropdown-menu li a:hover, .navbar .navbar-nav.attr-nav .dropdown-menu > ul > li:hover > a { background-color: rgba(0,0,0,0); } .navbar .navbar-nav .dropdown-menu li a.active, .navbar .navbar-nav .dropdown-menu li a:hover, .navbar .navbar-nav .dropdown-menu > ul > li:hover > a, .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a, .sticky_dark_skin.nav-fixed .navbar .navbar-nav .dropdown-item:hover { color: #FF324D; } .sticky_dark_skin.nav-fixed .logo_light { display: none; } .sticky_dark_skin.nav-fixed .logo_dark { display: block; } .sticky_dark_skin.nav-fixed .navbar-nav li > a, .sticky_dark_skin.nav-fixed .navbar-toggler, .sticky_dark_skin.nav-fixed .navbar .navbar-nav .dropdown-item, .sticky_dark_skin.nav-fixed .navbar .navbar-nav .dropdown-header, .sticky_dark_skin.nav-fixed .cart_quantity, .sticky_dark_skin.nav-fixed .cart_total { color: #333; } .sticky_dark_skin.nav-fixed .navbar .navbar-nav .dropdown-item.active { color: #FF324D; } .sticky_dark_skin.nav-fixed .item_remove { color: #333 !important; } .sticky_dark_skin.nav-fixed .navbar-nav .dropdown-menu, .sticky_dark_skin.nav-fixed .navbar-nav .dropdown-menu .dropdown-menu { background-color: #fff; box-shadow: 0 13px 42px 11px rgba(0,0,0,.05); } .sticky_dark_skin.nav-fixed .mega-menu-col, .sticky_dark_skin.nav-fixed .cart_list li { border-color: #ddd; } .sticky_dark_skin.nav-fixed.header_wrap[class*="bg_"], .sticky_dark_skin.nav-fixed.header_wrap[class*="bg-"] { background-color: #fff !important; } .sticky_light_skin.nav-fixed .logo_dark { display: none; } .sticky_light_skin.nav-fixed .logo_light { display: block; } .sticky_light_skin.nav-fixed.header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent_header, .sticky_light_skin.nav-fixed.header_wrap:not([class*="bg_"]):not([class*="bg-"]) { background-color: #1D2224; } .sticky_light_skin.nav-fixed.header_wrap[class*="bg_"], .sticky_light_skin.nav-fixed.header_wrap[class*="bg-"] { background-color: #1D2224 !important; } .sticky_light_skin.nav-fixed .navbar-nav a, .sticky_light_skin.nav-fixed .navbar-toggler, .sticky_light_skin.nav-fixed .navbar .navbar-nav .dropdown-item, .sticky_light_skin.nav-fixed .navbar .navbar-nav .dropdown-header, .sticky_light_skin.nav-fixed .cart_quantity, .sticky_light_skin.nav-fixed .cart_total { color: #fff; } .sticky_light_skin.nav-fixed .item_remove { color: #fff !important; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).sticky_light_skin.nav-fixed .navbar-nav .dropdown-menu { background-color: #252A2C; border-color: #252A2C; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).sticky_light_skin.nav-fixed .navbar-nav .dropdown-menu .mega-menu .dropdown-menu, .header_wrap:not([class*="bg_"]):not([class*="bg-"]).sticky_light_skin.nav-fixed .navbar-nav .dropdown-menu .dropdown-menu { background-color: #303537; } .sticky_light_skin.nav-fixed .mega-menu-col { border-right: 1px solid #3f3f3f; } .sticky_light_skin.nav-fixed .cart_list li { border-color: #3f3f3f; } .sticky_dark_skin.nav-fixed .btn-tran-light { background-color: #333; color: #fff !important; } .sticky_dark_skin.nav-fixed .btn-tran-light:hover { background-color: transparent; color: #333 !important; border-color: #333; } .search_overlay { content: ""; background-color: #000; height: 100%; top: 0; position: fixed; text-align: center; opacity: 0.5; right: 0; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); width: 0; z-index: 99; } .search_overlay.open { left: 0; right: auto; width: 100%; } .search-overlay.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .search_trigger.open i::before { content: "\f129"; font-family: "Ionicons"; } .search_wrap { position: fixed; left: 0; right: 0; max-width: 800px; margin: 0 auto; padding: 80px 0; z-index: 9999; bottom: 0; opacity: 0; visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: center; align-items: center; } .search_wrap.open { opacity: 1; visibility: visible; -webkit-animation: slideInLeft 1s both; animation: slideInLeft 1s both; } .search_wrap form { position: relative; width: 100%; } .search_wrap .form-control:focus { color: #fff; } .search_icon { font-size: 24px; position: absolute; right: 5px; top: 5px; border: 0; background-color: transparent; cursor: pointer; padding: 0; color: #fff; } .search_wrap .form-control { background-color: transparent; border-bottom: 2px solid #fff; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; padding: 10px 0; color: #fff; } .search_wrap .form-control::-webkit-input-placeholder { color:#ffffff; } .search_wrap .form-control::-moz-placeholder { color:#ffffff; } .search_wrap .form-control:-ms-input-placeholder { color:#ffffff; } .search_wrap .form-control::-ms-input-placeholder { color:#ffffff; } .search_wrap .form-control::placeholder { color:#ffffff; } .close-search { font-size: 40px; color: #fff; cursor: pointer; position: absolute; right: 0; top: 25%; } .navbar .attr-nav li .search_trigger i { font-size: 20px; font-weight: 600; vertical-align: middle; line-height: normal; } .navbar .attr-nav li.cart_wrap .nav-link i { font-size: 20px; } .navbar .attr-nav li.cart_wrap .nav-link { padding: 35px 5px; } .navbar .attr-nav li .nav-link.sidetoggle i { font-size: 28px; } .pr_search_icon { float: right; } .pr_search_trigger.show i::before { content: "\ec2a"; } .pr_search_trigger { padding: 17px 10px; font-size: 20px; } .header_wrap.fixed-top { position: relative; padding-right: 0 !important; } .header_wrap.transparent_header { position: absolute; left: 0; right: 0; top: 0; z-index: 1030; } .header_wrap.nav-fixed { box-shadow: 0 0 5px rgba(0,0,0,0.15); position: fixed; right: 0; left: 0; top: 0; z-index: 1041; -webkit-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); -moz-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); -o-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -o-animation-fill-mode: none; animation-fill-mode: none; } .nav-fixed.border_bottom_tran { border: 0; } .header_wrap.fixed-top.transparent_header.nav-fixed.no-sticky { position: absolute; } .header_wrap.fixed-top.nav-fixed.no-sticky { position: relative; } .header_wrap:not([class*="bg_"]):not([class*="bg-"]).transparent_header.nav-fixed.no-sticky { background-color: transparent; box-shadow: none; } .mega-menu { display: table; padding: 15px 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mega-menu ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbar .navbar-nav li.dropdown-mega-menu { position: static; } .navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu { right: 0; padding-left: 0; padding-right: 0; } .mega-menu-col { border-right: 1px solid #ddd; padding: 0; } .mega-menu-col:last-child { border-right: 0 !important; } .dropdown-menu li a i { font-size: 14px; width: 20px; display: inline-block; vertical-align: middle; } .navbar .navbar-nav > li > .nav-link.cart_trigger i { font-size: 20px; font-weight: 600; } .cart_list li { list-style: outside none none; } .cart_count, .wishlist_count { position: relative; top: -3px; left: 0; font-size: 11px; background-color: #FF324D; border-radius: 50px; height: 16px; line-height: 16px; color: #fff; min-width: 16px; text-align: center; padding: 0 5px; display: inline-block; vertical-align: top; margin-left: -5px; margin-right: -5px; } .cart_trigger .amount { margin-left: 8px; font-weight: 600; vertical-align: top; margin-right: -10px; } .navbar-nav .dropdown-menu.cart_box { width: 320px; position: absolute !important; -webkit-transform: scale(0) !important; transform: scale(0) !important; -webkit-transform-origin: -webkit-calc(100% - 30px) 0; transform-origin: calc(100% - 30px) 0; display: block; transition: all 0.25s ease-in-out; padding: 0; top: 100% !important; left: auto !important; right: 0; } .navbar-nav .dropdown-menu.cart_box.show { -webkit-transform: scale(1) !important; transform: scale(1) !important; } .cart_list li { border-bottom: 1px solid #3f3f3f; padding: 15px; width: 100%; } .item_remove { float: right; margin-left: 5px; color: #333 !important; } .cart_list img { border: 1px solid #ddd background-color: #ffffff; float: left; margin-right: 10px; max-width: 80px; } .cart_list a { font-size: 14px; vertical-align: top; padding: 0 !important; text-transform: capitalize; font-weight: 600; } .cart_quantity { color: #ffffff; display: table; margin-top: 5px; font-weight: 500; } .cart_total .cart_amount { float: right; color: #F32B56; } .cart_box .cart_list { width: 100%; padding: 0 !important; max-height: 242px; overflow-y: auto; } .cart_list li { display: inline-block; width: 100%; } .dropdown-menu .cart_list li a i { width: auto; } .cart_total { color: #ffffff; margin: 0; padding: 10px 15px; font-weight: 600; text-align: right; } .cart_total strong { float: left; font-weight: 600; } .cart_buttons { margin: 0; padding: 10px 15px 20px; text-align: center; } .cart_buttons .view-cart, .cart_buttons .checkout { padding: 8px 20px !important; } .top-header { border-bottom: 1px solid #eee; } .top-header.light_skin { border-color: rgba(255,255,255,0.2); } .top-header { padding: 10px 0; transition: all 0.5s ease-in-out; } .top-header[class*="bg_"], .top-header[class*="bg-"] { border: 0; } .top-header span { font-size: 14px; vertical-align: middle; letter-spacing: 0.2px; font-weight: 600; } .header_wrap .social_icons li { padding-bottom: 0; } .social_icons, .contact_detail { font-size: 0; } .contact_detail > li:last-child, .header_list > li:last-child { padding-right: 0; } .social_icons li { display: inline-block; padding: 0px 5px 5px 0; } .social_icons li a { font-size: 18px; color: #687188; height: 36px; width: 36px; line-height: 36px; display: inline-block; text-align: center; vertical-align: middle; overflow: hidden; } .social_icons li a:hover, .header_wrap .social_icons li a:hover { color: #FF324D; } .social_icons.social_small li a { height: 25px; width: 25px; line-height: 26px; font-size: 16px; } .social_white .social_icons li a, .social_white.social_icons li a, .header_wrap .social_white .social_icons li a, .header_wrap .social_white.social_icons li a { color: #fff; border-color: #fff; } .social_white .social_icons li a:hover, .social_white.social_icons li a:hover { color: #FF324D; } .border_social .social_icons li a:hover, .border_social.social_icons li a:hover { background-color: #FF324D; border-color: #FF324D; color: #fff; } .border_social.social_white .social_icons li a:hover, .social_white.border_social.social_icons li a:hover { color: #fff; } .border_social li a { border: 1px solid #687188; line-height: 35px; } .social_icons li:last-child a { margin-right: 0px; } .radius_social li a { border-radius: 5px; } .rounded_social li a { border-radius: 50px; } .social_icons.social_style1 li a { background-color: #fff; color: #FF324D; } .social_icons.social_style1 li a:hover { background-color: #FF324D; color: #fff !important; } .social_style2 li a { background-color: #FFF; box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.3); } .social_style3 li a { background-color: #F6F8F9; color: #B2B2B7; font-size: 20px; height: 50px; width: 50px; line-height: 50px; } .social_style4 li a { background-color: #fff; color: #FF324D; } .social_style4 li a:hover { background-color: #FF324D; color: #fff; } .social_style4 li a:hover { background-color: #FF324D; color: #fff !important; } .vertical_social li { display: block; } .header_wrap .social_icons li a { color: #333; } .contact_detail i { margin-right: 10px; vertical-align: middle; font-size: 16px; font-weight: 600; } .contact_detail span { vertical-align: middle; } .contact_detail > li, .header_list > li { color: #333; font-size: 14px; vertical-align: middle; display: inline-block; padding: 2px 15px 2px 0; } .header_list > li i { margin-right: 6px; vertical-align: middle; font-weight: 600; } .icon_list > li { color: #333; vertical-align: middle; display: inline-block; padding: 2px 10px 2px 0; } .icon_list > li > i { font-size: 16px; } .icon_list > li a { color: #bfbfbf; } .header_list > li .dropdown-item:hover, .custome_dropdown .ddChild li:hover, .contact_detail > li a:hover { color: #F32B56; } .header_dropdown .dropdown-menu { border-radius: 0; padding: 0; margin-top: 0px; border: 0; transform: none !important; top: 100% !important; will-change: auto !important; } .header_dropdown .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] { right: 0; left: auto !important; } .header_dropdown .dropdown-item { padding: 5px 10px; border-bottom: 1px solid #e6e6e6; text-transform: capitalize; } .contact_detail li:first-child { margin-left: 0px; } .contact_detail li a span { vertical-align: middle; } .top-header.light_skin .contact_detail li, .top-header.light_skin .contact_detail li a, .top-header.light_skin .widget_text span { color: #fff; } .top-header.dark_skin .contact_detail li { color: #000; } .nav-fixed .top-header, .nav-fixed .middle-header { display: none !important; } .navbar-toggler { float: right; margin: 13px 0 0 3px; font-size: 28px; color: #333; transition: all 0.5s ease 0s; border-radius: 0; height: 35px; width: 35px; padding: 0; line-height: 36px; transition: none; } .navbar-toggler[aria-expanded="true"] span::before { content: "\f129"; font-size: 16px; } .navbar-toggler[aria-expanded="true"] { line-height: 32px; font-size: 20px; } header .attr-nav + .social_icons { border-left: 1px solid #333; margin-left: 5px; padding-left: 5px; } header .attr-nav + .social_icons li { padding: 0; } header.light_skin .attr-nav + .social_icons { border-color: #fff; } header.light_skin.nav-fixed .attr-nav + .social_icons { border-color: #333; } header.light_skin.nav-fixed .social_icons li a { color: #000; } header.light_skin.nav-fixed .social_icons li a:hover { color: #0E93D8; } .search_box { position: relative; } .search_box input { padding-right: 30px; } .search_box button { border: 0; padding: 0 10px; background-color: transparent; font-size: 22px; position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; } .top-header.light_skin .header_list li a, .top-header.light_skin .ddArrow::before, .top-header.light_skin .ddcommon .ddTitle .ddlabel, .light_skin.top-header span, .light_skin .icon_list > li a { color: #fff; } .top-header.light_skin .header_list > li::before { background-color: #fff; } .top-header .custome_dropdown .ddChild { background-color: #fff; border: 0 !important; min-width: 10rem; left: -10px; } .top-header.light_skin .header_list li a:hover, .top-header.light_skin .contact_detail li a:hover, .top-header.light_skin .header_list li a:hover span { color: #FF324D; } .main_menu_uppercase .navbar-nav > li > .nav-link { text-transform: uppercase; } .main_menu_weight_100 .navbar .navbar-nav > li > .nav-link { font-weight: 100; } .main_menu_weight_200 .navbar .navbar-nav > li > .nav-link { font-weight: 200; } .main_menu_weight_300 .navbar .navbar-nav > li > .nav-link { font-weight: 300; } .main_menu_weight_400 .navbar .navbar-nav > li > .nav-link { font-weight: 400; } .main_menu_weight_500 .navbar .navbar-nav > li > .nav-link { font-weight: 500; } .main_menu_weight_600 .navbar .navbar-nav > li > .nav-link { font-weight: 600; } .main_menu_weight_700 .navbar .navbar-nav > li > .nav-link { font-weight: 700; } .main_menu_weight_800 .navbar .navbar-nav > li > .nav-link { font-weight: 800; } .main_menu_weight_900 .navbar .navbar-nav > li > .nav-link { font-weight: 900; } .main_menu_size_16 .navbar .navbar-nav > li > .nav-link, .dd_menu_size_16 .navbar .navbar-nav .dropdown-item, .dd_menu_size_16 .cart_list a { font-size: 16px; } .header_banner_wrap { padding: 15px; height: 100%; } .header-banner2 { margin: 0 15px; } .header-banner, .header-banner2 { display: block; position: relative; margin-bottom: 15px; } .header-banner img { width: 100%; } .banne_info { position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 15px; } .banne_info a { text-transform: capitalize; position: relative; padding-bottom: 3px; color: #292b2c !important; } .banne_info a:hover { color: #FF324D !important; } .banne_info a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; width: 50%; background-color: #292B2C; transition: all 0.5s ease-in-out; } .banne_info a:hover::before { width: 100%; } .header_banner { height: 100%; display: -ms-flexbox; display: flex; padding: 15px; } .header_banner_wrap .header_banner { -ms-flex-align: center; align-items: center; } .header_banner_content { position: relative; } .header_banner_text { color: #fff; } .header_banner_title { font-weight: bold; color: #fff; margin-bottom: 15px; } .banner_img { position: relative; } .shop_bn_content { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; z-index: 1; } .shop_bn_content2 { position: absolute; bottom: 20px; left: 20px; } .shop_bn_content * { color: #fff; } .shop_title { font-weight: bold; margin-bottom: 10px; } .shop_banner { position: relative; display: table; margin: 0 auto; } .shop_banner2 { margin-bottom: 30px; height: 235px; overflow: hidden; } .el_banner1 { background-color: #FDBB99; overflow: hidden; position: relative; z-index: 1; } .el_img { text-align: center; width: 100%; } .shop_banner2 a { position: relative; z-index: 9; padding: 15px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; } .el_title { width: 100%; } .el_banner1::before { content: ""; position: absolute; left: 50%; bottom: -80px; background-color: rgba(255,255,255,0.2); width: 250px; height: 250px; border-radius: 100%; z-index: -1; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .el_banner2::before { content: ""; position: absolute; right: -50px; bottom: -50px; background-color: rgba(255,255,255,0.15); width: 250px; height: 250px; border-radius: 100%; z-index: -1; } .el_banner2 .el_title h6 { font-weight: 600; font-size: 18px; } .el_banner1 .el_title span { font-size: 20px; text-transform: uppercase; font-weight: 600; } .el_banner1 .el_img img { max-width: 180px; margin-top: 20px; width: 100%; } .el_banner2 { background-color: #53C0E9; text-align: right; position: relative; overflow: hidden; z-index: 1; } .shop_banner2:last-child { margin-bottom: 0; } .el_banner2 .el_img img { max-width: 165px; width: 100%; } .sidebar_menu { padding: 50px 30px 30px; position: fixed; top: 0; z-index: 99; background-color: #fff; box-shadow: -3px 0 3px rgba(0,0,0,.04); bottom: 0; width: 400px; overflow-y: auto; right: -400px; visibility: hidden; height: 100vh; transition: all 0.5s ease; z-index: 99999; } .sidebar_menu.active { right: 0; visibility: visible; } .side_panel_close { position: absolute; right: 30px; top: 30px; } .side_panel_close i { font-size: 24px; } .sidebar_menu .widget { margin-bottom: 20px; display: inline-block; width: 100%; } .sidebar_left .sidebar_menu, .sidebar_left_push .sidebar_menu { right: auto; left: -400px; } .sidebar_left .sidebar_menu.active, .sidebar_left_push .sidebar_menu.active { left: 0; } .sidebar_left_push.sidetoggle_active { overflow-y: hidden; left: 400px; } .sidebar_left_push { overflow-x: hidden; position: relative; transition: all 0.5s ease; left: 0; } .sidebar_left_push.sidetoggle_active .header_wrap.nav-fixed { left: 400px; right: -400px; } .sidebar_right_push.sidetoggle_active { overflow-y: hidden; right: 400px; } .sidebar_right_push { overflow-x: hidden; position: relative; transition: all 0.5s ease; right: 0; } .sidebar_right_push.sidetoggle_active .header_wrap.nav-fixed { left: -400px; right: 400px; } .sidebar_dark { background-color: #222; } .sidebar_dark .sidemenu_close, .sidebar_dark p { color: #fff; } .header-overlay { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 9999; top: 0; transition: all 0.5s ease-in-out; cursor: url("../images/close.png"), pointer; } body.active { overflow: hidden; padding-right: 17px; } .sidetoggle_icon { width: 22px; display: block; margin: 10px 0; position: relative; transition: all 0.5s ease-in-out; height: 1px; } .sidetoggle_icon::before { content: ""; background-color: #333; display: block; height: 1px; width: 100%; position: absolute; top: -7px; right: 0; transition-duration: .3s,.3s; transition-delay: .3s,0s; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .sidetoggle_icon::after { content: ""; background-color: #333; display: block; height: 1px; width: 15px; position: absolute; bottom: -7px; right: 0; transition-duration: .3s,.3s; transition-delay: .3s,0s; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .sidetoggle.open .sidetoggle_icon::before { top: 0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition-property: top,transform; transition-delay: 0s,.3s; } .sidetoggle.open .sidetoggle_icon::after { bottom: 0; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition-delay: 0s,.3s; transition-property: bottom,transform; width: 100%; } .toggle_center_line { background-color: #333; height: 1px; width: 100%; display: block; position: absolute; top: 50%; right: 0; left: 0; transition: all 0.6s ease-in-out; } .sidetoggle.open .toggle_center_line { opacity: 0; } .sidetoggle_icon:hover:after { width: 22px; } .widget_text p:last-child { margin-bottom: 0; } .widget_contact_info .contact_wrap li:last-child { margin-bottom: 0; } .hover_menu_style1 .navbar-collapse .navbar-nav > li > a { position: relative; padding: 30px 0px; margin: 0 10px; } .hover_menu_style1.nav-fixed .navbar .navbar-collapse .navbar-nav > li > .nav-link { padding: 20px 0px; } .hover_menu_style1 .navbar-collapse .navbar-nav > li > a::before { display: block; position: absolute; bottom: 20px; right: 0px; height: 2px; width: 0; z-index: 0; content: ''; background-color: #FF324D; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .hover_menu_style1.nav-fixed .navbar-collapse .navbar-nav > li > a::before { bottom: 10px; } .hover_menu_style1 .navbar-collapse .navbar-nav > li:hover > a::before, .hover_menu_style1 .navbar-collapse .navbar-nav > li > a.active::before { left: 0; right: auto; width: 100%; } input.text { display: none; } .dd.ddcommon { cursor: pointer; padding-right: 10px; position: relative; width: auto !important; outline: none; } .ddcommon .ddTitleText img { border-radius: 100%; height: 16px; width: 16px; margin-right: 6px; } .ddcommon .ddTitleText { padding: 5px 7px 5px 10px; display: inline-block; text-transform: uppercase; } .ddcommon .ddlabel { text-transform: capitalize; font-size: 14px; color: #333; white-space: nowrap; vertical-align: middle; } .ddcommon .ddChild li .ddlabel { color: #333; } .ddArrow::before { content: "\f3d0"; color: #878787; font-family: ionicons; position: absolute; right: 0; top: 6px; } .ddcommon .ddChild { background-color: #fff; height: auto !important; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; display: block !important; opacity: 0; visibility: hidden !important; left: 0; } .ddcommon.borderRadiusTp .ddChild { opacity: 1; visibility: visible !important; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .ddcommon .ddChild li { cursor: pointer; line-height: normal; list-style: outside none none; padding: 5px 10px 5px 10px; position: relative; } .lng_dropdown .ddcommon .ddChild li { padding-left: 33px; } .ddcommon .ddChild li img { position: absolute; left: 10px; border-radius: 100%; max-width: 16px; top: 12px; } .nav_block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .categories_wrap { position: relative; } .categories_btn i { font-size: 24px; vertical-align: middle; margin-right: 10px; } .categories_menu i { margin-right: 0; float: right; } .categories_btn.categories_menu { padding: 12px 15px; border-radius: 4px; } .categories_btn span { vertical-align: middle; text-transform: uppercase; font-weight: 500; } .categories_btn { background-color: #FF324D; border: 1px solid #FF324D; padding: 20px 15px; color: #fff; text-align: left; width: 100%; } #navCatContent li { list-style: none; } #navCatContent { background-color: #fff; position: absolute; padding: 5px 0px 0; top: 100%; width: 100%; left: 0; right: 0; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); z-index: 99; } .nav_cat { display: block; height: auto !important; } .nav_cat.collapse:not(.show) { display: block; } #navCatContent ul { width: 100%; } #navCatContent li a { text-transform: capitalize; font-size: 14px; } #navCatContent li a i { font-size: 22px; vertical-align: middle; margin-right: 10px; line-height: 30px; } #navCatContent li a span { vertical-align: middle; } #navCatContent li a:hover { color: #FF324D; } #navCatContent li a.dropdown-toggler::after { position: absolute; right: 15px; top: 15px; } #navCatContent ul li .dropdown-menu { left: 100%; top: 0; margin: 0; border: 0; min-width: 800px; width: 100%; right: 0; box-shadow: 10px 16px 49px 0px rgba(38,42,46,0.05); border-radius: 0; padding: 0; } #navCatContent ul li .dropdown-menu .dropdown-header { color: #333; padding: 10px 15px; text-transform: uppercase; font-weight: bold; } #navCatContent .mega-menu-col { border: 0; } #navCatContent li { position: relative; } #navCatContent .dropdown-menu li a.dropdown-toggler::after { top: 10px; } #navCatContent ul li .dropdown-menu .dropdown-menu { min-width: 12rem; width: 100%; } .more_categories { padding: 12px 15px; display: block; font-size: 16px; color: #FF324D; border-top: 1px solid #ddd; margin-top: 5px; position: relative; cursor: pointer; width: 100%; } .more_categories::before { content: "\ec36"; position: absolute; right: 15px; top: 50%; font-family: Linearicons; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .more_categories.show::before { content: "\ec37"; } .product_search_form { position: relative; max-width: 600px; width: 100%; } .product_search_form input { height: 50px; padding-right: 60px !important; } .search_form_btn .form-control { padding-right: 120px !important; } .search_btn { position: absolute; right: 1px; background-color: #fff; border: 0; padding: 0px 15px; font-size: 20px; top: 1px; bottom: 1px; z-index: 9; } .search_btn2 { position: absolute; right: 5px; background-color: #FF324D; border: 0; border-radius: 100%; font-size: 14px; top: 5px; color: #fff; z-index: 9; width: 40px; height: 40px; z-index: 9; } .search_btn3 { background-color: #FF324D; color: #fff; border: 0; padding: 10px 30px; position: absolute; right: 0; bottom: 0; top: 0; z-index: 9; } .search_btn3:hover { background-color: #333; } .search_btn:hover { color: #FF324D; } .search_btn i { vertical-align: middle; } .product_search_form select { max-width: 160px; overflow: hidden; text-overflow: ellipsis; } .product_search_form.rounded_input select { border-radius: 30px 0 0 30px; padding: 8px 35px 8px 15px; } .product_search_form.rounded_input input { border-radius: 0 30px 30px 0 !important; } .product_search_form.radius_input { border-radius: 4px; overflow: hidden; } .product_search_form.radius_input select { border-radius: 4px 0 0 4px; } .product_search_form.radius_input input { border-radius: 0 4px 4px 0 !important; } .header_offer { margin-right: 12px; padding-right: 12px; border-right: 1px solid #ddd; } .contact_phone span, .contact_phone i { vertical-align: middle; } .contact_phone i { font-size: 30px; margin-right: 10px; color: #FF324D; } .contact_phone span { color: #16181b; } .banner_content_inner { padding: 50px; } .header_topbar_info { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .download_wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } /*===================================* 02.END HEADER STYLE *===================================*/ /*===================================* 03.START BANNER,SLIDER STYLE *===================================*/ .banner_section { position: relative; } .banner_content_wrap { position: relative; z-index: 1; } .banner_half_content { padding: 100px 0 80px; z-index: 0; } .full_screen.banner_half_content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .banner_section:not(.full_screen), .banner_section:not(.full_screen) .carousel-item, .banner_section:not(.full_screen) .banner_content_wrap, .banner_section:not(.full_screen) .banner_content_wrap .carousel-item { height: 800px; } .full_screen, .full_screen .carousel-item { height: 100vh; min-height: 45rem; } .banner_section.slide_medium, .banner_section.slide_medium .carousel-item, .banner_section.slide_medium .banner_content_wrap, .banner_section.slide_medium .banner_content_wrap .carousel-item, .banner_section.shop_el_slider, .banner_section.shop_el_slider .carousel-item, .banner_section.shop_el_slider .banner_content_wrap, .banner_section.shop_el_slider .banner_content_wrap .carousel-item { height: 700px; } .banner_section.slide_wrap, .banner_section.slide_wrap .carousel-item, .banner_section.slide_wrap .banner_content_wrap, .banner_section.slide_wrap .banner_content_wrap .carousel-item { height: 650px; } .banner_section .banner_slide_content { left: 0; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .carousel-item img { position: relative; z-index: -1; width: 100%; } .carousel-control-next, .carousel-control-prev { background-color: rgba(0,0,0,0.5); font-size: 18px; height: 50px; opacity: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50px; transition: all 0.3s ease-in-out; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { opacity: 0; } .carousel:hover .carousel-control-next, .carousel:hover .carousel-control-prev { opacity: 1; } .carousel-control-next { right: 20px; } .carousel-control-prev { left: 20px; } .carousel_style1 .carousel-control-next, .carousel_style1 .carousel-control-prev { border-radius: 100%; } .carousel_style2 .carousel-control-next, .carousel_style2 .carousel-control-prev { font-size: 16px; border-radius: 4px; height: 40px; width: 40px; } .light_arrow .carousel-control-next, .light_arrow .carousel-control-prev { background-color:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); color: #000; } .carousel-control-next:hover, .carousel-control-prev:hover, .light_arrow .carousel-control-next:hover, .light_arrow .carousel-control-prev:hover{ background-color: #FF324D; color: #fff; } .carousel .indicators_style1, .carousel .indicators_style2, .carousel .indicators_style3 { margin-bottom: 15px; } .carousel .indicators_style1 li { width: 10px; height: 10px; background-color: #333; border: 0; margin: 8px; position: relative; } .carousel .indicators_style1 li::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 2px solid #333; margin: -4px; } .carousel .indicators_style2 li { background-color: #333; border-radius: 100%; width: 10px; height: 10px; background-clip: inherit; border: 0; margin: 8px; position: relative; } .carousel .indicators_style2 li::before { content: ""; position: absolute; border-radius: 100%; left: 0; right: 0; bottom: 0; top: 0; border: 2px solid #333; margin: -4px; } .carousel .indicators_style3 li { background-color: #333; border-radius: 100%; width: 10px; height: 10px; background-clip: inherit; border: 0; margin: 5px; position: relative; } .carousel .indicators_style1 li.active, .carousel .indicators_style2 li.active { background-color: #FF324D; } .carousel .indicators_style2 li.active:before, .carousel .indicators_style1 li.active:before { border-color: #FF324D; } .carousel .indicators_style4 li { background-color: #fff; border-radius: 100%; width: 15px; height: 15px; background-clip: inherit; border: 0; margin: 5px; position: relative; } .banner_content .carousel-item { padding: 100px 0; } h5.mb-3.staggered-animation.font-weight-light.animated.slideInLeft { color: #ccc !important; } .banner_content h2 { font-size: 60px; margin-bottom: 20px; font-weight: 600; text-transform: capitalize; } .banner_content p, .banner_content2 p { margin-bottom: 30px; } .banner_content2 h2 { font-size: 70px; margin-bottom: 20px; font-weight: 600; text-transform: capitalize; } .banner_content3 h2 { font-size: 40px; margin-bottom: 20px; font-weight: 600; text-transform: capitalize; } .banner_shape { position: absolute; right: 0; top: 0; width: 70%; z-index: -1; } .banner_shape img { width: 100%; } .wave_shape_bottom::before { background-image: url("../images/wave_shape.png"); display: block; height: 100%; content: ""; background-position: bottom center; position: absolute; bottom: 0; background-size: contain; background-repeat: no-repeat; left: 0; right: 0; } .banner_content1 h2 { font-size: 78px; margin-bottom: 20px; font-weight: 600; text-transform: capitalize; } .background_shape { position: absolute; width: 200px; height: 100%; top: 0; bottom: 0; right: 0; left: 35%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1affffff',GradientType=0 ); -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg); transform: skewX(30deg); transform-origin: left bottom; pointer-events: none; } .background_shape:before { content: ""; position: absolute; width: 200px; height: 100%; top: 0; bottom: 0; right: 0; left: 100%; background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%); background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1affffff',GradientType=0 ); } .banner_center_content { margin-top: -70px; } .carousel-indicators li::marker{ content:""; } .carousel-indicators.vertical_center_right { display: block; right: 40px; top: 50%; margin: 0; left: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; } .carousel .indicators_style2.vertical_center_right li { margin: 15px 0; } .banner_content_border { border: 10px solid #FF324D; padding: 50px; position:relative; } .slide_banner_img { height: 100%; position: relative; z-index: -1; } .zoom-in { -webkit-animation: zoomin 5s; -moz-animation: zoomin 5s; -o-animation: zoomin 5s; animation: zoomin 5s; } @keyframes zoomin { 0% { -moz-transform: scale(1.2) rotate(3deg); -webkit-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); } 100% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } } .header_with_topbar.transparent_header + .banner_section .banner_slide_content { margin-top: 45px; } .bg_strip { background-color: #FF324D; color: #fff; display: inline-block; padding: 8px 0px; position: relative; white-space: nowrap; font-size: 20px; height: 40px; } .bg_strip::before { content: ''; position: absolute; z-index: -1; right: 100%; top: 0; display: block; width: 0; height: 0px; border: 20px solid #FF324D; border-bottom-color: #FF324D; border-left-color: transparent; } .bg_strip::after { content: ''; position: absolute; z-index: -1; left: 100%; top: 0; display: block; width: 0; height: 0px; border: 20px solid #FF324D; border-bottom-color: #FF324D; border-right-color: transparent; } /*===================================* 03.END BANNER,SLIDER STYLE *===================================*/ /*===================================* 04.START SHOP BANNER STYLE *===================================*/ .single_banner { position: relative; overflow: hidden; margin-bottom: 30px; } .single_banner_info { position: absolute; right: 0; top: 50%; padding: 20px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50%; } .single_bn_title { font-weight: bold; font-size: 28px; font-weight: 500; line-height: 40px; padding-bottom: 10px; } .single_bn_link { position: relative; } .single_bn_link::before { content: ""; position: absolute; bottom: 3px; height: 7px; background-color: rgba(255,50,77,0.2); width: 100%; z-index: -1; } .single_banner:hover img { -moz-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); } .single_banner img { transition: all 0.3s ease-in-out; width: 100%; } .sale_banner { padding: 0 10px; position: relative; margin-bottom: 30px; } .sale_banner img { width: 100%; } .hover_effect1 { overflow: hidden; position: relative; display: block; } .hover_effect1::before, .hover_effect1::after { background-color: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: all 0.9s ease 0s; width: 100%; z-index: 1; } .hover_effect1::before { border-top: 1px solid rgba(255, 255, 255, 0.4); -moz-transform: translate(105%, 0%); -webkit-transform: translate(105%, 0%); transform: translate(105%, 0%); } .hover_effect1::after { border-bottom: 1px solid rgba(255, 255, 255, 0.4); -moz-transform: translate(-105%, 0%); -webkit-transform: translate(-105%, 0%); transform: translate(-105%, 0%); } .hover_effect1:hover:before, .hover_effect1:hover:after { opacity: 0; -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } .fb_info { position: absolute; top: 15px; padding: 15px; left: 15px; z-index: 9; } .fb_info2 { position: absolute; top: 50%; padding: 15px; left: 35px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; width: 40%; } .furniture_banner .single_bn_title1 { font-size: 80px; margin-bottom: 15px; } .sale-banner img { width: 100%; } /*===================================* 04.END SHOP BANNER STYLE *===================================*/ /*===================================* 05.START CATEGORIES STYLE *===================================*/ .categories_box { text-align: center; } .categories_box a { display: block; padding: 35px 20px; background-color: #f7f7f7; } .categories_box i { font-size: 40px; display: block; } .categories_box span { text-transform: capitalize; margin-top: 5px; display: block; } .cat_overlap { position: relative; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 30px; z-index: 1; margin-top: -70px; } .cat_style1 .categories_box a { background-color: transparent; padding: 0px; } .cat_style1 .categories_box span { margin-top: 10px; } /*===================================* 05.END CATEGORIES STYLE *===================================*/ /*===================================* 06.START ICON BOX STYLE *===================================*/ .icon_box { margin-bottom: 30px; } .icon { margin-bottom: 15px; } .icon_box_content h1, .icon_box_content h2, .icon_box_content h3, .icon_box_content h4, .icon_box_content h5, .icon_box_content h6 { text-transform: capitalize; } .icon i { font-size: 30px; } .icon_box p:last-child { margin: 0; } .icon_box_content .link i { vertical-align: middle; margin-left: 2px; } .box_img { margin-bottom: 15px; } .icon_box_style1 { text-align: center; padding: 0 40px; position: relative; } .icon_box_style1 .icon i { font-size: 46px; line-height: 1; } .icon_box_style1::before { content: ""; position: absolute; right: 0; top: 15%; bottom: 15%; width: 1px; background-color: #ddd; } [class*="col-"]:last-child .icon_box_style1::before { content: normal; } .icon_box_style2 .icon { background-color: #fff; max-width: 78px; text-align: center; float: left; height: 78px; border-radius: 100%; line-height: 78px; position: relative; margin: 0px 20px 0px 0px; box-shadow: 0 2px 0 rgba(0,0,0,0.05); -ms-flex: 0 0 78px; flex: 0 0 78px; } .icon_box_style2:hover .icon { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: swing; animation-name: swing; } .icon_box_style2 .icon i { font-size: 40px; color: #FF324D; line-height: 78px; } .shopping_info { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .shopping_info .icon_box { margin-top: 0; padding-top: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .icon_box.icon_box_style3 { border: 1px solid #ddd; padding: 30px; margin-left: -1px; margin-top: -1px; margin-bottom: 0; } .icon_box_style3 .icon { float: left; margin-right: 20px; margin-bottom: 0; } .icon_box_style3 .icon_box_content { overflow: hidden; } .icon_box_style3 .icon i { font-size: 36px; color: #FF324D; line-height: normal; } .icon_box_style3 .icon_box_content p { font-size: 14px; line-height: normal; } .icon_box_style4 { background-color: #fff; padding: 20px; text-align: center; } .icon_box_style4 .icon i { background-color: #FF324D; color: #fff; width: 60px; height: 60px; display: inline-block; line-height: 60px; border-radius: 100%; font-size: 24px; } /*===================================* 06.END ICON BOX STYLE *===================================*/ /*===================================* 07.START PORTFOLIO STYLE *===================================*/ .carousel_slider li { list-style: none; } .grid_filter { margin-bottom: 30px; } .grid_filter li { display: inline-block; } .grid_filter li a { padding: 5px 15px; display: block; font-size: 16px; text-transform: capitalize; } .grid_filter li a.current { color: #FF324D; } .grid_filter.filter_style1 li a { padding: 5px 20px; } .grid_filter.filter_style1 li a.current { color: #fff; background-color: #FF324D; } .grid_filter.filter_style2 li a { border-bottom: 1px solid transparent; } .grid_filter.filter_style2 li a.current { border-bottom-color: #FF324D; } .grid_container > li { list-style: none; } .gutter_small { margin: 0 -7.5px 0px -7.5px; } .gutter_small > li { padding: 0 7.5px 0px 7.5px; } .gutter_medium { margin: 0 -15px 0px -15px; } .gutter_medium > li { padding: 0px 15px 0px 15px; } .gutter_medium > li .portfolio_item, .gutter_medium > li .image_gallery_item { margin-bottom: 30px; } .gutter_small > li .portfolio_item, .gutter_small > li .image_gallery_item { margin-bottom: 15px; } .grid_col2 > li { width: 50%; float: left; } .grid_col3 > li { width: 33.33%; float: left; } .grid_col4 > li { width: 25%; float: left; } .loadmore > li { transition: all 0.5s ease-in-out; } /*===================================* 07.END PORTFOLIO STYLE *===================================*/ /*===================================* 08.START TESTIMONIAL STYLE *===================================*/ .author_img img { max-width: 100px; } .author_name { overflow: hidden; } .author_name h6 { margin-bottom: 5px; } .author_name span { color: #FF324D; } .testimonial_box.box_shadow1 { margin: 10px; } .testimonial_desc p:last-child { margin-bottom: 0; } .testimonial_style1 .author_img { margin-right: 15px; } .testimonial_style1 .author_img img { max-width: 60px; } .testimonial_style1 .testimonial_desc { display: inline-block; width: 100%; text-align: center; margin-bottom: 25px; } .testimonial_style1 .testimonial_box { position: relative; z-index: 1; } .author_wrap { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .testimonial_style1 .author_wrap { -ms-flex-pack: center; justify-content: center; } .testimonial_wrap { padding: 0 60px; } /*===================================* 08.END TESTIMONIAL STYLE *===================================*/ /*===================================* 09.START BLOG STYLE *===================================*/ .blog_post { margin-bottom: 30px; transition: all 0.5s ease-in-out; } .blog_content { padding-top: 15px; } .blog_post .blog_img a { display: block; overflow: hidden; } .blog_img { position: relative; overflow: hidden; } .blog_img img { width: 100%; transition: all 0.5s ease-in-out; } .blog_meta { display: inline-block; margin-bottom: 5px; width: 100%; } .blog_meta li { float: left; margin-right: 15px; } .blog_meta li:last-child { margin-right: 0; } .blog_meta li a { text-transform: capitalize; } .blog_meta li a i { margin-right: 5px; vertical-align: middle; color: #FF324D; } .blog_title { line-height: 30px; margin-bottom: 15px; font-weight: 600; } h6.blog_title { line-height: 24px; } .blog_text p { margin-bottom: 15px; } .blog_text p:last-child { margin: 0; } .fit-videos { background-color: #000000; } .blog_style1 { border-radius: 10px; } .blog_style1 .blog_content { padding: 15px 20px; border-radius: 10px; } .blog_style1 .blog_img + .blog_content { border-radius: 0 0 10px 10px; } .blog_style1 .blog_img { border-radius: 10px 10px 0 0; } .blog_style1 .blog_img img { border-radius: 10px 10px 0 0; width: 100%; } .blog_style1:hover .blog_img img, .blog_style2:hover .blog_img img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .blog_style1.radius_all_5 { border-radius: 5px; } .blog_style1.radius_all_5 .blog_img, .blog_style1.radius_all_5 .blog_img img { border-radius: 5px 5px 0 0; } .blog_style1.radius_all_5 .blog_content { border-radius: 0 0 5px 5px; } .blog_style2 .blog_content { padding: 15px; } .blog_post.blog_style3 { position: relative; } .blog_style3 .blog_content { position: absolute; bottom: 0; padding: 15px; left: 0; right: 0; z-index: 2; } .blog_style3 .blog_img img { transition: all 0.5s ease-in-out; width: 100%; } .blog_style3 .blog_img::before { background: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0.0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.0)), color-stop(100%, rgba(0,0,0,0.7))); background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0.0) 100%); background: -o-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0.0) 100%); background: -ms-linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0.0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0.0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 ); content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 1; } .post_date { position: absolute; left: 15px; top: 15px; width: 30px; text-align: center; background-color: #FF324D; min-width: 60px; padding: 8px 10px; color: #ffffff; z-index: 2; } .blog_post.blog_style3 .blog_content a:hover { color: #FF324D; } .post_date strong { font-size: 30px; line-height: 1; } .blog_post.blog_style3 .blog_content a { color: #fff; } .blog_style4 .blog_title { margin-bottom: 10px; } .blog_img .owl-dots { position: absolute; top: 0; right: 15px; } .blog_thumbs .blog_post { display: inline-block; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ddd; } .single_post .blog_content { padding-top: 20px; } .single_post .blog_title { font-size: 30px; line-height: normal; margin-bottom: 20px; } .single_post .blog_meta { padding-bottom: 20px; margin-bottom: 0; width: 100%; } .post_author .author_img { float: left; padding-right: 15px; } .author_info { overflow: hidden; } .author_info .author_name { font-weight: 600; } .author_info p { font-size: 14px; line-height: 26px; } .author_info p:last-child { margin-bottom: 0; } .post_author { margin-top: 40px; margin-bottom: 40px; } .post_nav_home { display: table; margin: 0 auto; font-size: 20px; } .post_nav .nav_meta { text-transform: capitalize; display: block; font-size: 14px; color: #687188; } .post_nav { text-transform: capitalize; } .post_nav_prev { padding-left: 30px; position: relative; } .post_nav_next { padding-right: 30px; position: relative; text-align: right; } .post_nav_next i { right: 0; left: auto; } .post_nav i { position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .content_title * { margin-bottom: 30px; font-weight: 600; } .comment_user img { height: auto; max-width: 80px; } .comment_content .meta_data h6 { font-size: 16px; } .comment_info { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; } .comment_info:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .comment_content p:last-child { margin-bottom: 0; } .children { border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px; margin-left: 60px; } .comment_content { padding-left: 20px; } .comment-time { font-size: 14px; line-height: normal; margin-bottom: 8px; text-transform: uppercase; font-style: italic; } .comment-reply i { margin-right: 5px; } .comment-area .comment_list { margin-bottom: 40px; } .comment-area { padding-top: 10px; } /*===================================* 09.END BLOG STYLE *===================================*/ /*===================================* 10.START NEWLETTER STYLE *===================================*/ .newsletter_small { padding: 70px 0; } .newsletter_form form, .newsletter_form2 form { position: relative; } .rounded-input { border-radius: 50px; } .newsletter_form input, .newsletter_form input:focus, .newsletter_form2 input, .newsletter_form2 input:focus { border: 0; } .newsletter_form input.form-control-sm { height: 50px; padding: 10px 140px 10px 20px; } .newsletter_form button { position: absolute; right: 0px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .newsletter_form2 input, .newsletter_form2 input:focus { height: 59px; padding: 10px 140px 10px 20px; } .newsletter_form2 button { position: absolute; right: 5px; top: 4px; } .newsletter_box { padding: 70px 50px; background-color: #fff; position: relative; } .newsletter_box::before { content: ""; position: absolute; left: 10px; right: 0px; bottom: 0px; top: 10px; box-shadow: 10px 10px 0px rgba(0,0,0,0.1); z-index: 0; } .newsletter_wrap { position: relative; margin: 30px 0; } .newsletter_wrap::before { content: ""; position: absolute; left: 15px; right: 15px; bottom: -15px; top: -15px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: -1; background-color: #fff; } .newsletter_wrap::after { content: ""; position: absolute; left: 30px; right: 30px; bottom: -30px; top: -30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: -2; background-color: #fff; } .newsletter_form .btn-send { background-color: #FF324D; color: #fff; font-size: 20px; right: 5px; border: 0; border-radius: 100%; width: 40px; height: 40px; padding: 0; line-height: 40px; } .newsletter_form .btn-send2 { background-color: transparent; color: #FF324D; font-size: 20px; right: 5px; width: 50px; height: 40px; line-height: 40px; border-left: 1px solid #ddd; border-top: 0; border-bottom: 0; border-right: 0; padding: 0 0 0 5px; } .input_tran_white input, .input_tran_white input:focus { background-color: rgba(255,255,255,0.1); color: #fff; box-shadow: none; } .input_tran_white input::-webkit-input-placeholder { color:#ffffff; opacity:1 } .input_tran_white input::-moz-placeholder { color:#ffffff; opacity:1 } .input_tran_white input:-ms-input-placeholder { color:#ffffff; opacity:1 } .input_tran_white input::-ms-input-placeholder { color:#ffffff; opacity:1 } .input_tran_white input::placeholder { color:#ffffff; opacity:1 } .newsletter_text { position: relative; padding-left: 80px; } .newsletter_text p:last-child { margin: 0; } .newsletter_text::before { content: "\e999"; position: absolute; left: 0; color: #fff; font-family: linearicons; font-size: 65px; line-height: normal; opacity: 0.4; } /*===================================* 10.END NEWLETTER STYLE *===================================*/ /*===================================* 11.START FOOTER STYLE *===================================*/ footer { overflow: hidden; } .footer_dark { background-color: #202325; position: relative; } .footer_top { padding: 100px 0 70px; } .footer_logo { margin-bottom: 20px; } footer p { font-size: 14px; } footer .widget { margin-bottom: 30px; } footer .widget_title { text-transform: capitalize; margin-top: 10px; margin-bottom: 25px; font-size: 18px; } .widget_links li { list-style: none; padding-bottom: 10px; } .widget_links li:last-child { padding-bottom: 0; } .widget_links li a { font-size: 14px; color: #687188; } .contact_info > li { margin-bottom: 15px; list-style: none; } .contact_info > li:last-child { margin-bottom: 0px; } .contact_info li i { display: inline-block; margin-right: 10px; margin-top: 4px; font-size: 18px; vertical-align: top; } .contact_info li span { float: left; margin-right: 10px; max-width: 70px; width: 100%; color: #292b2c; } .contact_info span + * { overflow: hidden; color: #687188; margin: 0; font-size: 14px; line-height: 26px; } .contact_info i + * { overflow: hidden; font-size: 14px; color: #687188; line-height: 26px; margin: 0; vertical-align: middle; max-width: 78%; display: inline-block; } .contact_info_light li i { border-color: #fff; color: #fff; } .contact_info_light li span, .contact_info_light li a { color: #fff; } .contact_info_style2 i + * { font-size: 18px; } .contact_info_style2 li i { margin-right: 8px; margin-top: 2px; font-size: 22px; color: #FF324D; } .bottom_footer { padding: 30px 0; position: relative; } .footer_link li { display: inline-block; position: relative; } .footer_link li a { font-size: 14px; padding: 0 5px; color: #687188; } .footer_dark h1, .footer_dark h2, .footer_dark h3, .footer_dark h4, .footer_dark h5, .footer_dark h6, .footer_dark p, .footer_dark a, .footer_dark .widget_links li a, .footer_dark .footer_link li a, .footer_dark .post_content a { color: #fff; } .footer_dark a:hover, .footer_dark .widget_links li a:hover, .widget_links li a:hover, .footer_dark .footer_link li a:hover,.footer_link li a:hover { color: #FF324D; } .widget_contact_form { background-color: #fff; padding: 20px 30px 30px; margin-top: -190px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .bottom_footer .social_icons li { padding-bottom: 0; } .footer_payment li, .app_list li { display: inline-block; list-style: none; } .footer_call { border-radius: 40px; padding: 15px; text-align: center; background-color: rgba(0,0,0,0.2); } .footer_call * { margin: 0; font-size: 22px; } .footer_call i { margin-right: 10px; } /*===================================* 11.END FOOTER STYLE *===================================*/ /*===================================* 12.START MAP STYLE *===================================*/ .map iframe { height: 460px; width: 100%; border: 0; display: block; } .contact_map { height:400px; } .contact_map2 { height: 100%; } .map1 { height: 460px; } /*===================================* 12.END MAP STYLE *===================================*/ /*===================================* 13.START TEAM STYLE *===================================*/ .team_img img { width: 100%; } .team_box { position: relative; overflow: hidden; margin-bottom: 30px; } .team_style1 .team_img { position: relative; } .team_style1 .team_img::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.5s ease-in-out; opacity: 0; z-index: 1; } .team_style1:hover .team_img::before { opacity: 1; } .team_style1 .social_icons + .team_title { margin-top: 10px; } .team_style1 .team_content { padding-top: 15px; } .team_title h1, .team_title h2, .team_title h3, .team_title h4, .team_title h5, .team_title h6 { font-weight: 600; } .team_style1 .team_title span { display: block; } .team_single_img { margin-bottom: 30px; } .team_single_info .team_title h3 { font-weight: 600; } .team_single_content { padding-left: 30px; border-left: 1px solid #eeeeee; } .team_single_info .contact_info { margin: 20px 0; } .team_email { font-size: 20px; display: inline-block; } .team_style1 .social_icons { position: absolute; top: 0%; left: 0; right: 0; text-align: center; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: all 0.5s ease-in-out; z-index: 1; } .team_style1:hover .social_icons { top: 50%; opacity: 1; } /*===================================* 13.END TEAM STYLE *===================================*/ /*===================================* 14.START CLIENT LOGO STYLE *===================================*/ .client_logo .cl_logo img { opacity: 0.7; width: 163px; margin: 0 auto; transition: all 0.5s ease-in-out; } .client_logo .cl_logo:hover img { opacity: 1; } .client_logo.cl_logo_style1 .cl_logo img { opacity: 1; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .client_logo.cl_logo_style1 .cl_logo:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } /*===================================* 14.END CLIENT LOGO STYLE *===================================*/ /*===================================* 15.START BREADCRUMB STYLE *===================================*/ .breadcrumb_section { padding: 150px 0; width: 100%; } .breadcrumb_section.page-title-mini { padding: 70px 0; background: #edf4fe !important; } } .page-title-mini .page-title h1 { font-size: 28px; } .page-title-mini .breadcrumb li { font-size: 14px; FONT-WEIGHT: 600; } .header_wrap.transparent_header + .breadcrumb_section { padding-top: 200px; } .header_wrap.transparent_header.header_with_topbar + .breadcrumb_section { padding-top: 250px; } .page-title h1 { margin: 0; text-transform: capitalize; font-weight: bold; line-height: normal; } .page_title_light *, .page_title_light .breadcrumb-item, .page_title_light .breadcrumb-item::before { color: #fff; } .breadcrumb { background-color: transparent; margin: 0; padding: 0; } .breadcrumb-item + .breadcrumb-item::before { content: "\f3d1"; font-family: "Ionicons"; vertical-align: middle; } .page-title + .breadcrumb { margin-top: 15px; } .page-title + span { margin-top: 15px; display: inline-block; width: 100%; } .page_title_video { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; overflow: hidden; } .page_title_video video { object-fit: cover; width: 100%; } .breadcrumb-item a i { font-size: 26px; line-height: 1; vertical-align: middle; margin-right: 5px; margin-top: -5px; display: inline-block; } .page-title-video { position: absolute; top: 50%; right: 0; left: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -3; } .page-title-video video { object-fit: cover; width: 100%; } /*===================================* 15.END BREADCRUMB STYLE *===================================*/ /*===================================* 16.START CONTACT STYLE *===================================*/ .contact_wrap li { list-style: none; } .contact_wrap li { display: -ms-flexbox; display: -webkit-box; display: flex; margin-bottom: 25px; -ms-flex-align: center; align-items: center; } .contact_icon { margin-right: 20px; } .contact_icon i { font-size: 34px; color: #FF324D; } .contact_text span { color: #333; font-weight: 600; display: block; margin-bottom: 3px; } .contact_text p:last-child { margin-bottom: 0; } .contact_text a { color: #687188; line-height: 28px; } .contact_text a:hover { color: #FF324D; } .contact_style1 { text-align: center; padding: 20px; border: 2px solid #eee; margin-bottom: 30px; } .contact_style1 .contact_text span { margin-bottom: 5px; } .contact_style1 .contact_icon { margin-right: 0; margin-bottom: 10px; } .contact_style2 { text-align: center; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 40px 20px; border-radius: 10px; } .contact_style2 .contact_icon { background-color: #DFFFED; margin: 0 0 5px; height: 90px; width: 90px; text-align: center; display: inline-block; overflow: hidden; border-radius: 100%; position: relative; z-index: 1; } .contact_style2 .contact_icon i { line-height: 90px; } .contact_style3 { text-align: center; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 40px 20px; border-radius: 10px; } .contact_style3 .contact_icon { border: 1px solid #FF324D; margin: 0 0 5px; height: 80px; width: 80px; text-align: center; display: inline-block; overflow: hidden; border-radius: 100%; position: relative; z-index: 1; } .contact_style3 .contact_icon i { line-height: 78px; transition: all 0.5s ease-in-out; } .contact_style3 .contact_icon::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #FF324D; z-index: ; transition: all 0.5s ease-in-out; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); border-radius: 100%; z-index: -1; } .contact_style3:hover .contact_icon::before { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .contact_style3:hover .contact_icon i { color: #fff; } .contact_box { position: relative; padding: 50px 0px; display: table; width: 100%; } .contact_form { box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; max-width: 500px; background-color: #fff; padding: 30px; float: right; margin-right: 30px; position: relative; z-index: 9; } .contact_box .map { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .contact_box .map iframe { height: 100%; } /*===================================* 16. END CONTACT STYLE *===================================*/ /*===================================* 17.START DIVIDER STYLE *===================================*/ .divider { position: relative; overflow: hidden; height: 4px; z-index: 9; } .divider.center_icon, .divider.left_icon, .divider.right_icon, .divider.text_divider { height: auto; } .divider.left_icon i { padding-left: 0; padding-right: 20px; } .divider.center_icon { text-align: center; } .divider.right_icon i { padding-right: 0; padding-left: 20px; } .divider.right_icon { text-align: right; } .divider.text_divider { text-align: center; } .divider.text_divider span { background-color: #fff; position: relative; z-index: 1; font-size: 30px; padding: 0 30px; } .divider.divider_style1 .divider_icon { padding-right: 10px; background-color: #fff; display: inline-block; position: relative; z-index: 9; } .divider.divider_style1.center_icon .divider_icon { padding-left: 10px; } .divider.divider_style1.right_icon .divider_icon { padding-right: 0px; padding-left: 10px; } .divider.divider_style1 i { background-color: #FF324D; border-radius: 100%; width: 40px; height: 40px; font-size: 18px; display: block; padding: 0; text-align: center; line-height: 40px; color: #fff; } .divider:before, .divider:after { content: ''; position: absolute; width: 100%; top: 50%; left: 0px; height: 0; border-top: 1px solid #dddddd; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .divider::before { margin-top: -1px; } .divider::after { margin-top: 1px; } .divider i { background-color: #fff; color: #d9d9d9; position: relative; z-index: 1; font-size: 30px; padding: 0 40px; } /*===================================* 17.END DIVIDER STYLE *===================================*/ /*===================================* 18.START ACCORDION STYLE *===================================*/ .accordion .card .card-header { background-color: transparent; padding: 0px; margin: 0; } .accordion .card-header a { padding: 15px 40px 15px 15px; display: block; line-height: normal; } .accordion .card-body p:last-child { margin: 0; } .card-body p { margin-bottom: 15px; } .accordion_style1.accordion .card { background-color: transparent; margin-bottom: 15px; border-radius: 0; border: 0; } .accordion_style1.accordion .card:last-child { margin-bottom: 0; } .accordion_style1 .card-body { padding: 15px 0 10px 0; } .accordion.accordion_style1 .card-header a { padding-left: 0; padding-top: 0; font-weight: 600; } .accordion_style1 .card-header a::after { content: "\f208"; font-family: "Ionicons"; font-size: 16px; font-weight: normal; position: absolute; right: 15px; top: 0px; } .accordion_style1 .card-header a[aria-expanded="false"]::after { content: "\f217"; } .accordion_style2 .card-header { border: 0; background-color: transparent; padding: 0px; } .accordion_style2 .card-header a { padding: 15px 40px 15px 15px; display: block; font-weight: 600; } .accordion_style2 .card-body { padding: 0 15px 15px 15px; } .accordion_style2 .card-header a::after { content: "\f126"; font-family: "Ionicons"; font-size: 16px; font-weight: normal; position: absolute; right: 15px; top: 15px; } .accordion_style2 .card-header a.collapsed:after { content: "\f123"; } .accordion_style3.accordion .card { background-color: transparent; margin-bottom: 15px; border-radius: 0; } .accordion.accordion_style3 .card-header { border: 0; } .accordion.accordion_style3 .card-header a { font-weight: 600; } .accordion.accordion_style3.accordion > .card { border: 1px solid rgba(0,0,0,.125); } .accordion.accordion_style3.accordion .card-body { border-top: 1px solid rgba(0,0,0,.125); } .accordion_style3 .card-header a::after { content: "\f208"; font-family: "Ionicons"; font-size: 16px; font-weight: normal; position: absolute; right: 15px; top: 16px; } .accordion_style3 .card-header a[aria-expanded="false"]::after { content: "\f217"; } .accordion_style4 .card-header a { padding: 20px 20px 20px 50px; font-weight: 600; display: inline-block; width: 100%; } .accordion_style4 .card-header a::after { content: "\f126"; font-family: "Ionicons"; font-size: 14px; font-weight: normal; position: absolute; left: 20px; top: 25px; } .accordion_style4 .card-header a.collapsed::after { content: "\f123"; } .accordion_style4 > .card .card-header { margin-bottom: -1px; } /*===================================* 18.END ACCORDION STYLE *===================================*/ /*===================================* 19.START 404 ERROR STYLE *===================================*/ .error_wrap { width: 100%; } .error_txt { color: #333; font-size: 150px; font-weight: 600; margin-bottom: 20px; line-height: 1; } .search_form form { position: relative; } .search_form form input { height: 50px; padding: 5px 60px 5px 20px; } .search_form form input:focus { height: 50px; } .search_form .icon_search { position: absolute; right: 18px; top: 50%; padding: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border:0; border-left: 1px solid #ddd; border-radius: 0; padding-left: 15px; } .search_form .icon_search i { font-size: 24px; margin-right: 0; } .form-note { margin-top: 20px; } /*===================================* 19.END 404 ERROR STYLE *===================================*/ /*===================================* 20.START LOGIN REGISTER STYLE *===================================*/ .login_wrap { box-shadow: 0 0 10px rgba(0,0,0,0.2); } .login_register_wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; position: relative; } .login_footer { margin-bottom: 20px; margin-top: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .login_footer a { color: #687188; } .different_login { text-align: center; position: relative; margin: 20px 0; } .different_login span { background-color: #fff; padding: 0 15px; position: relative; text-transform: uppercase; } .different_login::before { content: ""; position: absolute; left: 0; top: 50%; right: 0; border-top: 1px solid #ddd; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .btn-login li { margin: 0px 5px 0; display: inline-block; } .btn-login li a { border-radius: 5px; padding: 10px 20px; color: #fff; display: block; } .btn-login li a i { margin-right: 10px; font-size: 18px; margin-left: 0; } .btn-facebook { background: #3b5998; border-color: #3b5998; } .btn-facebook:hover { color: #fff; background: #344e86; border-color: #344e86; } .btn-google { background: #d85040; border-color: #d85040; } .btn-google:hover { color: #fff; background: #d33d2b; border-color: #d33d2b; } /*===================================* 20.END LOGIN REGISTER STYLE *===================================*/ /*===================================* 21.START COMMING SOON STYLE *===================================*/ .cs_wrap { min-height: 100vh; position: relative; padding: 30px 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .countdown_time { display: table; width: 100%; } .countdown_time .countdown_box { float: left; width: 25%; font-family: 'Roboto'; padding: 0 15px; } .countdown-wrap { display: inline-block; text-align: center; } .countdown_time .cd_text { display: block; } .countdown_box .countdown { color: #292b2c; font-size: 40px; } .countdown_white .countdown_box .countdown, .countdown_white .countdown_box .cd_text { color: #fff; } .countdown_style1 .countdown_box { position: relative; text-align: center; } .countdown_style1 .countdown_box::before { content: ":"; font-size: 40px; font-weight: bold; color: #000; position: absolute; right: -6px; } .countdown_style1.countdown_white .countdown_box::before { color: #fff; } .countdown_style1 .countdown_box:last-child:before { content: normal; } .cs_logo { margin-bottom: 30px; display: block; } .cs_title { line-height: 44px; margin-bottom: 20px; } .cs_content .countdown_time, .cs_content .newsletter_form { margin-bottom: 30px; } .countdown_style2, .countdown_style3 { margin-left: -15px; margin-right: -15px; width: auto; display: -ms-flexbox; display: flex; } .countdown_style2 .countdown_box .countdown-wrap { text-align: center; border: 1px solid #ddd; width: 100%; padding: 10px; } .countdown_style3 .countdown-wrap { width: 100%; background-color: #fff; padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.03); } .countdown_time.countdown_style4 { margin: 0 -2px; width: auto; display: block; } .countdown_time.countdown_style4 .countdown_box { padding: 0 2px; } .countdown_style4 .countdown_box .countdown-wrap { text-align: center; background-color: #f2f2f2; width: 100%; padding: 10px; } /*===================================* 21.END COMMING SOON STYLE *===================================*/ /*===================================* 22.START DEAL OF THE DAY STYLE *===================================*/ /*.deal_timer .countdown_time .countdown_box:first-child,*/ .deal_timer .countdown_time .countdown_box .cd_text { display: none; } .deal_timer { position: relative; padding-left: 15px; } .deal_timer::before { content: "\e72b"; position: absolute; left: 0; top: 3px; font-family: 'themify'; font-size: 20px; color: #FF324D; } .deal_timer .countdown_style1 .countdown_box::before { font-size: 24px; font-weight: normal; right: -10px; } .deal_timer .countdown_box .countdown { font-size: 24px; } .deal_timer .countdown_box { width: auto; padding-right: 0; } .deal_wrap { border: 2px solid #FF324D; border-radius: 20px; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .deal_wrap .product_img { max-width: 300px; width: 100%; } .deal_content { width: 100%; padding: 30px 30px 30px 0; } .deal_content .product_info { padding: 0; } .deal_wrap .countdown_style1 .countdown_box::before { font-size: 24px; font-weight: normal; right: -10px; } .deal_wrap .countdown_box .countdown { font-size: 24px; } .deal_wrap .countdown_time .cd_text { font-size: 13px; } .deal_progress { padding-top: 5px; display: block; } .stock-available { float: right; } .deal_progress .progress { margin-top: 5px; margin-bottom: 20px; border-radius: 20px; } .deal_progress .progress-bar { background-color: #FF324D; text-indent: -99999px; } /*===================================* 22.END DEAL OF THE DAY STYLE *===================================*/ /*===================================* 23.START SHOP DESIGN *===================================*/ .shorting_icon { font-size: 18px; margin-right: 10px; height: 45px; width: 45px; float: left; text-align: center; line-height: 45px; border: 1px solid #CED4DA; border-radius: 4px; } .shorting_icon .ti-layout-list-thumb { font-size: 24px; line-height: 45px; } .shorting_icon.active { background-color: #FF324D; color: #fff; border-color: #ff324d; } .result_count { font-size: 14px; display: inline-block; vertical-align: middle; } .product_header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .product_header_right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .products_view { display: inline-block; vertical-align: middle; } /*.product, .product_wrap { background-color: #fff; position: relative; margin-bottom: 30px; transition: all 0.5s ease-in-out; box-shadow: 0 0 7px rgba(0,0,0,0.1); }*/ h4.product_title { text-align: center; font-size: 22px; } .product, .product_wrap { position: relative; margin: 25px; transition: all 0.5s ease-in-out; border-radius: 10px; box-shadow: 1px 1px 10px #ccc; } .product_box { margin-bottom: 30px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; } .product_box .product_info { position: relative; } .product_box .add-to-cart { position: absolute; left: 0; right: 0; bottom: -20px; background-color: #fff; padding: 10px 15px 15px 15px; opacity: 0; transition: all 0.3s ease-in-out; visibility: hidden; } .product_box:hover .add-to-cart { bottom: 0px; opacity: 1; visibility: visible; } .product_box .pr_action_btn li a { border-radius: 100%; width: 45px; height: 45px; line-height: 45px; } .product_wrap .pr_action_btn li a { box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 100%; width: 35px; height: 35px; line-height: 35px; } .product_wrap .pr_action_btn li a i { line-height: 35px; font-size: 16px; } .carousel_slider .product, .carousel_slider .product_wrap { margin: 5px; } .product_img img { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .product_img .product_hover_img { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; } .product:hover .product_img .product_hover_img, .product_box:hover .product_img .product_hover_img, .product_wrap:hover .product_img .product_hover_img { opacity: 1; z-index: 0; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .pr_desc { display: none; } .pr_flash { background-color: #FF9F00; position: absolute; left: 10px; top: 10px; text-transform: uppercase; color: #fff; padding: 2px 8px; font-size: 13px; z-index: 1; } .product_info { padding: 15px; } .price { color: #FF324D; font-weight: 600; } .product_price del { font-size: 14px; margin-right: 5px; margin-left: 3px; } .product-price del { margin-left: 5px; color: #919191; } .on_sale { display: inline-block; color: #388e3c; font-size: 14px; } .product_price { margin-bottom: 5px; } .product .rating_wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; } .product.text-center .rating_wrap { -ms-flex-pack: center; justify-content: center; } .rating_num { font-size: 14px; margin-left: 5px; vertical-align: middle; display: inline-block; } .rating_wrap .rating { overflow: hidden; position: relative; height: 20px; font-size: 12px; width: 70px; font-family: "Font Awesome 5 Free"; display: inline-block; vertical-align: middle; } .rating::before { font-size: 12px; content: "\f005\f005\f005\f005\f005"; top: 0; position: absolute; left: 0; float: left; color: #F6BC3E; } .product_rate { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; color: #F6BC3E; } .product_rate::before { font-size: 12px; content: "\f005\f005\f005\f005\f005"; top: 0; position: absolute; left: 0; font-weight: 900; } .product_action_box { position: absolute; top: 50%; left: 0; z-index: 2; right: 0; text-align: center; padding-top: 0; transition: all .5s ease-in-out; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pr_action_btn { display: table; margin: 0 auto; } .product_img { position: relative; overflow: hidden; } .product_img::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0,0,0,0.2); opacity: 0; transition: all 0.5s ease-in-out; z-index: 1; } .product:hover .product_img:before, .product_box:hover .product_img:before { opacity: 1; } .pr_action_btn li { position: relative; margin: 0px 5px; display: inline-block; } .product_wrap .pr_action_btn li { display: block; margin: 10px 0; } .product_wrap .pr_action_btn { margin: 0 0 0 10px; } .product_action_box li { -webkit-transform: translate(0, 15px); -ms-transform: translate(0, 15px); -o-transform: translate(0, 15px); transform: translate(0, 15px); opacity: 0; } .product_action_box li:nth-child(1) { -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .product_action_box li:nth-child(2) { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .product_action_box li:nth-child(3) { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product_action_box li:nth-child(4) { -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .product:hover .product_action_box li, .product_box:hover .product_action_box li, .product_wrap:hover .product_action_box li { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .pr_action_btn li a { background-color: #fff; font-size: 0; text-transform: capitalize; transition: all 0.3s ease-in-out; width: 37px; height: 37px; padding: 0; display: block; text-align: center; } .pr_action_btn li a i { vertical-align: middle; line-height: 37px; font-size: 18px; } .pr_action_btn li a:hover { background-color: #FF324D; color: #fff; } .product .product_title, .product_box .product_title, .product_wrap .product_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: capitalize; } .product_color_switch span { height: 15px; width: 15px; display: inline-block; vertical-align: middle; margin: 5px; position: relative; cursor: pointer; border-radius: 100%; } .product .product_color_switch span { -webkit-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); opacity: 0; } .product_color_switch span.active::before { content: ""; border: 2px solid #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: -3px; border-radius: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.5); } .product .pr_switch_wrap { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 7px 15px; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; } .product:hover .pr_switch_wrap { opacity: 1; visibility: visible; } .product:hover .product_color_switch span { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .product_color_switch span:first-child { -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .product_color_switch span:nth-child(2) { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .product_color_switch span:nth-child(3) { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .product_color_switch span:nth-child(4) { -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .product_color_switch span:nth-child(5) { -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .product_color_switch span:nth-child(6) { -webkit-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .product_color_switch span:nth-child(7) { -webkit-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; } .product_list .product, .product_list .product_wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 15px; margin-bottom: 30px; } .product_list .product_img { max-width: 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 100%; } .product_list .product_info { padding: 0px 0 0 15px; text-align: left; max-width: 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; } .product_list .product_img::before { content: normal; } .mfp-ajax-holder .mfp-content .ajax_quick_view { max-width: 980px; background-color: #fff; margin: 6px auto; padding: 30px; position: relative; } .mfp-close { width: 30px; height: 30px; line-height: normal; } .product-image { position: relative; } .pr_detail .pr_desc { display: inline-block; } .pr_detail .pr_desc p { margin-bottom: 15px; } .pr_detail .rating_wrap { float: right; margin-top: 7px; } .pr_detail .product_price { float: left; } .pr_detail .price { vertical-align: middle; font-size: 26px; } .cart-product-quantity { margin: 7px 10px 7px 0; display: table; } .quantity { display: table; } .quantity .minus, .quantity .plus { background-color: #eee; display: block; float: left; border-radius: 50px; cursor: pointer; border: 0; padding: 0; width: 34px; height: 34px; line-height: 36px; text-align: center; font-size: 20px; margin: 4px; } .quantity .minus { padding-left: 4px; } .quantity .qty { float: left; width: 55px; height: 36px; border: 1px solid #ddd; background-color: transparent; text-align: center; padding: 0; margin: 3px; } .cart_extra { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .zoomContainer { z-index: 99; } .zoom_image .zoomContainer { z-index: 1043; } .zoom_gallery_image .zoomContainer { z-index: 0; } .switch_lable { float: left; margin-right: 10px; } .pr_detail .pr_switch_wrap { margin-bottom: 10px; } .product_size_switch span { cursor: pointer; text-transform: uppercase; width: 32px; display: inline-block; border: 2px solid #ddd; text-align: center; height: 32px; line-height: 28px; font-size: 14px; margin-bottom: 3px; } .product_size_switch span.active { border-color: #FF324D; background-color: #ff324d; color: #fff; } .list_brand li { list-style: none; margin-bottom: 10px; } .list_brand li:last-child { margin-bottom: 0; } .list_brand .custome-checkbox .form-check-label { color: #292b2c; } .cart_btn .add_wishlist, .cart_btn .add_compare { font-size: 20px; display: inline-block; margin-left: 15px; vertical-align: middle; } .product_gallery_item a { border: 1px solid #ddd; display: block; padding: 5px; } .product-meta li { list-style: none; margin-top: 10px; } .slick-vertical .slick-slide { border: 0; } .slick-list { padding: 0 !important; } .product_gallery_item.slick-slider .slick-slide { margin-right: 5px; margin-left: 5px; } .product-image .slick-list { margin-right: -5px; margin-left: -5px; } .product_gallery_item a.active { border-color: #FF324D; } .vertical_gallery #pr_item_gallery { width: 15%; float: left; margin-right: 10px; } .vertical_gallery .slick-list { margin-right: 0; margin-left: 0; } .vertical_gallery .product_gallery_item.slick-slider .slick-slide { margin-bottom: 12px; margin-right: 0; margin-left: 0; } .vertical_gallery .slick-prev, .vertical_gallery .slick-next { height: 40px; width: 100%; } .vertical_gallery .slick-prev { border-radius: 0 0 5px 5px; left: 0; right: 0; top: -40px; margin: 0 auto; transform: none; -webkit-transform: none; -ms-transform: none; transform: none; } .vertical_gallery .slick-next { border-radius: 5px 5px 0 0; right: 0; left:0; bottom: -40px; top: auto; margin: 0 auto; transform: none; -webkit-transform: none; -ms-transform: none; transform: none; } .vertical_gallery .slick-prev:before { content: "\f10e" } .vertical_gallery .slick-next:before { content: "\f105" } .vertical_gallery .slick_slider:hover .slick-prev { top: 0; } .vertical_gallery .slick_slider:hover .slick-next { bottom: 0px; right: 0; } .product_img_box { padding: 8px; border: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; position: relative; } .product_img_zoom { position: absolute; top: 20px; right: 20px; z-index: 999; font-size: 18px; background-color: #FAFAFA; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; } .product_share { margin-top: 15px; } .product_share > span { margin-right: 10px; } .product_share > span, .product_share .social_icons { vertical-align: middle; display: inline-block; } .product_share .social_icons li { padding-bottom: 0; } .product_sort_info { margin-bottom: 15px; } .product_sort_info li { font-size: 14px; color: #292B2C; padding-bottom: 10px; list-style: none; padding-left: 22px; position: relative; } .product_sort_info li i { color: #FF324D; position: absolute; font-size: 16px; left: 0; top: 3px; } .filter_price .ui-widget.ui-widget-content { border: 0; border-radius: 0; background-color: #ddd; height: 4px; margin-bottom: 20px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .filter_price .ui-slider .ui-slider-range { background-color: #FF324D; border-radius: 0; } .filter_price .ui-slider .ui-slider-handle { cursor: pointer; background-color: #fff; border-radius: 100%; border: 0; height: 18px; top: -8px; width: 18px; margin: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); } .price_range { color: #292b2c; } #flt_price { margin-left: 5px; font-weight: 600; } .shop_container { position: relative; } .loading_pr { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 9; } .shop_container .loading_pr { top: -7px; } .shop_container .mfp-preloader { top: 100px; } .shop_container:not(.list) .list_product_action_box, .shop_container.list .product_action_box { display: none; } .shop_container.list .product_img::before { content: normal; } .shop_container.list [class*="col-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .shop_container.list .grid_item { position: static !important; transform: none !important; } .shop_container.list .product { display: inline-block; width: 100%; } .shop_container.list .product_img { float: left; width: 100%; max-width: 280px; } .shop_container.list .product .product_title { font-size: 20px; margin-bottom: 15px; } .shop_container.list .product_info { overflow: hidden; text-align: left; padding: 15px 30px; } .shop_container.list .product_price { float: left; } .shop_container.list .product .rating_wrap { display: block; float: right; } .shop_container.list .pr_desc { display: block; width: 100%; overflow: hidden; margin-bottom: 10px; min-height: 58px; max-height: 84px; } .shop_container.list .pr_desc p { margin-bottom: 0px; } .shop_container.list .product_action_box, .shop_container.list .product .pr_switch_wrap, .shop_container.list .product .pr_switch_wrap { position: static; } .shop_container.list .product .pr_switch_wrap { padding: 0; opacity: 1; visibility: visible; margin-bottom: 10px; } .shop_container.list .product .product_color_switch span { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .shop_container.list .product_action_box li { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; filter: alpha(opacity=1); } .shop_container.list .pr_action_btn { display: block; margin: 0; } .shop_container.list .pr_action_btn li { margin: 0 5px 0 0; display: inline-block; vertical-align: middle; } .shop_container.list .pr_action_btn li a { box-shadow: none; } .shop_container.list .pr_action_btn li a:hover { background-color: transparent; color: #FF324D; } .shop_container.list .list_product_action_box .pr_action_btn li.add-to-cart a { font-size: 16px; width: auto; height: auto; padding: 12px 30px; background-color: #FF324D; border: 1px solid #FF324D; color: #fff; border-radius: 4px; } .shop_container.list .pr_action_btn li.add-to-cart a:hover { background-color: transparent; color: #FF324D; } .shop_container.list .pr_action_btn li.add-to-cart a i { line-height: normal; margin-right: 5px; } #Additional-info table td:first-child { width: 25%; } .product_tab_title span { font-weight: 600; } .tab-content.shop_info_tab { margin-top: 40px; } .comment_list { margin-bottom: 20px; } .comments li { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; } .comment_img { float: left; } .comment_img img { border-radius: 100%; max-width: 100px; } .comment_block { padding-left: 120px; } .customer_meta { margin-bottom: 5px; } .comment_block .rating_wrap { float: right; } .description p:last-child { margin: 0; } .review_author { display: block; color: #292b2c; font-weight: 500; } .comment-date { font-style: italic; } .star_rating > span { color: #F6BC3E; } .star_rating span { cursor: pointer; display: inline-block; } .star_rating span i { font-size: 20px; } .star_rating > span.selected i::before { font-weight: 900; } .releted_product_slider .item { margin: 10px 0px 0px; } .releted_product_slider .product { margin-bottom: 15px; } .mfp-ajax-holder .compare_box { width: 90%; margin: 6px auto; background-color: #fff; position: relative; padding: 30px; } .compare_box .table { margin: 0; display: block; } .compare_box table tr td { vertical-align: middle; width: 27%; } .compare_box table tr td.product_name { text-transform: capitalize; } .compare_box table tr td.row_title { width: 270px; text-transform: uppercase; font-weight: 600; } .row_remove a, .row_remove a:hover { color: #FF0000; } .in-stock { color: #388e3c; } .out-stock { color: #dc3545; } .product_name a { font-weight: 600; } .row_color .product_color_switch span { pointer-events: none; } .product-thumbnail img { max-width: 100px; } .shop_cart_table th, .shop_cart_table td, .wishlist_table th, .wishlist_table td { vertical-align: middle; text-align: center; } .shop_cart_table th.product-name, .shop_cart_table td.product-name, .wishlist_table th.product-name, .wishlist_table td.product-name { text-align: left; text-transform: capitalize; } .shop_cart_table .quantity { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .product-remove a i { height: 30px; width: 30px; color: #292b2c; display: inline-block; line-height: 30px; text-align: center; border-radius: 100%; font-size: 14px; } .product-remove a i:hover { background-color: #F00; color: #fff; } .shop_cart_table td.product-price, .shop_cart_table td.product-subtotal { font-weight: 600; } .shop_cart_table .table { margin: 0; } .toggle_info { padding: 20px; background-color: #F7F7F7; } .toggle_info span { padding-left: 25px; display: inline-block; width: 100%; position: relative; } .toggle_info i { margin-right: 10px; color: #FF324D; position: absolute; left: 0; top: 5px; } .login_form .panel-body, .coupon_form .panel-body { border: 1px solid #ddd; padding: 30px; margin-top: 30px; } label.label_info { color: #292b2c !important; font-weight: 600; } .ship_detail { margin-bottom: 10px; display: inline-block; width: 100%; } .product-qty { font-weight: 600; } .product-subtotal { font-weight: 600; } .order_review { background-color: #f7f8fb; padding: 30px; } .order_table thead th { border-bottom-width: 1px; font-weight: 600; } .order_table tfoot th { font-weight: 600; } .order_table tbody td { border: 0; } .payment_method { margin-bottom: 30px; display: inline-block; width: 100%; } .payment_option .custome-radio { margin-bottom: 10px; } .payment-text { display: none; margin-top: 5px; margin-bottom: 0; } .payment_option .custome-radio:first-child .payment-text { display: block; } .payment_option .custome-radio .form-check-label { color: #292b2c; font-weight: 600; } .wishlist_table .table td { border-bottom: 1px solid #dee2e6; } .wishlist_table .badge { line-height: normal; vertical-align: middle; padding: 2px 10px; } #load-more { transition: none; } .grid_item_hide .product, .grid_item_hide .blog_post { -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .grid_item_hide { opacity: 0; visibility: hidden; height: 0; padding-top: 0 !important; padding-bottom: 0 !important; transform: scale(0); } .loading { background: url('../images/loading.gif') center center no-repeat; font-size: 0 !important; background-color: #000 !important; border: 0; height: 51px; width: 50px; padding: 0; } .loading::after, .loading::before { content: normal; } .load_more_wrap { margin-top: 20px; } .load_more_wrap span { display: inline-block; margin: 0; line-height: 1; font-size: 14px; } .order_complete i { color: #FF324D; font-size: 80px; margin-bottom: 20px; } .empty_icon { background-color: #DFFFED; display: inline-block; height: 100px; width: 100px; line-height: 100px; border-radius: 100%; margin-bottom: 25px; } .card-body .comments { margin-top: 5px; } /*===================================* 23.END SHOP DESIGN *===================================*/ /*===================================* 24.START ELEMENT DESIGN *===================================*/ .form-control { color: #000; box-shadow: none; height: 50px; padding: 8px 15px; } .form-control:focus, .custom-file-input:focus ~ .custom-file-label { color: #000; box-shadow: none; height: 50px; } textarea.form-control, textarea.form-control:focus { height: auto; padding: 12px 15px; } .form-control-sm, .form-control-sm:focus, .custom_select select.form-control-sm, .custom_select select.form-control-sm:focus { height: 45px; } select.not_chosen, select.first_null option:first-child, select.not_chosen:focus, select.form-control.not_chosen, select.form-control.first_null option:first-child, select.not_chosen.form-control:focus { color: #6c757d; } select option { color: #000; } .custom_select { position: relative; } .custom_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ced4da; padding: 8px 35px 8px 15px; width: 100%; height: 50px; } .custom_select::before { content: "\e64b"; font-family: 'themify'; position: absolute; display: block; color: #848484; top: 50%; right: 15px; font-weight: 900; pointer-events: none; font-size: 12px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .custom-file-label::after { height: 48px; border: 0; line-height: 40px; border-radius: 0; } .custom-file-label, .custom-file, .custom-file-input { height: 50px; line-height: 38px; } .rounded_input .form-control, .rounded_input input { border-radius: 30px; padding: 10px 20px; } .rounded_input .custom_select select { padding-right: 40px; } .rounded_input .custom_select::before { right: 20px; } .rounded_input textarea.form-control, .rounded_input textarea.form-control:focus { padding: 15px 20px; } .input_group { position: relative; } .input_icon { position: absolute; right: 20px; top: 14px; pointer-events: none; color: #848484; } .rounded_input .input_icon { top: 12px; } .pagination .page-item a { color: #0E93D8; height: 40px; width: 40px; text-align: center; line-height: 40px; padding: 0px; z-index: 1; } .page-link:focus { box-shadow: none; } .pagination_style1 li, .pagination_style2 li, .pagination_style3 li, .pagination_style4 li { margin-right: 5px; } .pagination_style1 .page-item a { border: 2px solid #dee2e6; border-radius: 0 !important; color: #687188; margin-left: 0px; line-height: 36px; } .pagination_style1 .page-item a i { line-height: 36px; } .pagination_style1 .page-item.disabled .page-link, .pagination_style3 .page-item.disabled .page-link { color: #c6c6c6; pointer-events: none; background-color: #fff; border-color: #f4f4f4; } .pagination_style1 .page-item.active .page-link, .pagination_style1 .page-item .page-link:hover { background-color: #FF324D; border-color: #FF324D; color: #fff; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background: url("../images/loading.gif") center center no-repeat; text-align: center; margin-top: -12px; margin-left: -12px; z-index: 1044; text-indent: -9999px; background-color: #000; padding: 25px; border-radius: 5px; } .widget_title { margin-bottom: 25px; text-transform: capitalize; font-weight: 600; letter-spacing: 0.3px; } .widget_categories li, .widget_archive li { padding-bottom: 10px; list-style: none; } .widget_categories li a, .widget_archive li a { position: relative; } .widget_categories li a::before, .widget_archive li a:before { content: "\f3d1"; font-family: "Ionicons"; height: auto; line-height: normal; margin-right: 10px; } .widget_categories li:last-child, .widget_archive li:last-child { padding-bottom: 0; } .widget_categories .categories_num, .widget_archive .archive_num { float: right; font-size: 14px; } .sidebar .widget + .widget { border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px; } .widget_newsletter p { font-size: 14px; line-height: normal; } .widget_newsletter button { padding: 5px 12px; } .widget_newsletter button i, .widget_newsletter .btn i { font-size: 18px; } .widget_recent_post li, .widget_course li { list-style: none; margin-bottom: 15px; width: 100%; display: inline-block; } .widget_course li { display: table; } .post_footer { display: inline-block; vertical-align: top; } .widget_recent_post li:last-child, .widget_course li:last-child { margin-bottom: 0px; } footer .widget_recent_post .post_img img { border: 0; } .post_img, .widget_course li .course_img { float: left; margin-right: 10px; } .post_img img { width: 80px; } .post_content, .widget_course li .course_content { overflow: hidden; } .post_content h6 { font-size: 14px; line-height: 22px; margin-bottom: 0; } .post_content .product_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; margin-bottom: 5px; } .post_content .product_price { margin-bottom: 0px; } .tags a { background-color: #f7f7f7; font-size: 14px; padding: 8px 15px; display: inline-block; margin-bottom: 5px; color: #333; } .tags a:hover { background-color: #FF324D; color: #fff; } .tags_style1 a { border-radius: 40px; } .widget_tweet_feed li { list-style: none; position: relative; font-size: 14px; padding-bottom: 15px; padding-left: 25px; } .widget_tweet_feed li::before { content: "\e74b"; font-family: 'themify'; position: absolute; left: 0; top: 0; color: #292B2C; } .widget_tweet_feed a { color: #FF324D; } .widget_tweet_feed li:last-child { padding-bottom: 0px; } .widget_instafeed { margin: -2px; display: table; } .widget_instafeed li { list-style: none; float: left; width: 33.33%; padding: 2px; position: relative; } .instafeed_col4 li { width: 25%; } .widget_instafeed li a { display: block; position: relative; overflow: hidden; } .widget_instafeed li a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; background-color: rgba(0,0,0,0.8); transition: all 0.5s ease-in-out; z-index: 1; } .widget_instafeed img { width: 100%; } .insta_icon { color: #fff; font-size: 16px; position: absolute; top: 50%; left: 0; right: 0; opacity: 0; text-align: center; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.5s ease-in-out; z-index: 2; } .widget_instafeed li:hover a::before, .widget_instafeed li:hover .insta_icon { opacity: 1; } .insta_img { position: relative; } .instagram_icon { position: absolute; top: 50%; left: 0; right: 0; text-align: center; -moz-transform: translateY(-50%) rotate(30deg) scale(1.8); -webkit-transform: translateY(-50%) rotate(30deg) scale(1.8); transform: translateY(-50%) rotate(30deg) scale(1.8); z-index: 1; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .instagram_icon i { color: #fff; font-size: 50px; } .insta_img::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 1; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .insta_img:hover:before { opacity: 1; visibility: visible; } .insta_img:hover .instagram_icon { opacity: 1; visibility: visible; -moz-transform: translateY(-50%) rotate(0deg) scale(1); -webkit-transform: translateY(-50%) rotate(0deg) scale(1); transform: translateY(-50%) rotate(0deg) scale(1); } .follow_box { position: absolute; top: 50%; z-index: 9; text-align: center; right: 0; left: 0; max-width: 400px; background-color: rgba(255,255,255,01); margin: 0 auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 25px; border-radius: 80px; } .follow_box i { position: absolute; font-size: 80px; left: 0; right: 0; z-index: -1; opacity: 0.1; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .instafeed_box { overflow: hidden; } .instafeed_box a { position: relative; display: block; } .instafeed_box a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; background-color: rgba(0,0,0,0.4); z-index: 1; display: block; transition: all 0.5s ease-in-out; } .instafeed_box a:hover:before { opacity: 1; } .instafeed_box a img { transition: all 0.5s ease-in-out; } .instafeed_box a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .nav-tabs li.nav-item a { background-color: transparent; border: 0; font-weight: 500; text-align: center; text-transform: capitalize; padding: 5px 20px; } .tab-content { margin-top: 25px; } .tab-style1 .nav-tabs, .tab-style2 .nav-tabs { border-bottom: 0; } .tab-style1 .nav-tabs li.nav-item a.active, .tab-style1 .nav-tabs li.nav-item a.active:hover, .tab-style2 .nav-tabs li.nav-item a.active, .tab-style2 .nav-tabs li.nav-item a.active:hover { color: #FF324D; } .tab-style2 .nav-tabs li.nav-item a { padding: 0px 15px; } .tab-style2 .nav-tabs li.nav-item:last-child a { padding-right: 0; } .tab-style3 .nav-tabs li.nav-item a { background-color: transparent; display: block; padding: .5rem 1rem; border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid rgba(0,0,0,0); text-align: center; text-transform: uppercase; } .tab-style3 .nav-tabs .nav-item a.active { border-bottom-color: #FF324D; color: #FF324D; } .tab_slider > .tab-pane { display: block; height: 0; } .tab_slider .tab-pane.active { height: auto; display: block; -webkit-animation-name: moveUp; animation-name: moveUp; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.26,.69,.37,.96); animation-timing-function: cubic-bezier(.26,.69,.37,.96); -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes moveUp { 0% { opacity:0; -webkit-transform:translateY(25px); transform:translateY(25px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes moveUp { 0% { opacity:0; -webkit-transform:translateY(25px); transform:translateY(25px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } .heading_tab_header { padding-bottom: 15px; border-bottom: 1px solid #ddd; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 30px; position: relative; } .heading_tab_header [class*="heading_"] { float: left; } .view_all i, .view_all span { vertical-align: middle; } .custome-checkbox .form-check-label { position: relative; cursor: pointer; color: #687188; padding: 0; vertical-align: middle; } .custome-checkbox .form-check-input { display: none; } .custome-checkbox .form-check-label span { vertical-align: middle; } .custome-checkbox .form-check-label::before { content: ""; border: 2px solid #ced4da; height: 17px; width: 17px; margin: 0px 8px 0 0; display: inline-block; vertical-align: middle; } .custome-checkbox input[type="checkbox"]:checked + .form-check-label::after { opacity: 1; } .custome-checkbox input[type="checkbox"] + .form-check-label::after { content: ""; width: 11px; position: absolute; top: 50%; left: 3px; opacity: 0; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -moz-transform: translateY(-65%) rotate(-45deg); -webkit-transform: translateY(-65%) rotate(-45deg); transform: translateY(-65%) rotate(-45deg); } .custome-checkbox input[type="checkbox"]:checked + .form-check-label::before { background-color: #FF324D; border-color: #FF324D; } .custome-radio .form-check-input, .custome-checkbox .form-check-input { display: none; } .custome-radio .form-check-label::before { content: ""; border: 1px solid #908f8f; height: 16px; width: 16px; display: inline-block; border-radius: 100%; vertical-align: middle; margin-right: 8px; } .custome-radio input[type="radio"] + .form-check-label::after { content: ""; background-color: #FF324D; height: 10px; width: 10px; border-radius: 100%; position: absolute; top: 8px; left: 3px; opacity: 0; } .custome-radio .form-check-label, .custome-checkbox .form-check-label { position: relative; cursor: pointer; } .custome-radio input[type="radio"]:checked + .form-check-label::before { border-color: #FF324D; } .custome-radio input[type="radio"]:checked + .form-check-label::after { opacity: 1; } .custome-checkbox input[disabled] + .form-check-label, .custome-radio input[disabled] + .form-check-label { color: #d0d0d0; } .custome-checkbox input[disabled] + .form-check-label::before, .custome-radio input[disabled] + .form-check-label::before { border-color: #e8e8e8; } .owl-theme .owl-nav { margin-top: 0; } body .owl-theme .owl-nav [class*="owl-"] { background-color: #fff; color: #222; font-size: 26px; line-height: 50px; transition: all 0.3s ease-in-out; height: 50px; padding: 0; margin: 0; width: 50px; text-align: center; } .owl-theme .owl-nav [class*="owl-"] i { line-height: normal; } .owl-theme .owl-dots { font-size: 0; margin-top: 15px; } .owl-theme .owl-dots .owl-dot span { background-color: transparent; border: 1px solid #FF324D; cursor: pointer; margin: 3px; opacity: 1; transition: all 0.3s ease-in-out; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #FF324D; } .dot_style1.owl-theme .owl-dots .owl-dot.active span { width: 30px; } .nav_style1.owl-theme .owl-nav [class*="owl-"], .nav_style5.owl-theme .owl-nav [class*="owl-"] { position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkittransform: translateY(-50%); transform: translateY(-50%); border-radius: 0; width: 30px; } .nav_style1.owl-theme .owl-nav [class*="owl-"]:hover { background-color: #fff; color: #555; } .nav_style1.owl-theme .owl-nav .owl-prev { left: -50px; } .nav_style1.owl-theme .owl-nav .owl-next { right: -50px; } .nav_style2.owl-theme .owl-nav [class*="owl-"] { background-color: transparent; position: absolute; bottom: 10px; } .nav_style2.owl-theme .owl-nav [class*="owl-"]:hover, .nav_style3.owl-theme .owl-nav [class*="owl-"]:hover, .nav_style4.owl-theme .owl-nav [class*="owl-"]:hover { color: #555; } .nav_style2.owl-theme .owl-nav .owl-prev, .nav_style5.owl-theme .owl-nav .owl-prev { left: 0px; } .nav_style2.owl-theme .owl-nav .owl-next, .nav_style5.owl-theme .owl-nav .owl-next { right: 0px; } .nav_style3.owl-theme .owl-nav [class*="owl-"], .nav_style4.owl-theme .owl-nav [class*="owl-"] { position: absolute; top: -90px; border-radius: 0; right: 0; height: auto; width: auto; background-color: transparent; } .nav_style3.owl-theme .owl-nav .owl-prev { right: 40px; } .nav_style4.owl-theme .owl-nav .owl-prev { left: 0px; right: auto; } .nav_style4.owl-theme .owl-nav .owl-prev i::before { content: "\ec43"; font-family: 'Linearicons'; } .nav_style4.owl-theme .owl-nav .owl-next i::before { content: "\ec44"; font-family: 'Linearicons'; } .nav_style5.owl-theme .owl-nav .owl-prev, .nav_style5.owl-theme .owl-nav .owl-next { opacity: 0; border-radius: 4px; width: 40px; height: 40px; line-height: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .nav_style5.owl-theme .owl-nav .owl-prev:hover, .nav_style5.owl-theme .owl-nav .owl-next:hover { background-color: #FF324D; color: #fff; } .nav_style5.owl-theme:hover .owl-nav .owl-prev { left: 20px; opacity: 1; } .nav_style5.owl-theme:hover .owl-nav .owl-next { right: 20px; opacity: 1; } .dot_white.owl-theme .owl-dots .owl-dot span { border-color: #fff; } .dot_white.owl-theme .owl-dots .owl-dot.active span, .dot_white.owl-theme .owl-dots .owl-dot:hover span { background-color: #fff; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 1; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: #fff; } .slick-prev { left: -50px; border-radius: 0 5px 5px 0; opacity: 0; } .slick-next { right: -50px; border-radius: 5px 0 0 5px; opacity: 0; } .slick-prev::before { content: "\f108"; font-family: "Ionicons"; color: #333; opacity: 1; display: block; font-size: 22px; } .slick-next::before { content: "\f10b"; font-family: "Ionicons"; color: #333; opacity: 1; display: block; font-size: 22px; } .slick-prev, .slick-next { height: 50px; width: 40px; box-shadow: 0 1px 4px rgba(0,0,0,.1); background-color: #fff; z-index: 9; transition: all 0.5s ease-in-out; } .slick-prev:hover, .slick-next:hover { background-color: #FF324D; } .slick-prev:hover:before, .slick-next:hover:before { color: #fff; } .slick_slider:hover .slick-prev { opacity: 1; left: 0; } .slick_slider:hover .slick-next { opacity: 1; right: -2px; } .social_icons [class*="sc_"] { color: #fff !important; } .social_icons [class*="sc_"] i { transition: all 0.3s ease-in-out; display: block; line-height: 36px; } .social_icons [class*="sc_"]:hover i { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; } .sc_facebook { background-color: #3b5998 !important; border-color: #3b5998 !important; } .sc_gplus, .sc_google { background-color:#dd4b39 !important; border-color: #dd4b39 !important; } .sc_linkedin { background-color:#0e76a8 !important; border-color: #0e76a8 !important; } .sc_rss { background-color:#ee802f !important; border-color: #ee802f !important; } .sc_skype { background-color:#00aff0 !important; border-color: #00aff0 !important; } .sc_twitter { background-color:#00acee !important; border-color: #00acee !important; } .sc_youtube { background-color:#c4302b !important; border-color: #c4302b !important; } .sc_vimeo { background-color:#86c9ef !important; border-color: #86c9ef !important; } .sc_yahoo { background-color:#720e9e !important; border-color: #720e9e !important; } .sc_tumblr { background-color:#34526f !important; border-color: #34526f !important; } .sc_instagram { background-color:#3f729b !important; border-color: #3f729b !important; } .sc_pinterest { background-color:#c8232c !important; border-color: #c8232c !important; } .sc_dribbble { background-color:#EA4C89 !important; border-color: #EA4C89 !important; } .sc_reddit { background-color: #C6C6C6 !important; border-color: #C6C6C6 !important; } .sc_github { background-color: #171515 !important; border-color: #171515 !important; } .sc_android { background-color: #A4C639 !important; border-color: #A4C639 !important; } .sc_windows { background-color: #00A7E7 !important; border-color: #00A7E7 !important; } .sc_tux { background-color: #C1C1C1 !important; border-color: #C1C1C1 !important; } .sc_delicious { background-color: #205cc0!important; border-color: #205cc0 !important; } .sc_paypal { background-color: #00588b!important; border-color: #00588b !important; } .sc_blogger { background-color: #fc4f08!important; border-color: #fc4f08!important; } .sc_flickr { background-color: #ff0084!important; border-color: #ff0084!important; } .sc_yahoo { background-color: #720e9e!important; border-color: #720e9e!important; } .sc_dropbox { background-color: #3d9ae8!important; border-color: #3d9ae8!important; } .sc_ebay { background-color: #89c507!important; border-color: #89c507!important; } .sc_wordpress { background-color: #1e8cbe!important; border-color: #1e8cbe !important; } .sc_yelp { background-color: #c41200!important; } blockquote { font-size: 20px; line-height: 34px; } blockquote p { line-height: 34px; } blockquote p:last-child { margin: 0; } .blockquote_style1 { padding-left: 20px; border-left: 3px solid #ddd; margin: 30px 0; } .blockquote_style1 p { color: #292B2C; } .blockquote_style2 { background-color: #FF324D; padding: 20px; position: relative; } .blockquote_style2 * { color: #fff; font-size: 16px; line-height: 28px; } .blockquote_style2::before { content: "\f10e"; position: absolute; left: 20px; top: 10px; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 70px; opacity: 0.3; line-height: normal; } .blockquote_style3 { background-color: #FAFAFA; padding: 20px; border-left: 2px solid #FF324D; margin-bottom: 25px; font-size: 16px; line-height: 28px; margin-top: 5px; display: inline-block; width: 100%; position: relative; } .blockquote_style3::before { content: "\f10e"; position: absolute; left: 20px; top: 10px; color: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 70px; opacity: 0.05; line-height: normal; pointer-events: none; } .blockquote_style3 p { line-height: 28px; } .blockquote_style4 { text-align: center; padding: 20px; background-color: #f7f7f7; margin-bottom: 20px; font-size: 18px; position: relative; } .blockquote_style4::before { content: "\f10d"; position: absolute; left: 50px; top: 10px; color: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 70px; opacity: 0.05; line-height: normal; } .blockquote_style4, .blockquote_style4 p { color: #222; } .blog_post_footer { padding-bottom: 30px; padding-top: 15px; } .mdtp__wrapper { bottom: auto; top: 50%; -moz-transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .modal { padding-right: 0 !important; } .page_soon { font-size: 10px; color: #fff; padding: 0px 5px; border-radius: 20px; background-color: #28A745; text-transform: uppercase; font-weight: 600; } .alert .close { font-weight: normal; margin-left: 10px; } .alert_style1 { border-radius: 0; border-left: 3px solid; padding: 20px; position: relative; border-top: 0; border-bottom: 0; border-right: 0; } .alert > i { margin-right: 5px; font-size: 18px; vertical-align: middle; } .alert_style2 { border-radius: 20px; padding: 20px 20px; background-color: #fff; border-left: 3px solid; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-top: 0; border-bottom: 0; border-right: 3px solid;; } .button_group .btn { margin-bottom: 20px; } .trading_img { margin-top: -40px; } .term_conditions h6 { margin-bottom: 15px; } .term_conditions ul, .term_conditions ol { padding-left: 15px; } .term_conditions p, .term_conditions li { font-size: 14px; margin-bottom: 15px; line-height: 28px; } .subscribe_popup .modal-body { padding: 0; } .subscribe_popup .modal-content { border: 0; border-radius: 0; } .popup_content { padding: 50px; text-align: center; } .subscribe_popup .close { position: absolute; right: 0; top: 0; z-index: 9; opacity: 1; text-shadow: none; width: 40px; height: 40px; padding: 0; box-shadow: none; background-color: transparent; border: 0; } .subscribe_popup .close i { font-size: 40px; } .modal { z-index: 99999; } .modal-backdrop { z-index: 9999; } .dashboard_menu { box-shadow: 0 0px 4px 0 #e9e9e9; } .dashboard_menu .nav-tabs li.nav-item a { text-align: left; padding: 12px 20px; border-radius: 0; border-bottom: 1px solid #efefef; color: #2b2f4c; } .dashboard_menu .nav-tabs li.nav-item a.active { background-color: #FF324D; color: #fff; } .dashboard_menu .nav-tabs li.nav-item a i { margin-right: 8px; vertical-align: middle; } .dashboard_content { margin: 0; } .dashboard_content .card-header { background-color: transparent; border-color: #f0f0f0; } .dashboard_content .card-header * { margin: 0; } .dashboard_content .card { border-radius: 0; border: 0; box-shadow: 0 0px 4px 0 #e9e9e9; } .dashboard_content .card-body p:last-child { margin: 0; } .dashboard_content .table { margin: 0; } .dashboard_content .table thead th { border: 0; padding-top: 0; font-weight: 600; } .dashboard_content .table tbody tr:last-child td { padding-bottom: 0; } .dashboard_content .table tbody tr td { vertical-align: middle; white-space: nowrap; } .dashboard_content label { color: #333; } .dashboard_content label .required { color: #ff0000; } /*===================================* 24.END ELEMENT DESIGN *===================================*/ /*Migrating to v5*/ .btn-block { display: block; width: 100%; } .nav-link { color: #292b2c; } .nav-link:focus, .nav-link:hover { color: #FF324D; } .input-group-append { margin-left: -1px; } .input-group-append, .input-group-prepend { display: -ms-flexbox; display: flex; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-menu { left:0; } .input-group > .input-group-append > .btn { height: 100%; } .frame.black { overflow: hidden; border-top: 35px solid #000; border-right: 13px solid #000; border-bottom: 13px solid #000; border-left: 35px solid #000; } .frame.black.square { border: 14px solid #000; } .frame.silver { overflow: hidden; border-top: 35px solid silver; border-right: 13px solid silver; border-bottom: 13px solid silver; border-left: 35px solid silver; } .frame.silver.square { border: 14px solid silver; } /* .frame.silver { overflow: hidden; border: 25px solid silver; width: 550px; margin-left: 30px; height: 600px; }*/ .frame.silver { overflow: hidden; border-top: 35px solid silver; border-right: 13px solid silver; border-bottom: 13px solid silver; border-left: 35px solid silver; } .frame.silver.square { border: 14px solid silver; } .frame.red { overflow: hidden; border-top: 35px solid red; border-right: 13px solid red; border-bottom: 13px solid red; border-left: 35px solid red; } .frame.red.square { border: 14px solid red; } .frame.yellow { overflow: hidden; border-top: 35px solid #ffce47; border-right: 13px solid #ffce47; border-bottom: 13px solid #ffce47; border-left: 35px solid #ffce47; } .frame.yellow.square { border: 14px solid #ffce47; } .choose-thickness .inactive + label span { display: none !important; background: #f00 !important; } .choose-thickness .active + label span { display: block !important; background: #f00 !important; } .choose-size label { margin: 8px 0px; } /************************************ Mobile ******************************************************/ @media only screen and (max-width: 700px) { .frame.black { overflow: hidden; border: 14px solid #000; } .frame.silver { border: 14px solid silver; } .frame.yellow { border: 14px solid #ffce47; } .frame.red { border: 14px solid red; } label.img-upload-btn.btn.btn-fill-out { margin: 0px 10px !important; padding: 10px; font-size: 14px; } .photoframe { height: 380px; width: 100%; padding: 0px; position: relative; /* MARGIN: 65px; */ background-size: cover; background-position: center; background-image: url('../../product-page/images/photobackground.png'); } p.no-pic { font-size: 0px; padding: 0px; margin-bottom: 0px; line-height: 0px; } .left-column { height: 620px; width: 600px; padding: 50px 20px; position: relative; MARGIN: 65px; background-image: url(images/bg.jpg); background-size: contain; background-position: center; transform: scale(0.5); } .vrec { height: 343px; width: 243px; justify-content: center; align-items: center; display: flex; position: relative; margin:auto; clip-path: path(var(--movrec)); left:auto; top: 2%; } .vegg { height: 350px; width: 250px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--movegg)); left: auto; margin:auto; top: 3%; } .vrrec { height: 350px; width:250px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--movrrec)); left: auto; margin:auto; top:3%; } .topsemi { height: 350px; width:250px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--motopsemi)); left: auto; margin:auto; top:3%; } .toptrang { height: 350px; width:250px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--motoptrang)); left: auto; margin:auto; top:3%; } .heart{ top: 2%; width:350px; left:auto; justify-content: center; align-items: center; display: flex; position: relative; margin:auto; clip-path: path(var(--moheart)); } .octa{ top: 2%; width:300px; left:auto; justify-content: center; align-items: center; display: flex; position: relative; margin:auto; clip-path: path(var(--moocta)); } .square { left: auto; width: 350px; height: 350px; justify-content: center; align-items: center; display: flex; position: relative; margin:auto; clip-path: path(var(--mosquare)); top: 2%; } .roundrect { width: 350px; height: 250px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--moroundrect)); left: auto; margin: auto; top: 10%; } .sharprect { width: 350px; height: 250px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--mosharprect)); left: auto; margin: auto; top: 10%; } .egg { width: 350px; height: 250px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--moegg)); left: auto; margin: auto; top: 10%; } .rounded{ left: auto; top:2%; width: 350px; justify-content: center; align-items: center; display: flex; position: relative; margin: auto; clip-path: path(var(--morounded)); } .star{ width: 350px; left:auto; top: 2%; margin:auto; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--mostar)); } .circle{ left: auto; width: 350px; margin:auto; top: 2%; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--mocircle)); } .photostand .circle { height: 323px !important; } .hexagon{ left:auto; top: 2%; width: 350px; height: 320px; justify-content: center; align-items: center; display: flex; position: relative; margin:auto; clip-path: path(var(--mohexagon)); } #photo img { transform: scale(0.5); position: static; top: 0; left: 0; object-fit: cover; cursor: move; } #clock img { transform: scale(1); position: static; top: 0; left: 0; object-fit: cover; cursor: move; } .flower{ left:auto; top: 2%; width: 350px; justify-content: center; align-items: center; display: flex; position: relative; margin:auto; clip-path: path(var(--moflower)); } .diamond{ left: auto; top: 2%; width: 350px; justify-content: center; align-items: center; display: flex; position: relative; margin: auto; background-color: #fff; clip-path: path(var(--modiamond)); } .leaf{ left:auto; top:2%; width: 350px; justify-content: center; align-items: center; display: flex; position: relative; margin:auto; clip-path: path(var(--moleaf)); } .clock .square { height: 600px; width: 600px; justify-content: center; align-items: center; display: flex; position: relative; transform: scale(0.5) !important; left: -26%; margin: auto; top: -100px; clip-path: path(var(--square)); } .clock .rounded{ height: 600px; width: 600px; justify-content: center; align-items: center; display: flex; position: relative; transform: scale(0.5) !important; left: -26%; margin: auto; top: -100px; clip-path: path(var(--rounded)); } .clock .circle{ height: 600px; width: 600px; justify-content: center; align-items: center; display: flex; position: relative; transform: scale(0.5) !important; left: -26%; margin: auto; top: -100px; clip-path: path(var(--circle)); } .clock .hexagon{ height: 600px; width: 600px; transform: scale(0.5) !important; left: -26%; margin: auto; top: -100px; justify-content: center; align-items: center; display: flex; position: relative; clip-path: path(var(--hexagon)); } } table.table.example11 { border: 1px solid #ccc; padding: 10px; } .table.example11 tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; padding: 15px 20px !important; } .col-lg-4.col-md-4.mb-4.mb-md-4.\35 pic { margin-top: 40%; } .col-lg-8.col-md-4.mb-4.mb-md-4.\35 pic { height: 100%; } .col-lg-6.col-md-6.mb-6.mb-md-6.\35 pic { float: left; height: 50%; padding-top: 25%; } .row.collac { background: #fff; height: 100%; } .pr_desc p { font-size: 16px; font-weight: 500; } span.switch_lable { width: 100%; } #photo img { position: relative !important; top: 0; left: 0; object-fit: cover; cursor: move; } .back-frem{ background:white; border-radius:23px; position: fixed; justify-content:space-around; align-items: center; visibility: hidden; top: 0%; transform: translate(50% 50%) scale(0.1); transition: transform 0.4s, top 0.4s; } .closebutton { font-size: 40px; font-weight: 400; right: 0pz; margin-left: 90%; border: none; } .openpopup { z-index: 999; visibility: visible; border: 1px solid #000; top: 20%; width: 481px; padding: 13px; background: #f5f5f5; transform: translate(50% 50%) scale(1); } .back-frem .back-chang{ width:91px; height: 91px; background: wheat; overflow: hidden; cursor: pointer; border-radius: 23px; } .back-frem .back-chang img{ width: 100%; height:100%; object-fit: cover; } .col-sm-3 { font-size: large; float: left; padding: 10px; } .changebga { border: 1px solid #f00; background: #FF324D; color: #fff; padding: 5px 12px; border-radius: 5px; font-weight: 500; /* font-size: 13px; */ } .changebga:hover { border: 1px solid #FF324D; background: #fff; color: #FF324D; padding: 5px 12px; border-radius: 5px; font-weight: 500; /* font-size: 13px; */ } .collage .btn.btn-fill-out.btn-addtocart { margin: 5px; padding: 10px 20px; } .deskbanner{ display:block !important; } .mobilebanner{ display:none !important; } @media only screen and (max-width: 1000px) { .deskbanner{ display:none !important; } .mobilebanner{ display:block !important; } .banner_section.slide_medium, .banner_section.slide_medium .carousel-item, .banner_section.slide_medium .banner_content_wrap, .banner_section.slide_medium .banner_content_wrap .carousel-item, .banner_section.shop_el_slider, .banner_section.shop_el_slider .carousel-item, .banner_section.shop_el_slider .banner_content_wrap, .banner_section.shop_el_slider .banner_content_wrap .carousel-item { height: 618px; } .collage .btn.btn-fill-out.btn-addtocart { margin: 5px; padding: 10px 7px; } .openpopup { z-index: 999; visibility: visible; border: 1px solid #000; top: 20%; width: 90%; padding: 13px; background: #f5f5f5; transform: translate(50% 50%) scale(1); } .back-frem .back-chang { width: 62px; height: 62px; background: wheat; overflow: hidden; cursor: pointer; border-radius: 23px; } .col-sm-3 { font-size: large; float: left; padding: 10px; width: 25%; } #photo1 .mb-4 { margin-bottom: 0rem !important; } .pr_detail { margin-top: -45px; }.choose-size input[type="radio"] + label span { /* border: 1px solid #FFFFFF; */ box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33); border-radius: 2px !important; padding: 3px 10px !important; font-size: 14px !important; color: #5E6977 !important; font-weight: 500 !important; background-color: #fff !important; cursor: pointer; } .choose-thickness input[type="radio"] + label span { border: 1px solid #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); border-radius: 6px; padding: 3px 10px !important; font-size: 14px !important; color: #5E6977; font-weight: 500; background-color: #fff; cursor: pointer; } .pr_detail { margin-top: -40px !important; } span.switch_lable { display: none; } .pr_detail .pr_switch_wrap { margin-bottom: 0px; } label.img-upload-btn.btn.btn-fill-out { margin: 0px 10px !important; padding: 5px 10px; font-size: 14px; } .pr_detail .price { vertical-align: middle; font-size: 18px; } .choose-size input[type="radio"]:checked + label span { background-color: #eb485317 !important; } img.logo_dark { width: 125px; } } .shapebg { background: #00000030!important; } /*#photo img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; /* Ensure the image covers the container */ /* Initially hidden until loaded cursor: move; }*/ #rotatedImage { transition: transform 0.5s ease; /* Smooth transition for rotation */ } .rotatedarrow { /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ display: block; /* Hidden by default */ font-size: 30px; /* Arrow size */ color: #fff; /* Arrow color */ /* background-color: rgba(0, 0, 0, 0.7);Background for visibility border-radius: 50%; /* Circular background */ padding: 10px; /* Padding around the arrow */ cursor: pointer; /* Change cursor to pointer */ } .frame:hover .rotatedarrow { display: block; z-index: 999999; /* Show arrow on hover */ } .photostand #frame:before { content: url("../../product-page/images/dimand.png"); top: 88%; z-index: 9999; left: 45%; position: absolute; } .photostand .choose-shape input[type="radio"]#circle + label span { background-image: url(../../product-page/images/halfcircle.png); background-size: 40px auto; background-repeat: no-repeat; } .about_img.scene.mb-4.mb-lg-0 img { width: 100%; }