style.css 374 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494164951649616497164981649916500165011650216503165041650516506165071650816509165101651116512165131651416515165161651716518165191652016521165221652316524165251652616527165281652916530165311653216533165341653516536165371653816539165401654116542165431654416545165461654716548165491655016551165521655316554165551655616557165581655916560165611656216563165641656516566165671656816569165701657116572165731657416575165761657716578165791658016581165821658316584165851658616587165881658916590165911659216593165941659516596165971659816599166001660116602166031660416605166061660716608166091661016611166121661316614166151661616617166181661916620166211662216623166241662516626166271662816629166301663116632166331663416635166361663716638166391664016641166421664316644166451664616647166481664916650166511665216653166541665516656166571665816659166601666116662166631666416665166661666716668166691667016671166721667316674166751667616677166781667916680166811668216683166841668516686166871668816689166901669116692166931669416695166961669716698166991670016701167021670316704167051670616707167081670916710167111671216713167141671516716167171671816719167201672116722167231672416725167261672716728167291673016731167321673316734167351673616737167381673916740167411674216743167441674516746167471674816749167501675116752167531675416755167561675716758167591676016761167621676316764167651676616767167681676916770167711677216773167741677516776167771677816779167801678116782167831678416785167861678716788167891679016791167921679316794167951679616797167981679916800168011680216803168041680516806168071680816809168101681116812168131681416815168161681716818168191682016821168221682316824168251682616827168281682916830168311683216833168341683516836168371683816839168401684116842168431684416845168461684716848168491685016851168521685316854168551685616857168581685916860168611686216863168641686516866168671686816869168701687116872168731687416875168761687716878168791688016881168821688316884168851688616887168881688916890168911689216893168941689516896168971689816899169001690116902169031690416905169061690716908169091691016911169121691316914169151691616917169181691916920169211692216923169241692516926169271692816929169301693116932169331693416935169361693716938169391694016941169421694316944169451694616947169481694916950169511695216953169541695516956169571695816959169601696116962169631696416965169661696716968169691697016971169721697316974169751697616977169781697916980169811698216983169841698516986169871698816989169901699116992169931699416995169961699716998169991700017001170021700317004170051700617007170081700917010170111701217013170141701517016170171701817019170201702117022170231702417025170261702717028170291703017031170321703317034170351703617037170381703917040170411704217043170441704517046170471704817049170501705117052170531705417055170561705717058170591706017061170621706317064170651706617067170681706917070170711707217073170741707517076170771707817079170801708117082170831708417085170861708717088170891709017091170921709317094170951709617097170981709917100171011710217103171041710517106171071710817109171101711117112171131711417115171161711717118171191712017121171221712317124171251712617127171281712917130171311713217133171341713517136171371713817139171401714117142171431714417145171461714717148171491715017151171521715317154171551715617157171581715917160171611716217163171641716517166171671716817169171701717117172171731717417175171761717717178171791718017181171821718317184171851718617187171881718917190171911719217193171941719517196171971719817199172001720117202172031720417205172061720717208172091721017211172121721317214172151721617217172181721917220172211722217223172241722517226172271722817229172301723117232172331723417235172361723717238172391724017241172421724317244172451724617247172481724917250172511725217253172541725517256172571725817259172601726117262172631726417265172661726717268172691727017271172721727317274172751727617277172781727917280172811728217283172841728517286172871728817289172901729117292172931729417295172961729717298172991730017301173021730317304173051730617307173081730917310173111731217313173141731517316173171731817319173201732117322173231732417325173261732717328173291733017331173321733317334173351733617337173381733917340173411734217343173441734517346173471734817349173501735117352173531735417355173561735717358173591736017361173621736317364173651736617367173681736917370173711737217373173741737517376173771737817379173801738117382173831738417385173861738717388173891739017391173921739317394173951739617397173981739917400174011740217403174041740517406174071740817409174101741117412174131741417415174161741717418174191742017421174221742317424174251742617427174281742917430174311743217433174341743517436174371743817439174401744117442174431744417445174461744717448174491745017451174521745317454174551745617457174581745917460174611746217463174641746517466174671746817469174701747117472174731747417475174761747717478174791748017481174821748317484174851748617487174881748917490174911749217493174941749517496174971749817499175001750117502175031750417505175061750717508175091751017511175121751317514175151751617517175181751917520175211752217523175241752517526175271752817529175301753117532175331753417535175361753717538175391754017541175421754317544175451754617547175481754917550175511755217553175541755517556175571755817559175601756117562175631756417565175661756717568175691757017571175721757317574175751757617577175781757917580175811758217583175841758517586175871758817589175901759117592175931759417595175961759717598175991760017601176021760317604176051760617607176081760917610176111761217613176141761517616176171761817619176201762117622176231762417625176261762717628176291763017631176321763317634176351763617637176381763917640176411764217643176441764517646176471764817649176501765117652176531765417655176561765717658176591766017661176621766317664176651766617667176681766917670176711767217673176741767517676176771767817679176801768117682176831768417685176861768717688176891769017691176921769317694176951769617697176981769917700177011770217703177041770517706177071770817709177101771117712177131771417715177161771717718177191772017721177221772317724177251772617727177281772917730177311773217733177341773517736177371773817739177401774117742177431774417745177461774717748177491775017751177521775317754177551775617757177581775917760177611776217763177641776517766177671776817769177701777117772177731777417775177761777717778177791778017781177821778317784177851778617787177881778917790177911779217793177941779517796177971779817799178001780117802178031780417805178061780717808178091781017811178121781317814178151781617817178181781917820178211782217823178241782517826178271782817829178301783117832178331783417835178361783717838178391784017841178421784317844178451784617847178481784917850178511785217853178541785517856178571785817859178601786117862178631786417865178661786717868178691787017871178721787317874178751787617877178781787917880178811788217883178841788517886178871788817889178901789117892178931789417895178961789717898178991790017901179021790317904179051790617907179081790917910179111791217913179141791517916179171791817919179201792117922179231792417925179261792717928179291793017931179321793317934179351793617937179381793917940179411794217943179441794517946179471794817949179501795117952179531795417955179561795717958179591796017961179621796317964179651796617967179681796917970179711797217973179741797517976179771797817979179801798117982179831798417985179861798717988179891799017991179921799317994179951799617997179981799918000180011800218003180041800518006180071800818009180101801118012180131801418015180161801718018180191802018021180221802318024180251802618027180281802918030180311803218033180341803518036180371803818039180401804118042180431804418045180461804718048180491805018051180521805318054180551805618057180581805918060180611806218063180641806518066180671806818069180701807118072180731807418075180761807718078180791808018081180821808318084180851808618087180881808918090180911809218093180941809518096180971809818099181001810118102181031810418105181061810718108181091811018111181121811318114181151811618117181181811918120181211812218123181241812518126181271812818129181301813118132181331813418135181361813718138181391814018141181421814318144181451814618147181481814918150181511815218153181541815518156181571815818159181601816118162181631816418165181661816718168181691817018171181721817318174181751817618177181781817918180181811818218183181841818518186181871818818189181901819118192181931819418195181961819718198181991820018201182021820318204182051820618207182081820918210182111821218213182141821518216182171821818219182201822118222182231822418225182261822718228182291823018231182321823318234182351823618237182381823918240182411824218243182441824518246182471824818249182501825118252182531825418255182561825718258182591826018261182621826318264182651826618267182681826918270182711827218273182741827518276182771827818279182801828118282182831828418285182861828718288182891829018291182921829318294182951829618297182981829918300183011830218303183041830518306183071830818309183101831118312183131831418315183161831718318183191832018321183221832318324183251832618327183281832918330183311833218333183341833518336183371833818339183401834118342183431834418345183461834718348183491835018351183521835318354183551835618357183581835918360183611836218363183641836518366183671836818369183701837118372183731837418375183761837718378183791838018381183821838318384183851838618387183881838918390183911839218393183941839518396183971839818399184001840118402184031840418405184061840718408184091841018411184121841318414184151841618417184181841918420184211842218423184241842518426184271842818429184301843118432184331843418435184361843718438184391844018441184421844318444184451844618447184481844918450184511845218453184541845518456184571845818459184601846118462184631846418465184661846718468184691847018471184721847318474184751847618477184781847918480184811848218483184841848518486184871848818489184901849118492184931849418495184961849718498184991850018501185021850318504185051850618507185081850918510185111851218513185141851518516185171851818519185201852118522185231852418525185261852718528185291853018531185321853318534185351853618537185381853918540185411854218543185441854518546185471854818549185501855118552185531855418555185561855718558185591856018561185621856318564185651856618567185681856918570185711857218573185741857518576185771857818579185801858118582185831858418585185861858718588185891859018591185921859318594185951859618597185981859918600186011860218603186041860518606186071860818609186101861118612186131861418615186161861718618186191862018621186221862318624186251862618627186281862918630186311863218633186341863518636186371863818639186401864118642186431864418645186461864718648186491865018651186521865318654186551865618657186581865918660186611866218663186641866518666186671866818669186701867118672186731867418675186761867718678186791868018681186821868318684186851868618687186881868918690186911869218693186941869518696186971869818699187001870118702187031870418705187061870718708187091871018711187121871318714187151871618717187181871918720187211872218723187241872518726187271872818729187301873118732187331873418735187361873718738187391874018741187421874318744187451874618747187481874918750187511875218753187541875518756187571875818759187601876118762187631876418765187661876718768187691877018771187721877318774187751877618777187781877918780187811878218783187841878518786187871878818789187901879118792187931879418795187961879718798187991880018801188021880318804188051880618807188081880918810188111881218813188141881518816188171881818819188201882118822188231882418825188261882718828188291883018831188321883318834188351883618837188381883918840188411884218843188441884518846188471884818849188501885118852188531885418855188561885718858188591886018861188621886318864188651886618867188681886918870188711887218873188741887518876188771887818879188801888118882188831888418885188861888718888188891889018891188921889318894188951889618897188981889918900189011890218903189041890518906189071890818909189101891118912189131891418915189161891718918189191892018921189221892318924189251892618927189281892918930189311893218933189341893518936189371893818939189401894118942189431894418945189461894718948189491895018951189521895318954189551895618957189581895918960189611896218963189641896518966189671896818969189701897118972189731897418975189761897718978189791898018981189821898318984189851898618987189881898918990189911899218993189941899518996189971899818999190001900119002190031900419005190061900719008190091901019011190121901319014190151901619017190181901919020190211902219023190241902519026190271902819029190301903119032190331903419035190361903719038190391904019041190421904319044190451904619047190481904919050190511905219053190541905519056190571905819059190601906119062190631906419065190661906719068190691907019071190721907319074190751907619077190781907919080190811908219083190841908519086190871908819089190901909119092190931909419095190961909719098190991910019101191021910319104191051910619107191081910919110191111911219113191141911519116191171911819119191201912119122191231912419125191261912719128191291913019131191321913319134191351913619137191381913919140191411914219143191441914519146191471914819149191501915119152191531915419155191561915719158191591916019161191621916319164191651916619167191681916919170191711917219173191741917519176191771917819179191801918119182191831918419185191861918719188191891919019191191921919319194191951919619197191981919919200192011920219203192041920519206192071920819209192101921119212192131921419215192161921719218192191922019221192221922319224192251922619227192281922919230192311923219233192341923519236192371923819239192401924119242192431924419245192461924719248192491925019251192521925319254192551925619257192581925919260192611926219263192641926519266192671926819269192701927119272192731927419275192761927719278192791928019281192821928319284192851928619287192881928919290192911929219293192941929519296192971929819299193001930119302193031930419305193061930719308193091931019311193121931319314193151931619317193181931919320193211932219323193241932519326193271932819329193301933119332193331933419335193361933719338193391934019341193421934319344193451934619347193481934919350193511935219353193541935519356193571935819359193601936119362193631936419365193661936719368193691937019371193721937319374193751937619377193781937919380193811938219383193841938519386193871938819389193901939119392193931939419395193961939719398193991940019401194021940319404194051940619407194081940919410194111941219413194141941519416194171941819419194201942119422194231942419425194261942719428194291943019431194321943319434194351943619437194381943919440194411944219443194441944519446194471944819449194501945119452194531945419455194561945719458194591946019461194621946319464194651946619467194681946919470194711947219473194741947519476194771947819479194801948119482194831948419485194861948719488194891949019491194921949319494194951949619497194981949919500195011950219503195041950519506195071950819509195101951119512195131951419515195161951719518195191952019521195221952319524195251952619527195281952919530195311953219533195341953519536195371953819539195401954119542195431954419545195461954719548195491955019551195521955319554195551955619557195581955919560195611956219563195641956519566195671956819569195701957119572195731957419575195761957719578195791958019581195821958319584195851958619587195881958919590195911959219593195941959519596195971959819599196001960119602196031960419605196061960719608196091961019611196121961319614196151961619617196181961919620196211962219623196241962519626196271962819629196301963119632196331963419635196361963719638196391964019641196421964319644196451964619647196481964919650196511965219653196541965519656196571965819659196601966119662196631966419665196661966719668196691967019671196721967319674196751967619677196781967919680196811968219683196841968519686196871968819689196901969119692196931969419695196961969719698196991970019701197021970319704197051970619707197081970919710197111971219713197141971519716197171971819719197201972119722197231972419725197261972719728197291973019731197321973319734197351973619737197381973919740197411974219743197441974519746197471974819749197501975119752197531975419755197561975719758197591976019761197621976319764197651976619767197681976919770197711977219773197741977519776197771977819779197801978119782197831978419785197861978719788197891979019791197921979319794197951979619797197981979919800198011980219803198041980519806198071980819809198101981119812198131981419815198161981719818198191982019821198221982319824198251982619827198281982919830198311983219833198341983519836198371983819839198401984119842198431984419845198461984719848198491985019851198521985319854198551985619857198581985919860198611986219863198641986519866198671986819869198701987119872198731987419875198761987719878198791988019881198821988319884198851988619887198881988919890198911989219893198941989519896198971989819899199001990119902199031990419905199061990719908199091991019911199121991319914199151991619917199181991919920199211992219923199241992519926199271992819929199301993119932199331993419935199361993719938199391994019941199421994319944199451994619947199481994919950199511995219953199541995519956199571995819959199601996119962199631996419965199661996719968199691997019971199721997319974199751997619977199781997919980199811998219983199841998519986199871998819989199901999119992199931999419995199961999719998199992000020001200022000320004200052000620007200082000920010200112001220013200142001520016200172001820019200202002120022200232002420025200262002720028200292003020031200322003320034200352003620037200382003920040200412004220043200442004520046200472004820049200502005120052200532005420055200562005720058200592006020061200622006320064200652006620067200682006920070200712007220073200742007520076200772007820079200802008120082200832008420085200862008720088200892009020091200922009320094200952009620097200982009920100201012010220103201042010520106201072010820109201102011120112201132011420115201162011720118201192012020121201222012320124201252012620127201282012920130201312013220133201342013520136201372013820139201402014120142201432014420145201462014720148201492015020151201522015320154201552015620157201582015920160201612016220163201642016520166201672016820169201702017120172201732017420175201762017720178201792018020181201822018320184201852018620187201882018920190201912019220193201942019520196201972019820199202002020120202202032020420205202062020720208202092021020211202122021320214202152021620217202182021920220202212022220223202242022520226202272022820229202302023120232202332023420235202362023720238202392024020241202422024320244202452024620247202482024920250
  1. @charset "UTF-8";
  2. /**
  3. * [Table of contents]
  4. * 1 Base
  5. * 1.1 Variables
  6. * 1.2 Mixins
  7. * 1.3 Reset
  8. * 2 Components
  9. * 2.1 Typography
  10. * 2.2 Brand
  11. * 2.3 Links
  12. * 2.4 Blocks
  13. * 2.5 Boxes
  14. * 2.6 Groups
  15. * 2.7 Units
  16. * 2.8 Lists
  17. * 2.9 Images
  18. * 2.10 Icons
  19. * 2.11 Tables
  20. * 2.12 Dividers
  21. * 2.13 Buttons
  22. * 2.14 Forms
  23. * 2.15 Posts
  24. * 2.16 Quotes
  25. * 2.17 Thumbnail
  26. * 2.18 Breadcrumbs
  27. * 2.19 Pagination
  28. * 2.20 Snackbars
  29. * 2.21 Footers
  30. * 2.22 Products
  31. * 2.23 Team
  32. * 2.24 Events
  33. * 3 Helpers
  34. * 3.1 Page-layout
  35. * 3.2 Text-styling
  36. * 3.3 Offsets
  37. * 3.4 Sections
  38. * 3.5 Grid-modules
  39. * 3.6 Backgrounds
  40. * 3.7 Utilities
  41. * 4 Plugins
  42. * 4.1 Animate
  43. * 4.2 Preloader
  44. * 4.3 ToTop
  45. * 4.4 RD-Navbar
  46. * 4.5 Swiper
  47. * 4.6 Google-Map
  48. * 4.7 Rd-search
  49. * 4.8 Isotope
  50. * 4.9 Nav
  51. * 4.10 Card
  52. * 4.11 Tooltip
  53. * 4.12 Counter
  54. * 4.13 Progress-bars
  55. * 4.14 Countdown
  56. * 4.15 Owl-carousel
  57. * 4.16 Lightgallery
  58. * 4.17 Material-Parallax
  59. * 4.18 RD-Range
  60. * 4.19 Select2
  61. * 4.20 Slick
  62. * 4.21 Formstone Stepper Plugin
  63. * 4.22 Ecwid
  64. */
  65. /** @group Base */
  66. /** @section Variables */
  67. /** @section Mixins*/
  68. /*
  69. * Contexts
  70. */
  71. .brand .brand-logo-dark {
  72. -webkit-transform: scale(1.25);
  73. transform: scale(1.25);
  74. -webkit-transition: .3s ease-in-out;
  75. transition: .3s ease-in-out;
  76. }
  77. .brand .brand-logo-dark:hover {
  78. -webkit-transform: scale(1);
  79. transform: scale(1);
  80. }
  81. .iframe{
  82. width: 500px !important;
  83. }
  84. .banner{
  85. position: relative;
  86. }
  87. .banner img{
  88. width: 100%;
  89. height: 480px;
  90. }
  91. .banner-content{
  92. position: absolute;
  93. top: 67%;
  94. left: 95px;
  95. }
  96. .banner-content p{
  97. color: white;
  98. font-size: 16px;
  99. }
  100. .popup {
  101. position: fixed;
  102. bottom: 0;
  103. z-index: 99;
  104. left: 0;
  105. width: 100%;
  106. background-color: #333;
  107. color: #fff;
  108. /* padding: 10px; */
  109. text-align: initial;
  110. display: none;
  111. }
  112. .popup a {
  113. color: #fff;
  114. text-decoration: underline;
  115. cursor: pointer;
  116. }
  117. .about{
  118. margin-top: 46px;
  119. margin-bottom: 46px;
  120. }
  121. .devisForms{
  122. margin-top: 46px;
  123. margin-bottom: 46px;
  124. }
  125. .call {
  126. display: none; }
  127. .home-about{
  128. background: #333453;
  129. background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
  130. width: 100%;
  131. /* height: 100vh; */
  132. padding: 56px 0 0 20px
  133. }
  134. .circles{
  135. position: absolute;
  136. top: 0;
  137. left: 0;
  138. width: 300px;
  139. height: 100%;
  140. overflow: hidden;
  141. }
  142. .circles li{
  143. position: absolute;
  144. display: block;
  145. list-style: none;
  146. width: 20px;
  147. height: 20px;
  148. background: rgba(255, 255, 255, 0.2);
  149. animation: animate 25s linear infinite;
  150. bottom: -150px;
  151. }
  152. .circles li:nth-child(1){
  153. left: 25%;
  154. width: 80px;
  155. height: 80px;
  156. animation-delay: 0s;
  157. }
  158. .circles li:nth-child(2){
  159. left: 10%;
  160. width: 20px;
  161. height: 20px;
  162. animation-delay: 2s;
  163. animation-duration: 12s;
  164. }
  165. .circles li:nth-child(3){
  166. left: 70%;
  167. width: 20px;
  168. height: 20px;
  169. animation-delay: 4s;
  170. }
  171. .circles li:nth-child(4){
  172. left: 40%;
  173. width: 60px;
  174. height: 60px;
  175. animation-delay: 0s;
  176. animation-duration: 18s;
  177. }
  178. .circles li:nth-child(5){
  179. left: 65%;
  180. width: 20px;
  181. height: 20px;
  182. animation-delay: 0s;
  183. }
  184. .circles li:nth-child(6){
  185. left: 75%;
  186. width: 110px;
  187. height: 110px;
  188. animation-delay: 3s;
  189. }
  190. .circles li:nth-child(7){
  191. left: 35%;
  192. width: 150px;
  193. height: 150px;
  194. animation-delay: 7s;
  195. }
  196. .circles li:nth-child(8){
  197. left: 50%;
  198. width: 25px;
  199. height: 25px;
  200. animation-delay: 15s;
  201. animation-duration: 45s;
  202. }
  203. .circles li:nth-child(9){
  204. left: 20%;
  205. width: 15px;
  206. height: 15px;
  207. animation-delay: 2s;
  208. animation-duration: 35s;
  209. }
  210. .circles li:nth-child(10){
  211. left: 85%;
  212. width: 150px;
  213. height: 150px;
  214. animation-delay: 0s;
  215. animation-duration: 11s;
  216. }
  217. @keyframes animate {
  218. 0%{
  219. transform: translateY(0) rotate(0deg);
  220. opacity: 1;
  221. border-radius: 0;
  222. }
  223. 100%{
  224. transform: translateY(-1000px) rotate(720deg);
  225. opacity: 0;
  226. border-radius: 50%;
  227. }
  228. }
  229. .owl-style-1:before{
  230. /* content:url(frontend/images/promo.png) ; */
  231. position:relative;
  232. left:-3px;
  233. top:10px;
  234. }
  235. .context-dark, .bg-gray-700, .bg-gray-3, .bg-brown-1, .bg-sky-blue, .bg-primary,
  236. .context-dark h1,
  237. .bg-gray-700 h1,
  238. .bg-gray-3 h1,
  239. .bg-brown-1 h1,
  240. .bg-sky-blue h1,
  241. .bg-primary h1, .context-dark h2, .bg-gray-700 h2, .bg-gray-3 h2, .bg-brown-1 h2, .bg-sky-blue h2, .bg-primary h2, .context-dark h3, .bg-gray-700 h3, .bg-gray-3 h3, .bg-brown-1 h3, .bg-sky-blue h3, .bg-primary h3, .context-dark h4, .bg-gray-700 h4, .bg-gray-3 h4, .bg-brown-1 h4, .bg-sky-blue h4, .bg-primary h4, .context-dark h5, .bg-gray-700 h5, .bg-gray-3 h5, .bg-brown-1 h5, .bg-sky-blue h5, .bg-primary h5, .context-dark h6, .bg-gray-700 h6, .bg-gray-3 h6, .bg-brown-1 h6, .bg-sky-blue h6, .bg-primary h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-gray-3 [class^='heading-'], .bg-brown-1 [class^='heading-'], .bg-sky-blue [class^='heading-'], .bg-primary [class^='heading-'] {
  242. color: #ffffff;
  243. }
  244. .context-dark .form-validation, .bg-gray-700 .form-validation, .bg-gray-3 .form-validation, .bg-brown-1 .form-validation, .bg-sky-blue .form-validation, .bg-primary .form-validation,
  245. .context-dark .form-input,
  246. .bg-gray-700 .form-input,
  247. .bg-gray-3 .form-input,
  248. .bg-brown-1 .form-input,
  249. .bg-sky-blue .form-input,
  250. .bg-primary .form-input,
  251. .context-dark .form-label,
  252. .bg-gray-700 .form-label,
  253. .bg-gray-3 .form-label,
  254. .bg-brown-1 .form-label,
  255. .bg-sky-blue .form-label,
  256. .bg-primary .form-label {
  257. color: #ffffff;
  258. }
  259. .bg-sky-blue {
  260. background-color: #fff !important;
  261. }
  262. .context-dark p.rights, .bg-gray-700 p.rights, .bg-gray-3 p.rights, .bg-brown-1 p.rights, .bg-sky-blue p.rights, .bg-primary p.rights {
  263. color: #ffffff;
  264. }
  265. .context-dark p.rights a:hover, .bg-gray-700 p.rights a:hover, .bg-gray-3 p.rights a:hover, .bg-brown-1 p.rights a:hover, .bg-sky-blue p.rights a:hover, .bg-primary p.rights a:hover {
  266. color: #ffe220;
  267. }
  268. .context-dark .rd-navbar-static .rd-nav-item, .bg-gray-700 .rd-navbar-static .rd-nav-item, .bg-gray-3 .rd-navbar-static .rd-nav-item, .bg-brown-1 .rd-navbar-static .rd-nav-item, .bg-sky-blue .rd-navbar-static .rd-nav-item, .bg-primary .rd-navbar-static .rd-nav-item {
  269. display: inline-block;
  270. }
  271. .context-dark .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-gray-700 .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-gray-3 .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-brown-1 .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-sky-blue .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-primary .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .context-dark .rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-700 .rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-3 .rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-brown-1 .rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-sky-blue .rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary .rd-navbar-static .rd-nav-item.opened .rd-nav-link {
  272. color: #ffe220;
  273. }
  274. .context-dark .rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-gray-700 .rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-gray-3 .rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-brown-1 .rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-sky-blue .rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-primary .rd-navbar-static .rd-nav-item.active .rd-nav-link {
  275. color: #ffe220;
  276. }
  277. .context-dark .rd-navbar-static .rd-nav-link, .bg-gray-700 .rd-navbar-static .rd-nav-link, .bg-gray-3 .rd-navbar-static .rd-nav-link, .bg-brown-1 .rd-navbar-static .rd-nav-link, .bg-sky-blue .rd-navbar-static .rd-nav-link, .bg-primary .rd-navbar-static .rd-nav-link {
  278. color: inherit;
  279. }
  280. .context-dark .rd-navbar-static .rd-navbar-search-toggle, .bg-gray-700 .rd-navbar-static .rd-navbar-search-toggle, .bg-gray-3 .rd-navbar-static .rd-navbar-search-toggle, .bg-brown-1 .rd-navbar-static .rd-navbar-search-toggle, .bg-sky-blue .rd-navbar-static .rd-navbar-search-toggle, .bg-primary .rd-navbar-static .rd-navbar-search-toggle {
  281. color: inherit;
  282. }
  283. .context-dark .rd-navbar-static .rd-navbar-search-toggle:hover, .bg-gray-700 .rd-navbar-static .rd-navbar-search-toggle:hover, .bg-gray-3 .rd-navbar-static .rd-navbar-search-toggle:hover, .bg-brown-1 .rd-navbar-static .rd-navbar-search-toggle:hover, .bg-sky-blue .rd-navbar-static .rd-navbar-search-toggle:hover, .bg-primary .rd-navbar-static .rd-navbar-search-toggle:hover {
  284. color: #ffe220;
  285. }
  286. .context-dark .rd-navbar-static .rd-navbar-basket, .bg-gray-700 .rd-navbar-static .rd-navbar-basket, .bg-gray-3 .rd-navbar-static .rd-navbar-basket, .bg-brown-1 .rd-navbar-static .rd-navbar-basket, .bg-sky-blue .rd-navbar-static .rd-navbar-basket, .bg-primary .rd-navbar-static .rd-navbar-basket {
  287. color: inherit;
  288. }
  289. .context-dark .rd-navbar-static .rd-navbar-basket:hover, .bg-gray-700 .rd-navbar-static .rd-navbar-basket:hover, .bg-gray-3 .rd-navbar-static .rd-navbar-basket:hover, .bg-brown-1 .rd-navbar-static .rd-navbar-basket:hover, .bg-sky-blue .rd-navbar-static .rd-navbar-basket:hover, .bg-primary .rd-navbar-static .rd-navbar-basket:hover {
  290. color: #ffe220;
  291. }
  292. .context-dark .rd-navbar-fixed .brand .brand-logo-dark, .bg-gray-700 .rd-navbar-fixed .brand .brand-logo-dark, .bg-gray-3 .rd-navbar-fixed .brand .brand-logo-dark, .bg-brown-1 .rd-navbar-fixed .brand .brand-logo-dark, .bg-sky-blue .rd-navbar-fixed .brand .brand-logo-dark, .bg-primary .rd-navbar-fixed .brand .brand-logo-dark {
  293. display: block;
  294. }
  295. .context-dark .rd-navbar-fixed .brand .brand-logo-light, .bg-gray-700 .rd-navbar-fixed .brand .brand-logo-light, .bg-gray-3 .rd-navbar-fixed .brand .brand-logo-light, .bg-brown-1 .rd-navbar-fixed .brand .brand-logo-light, .bg-sky-blue .rd-navbar-fixed .brand .brand-logo-light, .bg-primary .rd-navbar-fixed .brand .brand-logo-light {
  296. display: none;
  297. }
  298. .context-dark .rd-navbar-fixed .form-validation, .bg-gray-700 .rd-navbar-fixed .form-validation, .bg-gray-3 .rd-navbar-fixed .form-validation, .bg-brown-1 .rd-navbar-fixed .form-validation, .bg-sky-blue .rd-navbar-fixed .form-validation, .bg-primary .rd-navbar-fixed .form-validation,
  299. .context-dark .rd-navbar-fixed .form-input,
  300. .bg-gray-700 .rd-navbar-fixed .form-input,
  301. .bg-gray-3 .rd-navbar-fixed .form-input,
  302. .bg-brown-1 .rd-navbar-fixed .form-input,
  303. .bg-sky-blue .rd-navbar-fixed .form-input,
  304. .bg-primary .rd-navbar-fixed .form-input,
  305. .context-dark .rd-navbar-fixed .form-label,
  306. .bg-gray-700 .rd-navbar-fixed .form-label,
  307. .bg-gray-3 .rd-navbar-fixed .form-label,
  308. .bg-brown-1 .rd-navbar-fixed .form-label,
  309. .bg-sky-blue .rd-navbar-fixed .form-label,
  310. .bg-primary .rd-navbar-fixed .form-label {
  311. color: #151515;
  312. }
  313. .context-dark .rd-navbar-fixed .contacts-classic, .bg-gray-700 .rd-navbar-fixed .contacts-classic, .bg-gray-3 .rd-navbar-fixed .contacts-classic, .bg-brown-1 .rd-navbar-fixed .contacts-classic, .bg-sky-blue .rd-navbar-fixed .contacts-classic, .bg-primary .rd-navbar-fixed .contacts-classic {
  314. color: #151515;
  315. }
  316. .context-dark .rd-navbar-fixed .contacts-classic a, .bg-gray-700 .rd-navbar-fixed .contacts-classic a, .bg-gray-3 .rd-navbar-fixed .contacts-classic a, .bg-brown-1 .rd-navbar-fixed .contacts-classic a, .bg-sky-blue .rd-navbar-fixed .contacts-classic a, .bg-primary .rd-navbar-fixed .contacts-classic a, .context-dark .rd-navbar-fixed .contacts-classic a:active, .bg-gray-700 .rd-navbar-fixed .contacts-classic a:active, .bg-gray-3 .rd-navbar-fixed .contacts-classic a:active, .bg-brown-1 .rd-navbar-fixed .contacts-classic a:active, .bg-sky-blue .rd-navbar-fixed .contacts-classic a:active, .bg-primary .rd-navbar-fixed .contacts-classic a:active, .context-dark .rd-navbar-fixed .contacts-classic a:focus, .bg-gray-700 .rd-navbar-fixed .contacts-classic a:focus, .bg-gray-3 .rd-navbar-fixed .contacts-classic a:focus, .bg-brown-1 .rd-navbar-fixed .contacts-classic a:focus, .bg-sky-blue .rd-navbar-fixed .contacts-classic a:focus, .bg-primary .rd-navbar-fixed .contacts-classic a:focus {
  317. color: #777777;
  318. }
  319. .context-dark .rd-navbar-fixed .contacts-classic a:hover, .bg-gray-700 .rd-navbar-fixed .contacts-classic a:hover, .bg-gray-3 .rd-navbar-fixed .contacts-classic a:hover, .bg-brown-1 .rd-navbar-fixed .contacts-classic a:hover, .bg-sky-blue .rd-navbar-fixed .contacts-classic a:hover, .bg-primary .rd-navbar-fixed .contacts-classic a:hover {
  320. color: #0071dc;
  321. }
  322. .context-dark .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-dark, .bg-gray-700 .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-dark, .bg-gray-3 .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-dark, .bg-brown-1 .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-dark, .bg-sky-blue .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-dark, .bg-primary .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-dark,
  323. .context-dark .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-light,
  324. .bg-gray-700 .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-light,
  325. .bg-gray-3 .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-light,
  326. .bg-brown-1 .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-light,
  327. .bg-sky-blue .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-light,
  328. .bg-primary .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-light {
  329. display: none;
  330. }
  331. .context-dark .rd-navbar-creative-2.rd-navbar-static .rd-navbar-basket span, .bg-gray-700 .rd-navbar-creative-2.rd-navbar-static .rd-navbar-basket span, .bg-gray-3 .rd-navbar-creative-2.rd-navbar-static .rd-navbar-basket span, .bg-brown-1 .rd-navbar-creative-2.rd-navbar-static .rd-navbar-basket span, .bg-sky-blue .rd-navbar-creative-2.rd-navbar-static .rd-navbar-basket span, .bg-primary .rd-navbar-creative-2.rd-navbar-static .rd-navbar-basket span {
  332. color: inherit;
  333. }
  334. .context-dark .rd-navbar-creative-2.rd-navbar-static .select-inline .select2-container--default .select2-selection--single, .bg-gray-700 .rd-navbar-creative-2.rd-navbar-static .select-inline .select2-container--default .select2-selection--single, .bg-gray-3 .rd-navbar-creative-2.rd-navbar-static .select-inline .select2-container--default .select2-selection--single, .bg-brown-1 .rd-navbar-creative-2.rd-navbar-static .select-inline .select2-container--default .select2-selection--single, .bg-sky-blue .rd-navbar-creative-2.rd-navbar-static .select-inline .select2-container--default .select2-selection--single, .bg-primary .rd-navbar-creative-2.rd-navbar-static .select-inline .select2-container--default .select2-selection--single {
  335. color: #151515;
  336. background: #ffffff;
  337. }
  338. .context-dark .rd-navbar-creative-2.rd-navbar-static .contacts-classic-title, .bg-gray-700 .rd-navbar-creative-2.rd-navbar-static .contacts-classic-title, .bg-gray-3 .rd-navbar-creative-2.rd-navbar-static .contacts-classic-title, .bg-brown-1 .rd-navbar-creative-2.rd-navbar-static .contacts-classic-title, .bg-sky-blue .rd-navbar-creative-2.rd-navbar-static .contacts-classic-title, .bg-primary .rd-navbar-creative-2.rd-navbar-static .contacts-classic-title {
  339. color: inherit;
  340. }
  341. /** @section Reset */
  342. a:focus,
  343. button:focus {
  344. outline: none !important;
  345. }
  346. button::-moz-focus-inner {
  347. border: 0;
  348. }
  349. *:focus {
  350. outline: none;
  351. }
  352. blockquote {
  353. padding: 0;
  354. margin: 0;
  355. }
  356. input,
  357. button,
  358. select,
  359. textarea {
  360. outline: none;
  361. }
  362. label {
  363. margin-bottom: 0;
  364. }
  365. p {
  366. margin: 0;
  367. }
  368. ul,
  369. ol {
  370. list-style: none;
  371. padding: 0;
  372. margin: 0;
  373. }
  374. ul li,
  375. ol li {
  376. display: block;
  377. }
  378. dl {
  379. margin: 0;
  380. }
  381. dt,
  382. dd {
  383. line-height: inherit;
  384. }
  385. dt {
  386. font-weight: inherit;
  387. }
  388. dd {
  389. margin-bottom: 0;
  390. }
  391. cite {
  392. font-style: normal;
  393. }
  394. form {
  395. margin-bottom: 0;
  396. }
  397. blockquote {
  398. padding-left: 0;
  399. border-left: 0;
  400. }
  401. address {
  402. margin-top: 0;
  403. margin-bottom: 0;
  404. }
  405. figure {
  406. margin-bottom: 0;
  407. }
  408. html p a:hover {
  409. text-decoration: none;
  410. }
  411. /** @group Components */
  412. /** @section Typography */
  413. body {
  414. text-align: center;
  415. font-size: 13px;
  416. line-height: 1.6;
  417. font-weight: 400;
  418. letter-spacing: .05em;
  419. font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  420. color: #777777;
  421. background-color: #ffffff;
  422. -webkit-text-size-adjust: none;
  423. -webkit-font-smoothing: subpixel-antialiased;
  424. }
  425. @media (max-width: 650px){
  426. .call {
  427. margin-top: 62px;
  428. display: block;
  429. position: fixed;
  430. /* margin-top: 42px; */
  431. text-decoration: none;
  432. z-index: 99;
  433. width: 60px;
  434. height: 60px;
  435. border-radius: 50%;
  436. /* transform: scale(0.8); */
  437. background: white !important;
  438. color: black !important;
  439. border-radius: 0;
  440. width: 100%;
  441. text-align: center !important;
  442. font-size: 24px !important;
  443. font-weight: bold !important;
  444. padding: 17px 0 0 0 !important;
  445. text-decoration: none !important;
  446. bottom: 0;
  447. }
  448. .popup {
  449. /* position: fixed;
  450. bottom: 87px;
  451. font-size: 10px;
  452. z-index: 99;
  453. left: 0;
  454. width: 100%;
  455. background-color: #333;
  456. color: #fff;
  457. padding: 10px;
  458. text-align: center;*/
  459. display: none !important;
  460. }
  461. .footer-corporate-panel.context-dark {
  462. margin-bottom: 36px;
  463. }
  464. img.brand-logo-dark {
  465. margin-left: 1pc;
  466. margin-right: 19px;
  467. margin-bottom: 23px;
  468. margin-top: 21px;
  469. margin: 20 20 20 24;
  470. }
  471. }
  472. @media (min-width: 768px) {
  473. body {
  474. font-size: 15px;
  475. }
  476. }
  477. h1, h2, h3, h4, h5, h6, [class^='heading-'] {
  478. margin-top: 0;
  479. margin-bottom: 0;
  480. font-weight: 600;
  481. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  482. letter-spacing: .05em;
  483. text-transform: uppercase;
  484. color: #151515;
  485. }
  486. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a {
  487. color: inherit;
  488. }
  489. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover {
  490. color: #0071dc;
  491. }
  492. h1,
  493. .heading-1 {
  494. font-size: 32px;
  495. line-height: 1.1;
  496. }
  497. @media (min-width: 768px) {
  498. h1,
  499. .heading-1 {
  500. font-size: 50px;
  501. }
  502. }
  503. @media (min-width: 992px) {
  504. h1,
  505. .heading-1 {
  506. font-size: 70px;
  507. }
  508. }
  509. @media (min-width: 1200px) {
  510. h1,
  511. .heading-1 {
  512. font-size: 100px;
  513. }
  514. }
  515. h1,
  516. .heading-1 {
  517. font-weight: 700;
  518. letter-spacing: .025em;
  519. }
  520. h2,
  521. .heading-2, .counter-classic-number .symbol {
  522. font-size: 26px;
  523. line-height: 1.18182;
  524. }
  525. @media (min-width: 768px) {
  526. h2,
  527. .heading-2, .counter-classic-number .symbol {
  528. font-size: 35px;
  529. }
  530. h2.title-style-3.wow.fadeScale.center{
  531. text-align: center;
  532. }
  533. }
  534. @media (min-width: 992px) {
  535. h2,
  536. .heading-2, .counter-classic-number .symbol {
  537. font-size: 45px;
  538. }
  539. }
  540. @media (min-width: 1200px) {
  541. h2,
  542. .heading-2, .counter-classic-number .symbol {
  543. font-size: 55px;
  544. }
  545. }
  546. h3,
  547. .heading-3, .event-classic-date {
  548. font-size: 22px;
  549. line-height: 1.33333;
  550. }
  551. @media (min-width: 768px) {
  552. h3,
  553. .heading-3, .event-classic-date {
  554. font-size: 26px;
  555. }
  556. }
  557. @media (min-width: 992px) {
  558. h3,
  559. .heading-3, .event-classic-date {
  560. font-size: 30px;
  561. }
  562. }
  563. @media (min-width: 1200px) {
  564. h3,
  565. .heading-3, .event-classic-date {
  566. font-size: 36px;
  567. }
  568. }
  569. h4,
  570. .heading-4, .quote-classic-text, .event-classic-month {
  571. font-size: 18px;
  572. line-height: 1.5;
  573. }
  574. @media (min-width: 768px) {
  575. h4,
  576. .heading-4, .quote-classic-text, .event-classic-month {
  577. font-size: 20px;
  578. }
  579. }
  580. @media (min-width: 992px) {
  581. h4,
  582. .heading-4, .quote-classic-text, .event-classic-month {
  583. font-size: 22px;
  584. }
  585. }
  586. @media (min-width: 1200px) {
  587. h4,
  588. .heading-4, .quote-classic-text, .event-classic-month {
  589. font-size: 24px;
  590. }
  591. }
  592. h4,
  593. .heading-4 {
  594. font-weight: 700;
  595. letter-spacing: .075em;
  596. }
  597. h5,
  598. .heading-5, .heading-7, .product-simple-price, .product-dawn-price, .event-classic-hours {
  599. font-size: 16px;
  600. line-height: 1.66667;
  601. }
  602. @media (min-width: 768px) {
  603. h5,
  604. .heading-5, .heading-7, .product-simple-price, .product-dawn-price, .event-classic-hours {
  605. font-size: 18px;
  606. }
  607. }
  608. h5,
  609. .heading-5 {
  610. text-transform: none;
  611. }
  612. h6,
  613. .heading-6 {
  614. font-size: 14px;
  615. line-height: 1.75;
  616. }
  617. @media (min-width: 768px) {
  618. h6,
  619. .heading-6 {
  620. font-size: 16px;
  621. }
  622. }
  623. h6,
  624. .heading-6 {
  625. letter-spacing: .075em;
  626. text-transform: none;
  627. }
  628. .heading-7 {
  629. font-weight: 400;
  630. letter-spacing: .1em;
  631. color: inherit;
  632. }
  633. small,
  634. .small {
  635. display: block;
  636. font-size: 12px;
  637. line-height: 1.5;
  638. }
  639. mark,
  640. .mark {
  641. padding: 3px 5px;
  642. color: #ffffff;
  643. background: #0071dc;
  644. }
  645. .big {
  646. font-size: 16px;
  647. line-height: 1.66667;
  648. letter-spacing: .05em;
  649. }
  650. @media (min-width: 768px) {
  651. .big {
  652. font-size: 18px;
  653. }
  654. }
  655. .lead {
  656. font-size: 24px;
  657. line-height: 34px;
  658. font-weight: 300;
  659. }
  660. code {
  661. padding: 10px 5px;
  662. border-radius: 0.2rem;
  663. font-size: 90%;
  664. color: #111111;
  665. background: #e1e1e1;
  666. }
  667. p [data-toggle='tooltip'] {
  668. padding-left: .25em;
  669. padding-right: .25em;
  670. color: #0071dc;
  671. }
  672. p [style*='max-width'] {
  673. display: inline-block;
  674. }
  675. .transform-none {
  676. text-transform: none;
  677. }
  678. ::selection {
  679. background: #0071dc;
  680. color: #ffffff;
  681. }
  682. ::-moz-selection {
  683. background: #0071dc;
  684. color: #ffffff;
  685. }
  686. /** @section Brand */
  687. .brand {
  688. display: inline-block;
  689. }
  690. .brand .brand-logo-light {
  691. display: none;
  692. }
  693. .brand .brand-logo-dark {
  694. display: block;
  695. max-width: 72%;
  696. }
  697. .brand .brand-logo-fixed {
  698. display: none;
  699. }
  700. .brand * + * {
  701. margin-top: 0;
  702. }
  703. /** @section Links */
  704. a {
  705. transition: all 0.25s ease-in-out;
  706. }
  707. a, a:focus, a:active, a:hover {
  708. text-decoration: none !important;
  709. }
  710. a, a:focus, a:active {
  711. color: #0071dc;
  712. }
  713. a:hover {
  714. color: #004a90;
  715. }
  716. a[href*='tel'], a[href*='mailto'] {
  717. white-space: nowrap;
  718. }
  719. .link-hover {
  720. color: #004a90;
  721. }
  722. .link-press {
  723. color: #004a90;
  724. }
  725. .privacy-link {
  726. display: inline-block;
  727. }
  728. * + .privacy-link {
  729. margin-top: 25px;
  730. }
  731. @media (min-width: 768px) {
  732. * + .privacy-link {
  733. margin-top: 45px;
  734. }
  735. }
  736. .link-tag {
  737. font-size: 12px;
  738. line-height: 1;
  739. font-weight: 600;
  740. letter-spacing: .13em;
  741. text-transform: uppercase;
  742. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  743. }
  744. .link-tag, .link-tag:focus, .link-tag:active {
  745. color: inherit;
  746. }
  747. .link-tag:hover {
  748. color: #0071dc;
  749. }
  750. .link-shop {
  751. display: block;
  752. }
  753. .link-classic {
  754. position: relative;
  755. display: inline-block;
  756. font-size: 14px;
  757. line-height: 1.9;
  758. font-weight: 600;
  759. letter-spacing: .05em;
  760. text-transform: uppercase;
  761. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  762. transition: all .25s ease;
  763. }
  764. .link-classic, .link-classic:focus, .link-classic:active {
  765. color: #a3a3a3;
  766. }
  767. .link-classic:hover {
  768. color: #0071dc;
  769. }
  770. .link-classic::after {
  771. display: block;
  772. content: '';
  773. height: 0;
  774. width: 100%;
  775. border-top: 2px solid;
  776. transition: transform .2s ease;
  777. }
  778. .link-classic:hover {
  779. letter-spacing: .3em;
  780. }
  781. * + .link-classic {
  782. margin-top: 20px;
  783. }
  784. *.row + .link-classic {
  785. margin-top: 30px;
  786. }
  787. @media (min-width: 768px) {
  788. *.row + .link-classic {
  789. margin-top: 45px;
  790. }
  791. }
  792. .context-dark .link-classic, .bg-gray-700 .link-classic, .bg-gray-3 .link-classic, .bg-brown-1 .link-classic, .bg-sky-blue .link-classic, .bg-primary .link-classic, .context-dark .link-classic:active, .bg-gray-700 .link-classic:active, .bg-gray-3 .link-classic:active, .bg-brown-1 .link-classic:active, .bg-sky-blue .link-classic:active, .bg-primary .link-classic:active, .context-dark .link-classic:focus, .bg-gray-700 .link-classic:focus, .bg-gray-3 .link-classic:focus, .bg-brown-1 .link-classic:focus, .bg-sky-blue .link-classic:focus, .bg-primary .link-classic:focus {
  793. color: inherit;
  794. }
  795. .link-primary, .link-primary:active, .link-primary:focus {
  796. color: #0071dc;
  797. }
  798. /** @section Blocks */
  799. .block-center, .block-sm, .block-lg {
  800. margin-left: auto;
  801. margin-right: auto;
  802. }
  803. .block-sm {
  804. max-width: 560px;
  805. }
  806. .block-lg {
  807. max-width: 768px;
  808. }
  809. @media (max-width: 575.98px) {
  810. .block-1,
  811. .block-2 {
  812. margin-left: auto;
  813. margin-right: auto;
  814. }
  815. .block-1 {
  816. max-width: 270px;
  817. }
  818. .block-2 {
  819. max-width: 370px;
  820. }
  821. }
  822. /** @section Boxes */
  823. .box-sm {
  824. max-width: 270px;
  825. margin-left: auto;
  826. margin-right: auto;
  827. }
  828. .box-md {
  829. max-width: 370px;
  830. margin-left: auto;
  831. margin-right: auto;
  832. }
  833. .box-lg {
  834. max-width: 470px;
  835. margin-left: auto;
  836. margin-right: auto;
  837. }
  838. .box-xl {
  839. max-width: 570px;
  840. margin-left: auto;
  841. margin-right: auto;
  842. }
  843. .box-xxl {
  844. max-width: 870px;
  845. margin-left: auto;
  846. margin-right: auto;
  847. }
  848. .box-icon-classic {
  849. text-align: center;
  850. }
  851. .box-icon-classic-svg,
  852. .box-icon-classic-icon {
  853. height: 60px;
  854. width: 60px;
  855. border-radius: 50%;
  856. background: #ffffff;
  857. box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.06);
  858. animation: iconClassic 20s ease-in-out infinite;
  859. }
  860. .box-icon-classic-icon {
  861. display: inline-block;
  862. text-align: center;
  863. font-size: 24px;
  864. line-height: 60px;
  865. color: #151515;
  866. }
  867. .box-icon-classic-svg {
  868. display: inline-flex;
  869. align-items: center;
  870. justify-content: center;
  871. font-size: 0;
  872. line-height: 0;
  873. }
  874. .box-icon-classic-svg svg {
  875. max-width: 40px;
  876. fill: #151515;
  877. animation: iconSvgClassic 20s ease-in-out infinite;
  878. }
  879. .box-icon-classic-title {
  880. font-weight: 600;
  881. }
  882. .box-icon-classic-title a, .box-icon-classic-title a:focus, .box-icon-classic-title a:active {
  883. color: inherit;
  884. }
  885. .box-icon-classic-title a:hover {
  886. color: #0071dc;
  887. }
  888. .box-icon-classic-text {
  889. letter-spacing: .025em;
  890. }
  891. * + .box-icon-classic-text {
  892. margin-top: 6px;
  893. }
  894. @media (min-width: 768px) {
  895. .box-icon-classic {
  896. text-align: left;
  897. }
  898. .box-icon-classic-icon,
  899. .box-icon-classic-svg {
  900. height: 70px;
  901. width: 70px;
  902. }
  903. .box-icon-classic-icon {
  904. font-size: 30px;
  905. line-height: 70px;
  906. }
  907. .box-icon-classic-svg svg {
  908. max-width: 46px;
  909. }
  910. * + .box-icon-classic-text {
  911. margin-top: 10px;
  912. }
  913. }
  914. @media (max-width: 768px) {
  915. .banner img {
  916. width: 100%;
  917. height: 244px;
  918. }
  919. }
  920. @media (min-width: 768px) {
  921. .box-icon-classic {
  922. text-align: left;
  923. }
  924. .box-icon-classic-icon,
  925. .box-icon-classic-svg {
  926. height: 70px;
  927. width: 70px;
  928. }
  929. .box-icon-classic-icon {
  930. font-size: 30px;
  931. line-height: 70px;
  932. }
  933. .box-icon-classic-svg svg {
  934. max-width: 46px;
  935. }
  936. * + .box-icon-classic-text {
  937. margin-top: 10px;
  938. }
  939. }
  940. @media (min-width: 992px) {
  941. .box-icon-classic-icon,
  942. .box-icon-classic-svg {
  943. height: 90px;
  944. width: 90px;
  945. }
  946. .box-icon-classic-icon {
  947. font-size: 40px;
  948. line-height: 90px;
  949. }
  950. .box-icon-classic-svg svg {
  951. max-width: none;
  952. }
  953. * + .box-icon-classic-text {
  954. margin-top: 14px;
  955. }
  956. }
  957. @media (min-width: 1200px) {
  958. .box-icon-classic-title {
  959. margin-top: 4px;
  960. }
  961. }
  962. .ie-10 .box-icon-classic-svg,
  963. .ie-10 .box-icon-classic-icon,
  964. .ie-10 .box-icon-classic-svg svg,
  965. .ie-11 .box-icon-classic-svg,
  966. .ie-11 .box-icon-classic-icon,
  967. .ie-11 .box-icon-classic-svg svg,
  968. .ie-edge .box-icon-classic-svg,
  969. .ie-edge .box-icon-classic-icon,
  970. .ie-edge .box-icon-classic-svg svg {
  971. animation: none;
  972. }
  973. .ie-10 .box-icon-classic-svg svg,
  974. .ie-11 .box-icon-classic-svg svg,
  975. .ie-edge .box-icon-classic-svg svg {
  976. height: initial;
  977. }
  978. .box-icon-modern {
  979. text-align: center;
  980. }
  981. .box-icon-modern-header {
  982. display: inline-flex;
  983. align-items: center;
  984. min-height: 60px;
  985. }
  986. .box-icon-modern-count + .box-icon-modern-icon {
  987. margin-left: 20px;
  988. }
  989. .box-icon-modern-count + .box-icon-modern-svg {
  990. margin-left: 10px;
  991. }
  992. .box-icon-modern-count {
  993. font-size: 50px;
  994. line-height: 1;
  995. font-weight: 600;
  996. letter-spacing: 0;
  997. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  998. color: rgba(21, 21, 21, 0.05);
  999. }
  1000. .box-icon-modern-icon {
  1001. font-size: 36px;
  1002. line-height: 1;
  1003. }
  1004. .box-icon-modern-icon:before {
  1005. background: linear-gradient(to bottom, #ffe220 0%, #0071dc 100%);
  1006. background-size: 100% auto;
  1007. background-clip: text;
  1008. text-fill-color: transparent;
  1009. -webkit-background-clip: text;
  1010. -webkit-text-fill-color: transparent;
  1011. }
  1012. .ie-10 .box-icon-modern-icon,
  1013. .ie-11 .box-icon-modern-icon,
  1014. .ie-edge .box-icon-modern-icon {
  1015. color: #0071dc;
  1016. }
  1017. .ie-10 .box-icon-modern-icon:before,
  1018. .ie-11 .box-icon-modern-icon:before,
  1019. .ie-edge .box-icon-modern-icon:before {
  1020. background: none;
  1021. }
  1022. .box-icon-modern-svg {
  1023. position: relative;
  1024. top: -5px;
  1025. }
  1026. .box-icon-modern-svg svg {
  1027. max-width: 50px;
  1028. }
  1029. .box-icon-modern-title {
  1030. font-weight: 600;
  1031. letter-spacing: .01em;
  1032. }
  1033. .box-icon-modern-title a, .box-icon-modern-title a:focus, .box-icon-modern-title a:active {
  1034. color: inherit;
  1035. }
  1036. .box-icon-modern-title a:hover {
  1037. color: #0071dc;
  1038. }
  1039. .box-icon-modern-text {
  1040. letter-spacing: .025em;
  1041. }
  1042. * + .box-icon-modern-title {
  1043. margin-top: 2px;
  1044. }
  1045. * + .box-icon-modern-text {
  1046. margin-top: 6px;
  1047. }
  1048. @media (min-width: 768px) {
  1049. .box-icon-modern {
  1050. text-align: left;
  1051. }
  1052. .box-icon-modern-header {
  1053. min-height: 70px;
  1054. }
  1055. .box-icon-modern-icon {
  1056. font-size: 42px;
  1057. }
  1058. .box-icon-modern-count {
  1059. font-size: 60px;
  1060. }
  1061. .box-icon-modern-svg {
  1062. top: -10px;
  1063. }
  1064. .box-icon-modern-svg svg {
  1065. max-width: 60px;
  1066. }
  1067. .box-icon-modern-count + .box-icon-modern-icon {
  1068. margin-left: 30px;
  1069. }
  1070. .box-icon-modern-count + .box-icon-modern-svg {
  1071. margin-left: 20px;
  1072. }
  1073. * + .box-icon-classic-text {
  1074. margin-top: 10px;
  1075. }
  1076. }
  1077. @media (min-width: 992px) {
  1078. .box-icon-modern-text {
  1079. max-width: 95%;
  1080. }
  1081. * + .box-icon-modern-text {
  1082. margin-top: 14px;
  1083. }
  1084. }
  1085. @media (min-width: 1200px) {
  1086. .box-icon-modern-header {
  1087. min-height: 80px;
  1088. }
  1089. .box-icon-modern-count {
  1090. font-size: 70px;
  1091. }
  1092. .box-icon-modern-icon {
  1093. font-size: 48px;
  1094. }
  1095. .box-icon-modern-icon.fl-bigmug-line-big104 {
  1096. font-size: 56px;
  1097. }
  1098. .box-icon-modern-icon.fl-bigmug-line-giftbox54 {
  1099. font-size: 50px;
  1100. }
  1101. .box-icon-modern-svg svg {
  1102. max-width: none;
  1103. }
  1104. }
  1105. .context-dark .box-icon-modern-count, .bg-gray-700 .box-icon-modern-count, .bg-gray-3 .box-icon-modern-count, .bg-brown-1 .box-icon-modern-count, .bg-sky-blue .box-icon-modern-count, .bg-primary .box-icon-modern-count {
  1106. color: rgba(255, 255, 255, 0.05);
  1107. }
  1108. .ie-10 .box-icon-modern-svg svg path,
  1109. .ie-11 .box-icon-modern-svg svg path,
  1110. .ie-edge .box-icon-modern-svg svg path {
  1111. fill: #0071dc;
  1112. }
  1113. .box-icon-creative {
  1114. text-align: center;
  1115. padding: 15px;
  1116. border: 1px solid #e1e1e1;
  1117. background: #ffffff;
  1118. }
  1119. .box-icon-creative-icon {
  1120. font-size: 34px;
  1121. line-height: 1;
  1122. color: #0071dc;
  1123. }
  1124. .box-icon-creative-title {
  1125. text-transform: uppercase;
  1126. letter-spacing: .075em;
  1127. }
  1128. * + .box-icon-creative-text {
  1129. margin-top: 0;
  1130. }
  1131. @media (min-width: 768px) {
  1132. .box-icon-creative {
  1133. text-align: left;
  1134. }
  1135. .box-icon-creative-icon {
  1136. font-size: 40px;
  1137. }
  1138. * + .box-icon-creative-text {
  1139. margin-top: 4px;
  1140. }
  1141. }
  1142. @media (min-width: 992px) {
  1143. .box-icon-creative {
  1144. padding: 30px;
  1145. }
  1146. .box-icon-creative-icon {
  1147. font-size: 44px;
  1148. }
  1149. }
  1150. @media (min-width: 1200px) {
  1151. .box-icon-creative {
  1152. padding: 42px;
  1153. }
  1154. .box-icon-creative-icon {
  1155. font-size: 48px;
  1156. }
  1157. }
  1158. .box-icon-nancy {
  1159. text-align: center;
  1160. }
  1161. .box-icon-nancy-svg,
  1162. .box-icon-nancy-icon {
  1163. height: 56px;
  1164. width: 56px;
  1165. }
  1166. .box-icon-nancy-icon {
  1167. display: inline-block;
  1168. text-align: center;
  1169. font-size: 24px;
  1170. line-height: 60px;
  1171. color: #151515;
  1172. }
  1173. .box-icon-nancy-svg {
  1174. position: relative;
  1175. display: inline-flex;
  1176. align-items: flex-start;
  1177. justify-content: center;
  1178. font-size: 0;
  1179. line-height: 0;
  1180. z-index: 1;
  1181. }
  1182. .box-icon-nancy-svg .svg-bg,
  1183. .box-icon-nancy-svg .svg-icon {
  1184. transition: all .25s ease;
  1185. }
  1186. .box-icon-nancy-svg .svg-bg {
  1187. position: absolute;
  1188. top: 50%;
  1189. left: 50%;
  1190. width: 57px;
  1191. fill: #ffe220;
  1192. transform: translate3d(-50%, -50%, 0);
  1193. z-index: -1;
  1194. }
  1195. .box-icon-nancy-svg .svg-icon {
  1196. width: 44px;
  1197. fill: #151515;
  1198. }
  1199. .box-icon-nancy-title {
  1200. font-weight: 600;
  1201. }
  1202. .box-icon-nancy-title a, .box-icon-nancy-title a:focus, .box-icon-nancy-title a:active {
  1203. color: inherit;
  1204. }
  1205. .box-icon-nancy-title a:hover {
  1206. color: #0071dc;
  1207. }
  1208. .box-icon-nancy-text {
  1209. letter-spacing: .025em;
  1210. }
  1211. * + .box-icon-nancy-text {
  1212. margin-top: 6px;
  1213. }
  1214. @media (min-width: 768px) {
  1215. .box-icon-nancy {
  1216. text-align: left;
  1217. }
  1218. .box-icon-nancy-icon,
  1219. .box-icon-nancy-svg {
  1220. height: 70px;
  1221. width: 70px;
  1222. }
  1223. .box-icon-nancy-svg .svg-bg {
  1224. width: 67px;
  1225. }
  1226. .box-icon-nancy-svg .svg-icon {
  1227. width: 54px;
  1228. }
  1229. * + .box-icon-nancy-text {
  1230. margin-top: 10px;
  1231. }
  1232. }
  1233. @media (min-width: 992px) {
  1234. .box-icon-nancy-right .box-icon-nancy-svg .svg-bg {
  1235. transform: translate3d(-50%, -50%, 0) rotateY(180deg);
  1236. }
  1237. .box-icon-nancy-icon,
  1238. .box-icon-nancy-svg {
  1239. height: 80px;
  1240. width: 80px;
  1241. margin-top: 5px;
  1242. }
  1243. .box-icon-nancy-icon {
  1244. font-size: 40px;
  1245. line-height: 80px;
  1246. }
  1247. .box-icon-nancy-svg .svg-bg {
  1248. width: auto;
  1249. }
  1250. .box-icon-nancy-svg .svg-icon {
  1251. width: 64px;
  1252. }
  1253. * + .box-icon-nancy-text {
  1254. margin-top: 14px;
  1255. }
  1256. }
  1257. @media (min-width: 992px) {
  1258. .desktop .box-icon-nancy:hover .box-icon-nancy-svg .svg-icon {
  1259. transform: translate3d(0, -8px, 0);
  1260. }
  1261. .desktop .box-icon-nancy-left:hover .box-icon-nancy-svg .svg-bg {
  1262. transform: translate3d(-50%, -50%, 0) rotate(35deg);
  1263. }
  1264. .desktop .box-icon-nancy-right:hover .box-icon-nancy-svg .svg-bg {
  1265. transform: translate3d(-50%, -50%, 0) rotateY(180deg) rotate(35deg);
  1266. }
  1267. }
  1268. .box-icon-kelly {
  1269. text-align: left;
  1270. padding: 20px;
  1271. border-radius: 6px;
  1272. box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
  1273. background: #ffffff;
  1274. }
  1275. .box-icon-kelly-svg .svg-icon {
  1276. width: 50px;
  1277. }
  1278. .box-icon-kelly-title {
  1279. line-height: 1.2;
  1280. font-weight: 500;
  1281. letter-spacing: .1em;
  1282. }
  1283. * + .box-icon-kelly-text {
  1284. margin-top: 8px;
  1285. }
  1286. @media (min-width: 768px) {
  1287. .box-icon-kelly {
  1288. text-align: left;
  1289. padding-top: 30px;
  1290. padding-bottom: 30px;
  1291. }
  1292. .box-icon-kelly-svg .svg-icon {
  1293. width: 60px;
  1294. }
  1295. }
  1296. @media (min-width: 992px) {
  1297. .box-icon-kelly {
  1298. padding: 40px 30px;
  1299. }
  1300. .box-icon-kelly-svg .svg-icon {
  1301. width: 70px;
  1302. }
  1303. * + .box-icon-kelly-text {
  1304. margin-top: 12px;
  1305. }
  1306. }
  1307. @media (min-width: 1200px) {
  1308. .box-icon-kelly {
  1309. padding-left: 40px;
  1310. padding-right: 40px;
  1311. }
  1312. .box-icon-kelly-svg .svg-icon {
  1313. width: 74px;
  1314. }
  1315. }
  1316. .contacts-classic {
  1317. color: #151515;
  1318. }
  1319. .contacts-classic a, .contacts-classic a:focus, .contacts-classic a:active {
  1320. color: #777777;
  1321. }
  1322. .contacts-classic a:hover {
  1323. color: #0071dc;
  1324. }
  1325. .contacts-classic-title {
  1326. font-weight: 700;
  1327. color: #0071dc;
  1328. }
  1329. * + .contacts-classic {
  1330. margin-top: 12px;
  1331. }
  1332. .context-dark .contacts-classic, .bg-gray-700 .contacts-classic, .bg-gray-3 .contacts-classic, .bg-brown-1 .contacts-classic, .bg-sky-blue .contacts-classic, .bg-primary .contacts-classic {
  1333. color: inherit;
  1334. }
  1335. .context-dark .contacts-classic a, .bg-gray-700 .contacts-classic a, .bg-gray-3 .contacts-classic a, .bg-brown-1 .contacts-classic a, .bg-sky-blue .contacts-classic a, .bg-primary .contacts-classic a, .context-dark .contacts-classic a:focus, .bg-gray-700 .contacts-classic a:focus, .bg-gray-3 .contacts-classic a:focus, .bg-brown-1 .contacts-classic a:focus, .bg-sky-blue .contacts-classic a:focus, .bg-primary .contacts-classic a:focus, .context-dark .contacts-classic a:active, .bg-gray-700 .contacts-classic a:active, .bg-gray-3 .contacts-classic a:active, .bg-brown-1 .contacts-classic a:active, .bg-sky-blue .contacts-classic a:active, .bg-primary .contacts-classic a:active {
  1336. color: inherit;
  1337. }
  1338. .context-dark .contacts-classic a:hover, .bg-gray-700 .contacts-classic a:hover, .bg-gray-3 .contacts-classic a:hover, .bg-brown-1 .contacts-classic a:hover, .bg-sky-blue .contacts-classic a:hover, .bg-primary .contacts-classic a:hover {
  1339. color: #ffe220;
  1340. }
  1341. .box-comment {
  1342. position: relative;
  1343. text-align: left;
  1344. padding-bottom: 30px;
  1345. border-bottom: 1px solid #e1e1e1;
  1346. color: #151515;
  1347. }
  1348. .box-comment > .box-comment {
  1349. margin-top: 35px;
  1350. padding-top: 35px;
  1351. border-top: 1px solid #e1e1e1;
  1352. padding-bottom: 0;
  1353. border-bottom: none;
  1354. }
  1355. .box-comment-figure {
  1356. display: inline-block;
  1357. }
  1358. .box-comment-figure img {
  1359. max-width: 60px;
  1360. }
  1361. .box-comment-author {
  1362. font-weight: 500;
  1363. }
  1364. .box-comment-author a, .box-comment-author a:focus, .box-comment-author a:active {
  1365. color: inherit;
  1366. }
  1367. .box-comment-author a:hover {
  1368. color: #0071dc;
  1369. }
  1370. .box-comment-time {
  1371. color: #777777;
  1372. }
  1373. .box-comment-reply {
  1374. font-size: 12px;
  1375. line-height: 1;
  1376. font-weight: 600;
  1377. letter-spacing: .13em;
  1378. text-transform: uppercase;
  1379. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  1380. }
  1381. .box-comment-reply, .box-comment-reply:focus, .box-comment-reply:active {
  1382. color: #0071dc;
  1383. }
  1384. .box-comment-reply:hover {
  1385. color: #151515;
  1386. }
  1387. .box-comment-author + .box-comment-reply {
  1388. padding-left: 15px;
  1389. border-left: 1px solid #e1e1e1;
  1390. }
  1391. .box-comment-form {
  1392. text-align: left;
  1393. }
  1394. .box-comment-form .unit-body {
  1395. flex-grow: 1;
  1396. }
  1397. .tab-content .box-comment {
  1398. padding-bottom: 0;
  1399. border-bottom: none;
  1400. }
  1401. * + .box-comment {
  1402. margin-top: 30px;
  1403. }
  1404. * + .box-comment-text {
  1405. margin-top: 12px;
  1406. }
  1407. .box-comment + h4 {
  1408. margin-top: 30px;
  1409. }
  1410. .box-comment + .box-comment {
  1411. margin-top: 30px;
  1412. }
  1413. @media (min-width: 576px) {
  1414. .box-comment-figure img {
  1415. max-width: none;
  1416. }
  1417. }
  1418. @media (min-width: 768px) {
  1419. .box-comment {
  1420. padding-bottom: 45px;
  1421. }
  1422. .box-comment > .box-comment {
  1423. margin-top: 45px;
  1424. padding-top: 45px;
  1425. margin-left: 70px;
  1426. }
  1427. .box-comment + h4 {
  1428. margin-top: 40px;
  1429. }
  1430. .box-comment + .box-comment {
  1431. margin-top: 45px;
  1432. }
  1433. }
  1434. @media (min-width: 992px) {
  1435. .box-comment .unit {
  1436. align-items: center;
  1437. }
  1438. .box-comment + h4 {
  1439. margin-top: 50px;
  1440. }
  1441. }
  1442. @media (min-width: 1200px) {
  1443. .box-comment > .box-comment {
  1444. margin-left: 145px;
  1445. }
  1446. }
  1447. .aside .button {
  1448. padding-left: 24px;
  1449. padding-right: 24px;
  1450. }
  1451. .aside-title {
  1452. padding-bottom: 14px;
  1453. text-transform: uppercase;
  1454. border-bottom: 1px solid #e1e1e1;
  1455. }
  1456. .aside-title + .row {
  1457. margin-top: 30px;
  1458. }
  1459. .aside-title + .group-tags {
  1460. margin-top: 22px;
  1461. }
  1462. .box-info-classic {
  1463. position: relative;
  1464. padding: 30px 15px 60px;
  1465. z-index: 1;
  1466. }
  1467. .box-info-classic::before {
  1468. position: absolute;
  1469. content: '';
  1470. top: 0;
  1471. right: 0;
  1472. bottom: 0;
  1473. left: 0;
  1474. background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  1475. opacity: .68;
  1476. pointer-events: none;
  1477. z-index: -1;
  1478. }
  1479. .box-info-classic-title {
  1480. font-weight: 600;
  1481. letter-spacing: .05em;
  1482. text-transform: none;
  1483. color: #151515;
  1484. }
  1485. .box-info-classic-text {
  1486. color: #333333;
  1487. }
  1488. .box-info-classic-year {
  1489. max-width: 140px;
  1490. margin-left: auto;
  1491. margin-right: auto;
  1492. color: #0071dc;
  1493. }
  1494. * + .box-info-classic-text {
  1495. margin-top: 10px;
  1496. }
  1497. @media (min-width: 1200px) {
  1498. .box-info-classic {
  1499. padding: 60px 40px 90px;
  1500. }
  1501. .box-info-classic-year {
  1502. max-width: 174px;
  1503. }
  1504. * + .box-info-classic-text {
  1505. margin-top: 18px;
  1506. }
  1507. }
  1508. .context-dark .box-info-classic-title, .bg-gray-700 .box-info-classic-title, .bg-gray-3 .box-info-classic-title, .bg-brown-1 .box-info-classic-title, .bg-sky-blue .box-info-classic-title, .bg-primary .box-info-classic-title {
  1509. color: #151515;
  1510. }
  1511. .context-dark .box-info-classic-text, .bg-gray-700 .box-info-classic-text, .bg-gray-3 .box-info-classic-text, .bg-brown-1 .box-info-classic-text, .bg-sky-blue .box-info-classic-text, .bg-primary .box-info-classic-text {
  1512. color: #151515;
  1513. }
  1514. .context-dark .box-info-classic-year, .bg-gray-700 .box-info-classic-year, .bg-gray-3 .box-info-classic-year, .bg-brown-1 .box-info-classic-year, .bg-sky-blue .box-info-classic-year, .bg-primary .box-info-classic-year {
  1515. color: #0071dc;
  1516. }
  1517. .box-info-modern {
  1518. position: relative;
  1519. text-align: center;
  1520. color: #151515;
  1521. }
  1522. .box-info-modern::before {
  1523. position: absolute;
  1524. content: '';
  1525. top: 0;
  1526. right: 0;
  1527. bottom: -15px;
  1528. left: 0;
  1529. opacity: 0;
  1530. visibility: hidden;
  1531. border-radius: 6px;
  1532. box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.15);
  1533. transition: all .25s ease;
  1534. pointer-events: none;
  1535. }
  1536. .box-info-modern-figure {
  1537. display: block;
  1538. padding: 10px;
  1539. border: 1px solid #e1e1e1;
  1540. }
  1541. .box-info-modern-figure img {
  1542. width: 100%;
  1543. transform: none;
  1544. will-change: transform;
  1545. transition: all .25s ease;
  1546. }
  1547. .box-info-modern-title {
  1548. font-weight: 600;
  1549. }
  1550. .box-info-modern-text {
  1551. max-width: 330px;
  1552. margin-left: auto;
  1553. margin-right: auto;
  1554. letter-spacing: .075em;
  1555. }
  1556. .box-info-modern-link {
  1557. position: relative;
  1558. display: inline-block;
  1559. padding: 12px 22px;
  1560. font-size: 14px;
  1561. line-height: 1.2;
  1562. font-weight: 600;
  1563. letter-spacing: .05em;
  1564. text-transform: uppercase;
  1565. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  1566. transition: transform .25s ease, color .25s ease-in-out;
  1567. }
  1568. .box-info-modern-link, .box-info-modern-link:focus, .box-info-modern-link:active {
  1569. color: #a3a3a3;
  1570. }
  1571. .box-info-modern-link:hover {
  1572. color: #0071dc;
  1573. }
  1574. .box-info-modern-link::before {
  1575. position: absolute;
  1576. content: '';
  1577. top: 50%;
  1578. left: 50%;
  1579. width: calc(100% - 44px);
  1580. height: 80%;
  1581. border: 2px solid transparent;
  1582. border-bottom-color: inherit;
  1583. transform: translate3d(-50%, -50%, 0);
  1584. transition: width .25s ease, height .25s ease;
  1585. }
  1586. * + .box-info-modern-title {
  1587. margin-top: 16px;
  1588. }
  1589. * + .box-info-modern-text {
  1590. margin-top: 6px;
  1591. }
  1592. * + .box-info-modern-link {
  1593. margin-top: 8px;
  1594. }
  1595. @media (min-width: 768px) {
  1596. .box-info-modern-figure {
  1597. padding: 15px;
  1598. }
  1599. * + .box-info-modern-title {
  1600. margin-top: 22px;
  1601. }
  1602. * + .box-info-modern-text {
  1603. margin-top: 10px;
  1604. }
  1605. }
  1606. @media (min-width: 992px) {
  1607. .desktop .box-info-modern-link:hover {
  1608. color: #a3a3a3;
  1609. }
  1610. .desktop .box-info-modern:hover::before {
  1611. top: -15px;
  1612. right: -15px;
  1613. bottom: -60px;
  1614. left: -15px;
  1615. visibility: visible;
  1616. opacity: 1;
  1617. }
  1618. .desktop .box-info-modern:hover .box-info-modern-figure {
  1619. border-color: transparent;
  1620. }
  1621. .desktop .box-info-modern:hover .box-info-modern-figure img {
  1622. transform: scale(1.1);
  1623. }
  1624. .desktop .box-info-modern:hover .box-info-modern-link {
  1625. transform: translate3d(0, 10px, 0);
  1626. }
  1627. .desktop .box-info-modern:hover .box-info-modern-link, .desktop .box-info-modern:hover .box-info-modern-link:focus, .desktop .box-info-modern:hover .box-info-modern-link:active {
  1628. color: #0071dc;
  1629. }
  1630. .desktop .box-info-modern:hover .box-info-modern-link:hover {
  1631. color: #151515;
  1632. }
  1633. .desktop .box-info-modern:hover .box-info-modern-link::before {
  1634. width: 100%;
  1635. height: 100%;
  1636. border-color: inherit;
  1637. transition: border-color .3s ease-in-out, width .25s ease, height .25s ease;
  1638. }
  1639. }
  1640. @media (min-width: 992px) {
  1641. .mac-os.desktop .box-info-modern:hover .box-info-modern-link::before {
  1642. transition: width .25s ease, height .25s ease;
  1643. }
  1644. }
  1645. .box-info-creative {
  1646. text-align: center;
  1647. color: #151515;
  1648. background: #ffffff;
  1649. }
  1650. .box-info-creative-title {
  1651. line-height: 1.2;
  1652. font-weight: 600;
  1653. letter-spacing: .1em;
  1654. }
  1655. * + .box-info-creative-text {
  1656. margin-top: 10px;
  1657. }
  1658. * + .box-info-creative-link {
  1659. margin-top: 10px;
  1660. }
  1661. @media (min-width: 576px) {
  1662. .box-info-creative {
  1663. text-align: left;
  1664. padding: 26px 0 0;
  1665. }
  1666. .box-info-creative-link {
  1667. top: 20px;
  1668. margin-left: 46%;
  1669. }
  1670. * + .box-info-creative-text {
  1671. margin-top: 18px;
  1672. }
  1673. * + .box-info-creative-link {
  1674. margin-top: 0;
  1675. }
  1676. }
  1677. .box-info-renee {
  1678. text-align: center;
  1679. }
  1680. .box-info-renee-decor {
  1681. font-size: 0;
  1682. line-height: 0;
  1683. }
  1684. .box-info-renee-decor::before {
  1685. display: inline-block;
  1686. content: '';
  1687. width: 0;
  1688. height: 40px;
  1689. border-left: 1px solid #e1e1e1;
  1690. animation: moreLoopY 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  1691. }
  1692. .box-info-renee-subtitle {
  1693. font-weight: 600;
  1694. letter-spacing: .1em;
  1695. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  1696. }
  1697. .box-info-renee-title {
  1698. font-weight: 500;
  1699. letter-spacing: .075em;
  1700. text-transform: none;
  1701. }
  1702. .box-info-renee-text {
  1703. max-width: 450px;
  1704. margin-left: auto;
  1705. margin-right: auto;
  1706. }
  1707. * + .box-info-renee-subtitle {
  1708. margin-top: 15px;
  1709. }
  1710. * + .box-info-renee-title {
  1711. margin-top: 10px;
  1712. }
  1713. * + .box-info-renee-text {
  1714. margin-top: 10px;
  1715. }
  1716. * + .box-info-renee-link {
  1717. margin-top: 10px;
  1718. }
  1719. @media (min-width: 768px) {
  1720. .box-info-renee-decor::before {
  1721. height: 54px;
  1722. }
  1723. * + .box-info-renee-subtitle {
  1724. margin-top: 25px;
  1725. }
  1726. * + .box-info-renee-title {
  1727. margin-top: 20px;
  1728. }
  1729. * + .box-info-renee-text {
  1730. margin-top: 20px;
  1731. }
  1732. * + .box-info-renee-link {
  1733. margin-top: 20px;
  1734. }
  1735. }
  1736. @media (min-width: 992px) {
  1737. * + .box-info-renee-subtitle {
  1738. margin-top: 35px;
  1739. }
  1740. * + .box-info-renee-title {
  1741. margin-top: 30px;
  1742. }
  1743. * + .box-info-renee-text {
  1744. margin-top: 30px;
  1745. }
  1746. * + .box-info-renee-link {
  1747. margin-top: 36px;
  1748. }
  1749. }
  1750. .context-dark .box-info-renee-decor::before, .bg-gray-700 .box-info-renee-decor::before, .bg-gray-3 .box-info-renee-decor::before, .bg-brown-1 .box-info-renee-decor::before, .bg-sky-blue .box-info-renee-decor::before, .bg-primary .box-info-renee-decor::before {
  1751. border-color: rgba(225, 225, 225, 0.26);
  1752. }
  1753. .context-dark .box-info-renee-subtitle, .bg-gray-700 .box-info-renee-subtitle, .bg-gray-3 .box-info-renee-subtitle, .bg-brown-1 .box-info-renee-subtitle, .bg-sky-blue .box-info-renee-subtitle, .bg-primary .box-info-renee-subtitle,
  1754. .context-dark .box-info-renee-text,
  1755. .bg-gray-700 .box-info-renee-text,
  1756. .bg-gray-3 .box-info-renee-text,
  1757. .bg-brown-1 .box-info-renee-text,
  1758. .bg-sky-blue .box-info-renee-text,
  1759. .bg-primary .box-info-renee-text {
  1760. color: rgba(255, 255, 255, 0.5);
  1761. }
  1762. .box-info-rose {
  1763. text-align: center;
  1764. color: #151515;
  1765. padding-bottom: 20px;
  1766. }
  1767. .box-info-rose-2 {
  1768. padding-top: 20px;
  1769. }
  1770. .box-info-rose-title {
  1771. letter-spacing: .01em;
  1772. text-transform: none;
  1773. font-weight: 500;
  1774. }
  1775. .box-info-rose-icon {
  1776. font-size: 25px;
  1777. }
  1778. .box-info-rose-number {
  1779. font-weight: 400;
  1780. letter-spacing: .075em;
  1781. }
  1782. .box-info-rose-text {
  1783. color: #151515;
  1784. }
  1785. .box-info-rose-text,
  1786. .box-info-rose-author {
  1787. letter-spacing: .075em;
  1788. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  1789. }
  1790. .box-info-rose-title + .unit {
  1791. margin-top: 4px;
  1792. }
  1793. .box-info-rose-text + .link-classic {
  1794. margin-top: 8px;
  1795. }
  1796. @media (min-width: 576px) {
  1797. .box-info-rose {
  1798. padding-bottom: 0;
  1799. }
  1800. .box-info-rose-2 {
  1801. padding-top: 0;
  1802. }
  1803. }
  1804. @media (min-width: 768px) {
  1805. .box-info-rose {
  1806. text-align: left;
  1807. }
  1808. .box-info-rose-icon {
  1809. font-size: 30px;
  1810. line-height: 1.6;
  1811. }
  1812. .box-info-rose-title + .unit {
  1813. margin-top: 18px;
  1814. }
  1815. .box-info-rose-text + .link-classic {
  1816. margin-top: 16px;
  1817. }
  1818. }
  1819. @media (min-width: 1200px) {
  1820. .box-info-rose-text {
  1821. padding: 4px 8px;
  1822. }
  1823. .box-info-rose-icon {
  1824. font-size: 35px;
  1825. }
  1826. }
  1827. .box-info-beryl-title {
  1828. font-weight: 500;
  1829. letter-spacing: .075em;
  1830. text-transform: capitalize;
  1831. }
  1832. .box-info-beryl-time {
  1833. font-size: 14px;
  1834. line-height: 1.2;
  1835. font-weight: 700;
  1836. letter-spacing: .2em;
  1837. text-transform: uppercase;
  1838. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  1839. color: #0071dc;
  1840. }
  1841. .box-info-beryl-text {
  1842. letter-spacing: .075em;
  1843. }
  1844. * + .box-info-beryl-time {
  1845. margin-top: 10px;
  1846. }
  1847. * + .box-info-beryl-text {
  1848. margin-top: 10px;
  1849. }
  1850. @media (min-width: 768px) {
  1851. .box-info-beryl-time {
  1852. letter-spacing: .3em;
  1853. }
  1854. * + .box-info-beryl-time {
  1855. margin-top: 20px;
  1856. }
  1857. * + .box-info-beryl-text {
  1858. margin-top: 20px;
  1859. }
  1860. }
  1861. @media (min-width: 992px) {
  1862. * + .box-info-beryl-time {
  1863. margin-top: 34px;
  1864. }
  1865. * + .box-info-beryl-text {
  1866. margin-top: 34px;
  1867. }
  1868. .box-info-beryl-text + .button {
  1869. margin-top: 40px;
  1870. }
  1871. }
  1872. .box-cta h2 + .group-middle {
  1873. margin-top: 16px;
  1874. }
  1875. @media (min-width: 992px) {
  1876. .box-cta h2 + .button {
  1877. margin-top: 40px;
  1878. }
  1879. }
  1880. @media (min-width: 768px) {
  1881. .box-about h2 + p {
  1882. margin-top: 20px;
  1883. }
  1884. .box-about p + p {
  1885. margin-top: 20px;
  1886. }
  1887. }
  1888. @media (min-width: 992px) {
  1889. .box-about h2 + p {
  1890. margin-top: 30px;
  1891. }
  1892. .box-about p + p {
  1893. margin-top: 30px;
  1894. }
  1895. .box-about * + img {
  1896. margin-top: 50px;
  1897. }
  1898. }
  1899. html:not(.ie-10):not(.ie-11):not(.ie-edge) .box-icon-classic-svg svg,
  1900. html:not(.ie-10):not(.ie-11):not(.ie-edge) .box-icon-modern-svg svg {
  1901. height: auto;
  1902. }
  1903. html:not(.ie-10):not(.ie-11):not(.ie-edge) .box-icon-nancy-svg .svg-icon,
  1904. html:not(.ie-10):not(.ie-11):not(.ie-edge) .box-icon-kelly-svg .svg-icon {
  1905. height: auto;
  1906. }
  1907. /** @section Groups */
  1908. html .group {
  1909. margin-bottom: -10px;
  1910. margin-left: -10px;
  1911. }
  1912. html .group:empty {
  1913. margin-bottom: 0;
  1914. margin-left: 0;
  1915. }
  1916. html .group > * {
  1917. display: inline-block;
  1918. margin-top: 0;
  1919. margin-bottom: 10px;
  1920. margin-left: 10px;
  1921. }
  1922. html .group-xs {
  1923. margin-bottom: -15px;
  1924. margin-left: -15px;
  1925. }
  1926. html .group-xs:empty {
  1927. margin-bottom: 0;
  1928. margin-left: 0;
  1929. }
  1930. html .group-xs > * {
  1931. display: inline-block;
  1932. margin-top: 0;
  1933. margin-bottom: 15px;
  1934. margin-left: 15px;
  1935. }
  1936. html .group-sm {
  1937. margin-bottom: -10px;
  1938. margin-left: -20px;
  1939. }
  1940. html .group-sm:empty {
  1941. margin-bottom: 0;
  1942. margin-left: 0;
  1943. }
  1944. html .group-sm > * {
  1945. display: inline-block;
  1946. margin-top: 0;
  1947. margin-bottom: 10px;
  1948. margin-left: 20px;
  1949. }
  1950. html .group-md {
  1951. margin-bottom: -20px;
  1952. margin-left: -25px;
  1953. }
  1954. html .group-md:empty {
  1955. margin-bottom: 0;
  1956. margin-left: 0;
  1957. }
  1958. html .group-md > * {
  1959. display: inline-block;
  1960. margin-top: 0;
  1961. margin-bottom: 20px;
  1962. margin-left: 25px;
  1963. }
  1964. html .group-lg {
  1965. margin-bottom: -20px;
  1966. margin-left: -30px;
  1967. }
  1968. html .group-lg:empty {
  1969. margin-bottom: 0;
  1970. margin-left: 0;
  1971. }
  1972. html .group-lg > * {
  1973. display: inline-block;
  1974. margin-top: 0;
  1975. margin-bottom: 20px;
  1976. margin-left: 30px;
  1977. }
  1978. html .group-xl {
  1979. margin-bottom: -30px;
  1980. margin-left: -40px;
  1981. }
  1982. html .group-xl:empty {
  1983. margin-bottom: 0;
  1984. margin-left: 0;
  1985. }
  1986. html .group-xl > * {
  1987. display: inline-block;
  1988. margin-top: 0;
  1989. margin-bottom: 30px;
  1990. margin-left: 40px;
  1991. }
  1992. html .group-middle {
  1993. display: inline-flex;
  1994. flex-wrap: wrap;
  1995. align-items: center;
  1996. justify-content: center;
  1997. }
  1998. html .group-button-1 {
  1999. display: flex;
  2000. }
  2001. html .group-justify {
  2002. display: flex;
  2003. flex-wrap: wrap;
  2004. align-items: center;
  2005. justify-content: space-between;
  2006. }
  2007. html .group-custom {
  2008. display: flex;
  2009. align-items: center;
  2010. justify-content: center;
  2011. flex-wrap: wrap;
  2012. max-width: 100%;
  2013. }
  2014. html .group-custom > * {
  2015. flex: 0 1 100%;
  2016. padding-left: 20px;
  2017. padding-right: 20px;
  2018. }
  2019. @media (min-width: 576px) {
  2020. html .group-custom {
  2021. flex-wrap: nowrap;
  2022. }
  2023. html .group-custom > * {
  2024. flex: 1 1 auto;
  2025. }
  2026. }
  2027. @media (min-width: 360px) {
  2028. html .group-1 {
  2029. display: inline-flex;
  2030. flex-wrap: wrap;
  2031. align-items: center;
  2032. justify-content: center;
  2033. margin-bottom: -10px;
  2034. margin-left: -20px;
  2035. }
  2036. html .group-1:empty {
  2037. margin-bottom: 0;
  2038. margin-left: 0;
  2039. }
  2040. html .group-1 > * {
  2041. display: inline-block;
  2042. margin-top: 0;
  2043. margin-bottom: 10px;
  2044. margin-left: 20px;
  2045. }
  2046. }
  2047. .group-button-1 .button {
  2048. flex-grow: 1;
  2049. padding-left: 15px;
  2050. padding-right: 15px;
  2051. }
  2052. * + .group {
  2053. margin-top: 30px;
  2054. }
  2055. * + .group-xs {
  2056. margin-top: 30px;
  2057. }
  2058. * + .group-sm {
  2059. margin-top: 30px;
  2060. }
  2061. * + .group-md {
  2062. margin-top: 30px;
  2063. }
  2064. * + .group-lg {
  2065. margin-top: 30px;
  2066. }
  2067. * + .group-xl {
  2068. margin-top: 30px;
  2069. }
  2070. * + .group-1 {
  2071. margin-top: 30px;
  2072. }
  2073. @media (min-width: 992px) {
  2074. h3 + .group-xs {
  2075. margin-top: 45px;
  2076. }
  2077. }
  2078. /** @section Units */
  2079. .unit {
  2080. display: flex;
  2081. flex: 0 1 100%;
  2082. margin-bottom: -10px;
  2083. margin-left: -10px;
  2084. }
  2085. .unit > * {
  2086. margin-bottom: 10px;
  2087. margin-left: 10px;
  2088. }
  2089. .unit:empty {
  2090. margin-bottom: 0;
  2091. margin-left: 0;
  2092. }
  2093. .unit-body {
  2094. flex: 0 1 auto;
  2095. }
  2096. .unit-left,
  2097. .unit-right {
  2098. flex: 0 0 auto;
  2099. max-width: 100%;
  2100. }
  2101. .unit-spacing-0 {
  2102. margin-bottom: 0;
  2103. margin-left: 0;
  2104. }
  2105. .unit-spacing-0 > * {
  2106. margin-bottom: 0;
  2107. margin-left: 0;
  2108. }
  2109. .unit-spacing-xs {
  2110. margin-bottom: -20px;
  2111. margin-left: -15px;
  2112. }
  2113. .unit-spacing-xs > * {
  2114. margin-bottom: 20px;
  2115. margin-left: 15px;
  2116. }
  2117. .unit-spacing-sm {
  2118. margin-bottom: -10px;
  2119. margin-left: -20px;
  2120. }
  2121. .unit-spacing-sm > * {
  2122. margin-bottom: 10px;
  2123. margin-left: 20px;
  2124. }
  2125. .unit-spacing-md {
  2126. margin-bottom: -20px;
  2127. margin-left: -25px;
  2128. }
  2129. .unit-spacing-md > * {
  2130. margin-bottom: 20px;
  2131. margin-left: 25px;
  2132. }
  2133. .unit-spacing-lg {
  2134. margin-bottom: -20px;
  2135. margin-left: -30px;
  2136. }
  2137. .unit-spacing-lg > * {
  2138. margin-bottom: 20px;
  2139. margin-left: 30px;
  2140. }
  2141. .unit-spacing-xl {
  2142. margin-bottom: -30px;
  2143. margin-left: -40px;
  2144. }
  2145. .unit-spacing-xl > * {
  2146. margin-bottom: 30px;
  2147. margin-left: 40px;
  2148. }
  2149. /** @section Lists */
  2150. /*
  2151. * Vertical list
  2152. */
  2153. .list > li + li {
  2154. margin-top: 5px;
  2155. }
  2156. .list-xs > li + li {
  2157. margin-top: 10px;
  2158. }
  2159. .list-sm > li + li {
  2160. margin-top: 15px;
  2161. }
  2162. .list-md > li + li {
  2163. margin-top: 20px;
  2164. }
  2165. .list-lg > li + li {
  2166. margin-top: 25px;
  2167. }
  2168. .list-xl > li + li {
  2169. margin-top: 30px;
  2170. }
  2171. @media (min-width: 768px) {
  2172. .list-xl > li + li {
  2173. margin-top: 50px;
  2174. }
  2175. }
  2176. /*
  2177. * List inline
  2178. */
  2179. .list-inline > li {
  2180. display: inline-block;
  2181. }
  2182. html .list-inline-xs {
  2183. transform: translate3d(0, -8px, 0);
  2184. margin-bottom: -8px;
  2185. margin-left: -4px;
  2186. margin-right: -4px;
  2187. }
  2188. html .list-inline-xs > * {
  2189. margin-top: 8px;
  2190. padding-left: 4px;
  2191. padding-right: 4px;
  2192. }
  2193. html .list-inline-sm {
  2194. transform: translate3d(0, -10px, 0);
  2195. margin-bottom: -10px;
  2196. margin-left: -5px;
  2197. margin-right: -5px;
  2198. }
  2199. html .list-inline-sm > * {
  2200. margin-top: 10px;
  2201. padding-left: 5px;
  2202. padding-right: 5px;
  2203. }
  2204. html .list-inline-md {
  2205. transform: translate3d(0, -10px, 0);
  2206. margin-bottom: -10px;
  2207. margin-left: -8px;
  2208. margin-right: -8px;
  2209. }
  2210. html .list-inline-md > * {
  2211. margin-top: 10px;
  2212. padding-left: 8px;
  2213. padding-right: 8px;
  2214. }
  2215. html .list-inline-lg {
  2216. transform: translate3d(0, -10px, 0);
  2217. margin-bottom: -10px;
  2218. margin-left: -10px;
  2219. margin-right: -10px;
  2220. }
  2221. html .list-inline-lg > * {
  2222. margin-top: 10px;
  2223. padding-left: 10px;
  2224. padding-right: 10px;
  2225. }
  2226. html .list-inline-xl {
  2227. transform: translate3d(0, -10px, 0);
  2228. margin-bottom: -10px;
  2229. margin-left: -15px;
  2230. margin-right: -15px;
  2231. }
  2232. html .list-inline-xl > * {
  2233. margin-top: 10px;
  2234. padding-left: 15px;
  2235. padding-right: 15px;
  2236. }
  2237. /*
  2238. * List terms
  2239. */
  2240. .list-terms dt + dd {
  2241. margin-top: 12px;
  2242. }
  2243. .list-terms dd + dt {
  2244. margin-top: 25px;
  2245. }
  2246. .list-terms-1 dt {
  2247. font-weight: 400;
  2248. letter-spacing: 0;
  2249. text-transform: none;
  2250. }
  2251. * + .list-terms {
  2252. margin-top: 25px;
  2253. }
  2254. @media (min-width: 768px) {
  2255. .list-terms dd + dt {
  2256. margin-top: 45px;
  2257. }
  2258. }
  2259. /*
  2260. * Index list
  2261. */
  2262. .index-list {
  2263. counter-reset: li;
  2264. }
  2265. .index-list > li .list-index-counter:before {
  2266. content: counter(li, decimal-leading-zero);
  2267. counter-increment: li;
  2268. }
  2269. .list-marked {
  2270. text-align: left;
  2271. }
  2272. .list-marked > li {
  2273. text-indent: -24px;
  2274. padding-left: 24px;
  2275. }
  2276. .list-marked > li::before {
  2277. position: relative;
  2278. display: inline-block;
  2279. left: 0;
  2280. top: 0;
  2281. content: '';
  2282. height: 9px;
  2283. width: 9px;
  2284. margin-right: 15px;
  2285. border-radius: 50%;
  2286. background: #d7d7d7;
  2287. }
  2288. .list-marked > li + li {
  2289. margin-top: 10px;
  2290. }
  2291. * + .list-marked {
  2292. margin-top: 15px;
  2293. }
  2294. p + .list-marked {
  2295. margin-top: 10px;
  2296. }
  2297. .list-ordered {
  2298. counter-reset: li;
  2299. text-align: left;
  2300. }
  2301. .list-ordered > li {
  2302. position: relative;
  2303. text-indent: -18px;
  2304. padding-left: 18px;
  2305. }
  2306. .list-ordered > li:before {
  2307. content: counter(li, decimal) ".";
  2308. counter-increment: li;
  2309. display: inline-block;
  2310. top: 0;
  2311. left: 0;
  2312. text-indent: 0;
  2313. min-width: 18px;
  2314. color: inherit;
  2315. }
  2316. .list-ordered > li + li {
  2317. margin-top: 10px;
  2318. }
  2319. * + .list-ordered {
  2320. margin-top: 15px;
  2321. }
  2322. .list-categories {
  2323. letter-spacing: .1em;
  2324. color: #151515;
  2325. }
  2326. .list-categories li {
  2327. display: flex;
  2328. align-items: center;
  2329. justify-content: space-between;
  2330. }
  2331. .list-categories a, .list-categories a:focus, .list-categories a:active {
  2332. color: inherit;
  2333. }
  2334. .list-categories a:hover {
  2335. color: #0071dc;
  2336. }
  2337. .list-categories li + li {
  2338. margin-top: 12px;
  2339. }
  2340. .list-categories-number {
  2341. color: #777777;
  2342. }
  2343. * + .list-categories {
  2344. margin-top: 24px;
  2345. }
  2346. .list-archives {
  2347. color: #151515;
  2348. }
  2349. .list-archives > li {
  2350. letter-spacing: .1em;
  2351. }
  2352. .list-archives > li::before {
  2353. background: #ffe220;
  2354. }
  2355. .list-archives a, .list-archives a:focus, .list-archives a:active {
  2356. color: inherit;
  2357. }
  2358. .list-archives a:hover {
  2359. color: #0071dc;
  2360. }
  2361. .list-archives li + li {
  2362. margin-top: 12px;
  2363. }
  2364. * + .list-archives {
  2365. margin-top: 24px;
  2366. }
  2367. .list-social {
  2368. color: #151515;
  2369. }
  2370. .list-social .icon {
  2371. vertical-align: middle;
  2372. font-size: 18px;
  2373. line-height: 25px;
  2374. }
  2375. .list-social .mdi-google-plus {
  2376. font-size: 25px;
  2377. }
  2378. .list-social a, .list-social a:focus, .list-social a:active {
  2379. color: inherit;
  2380. }
  2381. .list-social a:hover {
  2382. color: #0071dc;
  2383. }
  2384. .list-social-2 {
  2385. color: #151515;
  2386. }
  2387. .list-social-2 .icon {
  2388. vertical-align: middle;
  2389. font-size: 20px;
  2390. line-height: 28px;
  2391. }
  2392. .list-social-2 .mdi-google-plus {
  2393. font-size: 28px;
  2394. }
  2395. .list-social-2 a, .list-social-2 a:focus, .list-social-2 a:active {
  2396. color: inherit;
  2397. }
  2398. .list-social-2 a:hover {
  2399. color: #0071dc;
  2400. }
  2401. .list-social-title {
  2402. font-size: 15px;
  2403. letter-spacing: 0;
  2404. }
  2405. .context-dark .list-social, .bg-gray-700 .list-social, .bg-gray-3 .list-social, .bg-brown-1 .list-social, .bg-sky-blue .list-social, .bg-primary .list-social {
  2406. color: inherit;
  2407. }
  2408. .list-social-3 {
  2409. color: #575757;
  2410. }
  2411. .list-social-3 .icon {
  2412. text-align: center;
  2413. vertical-align: middle;
  2414. width: 41px;
  2415. height: 41px;
  2416. font-size: 18px;
  2417. line-height: 39px;
  2418. border-radius: 50%;
  2419. border: 1px solid;
  2420. }
  2421. .list-social-3 .mdi-google-plus {
  2422. font-size: 25px;
  2423. }
  2424. .list-social-3 .mdi-skype {
  2425. font-size: 24px;
  2426. }
  2427. .list-social-3 a, .list-social-3 a:focus, .list-social-3 a:active {
  2428. color: inherit;
  2429. }
  2430. .list-social-3 a:hover {
  2431. color: #0071dc;
  2432. }
  2433. .list-social-3 a:hover {
  2434. border-color: #0071dc;
  2435. }
  2436. * + .list-social-3 {
  2437. margin-top: 26px;
  2438. }
  2439. .context-dark .list-social-3, .bg-gray-700 .list-social-3, .bg-gray-3 .list-social-3, .bg-brown-1 .list-social-3, .bg-sky-blue .list-social-3, .bg-primary .list-social-3 {
  2440. color: rgba(255, 255, 255, 0.5);
  2441. }
  2442. .list-social-4 {
  2443. color: #f2f8fd;
  2444. }
  2445. .list-social-4 .icon {
  2446. text-align: center;
  2447. vertical-align: middle;
  2448. width: 36px;
  2449. height: 36px;
  2450. font-size: 14px;
  2451. line-height: 34px;
  2452. border-radius: 50%;
  2453. border: 1px solid;
  2454. }
  2455. .list-social-4 .mdi-google-plus {
  2456. font-size: 21px;
  2457. }
  2458. .list-social-4 .mdi-skype {
  2459. font-size: 20px;
  2460. }
  2461. .list-social-4 a, .list-social-4 a:focus, .list-social-4 a:active {
  2462. color: inherit;
  2463. }
  2464. .list-social-4 a:hover {
  2465. color: #0071dc;
  2466. }
  2467. .list-social-4 a:hover {
  2468. border-color: #0071dc;
  2469. }
  2470. * + .list-social-4 {
  2471. margin-top: 26px;
  2472. }
  2473. .context-dark .list-social-4, .bg-gray-700 .list-social-4, .bg-gray-3 .list-social-4, .bg-brown-1 .list-social-4, .bg-sky-blue .list-social-4, .bg-primary .list-social-4 {
  2474. color: rgba(255, 255, 255, 0.5);
  2475. }
  2476. .context-dark .list-social-4 a:hover, .bg-gray-700 .list-social-4 a:hover, .bg-gray-3 .list-social-4 a:hover, .bg-brown-1 .list-social-4 a:hover, .bg-sky-blue .list-social-4 a:hover, .bg-primary .list-social-4 a:hover {
  2477. color: #ffffff;
  2478. border-color: #ffffff;
  2479. }
  2480. /** @section Images */
  2481. img {
  2482. display: inline-block;
  2483. max-width: 100%;
  2484. /* height: auto; */
  2485. }
  2486. .img-responsive {
  2487. width: 100%;
  2488. }
  2489. /** @section Icons */
  2490. .icon {
  2491. display: inline-block;
  2492. font-size: 16px;
  2493. line-height: 1;
  2494. }
  2495. .icon::before {
  2496. position: relative;
  2497. display: inline-block;
  2498. font-weight: 400;
  2499. font-style: normal;
  2500. speak: none;
  2501. text-transform: none;
  2502. }
  2503. .icon-circle {
  2504. border-radius: 50%;
  2505. }
  2506. .icon-80 {
  2507. font-size: 80px;
  2508. }
  2509. /** @section Tables */
  2510. .table-custom {
  2511. width: 100%;
  2512. max-width: 100%;
  2513. text-align: left;
  2514. background: #ffffff;
  2515. border-collapse: collapse;
  2516. }
  2517. .table-custom th {
  2518. padding: 12px 24px;
  2519. font-size: 14px;
  2520. line-height: 1.72;
  2521. font-weight: 700;
  2522. letter-spacing: .1em;
  2523. text-transform: uppercase;
  2524. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  2525. color: #151515;
  2526. background: #f5f5f5;
  2527. }
  2528. @media (max-width: 991.98px) {
  2529. .table-custom th {
  2530. padding-top: 20px;
  2531. padding-bottom: 20px;
  2532. }
  2533. }
  2534. .table-custom td {
  2535. padding: 13px 24px;
  2536. font-size: 15px;
  2537. line-height: 1.6;
  2538. font-weight: 400;
  2539. letter-spacing: .05em;
  2540. background: #ffffff;
  2541. font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  2542. color: #777777;
  2543. min-width: 170px;
  2544. }
  2545. .table-custom tfoot td {
  2546. color: #151515;
  2547. }
  2548. .table-custom tr {
  2549. border: 1px solid #f5f5f5;
  2550. }
  2551. * + .table-custom-responsive {
  2552. margin-top: 30px;
  2553. }
  2554. h5 + .table-custom-responsive {
  2555. margin-top: 25px;
  2556. }
  2557. @media (min-width: 768px) {
  2558. * + .table-custom-responsive {
  2559. margin-top: 40px;
  2560. }
  2561. }
  2562. @media (min-width: 992px) {
  2563. h3 + .table-custom-responsive {
  2564. margin-top: 50px;
  2565. }
  2566. .title-group + .table-custom-responsive {
  2567. margin-top: 55px;
  2568. }
  2569. .table-custom-responsive + .group-justify {
  2570. margin-top: 35px;
  2571. }
  2572. }
  2573. .table-custom.table-custom-primary thead th {
  2574. color: #ffffff;
  2575. background: #0071dc;
  2576. }
  2577. .table-custom.table-custom-primary thead tr {
  2578. border-color: #0071dc;
  2579. }
  2580. .table-custom.table-custom-bordered tbody tr {
  2581. border: none;
  2582. }
  2583. .table-custom.table-custom-bordered td {
  2584. border: 1px solid #f5f5f5;
  2585. }
  2586. .table-custom.table-custom-striped {
  2587. border-bottom: 1px solid #f5f5f5;
  2588. }
  2589. .table-custom.table-custom-striped tr {
  2590. border: none;
  2591. }
  2592. .table-custom.table-custom-striped tbody tr:nth-of-type(odd) td {
  2593. background: transparent;
  2594. }
  2595. .table-custom.table-custom-striped tbody tr:nth-of-type(even) td {
  2596. background: #f5f5f5;
  2597. }
  2598. @media (max-width: 991.98px) {
  2599. .table-custom-responsive {
  2600. display: block;
  2601. width: 100%;
  2602. overflow-x: auto;
  2603. -ms-overflow-style: -ms-autohiding-scrollbar;
  2604. }
  2605. .table-custom-responsive.table-bordered {
  2606. border: 0;
  2607. }
  2608. }
  2609. .table-cart {
  2610. text-align: center;
  2611. text-transform: uppercase;
  2612. border: 1px solid #e1e1e1;
  2613. }
  2614. .table-cart thead tr {
  2615. border: 1px solid #e1e1e1;
  2616. }
  2617. .table-cart tr {
  2618. border: none;
  2619. }
  2620. .table-cart th:first-child,
  2621. .table-cart td:first-child {
  2622. text-align: left;
  2623. }
  2624. @media (min-width: 992px) {
  2625. .table-cart th:first-child,
  2626. .table-cart td:first-child {
  2627. padding-left: 30px;
  2628. }
  2629. }
  2630. .table-cart tbody tr td {
  2631. padding: 12px 14px;
  2632. }
  2633. .table-cart tbody tr:first-child td {
  2634. padding-top: 26px;
  2635. }
  2636. .table-cart tbody tr:last-child td {
  2637. padding-bottom: 26px;
  2638. }
  2639. .table-cart th {
  2640. padding-top: 14px;
  2641. padding-bottom: 14px;
  2642. font-size: 16px;
  2643. font-weight: 500;
  2644. color: #777777;
  2645. background: #ffffff;
  2646. }
  2647. @media (min-width: 992px) {
  2648. .table-cart th {
  2649. font-size: 18px;
  2650. padding-top: 21px;
  2651. padding-bottom: 21px;
  2652. }
  2653. }
  2654. .table-cart td {
  2655. width: auto;
  2656. min-width: auto;
  2657. font-size: 16px;
  2658. letter-spacing: .075em;
  2659. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  2660. color: #151515;
  2661. }
  2662. .table-cart td:first-child {
  2663. display: flex;
  2664. align-items: center;
  2665. min-width: 280px;
  2666. width: 50%;
  2667. }
  2668. .table-cart td:first-child > * {
  2669. display: inline-block;
  2670. vertical-align: middle;
  2671. }
  2672. @media (min-width: 992px) {
  2673. .table-cart td:first-child {
  2674. min-width: 500px;
  2675. }
  2676. }
  2677. .table-cart td:nth-child(2), .table-cart td:nth-child(4) {
  2678. width: 13%;
  2679. }
  2680. .table-cart td:nth-child(2), .table-cart td:nth-child(4) {
  2681. min-width: 100px;
  2682. }
  2683. .table-cart td:nth-child(3) {
  2684. min-width: 150px;
  2685. }
  2686. @media (min-width: 992px) {
  2687. .table-cart td {
  2688. font-size: 18px;
  2689. }
  2690. }
  2691. @media (min-width: 1200px) {
  2692. .table-cart td {
  2693. font-size: 24px;
  2694. }
  2695. }
  2696. .table-cart-link {
  2697. font-weight: 500;
  2698. letter-spacing: .05em;
  2699. }
  2700. .table-cart-link, .table-cart-link:focus, .table-cart-link:active {
  2701. color: inherit;
  2702. }
  2703. .table-cart-link:hover {
  2704. color: #0071dc;
  2705. }
  2706. .table-cart-figure {
  2707. display: inline-block;
  2708. text-align: center;
  2709. width: 100%;
  2710. max-width: 90px;
  2711. background: #f5f5f5;
  2712. }
  2713. @media (min-width: 992px) {
  2714. .table-cart-figure {
  2715. max-width: 146px;
  2716. }
  2717. }
  2718. .table-cart-figure + a {
  2719. margin-left: 15px;
  2720. }
  2721. @media (min-width: 992px) {
  2722. .table-cart-figure + a {
  2723. margin-left: 30px;
  2724. }
  2725. }
  2726. .table-checkout {
  2727. text-transform: uppercase;
  2728. }
  2729. .table-checkout tr {
  2730. border-color: #e1e1e1;
  2731. }
  2732. .table-checkout tr + tr td {
  2733. border-top: 1px solid #e1e1e1;
  2734. }
  2735. .table-checkout td {
  2736. padding: 20px 20px;
  2737. font-size: 16px;
  2738. letter-spacing: .05em;
  2739. color: #151515;
  2740. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  2741. }
  2742. .table-checkout td:first-child {
  2743. min-width: 190px;
  2744. }
  2745. .table-checkout td:last-child {
  2746. min-width: 150px;
  2747. text-align: right;
  2748. }
  2749. @media (min-width: 576px) {
  2750. .table-checkout td {
  2751. padding: 22px 50px 22px 24px;
  2752. }
  2753. }
  2754. @media (min-width: 768px) {
  2755. .table-checkout td {
  2756. font-size: 18px;
  2757. }
  2758. }
  2759. .table-project tr {
  2760. border: none;
  2761. }
  2762. .table-project td {
  2763. color: #9b9b9b;
  2764. letter-spacing: .025em;
  2765. border: 1px solid #e1e1e1;
  2766. }
  2767. .table-project td:first-child {
  2768. text-align: center;
  2769. min-width: 73px;
  2770. width: 11%;
  2771. padding: 20px 15px;
  2772. }
  2773. .table-project td:last-child {
  2774. padding-left: 34px;
  2775. padding-right: 34px;
  2776. min-width: 260px;
  2777. }
  2778. .table-project .icon {
  2779. font-size: 24px;
  2780. color: #0071dc;
  2781. }
  2782. .table-project .icon-26 {
  2783. font-size: 26px;
  2784. }
  2785. .table-project .icon-28 {
  2786. font-size: 28px;
  2787. }
  2788. .table-project td span {
  2789. color: #151515;
  2790. }
  2791. /** @section Dividers */
  2792. hr {
  2793. margin-top: 0;
  2794. margin-bottom: 0;
  2795. border-top: 1px solid #ebebeb;
  2796. }
  2797. .divider {
  2798. font-size: 0;
  2799. line-height: 0;
  2800. }
  2801. .divider::after {
  2802. content: '';
  2803. display: inline-block;
  2804. width: 60px;
  2805. height: 2px;
  2806. background-color: #0071dc;
  2807. }
  2808. .hr-gray-100 {
  2809. border-color: #e1e1e1;
  2810. }
  2811. /** @section Buttons */
  2812. .button {
  2813. position: relative;
  2814. overflow: hidden;
  2815. display: inline-block;
  2816. padding: 4px 17px;
  2817. font-size: 14px;
  2818. line-height: 2;
  2819. border: 2px solid;
  2820. border-radius: 6px;
  2821. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  2822. font-weight: 700;
  2823. letter-spacing: 0.1em;
  2824. text-transform: uppercase;
  2825. white-space: nowrap;
  2826. text-overflow: ellipsis;
  2827. text-align: center;
  2828. cursor: pointer;
  2829. vertical-align: middle;
  2830. user-select: none;
  2831. transition: all 250ms ease-in-out;
  2832. }
  2833. @media (min-width: 768px) {
  2834. .button {
  2835. padding: 9px 29px;
  2836. }
  2837. }
  2838. @media (min-width: 992px) {
  2839. .button {
  2840. padding: 14px 34px;
  2841. }
  2842. }
  2843. .button-block {
  2844. display: block;
  2845. width: 100%;
  2846. }
  2847. .button-default, .button-default:focus {
  2848. color: #cccccc;
  2849. background-color: #2c343b;
  2850. border-color: #2c343b;
  2851. }
  2852. .button-default:hover, .button-default:active {
  2853. color: #ffffff;
  2854. background-color: #0071dc;
  2855. border-color: #0071dc;
  2856. }
  2857. .button-default.button-ujarak::before {
  2858. background: #0071dc;
  2859. }
  2860. .button-default.button-zakaria:after {
  2861. background: #2c343b;
  2862. }
  2863. .button-gray-100, .button-gray-100:focus {
  2864. color: #151515;
  2865. background-color: #e1e1e1;
  2866. border-color: #e1e1e1;
  2867. }
  2868. .button-gray-100:hover, .button-gray-100:active {
  2869. color: #151515;
  2870. background-color: #d4d4d4;
  2871. border-color: #d4d4d4;
  2872. }
  2873. .button-gray-100.button-ujarak::before {
  2874. background: #d4d4d4;
  2875. }
  2876. .button-gray-100.button-zakaria:after {
  2877. background: #e1e1e1;
  2878. }
  2879. .button-primary, .button-primary:focus {
  2880. color: #ffffff;
  2881. background-color: #0071dc;
  2882. border-color: #0071dc;
  2883. }
  2884. .button-primary:hover, .button-primary:active {
  2885. color: #151515;
  2886. background-color: #ffe220;
  2887. border-color: #ffe220;
  2888. }
  2889. .button-primary.button-ujarak::before {
  2890. background: #ffe220;
  2891. }
  2892. .button-primary.button-zakaria:after {
  2893. background: #1EAAE1;
  2894. }
  2895. .button.button-sm.button-primary.button-icon-3.button-zakaria.mt-0 {
  2896. margin-left: 10px;
  2897. }
  2898. .button-primary-2, .button-primary-2:focus {
  2899. color: #ffffff;
  2900. background-color: #0071dc;
  2901. border-color: #0071dc;
  2902. }
  2903. .button-primary-2:hover, .button-primary-2:active {
  2904. color: #ffffff;
  2905. background-color: #626469;
  2906. border-color: #626469;
  2907. }
  2908. .button-primary-2.button-ujarak::before {
  2909. background: #626469;
  2910. }
  2911. .button-primary-2.button-zakaria:after {
  2912. background: #0071dc;
  2913. }
  2914. .button-primary-3, .button-primary-3:focus {
  2915. color: #ffffff;
  2916. background-color: #0071dc;
  2917. border-color: #0071dc;
  2918. }
  2919. .button-primary-3:hover, .button-primary-3:active {
  2920. color: #ffffff;
  2921. background-color: #707475;
  2922. border-color: #707475;
  2923. }
  2924. .button-primary-3.button-ujarak::before {
  2925. background: #707475;
  2926. }
  2927. .button-primary-3.button-zakaria:after {
  2928. background: #0071dc;
  2929. }
  2930. .button-secondary, .button-secondary:focus {
  2931. color: #151515;
  2932. background-color: #ffe220;
  2933. border-color: #ffe220;
  2934. }
  2935. .button-secondary:hover, .button-secondary:active {
  2936. color: #ffffff;
  2937. background-color: #0071dc;
  2938. border-color: #0071dc;
  2939. }
  2940. .button-secondary.button-ujarak::before {
  2941. background: #0071dc;
  2942. }
  2943. .button-secondary.button-zakaria:after {
  2944. background: #ffe220;
  2945. }
  2946. .button-secondary-2, .button-secondary-2:focus {
  2947. color: #151515;
  2948. background-color: #ffe220;
  2949. border-color: #ffe220;
  2950. }
  2951. .button-secondary-2:hover, .button-secondary-2:active {
  2952. color: #151515;
  2953. background-color: #ffe220;
  2954. border-color: #ffe220;
  2955. }
  2956. .button-secondary-2.button-ujarak::before {
  2957. background: #ffe220;
  2958. }
  2959. .button-secondary-2.button-zakaria:after {
  2960. background: #ffe220;
  2961. }
  2962. .button-gray-6, .button-gray-6:focus {
  2963. color: #ffffff;
  2964. background-color: #707475;
  2965. border-color: #707475;
  2966. }
  2967. .button-gray-6:hover, .button-gray-6:active {
  2968. color: #151515;
  2969. background-color: #ffe220;
  2970. border-color: #ffe220;
  2971. }
  2972. .button-gray-6.button-ujarak::before {
  2973. background: #ffe220;
  2974. }
  2975. .button-gray-6.button-zakaria:after {
  2976. background: #707475;
  2977. }
  2978. .button-gray-14, .button-gray-14:focus {
  2979. color: #ffffff;
  2980. background-color: #626469;
  2981. border-color: #626469;
  2982. }
  2983. .button-gray-14:hover, .button-gray-14:active {
  2984. color: #ffffff;
  2985. background-color: #0071dc;
  2986. border-color: #0071dc;
  2987. }
  2988. .button-gray-14.button-ujarak::before {
  2989. background: #0071dc;
  2990. }
  2991. .button-gray-14.button-zakaria:after {
  2992. background: #626469;
  2993. }
  2994. .button-blue, .button-blue:focus {
  2995. color: #ffffff;
  2996. background-color: #0071dc;
  2997. border-color: #0071dc;
  2998. }
  2999. .button-blue:hover, .button-blue:active {
  3000. color: #ffffff;
  3001. background-color: #707475;
  3002. border-color: #707475;
  3003. }
  3004. .button-blue.button-ujarak::before {
  3005. background: #707475;
  3006. }
  3007. .button-blue.button-zakaria:after {
  3008. background: #0071dc;
  3009. }
  3010. .button-white, .button-white:focus {
  3011. color: #000000;
  3012. background-color: #ffffff;
  3013. border-color: #ffffff;
  3014. }
  3015. .button-white:hover, .button-white:active {
  3016. color: #ffffff;
  3017. background-color: #626469;
  3018. border-color: #626469;
  3019. }
  3020. .button-white.button-ujarak::before {
  3021. background: #626469;
  3022. }
  3023. .button-white.button-zakaria:after {
  3024. background: #ffffff;
  3025. }
  3026. .button-default-outline, .button-default-outline:focus {
  3027. color: #151515;
  3028. background-color: transparent;
  3029. border-color: #151515;
  3030. }
  3031. .button-default-outline:hover, .button-default-outline:active {
  3032. color: #ffffff;
  3033. background-color: #0071dc;
  3034. border-color: #0071dc;
  3035. }
  3036. .button-default-outline.button-ujarak::before {
  3037. background: #0071dc;
  3038. }
  3039. .button-default-outline.button-zakaria:after {
  3040. background: transparent;
  3041. }
  3042. .button-default-outline-2, .button-default-outline-2:focus {
  3043. color: #151515;
  3044. background-color: transparent;
  3045. border-color: #151515;
  3046. }
  3047. .button-default-outline-2:hover, .button-default-outline-2:active {
  3048. color: #151515;
  3049. background-color: #ffe220;
  3050. border-color: #ffe220;
  3051. }
  3052. .button-default-outline-2.button-ujarak::before {
  3053. background: #ffe220;
  3054. }
  3055. .button-default-outline-2.button-zakaria:after {
  3056. background: transparent;
  3057. }
  3058. .button-default-outline-3, .button-default-outline-3:focus {
  3059. color: #0071dc;
  3060. background-color: transparent;
  3061. border-color: #0071dc;
  3062. }
  3063. .button-default-outline-3:hover, .button-default-outline-3:active {
  3064. color: #ffffff;
  3065. background-color: #0071dc;
  3066. border-color: #0071dc;
  3067. }
  3068. .button-default-outline-3.button-ujarak::before {
  3069. background: #0071dc;
  3070. }
  3071. .button-default-outline-3.button-zakaria:after {
  3072. background: transparent;
  3073. }
  3074. .button-style-1, .button-style-1:focus {
  3075. color: #ffe220;
  3076. background-color: #707475;
  3077. border-color: #707475;
  3078. }
  3079. .button-style-1:hover, .button-style-1:active {
  3080. color: #ffffff;
  3081. background-color: #0071dc;
  3082. border-color: #0071dc;
  3083. }
  3084. .button-style-1.button-ujarak::before {
  3085. background: #0071dc;
  3086. }
  3087. .button-style-1.button-zakaria:after {
  3088. background: #707475;
  3089. }
  3090. .button-style-2, .button-style-2:focus {
  3091. color: #ffffff;
  3092. background-color: #707475;
  3093. border-color: #707475;
  3094. }
  3095. .button-style-2:hover, .button-style-2:active {
  3096. color: #ffffff;
  3097. background-color: #0071dc;
  3098. border-color: #0071dc;
  3099. }
  3100. .button-style-2.button-ujarak::before {
  3101. background: #0071dc;
  3102. }
  3103. .button-style-2.button-zakaria:after {
  3104. background: #707475;
  3105. }
  3106. .button-ghost {
  3107. border: 0;
  3108. background-color: transparent;
  3109. }
  3110. .button-ghost:hover {
  3111. color: #ffffff;
  3112. background: #0071dc;
  3113. }
  3114. .button-facebook, .button-facebook:focus {
  3115. color: #ffffff;
  3116. background-color: #3972ac;
  3117. border-color: #3972ac;
  3118. }
  3119. .button-facebook:hover, .button-facebook:active {
  3120. color: #ffffff;
  3121. background-color: #336599;
  3122. border-color: #336599;
  3123. }
  3124. .button-facebook.button-ujarak::before {
  3125. background: #336599;
  3126. }
  3127. .button-facebook.button-zakaria:after {
  3128. background: #3972ac;
  3129. }
  3130. .button-twitter, .button-twitter:focus {
  3131. color: #ffffff;
  3132. background-color: #52b0e7;
  3133. border-color: #52b0e7;
  3134. }
  3135. .button-twitter:hover, .button-twitter:active {
  3136. color: #ffffff;
  3137. background-color: #3ca6e4;
  3138. border-color: #3ca6e4;
  3139. }
  3140. .button-twitter.button-ujarak::before {
  3141. background: #3ca6e4;
  3142. }
  3143. .button-twitter.button-zakaria:after {
  3144. background: #52b0e7;
  3145. }
  3146. .button-google, .button-google:focus {
  3147. color: #ffffff;
  3148. background-color: #ed5e5e;
  3149. border-color: #ed5e5e;
  3150. }
  3151. .button-google:hover, .button-google:active {
  3152. color: #ffffff;
  3153. background-color: #ea4747;
  3154. border-color: #ea4747;
  3155. }
  3156. .button-google.button-ujarak::before {
  3157. background: #ea4747;
  3158. }
  3159. .button-google.button-zakaria:after {
  3160. background: #ed5e5e;
  3161. }
  3162. .button-shadow {
  3163. box-shadow: 7px 7px 3px 0 rgba(0, 0, 0, 0.04);
  3164. }
  3165. .button-shadow-2 {
  3166. box-shadow: 3px 9px 18px 0 rgba(0, 0, 0, 0.18);
  3167. }
  3168. .button-shadow-3 {
  3169. box-shadow: 8px 9px 16px 0 rgba(0, 0, 0, 0.35);
  3170. }
  3171. .button-shadow-4 {
  3172. box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.17);
  3173. }
  3174. .button-ujarak {
  3175. position: relative;
  3176. z-index: 0;
  3177. transition: background .4s, border-color .4s, color .4s;
  3178. }
  3179. .button-ujarak::before {
  3180. content: '';
  3181. position: absolute;
  3182. top: 0;
  3183. left: 0;
  3184. width: 100%;
  3185. height: 100%;
  3186. background: #0071dc;
  3187. z-index: -1;
  3188. opacity: 0;
  3189. transform: scale3d(0.7, 1, 1);
  3190. transition: transform 0.42s, opacity 0.42s;
  3191. border-radius: inherit;
  3192. }
  3193. .button-ujarak, .button-ujarak::before {
  3194. transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  3195. }
  3196. .button-ujarak:hover {
  3197. transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
  3198. }
  3199. .button-ujarak:hover::before {
  3200. opacity: 1;
  3201. transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  3202. }
  3203. .button-zakaria {
  3204. transition: all .3s ease-in-out;
  3205. z-index: 1;
  3206. }
  3207. .button-zakaria::after {
  3208. position: absolute;
  3209. content: '';
  3210. top: 50%;
  3211. left: 50%;
  3212. width: 110%;
  3213. padding-bottom: 110%;
  3214. border-radius: 50%;
  3215. transform: translate3d(-50%, -50%, 0) scale(1);
  3216. transition: inherit;
  3217. pointer-events: none;
  3218. z-index: -1;
  3219. }
  3220. .button-zakaria:hover:after, .button-zakaria:active:after {
  3221. transform: translate3d(-50%, -50%, 0) scale(0);
  3222. }
  3223. .button-zakaria.button-default-outline:after, .button-zakaria.button-default-outline-2:after, .button-zakaria.button-default-outline-3:after {
  3224. background: #ffffff;
  3225. }
  3226. .button-sm {
  3227. padding: 1px 15px;
  3228. font-size: 12px;
  3229. line-height: 2;
  3230. }
  3231. @media (min-width: 768px) {
  3232. .button-sm {
  3233. padding: 6px 25px;
  3234. }
  3235. }
  3236. @media (min-width: 992px) {
  3237. .button-sm {
  3238. padding: 11px 30px;
  3239. }
  3240. }
  3241. .button-lg {
  3242. padding: 9px 25px;
  3243. font-size: 14px;
  3244. line-height: 2;
  3245. }
  3246. @media (min-width: 768px) {
  3247. .button-lg {
  3248. padding: 14px 45px;
  3249. }
  3250. }
  3251. @media (min-width: 992px) {
  3252. .button-lg {
  3253. padding: 19px 50px;
  3254. }
  3255. }
  3256. .button-xl {
  3257. padding: 6px 25px;
  3258. font-size: 16px;
  3259. line-height: 28px;
  3260. }
  3261. @media (min-width: 768px) {
  3262. .button-xl {
  3263. padding: 11px 45px;
  3264. }
  3265. }
  3266. @media (min-width: 992px) {
  3267. .button-xl {
  3268. padding: 16px 50px;
  3269. }
  3270. }
  3271. @media (min-width: 992px) {
  3272. .button-xl {
  3273. padding: 20px 80px;
  3274. }
  3275. }
  3276. .button-circle {
  3277. border-radius: 30px;
  3278. }
  3279. .button-round-1 {
  3280. border-radius: 5px;
  3281. }
  3282. .button-round-2 {
  3283. border-radius: 10px;
  3284. }
  3285. .button-icon {
  3286. display: inline-flex;
  3287. justify-content: center;
  3288. align-items: center;
  3289. vertical-align: middle;
  3290. }
  3291. .button-icon .icon {
  3292. position: relative;
  3293. display: inline-block;
  3294. color: inherit;
  3295. font-size: 14px;
  3296. line-height: 1;
  3297. }
  3298. .button-icon .mdi-email-outline {
  3299. font-size: 20px;
  3300. }
  3301. .button-icon-left .icon {
  3302. margin-right: 5px;
  3303. }
  3304. .button-icon-right {
  3305. flex-direction: row-reverse;
  3306. }
  3307. .button-icon-right .icon {
  3308. margin-left: 5px;
  3309. }
  3310. .button-icon-2 {
  3311. min-width: 40px;
  3312. padding-left: 5px;
  3313. padding-right: 5px;
  3314. font-size: 20px;
  3315. line-height: 28px;
  3316. border-radius: 50%;
  3317. }
  3318. @media (min-width: 768px) {
  3319. .button-icon-2 {
  3320. font-size: 24px;
  3321. min-width: 50px;
  3322. }
  3323. }
  3324. @media (min-width: 992px) {
  3325. .button-icon-2 {
  3326. min-width: 60px;
  3327. }
  3328. }
  3329. .button-icon-3 {
  3330. min-width: 30px;
  3331. padding-left: 3px;
  3332. padding-right: 3px;
  3333. font-size: 18px;
  3334. line-height: 24px;
  3335. border-radius: 50%;
  3336. }
  3337. .button-icon-3 span {
  3338. font-size: inherit;
  3339. vertical-align: middle;
  3340. }
  3341. @media (min-width: 768px) {
  3342. .button-icon-3 {
  3343. font-size: 22px;
  3344. min-width: 40px;
  3345. padding-left: 5px;
  3346. padding-right: 5px;
  3347. }
  3348. }
  3349. @media (min-width: 992px) {
  3350. .button-icon-3 {
  3351. min-width: 50px;
  3352. }
  3353. }
  3354. @-moz-document url-prefix() {
  3355. .button-icon-3 span {
  3356. vertical-align: baseline;
  3357. line-height: inherit;
  3358. }
  3359. }
  3360. .btn-primary {
  3361. border-radius: 3px;
  3362. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  3363. font-weight: 700;
  3364. letter-spacing: .05em;
  3365. text-transform: uppercase;
  3366. transition: .33s;
  3367. }
  3368. .btn-primary, .btn-primary:active, .btn-primary:focus {
  3369. color: #ffffff;
  3370. background: #0071dc;
  3371. border-color: #0071dc;
  3372. }
  3373. .btn-primary:hover {
  3374. color: #ffffff;
  3375. background: #000000;
  3376. border-color: #000000;
  3377. }
  3378. /** @section Forms */
  3379. .rd-form {
  3380. position: relative;
  3381. text-align: left;
  3382. }
  3383. .rd-form .button {
  3384. width: 100%;
  3385. }
  3386. .rd-form .button-icon-2 {
  3387. width: auto;
  3388. min-width: 50px;
  3389. }
  3390. .rd-form .row + .button {
  3391. margin-top: 30px;
  3392. }
  3393. @media (min-width: 576px) {
  3394. .rd-form .button {
  3395. width: auto;
  3396. }
  3397. }
  3398. @media (min-width: 768px) {
  3399. .rd-form .button-icon-2 {
  3400. min-width: 60px;
  3401. }
  3402. .rd-form .row + .button,
  3403. .rd-form .row + .group-1,
  3404. .rd-form .row + .group-middle {
  3405. margin-top: 60px;
  3406. }
  3407. }
  3408. @media (min-width: 1200px) {
  3409. .rd-form .button {
  3410. min-width: 190px;
  3411. }
  3412. .rd-form .button-icon-2 {
  3413. min-width: 60px;
  3414. }
  3415. }
  3416. .rd-form-text-center {
  3417. text-align: center;
  3418. }
  3419. .rd-form-text-center .form-input,
  3420. .rd-form-text-center .form-label {
  3421. text-align: inherit;
  3422. }
  3423. * + .rd-form {
  3424. margin-top: 20px;
  3425. }
  3426. @media (min-width: 768px) {
  3427. * + .rd-form {
  3428. margin-top: 30px;
  3429. }
  3430. }
  3431. input:-webkit-autofill ~ label,
  3432. input:-webkit-autofill ~ .form-validation {
  3433. color: #000000 !important;
  3434. }
  3435. .form-wrap {
  3436. position: relative;
  3437. }
  3438. .form-wrap.has-error .form-input {
  3439. border-color: #f5543f;
  3440. }
  3441. .form-wrap.has-focus .form-input {
  3442. border-color: #0071dc;
  3443. }
  3444. .form-wrap-recaptcha .form-validation {
  3445. top: 2px;
  3446. right: 5px;
  3447. bottom: auto;
  3448. }
  3449. .form-wrap + * {
  3450. margin-top: 20px;
  3451. }
  3452. .form-wrap + .button {
  3453. margin-top: 30px;
  3454. }
  3455. @media (min-width: 768px) {
  3456. .form-wrap + * {
  3457. margin-top: 30px;
  3458. }
  3459. .form-wrap + .button,
  3460. .form-wrap + .group-button-1 {
  3461. margin-top: 60px;
  3462. }
  3463. }
  3464. .form-input {
  3465. display: block;
  3466. width: 100%;
  3467. min-height: 50px;
  3468. padding: 10px 0;
  3469. font-size: 14px;
  3470. font-weight: 400;
  3471. line-height: 24px;
  3472. letter-spacing: .1em;
  3473. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  3474. color: #151515;
  3475. background-color: transparent;
  3476. background-image: none;
  3477. border-radius: 0;
  3478. -webkit-appearance: none;
  3479. transition: .3s ease-in-out;
  3480. border: 1px solid #e1e1e1;
  3481. border-width: 0 0 1px 0;
  3482. }
  3483. @media (min-width: 768px) {
  3484. .form-input {
  3485. font-size: 15px;
  3486. min-height: 60px;
  3487. padding: 17px 0;
  3488. }
  3489. }
  3490. .form-input:focus {
  3491. outline: 0;
  3492. }
  3493. textarea.form-input {
  3494. height: 114px;
  3495. min-height: 60px;
  3496. max-height: 194px;
  3497. resize: vertical;
  3498. }
  3499. textarea.textarea-lg {
  3500. height: 140px;
  3501. max-height: 238px;
  3502. }
  3503. .form-label,
  3504. .form-label-outside {
  3505. margin-bottom: 0;
  3506. color: #151515;
  3507. font-weight: 400;
  3508. }
  3509. .form-label {
  3510. position: absolute;
  3511. text-align: left;
  3512. top: 25px;
  3513. right: 0;
  3514. left: 0;
  3515. padding-left: 0;
  3516. padding-right: 0;
  3517. font-size: 14px;
  3518. font-weight: 400;
  3519. line-height: 24px;
  3520. letter-spacing: .1em;
  3521. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  3522. transform: translateY(-50%);
  3523. will-change: transform;
  3524. pointer-events: none;
  3525. transition: .25s;
  3526. z-index: 9;
  3527. }
  3528. @media (min-width: 768px) {
  3529. .form-label {
  3530. top: 30px;
  3531. font-size: 15px;
  3532. }
  3533. }
  3534. .form-label.focus {
  3535. opacity: 0;
  3536. }
  3537. .form-label.auto-fill {
  3538. color: #151515;
  3539. }
  3540. .form-label-outside {
  3541. width: 100%;
  3542. margin-bottom: 4px;
  3543. }
  3544. @media (min-width: 768px) {
  3545. .form-label-outside {
  3546. position: static;
  3547. }
  3548. .form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill {
  3549. transform: none;
  3550. }
  3551. }
  3552. [data-x-mode='true'] .form-label {
  3553. pointer-events: auto;
  3554. }
  3555. .form-validation {
  3556. position: absolute;
  3557. right: 0;
  3558. bottom: 2px;
  3559. z-index: 11;
  3560. margin-top: 0;
  3561. font-size: 9px;
  3562. font-weight: 400;
  3563. line-height: 12px;
  3564. letter-spacing: 0;
  3565. color: #f5543f;
  3566. transition: .3s;
  3567. }
  3568. .form-validation-left .form-validation {
  3569. right: auto;
  3570. left: 10px;
  3571. bottom: 5px;
  3572. }
  3573. #form-output-global {
  3574. position: fixed;
  3575. bottom: 30px;
  3576. left: 15px;
  3577. margin-right: 15px;
  3578. z-index: 2000;
  3579. visibility: hidden;
  3580. transform: translate3d(-500px, 0, 0);
  3581. transition: .3s all ease;
  3582. }
  3583. #form-output-global.active {
  3584. visibility: visible;
  3585. transform: translate3d(0, 0, 0);
  3586. }
  3587. @media (min-width: 576px) {
  3588. #form-output-global {
  3589. left: 30px;
  3590. }
  3591. }
  3592. .form-output {
  3593. position: absolute;
  3594. top: 100%;
  3595. left: 0;
  3596. font-size: 10px;
  3597. font-weight: 400;
  3598. line-height: 1.2;
  3599. margin-top: 2px;
  3600. transition: .3s;
  3601. opacity: 0;
  3602. visibility: hidden;
  3603. }
  3604. .form-output.active {
  3605. opacity: 1;
  3606. visibility: visible;
  3607. }
  3608. .form-output.error {
  3609. color: #f5543f;
  3610. }
  3611. .form-output.success {
  3612. color: #98bf44;
  3613. }
  3614. .recaptcha div {
  3615. display: block;
  3616. transform-origin: 0 0;
  3617. }
  3618. .recaptcha iframe {
  3619. display: block;
  3620. }
  3621. .radio .radio-custom,
  3622. .radio-inline .radio-custom,
  3623. .checkbox .checkbox-custom,
  3624. .checkbox-inline .checkbox-custom {
  3625. opacity: 0;
  3626. }
  3627. .radio .radio-custom, .radio .radio-custom-dummy,
  3628. .radio-inline .radio-custom,
  3629. .radio-inline .radio-custom-dummy,
  3630. .checkbox .checkbox-custom,
  3631. .checkbox .checkbox-custom-dummy,
  3632. .checkbox-inline .checkbox-custom,
  3633. .checkbox-inline .checkbox-custom-dummy {
  3634. position: absolute;
  3635. top: 3px;
  3636. left: 0;
  3637. width: 18px;
  3638. height: 18px;
  3639. outline: none;
  3640. cursor: pointer;
  3641. }
  3642. .radio .radio-custom-dummy,
  3643. .radio-inline .radio-custom-dummy,
  3644. .checkbox .checkbox-custom-dummy,
  3645. .checkbox-inline .checkbox-custom-dummy {
  3646. pointer-events: none;
  3647. background: #ffffff;
  3648. }
  3649. .radio .radio-custom-dummy::after,
  3650. .radio-inline .radio-custom-dummy::after,
  3651. .checkbox .checkbox-custom-dummy::after,
  3652. .checkbox-inline .checkbox-custom-dummy::after {
  3653. position: absolute;
  3654. opacity: 0;
  3655. transition: .22s;
  3656. }
  3657. .radio .radio-custom:focus,
  3658. .radio-inline .radio-custom:focus,
  3659. .checkbox .checkbox-custom:focus,
  3660. .checkbox-inline .checkbox-custom:focus {
  3661. outline: none;
  3662. }
  3663. .radio input,
  3664. .radio-inline input,
  3665. .checkbox input,
  3666. .checkbox-inline input {
  3667. position: absolute;
  3668. width: 1px;
  3669. height: 1px;
  3670. padding: 0;
  3671. margin: -1px;
  3672. overflow: hidden;
  3673. clip: rect(0, 0, 0, 0);
  3674. white-space: nowrap;
  3675. border: 0;
  3676. }
  3677. .radio-custom:checked + .radio-custom-dummy:after,
  3678. .checkbox-custom:checked + .checkbox-custom-dummy:after {
  3679. opacity: 1;
  3680. }
  3681. .radio,
  3682. .radio-inline {
  3683. position: relative;
  3684. text-align: left;
  3685. padding-left: 30px;
  3686. font-size: 15px;
  3687. line-height: 1.72;
  3688. letter-spacing: .025em;
  3689. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  3690. color: #9b9b9b;
  3691. cursor: pointer;
  3692. }
  3693. .radio .radio-custom,
  3694. .radio .radio-custom-dummy,
  3695. .radio-inline .radio-custom,
  3696. .radio-inline .radio-custom-dummy {
  3697. top: 2px;
  3698. left: 0;
  3699. width: 21px;
  3700. height: 21px;
  3701. margin: 0;
  3702. border: 1px solid #e1e1e1;
  3703. border-radius: 3px;
  3704. }
  3705. .radio .radio-custom::after,
  3706. .radio .radio-custom-dummy::after,
  3707. .radio-inline .radio-custom::after,
  3708. .radio-inline .radio-custom-dummy::after {
  3709. content: '\f222';
  3710. font-family: "Material Design Icons";
  3711. position: absolute;
  3712. top: 0;
  3713. left: 0;
  3714. font-size: 20px;
  3715. line-height: 1;
  3716. color: #151515;
  3717. }
  3718. .checkbox,
  3719. .checkbox-inline {
  3720. position: relative;
  3721. text-align: left;
  3722. padding-left: 30px;
  3723. font-size: 15px;
  3724. line-height: 1.72;
  3725. letter-spacing: .025em;
  3726. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  3727. color: #9b9b9b;
  3728. cursor: pointer;
  3729. }
  3730. .checkbox .checkbox-custom,
  3731. .checkbox .checkbox-custom-dummy,
  3732. .checkbox-inline .checkbox-custom,
  3733. .checkbox-inline .checkbox-custom-dummy {
  3734. top: 2px;
  3735. left: 0;
  3736. width: 21px;
  3737. height: 21px;
  3738. margin: 0;
  3739. border: 1px solid #e1e1e1;
  3740. border-radius: 3px;
  3741. }
  3742. .checkbox .checkbox-custom::after,
  3743. .checkbox .checkbox-custom-dummy::after,
  3744. .checkbox-inline .checkbox-custom::after,
  3745. .checkbox-inline .checkbox-custom-dummy::after {
  3746. content: '\f222';
  3747. font-family: "Material Design Icons";
  3748. position: absolute;
  3749. top: 0;
  3750. left: 0;
  3751. font-size: 20px;
  3752. line-height: 1;
  3753. color: #151515;
  3754. }
  3755. * + .checkbox-inline {
  3756. margin-top: 30px;
  3757. }
  3758. .checkbox-inline + .group-button-1 {
  3759. margin-top: 30px;
  3760. }
  3761. @media (min-width: 768px) {
  3762. .checkbox-inline + .group-button-1 {
  3763. margin-top: 60px;
  3764. }
  3765. }
  3766. .toggle-custom {
  3767. padding-left: 60px;
  3768. -webkit-appearance: none;
  3769. }
  3770. .toggle-custom:checked ~ .checkbox-custom-dummy::after {
  3771. background: #0071dc;
  3772. transform: translate(20px, -50%);
  3773. }
  3774. .toggle-custom ~ .checkbox-custom-dummy {
  3775. position: relative;
  3776. display: inline-block;
  3777. margin-top: -1px;
  3778. width: 44px;
  3779. height: 20px;
  3780. background: transparent;
  3781. cursor: pointer;
  3782. }
  3783. .toggle-custom ~ .checkbox-custom-dummy::after {
  3784. content: '';
  3785. position: absolute;
  3786. display: inline-block;
  3787. width: 16px;
  3788. height: 16px;
  3789. left: 0;
  3790. top: 50%;
  3791. background: #b7b7b7;
  3792. transform: translate(4px, -50%);
  3793. opacity: 1;
  3794. transition: .22s;
  3795. }
  3796. .rd-form-inline {
  3797. display: flex;
  3798. flex-wrap: wrap;
  3799. flex-direction: column;
  3800. align-items: stretch;
  3801. text-align: center;
  3802. margin-bottom: -20px;
  3803. margin-left: -30px;
  3804. }
  3805. .rd-form-inline:empty {
  3806. margin-bottom: 0;
  3807. margin-left: 0;
  3808. }
  3809. .rd-form-inline > * {
  3810. display: inline-block;
  3811. margin-top: 0;
  3812. margin-bottom: 20px;
  3813. margin-left: 30px;
  3814. }
  3815. .rd-form-inline > * {
  3816. margin-top: 0;
  3817. }
  3818. .rd-form-inline .form-wrap {
  3819. flex-grow: 1;
  3820. min-width: 185px;
  3821. }
  3822. .rd-form-inline .form-wrap-select {
  3823. text-align: left;
  3824. }
  3825. .rd-form-inline .form-button {
  3826. flex-shrink: 0;
  3827. min-height: 50px;
  3828. }
  3829. .rd-form-inline .form-button .button {
  3830. padding-top: 9px;
  3831. padding-bottom: 9px;
  3832. min-height: inherit;
  3833. }
  3834. @media (max-width: 575.98px) {
  3835. .rd-form-inline .form-input,
  3836. .rd-form-inline .form-label {
  3837. text-align: center;
  3838. }
  3839. }
  3840. @media (min-width: 576px) {
  3841. .rd-form-inline {
  3842. flex-direction: row;
  3843. }
  3844. .rd-form-inline .button {
  3845. display: block;
  3846. }
  3847. }
  3848. @media (min-width: 768px) {
  3849. .rd-form-inline .form-button {
  3850. min-height: 60px;
  3851. }
  3852. .rd-form-inline .form-button .button {
  3853. padding-top: 14px;
  3854. padding-bottom: 14px;
  3855. }
  3856. }
  3857. @media (min-width: 992px) {
  3858. .rd-form-inline .form-button .button-lg {
  3859. padding-top: 19px;
  3860. padding-bottom: 19px;
  3861. }
  3862. }
  3863. @media (min-width: 1200px) {
  3864. .rd-form-inline {
  3865. margin-left: -46px;
  3866. }
  3867. .rd-form-inline > * {
  3868. margin-left: 46px;
  3869. }
  3870. }
  3871. .rd-form-inline-2 {
  3872. margin-left: -15px;
  3873. }
  3874. .rd-form-inline-2 > * {
  3875. margin-left: 15px;
  3876. }
  3877. @media (min-width: 992px) {
  3878. .rd-form-inline-2 {
  3879. flex-wrap: nowrap;
  3880. }
  3881. }
  3882. .form-sm .form-input,
  3883. .form-sm .button {
  3884. padding-top: 9px;
  3885. padding-bottom: 9px;
  3886. min-height: 45px;
  3887. }
  3888. .form-sm .form-validation {
  3889. top: -16px;
  3890. }
  3891. .form-sm .form-label {
  3892. top: 22.5px;
  3893. }
  3894. .form-sm * + .button {
  3895. margin-top: 10px;
  3896. }
  3897. @media (min-width: 992px) {
  3898. .form-lg .form-input,
  3899. .form-lg .form-label {
  3900. font-size: 18px;
  3901. font-weight: 300;
  3902. letter-spacing: .05em;
  3903. }
  3904. .form-lg .form-input {
  3905. min-height: 70px;
  3906. padding-top: 22px;
  3907. padding-bottom: 22px;
  3908. }
  3909. .form-lg .form-label {
  3910. top: 35px;
  3911. }
  3912. }
  3913. .rd-form-coupon {
  3914. margin-bottom: -16px;
  3915. margin-left: -16px;
  3916. }
  3917. .rd-form-coupon:empty {
  3918. margin-bottom: 0;
  3919. margin-left: 0;
  3920. }
  3921. .rd-form-coupon > * {
  3922. display: inline-block;
  3923. margin-top: 0;
  3924. margin-bottom: 16px;
  3925. margin-left: 16px;
  3926. }
  3927. .rd-form-coupon .form-input,
  3928. .rd-form-coupon .form-label {
  3929. padding-left: 25px;
  3930. padding-right: 25px;
  3931. font-size: 15px;
  3932. font-weight: 400;
  3933. letter-spacing: .05em;
  3934. font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  3935. }
  3936. .rd-form-coupon .form-input {
  3937. border-width: 1px;
  3938. border-radius: 6px;
  3939. }
  3940. @media (min-width: 992px) {
  3941. .rd-form-coupon .form-input {
  3942. min-height: 70px;
  3943. padding-top: 22px;
  3944. padding-bottom: 22px;
  3945. }
  3946. .rd-form-coupon .form-label {
  3947. top: 35px;
  3948. }
  3949. }
  3950. .form-style-1 {
  3951. position: relative;
  3952. overflow: hidden;
  3953. padding: 12% 10%;
  3954. }
  3955. .form-style-1 .rd-form {
  3956. max-width: 730px;
  3957. margin-left: auto;
  3958. margin-right: auto;
  3959. }
  3960. .form-style-1::before, .form-style-1::after {
  3961. position: absolute;
  3962. content: '';
  3963. border: solid #e1e1e1;
  3964. pointer-events: none;
  3965. }
  3966. .form-style-1::before {
  3967. top: 0;
  3968. left: 20px;
  3969. height: 100%;
  3970. width: calc( 100% - 40px);
  3971. border-width: 1px 0 1px 0;
  3972. }
  3973. .form-style-1::after {
  3974. left: 0;
  3975. top: 20px;
  3976. height: calc( 100% - 40px);
  3977. width: 100%;
  3978. border-width: 0 1px 0 1px;
  3979. }
  3980. .form-style-1 .form-style-decor-1,
  3981. .form-style-1 .form-style-decor-2 {
  3982. pointer-events: none;
  3983. }
  3984. .form-style-1 .form-style-decor-1::before, .form-style-1 .form-style-decor-1::after,
  3985. .form-style-1 .form-style-decor-2::before,
  3986. .form-style-1 .form-style-decor-2::after {
  3987. position: absolute;
  3988. content: '';
  3989. width: 40px;
  3990. height: 40px;
  3991. border: 1px solid #e1e1e1;
  3992. border-radius: 50%;
  3993. }
  3994. .form-style-1 .form-style-decor-1::before, .form-style-1 .form-style-decor-1::after {
  3995. top: 0;
  3996. }
  3997. .form-style-1 .form-style-decor-1::before {
  3998. left: 0;
  3999. transform: translate3d(-50%, -50%, 0);
  4000. }
  4001. .form-style-1 .form-style-decor-1::after {
  4002. right: 0;
  4003. transform: translate3d(50%, -50%, 0);
  4004. }
  4005. .form-style-1 .form-style-decor-2::before, .form-style-1 .form-style-decor-2::after {
  4006. bottom: 0;
  4007. }
  4008. .form-style-1 .form-style-decor-2::before {
  4009. left: 0;
  4010. transform: translate3d(-50%, 50%, 0);
  4011. }
  4012. .form-style-1 .form-style-decor-2::after {
  4013. right: 0;
  4014. transform: translate3d(50%, 50%, 0);
  4015. }
  4016. @media (min-width: 992px) {
  4017. .form-style-1 {
  4018. padding-top: 6%;
  4019. padding-bottom: 8%;
  4020. }
  4021. .form-style-1 * + .rd-form {
  4022. margin-top: 30px;
  4023. }
  4024. .form-style-1 * + .form-button {
  4025. margin-top: 50px;
  4026. }
  4027. }
  4028. @media (min-width: 1200px) {
  4029. .form-style-1 * + .rd-form {
  4030. margin-top: 50px;
  4031. }
  4032. .form-style-1 * + .form-button {
  4033. margin-top: 65px;
  4034. }
  4035. }
  4036. /** @section Posts */
  4037. .post-classic {
  4038. text-align: left;
  4039. }
  4040. .post-classic-figure {
  4041. display: block;
  4042. overflow: hidden;
  4043. }
  4044. .post-classic-figure img {
  4045. width: 100%;
  4046. transform: none;
  4047. will-change: transform;
  4048. transition: all .2s ease;
  4049. }
  4050. .post-classic-content {
  4051. padding: 15px;
  4052. background: #f9faf9;
  4053. }
  4054. .post-classic-title {
  4055. font-weight: 500;
  4056. }
  4057. * + .post-classic-title {
  4058. margin-top: 8px;
  4059. }
  4060. * + .post-classic-text {
  4061. margin-top: 6px;
  4062. }
  4063. @media (min-width: 768px) {
  4064. .post-classic-content {
  4065. padding: 25px 7% 30px;
  4066. }
  4067. .post-classic-text {
  4068. line-height: 1.74;
  4069. }
  4070. * + .post-classic-title {
  4071. margin-top: 14px;
  4072. }
  4073. * + .post-classic-text {
  4074. margin-top: 12px;
  4075. }
  4076. }
  4077. @media (min-width: 1200px) {
  4078. .post-classic-content {
  4079. padding: 34px 10% 45px;
  4080. }
  4081. * + .post-classic-title {
  4082. margin-top: 20px;
  4083. }
  4084. * + .post-classic-text {
  4085. margin-top: 18px;
  4086. }
  4087. }
  4088. @media (min-width: 992px) {
  4089. .desktop .post-classic:hover .post-classic-figure img {
  4090. transform: scale(1.1);
  4091. }
  4092. }
  4093. .bg-gray-1 .post-classic-content,
  4094. .bg-image-1 .post-classic-content {
  4095. background: #ffffff;
  4096. }
  4097. .post-modern,
  4098. .post-modern-1 {
  4099. text-align: left;
  4100. }
  4101. .post-modern-panel {
  4102. font-size: 0;
  4103. line-height: 0;
  4104. margin-left: -15px;
  4105. margin-right: -15px;
  4106. }
  4107. .post-modern-panel > * {
  4108. padding-left: 15px;
  4109. padding-right: 15px;
  4110. }
  4111. .post-modern-panel > * {
  4112. position: relative;
  4113. display: inline-block;
  4114. vertical-align: middle;
  4115. }
  4116. .post-modern-panel > * + * {
  4117. border-left: 1px solid #e1e1e1;
  4118. }
  4119. .post-modern-tag {
  4120. position: relative;
  4121. display: inline-block;
  4122. font-size: 14px;
  4123. line-height: 1;
  4124. font-weight: 500;
  4125. letter-spacing: .05em;
  4126. text-transform: uppercase;
  4127. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4128. z-index: 1;
  4129. }
  4130. .post-modern-tag, .post-modern-tag:focus, .post-modern-tag:active {
  4131. color: #151515;
  4132. }
  4133. .post-modern-tag:hover {
  4134. color: #151515;
  4135. }
  4136. .post-modern-tag::before {
  4137. position: absolute;
  4138. content: '';
  4139. bottom: 0;
  4140. left: 0;
  4141. height: 4px;
  4142. width: 100%;
  4143. background: #fff669;
  4144. transition: inherit;
  4145. z-index: -1;
  4146. }
  4147. .post-modern-tag:hover::before {
  4148. height: 100%;
  4149. }
  4150. .post-modern-time {
  4151. font-size: 15px;
  4152. line-height: 1;
  4153. }
  4154. .post-modern-title {
  4155. font-weight: 500;
  4156. text-transform: none;
  4157. }
  4158. .post-modern-figure {
  4159. display: block;
  4160. overflow: hidden;
  4161. }
  4162. .post-modern-figure img {
  4163. width: 100%;
  4164. transform: none;
  4165. will-change: transform;
  4166. transition: all .3s ease;
  4167. }
  4168. .post-modern-link {
  4169. display: inline-block;
  4170. font-size: 14px;
  4171. line-height: 1;
  4172. font-weight: 500;
  4173. letter-spacing: .1em;
  4174. text-transform: uppercase;
  4175. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4176. }
  4177. .post-modern-link:hover {
  4178. color: #151515;
  4179. }
  4180. * + .post-modern-title {
  4181. margin-top: 15px;
  4182. }
  4183. * + .post-modern-figure {
  4184. margin-top: 20px;
  4185. }
  4186. * + .post-modern-text {
  4187. margin-top: 20px;
  4188. }
  4189. * + .post-modern-link {
  4190. margin-top: 15px;
  4191. }
  4192. @media (min-width: 768px) {
  4193. * + .post-modern-title {
  4194. margin-top: 20px;
  4195. }
  4196. * + .post-modern-figure {
  4197. margin-top: 30px;
  4198. }
  4199. * + .post-modern-text {
  4200. margin-top: 30px;
  4201. }
  4202. * + .post-modern-link {
  4203. margin-top: 22px;
  4204. }
  4205. }
  4206. @media (min-width: 992px) {
  4207. .post-modern-title {
  4208. max-width: 85%;
  4209. }
  4210. }
  4211. @media (min-width: 1200px) {
  4212. .post-modern-title {
  4213. max-width: 80%;
  4214. }
  4215. }
  4216. @media (min-width: 992px) {
  4217. .desktop .post-modern:hover .post-modern-figure img {
  4218. transform: scale(1.1);
  4219. }
  4220. }
  4221. .post-creative {
  4222. text-align: center;
  4223. }
  4224. .post-creative-figure {
  4225. display: block;
  4226. overflow: hidden;
  4227. }
  4228. .post-creative-figure img {
  4229. width: 100%;
  4230. transform: none;
  4231. will-change: transform;
  4232. transition: all .2s ease;
  4233. }
  4234. .post-creative-title {
  4235. line-height: 1.44;
  4236. font-weight: 500;
  4237. }
  4238. * + .post-creative-content {
  4239. margin-top: 10px;
  4240. }
  4241. * + .post-creative-time {
  4242. margin-top: 8px;
  4243. }
  4244. @media (min-width: 768px) {
  4245. * + .post-creative-content {
  4246. margin-top: 18px;
  4247. }
  4248. * + .post-creative-time {
  4249. margin-top: 12px;
  4250. }
  4251. }
  4252. @media (min-width: 1200px) {
  4253. * + .post-creative-content {
  4254. margin-top: 24px;
  4255. }
  4256. * + .post-creative-time {
  4257. margin-top: 15px;
  4258. }
  4259. }
  4260. @media (min-width: 1600px) {
  4261. .post-creative-content {
  4262. padding: 0 6%;
  4263. }
  4264. .rd-navbar-wrap {
  4265. height: 132px !important;
  4266. }
  4267. .rd-navbar-static .rd-navbar-dropdown {
  4268. padding: 40px 44px;
  4269. margin-left: -44px;
  4270. margin-top: 20px;
  4271. }
  4272. }
  4273. @media (min-width: 992px) {
  4274. .desktop .post-creative:hover .post-creative-figure img {
  4275. transform: scale(1.05);
  4276. }
  4277. }
  4278. .post-lisa {
  4279. text-align: left;
  4280. border-radius: 6px;
  4281. overflow: hidden;
  4282. box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.09);
  4283. }
  4284. .post-lisa-2 .post-lisa-tag::before {
  4285. background: #82e3d0;
  4286. }
  4287. .post-lisa-content {
  4288. padding: 15px;
  4289. }
  4290. .post-lisa-tag {
  4291. position: relative;
  4292. display: inline-block;
  4293. font-size: 14px;
  4294. line-height: 1;
  4295. font-weight: 500;
  4296. letter-spacing: .05em;
  4297. text-transform: uppercase;
  4298. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4299. z-index: 1;
  4300. }
  4301. .post-lisa-tag, .post-lisa-tag:focus, .post-lisa-tag:active {
  4302. color: #151515;
  4303. }
  4304. .post-lisa-tag:hover {
  4305. color: #151515;
  4306. }
  4307. .post-lisa-tag::before {
  4308. position: absolute;
  4309. content: '';
  4310. bottom: 0;
  4311. left: 0;
  4312. height: 4px;
  4313. width: 100%;
  4314. background: #fff669;
  4315. transition: inherit;
  4316. z-index: -1;
  4317. }
  4318. .post-lisa-tag:hover::before {
  4319. height: 100%;
  4320. }
  4321. .post-lisa-title {
  4322. font-weight: 500;
  4323. letter-spacing: .05em;
  4324. text-transform: none;
  4325. }
  4326. .post-lisa-figure {
  4327. display: block;
  4328. overflow: hidden;
  4329. }
  4330. .post-lisa-figure img {
  4331. width: 100%;
  4332. transform: none;
  4333. will-change: transform;
  4334. transition: all .2s ease;
  4335. }
  4336. * + .post-lisa-title {
  4337. margin-top: 7px;
  4338. }
  4339. * + .post-lisa-time {
  4340. margin-top: 9px;
  4341. }
  4342. @media (min-width: 768px) {
  4343. .post-lisa-content {
  4344. padding: 30px;
  4345. }
  4346. }
  4347. @media (min-width: 1200px) {
  4348. .post-lisa-content {
  4349. padding: 35px 65px;
  4350. }
  4351. }
  4352. @media (min-width: 992px) {
  4353. .desktop .post-lisa:hover .post-lisa-figure img {
  4354. transform: scale(1.05);
  4355. }
  4356. }
  4357. .post-nikki {
  4358. position: relative;
  4359. text-align: center;
  4360. }
  4361. .post-nikki-2 {
  4362. color: #ffffff;
  4363. }
  4364. .post-nikki-2 .post-nikki-title {
  4365. color: inherit;
  4366. }
  4367. .post-nikki-2 .post-nikki-title a:hover {
  4368. color: #ffe220;
  4369. }
  4370. .post-nikki-2 .post-nikki-time {
  4371. color: rgba(255, 255, 255, 0.75);
  4372. }
  4373. .post-nikki-figure {
  4374. display: block;
  4375. overflow: hidden;
  4376. }
  4377. .post-nikki-figure img {
  4378. width: 100%;
  4379. transform: none;
  4380. will-change: transform;
  4381. transition: all .2s ease;
  4382. }
  4383. .post-nikki-body {
  4384. display: flex;
  4385. align-items: flex-end;
  4386. position: absolute;
  4387. top: 0;
  4388. right: 0;
  4389. bottom: 0;
  4390. left: 0;
  4391. padding: 15px;
  4392. pointer-events: none;
  4393. z-index: 1;
  4394. }
  4395. .post-nikki-body::before {
  4396. position: absolute;
  4397. content: '';
  4398. top: 0;
  4399. right: 0;
  4400. bottom: 0;
  4401. left: 0;
  4402. background: linear-gradient(to bottom, rgba(89, 99, 108, 0.13) 0%, rgba(76, 89, 99, 0.25) 23%, rgba(73, 86, 97, 0.28) 28%, rgba(46, 64, 78, 0.53) 67%, rgba(36, 55, 70, 0.61) 82%, rgba(27, 47, 62, 0.71) 100%);
  4403. z-index: -1;
  4404. }
  4405. .post-nikki-body > * {
  4406. pointer-events: auto;
  4407. }
  4408. .post-nikki-title {
  4409. font-size: 16px;
  4410. line-height: 1.5;
  4411. color: #151515;
  4412. }
  4413. .post-nikki-title a, .post-nikki-title a:focus, .post-nikki-title a:active {
  4414. color: inherit;
  4415. }
  4416. .post-nikki-title a:hover {
  4417. color: #0071dc;
  4418. }
  4419. .post-nikki-title {
  4420. font-weight: 400;
  4421. letter-spacing: .05em;
  4422. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4423. }
  4424. * + .post-nikki-title {
  4425. margin-top: 8px;
  4426. }
  4427. @media (min-width: 768px) {
  4428. .post-nikki {
  4429. text-align: left;
  4430. }
  4431. .post-nikki .unit .post-nikki-figure {
  4432. width: 150px;
  4433. }
  4434. .post-nikki-body {
  4435. padding: 30px;
  4436. }
  4437. }
  4438. @media (min-width: 992px) {
  4439. .post-nikki .unit .post-nikki-figure {
  4440. width: 210px;
  4441. }
  4442. .post-nikki-title {
  4443. font-size: 22px;
  4444. }
  4445. * + .post-nikki-title {
  4446. margin-top: 14px;
  4447. }
  4448. }
  4449. @media (min-width: 1200px) {
  4450. .post-nikki .unit .post-nikki-figure {
  4451. width: auto;
  4452. }
  4453. .post-nikki-body {
  4454. padding: 12% 10%;
  4455. }
  4456. .post-nikki-title {
  4457. font-size: 24px;
  4458. }
  4459. }
  4460. @media (min-width: 992px) {
  4461. .desktop .post-nikki:hover .post-nikki-figure img {
  4462. transform: scale(1.05);
  4463. }
  4464. }
  4465. .post-minimal-figure {
  4466. display: block;
  4467. overflow: hidden;
  4468. }
  4469. .post-minimal-figure img {
  4470. will-change: transform;
  4471. transition: all .3s ease;
  4472. }
  4473. .post-minimal-title {
  4474. color: #151515;
  4475. }
  4476. .post-minimal-title a, .post-minimal-title a:focus, .post-minimal-title a:active {
  4477. color: inherit;
  4478. }
  4479. .post-minimal-title a:hover {
  4480. color: #0071dc;
  4481. }
  4482. .post-minimal-time {
  4483. color: #0071dc;
  4484. }
  4485. * + .post-minimal-time {
  4486. margin-top: 2px;
  4487. }
  4488. @media (min-width: 992px) {
  4489. .desktop .post-minimal-figure img {
  4490. width: 100%;
  4491. }
  4492. .desktop .post-minimal:hover .post-minimal-figure img {
  4493. transform: scale(1.05);
  4494. }
  4495. }
  4496. .single-post-bottom-panel {
  4497. padding-top: 30px;
  4498. border-top: 1px solid #e1e1e1;
  4499. }
  4500. .single-post-title {
  4501. text-transform: uppercase;
  4502. }
  4503. .single-post-title + .row {
  4504. margin-top: 30px;
  4505. }
  4506. * + .single-post-bottom-panel {
  4507. margin-top: 40px;
  4508. }
  4509. /** @section Quotes */
  4510. .quote-classic {
  4511. text-align: center;
  4512. }
  4513. .quote-classic-2 .quote-classic-text {
  4514. color: #151515;
  4515. }
  4516. .quote-classic-text {
  4517. position: relative;
  4518. padding-top: 40px;
  4519. font-weight: 400;
  4520. letter-spacing: .05em;
  4521. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4522. }
  4523. .quote-classic-text::before {
  4524. position: absolute;
  4525. top: 0;
  4526. left: 50%;
  4527. content: '\201C';
  4528. font-size: 60px;
  4529. line-height: 1.3;
  4530. font-weight: 700;
  4531. font-style: normal;
  4532. letter-spacing: 0;
  4533. font-family: "Kalam", cursive;
  4534. color: rgba(0, 113, 220, 0.22);
  4535. transform: translate3d(-50%, 0, 0);
  4536. }
  4537. .quote-classic-author {
  4538. padding-top: 14px;
  4539. font-size: 14px;
  4540. font-weight: 600;
  4541. letter-spacing: .1em;
  4542. text-transform: uppercase;
  4543. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4544. color: #0071dc;
  4545. border-top: 1px solid #e1e1e1;
  4546. }
  4547. * + .quote-classic {
  4548. margin-top: 20px;
  4549. }
  4550. * + .quote-classic-author {
  4551. margin-top: 16px;
  4552. }
  4553. .post-modern + .quote-classic {
  4554. margin-top: 20px;
  4555. }
  4556. .quote-classic + p {
  4557. margin-top: 26px;
  4558. }
  4559. @media (min-width: 768px) {
  4560. .quote-classic {
  4561. text-align: left;
  4562. }
  4563. .quote-classic-text {
  4564. padding-top: 0;
  4565. }
  4566. .quote-classic-text::before {
  4567. top: 8%;
  4568. left: -4px;
  4569. font-size: 80px;
  4570. transform: none;
  4571. }
  4572. .quote-classic-author {
  4573. padding-top: 24px;
  4574. }
  4575. .quote-classic-text,
  4576. .quote-classic-author {
  4577. padding-left: 58px;
  4578. }
  4579. * + .quote-classic {
  4580. margin-top: 34px;
  4581. }
  4582. * + .quote-classic-author {
  4583. margin-top: 22px;
  4584. }
  4585. .post-modern + .quote-classic {
  4586. margin-top: 40px;
  4587. }
  4588. .quote-classic + p {
  4589. margin-top: 36px;
  4590. }
  4591. }
  4592. .quote-classic-big {
  4593. text-align: center;
  4594. }
  4595. .quote-classic-big-text {
  4596. position: relative;
  4597. padding-top: 50px;
  4598. letter-spacing: .02em;
  4599. }
  4600. .quote-classic-big-text::before {
  4601. position: absolute;
  4602. top: 0;
  4603. left: 50%;
  4604. content: '\201C';
  4605. font-size: 60px;
  4606. line-height: 1.3;
  4607. font-weight: 700;
  4608. font-style: normal;
  4609. letter-spacing: 0;
  4610. font-family: "Kalam", cursive;
  4611. color: rgba(0, 113, 220, 0.22);
  4612. transform: translate3d(-50%, 0, 0);
  4613. }
  4614. * + .quote-classic-big {
  4615. margin-top: 20px;
  4616. }
  4617. @media (min-width: 768px) {
  4618. .quote-classic-big {
  4619. text-align: left;
  4620. }
  4621. .quote-classic-big-text {
  4622. padding-top: 0;
  4623. }
  4624. .quote-classic-big-text {
  4625. padding-left: 70px;
  4626. }
  4627. .quote-classic-big-text::before {
  4628. top: 8%;
  4629. left: -4px;
  4630. font-size: 80px;
  4631. transform: none;
  4632. }
  4633. * + .quote-classic-big {
  4634. margin-top: 34px;
  4635. }
  4636. }
  4637. @media (min-width: 1200px) {
  4638. .quote-classic-big-text {
  4639. line-height: 1.53;
  4640. }
  4641. }
  4642. .quote-modern {
  4643. text-align: center;
  4644. padding: 30px 15px;
  4645. border-radius: 10px;
  4646. box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.13);
  4647. background: #ffffff;
  4648. }
  4649. .quote-modern-2 {
  4650. border-radius: 60px;
  4651. }
  4652. .quote-modern-3 .quote-modern-status {
  4653. color: #ffe220;
  4654. }
  4655. .quote-modern-text {
  4656. position: relative;
  4657. padding-top: 40px;
  4658. font-size: 16px;
  4659. line-height: 1.44;
  4660. font-weight: 400;
  4661. letter-spacing: .02em;
  4662. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4663. }
  4664. .quote-modern-text::before {
  4665. position: absolute;
  4666. top: 0;
  4667. left: 50%;
  4668. content: '\201C';
  4669. font-size: 60px;
  4670. line-height: 1.3;
  4671. font-weight: 700;
  4672. font-style: normal;
  4673. letter-spacing: 0;
  4674. font-family: "Kalam", cursive;
  4675. color: rgba(0, 113, 220, 0.22);
  4676. transform: translate3d(-50%, 0, 0);
  4677. }
  4678. .quote-modern-figure img {
  4679. border-radius: 50%;
  4680. }
  4681. .quote-modern-author {
  4682. font-size: 14px;
  4683. font-weight: 600;
  4684. letter-spacing: .1em;
  4685. text-transform: uppercase;
  4686. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4687. color: #151515;
  4688. }
  4689. .quote-modern-status {
  4690. font-style: italic;
  4691. letter-spacing: .025em;
  4692. color: #0071dc;
  4693. }
  4694. .quote-modern-text + .unit {
  4695. margin-top: 20px;
  4696. }
  4697. @media (min-width: 768px) {
  4698. .quote-modern .unit {
  4699. display: inline-flex;
  4700. text-align: left;
  4701. }
  4702. }
  4703. @media (min-width: 992px) {
  4704. .quote-modern {
  4705. padding: 45px 30px;
  4706. }
  4707. .quote-modern-text {
  4708. padding-top: 65px;
  4709. font-size: 18px;
  4710. }
  4711. .quote-modern-text::before {
  4712. font-size: 100px;
  4713. }
  4714. .quote-modern-text + .unit {
  4715. margin-top: 30px;
  4716. }
  4717. }
  4718. @media (min-width: 1200px) {
  4719. .quote-modern {
  4720. padding: 60px 45px;
  4721. }
  4722. .quote-modern-2 {
  4723. padding: 70px 80px;
  4724. }
  4725. }
  4726. .quote-creative {
  4727. text-align: center;
  4728. padding: 30px 20px;
  4729. border-radius: 12px;
  4730. box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.09);
  4731. background: #ffffff;
  4732. }
  4733. .quote-creative-text {
  4734. position: relative;
  4735. font-size: 18px;
  4736. line-height: 2;
  4737. font-weight: 400;
  4738. letter-spacing: .05em;
  4739. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4740. color: #151515;
  4741. }
  4742. .quote-creative-rating {
  4743. font-size: 0;
  4744. line-height: 0;
  4745. }
  4746. .quote-creative-rating .icon {
  4747. font-size: 20px;
  4748. line-height: 1;
  4749. color: #ffcc00;
  4750. }
  4751. .quote-creative-figure img {
  4752. border-radius: 50%;
  4753. }
  4754. .quote-creative-author {
  4755. font-size: 14px;
  4756. font-weight: 600;
  4757. letter-spacing: .1em;
  4758. text-transform: uppercase;
  4759. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4760. color: #0071dc;
  4761. }
  4762. * + .quote-creative-rating {
  4763. margin-top: 10px;
  4764. }
  4765. .quote-creative-rating + .unit {
  4766. margin-top: 20px;
  4767. }
  4768. @media (min-width: 768px) {
  4769. .quote-creative {
  4770. text-align: left;
  4771. padding: 40px 30px;
  4772. }
  4773. .quote-creative-text {
  4774. font-size: 20px;
  4775. }
  4776. .quote-creative-rating .icon {
  4777. font-size: 24px;
  4778. }
  4779. * + .quote-creative-rating {
  4780. margin-top: 18px;
  4781. }
  4782. .quote-creative-rating + .unit {
  4783. margin-top: 35px;
  4784. }
  4785. }
  4786. @media (min-width: 1200px) {
  4787. .quote-creative {
  4788. padding: 50px 50px 60px;
  4789. }
  4790. .quote-creative-text {
  4791. font-size: 24px;
  4792. }
  4793. }
  4794. .quote-minimal-text {
  4795. font-size: 16px;
  4796. line-height: 2;
  4797. font-weight: 400;
  4798. letter-spacing: .02em;
  4799. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4800. }
  4801. .quote-minimal-figure img {
  4802. border-radius: 50%;
  4803. }
  4804. .quote-minimal-author {
  4805. font-size: 14px;
  4806. font-weight: 600;
  4807. letter-spacing: .1em;
  4808. text-transform: uppercase;
  4809. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4810. color: #151515;
  4811. }
  4812. .quote-minimal-status {
  4813. font-style: italic;
  4814. letter-spacing: .025em;
  4815. color: #0071dc;
  4816. }
  4817. * + .quote-minimal-author {
  4818. margin-top: 20px;
  4819. }
  4820. @media (min-width: 768px) {
  4821. .quote-minimal-text {
  4822. font-size: 18px;
  4823. }
  4824. }
  4825. .quote-carly {
  4826. text-align: center;
  4827. }
  4828. .quote-carly-1 {
  4829. max-width: 500px;
  4830. margin-left: auto;
  4831. margin-right: auto;
  4832. }
  4833. .quote-carly-text {
  4834. position: relative;
  4835. padding-top: 40px;
  4836. font-size: 16px;
  4837. line-height: 1.45;
  4838. font-weight: 400;
  4839. letter-spacing: .02em;
  4840. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4841. }
  4842. .quote-carly-text::before {
  4843. position: absolute;
  4844. top: 0;
  4845. left: 50%;
  4846. content: '\201C';
  4847. font-size: 60px;
  4848. line-height: 1.3;
  4849. font-weight: 700;
  4850. font-style: normal;
  4851. letter-spacing: 0;
  4852. font-family: "Kalam", cursive;
  4853. color: rgba(0, 113, 220, 0.22);
  4854. transform: translate3d(-50%, 0, 0);
  4855. }
  4856. .quote-carly-figure img {
  4857. border-radius: 50%;
  4858. }
  4859. .quote-carly-author {
  4860. font-size: 14px;
  4861. font-weight: 600;
  4862. letter-spacing: .1em;
  4863. text-transform: uppercase;
  4864. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  4865. color: #151515;
  4866. }
  4867. .quote-carly-status {
  4868. font-style: italic;
  4869. letter-spacing: .025em;
  4870. color: #0071dc;
  4871. }
  4872. * + .quote-carly-footer {
  4873. margin-top: 20px;
  4874. padding-top: 20px;
  4875. border-top: 1px solid #e1e1e1;
  4876. }
  4877. * + .quote-carly {
  4878. margin-top: 20px;
  4879. }
  4880. @media (min-width: 768px) {
  4881. .quote-carly {
  4882. text-align: left;
  4883. }
  4884. .quote-carly-text {
  4885. padding-top: 0;
  4886. font-size: 18px;
  4887. }
  4888. .quote-carly-text::before {
  4889. top: 6px;
  4890. left: 0;
  4891. font-size: 80px;
  4892. transform: none;
  4893. }
  4894. .quote-carly-footer,
  4895. .quote-carly-text {
  4896. padding-left: 60px;
  4897. }
  4898. * + .quote-carly-footer {
  4899. margin-top: 30px;
  4900. padding-top: 30px;
  4901. }
  4902. }
  4903. @media (min-width: 992px) {
  4904. .quote-carly-footer,
  4905. .quote-carly-text {
  4906. padding-left: 68px;
  4907. }
  4908. }
  4909. /** @section Thumbnail */
  4910. .thumbnail-classic {
  4911. position: relative;
  4912. text-align: center;
  4913. }
  4914. .thumbnail-classic-figure {
  4915. display: block;
  4916. }
  4917. .thumbnail-classic-figure img {
  4918. width: 100%;
  4919. }
  4920. .thumbnail-classic-caption {
  4921. padding: 15px;
  4922. background: #f9faf9;
  4923. }
  4924. .thumbnail-classic-title {
  4925. font-weight: 500;
  4926. letter-spacing: 0;
  4927. text-transform: uppercase;
  4928. }
  4929. .thumbnail-classic-tag,
  4930. .thumbnail-classic-price {
  4931. display: inline-block;
  4932. vertical-align: middle;
  4933. font-size: 15px;
  4934. line-height: 1;
  4935. color: #0071dc;
  4936. }
  4937. .thumbnail-classic-price {
  4938. font-weight: 700;
  4939. letter-spacing: 0;
  4940. }
  4941. .thumbnail-classic-tag {
  4942. font-weight: 600;
  4943. letter-spacing: .1em;
  4944. text-transform: uppercase;
  4945. }
  4946. .thumbnail-classic-button {
  4947. display: inline-block;
  4948. vertical-align: middle;
  4949. font-size: 0;
  4950. line-height: 0;
  4951. }
  4952. .thumbnail-classic-button .button {
  4953. text-align: center;
  4954. padding: 0;
  4955. width: 50px;
  4956. height: 50px;
  4957. font-size: 20px;
  4958. line-height: 46px;
  4959. border-radius: 50%;
  4960. }
  4961. .thumbnail-classic-button img {
  4962. display: none;
  4963. }
  4964. .thumbnail-classic-button + .thumbnail-classic-button {
  4965. margin-left: 16px;
  4966. }
  4967. * + .thumbnail-classic-button-wrap {
  4968. margin-top: 15px;
  4969. }
  4970. @media (min-width: 992px) {
  4971. .desktop .thumbnail-classic {
  4972. overflow: hidden;
  4973. }
  4974. .desktop .thumbnail-classic-caption {
  4975. display: flex;
  4976. align-items: center;
  4977. justify-content: center;
  4978. position: absolute;
  4979. top: 0;
  4980. right: 0;
  4981. bottom: 0;
  4982. left: 0;
  4983. background: transparent;
  4984. pointer-events: none;
  4985. z-index: 1;
  4986. }
  4987. .desktop .thumbnail-classic-caption::before {
  4988. position: absolute;
  4989. content: '';
  4990. top: 0;
  4991. right: 0;
  4992. bottom: 0;
  4993. left: 0;
  4994. background: rgba(255, 255, 255, 0.96);
  4995. transform: scale(0.8);
  4996. transition: all .3s ease;
  4997. opacity: 0;
  4998. z-index: -1;
  4999. }
  5000. .desktop .thumbnail-classic-caption > div {
  5001. pointer-events: auto;
  5002. }
  5003. .desktop .thumbnail-classic-title {
  5004. transform: translate3d(0, -30px, 0);
  5005. transition: all .4s ease;
  5006. opacity: 0;
  5007. }
  5008. .desktop .thumbnail-classic-tag,
  5009. .desktop .thumbnail-classic-price {
  5010. transform: translate3d(0, 30px, 0);
  5011. transition: all .4s ease;
  5012. opacity: 0;
  5013. }
  5014. .desktop .thumbnail-classic-button {
  5015. transition: all .4s ease;
  5016. opacity: 0;
  5017. }
  5018. .desktop .thumbnail-classic-button:nth-child(1) {
  5019. transform: translate3d(-40px, 40px, 0);
  5020. }
  5021. .desktop .thumbnail-classic-button:nth-child(2) {
  5022. transform: translate3d(40px, 40px, 0);
  5023. }
  5024. .desktop .thumbnail-classic:hover .thumbnail-classic-caption::before,
  5025. .desktop .thumbnail-classic:hover .thumbnail-classic-tag,
  5026. .desktop .thumbnail-classic:hover .thumbnail-classic-price,
  5027. .desktop .thumbnail-classic:hover .thumbnail-classic-title,
  5028. .desktop .thumbnail-classic:hover .thumbnail-classic-button {
  5029. transform: none;
  5030. opacity: 1;
  5031. }
  5032. .desktop * + .thumbnail-classic-button-wrap {
  5033. margin-top: 24px;
  5034. }
  5035. }
  5036. .mac-os .thumbnail-classic-button .button {
  5037. transform: rotate(0.0001deg);
  5038. }
  5039. .thumbnail-modern {
  5040. position: relative;
  5041. text-align: center;
  5042. }
  5043. .thumbnail-modern-figure {
  5044. display: block;
  5045. }
  5046. .thumbnail-modern-figure img {
  5047. width: 100%;
  5048. }
  5049. .thumbnail-modern-caption {
  5050. position: absolute;
  5051. right: 0;
  5052. bottom: 0;
  5053. left: 0;
  5054. padding: 5px;
  5055. background: rgba(255, 255, 255, 0.7);
  5056. }
  5057. .thumbnail-modern-title {
  5058. font-weight: 400;
  5059. letter-spacing: .05em;
  5060. text-transform: none;
  5061. }
  5062. .mobile .thumbnail-modern-title,
  5063. .tablet .thumbnail-modern-title {
  5064. font-size: 16px;
  5065. }
  5066. @media (min-width: 992px) {
  5067. .desktop .thumbnail-modern {
  5068. overflow: hidden;
  5069. }
  5070. .desktop .thumbnail-modern-caption {
  5071. display: flex;
  5072. align-items: center;
  5073. justify-content: center;
  5074. padding: 15px;
  5075. top: 0;
  5076. background: transparent;
  5077. pointer-events: none;
  5078. z-index: 1;
  5079. }
  5080. .desktop .thumbnail-modern-caption::before {
  5081. position: absolute;
  5082. content: '';
  5083. top: 0;
  5084. right: 0;
  5085. bottom: 0;
  5086. left: 0;
  5087. background: rgba(255, 255, 255, 0.83);
  5088. transform: scale(0.8);
  5089. transition: all .3s ease;
  5090. opacity: 0;
  5091. z-index: -1;
  5092. }
  5093. .desktop .thumbnail-modern-caption > div {
  5094. pointer-events: auto;
  5095. }
  5096. .desktop .thumbnail-modern-title {
  5097. transform: scale(1.5);
  5098. transition: all .4s ease;
  5099. opacity: 0;
  5100. }
  5101. .desktop .thumbnail-modern:hover .thumbnail-modern-caption::before,
  5102. .desktop .thumbnail-modern:hover .thumbnail-modern-title {
  5103. transform: none;
  5104. opacity: 1;
  5105. }
  5106. }
  5107. .thumbnail-minimal {
  5108. position: relative;
  5109. display: block;
  5110. overflow: hidden;
  5111. background: #0071dc;
  5112. }
  5113. .thumbnail-minimal:before {
  5114. position: absolute;
  5115. content: '';
  5116. top: 0;
  5117. left: 0;
  5118. width: 100%;
  5119. height: 100%;
  5120. background: rgba(255, 255, 255, 0.5);
  5121. transform: scale(2) rotate(45deg) translate3d(0, -100%, 0);
  5122. transition: transform .6s;
  5123. pointer-events: none;
  5124. z-index: 1;
  5125. }
  5126. .thumbnail-minimal img {
  5127. width: 100%;
  5128. will-change: transform;
  5129. transform: scale(1.05);
  5130. transition: all .3s;
  5131. }
  5132. .thumbnail-minimal:hover:before {
  5133. transform: scale(2) rotate(45deg) translate3d(0, 100%, 0);
  5134. }
  5135. .thumbnail-minimal:hover img {
  5136. transform: none;
  5137. opacity: .8;
  5138. }
  5139. /** @section Breadcrumbs */
  5140. .breadcrumbs-custom {
  5141. position: relative;
  5142. text-align: center;
  5143. }
  5144. .breadcrumbs-custom-body {
  5145. display: flex;
  5146. align-items: center;
  5147. min-height: 24.84375vw;
  5148. padding: 40px 0;
  5149. background-color: transparent;
  5150. background-position: center;
  5151. }
  5152. .breadcrumbs-custom-title {
  5153. text-shadow: 3px 9px 16px rgba(0, 0, 0, 0.18);
  5154. }
  5155. .breadcrumbs-custom-text {
  5156. max-width: 800px;
  5157. margin-left: auto;
  5158. margin-right: auto;
  5159. font-weight: 400;
  5160. letter-spacing: .025em;
  5161. }
  5162. .breadcrumbs-custom-footer {
  5163. padding: 15px 0;
  5164. background: #f9faf9;
  5165. }
  5166. .breadcrumbs-custom-path {
  5167. margin-left: -17px;
  5168. margin-right: -17px;
  5169. }
  5170. .breadcrumbs-custom-path > * {
  5171. padding-left: 17px;
  5172. padding-right: 17px;
  5173. }
  5174. .breadcrumbs-custom-path a {
  5175. display: inline;
  5176. }
  5177. .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
  5178. color: #777777;
  5179. }
  5180. .breadcrumbs-custom-path li {
  5181. position: relative;
  5182. display: inline-block;
  5183. vertical-align: middle;
  5184. font-size: 12px;
  5185. line-height: 2;
  5186. font-weight: 600;
  5187. letter-spacing: .13em;
  5188. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  5189. text-transform: uppercase;
  5190. }
  5191. .breadcrumbs-custom-path li::after {
  5192. display: inline-block;
  5193. position: absolute;
  5194. content: "";
  5195. top: 50%;
  5196. right: 0;
  5197. font-size: 14px;
  5198. line-height: 1.72;
  5199. font-family: "Material Design Icons";
  5200. color: #151515;
  5201. transform: translate3d(50%, -50%, 0);
  5202. }
  5203. .breadcrumbs-custom-path li:last-child:after {
  5204. display: none;
  5205. }
  5206. .breadcrumbs-custom-path a:hover,
  5207. .breadcrumbs-custom-path li.active {
  5208. color: #151515;
  5209. }
  5210. * + .breadcrumbs-custom-path {
  5211. margin-top: 14px;
  5212. }
  5213. @media (min-width: 576px) {
  5214. .breadcrumbs-custom-body {
  5215. padding: 70px 0;
  5216. }
  5217. }
  5218. @media (min-width: 768px) {
  5219. * + .breadcrumbs-custom-text {
  5220. margin-top: 20px;
  5221. }
  5222. }
  5223. @media (min-width: 992px) {
  5224. .breadcrumbs-custom-body {
  5225. padding: 100px 0;
  5226. }
  5227. * + .breadcrumbs-custom-text {
  5228. margin-top: 30px;
  5229. }
  5230. }
  5231. .ie-10 .breadcrumbs-custom-body,
  5232. .ie-11 .breadcrumbs-custom-body,
  5233. .ie-edge .breadcrumbs-custom-body {
  5234. height: 24.84375vw;
  5235. }
  5236. /** @section Pagination */
  5237. .pagination {
  5238. position: relative;
  5239. padding-left: 40px;
  5240. padding-right: 40px;
  5241. max-width: 870px;
  5242. margin-left: auto;
  5243. margin-right: auto;
  5244. align-items: center;
  5245. justify-content: center;
  5246. font-size: 0;
  5247. line-height: 0;
  5248. }
  5249. @media (min-width: 768px) {
  5250. .pagination {
  5251. padding-left: 70px;
  5252. padding-right: 70px;
  5253. }
  5254. }
  5255. .page-item {
  5256. display: inline-block;
  5257. vertical-align: middle;
  5258. text-align: center;
  5259. }
  5260. .page-link {
  5261. display: inline-block;
  5262. min-width: 24px;
  5263. padding: 0px 5px;
  5264. border: 0 solid transparent;
  5265. font-size: 18px;
  5266. line-height: 1.33333;
  5267. font-weight: 500;
  5268. letter-spacing: 0;
  5269. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  5270. transition: all 0.25s ease-in-out;
  5271. }
  5272. .page-link, .page-link:focus, .page-link:active {
  5273. color: #151515;
  5274. background-color: transparent;
  5275. }
  5276. .page-link:hover {
  5277. color: #0071dc;
  5278. background-color: transparent;
  5279. border-color: transparent;
  5280. }
  5281. .page-link:focus {
  5282. box-shadow: none;
  5283. }
  5284. .page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active {
  5285. color: #0071dc;
  5286. background-color: transparent;
  5287. border-color: transparent;
  5288. }
  5289. .page-item.disabled > .page-link {
  5290. color: rgba(21, 21, 21, 0.5);
  5291. }
  5292. .page-item.disabled > .page-link {
  5293. display: none;
  5294. }
  5295. .page-item-control {
  5296. position: absolute;
  5297. }
  5298. .page-item-control .icon::before {
  5299. font-family: "Material Design Icons";
  5300. font-size: 24px;
  5301. line-height: 24px;
  5302. }
  5303. .page-item-control:first-child {
  5304. left: 0;
  5305. }
  5306. .page-item-control:first-child .icon::before {
  5307. content: '\f14a';
  5308. margin-left: -1px;
  5309. }
  5310. @media (min-width: 768px) {
  5311. .page-item-control:first-child {
  5312. left: 30px;
  5313. }
  5314. }
  5315. .page-item-control:last-child {
  5316. right: 0;
  5317. }
  5318. .page-item-control:last-child .icon::before {
  5319. content: '\f14f';
  5320. margin-right: -1px;
  5321. }
  5322. @media (min-width: 768px) {
  5323. .page-item-control:last-child {
  5324. right: 30px;
  5325. }
  5326. }
  5327. * + .pagination-wrap {
  5328. margin-top: 30px;
  5329. }
  5330. @media (min-width: 768px) {
  5331. * + .pagination-wrap {
  5332. margin-top: 55px;
  5333. }
  5334. }
  5335. /** @section Snackbars */
  5336. .snackbars {
  5337. padding: 9px 16px;
  5338. margin-left: auto;
  5339. margin-right: auto;
  5340. color: #ffffff;
  5341. text-align: left;
  5342. background-color: #151515;
  5343. border-radius: 0;
  5344. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  5345. font-size: 14px;
  5346. }
  5347. .snackbars .icon-xxs {
  5348. font-size: 18px;
  5349. }
  5350. .snackbars p span:last-child {
  5351. padding-left: 14px;
  5352. }
  5353. .snackbars-left {
  5354. display: inline-block;
  5355. margin-bottom: 0;
  5356. }
  5357. .snackbars-right {
  5358. display: inline-block;
  5359. float: right;
  5360. text-transform: uppercase;
  5361. }
  5362. .snackbars-right:hover {
  5363. text-decoration: underline;
  5364. }
  5365. @media (min-width: 576px) {
  5366. .snackbars {
  5367. max-width: 540px;
  5368. padding: 12px 15px;
  5369. font-size: 15px;
  5370. }
  5371. }
  5372. /** @section Footers */
  5373. .footer-classic {
  5374. text-align: center;
  5375. letter-spacing: .025em;
  5376. background: #ffffff;
  5377. }
  5378. .footer-classic-2 {
  5379. background: #444a4d;
  5380. }
  5381. .footer-classic-2 .footer-classic-panel {
  5382. background: #31383b;
  5383. }
  5384. .footer-classic-panel {
  5385. text-align: center;
  5386. padding: 20px 0;
  5387. background: #f5f5f5;
  5388. }
  5389. .footer-classic-panel a, .footer-classic-panel a:focus, .footer-classic-panel a:active {
  5390. color: inherit;
  5391. }
  5392. .footer-classic-panel a:hover {
  5393. color: #0071dc;
  5394. }
  5395. .footer-classic-title {
  5396. font-weight: 600;
  5397. }
  5398. .list-schedule {
  5399. letter-spacing: 0;
  5400. }
  5401. .list-schedule li > * {
  5402. display: inline-block;
  5403. }
  5404. .list-schedule li > *:first-child {
  5405. color: #151515;
  5406. min-width: 75px;
  5407. }
  5408. .list-schedule li > * + * {
  5409. margin-left: 8px;
  5410. }
  5411. .footer-classic-social {
  5412. color: #151515;
  5413. letter-spacing: 0;
  5414. }
  5415. * + .footer-classic-social {
  5416. margin-top: 24px;
  5417. padding-top: 24px;
  5418. border-top: 1px solid #e1e1e1;
  5419. }
  5420. .contacts-creative {
  5421. letter-spacing: .05em;
  5422. color: #151515;
  5423. }
  5424. .contacts-creative a, .contacts-creative a:focus, .contacts-creative a:active {
  5425. color: inherit;
  5426. }
  5427. .contacts-creative a:hover {
  5428. color: #0071dc;
  5429. }
  5430. .contacts-creative .icon {
  5431. vertical-align: middle;
  5432. font-size: 18px;
  5433. line-height: 21px;
  5434. color: #0071dc;
  5435. }
  5436. .contacts-creative li + li {
  5437. margin-top: 12px;
  5438. }
  5439. @media (min-width: 768px) {
  5440. .contacts-creative .icon {
  5441. line-height: 24px;
  5442. }
  5443. .contacts-creative li + li {
  5444. margin-top: 18px;
  5445. }
  5446. }
  5447. * + .list-schedule {
  5448. margin-top: 12px;
  5449. }
  5450. .footer-classic-brand + * {
  5451. margin-top: 12px;
  5452. }
  5453. .footer-classic-title + * {
  5454. margin-top: 12px;
  5455. }
  5456. @media (min-width: 576px) {
  5457. * + .list-schedule {
  5458. margin-top: 20px;
  5459. }
  5460. .footer-classic-brand + * {
  5461. margin-top: 20px;
  5462. }
  5463. .footer-classic-title + * {
  5464. margin-top: 20px;
  5465. }
  5466. }
  5467. @media (min-width: 768px) {
  5468. .footer-classic {
  5469. text-align: left;
  5470. }
  5471. .footer-classic-panel {
  5472. text-align: left;
  5473. padding: 30px 0;
  5474. }
  5475. .list-schedule li > *:first-child {
  5476. min-width: 86px;
  5477. }
  5478. * + .list-schedule {
  5479. margin-top: 30px;
  5480. }
  5481. .footer-classic-brand + * {
  5482. margin-top: 30px;
  5483. }
  5484. .footer-classic-title + * {
  5485. margin-top: 30px;
  5486. }
  5487. }
  5488. @media (min-width: 992px) {
  5489. .footer-classic-title + * {
  5490. margin-top: 45px;
  5491. }
  5492. }
  5493. @media (min-width: 1200px) {
  5494. .footer-classic-panel {
  5495. padding: 40px 0;
  5496. }
  5497. }
  5498. .footer-classic .context-dark .button-primary:hover, .footer-classic .bg-gray-700 .button-primary:hover, .footer-classic .bg-gray-3 .button-primary:hover, .footer-classic .bg-brown-1 .button-primary:hover, .footer-classic .bg-sky-blue .button-primary:hover, .footer-classic .bg-primary .button-primary:hover, .footer-classic .context-dark .button-primary:active, .footer-classic .bg-gray-700 .button-primary:active, .footer-classic .bg-gray-3 .button-primary:active, .footer-classic .bg-brown-1 .button-primary:active, .footer-classic .bg-sky-blue .button-primary:active, .footer-classic .bg-primary .button-primary:active {
  5499. color: #0071dc;
  5500. background-color: #ffffff;
  5501. border-color: #ffffff;
  5502. }
  5503. .context-dark .list-schedule li > *:first-child, .bg-gray-700 .list-schedule li > *:first-child, .bg-gray-3 .list-schedule li > *:first-child, .bg-brown-1 .list-schedule li > *:first-child, .bg-sky-blue .list-schedule li > *:first-child, .bg-primary .list-schedule li > *:first-child,
  5504. .context-dark .contacts-creative,
  5505. .bg-gray-700 .contacts-creative,
  5506. .bg-gray-3 .contacts-creative,
  5507. .bg-brown-1 .contacts-creative,
  5508. .bg-sky-blue .contacts-creative,
  5509. .bg-primary .contacts-creative {
  5510. color: inherit;
  5511. }
  5512. .context-dark .footer-classic-social, .bg-gray-700 .footer-classic-social, .bg-gray-3 .footer-classic-social, .bg-brown-1 .footer-classic-social, .bg-sky-blue .footer-classic-social, .bg-primary .footer-classic-social {
  5513. color: inherit;
  5514. border-top-color: rgba(255, 255, 255, 0.2);
  5515. }
  5516. .footer-modern {
  5517. text-align: center;
  5518. background: #ffffff;
  5519. }
  5520. .footer-modern-2 {
  5521. background: #383d3f;
  5522. }
  5523. .footer-modern-2 .footer-modern-panel {
  5524. border-color: rgba(225, 225, 225, 0.2);
  5525. }
  5526. .footer-modern-title {
  5527. letter-spacing: .2em;
  5528. text-transform: uppercase;
  5529. }
  5530. .footer-modern-list {
  5531. text-align: left;
  5532. columns: 2;
  5533. break-inside: avoid;
  5534. -moz-column-gap: 20px;
  5535. -webkit-column-gap: 20px;
  5536. margin-bottom: -7px;
  5537. color: #151515;
  5538. }
  5539. .footer-modern-list > li {
  5540. text-indent: -20px;
  5541. padding-left: 20px;
  5542. transition: all .25s ease;
  5543. }
  5544. .footer-modern-list > li::before {
  5545. display: inline-block;
  5546. vertical-align: middle;
  5547. content: '';
  5548. height: 2px;
  5549. width: 10px;
  5550. margin-right: 10px;
  5551. background: #d7d7d7;
  5552. transition: inherit;
  5553. }
  5554. .footer-modern-list > li:hover a {
  5555. color: #0071dc;
  5556. }
  5557. .footer-modern-list > li {
  5558. margin-bottom: 7px;
  5559. }
  5560. .footer-modern-list a {
  5561. vertical-align: middle;
  5562. }
  5563. .footer-modern-list a, .footer-modern-list a:focus, .footer-modern-list a:active {
  5564. color: inherit;
  5565. }
  5566. .footer-modern-list a:hover {
  5567. color: #0071dc;
  5568. }
  5569. .footer-modern-title + * {
  5570. margin-top: 25px;
  5571. }
  5572. .footer-modern-panel {
  5573. padding: 20px 0;
  5574. border-top: 1px solid #e1e1e1;
  5575. }
  5576. @media (min-width: 576px) and (max-width: 767.98px) {
  5577. .footer-modern-list-2 {
  5578. columns: 1;
  5579. }
  5580. }
  5581. @media (min-width: 768px) {
  5582. .footer-modern {
  5583. text-align: left;
  5584. }
  5585. .footer-modern-list > li {
  5586. text-indent: -34px;
  5587. padding-left: 34px;
  5588. }
  5589. .footer-modern-list > li::before {
  5590. width: 17px;
  5591. margin-right: 17px;
  5592. }
  5593. .footer-modern-title + .row {
  5594. margin-top: 35px;
  5595. }
  5596. }
  5597. @media (min-width: 992px) {
  5598. .footer-modern-list {
  5599. -moz-column-gap: 30px;
  5600. -webkit-column-gap: 30px;
  5601. }
  5602. .footer-modern-panel {
  5603. padding: 30px 0;
  5604. }
  5605. }
  5606. @media (min-width: 1200px) {
  5607. .footer-modern-list {
  5608. max-width: 94%;
  5609. }
  5610. .footer-modern-list > li {
  5611. padding-right: 17px;
  5612. }
  5613. .footer-modern-list > li:hover {
  5614. padding-right: 0;
  5615. }
  5616. .footer-modern-list > li:hover::before {
  5617. width: 34px;
  5618. background: #0071dc;
  5619. }
  5620. .footer-modern-panel {
  5621. padding: 35px 0;
  5622. }
  5623. }
  5624. .context-dark .footer-modern-list, .bg-gray-700 .footer-modern-list, .bg-gray-3 .footer-modern-list, .bg-brown-1 .footer-modern-list, .bg-sky-blue .footer-modern-list, .bg-primary .footer-modern-list {
  5625. color: inherit;
  5626. }
  5627. .context-dark .footer-modern-list > li::before, .bg-gray-700 .footer-modern-list > li::before, .bg-gray-3 .footer-modern-list > li::before, .bg-brown-1 .footer-modern-list > li::before, .bg-sky-blue .footer-modern-list > li::before, .bg-primary .footer-modern-list > li::before {
  5628. background: rgba(255, 255, 255, 0.2);
  5629. }
  5630. .footer-creative {
  5631. text-align: center;
  5632. background-color: #ffffff;
  5633. }
  5634. .footer-creative .list-social {
  5635. color: inherit;
  5636. }
  5637. .footer-creative .rights {
  5638. letter-spacing: .025em;
  5639. }
  5640. .footer-creative .row + .row {
  5641. margin-top: 50px;
  5642. }
  5643. .footer-creative-2 {
  5644. background-image: url(../images/bg-pattern-3.jpg);
  5645. background-repeat: repeat;
  5646. background-size: auto;
  5647. background-color: #404147;
  5648. }
  5649. .footer-creative-2 .footer-creative-panel {
  5650. background-color: #333638;
  5651. }
  5652. .footer-creative-2 .list-social a:hover {
  5653. color: #ffffff;
  5654. }
  5655. .footer-creative-panel {
  5656. padding: 20px 0;
  5657. background-color: #f5f5f5;
  5658. }
  5659. .footer-creative-title {
  5660. display: inline-block;
  5661. padding: 0 15px;
  5662. line-height: 1;
  5663. font-weight: 600;
  5664. letter-spacing: .1em;
  5665. border: solid #0071dc;
  5666. border-width: 0 3px 0 3px;
  5667. }
  5668. .footer-creative-list {
  5669. font-size: 14px;
  5670. line-height: 2;
  5671. font-weight: 600;
  5672. letter-spacing: .1em;
  5673. text-transform: uppercase;
  5674. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  5675. color: #151515;
  5676. }
  5677. .footer-creative-list a, .footer-creative-list a:focus, .footer-creative-list a:active {
  5678. color: inherit;
  5679. }
  5680. .footer-creative-list a:hover {
  5681. color: #0071dc;
  5682. }
  5683. .footer-creative-list li + li {
  5684. margin-top: 10px;
  5685. }
  5686. .contacts-holly {
  5687. color: #151515;
  5688. }
  5689. .contacts-holly a, .contacts-holly a:focus, .contacts-holly a:active {
  5690. color: inherit;
  5691. }
  5692. .contacts-holly a:hover {
  5693. color: #0071dc;
  5694. }
  5695. .contacts-holly li + li {
  5696. margin-top: 20px;
  5697. }
  5698. .contacts-holly-title {
  5699. font-size: 12px;
  5700. letter-spacing: .05em;
  5701. text-transform: uppercase;
  5702. color: #777777;
  5703. }
  5704. * + .contacts-holly-text {
  5705. margin-top: 5px;
  5706. }
  5707. * + .footer-creative-clients {
  5708. margin-top: 20px;
  5709. }
  5710. .footer-creative-title + * {
  5711. margin-top: 20px;
  5712. }
  5713. @media (min-width: 768px) {
  5714. .footer-creative {
  5715. text-align: left;
  5716. }
  5717. .footer-creative .row + .row {
  5718. margin-top: 60px;
  5719. }
  5720. .footer-creative-title {
  5721. display: block;
  5722. padding-right: 0;
  5723. border-right-width: 0;
  5724. }
  5725. .footer-creative-list li + li {
  5726. margin-top: 20px;
  5727. }
  5728. .contacts-holly li + li {
  5729. margin-top: 30px;
  5730. }
  5731. .footer-creative-panel {
  5732. padding: 30px 0;
  5733. }
  5734. .footer-creative-title + * {
  5735. margin-top: 34px;
  5736. }
  5737. }
  5738. @media (min-width: 992px) {
  5739. .footer-creative .row + .row {
  5740. margin-top: 80px;
  5741. }
  5742. .footer-creative-panel {
  5743. padding: 40px 0;
  5744. }
  5745. }
  5746. @media (min-width: 1200px) {
  5747. .footer-creative .row + .row {
  5748. margin-top: 100px;
  5749. }
  5750. .footer-creative-panel {
  5751. padding: 50px 0;
  5752. }
  5753. }
  5754. .context-dark .contacts-holly, .bg-gray-700 .contacts-holly, .bg-gray-3 .contacts-holly, .bg-brown-1 .contacts-holly, .bg-sky-blue .contacts-holly, .bg-primary .contacts-holly,
  5755. .context-dark .footer-creative-list,
  5756. .bg-gray-700 .footer-creative-list,
  5757. .bg-gray-3 .footer-creative-list,
  5758. .bg-brown-1 .footer-creative-list,
  5759. .bg-sky-blue .footer-creative-list,
  5760. .bg-primary .footer-creative-list {
  5761. color: inherit;
  5762. }
  5763. .context-dark .contacts-holly-title, .bg-gray-700 .contacts-holly-title, .bg-gray-3 .contacts-holly-title, .bg-brown-1 .contacts-holly-title, .bg-sky-blue .contacts-holly-title, .bg-primary .contacts-holly-title {
  5764. color: rgba(255, 255, 255, 0.4);
  5765. }
  5766. .footer-corporate {
  5767. text-align: center;
  5768. background: #ffffff;
  5769. }
  5770. .footer-corporate * + .group-middle {
  5771. margin-top: 22px;
  5772. }
  5773. .footer-corporate-2 {
  5774. background: #f9f9f9;
  5775. }
  5776. .footer-corporate-2 .footer-corporate-panel {
  5777. background: #0071dc;
  5778. }
  5779. .footer-corporate-panel {
  5780. text-align: center;
  5781. padding: 20px 0;
  5782. background: #f5f5f5;
  5783. }
  5784. .footer-corporate-panel a, .footer-corporate-panel a:focus, .footer-corporate-panel a:active {
  5785. color: inherit;
  5786. }
  5787. .footer-corporate-panel a:hover {
  5788. color: #0071dc;
  5789. }
  5790. .footer-corporate-title {
  5791. letter-spacing: .1em;
  5792. text-transform: uppercase;
  5793. }
  5794. .footer-corporate-decor {
  5795. font-size: 0;
  5796. line-height: 0;
  5797. }
  5798. .footer-corporate-decor::before {
  5799. display: inline-block;
  5800. content: '';
  5801. width: 58px;
  5802. border-top: 3px solid red;
  5803. }
  5804. .footer-corporate-info {
  5805. text-align: center;
  5806. color: #000000;
  5807. }
  5808. .footer-corporate-info a, .footer-corporate-info a:focus, .footer-corporate-info a:active {
  5809. color: inherit;
  5810. }
  5811. .footer-corporate-info a:hover {
  5812. color: #0071dc;
  5813. }
  5814. .footer-corporate-info .icon {
  5815. text-align: left;
  5816. font-size: 30px;
  5817. min-width: 30px;
  5818. color: #0071dc;
  5819. }
  5820. .footer-corporate-info > li + li {
  5821. margin-top: 14px;
  5822. }
  5823. .footer-corporate-list {
  5824. margin-bottom: -6px;
  5825. color: #151515;
  5826. columns: 2;
  5827. break-inside: avoid;
  5828. -moz-column-gap: 30px;
  5829. -webkit-column-gap: 30px;
  5830. }
  5831. .footer-corporate-list > * {
  5832. margin-bottom: 6px;
  5833. }
  5834. .footer-corporate-list a, .footer-corporate-list a:focus, .footer-corporate-list a:active {
  5835. color: inherit;
  5836. }
  5837. .footer-corporate-list a:hover {
  5838. color: #0071dc;
  5839. }
  5840. * + .footer-corporate-decor {
  5841. margin-top: 12px;
  5842. }
  5843. .footer-corporate-decor + * {
  5844. margin-top: 20px;
  5845. }
  5846. @media (min-width: 768px) {
  5847. .footer-corporate {
  5848. text-align: left;
  5849. }
  5850. .footer-corporate-panel {
  5851. padding: 30px 0;
  5852. }
  5853. .footer-corporate-info {
  5854. text-align: left;
  5855. }
  5856. .footer-corporate-list {
  5857. margin-bottom: -9px;
  5858. max-width: 300px;
  5859. }
  5860. .footer-corporate-list > * {
  5861. margin-bottom: 9px;
  5862. }
  5863. .footer-corporate-info .icon {
  5864. font-size: 40px;
  5865. min-width: 40px;
  5866. }
  5867. .footer-corporate-info > li + li {
  5868. margin-top: 22px;
  5869. }
  5870. * + .footer-corporate-decor {
  5871. margin-top: 16px;
  5872. }
  5873. .footer-corporate-decor + * {
  5874. margin-top: 28px;
  5875. }
  5876. }
  5877. @media (min-width: 992px) and (max-width: 1199.98px) {
  5878. .footer-corporate .button {
  5879. padding-left: 15px;
  5880. padding-right: 15px;
  5881. }
  5882. }
  5883. @media (min-width: 1200px) {
  5884. .footer-corporate-panel {
  5885. padding: 45px 0;
  5886. }
  5887. }
  5888. .context-dark .footer-corporate-decor::before, .bg-gray-700 .footer-corporate-decor::before, .bg-gray-3 .footer-corporate-decor::before, .bg-brown-1 .footer-corporate-decor::before, .bg-sky-blue .footer-corporate-decor::before, .bg-primary .footer-corporate-decor::before {
  5889. border-color: #ffe220;
  5890. }
  5891. .context-dark .footer-corporate-info a:hover, .bg-gray-700 .footer-corporate-info a:hover, .bg-gray-3 .footer-corporate-info a:hover, .bg-brown-1 .footer-corporate-info a:hover, .bg-sky-blue .footer-corporate-info a:hover, .bg-primary .footer-corporate-info a:hover {
  5892. color: #ffe220;
  5893. }
  5894. .context-dark .footer-corporate-info .icon, .bg-gray-700 .footer-corporate-info .icon, .bg-gray-3 .footer-corporate-info .icon, .bg-brown-1 .footer-corporate-info .icon, .bg-sky-blue .footer-corporate-info .icon, .bg-primary .footer-corporate-info .icon {
  5895. color: rgba(255, 255, 255, 0.08);
  5896. }
  5897. .context-dark .footer-corporate-list, .bg-gray-700 .footer-corporate-list, .bg-gray-3 .footer-corporate-list, .bg-brown-1 .footer-corporate-list, .bg-sky-blue .footer-corporate-list, .bg-primary .footer-corporate-list {
  5898. color: inherit;
  5899. }
  5900. .context-dark .footer-corporate-list a:hover, .bg-gray-700 .footer-corporate-list a:hover, .bg-gray-3 .footer-corporate-list a:hover, .bg-brown-1 .footer-corporate-list a:hover, .bg-sky-blue .footer-corporate-list a:hover, .bg-primary .footer-corporate-list a:hover {
  5901. color: #ffe220;
  5902. }
  5903. .context-dark .footer-corporate-text, .bg-gray-700 .footer-corporate-text, .bg-gray-3 .footer-corporate-text, .bg-brown-1 .footer-corporate-text, .bg-sky-blue .footer-corporate-text, .bg-primary .footer-corporate-text {
  5904. color: rgba(255, 255, 255, 0.34);
  5905. }
  5906. .bg-default + .footer-corporate:not(.footer-corporate-2),
  5907. .bg-default + .footer-creative:not(.footer-creative-2),
  5908. .bg-default + .footer-modern:not(.footer-modern-2),
  5909. .bg-default + .footer-classic:not(.footer-classic-2) {
  5910. border-top: 1px solid #e1e1e1;
  5911. }
  5912. /** @section Products */
  5913. .product {
  5914. position: relative;
  5915. text-align: center;
  5916. padding: 20px 10px 30px;
  5917. max-width: 300px;
  5918. margin-left: auto;
  5919. margin-right: auto;
  5920. z-index: 1;
  5921. }
  5922. .product::before {
  5923. position: absolute;
  5924. content: '';
  5925. top: 0;
  5926. right: 0;
  5927. bottom: 0;
  5928. left: 0;
  5929. background: #ffffff;
  5930. border: 2px solid #f9f9f9;
  5931. border-radius: 6px;
  5932. pointer-events: none;
  5933. z-index: -1;
  5934. }
  5935. .product-2 .product-figure {
  5936. min-height: 220px;
  5937. }
  5938. .product-figure {
  5939. display: flex;
  5940. align-items: flex-end;
  5941. justify-content: center;
  5942. min-height: 180px;
  5943. }
  5944. .product-title {
  5945. font-weight: 500;
  5946. letter-spacing: 0;
  5947. }
  5948. .product-price {
  5949. display: inline-block;
  5950. vertical-align: middle;
  5951. font-size: 15px;
  5952. line-height: 1;
  5953. font-weight: 700;
  5954. letter-spacing: 0;
  5955. color: #0071dc;
  5956. }
  5957. .product-price-old {
  5958. font-weight: 400;
  5959. text-decoration: line-through;
  5960. color: rgba(21, 21, 21, 0.5);
  5961. }
  5962. .product-price-old + .product-price {
  5963. margin-left: 8px;
  5964. }
  5965. .product-badge {
  5966. display: inline-block;
  5967. position: absolute;
  5968. text-align: center;
  5969. top: 25px;
  5970. right: 15px;
  5971. padding: 5px 12px;
  5972. font-size: 14px;
  5973. line-height: 1;
  5974. font-weight: 600;
  5975. letter-spacing: .02em;
  5976. text-transform: uppercase;
  5977. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  5978. border-radius: 6px;
  5979. color: #ffffff;
  5980. z-index: 1;
  5981. }
  5982. .product-badge-new {
  5983. background: #93a6ab;
  5984. }
  5985. .product-badge-sale {
  5986. background: #f96666;
  5987. }
  5988. .product-button-wrap {
  5989. display: flex;
  5990. align-items: center;
  5991. justify-content: center;
  5992. }
  5993. .product-button .button {
  5994. text-align: center;
  5995. padding: 0;
  5996. width: 50px;
  5997. height: 50px;
  5998. font-size: 20px;
  5999. line-height: 46px;
  6000. border-radius: 50%;
  6001. }
  6002. .product-button + .product-button {
  6003. margin-left: 20px;
  6004. }
  6005. .box-rating {
  6006. font-size: 0;
  6007. line-height: 0;
  6008. }
  6009. .box-rating > * {
  6010. font-size: 19px;
  6011. color: #ffcc00;
  6012. vertical-align: middle;
  6013. }
  6014. * + .product-title {
  6015. margin-top: 20px;
  6016. }
  6017. * + .product-price-wrap {
  6018. margin-top: 0;
  6019. }
  6020. * + .product-button-wrap {
  6021. margin-top: 15px;
  6022. }
  6023. @media (min-width: 992px) and (max-width: 1199.98px) {
  6024. .product-3 .product-figure {
  6025. min-height: 180px;
  6026. }
  6027. }
  6028. @media (min-width: 992px) {
  6029. .product-2 .product-figure {
  6030. min-height: 240px;
  6031. }
  6032. .product-figure {
  6033. min-height: 200px;
  6034. }
  6035. }
  6036. @media (min-width: 992px) {
  6037. .desktop .product {
  6038. padding-bottom: 40px;
  6039. }
  6040. .desktop .product::before {
  6041. display: none;
  6042. }
  6043. .desktop .product-badge,
  6044. .desktop .product-body {
  6045. transition: all .2s ease;
  6046. }
  6047. .desktop .product-button-wrap {
  6048. align-items: flex-end;
  6049. position: absolute;
  6050. content: '';
  6051. top: 0;
  6052. right: 0;
  6053. bottom: 0;
  6054. left: 0;
  6055. padding: 20px 20px 40px;
  6056. background: #ffffff;
  6057. border-radius: 6px;
  6058. border: 2px solid #e1e1e1;
  6059. transition: all .2s ease;
  6060. z-index: -1;
  6061. }
  6062. .desktop .product-button {
  6063. opacity: 0;
  6064. transform: scale(0);
  6065. transition: all .15s ease;
  6066. will-change: transform;
  6067. }
  6068. .desktop .product:hover {
  6069. z-index: 2;
  6070. }
  6071. .desktop .product:hover .product-badge,
  6072. .desktop .product:hover .product-body {
  6073. transform: translate3d(0, -18px, 0);
  6074. }
  6075. .desktop .product:hover .product-button-wrap {
  6076. top: -18px;
  6077. bottom: -60px;
  6078. background: #ffffff;
  6079. box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);
  6080. }
  6081. .desktop .product:hover .product-button {
  6082. opacity: 1;
  6083. transform: none;
  6084. transition-duration: .3s;
  6085. }
  6086. .desktop .product:hover .product-button:nth-child(1) {
  6087. transition-delay: .1s;
  6088. }
  6089. .desktop .product:hover .product-button:nth-child(2) {
  6090. transition-delay: .25s;
  6091. }
  6092. .desktop * + .product-button-wrap {
  6093. margin-top: 0;
  6094. }
  6095. .desktop .bg-gray-1 .product-button-wrap,
  6096. .desktop .bg-image-1 .product-button-wrap {
  6097. background: #ffffff;
  6098. }
  6099. .desktop .bg-image-1 .product-button-wrap {
  6100. box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);
  6101. }
  6102. }
  6103. .bg-gray-1 .product::before,
  6104. .bg-image-1 .product::before {
  6105. background: #ffffff;
  6106. }
  6107. .bg-image-1 .product::before {
  6108. box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);
  6109. }
  6110. .mac-os .product-button .button {
  6111. transform: rotate(0.0001deg);
  6112. }
  6113. .product-wrap-1 {
  6114. padding: 30px 15px;
  6115. }
  6116. @media (min-width: 1200px) {
  6117. .product-wrap-1 {
  6118. padding: 40px;
  6119. }
  6120. }
  6121. .product-modern {
  6122. position: relative;
  6123. text-align: left;
  6124. overflow: hidden;
  6125. border-radius: 6px;
  6126. background: #ffffff;
  6127. box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
  6128. max-width: 300px;
  6129. margin-left: auto;
  6130. margin-right: auto;
  6131. }
  6132. .product-modern .product-badge {
  6133. top: 15px;
  6134. right: auto;
  6135. left: 15px;
  6136. }
  6137. .product-modern .unit-left {
  6138. display: flex;
  6139. align-items: stretch;
  6140. }
  6141. .product-modern .unit-body {
  6142. display: flex;
  6143. align-items: center;
  6144. }
  6145. .product-modern-figure {
  6146. display: flex;
  6147. align-items: center;
  6148. background: #f5f5f5;
  6149. }
  6150. .product-modern-figure img {
  6151. width: 100%;
  6152. }
  6153. .product-modern-body {
  6154. width: 100%;
  6155. padding: 20px 5% 20px 8%;
  6156. }
  6157. .product-modern-title {
  6158. font-weight: 500;
  6159. letter-spacing: .05em;
  6160. text-transform: none;
  6161. }
  6162. * + .product-modern-text {
  6163. margin-top: 12px;
  6164. }
  6165. .product-modern-title + .product-price-wrap {
  6166. margin-top: 4px;
  6167. }
  6168. .product-modern-text + .button {
  6169. margin-top: 20px;
  6170. }
  6171. @media (min-width: 576px) {
  6172. .product-modern {
  6173. max-width: none;
  6174. }
  6175. }
  6176. @media (min-width: 576px) and (max-width: 767.98px) {
  6177. .product-modern-figure img {
  6178. max-width: 230px;
  6179. }
  6180. }
  6181. @media (min-width: 768px) {
  6182. .product-modern .product-badge {
  6183. top: 20px;
  6184. left: 25px;
  6185. }
  6186. * + .product-modern-text {
  6187. margin-top: 18px;
  6188. }
  6189. .product-modern-text + .button {
  6190. margin-top: 30px;
  6191. }
  6192. }
  6193. @media (min-width: 992px) and (max-width: 1199.98px) {
  6194. .product-modern-figure img {
  6195. max-width: 230px;
  6196. }
  6197. }
  6198. .product-creative {
  6199. text-align: center;
  6200. }
  6201. .product-creative-title {
  6202. font-weight: 600;
  6203. letter-spacing: .05em;
  6204. }
  6205. .product-creative-price {
  6206. display: inline-block;
  6207. vertical-align: middle;
  6208. font-size: 18px;
  6209. line-height: 1;
  6210. font-weight: 700;
  6211. letter-spacing: 0;
  6212. color: #0071dc;
  6213. }
  6214. .product-creative-price-old {
  6215. color: #a3a3a3;
  6216. font-weight: 400;
  6217. text-decoration: line-through;
  6218. }
  6219. .product-creative-price-old + .product-creative-price {
  6220. margin-left: 8px;
  6221. }
  6222. * + .product-creative-title {
  6223. margin-top: 16px;
  6224. }
  6225. * + .product-creative-price-wrap {
  6226. margin-top: 6px;
  6227. }
  6228. .product-beth {
  6229. text-align: center;
  6230. }
  6231. .product-beth-badge {
  6232. font-size: 14px;
  6233. letter-spacing: .3em;
  6234. text-transform: uppercase;
  6235. color: #0071dc;
  6236. }
  6237. .product-beth-title {
  6238. font-weight: 500;
  6239. letter-spacing: .01em;
  6240. text-transform: capitalize;
  6241. }
  6242. .product-beth-subtitle {
  6243. font-weight: 500;
  6244. letter-spacing: .05em;
  6245. text-transform: none;
  6246. }
  6247. * + .product-beth-title {
  6248. margin-top: 14px;
  6249. }
  6250. * + .product-beth-subtitle {
  6251. margin-top: 14px;
  6252. }
  6253. @media (min-width: 768px) {
  6254. .product-beth {
  6255. text-align: left;
  6256. }
  6257. * + .product-beth-subtitle {
  6258. margin-top: 20px;
  6259. }
  6260. * + .product-beth-text {
  6261. margin-top: 20px;
  6262. }
  6263. .product-beth-text + .group-middle {
  6264. margin-top: 40px;
  6265. }
  6266. }
  6267. @media (min-width: 992px) {
  6268. * + .product-beth-subtitle {
  6269. margin-top: 20px;
  6270. }
  6271. * + .product-beth-text {
  6272. margin-top: 30px;
  6273. }
  6274. .product-beth-text + .group-middle {
  6275. margin-top: 50px;
  6276. }
  6277. }
  6278. .product-simple {
  6279. display: flex;
  6280. align-items: center;
  6281. overflow: hidden;
  6282. min-height: 100%;
  6283. color: #151515;
  6284. }
  6285. .product-simple .product-simple-figure {
  6286. padding: 0 20px;
  6287. }
  6288. .product-simple .unit {
  6289. flex-direction: column;
  6290. justify-content: flex-end;
  6291. max-width: 100%;
  6292. }
  6293. .product-simple .unit-body {
  6294. display: flex;
  6295. align-items: center;
  6296. justify-content: center;
  6297. width: 100%;
  6298. text-align: left;
  6299. padding: 15px 35px 35px;
  6300. z-index: 1;
  6301. }
  6302. .product-simple .unit-left {
  6303. flex-basis: 40%;
  6304. max-width: 40%;
  6305. }
  6306. .product-simple-bg-1 {
  6307. background: #f9f9f9;
  6308. }
  6309. .product-simple-bg-2 {
  6310. background: #f2f8fd;
  6311. }
  6312. .product-simple-bg-3 {
  6313. background: #f9f9f9;
  6314. }
  6315. .product-simple-bg-4 {
  6316. background: #f2f8fd;
  6317. }
  6318. .product-simple-button {
  6319. z-index: 1;
  6320. }
  6321. .product-simple-title {
  6322. color: rgba(21, 21, 21, 0.4);
  6323. }
  6324. .product-simple-title > * {
  6325. line-height: 1.2;
  6326. }
  6327. .product-simple-title-big {
  6328. letter-spacing: 0;
  6329. color: inherit;
  6330. font-size:15px
  6331. }
  6332. .product-simple-title-big:hover {
  6333. letter-spacing: 0;
  6334. color: red;
  6335. font-size:15px
  6336. }
  6337. .product-simple-title-small {
  6338. letter-spacing: .1em;
  6339. text-transform: uppercase;
  6340. }
  6341. .product-simple-price {
  6342. color: #000000;
  6343. line-height: 1.2;
  6344. letter-spacing: .025em;
  6345. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  6346. }
  6347. @media (min-width: 576px) {
  6348. .product-simple .unit-left {
  6349. flex-basis: 37%;
  6350. max-width: 37%;
  6351. }
  6352. }
  6353. @media (min-width: 768px) {
  6354. .product-simple .unit-body {
  6355. padding-left: 35px;
  6356. }
  6357. }
  6358. @media (min-width: 1200px) {
  6359. .product-simple .unit-left {
  6360. flex-basis: 50%;
  6361. max-width: 50%;
  6362. }
  6363. }
  6364. @media (min-width: 992px) {
  6365. .product-simple-figure img {
  6366. transform: translate3d(0, 0px, 0) scale(1);
  6367. transition: all .3s ease;
  6368. will-change: transform;
  6369. }
  6370. .product-simple-figure.offset img {
  6371. transform: translate3d(0, 60px, 0);
  6372. }
  6373. .product-simple:hover .product-simple-figure img {
  6374. transform: translate3d(0, 0px, 0) scale(1.05);
  6375. }
  6376. .product-simple:hover .product-simple-figure.offset img {
  6377. transform: translate3d(0, 60px, 0) scale(1.05);
  6378. }
  6379. .product-simple:hover .product-simple-button, .product-simple:hover .product-simple-button:focus {
  6380. color: #ffffff;
  6381. background-color: #0071dc;
  6382. border-color: #0071dc;
  6383. }
  6384. }
  6385. .product-dawn {
  6386. display: flex;
  6387. align-items: center;
  6388. overflow: hidden;
  6389. text-align: left;
  6390. min-height: 100%;
  6391. color: #151515;
  6392. }
  6393. .product-dawn .unit-body {
  6394. padding: 10px 10px 10px 20px;
  6395. }
  6396. .product-dawn .unit-left {
  6397. flex-basis: 40%;
  6398. max-width: 40%;
  6399. }
  6400. .product-dawn-bg-1 {
  6401. background: #fbfaee;
  6402. }
  6403. .product-dawn-bg-2 {
  6404. background: #e4eff0;
  6405. }
  6406. .product-dawn-bg-3 {
  6407. background: #ecf2df;
  6408. }
  6409. .product-dawn-bg-4 {
  6410. background: #e1edf2;
  6411. }
  6412. .product-dawn-button, .product-dawn-button:focus {
  6413. color: #ffe220;
  6414. background-color: #707475;
  6415. border-color: #707475;
  6416. }
  6417. .product-dawn-title {
  6418. color: rgba(21, 21, 21, 0.4);
  6419. }
  6420. .product-dawn-title > * {
  6421. color: inherit;
  6422. line-height: 1.2;
  6423. }
  6424. .product-dawn-title-big {
  6425. letter-spacing: .15em;
  6426. }
  6427. .product-dawn-title-small {
  6428. letter-spacing: .1em;
  6429. text-transform: uppercase;
  6430. }
  6431. .product-dawn-price {
  6432. line-height: 1.2;
  6433. letter-spacing: .025em;
  6434. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  6435. }
  6436. * + .product-dawn-price {
  6437. margin-top: 8px;
  6438. }
  6439. .product-dawn-price + .button {
  6440. margin-top: 14px;
  6441. }
  6442. @media (min-width: 576px) {
  6443. .product-dawn .unit-left {
  6444. flex-basis: 37%;
  6445. max-width: 37%;
  6446. }
  6447. }
  6448. @media (min-width: 768px) {
  6449. .product-dawn .unit-body {
  6450. padding-left: 30px;
  6451. }
  6452. * + .product-dawn-price {
  6453. margin-top: 14px;
  6454. }
  6455. .product-dawn-price + .button {
  6456. margin-top: 20px;
  6457. }
  6458. }
  6459. @media (min-width: 1200px) {
  6460. .product-dawn .unit-left {
  6461. flex-basis: 50%;
  6462. max-width: 50%;
  6463. }
  6464. * + .product-dawn-price {
  6465. margin-top: 26px;
  6466. }
  6467. .product-dawn-price + .button {
  6468. margin-top: 35px;
  6469. }
  6470. }
  6471. @media (min-width: 992px) {
  6472. .desktop .product-dawn-figure img {
  6473. transform: translate3d(-15px, 0, 0);
  6474. transition: all .3s ease;
  6475. will-change: transform;
  6476. }
  6477. .desktop .product-dawn:hover .product-dawn-figure img {
  6478. transform: none;
  6479. }
  6480. .desktop .product-dawn:hover .product-dawn-button, .desktop .product-dawn:hover .product-dawn-button:focus {
  6481. color: #ffffff;
  6482. background-color: #0071dc;
  6483. border-color: #0071dc;
  6484. }
  6485. }
  6486. .product-terri {
  6487. text-align: center;
  6488. max-width: 220px;
  6489. margin-left: auto;
  6490. margin-right: auto;
  6491. }
  6492. .product-terri-title {
  6493. letter-spacing: .15em;
  6494. }
  6495. .product-terri-price {
  6496. display: inline-block;
  6497. vertical-align: middle;
  6498. font-size: 18px;
  6499. line-height: 1;
  6500. font-weight: 700;
  6501. letter-spacing: 0;
  6502. color: #0071dc;
  6503. }
  6504. .product-terri-price-old {
  6505. font-weight: 400;
  6506. text-decoration: line-through;
  6507. color: rgba(21, 21, 21, 0.5);
  6508. }
  6509. .product-terri-price-old + .product-terri-price {
  6510. margin-left: 8px;
  6511. }
  6512. .product-terri-figure {
  6513. display: flex;
  6514. align-items: flex-end;
  6515. justify-content: center;
  6516. min-height: 160px;
  6517. }
  6518. * + .product-terri-price-wrap {
  6519. margin-top: 5px;
  6520. }
  6521. * + .product-terri-figure {
  6522. margin-top: 16px;
  6523. }
  6524. @media (min-width: 576px) {
  6525. .product-terri {
  6526. text-align: center;
  6527. max-width: none;
  6528. margin-left: 0;
  6529. margin-right: 0;
  6530. }
  6531. .product-terri-figure {
  6532. min-height: 260px;
  6533. }
  6534. }
  6535. @media (min-width: 1200px) {
  6536. .product-terri-figure {
  6537. min-height: 280px;
  6538. }
  6539. }
  6540. .product-minimal-figure {
  6541. display: block;
  6542. overflow: hidden;
  6543. background: #f5f5f5;
  6544. }
  6545. .product-minimal-figure img {
  6546. width: 100%;
  6547. will-change: transform;
  6548. transition: all .3s ease;
  6549. }
  6550. .product-minimal-title {
  6551. color: #151515;
  6552. }
  6553. .product-minimal-title a, .product-minimal-title a:focus, .product-minimal-title a:active {
  6554. color: inherit;
  6555. }
  6556. .product-minimal-title a:hover {
  6557. color: #0071dc;
  6558. }
  6559. .product-minimal-price {
  6560. line-height: 1;
  6561. letter-spacing: .025em;
  6562. color: #0071dc;
  6563. }
  6564. * + .product-minimal-price {
  6565. margin-top: 8px;
  6566. }
  6567. @media (min-width: 992px) {
  6568. .desktop .product-minimal:hover .product-minimal-figure img {
  6569. transform: scale(1.05);
  6570. }
  6571. }
  6572. .product-top-panel {
  6573. display: flex;
  6574. flex-wrap: wrap;
  6575. align-items: center;
  6576. justify-content: center;
  6577. color: #151515;
  6578. }
  6579. .product-view-link {
  6580. vertical-align: middle;
  6581. font-size: 24px;
  6582. line-height: 1;
  6583. }
  6584. .product-view-link, .product-view-link:focus, .product-view-link:active {
  6585. color: inherit;
  6586. }
  6587. .product-view-link:hover {
  6588. color: #0071dc;
  6589. }
  6590. .product-view-link.active {
  6591. color: #0071dc;
  6592. }
  6593. .product-top-panel + .row {
  6594. margin-top: 40px;
  6595. }
  6596. @media (min-width: 576px) {
  6597. .product-top-panel {
  6598. justify-content: space-between;
  6599. }
  6600. }
  6601. @media (min-width: 992px) {
  6602. .product-top-panel + .row {
  6603. margin-top: 55px;
  6604. }
  6605. }
  6606. .list-shop-filter .checkbox, .list-shop-filter .checkbox-inline {
  6607. font-size: 15px;
  6608. line-height: 1.6;
  6609. letter-spacing: .1em;
  6610. font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  6611. color: #151515;
  6612. }
  6613. .list-shop-filter li {
  6614. display: flex;
  6615. align-items: center;
  6616. justify-content: space-between;
  6617. }
  6618. .list-shop-filter li > span {
  6619. letter-spacing: .1em;
  6620. }
  6621. .list-shop-filter li + li {
  6622. margin-top: 12px;
  6623. }
  6624. * + .list-shop-filter {
  6625. margin-top: 24px;
  6626. }
  6627. @media (min-width: 1200px) {
  6628. .list-shop-filter .checkbox, .list-shop-filter .checkbox-inline {
  6629. padding-left: 40px;
  6630. }
  6631. }
  6632. .single-product {
  6633. text-align: left;
  6634. color: #151515;
  6635. }
  6636. .single-product .button {
  6637. min-width: 176px;
  6638. }
  6639. .single-product p + hr {
  6640. margin-top: 15px;
  6641. }
  6642. .single-product h3 + .group-middle {
  6643. margin-top: 20px;
  6644. }
  6645. .single-product hr + .group-middle {
  6646. margin-top: 20px;
  6647. }
  6648. .single-product .group-middle + p {
  6649. margin-top: 20px;
  6650. }
  6651. .single-product .group-middle + hr {
  6652. margin-top: 35px;
  6653. }
  6654. @media (min-width: 768px) {
  6655. .single-product .group-middle + p {
  6656. margin-top: 30px;
  6657. }
  6658. .single-product hr + .group-middle {
  6659. margin-top: 30px;
  6660. }
  6661. }
  6662. .single-product-price {
  6663. display: inline-block;
  6664. vertical-align: middle;
  6665. font-size: 24px;
  6666. line-height: 1;
  6667. font-weight: 500;
  6668. letter-spacing: .05em;
  6669. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  6670. color: #0071dc;
  6671. }
  6672. .single-product-rating .icon {
  6673. font-size: 25px;
  6674. color: #ffcc00;
  6675. }
  6676. .single-product-info .icon {
  6677. color: rgba(21, 21, 21, 0.1);
  6678. }
  6679. .list-description {
  6680. text-align: left;
  6681. letter-spacing: .025em;
  6682. }
  6683. .list-description li > * {
  6684. display: inline-block;
  6685. vertical-align: middle;
  6686. }
  6687. .list-description li span:first-child {
  6688. margin-right: 4px;
  6689. }
  6690. .list-description li span:last-child {
  6691. color: #777777;
  6692. }
  6693. .list-description li + li {
  6694. margin-top: 6px;
  6695. }
  6696. * + .list-description {
  6697. margin-top: 20px;
  6698. }
  6699. .list-description + .group-middle {
  6700. margin-top: 30px;
  6701. }
  6702. @media (min-width: 768px) {
  6703. * + .list-description {
  6704. margin-top: 30px;
  6705. }
  6706. }
  6707. .box-radio {
  6708. text-align: left;
  6709. padding: 28px 15px;
  6710. border: 1px solid #e1e1e1;
  6711. }
  6712. .radio-panel-content {
  6713. height: 0;
  6714. max-height: 0;
  6715. opacity: 0;
  6716. letter-spacing: .05em;
  6717. color: #9b9b9b;
  6718. }
  6719. .radio-panel .radio-inline {
  6720. font-size: 16px;
  6721. font-weight: 500;
  6722. letter-spacing: .1em;
  6723. text-transform: uppercase;
  6724. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  6725. color: #151515;
  6726. }
  6727. .radio-panel .radio-inline.active + .radio-panel-content {
  6728. opacity: 1;
  6729. height: 100%;
  6730. max-height: 100%;
  6731. transition: opacity .3s ease-out;
  6732. }
  6733. @media (min-width: 768px) {
  6734. .radio-panel .radio-custom,
  6735. .radio-panel .radio-custom-dummy {
  6736. top: 4px;
  6737. }
  6738. .radio-panel .radio-inline {
  6739. font-size: 18px;
  6740. }
  6741. }
  6742. .radio-panel-content {
  6743. letter-spacing: .025em;
  6744. }
  6745. * + .box-radio {
  6746. margin-top: 30px;
  6747. }
  6748. * + .radio-panel-content {
  6749. margin-top: 5px;
  6750. }
  6751. .radio-panel + .radio-panel {
  6752. margin-top: 22px;
  6753. }
  6754. @media (min-width: 576px) {
  6755. .box-radio {
  6756. padding-left: 26px;
  6757. padding-right: 26px;
  6758. }
  6759. }
  6760. @media (min-width: 768px) {
  6761. * + .box-radio {
  6762. margin-top: 40px;
  6763. }
  6764. }
  6765. @media (min-width: 992px) {
  6766. * + .box-radio {
  6767. margin-top: 50px;
  6768. }
  6769. }
  6770. .pricing-classic {
  6771. overflow: hidden;
  6772. max-width: 346px;
  6773. margin-left: auto;
  6774. margin-right: auto;
  6775. border-radius: 6px;
  6776. box-shadow: 3px 6px 6px 0 rgba(0, 0, 0, 0.11);
  6777. background: #f5f5f5;
  6778. }
  6779. .pricing-classic .product-badge {
  6780. position: static;
  6781. top: auto;
  6782. left: auto;
  6783. right: auto;
  6784. }
  6785. .pricing-classic .button-zakaria:after {
  6786. background: #f5f5f5;
  6787. }
  6788. .pricing-classic-sale .pricing-classic-caption {
  6789. padding-bottom: 40px;
  6790. }
  6791. .pricing-classic-figure {
  6792. width: 100%;
  6793. }
  6794. .pricing-classic-header {
  6795. position: relative;
  6796. }
  6797. .pricing-classic-caption {
  6798. display: flex;
  6799. align-items: center;
  6800. justify-content: center;
  6801. position: absolute;
  6802. top: 0;
  6803. right: 0;
  6804. bottom: 0;
  6805. left: 0;
  6806. padding: 15px;
  6807. }
  6808. .pricing-classic-title {
  6809. font-weight: 500;
  6810. letter-spacing: 0;
  6811. text-transform: none;
  6812. color: #ffffff;
  6813. }
  6814. .pricing-classic-price-wrap {
  6815. display: flex;
  6816. align-items: center;
  6817. justify-content: center;
  6818. margin-bottom: -10px;
  6819. margin-left: -10px;
  6820. }
  6821. .pricing-classic-price-wrap:empty {
  6822. margin-bottom: 0;
  6823. margin-left: 0;
  6824. }
  6825. .pricing-classic-price-wrap > * {
  6826. display: inline-block;
  6827. margin-top: 0;
  6828. margin-bottom: 10px;
  6829. margin-left: 10px;
  6830. }
  6831. .pricing-classic-price {
  6832. font-weight: 400;
  6833. letter-spacing: 0;
  6834. color: #ffffff;
  6835. }
  6836. .pricing-classic-price-old {
  6837. text-decoration: line-through;
  6838. }
  6839. .pricing-classic-body {
  6840. position: relative;
  6841. padding: 30px 15px;
  6842. }
  6843. .pricing-classic-body::before {
  6844. position: absolute;
  6845. content: '';
  6846. bottom: 100%;
  6847. left: 50%;
  6848. width: 0;
  6849. height: 0;
  6850. border-style: solid;
  6851. border-width: 0 11.5px 11px 11.5px;
  6852. border-color: transparent transparent #f5f5f5 transparent;
  6853. transform: translate3d(-50%, 0, 0);
  6854. }
  6855. .pricing-classic-list li span {
  6856. color: #151515;
  6857. }
  6858. .pricing-classic-list li + li {
  6859. margin-top: 13px;
  6860. }
  6861. * + .pricing-classic-title {
  6862. margin-top: 10px;
  6863. }
  6864. @media (min-width: 992px) {
  6865. .pricing-classic-body {
  6866. padding-top: 35px;
  6867. padding-bottom: 45px;
  6868. }
  6869. .pricing-classic-list + .button {
  6870. margin-top: 35px;
  6871. }
  6872. }
  6873. .clients-modern,
  6874. .clients-classic {
  6875. display: inline-block;
  6876. }
  6877. .clients-modern img,
  6878. .clients-classic img {
  6879. transition: all .25s ease;
  6880. }
  6881. .clients-modern img {
  6882. opacity: .4;
  6883. }
  6884. @media (min-width: 992px) {
  6885. .desktop .clients-classic:hover img {
  6886. opacity: .7;
  6887. }
  6888. .desktop .clients-modern:hover img {
  6889. opacity: 1;
  6890. }
  6891. }
  6892. .banner-classic {
  6893. position: relative;
  6894. display: block;
  6895. overflow: hidden;
  6896. background: #0071dc;
  6897. }
  6898. .banner-classic:before {
  6899. position: absolute;
  6900. content: '';
  6901. top: 0;
  6902. left: 0;
  6903. width: 100%;
  6904. height: 100%;
  6905. background: rgba(255, 255, 255, 0.5);
  6906. transform: scale(2) rotate(45deg) translate3d(0, -100%, 0);
  6907. transition: transform 0.6s;
  6908. pointer-events: none;
  6909. z-index: 1;
  6910. }
  6911. .banner-classic img {
  6912. width: 100%;
  6913. will-change: transform;
  6914. transform: scale(1.05);
  6915. transition: all .35s;
  6916. }
  6917. .banner-classic:hover:before {
  6918. transform: scale(2) rotate(45deg) translate3d(0, 100%, 0);
  6919. }
  6920. .banner-classic:hover img {
  6921. transform: none;
  6922. opacity: .8;
  6923. }
  6924. .banner-modern {
  6925. position: relative;
  6926. }
  6927. .banner-modern-figure {
  6928. display: block;
  6929. }
  6930. .banner-modern-figure + .banner-modern-figure {
  6931. margin-top: 30px;
  6932. }
  6933. .promo-classic {
  6934. text-align: center;
  6935. border: 10px solid #f3f7f8;
  6936. padding: 30px 15px 90px;
  6937. background-image: url(../images/dairy-farm/promo-1-1149x474.jpg);
  6938. background-position: 50% 100%;
  6939. background-repeat: no-repeat;
  6940. background-size: cover;
  6941. }
  6942. .promo-classic-title {
  6943. letter-spacing: .05em;
  6944. text-transform: none;
  6945. font-family: "Kalam", cursive;
  6946. color: #0071dc;
  6947. }
  6948. .promo-classic-text {
  6949. max-width: 700px;
  6950. margin-left: auto;
  6951. margin-right: auto;
  6952. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  6953. }
  6954. .promo-classic-title + .promo-classic-text {
  6955. margin-top: 16px;
  6956. }
  6957. .promo-classic-text + .button {
  6958. margin-top: 20px;
  6959. }
  6960. @media (min-width: 768px) {
  6961. .promo-classic {
  6962. padding: 40px 30px 120px;
  6963. }
  6964. }
  6965. @media (min-width: 992px) {
  6966. .promo-classic {
  6967. padding-top: 75px;
  6968. padding-bottom: 185px;
  6969. }
  6970. }
  6971. /** @section Team */
  6972. .team-classic {
  6973. text-align: center;
  6974. }
  6975. .team-classic-figure {
  6976. display: block;
  6977. overflow: hidden;
  6978. border-radius: 6px;
  6979. }
  6980. .team-classic-figure img {
  6981. width: 100%;
  6982. will-change: transform;
  6983. transform-origin: 50% 100%;
  6984. transition: all .3s ease;
  6985. }
  6986. .team-classic-name {
  6987. line-height: 1;
  6988. font-weight: 500;
  6989. letter-spacing: .1em;
  6990. }
  6991. .team-classic-name a {
  6992. position: relative;
  6993. display: inline-block;
  6994. z-index: 1;
  6995. }
  6996. .team-classic-name a, .team-classic-name a:focus, .team-classic-name a:active {
  6997. color: inherit;
  6998. }
  6999. .team-classic-name a:hover {
  7000. color: inherit;
  7001. }
  7002. .team-classic-name a::before {
  7003. position: absolute;
  7004. content: '';
  7005. bottom: 0;
  7006. left: 0;
  7007. height: 4px;
  7008. width: 100%;
  7009. background: #fff669;
  7010. transition: inherit;
  7011. z-index: -1;
  7012. }
  7013. .team-classic-name a:hover::before {
  7014. height: 100%;
  7015. }
  7016. * + .team-classic-name {
  7017. margin-top: 25px;
  7018. }
  7019. * + .team-classic-text {
  7020. margin-top: 10px;
  7021. }
  7022. * + .team-classic-list-social {
  7023. margin-top: 15px;
  7024. }
  7025. @media (min-width: 992px) {
  7026. .team-classic-name {
  7027. letter-spacing: .1em;
  7028. }
  7029. * + .team-classic-name {
  7030. margin-top: 35px;
  7031. }
  7032. * + .team-classic-text {
  7033. margin-top: 20px;
  7034. }
  7035. * + .team-classic-list-social {
  7036. margin-top: 25px;
  7037. }
  7038. }
  7039. @media (min-width: 992px) {
  7040. .desktop .team-classic:hover .team-classic-figure img {
  7041. transform: scale(1.05);
  7042. }
  7043. }
  7044. .team-modern {
  7045. text-align: center;
  7046. }
  7047. .team-modern-figure {
  7048. display: block;
  7049. overflow: hidden;
  7050. }
  7051. .team-modern-figure img {
  7052. width: 100%;
  7053. will-change: transform;
  7054. transform-origin: 50% 100%;
  7055. transition: all .3s ease;
  7056. }
  7057. .team-modern-name {
  7058. font-weight: 500;
  7059. letter-spacing: .02em;
  7060. }
  7061. * + .team-modern-name {
  7062. margin-top: 15px;
  7063. }
  7064. * + .team-modern-text {
  7065. margin-top: 5px;
  7066. }
  7067. * + .team-modern-list-social {
  7068. margin-top: 12px;
  7069. }
  7070. @media (min-width: 992px) {
  7071. * + .team-modern-name {
  7072. margin-top: 28px;
  7073. }
  7074. * + .team-modern-list-social {
  7075. margin-top: 22px;
  7076. }
  7077. }
  7078. @media (min-width: 992px) {
  7079. .desktop .team-modern:hover .team-modern-figure img {
  7080. transform: scale(1.05);
  7081. }
  7082. }
  7083. .team-creative {
  7084. text-align: center;
  7085. }
  7086. .team-creative-header {
  7087. position: relative;
  7088. display: inline-block;
  7089. max-width: 200px;
  7090. font-size: 0;
  7091. line-height: 0;
  7092. }
  7093. .team-creative-figure {
  7094. position: relative;
  7095. display: inline-block;
  7096. overflow: hidden;
  7097. border-radius: 50%;
  7098. border: 14px solid #ffffff;
  7099. z-index: 1;
  7100. }
  7101. .team-creative-figure img {
  7102. width: 100%;
  7103. will-change: transform;
  7104. transform-origin: 50% 100%;
  7105. transition: all .3s ease;
  7106. }
  7107. .team-creative-decor {
  7108. position: absolute;
  7109. content: '';
  7110. top: -6px;
  7111. right: -6px;
  7112. bottom: -6px;
  7113. left: -6px;
  7114. transform: rotate(37deg);
  7115. transition: all .3s ease;
  7116. pointer-events: none;
  7117. }
  7118. .team-creative-decor::before {
  7119. position: absolute;
  7120. content: '';
  7121. top: 100%;
  7122. left: 50%;
  7123. width: 0;
  7124. height: 0;
  7125. border-style: solid;
  7126. border-width: 29px 16.5px 0 16.5px;
  7127. border-color: #ffffff transparent transparent transparent;
  7128. transform: translate3d(-50%, 0, 0);
  7129. }
  7130. .team-creative-body {
  7131. transition: all .3s ease;
  7132. }
  7133. .team-creative-name {
  7134. font-weight: 600;
  7135. }
  7136. * + .team-creative-body {
  7137. margin-top: 16px;
  7138. }
  7139. * + .team-creative-text {
  7140. margin-top: 5px;
  7141. }
  7142. * + .team-creative-list-social {
  7143. margin-top: 15px;
  7144. }
  7145. @media (min-width: 992px) {
  7146. .team-creative-header {
  7147. max-width: 277px;
  7148. }
  7149. * + .team-creative-text {
  7150. margin-top: 10px;
  7151. }
  7152. * + .team-creative-list-social {
  7153. margin-top: 25px;
  7154. }
  7155. }
  7156. @media (min-width: 1200px) {
  7157. .team-creative-body {
  7158. padding: 0 40px;
  7159. }
  7160. }
  7161. @media (min-width: 992px) {
  7162. .desktop .team-creative:hover .team-creative-figure img {
  7163. transform: scale(1.05);
  7164. }
  7165. .desktop .team-creative:hover .team-creative-decor {
  7166. transform: none;
  7167. }
  7168. .desktop .team-creative:hover .team-creative-body {
  7169. transform: translate3d(0, 20px, 0);
  7170. }
  7171. }
  7172. .team-amy {
  7173. position: relative;
  7174. text-align: center;
  7175. }
  7176. .team-amy-figure {
  7177. display: block;
  7178. }
  7179. .team-amy-caption {
  7180. padding: 15px 15px;
  7181. border-top-left-radius: 6px;
  7182. border-top-right-radius: 6px;
  7183. background: #ffffff;
  7184. }
  7185. .team-amy-text {
  7186. display: none;
  7187. font-size: 18px;
  7188. line-height: 1.2;
  7189. letter-spacing: .025em;
  7190. font-family: "Kalam", cursive;
  7191. color: #a3a3a3;
  7192. }
  7193. .team-amy-name {
  7194. letter-spacing: .02em;
  7195. text-transform: uppercase;
  7196. }
  7197. .team-amy-status {
  7198. font-size: 12px;
  7199. line-height: 2;
  7200. font-weight: 600;
  7201. letter-spacing: .1em;
  7202. text-transform: uppercase;
  7203. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  7204. color: #0071dc;
  7205. }
  7206. * + .team-amy-list-social {
  7207. margin-top: 10px;
  7208. }
  7209. @media (min-width: 992px) {
  7210. .desktop .team-amy-caption {
  7211. position: absolute;
  7212. left: 50%;
  7213. bottom: 10%;
  7214. width: 62%;
  7215. min-width: 180px;
  7216. padding-top: 20px;
  7217. padding-bottom: 20px;
  7218. border-radius: 6px;
  7219. transform: translate3d(-50%, 30px, 0);
  7220. transition: all .3s ease;
  7221. visibility: hidden;
  7222. opacity: 0;
  7223. }
  7224. .desktop .team-amy-caption::before {
  7225. position: absolute;
  7226. content: '';
  7227. top: 0;
  7228. left: 50%;
  7229. width: 0;
  7230. height: 0;
  7231. border-style: solid;
  7232. border-width: 16px 0 16px 32px;
  7233. border-color: transparent transparent transparent #ffffff;
  7234. transform: translate3d(-50%, -50%, 0);
  7235. }
  7236. .desktop .team-amy-text {
  7237. display: block;
  7238. }
  7239. .desktop .team-amy:hover .team-amy-caption {
  7240. opacity: 1;
  7241. visibility: visible;
  7242. transform: translate3d(-50%, 0, 0);
  7243. }
  7244. }
  7245. .team-karen {
  7246. position: relative;
  7247. text-align: center;
  7248. max-width: 330px;
  7249. margin-left: auto;
  7250. margin-right: auto;
  7251. z-index: 1;
  7252. }
  7253. .team-karen-header {
  7254. position: relative;
  7255. padding: 0 7.58% 7.58%;
  7256. }
  7257. .team-karen-header svg {
  7258. position: absolute;
  7259. bottom: 0;
  7260. left: 0;
  7261. width: 100%;
  7262. fill: #f5f5f5;
  7263. transition: all .3s ease;
  7264. z-index: -1;
  7265. }
  7266. .team-karen-figure {
  7267. display: block;
  7268. padding: 0 5.719% 5.719%;
  7269. }
  7270. .team-karen-figure img {
  7271. width: 100%;
  7272. border-radius: 12px;
  7273. transition: all .3s ease;
  7274. }
  7275. .team-karen-body {
  7276. position: relative;
  7277. padding: 0 7.58% 20px;
  7278. }
  7279. .team-karen-body::before {
  7280. position: absolute;
  7281. content: '';
  7282. top: 0;
  7283. right: 0;
  7284. bottom: 0;
  7285. left: 0;
  7286. background: #f5f5f5;
  7287. border-bottom-left-radius: 12px;
  7288. border-bottom-right-radius: 12px;
  7289. border-bottom: 5px solid #0071dc;
  7290. transition: all .3s ease;
  7291. z-index: -1;
  7292. }
  7293. .team-karen-name {
  7294. font-weight: 500;
  7295. letter-spacing: .05em;
  7296. text-transform: none;
  7297. }
  7298. .team-karen-status {
  7299. color: #0071dc;
  7300. }
  7301. .team-karen-list-social {
  7302. color: rgba(21, 21, 21, 0.5);
  7303. }
  7304. .team-karen-list-social > li {
  7305. will-change: transform;
  7306. transition: all .25s ease;
  7307. }
  7308. * + .team-karen-status {
  7309. margin-top: 2px;
  7310. }
  7311. * + .team-karen-list-social {
  7312. margin-top: 8px;
  7313. }
  7314. @media (min-width: 768px) {
  7315. .team-karen-body {
  7316. padding-top: 2px;
  7317. padding-bottom: 40px;
  7318. }
  7319. * + .team-karen-list-social {
  7320. margin-top: 14px;
  7321. }
  7322. }
  7323. @media (min-width: 992px) {
  7324. .desktop .team-karen-body {
  7325. padding-bottom: 10px;
  7326. }
  7327. .desktop .team-karen-list-social > li {
  7328. opacity: 0;
  7329. visibility: hidden;
  7330. transform: rotateY(90deg);
  7331. }
  7332. .desktop .team-karen:hover .team-karen-figure img {
  7333. transform: translate3d(0, -14px, 0);
  7334. }
  7335. .desktop .team-karen:hover .team-karen-header svg {
  7336. fill: #ebebeb;
  7337. }
  7338. .desktop .team-karen:hover .team-karen-body::before {
  7339. bottom: -30px;
  7340. background: #ebebeb;
  7341. }
  7342. .desktop .team-karen:hover .team-karen-list-social > li {
  7343. opacity: 1;
  7344. visibility: visible;
  7345. transform: none;
  7346. }
  7347. .desktop .team-karen:hover .team-karen-list-social li:nth-child(2) {
  7348. transition-delay: 50ms;
  7349. }
  7350. .desktop .team-karen:hover .team-karen-list-social li:nth-child(3) {
  7351. transition-delay: 100ms;
  7352. }
  7353. .desktop .team-karen:hover .team-karen-list-social li:nth-child(4) {
  7354. transition-delay: 150ms;
  7355. }
  7356. .desktop .team-karen:hover .team-karen-list-social li:nth-child(5) {
  7357. transition-delay: 200ms;
  7358. }
  7359. .desktop .team-karen:hover .team-karen-list-social li:nth-child(6) {
  7360. transition-delay: 250ms;
  7361. }
  7362. .desktop .team-karen:hover .team-karen-list-social li:nth-child(7) {
  7363. transition-delay: 300ms;
  7364. }
  7365. .desktop .team-karen:hover .team-karen-list-social li:nth-child(8) {
  7366. transition-delay: 350ms;
  7367. }
  7368. .desktop .team-karen:hover .team-karen-list-social li:nth-child(9) {
  7369. transition-delay: 400ms;
  7370. }
  7371. .desktop .team-karen:hover .team-karen-list-social li:nth-child(10) {
  7372. transition-delay: 450ms;
  7373. }
  7374. }
  7375. .team-navy-name {
  7376. font-size: 14px;
  7377. font-weight: 600;
  7378. letter-spacing: .05em;
  7379. text-transform: uppercase;
  7380. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  7381. color: #151515;
  7382. }
  7383. .team-navy-name a, .team-navy-name a:focus, .team-navy-name a:active {
  7384. color: inherit;
  7385. }
  7386. .team-navy-name a:hover {
  7387. color: #0071dc;
  7388. }
  7389. .team-navy-status {
  7390. letter-spacing: .025em;
  7391. font-style: italic;
  7392. color: #0071dc;
  7393. }
  7394. .team-info {
  7395. text-align: center;
  7396. padding: 20px 15px;
  7397. border: 1px solid #e1e1e1;
  7398. }
  7399. .team-info-figure {
  7400. display: inline-block;
  7401. }
  7402. .team-info-figure img {
  7403. border-radius: 50%;
  7404. box-shadow: none;
  7405. transition: all .3s ease-in-out;
  7406. }
  7407. .team-info-title {
  7408. text-transform: uppercase;
  7409. }
  7410. * + .team-info-title {
  7411. margin-top: 10px;
  7412. }
  7413. * + .team-info-text {
  7414. margin-top: 6px;
  7415. }
  7416. @media (min-width: 768px) {
  7417. .team-info {
  7418. padding-top: 25px;
  7419. padding-bottom: 40px;
  7420. }
  7421. * + .team-info-title {
  7422. margin-top: 16px;
  7423. }
  7424. * + .team-info-text {
  7425. margin-top: 12px;
  7426. }
  7427. }
  7428. @media (min-width: 992px) {
  7429. .desktop .team-info:hover .team-info-figure img {
  7430. box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.15);
  7431. }
  7432. }
  7433. html:not(.ie-10):not(.ie-11):not(.ie-edge) .team-karen-header svg {
  7434. height: auto;
  7435. }
  7436. .ie-10 .team-karen-body,
  7437. .ie-11 .team-karen-body,
  7438. .ie-edge .team-karen-body {
  7439. margin-top: -1px;
  7440. }
  7441. /** @section Events */
  7442. .event-classic {
  7443. text-align: center;
  7444. overflow: hidden;
  7445. border-radius: 12px;
  7446. background: #ffffff;
  7447. }
  7448. .event-classic > .unit > .unit-left {
  7449. height: 150px;
  7450. }
  7451. .event-classic-figure {
  7452. position: relative;
  7453. overflow: hidden;
  7454. display: block;
  7455. width: 100%;
  7456. height: 100%;
  7457. }
  7458. .event-classic-image {
  7459. position: absolute;
  7460. top: 50%;
  7461. left: 50%;
  7462. width: auto;
  7463. height: auto;
  7464. max-width: none;
  7465. min-width: 100%;
  7466. min-height: 100%;
  7467. transform: translate(-50%, -50%);
  7468. }
  7469. @supports (object-fit: cover) {
  7470. .event-classic-image {
  7471. left: 0;
  7472. top: 0;
  7473. width: 100%;
  7474. height: 100%;
  7475. transform: none;
  7476. object-fit: cover;
  7477. object-position: center center;
  7478. }
  7479. }
  7480. .event-classic-body {
  7481. padding: 20px 5%;
  7482. }
  7483. .event-classic-title {
  7484. font-weight: 600;
  7485. letter-spacing: .02em;
  7486. text-transform: none;
  7487. }
  7488. .event-classic-panel {
  7489. color: #151515;
  7490. margin-bottom: -5px;
  7491. margin-left: -16px;
  7492. }
  7493. .event-classic-panel:empty {
  7494. margin-bottom: 0;
  7495. margin-left: 0;
  7496. }
  7497. .event-classic-panel > * {
  7498. display: inline-block;
  7499. margin-top: 0;
  7500. margin-bottom: 5px;
  7501. margin-left: 16px;
  7502. }
  7503. .event-classic-panel li {
  7504. vertical-align: middle;
  7505. }
  7506. .event-classic-panel li > * {
  7507. display: inline-block;
  7508. vertical-align: middle;
  7509. }
  7510. .event-classic-panel a, .event-classic-panel a:focus, .event-classic-panel a:active {
  7511. color: inherit;
  7512. }
  7513. .event-classic-panel a:hover {
  7514. color: #0071dc;
  7515. }
  7516. .event-classic-panel .icon {
  7517. margin-right: 8px;
  7518. font-size: 15px;
  7519. color: #0071dc;
  7520. }
  7521. .event-classic-link {
  7522. color: #0071dc;
  7523. }
  7524. .event-classic-time {
  7525. color: rgba(21, 21, 21, 0.34);
  7526. }
  7527. .event-classic-hours,
  7528. .event-classic-month,
  7529. .event-classic-date {
  7530. font-weight: 600;
  7531. letter-spacing: .02em;
  7532. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  7533. }
  7534. .event-classic-month {
  7535. margin-left: 10px;
  7536. text-transform: uppercase;
  7537. }
  7538. .event-classic-hours {
  7539. margin-left: 10px;
  7540. }
  7541. * + .event-classic-panel {
  7542. margin-top: 8px;
  7543. }
  7544. * + .event-classic-text {
  7545. margin-top: 10px;
  7546. }
  7547. * + .event-classic-link {
  7548. margin-top: 10px;
  7549. }
  7550. @media (min-width: 576px) {
  7551. .event-classic {
  7552. text-align: left;
  7553. }
  7554. .event-classic > .unit {
  7555. min-height: 310px;
  7556. }
  7557. .event-classic > .unit > .unit-left {
  7558. width: 25%;
  7559. height: auto;
  7560. }
  7561. }
  7562. @media (min-width: 768px) {
  7563. .event-classic > .unit {
  7564. min-height: 350px;
  7565. }
  7566. .event-classic-body {
  7567. padding: 30px 5%;
  7568. }
  7569. .event-classic-body .unit-body {
  7570. max-width: 70%;
  7571. }
  7572. .event-classic-hours {
  7573. display: block;
  7574. margin-left: 0;
  7575. }
  7576. * + .event-classic-panel {
  7577. margin-top: 12px;
  7578. }
  7579. * + .event-classic-text {
  7580. margin-top: 20px;
  7581. }
  7582. * + .event-classic-link {
  7583. margin-top: 20px;
  7584. }
  7585. }
  7586. @media (min-width: 992px) {
  7587. .event-classic > .unit {
  7588. min-height: 390px;
  7589. }
  7590. .event-classic > .unit > .unit-left {
  7591. width: 30%;
  7592. }
  7593. .event-classic-body {
  7594. padding-left: 7%;
  7595. padding-right: 7%;
  7596. }
  7597. * + .event-classic-text {
  7598. margin-top: 30px;
  7599. }
  7600. * + .event-classic-link {
  7601. margin-top: 34px;
  7602. }
  7603. }
  7604. @media (min-width: 1200px) {
  7605. .event-classic > .unit > .unit-left {
  7606. width: 35%;
  7607. }
  7608. .event-classic-body {
  7609. padding-left: 10%;
  7610. padding-right: 10%;
  7611. }
  7612. }
  7613. .context-dark .event-classic, .bg-gray-700 .event-classic, .bg-gray-3 .event-classic, .bg-brown-1 .event-classic, .bg-sky-blue .event-classic, .bg-primary .event-classic {
  7614. color: #777777;
  7615. }
  7616. .context-dark .event-classic-title, .bg-gray-700 .event-classic-title, .bg-gray-3 .event-classic-title, .bg-brown-1 .event-classic-title, .bg-sky-blue .event-classic-title, .bg-primary .event-classic-title {
  7617. color: #151515;
  7618. }
  7619. .context-dark .event-classic-link, .bg-gray-700 .event-classic-link, .bg-gray-3 .event-classic-link, .bg-brown-1 .event-classic-link, .bg-sky-blue .event-classic-link, .bg-primary .event-classic-link {
  7620. color: #0071dc;
  7621. }
  7622. .ie-10 .event-classic,
  7623. .ie-11 .event-classic,
  7624. .ie-edge .event-classic {
  7625. display: flex;
  7626. }
  7627. .ie-10 .event-classic > .unit,
  7628. .ie-10 .event-classic > .unit .unit-body,
  7629. .ie-11 .event-classic > .unit,
  7630. .ie-11 .event-classic > .unit .unit-body,
  7631. .ie-edge .event-classic > .unit,
  7632. .ie-edge .event-classic > .unit .unit-body {
  7633. width: 100%;
  7634. }
  7635. /** @group Helpers */
  7636. /** @section Page-layout */
  7637. .page {
  7638. position: relative;
  7639. overflow: hidden;
  7640. min-height: 100vh;
  7641. opacity: 0;
  7642. }
  7643. .page.fadeIn {
  7644. animation-timing-function: ease-out;
  7645. }
  7646. .page.fadeOut {
  7647. animation-timing-function: ease-in;
  7648. }
  7649. [data-x-mode] .page {
  7650. opacity: 1;
  7651. }
  7652. html.boxed body {
  7653. background: #e1e1e1 url(../images/bg-pattern-boxed.png) repeat fixed;
  7654. }
  7655. @media (min-width: 1630px) {
  7656. html.boxed .page {
  7657. max-width: 1600px;
  7658. margin-left: auto;
  7659. margin-right: auto;
  7660. box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1);
  7661. }
  7662. html.boxed .rd-navbar-static {
  7663. max-width: 1600px;
  7664. margin-left: auto;
  7665. margin-right: auto;
  7666. }
  7667. html.boxed .rd-navbar-static.rd-navbar--is-stuck {
  7668. max-width: 1600px;
  7669. width: 100%;
  7670. left: calc(50% - 1600px);
  7671. right: calc(50% - 1600px);
  7672. }
  7673. }
  7674. /** @section Text-styling */
  7675. .text-italic {
  7676. font-style: italic;
  7677. }
  7678. .text-normal {
  7679. font-style: normal;
  7680. }
  7681. .text-underline {
  7682. text-decoration: underline;
  7683. }
  7684. .text-strike {
  7685. text-decoration: line-through;
  7686. }
  7687. .font-weight-thin {
  7688. font-weight: 100;
  7689. }
  7690. .font-weight-light {
  7691. font-weight: 300;
  7692. }
  7693. .font-weight-regular {
  7694. font-weight: 400;
  7695. }
  7696. .font-weight-medium {
  7697. font-weight: 500;
  7698. }
  7699. .font-weight-sbold {
  7700. font-weight: 600;
  7701. }
  7702. .font-weight-bold {
  7703. font-weight: 700;
  7704. }
  7705. .font-weight-ubold {
  7706. font-weight: 900;
  7707. }
  7708. .text-spacing-0 {
  7709. letter-spacing: 0;
  7710. }
  7711. .text-spacing-20 {
  7712. letter-spacing: .02em;
  7713. }
  7714. .text-spacing-25 {
  7715. letter-spacing: .025em;
  7716. }
  7717. .text-spacing-50 {
  7718. letter-spacing: .05em;
  7719. }
  7720. .text-spacing-75 {
  7721. letter-spacing: .075em;
  7722. }
  7723. .text-spacing-100 {
  7724. letter-spacing: .1em;
  7725. }
  7726. .text-spacing-150 {
  7727. letter-spacing: .15em;
  7728. }
  7729. .text-width-medium {
  7730. max-width: 500px;
  7731. }
  7732. .text-width-large {
  7733. max-width: 600px;
  7734. }
  7735. .text-center [class*='text-width-'] {
  7736. margin-left: auto;
  7737. margin-right: auto;
  7738. }
  7739. .text-gray-500 {
  7740. color: #9b9b9b;
  7741. }
  7742. .text-transform-none {
  7743. text-transform: none;
  7744. }
  7745. .text-transform-uppercase {
  7746. text-transform: uppercase;
  7747. }
  7748. .text-transform-capitalize {
  7749. text-transform: capitalize;
  7750. }
  7751. .font-family-sans-serif {
  7752. font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  7753. }
  7754. .font-family-sans-serif-1 {
  7755. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  7756. }
  7757. .font-family-cursive {
  7758. font-family: "Kalam", cursive;
  7759. }
  7760. /** @section Offsets */
  7761. * + p {
  7762. margin-top: 15px;
  7763. }
  7764. * + img {
  7765. margin-top: 30px;
  7766. }
  7767. h1 + p {
  7768. margin-top: 12px;
  7769. }
  7770. h2 + p {
  7771. margin-top: 12px;
  7772. }
  7773. h3 + p {
  7774. margin-top: 14px;
  7775. }
  7776. h4 + p {
  7777. margin-top: 15px;
  7778. }
  7779. h5 + p {
  7780. margin-top: 14px;
  7781. }
  7782. h6 + p {
  7783. margin-top: 14px;
  7784. }
  7785. h2 + h5 {
  7786. margin-top: 16px;
  7787. }
  7788. h3 + h2 {
  7789. margin-top: 18px;
  7790. }
  7791. h3 + h6 {
  7792. margin-top: 16px;
  7793. }
  7794. p + h2,
  7795. p + .heading-2 {
  7796. margin-top: 15px;
  7797. }
  7798. p + p {
  7799. margin-top: 12px;
  7800. }
  7801. img + p {
  7802. margin-top: 15px;
  7803. }
  7804. h3 + img {
  7805. margin-top: 42px;
  7806. }
  7807. * + .row {
  7808. margin-top: 30px;
  7809. }
  7810. * + .owl-carousel {
  7811. margin-top: 30px;
  7812. }
  7813. * + .big {
  7814. margin-top: 20px;
  7815. }
  7816. * + .text-block {
  7817. margin-top: 27px;
  7818. }
  7819. * + .button-wrap,
  7820. * + .button {
  7821. margin-top: 30px;
  7822. }
  7823. .row + h3,
  7824. .row + .heading-3 {
  7825. margin-top: 80px;
  7826. }
  7827. .container + .container {
  7828. margin-top: 35px;
  7829. }
  7830. .row + .row {
  7831. margin-top: 35px;
  7832. }
  7833. @media (min-width: 768px) {
  7834. * + .row {
  7835. margin-top: 40px;
  7836. }
  7837. * + .owl-carousel {
  7838. margin-top: 40px;
  7839. }
  7840. * + .row-sm {
  7841. margin-top: 20px;
  7842. }
  7843. * + .offset-top-md-20 {
  7844. margin-top: 20px;
  7845. }
  7846. h3 + .big {
  7847. margin-top: 24px;
  7848. }
  7849. .row + .row {
  7850. margin-top: 50px;
  7851. }
  7852. .row + .button {
  7853. margin-top: 50px;
  7854. }
  7855. }
  7856. @media (min-width: 1200px) {
  7857. h1 + p {
  7858. margin-top: 6px;
  7859. }
  7860. * + .row-lg {
  7861. margin-top: 50px;
  7862. }
  7863. * + .row-xl {
  7864. margin-top: 60px;
  7865. }
  7866. * + .row-xxl {
  7867. margin-top: 70px;
  7868. }
  7869. * + .owl-carousel {
  7870. margin-top: 50px;
  7871. }
  7872. .container + .container {
  7873. margin-top: 60px;
  7874. }
  7875. .row + .row {
  7876. margin-top: 60px;
  7877. }
  7878. .row + .button {
  7879. margin-top: 60px;
  7880. }
  7881. }
  7882. .row-0 {
  7883. margin-bottom: 0px;
  7884. }
  7885. .row-0:empty {
  7886. margin-bottom: 0;
  7887. }
  7888. .row-0 > * {
  7889. margin-bottom: 0px;
  7890. }
  7891. .row-10 {
  7892. margin-bottom: -10px;
  7893. }
  7894. .row-10:empty {
  7895. margin-bottom: 0;
  7896. }
  7897. .row-10 > * {
  7898. margin-bottom: 10px;
  7899. }
  7900. .row-15 {
  7901. margin-bottom: -15px;
  7902. }
  7903. .row-15:empty {
  7904. margin-bottom: 0;
  7905. }
  7906. .row-15 > * {
  7907. margin-bottom: 15px;
  7908. }
  7909. .row-20 {
  7910. margin-bottom: -20px;
  7911. }
  7912. .row-20:empty {
  7913. margin-bottom: 0;
  7914. }
  7915. .row-20 > * {
  7916. margin-bottom: 20px;
  7917. }
  7918. .row-30 {
  7919. margin-bottom: -30px;
  7920. }
  7921. .row-30:empty {
  7922. margin-bottom: 0;
  7923. }
  7924. .row-30 > * {
  7925. margin-bottom: 30px;
  7926. }
  7927. .row-40 {
  7928. margin-bottom: -40px;
  7929. }
  7930. .row-40:empty {
  7931. margin-bottom: 0;
  7932. }
  7933. .row-40 > * {
  7934. margin-bottom: 40px;
  7935. }
  7936. .row-50 {
  7937. margin-bottom: -50px;
  7938. }
  7939. .row-50:empty {
  7940. margin-bottom: 0;
  7941. }
  7942. .row-50 > * {
  7943. margin-bottom: 50px;
  7944. }
  7945. .row-60 {
  7946. margin-bottom: -50px;
  7947. }
  7948. .row-60:empty {
  7949. margin-bottom: 0;
  7950. }
  7951. .row-60 > * {
  7952. margin-bottom: 50px;
  7953. }
  7954. @media (min-width: 576px) {
  7955. .row-sm-30 {
  7956. margin-bottom: -30px;
  7957. }
  7958. .row-sm-30:empty {
  7959. margin-bottom: 0;
  7960. }
  7961. .row-sm-30 > * {
  7962. margin-bottom: 30px;
  7963. }
  7964. }
  7965. @media (min-width: 768px) {
  7966. .row-md-30 {
  7967. margin-bottom: -30px;
  7968. }
  7969. .row-md-30:empty {
  7970. margin-bottom: 0;
  7971. }
  7972. .row-md-30 > * {
  7973. margin-bottom: 30px;
  7974. }
  7975. .row-md-40 {
  7976. margin-bottom: -40px;
  7977. }
  7978. .row-md-40:empty {
  7979. margin-bottom: 0;
  7980. }
  7981. .row-md-40 > * {
  7982. margin-bottom: 40px;
  7983. }
  7984. .row-md-50 {
  7985. margin-bottom: -50px;
  7986. }
  7987. .row-md-50:empty {
  7988. margin-bottom: 0;
  7989. }
  7990. .row-md-50 > * {
  7991. margin-bottom: 50px;
  7992. }
  7993. .row-md-60 {
  7994. margin-bottom: -60px;
  7995. }
  7996. .row-md-60:empty {
  7997. margin-bottom: 0;
  7998. }
  7999. .row-md-60 > * {
  8000. margin-bottom: 60px;
  8001. }
  8002. }
  8003. @media (min-width: 992px) {
  8004. .row-lg-20 {
  8005. margin-bottom: -20px;
  8006. }
  8007. .row-lg-20:empty {
  8008. margin-bottom: 0;
  8009. }
  8010. .row-lg-20 > * {
  8011. margin-bottom: 20px;
  8012. }
  8013. .row-lg-50 {
  8014. margin-bottom: -50px;
  8015. }
  8016. .row-lg-50:empty {
  8017. margin-bottom: 0;
  8018. }
  8019. .row-lg-50 > * {
  8020. margin-bottom: 50px;
  8021. }
  8022. .row-lg-60 {
  8023. margin-bottom: -60px;
  8024. }
  8025. .row-lg-60:empty {
  8026. margin-bottom: 0;
  8027. }
  8028. .row-lg-60 > * {
  8029. margin-bottom: 60px;
  8030. }
  8031. .row-lg-70 {
  8032. margin-bottom: -70px;
  8033. }
  8034. .row-lg-70:empty {
  8035. margin-bottom: 0;
  8036. }
  8037. .row-lg-70 > * {
  8038. margin-bottom: 70px;
  8039. }
  8040. .row-lg-80 {
  8041. margin-bottom: -80px;
  8042. }
  8043. .row-lg-80:empty {
  8044. margin-bottom: 0;
  8045. }
  8046. .row-lg-80 > * {
  8047. margin-bottom: 80px;
  8048. }
  8049. }
  8050. @media (min-width: 1200px) {
  8051. .row-xl-100 {
  8052. margin-bottom: -100px;
  8053. }
  8054. .row-xl-100:empty {
  8055. margin-bottom: 0;
  8056. }
  8057. .row-xl-100 > * {
  8058. margin-bottom: 100px;
  8059. }
  8060. }
  8061. /** @section Sections */
  8062. .section-sm {
  8063. padding: 25px 0;
  8064. }
  8065. .section-sm.section-first {
  8066. padding-top: 50px;
  8067. }
  8068. .section-sm.section-last {
  8069. padding-bottom: 50px;
  8070. }
  8071. .section-md,
  8072. .section-lg,
  8073. .section-xl,
  8074. .section-xxl,
  8075. .section-inset-2 {
  8076. padding: 50px 0;
  8077. }
  8078. .section-collapse + .section-collapse {
  8079. padding-top: 0;
  8080. }
  8081. .section-collapse:last-child {
  8082. padding-bottom: 0;
  8083. }
  8084. html [class*='section-'].section-bottom-0 {
  8085. padding-bottom: 0;
  8086. }
  8087. html [class*='section-'].section-top-0 {
  8088. padding-top: 0;
  8089. }
  8090. @media (min-width: 992px) {
  8091. html [class*='section-'].section-lg-0 {
  8092. padding: 0 0 1px;
  8093. }
  8094. }
  8095. @media (min-width: 768px) {
  8096. .section-sm {
  8097. padding: 40px 0;
  8098. }
  8099. .section-sm.section-first {
  8100. padding-top: 80px;
  8101. }
  8102. .section-sm.section-last {
  8103. padding-bottom: 80px;
  8104. }
  8105. .section-md {
  8106. padding: 60px 0;
  8107. }
  8108. .section-lg {
  8109. padding: 70px 0;
  8110. }
  8111. .section-xl {
  8112. padding: 80px 0;
  8113. }
  8114. .section-xxl {
  8115. padding: 90px 0;
  8116. }
  8117. .section-inset-2 {
  8118. padding: 65px 0;
  8119. }
  8120. }
  8121. @media (min-width: 992px) {
  8122. .section-sm {
  8123. padding: 50px 0;
  8124. }
  8125. .section-sm.section-first {
  8126. padding-top: 100px;
  8127. }
  8128. .section-sm.section-last {
  8129. padding-bottom: 100px;
  8130. }
  8131. .section-md {
  8132. padding: 70px 0;
  8133. }
  8134. .section-lg {
  8135. padding: 80px 0;
  8136. }
  8137. .section-xl {
  8138. padding: 90px 0;
  8139. }
  8140. .section-xxl {
  8141. padding: 100px 0;
  8142. }
  8143. }
  8144. @media (min-width: 1200px) {
  8145. .section-md {
  8146. padding: 80px 0;
  8147. }
  8148. .section-lg {
  8149. padding: 90px 0;
  8150. }
  8151. .section-xl {
  8152. padding: 100px 0;
  8153. }
  8154. .section-xxl {
  8155. padding: 110px 0;
  8156. }
  8157. .section-inset-1 {
  8158. padding: 120px 0;
  8159. }
  8160. .section-inset-4,
  8161. .section-inset-5 {
  8162. padding-top: 120px;
  8163. }
  8164. }
  8165. @media (min-width: 1600px) {
  8166. .section-xxl {
  8167. padding: 120px 0;
  8168. }
  8169. .section-inset-1 {
  8170. padding: 140px 0;
  8171. }
  8172. .section-inset-3,
  8173. .section-inset-4 {
  8174. padding-top: 140px;
  8175. }
  8176. .section-inset-5 {
  8177. padding-top: 150px;
  8178. }
  8179. }
  8180. .section-single {
  8181. display: flex;
  8182. text-align: center;
  8183. }
  8184. .section-single p {
  8185. margin-left: auto;
  8186. margin-right: auto;
  8187. }
  8188. .section-single .rd-mailform-wrap {
  8189. max-width: 740px;
  8190. margin-left: auto;
  8191. margin-right: auto;
  8192. text-align: center;
  8193. }
  8194. .section-single p.rights {
  8195. font-size: 14px;
  8196. }
  8197. .section-single * + .rd-mailform-wrap {
  8198. margin-top: 30px;
  8199. }
  8200. @media (min-width: 768px) {
  8201. .section-single * + .countdown-wrap {
  8202. margin-top: 40px;
  8203. }
  8204. .section-single * + .rd-mailform-wrap {
  8205. margin-top: 40px;
  8206. }
  8207. }
  8208. @media (min-width: 992px) {
  8209. .section-single .countdown-wrap {
  8210. margin-bottom: -30px;
  8211. margin-left: -65px;
  8212. }
  8213. .section-single .countdown-wrap:empty {
  8214. margin-bottom: 0;
  8215. margin-left: 0;
  8216. }
  8217. .section-single .countdown-wrap > * {
  8218. display: inline-block;
  8219. margin-top: 0;
  8220. margin-bottom: 30px;
  8221. margin-left: 65px;
  8222. }
  8223. .section-single * + .button {
  8224. margin-top: 50px;
  8225. }
  8226. .section-single * + .countdown-wrap {
  8227. margin-top: 55px;
  8228. }
  8229. .section-single * + .rd-mailform-wrap {
  8230. margin-top: 60px;
  8231. }
  8232. }
  8233. .section-single-header {
  8234. padding: calc(1em + 3vh) 0 calc(1em + 2vh);
  8235. }
  8236. .section-single-main {
  8237. padding: calc(1em + 4vh) 0;
  8238. }
  8239. .section-single-footer {
  8240. padding: calc(1em + 2vh) 0 calc(1em + 3vh);
  8241. }
  8242. .section-single-inner {
  8243. display: flex;
  8244. flex-direction: column;
  8245. align-items: center;
  8246. justify-content: space-between;
  8247. width: 100%;
  8248. min-height: 100vh;
  8249. }
  8250. .section-single-inner > * {
  8251. width: 100%;
  8252. }
  8253. @supports (display: grid) {
  8254. .section-single-inner {
  8255. display: grid;
  8256. justify-items: center;
  8257. align-content: space-between;
  8258. grid-template-columns: 1fr;
  8259. }
  8260. }
  8261. @media (min-width: 1600px) {
  8262. .section-single-header {
  8263. padding-top: calc(1em + 9vh);
  8264. }
  8265. .section-single-main {
  8266. padding: calc(1em + 1vh) 0 calc(1em + 10vh);
  8267. }
  8268. .section-single-footer {
  8269. padding-bottom: calc(1em + 4vh);
  8270. }
  8271. }
  8272. @media (min-width: 1600px) {
  8273. .section-fluid {
  8274. padding-left: 75px;
  8275. padding-right: 75px;
  8276. }
  8277. .section-fluid .container-fluid {
  8278. padding-left: 0;
  8279. padding-right: 0;
  8280. max-width: 1770px;
  8281. margin-left: auto;
  8282. margin-right: auto;
  8283. }
  8284. }
  8285. .box-relative,
  8286. .section-relative {
  8287. position: relative;
  8288. z-index: 1;
  8289. }
  8290. .section-custom-1 {
  8291. min-height: 46.875vw;
  8292. }
  8293. /** @section Grid-modules */
  8294. .grid-demonstration {
  8295. text-align: left;
  8296. line-height: 1.67;
  8297. }
  8298. .grid-demonstration h5, .grid-demonstration .heading-5 {
  8299. font-weight: 500;
  8300. }
  8301. @media (max-width: 767.98px) {
  8302. .grid-demonstration * + p {
  8303. margin-top: 6px;
  8304. }
  8305. }
  8306. @media (max-width: 1599.98px) {
  8307. .grid-demonstration p {
  8308. white-space: nowrap;
  8309. overflow: hidden;
  8310. text-overflow: ellipsis;
  8311. }
  8312. }
  8313. @media (min-width: 1200px) {
  8314. .grid-demonstration * + p {
  8315. margin-top: 22px;
  8316. }
  8317. }
  8318. @media (max-width: 575.98px) {
  8319. .container.grid-demonstration [class^='col'] {
  8320. padding: 5px;
  8321. }
  8322. }
  8323. @media (max-width: 991.98px) {
  8324. .container-fluid.grid-demonstration .row {
  8325. margin-left: 0;
  8326. margin-right: 0;
  8327. }
  8328. }
  8329. .container-fluid.grid-demonstration [class^='col'] {
  8330. padding: 5px;
  8331. }
  8332. @media (min-width: 576px) {
  8333. .container-fluid.grid-demonstration [class^='col'] {
  8334. padding: 10px;
  8335. }
  8336. }
  8337. @media (min-width: 768px) {
  8338. .container-fluid.grid-demonstration [class^='col'] {
  8339. padding: 15px 10px;
  8340. }
  8341. }
  8342. @media (min-width: 992px) {
  8343. .container-fluid.grid-demonstration [class^='col'] {
  8344. padding: 20px;
  8345. }
  8346. }
  8347. @media (min-width: 1200px) {
  8348. .container-fluid.grid-demonstration [class^='col'] {
  8349. padding: 30px;
  8350. }
  8351. }
  8352. @media (min-width: 1600px) {
  8353. .container-fluid.grid-demonstration .row {
  8354. margin-left: -35px;
  8355. margin-right: -35px;
  8356. }
  8357. .container-fluid.grid-demonstration [class^='col'] {
  8358. padding: 40px 40px 40px 60px;
  8359. }
  8360. .container-fluid.grid-demonstration .col-12,
  8361. .container-fluid.grid-demonstration .col-6 {
  8362. padding-right: 60px;
  8363. }
  8364. }
  8365. @media (min-width: 1800px) {
  8366. .container-fluid.grid-demonstration .row {
  8367. margin-left: -75px;
  8368. margin-right: -75px;
  8369. }
  8370. .container-fluid.grid-demonstration [class^='col'] {
  8371. padding: 45px 80px 45px 100px;
  8372. }
  8373. .container-fluid.grid-demonstration .col-12,
  8374. .container-fluid.grid-demonstration .col-6 {
  8375. padding-right: 100px;
  8376. }
  8377. }
  8378. .grid-system-bordered .row {
  8379. margin-left: 0;
  8380. margin-right: 0;
  8381. }
  8382. .grid-system-bordered [class*='col'] {
  8383. padding-top: 15px;
  8384. padding-bottom: 15px;
  8385. }
  8386. .grid-system-bordered .row {
  8387. border-bottom: 1px solid #ebebeb;
  8388. }
  8389. .grid-system-bordered .row:last-child {
  8390. border-bottom-width: 0;
  8391. }
  8392. .grid-system-bordered * + .row {
  8393. margin-top: 20px;
  8394. }
  8395. .grid-system-bordered .row + .row {
  8396. margin-top: 0;
  8397. }
  8398. @media (min-width: 576px) {
  8399. .grid-system-bordered * + .row {
  8400. margin-top: 0;
  8401. }
  8402. }
  8403. @media (min-width: 768px) {
  8404. .grid-system-bordered [class*='col'] {
  8405. padding-top: 25px;
  8406. padding-bottom: 25px;
  8407. }
  8408. }
  8409. @media (min-width: 1200px) {
  8410. .grid-system-bordered [class*='col'] {
  8411. padding-top: 40px;
  8412. padding-bottom: 40px;
  8413. }
  8414. }
  8415. .grid-system-outline .row {
  8416. border-top: 1px solid #ebebeb;
  8417. }
  8418. .grid-system-outline .row:last-child {
  8419. border-bottom: 1px solid #ebebeb;
  8420. }
  8421. .grid-system-outline [class*='col']:not(:last-child) {
  8422. border-right: 1px solid #ebebeb;
  8423. }
  8424. .grid-system-outline * + .row {
  8425. margin-top: 30px;
  8426. }
  8427. .grid-system-outline .row + .row {
  8428. margin-top: 0;
  8429. }
  8430. @media (min-width: 768px) {
  8431. .grid-system-outline * + .row {
  8432. margin-top: 45px;
  8433. }
  8434. }
  8435. .container-fluid-inset-0 {
  8436. padding-left: 0;
  8437. padding-right: 0;
  8438. }
  8439. /** @section Backgrounds */
  8440. .context-dark .brand .brand-logo-dark, .bg-gray-700 .brand .brand-logo-dark, .bg-gray-3 .brand .brand-logo-dark, .bg-brown-1 .brand .brand-logo-dark, .bg-sky-blue .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark {
  8441. display: none;
  8442. }
  8443. .context-dark .brand .brand-logo-light, .bg-gray-700 .brand .brand-logo-light, .bg-gray-3 .brand .brand-logo-light, .bg-brown-1 .brand .brand-logo-light, .bg-sky-blue .brand .brand-logo-light, .bg-primary .brand .brand-logo-light {
  8444. display: block;
  8445. }
  8446. /*
  8447. * Light Backgrounds
  8448. */
  8449. .bg-default {
  8450. background-color: #ffffff;
  8451. }
  8452. .bg-primary {
  8453. background-color: #0071dc;
  8454. }
  8455. .bg-secondary {
  8456. background-color: #ffe220;
  8457. }
  8458. .bg-gray-100 {
  8459. background-color: #e1e1e1;
  8460. }
  8461. .bg-gray-600 {
  8462. background-color: #777777;
  8463. }
  8464. .bg-gray-800 {
  8465. background-color: #151515;
  8466. }
  8467. .bg-gray-1 {
  8468. background-color: #f5f5f5;
  8469. }
  8470. .bg-gray-2 {
  8471. background-color: #ebebeb;
  8472. }
  8473. .bg-gray-4 {
  8474. background-color: #f9faf9;
  8475. }
  8476. .bg-gray-11 {
  8477. background-color: #586167;
  8478. }
  8479. .bg-gray-13 {
  8480. background-color: #404147;
  8481. }
  8482. .bg-gray-20 {
  8483. background-color: #f9f9f9;
  8484. }
  8485. /*
  8486. * Dark Backgrounds
  8487. */
  8488. .bg-gray-700 {
  8489. background-color: #2c343b;
  8490. }
  8491. .bg-gray-3 {
  8492. background-color: #464a4c;
  8493. }
  8494. .bg-brown-1 {
  8495. background-color: #555552;
  8496. }
  8497. .bg-sky-blue {
  8498. background-color: #f2f8fd;
  8499. }
  8500. /*
  8501. * Accent Backgrounds
  8502. */
  8503. .bg-primary + .bg-primary {
  8504. padding-top: 0;
  8505. }
  8506. /*
  8507. * Background Image
  8508. */
  8509. .bg-image {
  8510. background-size: cover;
  8511. background-position: center center;
  8512. }
  8513. [class*='bg-'] {
  8514. background-size: cover;
  8515. background-position: center center;
  8516. }
  8517. @media (min-width: 992px) {
  8518. html:not(.tablet):not(.mobile) .bg-fixed {
  8519. background-attachment: fixed;
  8520. }
  8521. }
  8522. .bg-image-1 {
  8523. background-image: url(../images/bg-pattern-1.jpg);
  8524. background-repeat: repeat;
  8525. background-size: auto;
  8526. background-color: #f5f5f5;
  8527. }
  8528. .bg-image-2::before {
  8529. position: absolute;
  8530. content: '';
  8531. top: 0;
  8532. right: 0;
  8533. bottom: 45px;
  8534. left: 0;
  8535. background-size: cover;
  8536. background-repeat: no-repeat;
  8537. background-position: 50%;
  8538. background-color: #0071dc;
  8539. background-image: url(../images/bg-about-1.jpg);
  8540. z-index: -1;
  8541. }
  8542. .bg-image-3 {
  8543. background-image: url(../images/bg-pattern-2.jpg);
  8544. background-repeat: repeat;
  8545. background-size: auto;
  8546. background-color: #f5f5f5;
  8547. }
  8548. .bg-image-4 {
  8549. position: relative;
  8550. }
  8551. .bg-image-4::before {
  8552. position: absolute;
  8553. content: '';
  8554. top: 0;
  8555. right: 0;
  8556. bottom: 0;
  8557. left: 0;
  8558. background: rgba(0, 0, 0, 0.2);
  8559. }
  8560. @media (min-width: 576px) {
  8561. .bg-image-4::before {
  8562. display: none;
  8563. }
  8564. }
  8565. .bg-image-5 {
  8566. background-image: url(../images/bg-pattern-3.jpg);
  8567. background-repeat: repeat;
  8568. background-size: auto;
  8569. background-color: #404147;
  8570. }
  8571. .bg-image-6 {
  8572. display: none;
  8573. position: absolute;
  8574. top: 0;
  8575. right: 0;
  8576. width: calc( 50% + 45px);
  8577. height: 100%;
  8578. pointer-events: none;
  8579. transform: translate3d(0, 0, 0);
  8580. z-index: -1;
  8581. }
  8582. .bg-image-7 {
  8583. display: none;
  8584. position: absolute;
  8585. top: 0;
  8586. left: 0;
  8587. height: 100%;
  8588. width: calc( 50% + 45px);
  8589. background-position-x: 90%;
  8590. z-index: -2;
  8591. }
  8592. @media (min-width: 576px) {
  8593. .bg-image-6,
  8594. .bg-image-7 {
  8595. display: block;
  8596. }
  8597. }
  8598. @media (min-width: 2560px) {
  8599. .bg-image-6 {
  8600. width: 55%;
  8601. }
  8602. }
  8603. .image-decor-wrap {
  8604. position: relative;
  8605. overflow: hidden;
  8606. }
  8607. .image-decor-left,
  8608. .image-decor-right {
  8609. position: absolute;
  8610. bottom: 0;
  8611. }
  8612. .image-decor-left {
  8613. right: 70%;
  8614. }
  8615. .image-decor-right {
  8616. left: 70%;
  8617. }
  8618. @media (min-width: 768px) {
  8619. .image-decor-left {
  8620. left: -12%;
  8621. right: auto;
  8622. }
  8623. .image-decor-right {
  8624. right: -12%;
  8625. left: auto;
  8626. }
  8627. }
  8628. @media (min-width: 1200px) {
  8629. .image-decor-left {
  8630. left: -10%;
  8631. }
  8632. .image-decor-right {
  8633. right: -10%;
  8634. }
  8635. }
  8636. @media (min-width: 1500px) {
  8637. .image-decor-left {
  8638. left: 0;
  8639. }
  8640. .image-decor-right {
  8641. right: 0;
  8642. }
  8643. }
  8644. /** @section Utilities */
  8645. .height-fill {
  8646. position: relative;
  8647. display: flex;
  8648. flex-direction: column;
  8649. align-items: stretch;
  8650. }
  8651. .height-fill > * {
  8652. flex-grow: 1;
  8653. flex-shrink: 0;
  8654. }
  8655. .object-inline {
  8656. white-space: nowrap;
  8657. }
  8658. .object-inline > * {
  8659. display: inline-block;
  8660. min-width: 20px;
  8661. vertical-align: top;
  8662. white-space: normal;
  8663. }
  8664. .object-inline > * + * {
  8665. margin-left: 5px;
  8666. }
  8667. .oh {
  8668. position: relative;
  8669. overflow: hidden;
  8670. }
  8671. .text-decoration-lines {
  8672. position: relative;
  8673. overflow: hidden;
  8674. width: 100%;
  8675. }
  8676. .text-decoration-lines-content {
  8677. position: relative;
  8678. display: inline-block;
  8679. min-width: 170px;
  8680. font-size: 13px;
  8681. text-transform: uppercase;
  8682. }
  8683. .text-decoration-lines-content::before, .text-decoration-lines-content::after {
  8684. content: '';
  8685. position: absolute;
  8686. height: 1px;
  8687. background: #d7d7d7;
  8688. top: 50%;
  8689. width: 100vw;
  8690. }
  8691. .text-decoration-lines-content::before {
  8692. left: 0;
  8693. transform: translate3d(-100%, 0, 0);
  8694. }
  8695. .text-decoration-lines-content::after {
  8696. right: 0;
  8697. transform: translate3d(100%, 0, 0);
  8698. }
  8699. * + .text-decoration-lines {
  8700. margin-top: 30px;
  8701. }
  8702. p.rights {
  8703. letter-spacing: 0;
  8704. color: #777777;
  8705. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  8706. }
  8707. p.rights a, p.rights a:focus, p.rights a:active {
  8708. color: inherit;
  8709. }
  8710. p.rights a:hover {
  8711. color: #0071dc;
  8712. }
  8713. [style*='z-index: 1000;'] {
  8714. z-index: 1101 !important;
  8715. }
  8716. .text-block > * {
  8717. margin-left: .125em;
  8718. margin-right: .125em;
  8719. }
  8720. @media (min-width: 2650px) {
  8721. .offset-top-1 {
  8722. margin-top: 5%;
  8723. }
  8724. }
  8725. @media (min-width: 992px) {
  8726. .inset-lg-bottom-10 {
  8727. padding-bottom: 10px;
  8728. }
  8729. }
  8730. @media (min-width: 1200px) {
  8731. .inset-xl-left-35 {
  8732. padding-left: 35px;
  8733. }
  8734. .inset-xl-right-20 {
  8735. padding-right: 20px;
  8736. }
  8737. .inset-xl-right-30 {
  8738. padding-right: 30px;
  8739. }
  8740. .inset-xl-right-35 {
  8741. padding-right: 35px;
  8742. }
  8743. .inset-xl-right-50 {
  8744. padding-right: 50px;
  8745. }
  8746. .inset-xl-right-55 {
  8747. padding-right: 55px;
  8748. }
  8749. .inset-xl-right-70 {
  8750. padding-right: 70px;
  8751. }
  8752. .inset-xl-right-100 {
  8753. padding-right: 100px;
  8754. }
  8755. }
  8756. @media (min-width: 1200px) {
  8757. .typography-style-1 p {
  8758. max-width: 95%;
  8759. }
  8760. }
  8761. .aside-typography p + h2 {
  8762. margin-top: 16px;
  8763. }
  8764. .aside-typography h2 + h3 {
  8765. margin-top: 12px;
  8766. }
  8767. .aside-typography h3 + h4 {
  8768. margin-top: 22px;
  8769. }
  8770. .box-color-line {
  8771. display: flex;
  8772. justify-content: center;
  8773. margin-left: -8px;
  8774. }
  8775. .box-color-line > * {
  8776. margin-left: 8px;
  8777. }
  8778. .box-color-item {
  8779. width: 53px;
  8780. height: 53px;
  8781. }
  8782. * + .box-color {
  8783. margin-top: 16px;
  8784. }
  8785. .box-color-line + .box-color-line {
  8786. margin-top: 8px;
  8787. }
  8788. @media (min-width: 768px) {
  8789. .box-color-line {
  8790. justify-content: flex-start;
  8791. }
  8792. }
  8793. @media (min-width: 992px) {
  8794. .aside-typography-item {
  8795. padding-left: 30px;
  8796. border-left: 1px solid #e1e1e1;
  8797. }
  8798. }
  8799. @media (min-width: 1200px) {
  8800. .aside-typography {
  8801. padding-top: 20px;
  8802. }
  8803. }
  8804. .title-group p + p {
  8805. margin-top: 0;
  8806. }
  8807. .title-group h4 + p {
  8808. margin-top: 22px;
  8809. }
  8810. .title-classic {
  8811. margin-bottom: -10px;
  8812. margin-left: -40px;
  8813. }
  8814. .title-classic:empty {
  8815. margin-bottom: 0;
  8816. margin-left: 0;
  8817. }
  8818. .title-classic > * {
  8819. display: inline-block;
  8820. margin-top: 0;
  8821. margin-bottom: 10px;
  8822. margin-left: 40px;
  8823. }
  8824. @media (min-width: 768px) {
  8825. .title-classic {
  8826. display: flex;
  8827. align-items: center;
  8828. }
  8829. .title-classic-title {
  8830. max-width: 40%;
  8831. flex-shrink: 0;
  8832. }
  8833. .title-classic-title + .title-classic-subtitle {
  8834. padding-left: 40px;
  8835. border-left: 1px solid #e1e1e1;
  8836. }
  8837. }
  8838. .title-modern {
  8839. font-size: 10em;
  8840. font-weight: 500;
  8841. line-height: 1;
  8842. letter-spacing: .05em;
  8843. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  8844. color: rgba(255, 255, 255, 0.14);
  8845. animation: titleColor 3s linear infinite;
  8846. }
  8847. .title-modern + h4 {
  8848. margin-top: 34px;
  8849. }
  8850. @media (min-width: 992px) {
  8851. .title-modern {
  8852. font-size: 13em;
  8853. }
  8854. }
  8855. @media (min-width: 1200px) {
  8856. .title-modern {
  8857. font-size: 15em;
  8858. }
  8859. }
  8860. @media (min-width: 1600px) {
  8861. .title-modern {
  8862. font-size: 20em;
  8863. }
  8864. }
  8865. @keyframes titleColor {
  8866. 50% {
  8867. color: rgba(255, 255, 255, 0.5);
  8868. }
  8869. }
  8870. .title-style-1 {
  8871. letter-spacing: .05em;
  8872. text-transform: none;
  8873. font-family: "Kalam", cursive;
  8874. color: #0071dc;
  8875. }
  8876. .title-style-2 {
  8877. letter-spacing: .2em;
  8878. text-transform: uppercase;
  8879. color: #0071dc;
  8880. }
  8881. .title-style-3 {
  8882. font-weight: 500;
  8883. letter-spacing: .15em;
  8884. }
  8885. .title-style-4 {
  8886. font-weight: 300;
  8887. letter-spacing: .075em;
  8888. }
  8889. .title-style-5 {
  8890. font-weight: 400;
  8891. letter-spacing: .075em;
  8892. }
  8893. .title-style-6 {
  8894. letter-spacing: .02em;
  8895. font-family: "Kalam", cursive;
  8896. color: #0071dc;
  8897. }
  8898. .title-style-7 {
  8899. font-weight: 700;
  8900. letter-spacing: .075em;
  8901. text-transform: none;
  8902. font-family: "Kalam", cursive;
  8903. color: #0071dc;
  8904. }
  8905. .title-style-8 {
  8906. font-weight: 500;
  8907. text-transform: capitalize;
  8908. }
  8909. .title-style-9 {
  8910. font-weight: 500;
  8911. letter-spacing: .075em;
  8912. text-transform: none;
  8913. line-height: 1.31;
  8914. }
  8915. .title-style-10 {
  8916. font-weight: 400;
  8917. text-transform: capitalize;
  8918. }
  8919. .title-style-11 {
  8920. font-weight: 700;
  8921. text-transform: none;
  8922. }
  8923. .title-decor-1 {
  8924. position: relative;
  8925. font-weight: 300;
  8926. z-index: 1;
  8927. }
  8928. .title-decor-1::before {
  8929. position: absolute;
  8930. content: '';
  8931. bottom: 22%;
  8932. left: 0;
  8933. width: 94%;
  8934. height: 10%;
  8935. background: #fff669;
  8936. z-index: -1;
  8937. }
  8938. * + .title-style-3 {
  8939. margin-top: 6px;
  8940. }
  8941. * + .title-style-4 {
  8942. margin-top: 6px;
  8943. }
  8944. .title-style-1 + h2 {
  8945. margin-top: 10px;
  8946. }
  8947. @media (min-width: 768px) {
  8948. * + .title-style-3 {
  8949. margin-top: 12px;
  8950. }
  8951. * + .title-style-4 {
  8952. margin-top: 12px;
  8953. }
  8954. * + .title-style-5 {
  8955. margin-top: 25px;
  8956. }
  8957. }
  8958. @media (min-width: 992px) {
  8959. * + .title-style-4 {
  8960. margin-top: 20px;
  8961. }
  8962. .title-style-4 + .tabs-line {
  8963. margin-top: 50px;
  8964. }
  8965. .title-style-5 + .button {
  8966. margin-top: 35px;
  8967. }
  8968. }
  8969. @media (min-width: 1200px) {
  8970. * + .title-style-5 {
  8971. margin-top: 35px;
  8972. }
  8973. }
  8974. .context-dark .title-style-6, .bg-gray-700 .title-style-6, .bg-gray-3 .title-style-6, .bg-brown-1 .title-style-6, .bg-sky-blue .title-style-6, .bg-primary .title-style-6,
  8975. .context-dark .title-style-7,
  8976. .bg-gray-700 .title-style-7,
  8977. .bg-gray-3 .title-style-7,
  8978. .bg-brown-1 .title-style-7,
  8979. .bg-sky-blue .title-style-7,
  8980. .bg-primary .title-style-7 {
  8981. color: #ffe220;
  8982. }
  8983. .group .title-style-6 {
  8984. margin-bottom: 4px;
  8985. }
  8986. .bordered-1 {
  8987. overflow: hidden;
  8988. }
  8989. .bordered-1 > div::before {
  8990. position: absolute;
  8991. content: '';
  8992. top: 50%;
  8993. left: -1px;
  8994. width: 0;
  8995. height: 40%;
  8996. border-left: 1px solid #e1e1e1;
  8997. transform: translate3d(0, -50%, 0);
  8998. }
  8999. @media (min-width: 768px) {
  9000. .bordered-2 > div + div > * {
  9001. padding-top: 40px;
  9002. border-top: 1px solid #e1e1e1;
  9003. }
  9004. }
  9005. @media (min-width: 992px) {
  9006. .bordered-2 > div + div > * {
  9007. padding-top: 50px;
  9008. border-top: 1px solid #e1e1e1;
  9009. }
  9010. }
  9011. .gutters-10 {
  9012. margin-left: -5px;
  9013. margin-right: -5px;
  9014. }
  9015. .gutters-10 [class*='col-'] {
  9016. padding-left: 5px;
  9017. padding-right: 5px;
  9018. }
  9019. .gutters-20 {
  9020. margin-left: -10px;
  9021. margin-right: -10px;
  9022. }
  9023. .gutters-20 [class*='col-'] {
  9024. padding-left: 10px;
  9025. padding-right: 10px;
  9026. }
  9027. /** @group Plugins */
  9028. /** @section Animate */
  9029. .animated {
  9030. -webkit-animation-duration: .7s;
  9031. animation-duration: .7s;
  9032. -webkit-animation-fill-mode: both;
  9033. animation-fill-mode: both;
  9034. opacity: 1;
  9035. }
  9036. .animated.infinite {
  9037. -webkit-animation-iteration-count: infinite;
  9038. animation-iteration-count: infinite;
  9039. }
  9040. .animated.hinge {
  9041. -webkit-animation-duration: 2s;
  9042. animation-duration: 2s;
  9043. }
  9044. html:not(.lt-ie10) .not-animated {
  9045. opacity: 0;
  9046. }
  9047. @-webkit-keyframes fadeIn {
  9048. 0% {
  9049. opacity: 0;
  9050. }
  9051. 100% {
  9052. opacity: 1;
  9053. }
  9054. }
  9055. @keyframes fadeIn {
  9056. 0% {
  9057. opacity: 0;
  9058. }
  9059. 100% {
  9060. opacity: 1;
  9061. }
  9062. }
  9063. .fadeIn {
  9064. -webkit-animation-name: fadeIn;
  9065. animation-name: fadeIn;
  9066. }
  9067. @-webkit-keyframes fadeInUp {
  9068. 0% {
  9069. opacity: 0;
  9070. -webkit-transform: translate3d(0, 40px, 0);
  9071. transform: translate3d(0, 40px, 0);
  9072. }
  9073. 100% {
  9074. opacity: 1;
  9075. -webkit-transform: none;
  9076. transform: none;
  9077. }
  9078. }
  9079. @keyframes fadeInUp {
  9080. 0% {
  9081. opacity: 0;
  9082. -webkit-transform: translate3d(0, 40px, 0);
  9083. transform: translate3d(0, 40px, 0);
  9084. }
  9085. 100% {
  9086. opacity: 1;
  9087. -webkit-transform: none;
  9088. transform: none;
  9089. }
  9090. }
  9091. .fadeInUp {
  9092. -webkit-animation-name: fadeInUp;
  9093. animation-name: fadeInUp;
  9094. }
  9095. @-webkit-keyframes fadeInDown {
  9096. 0% {
  9097. opacity: 0;
  9098. -webkit-transform: translate3d(0, -40px, 0);
  9099. transform: translate3d(0, -40px, 0);
  9100. }
  9101. 100% {
  9102. opacity: 1;
  9103. -webkit-transform: none;
  9104. transform: none;
  9105. }
  9106. }
  9107. @keyframes fadeInDown {
  9108. 0% {
  9109. opacity: 0;
  9110. -webkit-transform: translate3d(0, -40px, 0);
  9111. transform: translate3d(0, -40px, 0);
  9112. }
  9113. 100% {
  9114. opacity: 1;
  9115. -webkit-transform: none;
  9116. transform: none;
  9117. }
  9118. }
  9119. .fadeInDown {
  9120. -webkit-animation-name: fadeInDown;
  9121. animation-name: fadeInDown;
  9122. }
  9123. @-webkit-keyframes fadeInLeft {
  9124. 0% {
  9125. opacity: 0;
  9126. -webkit-transform: translate3d(-40px, 0, 0);
  9127. transform: translate3d(-40px, 0, 0);
  9128. }
  9129. 100% {
  9130. opacity: 1;
  9131. -webkit-transform: none;
  9132. transform: none;
  9133. }
  9134. }
  9135. @keyframes fadeInLeft {
  9136. 0% {
  9137. opacity: 0;
  9138. -webkit-transform: translate3d(-40px, 0, 0);
  9139. transform: translate3d(-40px, 0, 0);
  9140. }
  9141. 100% {
  9142. opacity: 1;
  9143. -webkit-transform: none;
  9144. transform: none;
  9145. }
  9146. }
  9147. .fadeInLeft {
  9148. -webkit-animation-name: fadeInLeft;
  9149. animation-name: fadeInLeft;
  9150. }
  9151. @-webkit-keyframes fadeInRight {
  9152. 0% {
  9153. opacity: 0;
  9154. -webkit-transform: translate3d(40px, 0, 0);
  9155. transform: translate3d(40px, 0, 0);
  9156. }
  9157. 100% {
  9158. opacity: 1;
  9159. -webkit-transform: none;
  9160. transform: none;
  9161. }
  9162. }
  9163. @keyframes fadeInRight {
  9164. 0% {
  9165. opacity: 0;
  9166. -webkit-transform: translate3d(40px, 0, 0);
  9167. transform: translate3d(40px, 0, 0);
  9168. }
  9169. 100% {
  9170. opacity: 1;
  9171. -webkit-transform: none;
  9172. transform: none;
  9173. }
  9174. }
  9175. .fadeInRight {
  9176. -webkit-animation-name: fadeInRight;
  9177. animation-name: fadeInRight;
  9178. }
  9179. @-webkit-keyframes fadeOut {
  9180. 0% {
  9181. opacity: 1;
  9182. }
  9183. 100% {
  9184. opacity: 0;
  9185. }
  9186. }
  9187. @keyframes fadeOut {
  9188. 0% {
  9189. opacity: 1;
  9190. }
  9191. 100% {
  9192. opacity: 0;
  9193. }
  9194. }
  9195. .fadeOut {
  9196. -webkit-animation-name: fadeOut;
  9197. animation-name: fadeOut;
  9198. }
  9199. @-webkit-keyframes slideInUp {
  9200. 0% {
  9201. -webkit-transform: translate3d(0, 100%, 0);
  9202. transform: translate3d(0, 100%, 0);
  9203. visibility: visible;
  9204. }
  9205. 100% {
  9206. -webkit-transform: translate3d(0, 0, 0);
  9207. transform: translate3d(0, 0, 0);
  9208. }
  9209. }
  9210. @keyframes slideInUp {
  9211. 0% {
  9212. -webkit-transform: translate3d(0, 100%, 0);
  9213. transform: translate3d(0, 100%, 0);
  9214. visibility: visible;
  9215. }
  9216. 100% {
  9217. -webkit-transform: translate3d(0, 0, 0);
  9218. transform: translate3d(0, 0, 0);
  9219. }
  9220. }
  9221. .slideInUp {
  9222. -webkit-animation-name: slideInUp;
  9223. animation-name: slideInUp;
  9224. }
  9225. @-webkit-keyframes slideInDown {
  9226. 0% {
  9227. -webkit-transform: translate3d(0, -100%, 0);
  9228. transform: translate3d(0, -100%, 0);
  9229. visibility: visible;
  9230. }
  9231. 100% {
  9232. -webkit-transform: translate3d(0, 0, 0);
  9233. transform: translate3d(0, 0, 0);
  9234. }
  9235. }
  9236. @keyframes slideInDown {
  9237. 0% {
  9238. -webkit-transform: translate3d(0, -100%, 0);
  9239. transform: translate3d(0, -100%, 0);
  9240. visibility: visible;
  9241. }
  9242. 100% {
  9243. -webkit-transform: translate3d(0, 0, 0);
  9244. transform: translate3d(0, 0, 0);
  9245. }
  9246. }
  9247. .slideInDown {
  9248. -webkit-animation-name: slideInDown;
  9249. animation-name: slideInDown;
  9250. }
  9251. @-webkit-keyframes slideInLeft {
  9252. 0% {
  9253. -webkit-transform: translate3d(-100%, 0, 0);
  9254. transform: translate3d(-100%, 0, 0);
  9255. visibility: visible;
  9256. }
  9257. 100% {
  9258. -webkit-transform: translate3d(0, 0, 0);
  9259. transform: translate3d(0, 0, 0);
  9260. }
  9261. }
  9262. @keyframes slideInLeft {
  9263. 0% {
  9264. -webkit-transform: translate3d(-100%, 0, 0);
  9265. transform: translate3d(-100%, 0, 0);
  9266. visibility: visible;
  9267. }
  9268. 100% {
  9269. -webkit-transform: translate3d(0, 0, 0);
  9270. transform: translate3d(0, 0, 0);
  9271. }
  9272. }
  9273. .slideInLeft {
  9274. -webkit-animation-name: slideInLeft;
  9275. animation-name: slideInLeft;
  9276. }
  9277. @-webkit-keyframes slideInRight {
  9278. 0% {
  9279. -webkit-transform: translate3d(100%, 0, 0);
  9280. transform: translate3d(100%, 0, 0);
  9281. visibility: visible;
  9282. }
  9283. 100% {
  9284. -webkit-transform: translate3d(0, 0, 0);
  9285. transform: translate3d(0, 0, 0);
  9286. }
  9287. }
  9288. @keyframes slideInRight {
  9289. 0% {
  9290. -webkit-transform: translate3d(100%, 0, 0);
  9291. transform: translate3d(100%, 0, 0);
  9292. visibility: visible;
  9293. }
  9294. 100% {
  9295. -webkit-transform: translate3d(0, 0, 0);
  9296. transform: translate3d(0, 0, 0);
  9297. }
  9298. }
  9299. .slideInRight {
  9300. -webkit-animation-name: slideInRight;
  9301. animation-name: slideInRight;
  9302. }
  9303. @-webkit-keyframes slideOutDown {
  9304. 0% {
  9305. -webkit-transform: translate3d(0, 0, 0);
  9306. transform: translate3d(0, 0, 0);
  9307. }
  9308. 100% {
  9309. visibility: hidden;
  9310. -webkit-transform: translate3d(0, 100%, 0);
  9311. transform: translate3d(0, 100%, 0);
  9312. }
  9313. }
  9314. @keyframes slideOutDown {
  9315. 0% {
  9316. -webkit-transform: translate3d(0, 0, 0);
  9317. transform: translate3d(0, 0, 0);
  9318. }
  9319. 100% {
  9320. visibility: hidden;
  9321. -webkit-transform: translate3d(0, 100%, 0);
  9322. transform: translate3d(0, 100%, 0);
  9323. }
  9324. }
  9325. .slideOutDown {
  9326. -webkit-animation-name: slideOutDown;
  9327. animation-name: slideOutDown;
  9328. }
  9329. @-webkit-keyframes fadeScale {
  9330. 0% {
  9331. opacity: 0;
  9332. -webkit-transform: scale(0.5);
  9333. transform: scale(0.5);
  9334. }
  9335. 100% {
  9336. opacity: 1;
  9337. -webkit-transform: none;
  9338. transform: none;
  9339. }
  9340. }
  9341. @keyframes fadeScale {
  9342. 0% {
  9343. opacity: 0;
  9344. -webkit-transform: scale(0.5);
  9345. transform: scale(0.5);
  9346. }
  9347. 100% {
  9348. opacity: 1;
  9349. -webkit-transform: none;
  9350. transform: none;
  9351. }
  9352. }
  9353. .fadeScale {
  9354. -webkit-animation-name: fadeScale;
  9355. animation-name: fadeScale;
  9356. }
  9357. @keyframes moreLoopX {
  9358. 0% {
  9359. transform: scale(0, 1);
  9360. transform-origin: left;
  9361. }
  9362. 47% {
  9363. transform: scale(1, 1);
  9364. transform-origin: left;
  9365. }
  9366. 48% {
  9367. transform: scale(1, 1);
  9368. transform-origin: right;
  9369. }
  9370. 95% {
  9371. transform: scale(0, 1);
  9372. transform-origin: right;
  9373. }
  9374. 96% {
  9375. transform: scale(0, 1);
  9376. transform-origin: left;
  9377. }
  9378. 100% {
  9379. transform: scale(0, 1);
  9380. }
  9381. }
  9382. @keyframes moreLoopY {
  9383. 0% {
  9384. transform: scale(1, 0);
  9385. transform-origin: top;
  9386. }
  9387. 47% {
  9388. transform: scale(1, 1);
  9389. transform-origin: top;
  9390. }
  9391. 48% {
  9392. transform: scale(1, 1);
  9393. transform-origin: bottom;
  9394. }
  9395. 95% {
  9396. transform: scale(1, 0);
  9397. transform-origin: bottom;
  9398. }
  9399. 96% {
  9400. transform: scale(1, 0);
  9401. transform-origin: top;
  9402. }
  9403. 100% {
  9404. transform: scale(1, 0);
  9405. }
  9406. }
  9407. @keyframes iconClassic {
  9408. 30% {
  9409. color: #151515;
  9410. background: #ffffff;
  9411. }
  9412. 33% {
  9413. color: #ffffff;
  9414. background: #0071dc;
  9415. }
  9416. 64% {
  9417. color: #ffffff;
  9418. background: #0071dc;
  9419. }
  9420. 67% {
  9421. color: #151515;
  9422. background: #ffe220;
  9423. }
  9424. 97% {
  9425. color: #151515;
  9426. background: #ffe220;
  9427. }
  9428. }
  9429. @keyframes iconSvgClassic {
  9430. 30% {
  9431. fill: #151515;
  9432. }
  9433. 33% {
  9434. fill: #ffffff;
  9435. }
  9436. 64% {
  9437. fill: #ffffff;
  9438. }
  9439. 67% {
  9440. fill: #151515;
  9441. }
  9442. 97% {
  9443. fill: #151515;
  9444. }
  9445. }
  9446. /** @section Preloader */
  9447. .preloader {
  9448. position: fixed;
  9449. left: 0;
  9450. top: 0;
  9451. bottom: 0;
  9452. right: 0;
  9453. z-index: 10000;
  9454. display: flex;
  9455. justify-content: center;
  9456. align-items: center;
  9457. padding: 20px;
  9458. background: #ffffff;
  9459. transition: .3s all ease;
  9460. }
  9461. .preloader * {
  9462. box-sizing: content-box;
  9463. }
  9464. .preloader.loaded {
  9465. opacity: 0;
  9466. visibility: hidden;
  9467. }
  9468. .preloader-body {
  9469. text-align: center;
  9470. }
  9471. .preloader-body p {
  9472. position: relative;
  9473. right: -8px;
  9474. }
  9475. .cssload-bell {
  9476. width: 97px;
  9477. height: 99px;
  9478. border-radius: 100%;
  9479. }
  9480. .cssload-circle {
  9481. width: 100%;
  9482. height: 100%;
  9483. position: absolute;
  9484. }
  9485. .cssload-circle .cssload-inner {
  9486. width: 100%;
  9487. height: 100%;
  9488. border-radius: 100%;
  9489. border: 5px solid rgba(0, 113, 220, 0.7);
  9490. border-right: none;
  9491. border-top: none;
  9492. background-clip: padding;
  9493. box-shadow: inset 0 0 10px rgba(0, 113, 220, 0.15);
  9494. }
  9495. .cssload-circle:nth-of-type(0) {
  9496. transform: rotate(0deg);
  9497. }
  9498. .cssload-circle:nth-of-type(0) .cssload-inner {
  9499. animation: cssload-spin 2.3s infinite linear;
  9500. }
  9501. .cssload-circle:nth-of-type(1) {
  9502. transform: rotate(70deg);
  9503. }
  9504. .cssload-circle:nth-of-type(1) .cssload-inner {
  9505. animation: cssload-spin 2.3s infinite linear;
  9506. }
  9507. .cssload-circle:nth-of-type(2) {
  9508. transform: rotate(140deg);
  9509. }
  9510. .cssload-circle:nth-of-type(2) .cssload-inner {
  9511. animation: cssload-spin 2.3s infinite linear;
  9512. }
  9513. .cssload-bell {
  9514. animation: cssload-spin 5.75s infinite linear;
  9515. }
  9516. @keyframes cssload-spin {
  9517. from {
  9518. transform: rotate(0deg);
  9519. }
  9520. to {
  9521. transform: rotate(360deg);
  9522. }
  9523. }
  9524. /** @section ToTop */
  9525. .ui-to-top {
  9526. position: fixed;
  9527. overflow: hidden;
  9528. text-align: center;
  9529. right: 15px;
  9530. bottom: 15px;
  9531. width: 50px;
  9532. height: 50px;
  9533. font-size: 20px;
  9534. line-height: 50px;
  9535. border-radius: 50%;
  9536. text-decoration: none;
  9537. transition: all .45s ease, opacity .25s ease-in-out;
  9538. transform: translate3d(0, 100px, 0);
  9539. opacity: .6;
  9540. z-index: 100;
  9541. }
  9542. .ui-to-top, .ui-to-top:focus, .ui-to-top:active {
  9543. color: #ffffff;
  9544. background: #0071dc;
  9545. }
  9546. .ui-to-top:hover {
  9547. opacity: 1;
  9548. color: #ffffff;
  9549. text-decoration: none;
  9550. }
  9551. .ui-to-top.active {
  9552. transform: translate3d(0, 0, 0);
  9553. }
  9554. html.mobile .ui-to-top,
  9555. html.tablet .ui-to-top {
  9556. display: none !important;
  9557. }
  9558. @media (min-width: 576px) {
  9559. .ui-to-top {
  9560. right: 40px;
  9561. bottom: 40px;
  9562. }
  9563. }
  9564. /** @section RD-Navbar */
  9565. @keyframes rd-navbar-slide-down {
  9566. 0% {
  9567. transform: translateY(-100%);
  9568. }
  9569. 100% {
  9570. transform: translateY(0);
  9571. }
  9572. }
  9573. @keyframes rd-navbar-slide-up {
  9574. 0% {
  9575. transform: translateY(0);
  9576. }
  9577. 100% {
  9578. transform: translateY(-100%);
  9579. }
  9580. }
  9581. .rd-navbar-wrap, .rd-navbar,
  9582. .rd-menu,
  9583. .rd-navbar-nav,
  9584. .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-project {
  9585. transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
  9586. }
  9587. .rd-navbar--no-transition, .rd-navbar--no-transition * {
  9588. transition: none !important;
  9589. }
  9590. .rd-navbar,
  9591. .rd-navbar.rd-navbar--is-clone {
  9592. display: none;
  9593. }
  9594. .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone,
  9595. .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone {
  9596. display: none;
  9597. }
  9598. .rd-navbar {
  9599. display: none;
  9600. background: #ffffff;
  9601. }
  9602. .rd-navbar-toggle {
  9603. display: inline-block;
  9604. position: relative;
  9605. width: 40px;
  9606. height: 48px;
  9607. line-height: 48px;
  9608. padding: 1px 6px;
  9609. cursor: pointer;
  9610. color: #151515;
  9611. background-color: transparent;
  9612. border: none;
  9613. display: none;
  9614. }
  9615. .rd-navbar-toggle span {
  9616. position: relative;
  9617. display: block;
  9618. margin: auto;
  9619. transition: .3s all ease;
  9620. }
  9621. .rd-navbar-toggle span:after, .rd-navbar-toggle span:before {
  9622. content: "";
  9623. position: absolute;
  9624. left: 0;
  9625. top: -8px;
  9626. transition: .3s all ease;
  9627. }
  9628. .rd-navbar-toggle span:after {
  9629. top: 8px;
  9630. }
  9631. .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span {
  9632. width: 24px;
  9633. height: 2px;
  9634. background-color: #151515;
  9635. backface-visibility: hidden;
  9636. border-radius: 0;
  9637. }
  9638. .rd-navbar-toggle.active span {
  9639. background: transparent;
  9640. }
  9641. .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after {
  9642. transform-origin: 50% 50%;
  9643. top: 0;
  9644. }
  9645. .rd-navbar-toggle.active span:before {
  9646. transform: rotate(45deg);
  9647. }
  9648. .rd-navbar-toggle.active span:after {
  9649. transform: rotate(-45deg);
  9650. }
  9651. .rd-navbar-collapse-toggle {
  9652. display: inline-block;
  9653. position: relative;
  9654. width: 40px;
  9655. height: 48px;
  9656. line-height: 48px;
  9657. padding: 1px 6px;
  9658. cursor: pointer;
  9659. color: #151515;
  9660. display: none;
  9661. }
  9662. .rd-navbar-collapse-toggle span {
  9663. top: 50%;
  9664. margin-top: -3px;
  9665. }
  9666. .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
  9667. position: absolute;
  9668. width: 6px;
  9669. height: 6px;
  9670. line-height: 6px;
  9671. text-align: center;
  9672. background: #151515;
  9673. left: 50%;
  9674. margin-left: -3px;
  9675. border-radius: 50%;
  9676. transition: .3s all ease;
  9677. }
  9678. .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
  9679. content: '';
  9680. }
  9681. .rd-navbar-collapse-toggle span:before {
  9682. bottom: 100%;
  9683. margin-bottom: 3px;
  9684. }
  9685. .rd-navbar-collapse-toggle span:after {
  9686. top: 100%;
  9687. margin-top: 3px;
  9688. }
  9689. .rd-navbar-collapse-toggle.active span {
  9690. transform: scale(0.7);
  9691. }
  9692. .rd-navbar-collapse-toggle.active span:before {
  9693. transform: translateY(18px);
  9694. }
  9695. .rd-navbar-collapse-toggle.active span:after {
  9696. transform: translateY(-18px);
  9697. }
  9698. .rd-navbar-brand a {
  9699. display: block;
  9700. }
  9701. .rd-navbar-search {
  9702. position: relative;
  9703. display: inline-flex;
  9704. }
  9705. .rd-navbar-search .form-input {
  9706. padding-right: 50px;
  9707. }
  9708. .rd-navbar-search .rd-search-form-submit {
  9709. position: absolute;
  9710. top: 0;
  9711. bottom: 0;
  9712. right: 0;
  9713. width: 50px;
  9714. padding: 0;
  9715. margin: 0;
  9716. font-size: 24px;
  9717. line-height: 1;
  9718. border: none;
  9719. cursor: pointer;
  9720. background-color: transparent;
  9721. color: #cccccc;
  9722. transition: .33s;
  9723. }
  9724. .rd-navbar-search .rd-search-form-submit:hover {
  9725. color: #0071dc;
  9726. }
  9727. .rd-navbar-search-toggle {
  9728. background: none;
  9729. border: none;
  9730. display: inline-block;
  9731. padding: 0;
  9732. outline: none;
  9733. outline-offset: 0;
  9734. cursor: pointer;
  9735. -webkit-appearance: none;
  9736. }
  9737. .rd-navbar-search-toggle::-moz-focus-inner {
  9738. border: none;
  9739. padding: 0;
  9740. }
  9741. .rd-navbar-dropdown {
  9742. display: none;
  9743. }
  9744. .mac-os .rd-menu a {
  9745. opacity: .9999;
  9746. }
  9747. /*
  9748. * @subsection RD Navbar Static
  9749. */
  9750. .rd-navbar-static {
  9751. display: block;
  9752. }
  9753. .rd-navbar-static .rd-nav-item {
  9754. display: inline-block;
  9755. }
  9756. .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link {
  9757. color: #0071dc;
  9758. background: transparent;
  9759. }
  9760. .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle {
  9761. color: #0071dc;
  9762. }
  9763. .rd-navbar-static .rd-nav-item.active .rd-nav-link {
  9764. color: #0071dc;
  9765. background: transparent;
  9766. }
  9767. .rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle {
  9768. color: #0071dc;
  9769. }
  9770. .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before,
  9771. .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before,
  9772. .rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before {
  9773. transform: rotate(180deg);
  9774. }
  9775. .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle {
  9776. display: none;
  9777. margin-left: 4px;
  9778. font-family: "Material Design Icons";
  9779. font-size: 16px;
  9780. cursor: pointer;
  9781. }
  9782. .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before {
  9783. position: relative;
  9784. display: inline-block;
  9785. transition: .22s;
  9786. content: '\f236';
  9787. }
  9788. .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover {
  9789. color: #0071dc;
  9790. }
  9791. .rd-navbar-static .rd-nav-item > .rd-navbar-submenu {
  9792. margin-top: 20px;
  9793. }
  9794. .rd-navbar-static .rd-nav-item + .rd-nav-item {
  9795. margin-left: 42px;
  9796. }
  9797. .rd-navbar-static .rd-nav-link {
  9798. position: relative;
  9799. display: inline-block;
  9800. font-size: 14px;
  9801. line-height: 1.2;
  9802. font-weight: 600;
  9803. letter-spacing: .1em;
  9804. text-transform: uppercase;
  9805. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  9806. color: #151515;
  9807. transition: all .25s ease-in-out;
  9808. }
  9809. .rd-navbar-static .rd-nav-link:hover {
  9810. color: #0071dc;
  9811. }
  9812. .rd-navbar-static .rd-menu {
  9813. position: absolute;
  9814. text-align: left;
  9815. display: block;
  9816. top: 100%;
  9817. transform: translate3d(0, 30px, 0) scale(0.7);
  9818. visibility: hidden;
  9819. opacity: 0;
  9820. z-index: 15;
  9821. }
  9822. .rd-navbar-static .rd-menu::before, .rd-navbar-static .rd-menu::after {
  9823. position: absolute;
  9824. content: '';
  9825. right: 0;
  9826. bottom: 0;
  9827. left: 0;
  9828. z-index: -1;
  9829. pointer-events: none;
  9830. }
  9831. .rd-navbar-static .rd-menu::before {
  9832. top: 5px;
  9833. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  9834. }
  9835. .rd-navbar-static .rd-menu::after {
  9836. top: 0;
  9837. background: #ffffff;
  9838. }
  9839. .rd-navbar-static .rd-navbar-dropdown {
  9840. position: absolute;
  9841. padding: 30px;
  9842. margin-left: -30px;
  9843. width: 260px;
  9844. background: #ffffff;
  9845. z-index: 5;
  9846. }
  9847. .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown {
  9848. top: -1px;
  9849. left: 100%;
  9850. z-index: 2;
  9851. margin-top: -15px;
  9852. margin-left: 15px;
  9853. transform: translate3d(30px, 0, 0);
  9854. }
  9855. .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left {
  9856. left: auto;
  9857. right: 100%;
  9858. margin-left: 0;
  9859. margin-right: 15px;
  9860. transform: translate3d(-30px, 0, 0);
  9861. }
  9862. @media (min-width: 1200px) {
  9863. .rd-navbar-static .rd-navbar-dropdown {
  9864. margin-top: 55px;
  9865. margin-left: -7px;
  9866. }
  9867. }
  9868. .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link {
  9869. color: #0071dc;
  9870. }
  9871. .rd-navbar-static .rd-dropdown-item + .rd-dropdown-item {
  9872. margin-top: 14px;
  9873. }
  9874. @media (min-width: 1200px) {
  9875. .rd-navbar-static .rd-dropdown-item + .rd-dropdown-item {
  9876. margin-top: 24px;
  9877. }
  9878. }
  9879. .rd-navbar-static .rd-dropdown-link {
  9880. color: #151515;
  9881. }
  9882. .rd-navbar-static .rd-dropdown-link:hover {
  9883. color: #0071dc;
  9884. }
  9885. .rd-navbar-static .rd-dropdown-link,
  9886. .rd-navbar-static .rd-megamenu-list-link {
  9887. font-size: 12px;
  9888. line-height: 1.2;
  9889. font-weight: 400;
  9890. letter-spacing: .1em;
  9891. text-transform: uppercase;
  9892. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  9893. color: #151515;
  9894. transition: all .25s ease-in-out;
  9895. }
  9896. @media (min-width: 1200px) {
  9897. .rd-navbar-static .rd-dropdown-link,
  9898. .rd-navbar-static .rd-megamenu-list-link {
  9899. font-size: 14px;
  9900. }
  9901. }
  9902. .rd-navbar-static .rd-navbar-megamenu {
  9903. display: flex;
  9904. justify-content: space-between;
  9905. left: 0;
  9906. width: 100%;
  9907. padding: 30px;
  9908. max-width: 1200px;
  9909. background: #ffffff;
  9910. }
  9911. @media (min-width: 1200px) {
  9912. .rd-navbar-static .rd-navbar-megamenu {
  9913. padding: 30px 70px 70px;
  9914. }
  9915. }
  9916. .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item {
  9917. padding-left: 30px;
  9918. }
  9919. @media (min-width: 1200px) {
  9920. .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item {
  9921. padding-left: 40px;
  9922. }
  9923. }
  9924. .rd-navbar-static .rd-megamenu-banner .banner-classic {
  9925. max-width: 220px;
  9926. }
  9927. .rd-navbar-static .rd-megamenu-banner .owl-dots {
  9928. margin-top: 30px;
  9929. }
  9930. @media (min-width: 1200px) {
  9931. .rd-navbar-static .rd-megamenu-banner .banner-classic {
  9932. max-width: 300px;
  9933. }
  9934. }
  9935. .rd-navbar-static .rd-megamenu-item-1 {
  9936. flex-basis: 371px;
  9937. max-width: 371px;
  9938. }
  9939. .rd-navbar-static .rd-megamenu-item-1 .rd-megamenu-list {
  9940. columns: 2;
  9941. break-inside: avoid;
  9942. -moz-column-gap: 30px;
  9943. -webkit-column-gap: 30px;
  9944. }
  9945. @media (min-width: 1200px) {
  9946. .rd-navbar-static .rd-megamenu-item-1 .rd-megamenu-list {
  9947. -moz-column-gap: 40px;
  9948. -webkit-column-gap: 40px;
  9949. }
  9950. }
  9951. .rd-navbar-static .rd-megamenu-item-2 {
  9952. flex: 1 0 320px;
  9953. max-width: 320px;
  9954. }
  9955. .rd-navbar-static .rd-megamenu-title {
  9956. padding-bottom: 16px;
  9957. border-bottom: 1px solid #e1e1e1;
  9958. color: #0071dc;
  9959. }
  9960. .rd-navbar-static .rd-megamenu-title > * {
  9961. display: inline-block;
  9962. vertical-align: middle;
  9963. }
  9964. .rd-navbar-static .rd-megamenu-title > * + * {
  9965. margin-left: 14px;
  9966. }
  9967. .rd-navbar-static .rd-megamenu-icon {
  9968. font-size: 24px;
  9969. }
  9970. @media (min-width: 1200px) {
  9971. .rd-navbar-static .rd-megamenu-icon {
  9972. font-size: 30px;
  9973. }
  9974. }
  9975. .rd-navbar-static .rd-megamenu-text {
  9976. font-size: 12px;
  9977. line-height: 1.72;
  9978. font-weight: 600;
  9979. letter-spacing: .1em;
  9980. text-transform: uppercase;
  9981. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  9982. }
  9983. @media (min-width: 1200px) {
  9984. .rd-navbar-static .rd-megamenu-text {
  9985. font-size: 14px;
  9986. }
  9987. }
  9988. .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item {
  9989. margin-top: 14px;
  9990. }
  9991. @media (min-width: 1200px) {
  9992. .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item {
  9993. margin-top: 24px;
  9994. }
  9995. }
  9996. .rd-navbar-static .rd-megamenu-list-link {
  9997. color: #000000;
  9998. background: transparent;
  9999. }
  10000. .rd-navbar-static .rd-megamenu-list-link:hover {
  10001. color: #0071dc;
  10002. background: transparent;
  10003. }
  10004. .rd-navbar-static * + .rd-megamenu-list {
  10005. margin-top: 20px;
  10006. }
  10007. .rd-navbar-static .rd-megamenu-title + .banner-classic {
  10008. margin-top: 25px;
  10009. }
  10010. @media (min-width: 1200px) {
  10011. .rd-navbar-static * + .rd-megamenu-list {
  10012. margin-top: 35px;
  10013. }
  10014. .rd-navbar-static .rd-megamenu-title + .banner-classic {
  10015. margin-top: 42px;
  10016. }
  10017. }
  10018. .rd-navbar-static .rd-navbar-submenu.focus > .rd-menu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu {
  10019. opacity: 1;
  10020. visibility: visible;
  10021. transform: translate3d(0, 0, 0);
  10022. }
  10023. .rd-navbar-static .rd-navbar-search.active .rd-search {
  10024. visibility: visible;
  10025. opacity: 1;
  10026. }
  10027. .rd-navbar-static .rd-search {
  10028. position: absolute;
  10029. top: 0;
  10030. right: 0;
  10031. width: 270px;
  10032. opacity: 0;
  10033. visibility: hidden;
  10034. transition: .3s;
  10035. z-index: 2;
  10036. }
  10037. .rd-navbar-static * + .rd-navbar-search {
  10038. margin-left: 42px;
  10039. }
  10040. .rd-navbar-static .rd-navbar-search-toggle {
  10041. display: inline-flex;
  10042. color: #151515;
  10043. }
  10044. .rd-navbar-static .rd-navbar-search-toggle span {
  10045. display: inline-block;
  10046. position: relative;
  10047. width: 30px;
  10048. height: 30px;
  10049. font-size: 24px;
  10050. line-height: 30px;
  10051. text-align: center;
  10052. cursor: pointer;
  10053. background: none;
  10054. border: none;
  10055. outline: none;
  10056. padding: 0;
  10057. }
  10058. .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after {
  10059. position: absolute;
  10060. top: 0;
  10061. left: 0;
  10062. right: 0;
  10063. bottom: 0;
  10064. transition: all .3s ease;
  10065. }
  10066. .rd-navbar-static .rd-navbar-search-toggle span::before {
  10067. content: "";
  10068. transform: rotate(0deg) scale(1);
  10069. opacity: 1;
  10070. visibility: visible;
  10071. font-family: "fl-bigmug-line";
  10072. }
  10073. .rd-navbar-static .rd-navbar-search-toggle span::after {
  10074. content: "";
  10075. transform: rotate(-90deg) scale(0.4);
  10076. opacity: 0;
  10077. visibility: hidden;
  10078. font-family: "fl-bigmug-line";
  10079. }
  10080. .rd-navbar-static .rd-navbar-search-toggle.active span::before {
  10081. opacity: 0;
  10082. visibility: hidden;
  10083. transform: rotate(90deg) scale(0.4);
  10084. }
  10085. .rd-navbar-static .rd-navbar-search-toggle.active span::after {
  10086. transform: rotate(0deg) scale(1);
  10087. opacity: 1;
  10088. visibility: visible;
  10089. }
  10090. .rd-navbar-static .rd-navbar-search-toggle:hover {
  10091. color: #0071dc;
  10092. }
  10093. .rd-navbar-static.rd-navbar--is-clone {
  10094. display: block;
  10095. transform: translate3d(0, -100%, 0);
  10096. }
  10097. .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
  10098. transform: translate3d(0, 0, 0);
  10099. }
  10100. .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone {
  10101. position: fixed;
  10102. left: 0;
  10103. top: 0;
  10104. right: 0;
  10105. z-index: 1080;
  10106. background: #ffffff;
  10107. }
  10108. .rd-navbar-static .rd-navbar-basket-wrap {
  10109. display: block;
  10110. }
  10111. .rd-navbar-static .rd-navbar-basket-mobile {
  10112. display: none;
  10113. }
  10114. .rd-navbar-static .rd-navbar-search-2.active .rd-search .form-wrap {
  10115. max-width: 80%;
  10116. opacity: 1;
  10117. transition-delay: .3s;
  10118. }
  10119. @media (min-width: 1200px) {
  10120. .rd-navbar-static .rd-navbar-search-2.active .rd-search .form-wrap {
  10121. max-width: 1000px;
  10122. }
  10123. }
  10124. .rd-navbar-static .rd-navbar-search-2 .rd-search {
  10125. position: fixed;
  10126. content: '';
  10127. top: 0;
  10128. right: 0;
  10129. bottom: 0;
  10130. left: 0;
  10131. width: auto;
  10132. margin-top: 0;
  10133. background: rgba(0, 0, 0, 0.9);
  10134. transition: all .3s ease-in-out;
  10135. z-index: 1090;
  10136. }
  10137. .rd-navbar-static .rd-navbar-search-2 .rd-search .form-wrap {
  10138. margin-top: 20%;
  10139. margin-left: auto;
  10140. margin-right: auto;
  10141. max-width: 200px;
  10142. opacity: 0;
  10143. transition: all .3s ease;
  10144. }
  10145. @media (min-width: 1600px) {
  10146. .rd-navbar-static .rd-navbar-search-2 .rd-search .form-wrap {
  10147. margin-top: 15%;
  10148. }
  10149. }
  10150. .rd-navbar-static .rd-navbar-search-2 .form-label {
  10151. top: 35px;
  10152. }
  10153. .rd-navbar-static .rd-navbar-search-2 .form-label,
  10154. .rd-navbar-static .rd-navbar-search-2 .rd-navbar-search-form-input {
  10155. color: #ffffff;
  10156. font-size: 24px;
  10157. }
  10158. .rd-navbar-static .rd-navbar-search-2 .rd-navbar-search-form-input {
  10159. border-radius: 0;
  10160. background: transparent;
  10161. border-bottom: 1px solid #ffffff;
  10162. }
  10163. .rd-navbar-static .rd-navbar-search-2 .rd-navbar-search-toggle {
  10164. position: relative;
  10165. }
  10166. .rd-navbar-static .rd-navbar-search-2 .rd-navbar-search-toggle.active {
  10167. color: #ffffff;
  10168. z-index: 1091;
  10169. }
  10170. .rd-navbar-static .rd-navbar-search-2 .rd-navbar-search-toggle.active:hover {
  10171. color: rgba(255, 255, 255, 0.5);
  10172. }
  10173. .rd-navbar-static .rd-navbar-search-2 .rd-search-results-live {
  10174. min-height: 400px;
  10175. }
  10176. .rd-navbar-static .rd-navbar-search-2 .rd-search-results-live .search-quick-result {
  10177. visibility: hidden;
  10178. opacity: 0;
  10179. }
  10180. .rd-navbar-static .rd-navbar-search-2 .rd-search-results-live .search-list > li {
  10181. transform: translate3d(0, 40px, 0);
  10182. visibility: hidden;
  10183. opacity: 0;
  10184. }
  10185. .rd-navbar-static .rd-navbar-search-2 .rd-search-form-submit {
  10186. color: #ffffff;
  10187. }
  10188. .rd-navbar-static .rd-navbar-search-2 .rd-search-form-submit:hover {
  10189. color: rgba(255, 255, 255, 0.5);
  10190. }
  10191. .rd-navbar-static .rd-navbar-search-2 .search-list {
  10192. display: flex;
  10193. flex-wrap: wrap;
  10194. }
  10195. .rd-navbar-static .rd-navbar-search-2 .search-list > li {
  10196. transition: all .5s ease;
  10197. }
  10198. .rd-navbar-static .rd-navbar-search-2 .search-list > li:not(.search-list-item-all) {
  10199. flex: 0 0 50%;
  10200. max-width: 50%;
  10201. margin-top: 20px;
  10202. }
  10203. .rd-navbar-static .rd-navbar-search-2 .search-list .search-list-item-all {
  10204. margin-top: 30px;
  10205. padding: 0 15px;
  10206. }
  10207. .rd-navbar-static .rd-navbar-search-2 .search-list li + li {
  10208. margin-top: 0;
  10209. }
  10210. .rd-navbar-static .rd-navbar-search-2 .search-list {
  10211. margin-top: 10px;
  10212. }
  10213. .rd-navbar-static .rd-navbar-search-2 #search-results {
  10214. margin: 0;
  10215. color: #ffffff;
  10216. background: transparent;
  10217. opacity: 1;
  10218. visibility: visible;
  10219. border-radius: 0;
  10220. transform: none;
  10221. }
  10222. .rd-navbar-static .rd-navbar-search-2 #search-results.active {
  10223. transform: none;
  10224. }
  10225. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-quick-result {
  10226. opacity: 1;
  10227. visibility: visible;
  10228. transform: none;
  10229. }
  10230. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list > li {
  10231. opacity: 1;
  10232. visibility: visible;
  10233. transform: none;
  10234. }
  10235. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(1) {
  10236. transition-delay: 50ms;
  10237. }
  10238. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(2) {
  10239. transition-delay: 100ms;
  10240. }
  10241. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(3) {
  10242. transition-delay: 150ms;
  10243. }
  10244. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(4) {
  10245. transition-delay: 200ms;
  10246. }
  10247. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(5) {
  10248. transition-delay: 250ms;
  10249. }
  10250. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(6) {
  10251. transition-delay: 300ms;
  10252. }
  10253. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(7) {
  10254. transition-delay: 350ms;
  10255. }
  10256. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(8) {
  10257. transition-delay: 400ms;
  10258. }
  10259. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(9) {
  10260. transition-delay: 450ms;
  10261. }
  10262. .rd-navbar-static .rd-navbar-search-2 #search-results.active .search-list li:nth-child(10) {
  10263. transition-delay: 500ms;
  10264. }
  10265. .rd-navbar-static .rd-navbar-search-2 .search-submit {
  10266. display: inline-block;
  10267. padding: 10px 30px;
  10268. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  10269. }
  10270. .rd-navbar-static .rd-navbar-search-2 * + .rd-search-results-live {
  10271. margin-top: 20px;
  10272. }
  10273. .rd-navbar-static .rd-navbar-search-2 .search-title {
  10274. color: #ffffff;
  10275. }
  10276. .rd-navbar-static .rd-navbar-search-2 .search-link:hover {
  10277. color: #ffe220;
  10278. }
  10279. .rd-navbar-static .rd-navbar-search-2 .search-quick-result {
  10280. color: #ffffff;
  10281. transition: all .5s ease;
  10282. }
  10283. .cart-inline {
  10284. position: absolute;
  10285. text-align: left;
  10286. top: calc(100% + 30px);
  10287. right: -18px;
  10288. min-width: 400px;
  10289. margin-top: 30px;
  10290. background: #ffffff;
  10291. transform: translate3d(0, 0, 0);
  10292. backface-visibility: hidden;
  10293. filter: drop-shadow(0 0 3px rgba(1, 3, 4, 0.19));
  10294. opacity: 0;
  10295. visibility: hidden;
  10296. pointer-events: none;
  10297. transition: all .3s ease-in-out;
  10298. z-index: 1082;
  10299. }
  10300. .cart-inline::before {
  10301. position: absolute;
  10302. content: '';
  10303. bottom: calc(100% - 10px);
  10304. right: 40px;
  10305. width: 0;
  10306. height: 0;
  10307. border-style: solid;
  10308. border-width: 0 0 34px 34px;
  10309. border-color: transparent transparent #ffffff transparent;
  10310. }
  10311. .cart-inline.active {
  10312. margin-top: 0;
  10313. opacity: 1;
  10314. visibility: visible;
  10315. pointer-events: auto;
  10316. }
  10317. .cart-inline .stepper input[type="number"] {
  10318. min-height: 40px;
  10319. padding-top: 0;
  10320. padding-bottom: 0;
  10321. }
  10322. .cart-inline-header {
  10323. padding: 20px;
  10324. }
  10325. .cart-inline-body {
  10326. padding: 20px;
  10327. border-top: 1px solid #e1e1e1;
  10328. }
  10329. .cart-inline-footer {
  10330. padding: 20px;
  10331. border-top: 1px solid #e1e1e1;
  10332. }
  10333. .cart-inline-title {
  10334. text-transform: uppercase;
  10335. }
  10336. .cart-inline-figure {
  10337. display: block;
  10338. background: #f5f5f5;
  10339. }
  10340. .cart-inline-figure img {
  10341. width: 100%;
  10342. transition: all .3s ease;
  10343. will-change: transform;
  10344. }
  10345. .cart-inline-figure:hover img {
  10346. transform: scale(1.05);
  10347. }
  10348. * + .cart-inline-title {
  10349. margin-top: 0;
  10350. }
  10351. .cart-inline-name + * {
  10352. margin-top: 10px;
  10353. }
  10354. .cart-inline-item + .cart-inline-item {
  10355. margin-top: 15px;
  10356. }
  10357. .ie-10 .cart-inline,
  10358. .ie-11 .cart-inline,
  10359. .ie-edge .cart-inline {
  10360. box-shadow: 0 0 5px rgba(1, 3, 4, 0.19);
  10361. }
  10362. .ie-10 .cart-inline::before,
  10363. .ie-11 .cart-inline::before,
  10364. .ie-edge .cart-inline::before {
  10365. bottom: 100%;
  10366. border-width: 0 0 24px 24px;
  10367. z-index: 1;
  10368. }
  10369. .ie-10 .cart-inline::after,
  10370. .ie-11 .cart-inline::after,
  10371. .ie-edge .cart-inline::after {
  10372. position: absolute;
  10373. content: '';
  10374. bottom: calc(100% + 2px);
  10375. right: 38px;
  10376. width: 0;
  10377. height: 0;
  10378. border-style: solid;
  10379. border-width: 0 0 28px 28px;
  10380. border-color: transparent transparent rgba(0, 0, 0, 0.04) transparent;
  10381. z-index: 0;
  10382. }
  10383. .context-dark .cart-inline-name, .bg-gray-700 .cart-inline-name, .bg-gray-3 .cart-inline-name, .bg-brown-1 .cart-inline-name, .bg-sky-blue .cart-inline-name, .bg-primary .cart-inline-name,
  10384. .context-dark .cart-inline-title,
  10385. .bg-gray-700 .cart-inline-title,
  10386. .bg-gray-3 .cart-inline-title,
  10387. .bg-brown-1 .cart-inline-title,
  10388. .bg-sky-blue .cart-inline-title,
  10389. .bg-primary .cart-inline-title {
  10390. color: #151515;
  10391. }
  10392. .rd-navbar-basket {
  10393. position: relative;
  10394. display: inline-block;
  10395. padding: 0 12px 0 0;
  10396. font-size: 24px;
  10397. line-height: 1;
  10398. color: #151515;
  10399. outline: none;
  10400. border: none;
  10401. box-shadow: none;
  10402. background: none;
  10403. cursor: pointer;
  10404. transition: all .3s ease-in-out;
  10405. }
  10406. .rd-navbar-basket span {
  10407. position: absolute;
  10408. top: 0;
  10409. right: 0;
  10410. font-size: 12px;
  10411. font-weight: 600;
  10412. letter-spacing: 0;
  10413. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  10414. color: #0071dc;
  10415. }
  10416. .rd-navbar-basket:hover {
  10417. color: #0071dc;
  10418. }
  10419. .rd-navbar-basket-wrap {
  10420. position: relative;
  10421. }
  10422. /*
  10423. *
  10424. * RD Navbar Fixed
  10425. */
  10426. .rd-navbar-fixed {
  10427. display: block;
  10428. }
  10429. .rd-navbar-fixed .rd-navbar-toggle {
  10430. display: inline-block;
  10431. }
  10432. .rd-navbar-fixed .rd-navbar-brand {
  10433. position: relative;
  10434. margin-left: 6px;
  10435. overflow: hidden;
  10436. white-space: nowrap;
  10437. text-overflow: ellipsis;
  10438. text-align: left;
  10439. font-size: 22px;
  10440. line-height: 46px;
  10441. }
  10442. .rd-navbar-fixed .rd-navbar-brand img {
  10443. width: auto;
  10444. height: auto;
  10445. max-width: 155px;
  10446. max-height: 40px;
  10447. }
  10448. .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-dark,
  10449. .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-light {
  10450. display: none;
  10451. }
  10452. .rd-navbar-fixed.rd-navbar-logo-mobile .brand-logo-fixed {
  10453. display: block;
  10454. }
  10455. .rd-navbar-fixed .rd-navbar-panel {
  10456. position: fixed;
  10457. left: 0;
  10458. top: 0;
  10459. right: 0;
  10460. z-index: 1080;
  10461. display: flex;
  10462. align-items: center;
  10463. height: 56px;
  10464. padding: 4px;
  10465. }
  10466. .rd-navbar-fixed .rd-navbar-nav-wrap {
  10467. position: fixed;
  10468. left: 0;
  10469. top: -56px;
  10470. bottom: -56px;
  10471. z-index: 1079;
  10472. width: 270px;
  10473. padding: 112px 0 81px;
  10474. overflow-y: auto;
  10475. overflow-x: hidden;
  10476. -webkit-overflow-scrolling: touch;
  10477. font-size: 14px;
  10478. line-height: 34px;
  10479. transform: translateX(-110%);
  10480. }
  10481. .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar {
  10482. width: 4px;
  10483. }
  10484. .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
  10485. background: #43a4ff;
  10486. border: none;
  10487. border-radius: 0;
  10488. opacity: .2;
  10489. }
  10490. .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
  10491. background: #0071dc;
  10492. border: none;
  10493. border-radius: 0;
  10494. }
  10495. .rd-navbar-fixed .rd-navbar-nav-wrap.active {
  10496. transform: translateX(0);
  10497. }
  10498. .rd-navbar-fixed .rd-navbar-nav {
  10499. display: block;
  10500. margin: 15px 0;
  10501. height: auto;
  10502. text-align: left;
  10503. }
  10504. .rd-navbar-fixed .rd-nav-item {
  10505. text-align: left;
  10506. }
  10507. .rd-navbar-fixed .rd-nav-item + .rd-nav-item {
  10508. margin-top: 4px;
  10509. }
  10510. .rd-navbar-fixed .rd-nav-link {
  10511. display: block;
  10512. padding: 9px 50px 9px 12px;
  10513. font-size: 12px;
  10514. line-height: 1.4;
  10515. font-weight: 600;
  10516. letter-spacing: .1em;
  10517. text-transform: uppercase;
  10518. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  10519. }
  10520. .rd-navbar-fixed li.opened > .rd-navbar-dropdown {
  10521. padding: 4px 0 0;
  10522. }
  10523. .rd-navbar-fixed li.opened > .rd-navbar-megamenu {
  10524. padding-top: 20px;
  10525. padding-bottom: 15px;
  10526. }
  10527. .rd-navbar-fixed li.opened > .rd-menu {
  10528. opacity: 1;
  10529. height: auto;
  10530. }
  10531. .rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after {
  10532. transform: rotate(180deg);
  10533. }
  10534. .rd-navbar-fixed .rd-menu {
  10535. display: none;
  10536. transition: opacity 0.3s, height 0.4s ease;
  10537. opacity: 0;
  10538. height: 0;
  10539. overflow: hidden;
  10540. }
  10541. .rd-navbar-fixed .rd-navbar-submenu {
  10542. position: relative;
  10543. }
  10544. .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after {
  10545. height: 34px;
  10546. line-height: 34px;
  10547. }
  10548. .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a {
  10549. padding-left: 24px;
  10550. }
  10551. .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
  10552. .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
  10553. padding-left: 46px;
  10554. }
  10555. .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
  10556. .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
  10557. display: block;
  10558. }
  10559. .rd-navbar-fixed .rd-megamenu-list > li > a,
  10560. .rd-navbar-fixed .rd-navbar-dropdown > li > a {
  10561. display: block;
  10562. padding: 9px 50px 9px 16px;
  10563. font-size: 12px;
  10564. line-height: 1.4;
  10565. font-weight: 400;
  10566. letter-spacing: .1em;
  10567. text-transform: uppercase;
  10568. }
  10569. .rd-navbar-fixed .rd-megamenu-list > li + li,
  10570. .rd-navbar-fixed .rd-navbar-dropdown > li + li {
  10571. margin-top: 3px;
  10572. }
  10573. .rd-navbar-fixed .rd-megamenu-list > li > a {
  10574. padding-left: 24px;
  10575. }
  10576. .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list {
  10577. margin-top: 10px;
  10578. }
  10579. .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title {
  10580. margin-top: 20px;
  10581. }
  10582. .rd-navbar-fixed .rd-navbar-megamenu > li + li {
  10583. margin-top: 20px;
  10584. }
  10585. .rd-navbar-fixed .rd-megamenu-title {
  10586. margin-left: 12px;
  10587. padding-bottom: 10px;
  10588. border-bottom: 1px solid #e1e1e1;
  10589. font-size: 0;
  10590. line-height: 0;
  10591. color: #0071dc;
  10592. }
  10593. .rd-navbar-fixed .rd-megamenu-title > * {
  10594. display: inline-block;
  10595. vertical-align: middle;
  10596. }
  10597. .rd-navbar-fixed .rd-megamenu-title > * + * {
  10598. margin-left: 8px;
  10599. }
  10600. .rd-navbar-fixed .rd-megamenu-icon {
  10601. font-size: 20px;
  10602. }
  10603. .rd-navbar-fixed .rd-megamenu-text {
  10604. font-size: 12px;
  10605. line-height: 1.72;
  10606. font-weight: 600;
  10607. letter-spacing: .1em;
  10608. text-transform: uppercase;
  10609. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  10610. }
  10611. .rd-navbar-fixed .rd-navbar-submenu-toggle {
  10612. cursor: pointer;
  10613. }
  10614. .rd-navbar-fixed .rd-navbar-submenu-toggle::after {
  10615. content: '\f107';
  10616. position: absolute;
  10617. top: 0;
  10618. right: 0;
  10619. width: 50px;
  10620. height: 34px;
  10621. font: 400 14px "FontAwesome";
  10622. line-height: 34px;
  10623. text-align: center;
  10624. transition: 0.4s all ease;
  10625. z-index: 2;
  10626. cursor: pointer;
  10627. }
  10628. .rd-navbar-fixed .rd-navbar-collapse-toggle {
  10629. display: block;
  10630. top: 4px;
  10631. z-index: 1081;
  10632. }
  10633. .rd-navbar-fixed .rd-navbar-collapse {
  10634. text-align: center;
  10635. position: fixed;
  10636. top: 56px;
  10637. right: 0;
  10638. width: auto;
  10639. padding: 15px;
  10640. border-radius: 0;
  10641. font-size: 15px;
  10642. transform: translate3d(0, -10px, 0);
  10643. opacity: 0;
  10644. transition: .3s;
  10645. visibility: hidden;
  10646. z-index: 1079;
  10647. }
  10648. .rd-navbar-fixed .rd-navbar-collapse.active {
  10649. transform: translate3d(0, 0, 0);
  10650. opacity: 1;
  10651. visibility: visible;
  10652. }
  10653. .rd-navbar-fixed .rd-navbar-collapse .list-inline > li {
  10654. display: block;
  10655. }
  10656. .rd-navbar-fixed .rd-navbar-collapse .list-inline > li + li {
  10657. margin-top: 10px;
  10658. }
  10659. .rd-navbar-fixed .rd-navbar-main-element {
  10660. position: absolute;
  10661. float: left;
  10662. }
  10663. .rd-navbar-fixed .rd-navbar-search .rd-search {
  10664. position: fixed;
  10665. right: 0;
  10666. left: 0;
  10667. top: 56px;
  10668. z-index: 1079;
  10669. width: 100%;
  10670. opacity: 0;
  10671. visibility: hidden;
  10672. transition: .3s;
  10673. transform: translate3d(0, -10px, 0);
  10674. }
  10675. .rd-navbar-fixed .rd-navbar-search .rd-search-results-live {
  10676. display: none;
  10677. }
  10678. .rd-navbar-fixed .rd-navbar-search .form-input {
  10679. background: #ffffff;
  10680. border: 1px solid #ffffff;
  10681. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  10682. }
  10683. .rd-navbar-fixed .rd-navbar-search .form-input,
  10684. .rd-navbar-fixed .rd-navbar-search .form-label {
  10685. padding-right: 50px;
  10686. padding-left: 15px;
  10687. }
  10688. .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
  10689. position: absolute;
  10690. top: 0;
  10691. bottom: 0;
  10692. right: 0;
  10693. width: 50px;
  10694. padding: 0;
  10695. margin: 0;
  10696. border: none;
  10697. background-color: transparent;
  10698. }
  10699. .rd-navbar-fixed .rd-navbar-search.active .rd-search {
  10700. opacity: 1;
  10701. visibility: visible;
  10702. transform: none;
  10703. }
  10704. .rd-navbar-fixed .rd-navbar-search-toggle {
  10705. display: inline-flex;
  10706. }
  10707. .rd-navbar-fixed .rd-navbar-search-toggle span {
  10708. display: inline-block;
  10709. position: relative;
  10710. width: 48px;
  10711. height: 48px;
  10712. font-size: 26px;
  10713. line-height: 48px;
  10714. text-align: center;
  10715. cursor: pointer;
  10716. background: none;
  10717. border: none;
  10718. outline: none;
  10719. padding: 0;
  10720. }
  10721. .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after {
  10722. position: absolute;
  10723. top: 0;
  10724. left: 0;
  10725. right: 0;
  10726. bottom: 0;
  10727. transition: all .3s ease;
  10728. }
  10729. .rd-navbar-fixed .rd-navbar-search-toggle span::before {
  10730. content: "";
  10731. transform: rotate(0deg) scale(1);
  10732. opacity: 1;
  10733. visibility: visible;
  10734. font-family: "Material Design Icons";
  10735. }
  10736. .rd-navbar-fixed .rd-navbar-search-toggle span::after {
  10737. content: "";
  10738. transform: rotate(-90deg) scale(0.4);
  10739. opacity: 0;
  10740. visibility: hidden;
  10741. font-family: "Material Design Icons";
  10742. }
  10743. .rd-navbar-fixed .rd-navbar-search-toggle.active span::before {
  10744. opacity: 0;
  10745. visibility: hidden;
  10746. transform: rotate(90deg) scale(0.4);
  10747. }
  10748. .rd-navbar-fixed .rd-navbar-search-toggle.active span::after {
  10749. transform: rotate(0deg) scale(1);
  10750. opacity: 1;
  10751. visibility: visible;
  10752. }
  10753. .rd-navbar-fixed .rd-navbar-search-toggle span {
  10754. display: inline-block;
  10755. position: relative;
  10756. width: 30px;
  10757. height: 48px;
  10758. font-size: 24px;
  10759. line-height: 48px;
  10760. text-align: center;
  10761. cursor: pointer;
  10762. background: none;
  10763. border: none;
  10764. outline: none;
  10765. padding: 0;
  10766. }
  10767. .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after {
  10768. position: absolute;
  10769. top: 0;
  10770. left: 0;
  10771. right: 0;
  10772. bottom: 0;
  10773. transition: all .3s ease;
  10774. }
  10775. .rd-navbar-fixed .rd-navbar-search-toggle span::before {
  10776. content: "";
  10777. transform: rotate(0deg) scale(1);
  10778. opacity: 1;
  10779. visibility: visible;
  10780. font-family: "fl-bigmug-line";
  10781. }
  10782. .rd-navbar-fixed .rd-navbar-search-toggle span::after {
  10783. content: "";
  10784. transform: rotate(-90deg) scale(0.4);
  10785. opacity: 0;
  10786. visibility: hidden;
  10787. font-family: "fl-bigmug-line";
  10788. }
  10789. .rd-navbar-fixed .rd-navbar-search-toggle.active span::before {
  10790. opacity: 0;
  10791. visibility: hidden;
  10792. transform: rotate(90deg) scale(0.4);
  10793. }
  10794. .rd-navbar-fixed .rd-navbar-search-toggle.active span::after {
  10795. transform: rotate(0deg) scale(1);
  10796. opacity: 1;
  10797. visibility: visible;
  10798. }
  10799. .rd-navbar-fixed [class*='rd-navbar-fixed-element'] {
  10800. position: fixed;
  10801. top: 4px;
  10802. z-index: 1082;
  10803. }
  10804. .rd-navbar-fixed .rd-navbar-fixed-element-1 {
  10805. right: 0;
  10806. }
  10807. .rd-navbar-fixed .rd-navbar-fixed-element-2 {
  10808. right: 42px;
  10809. }
  10810. .rd-navbar-fixed .rd-navbar-fixed-element-3 {
  10811. right: 80px;
  10812. }
  10813. .rd-navbar-fixed.rd-navbar--is-clone {
  10814. display: none;
  10815. }
  10816. .rd-navbar-fixed .rd-navbar-fixed--visible {
  10817. display: block;
  10818. }
  10819. .rd-navbar-fixed .rd-navbar-fixed--hidden {
  10820. display: none;
  10821. }
  10822. .rd-navbar-fixed .rd-megamenu-banner,
  10823. .rd-navbar-fixed .rd-navbar-basket-wrap {
  10824. display: none;
  10825. }
  10826. .rd-navbar-fixed * + .button {
  10827. margin-top: 20px;
  10828. }
  10829. .rd-navbar-fixed .ec-cart-widget {
  10830. top: 5px;
  10831. right: 19px;
  10832. padding-right: 10px;
  10833. position: fixed;
  10834. z-index: 1082;
  10835. }
  10836. .rd-navbar-fixed .rd-navbar-panel {
  10837. color: #151515;
  10838. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  10839. background: #ffffff;
  10840. }
  10841. .rd-navbar-fixed .rd-navbar-nav-wrap {
  10842. color: #ffffff;
  10843. background: #ffffff;
  10844. border: 1px solid #d7d7d7;
  10845. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  10846. }
  10847. .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
  10848. color: #ffffff;
  10849. background: #0071dc;
  10850. }
  10851. .rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle {
  10852. color: #ffffff;
  10853. }
  10854. .rd-navbar-fixed .rd-nav-link {
  10855. color: #151515;
  10856. }
  10857. .rd-navbar-fixed .rd-megamenu-list > li > a,
  10858. .rd-navbar-fixed .rd-navbar-dropdown > li > a {
  10859. color: #151515;
  10860. }
  10861. .rd-navbar-fixed .rd-megamenu-list > li:hover > a,
  10862. .rd-navbar-fixed .rd-megamenu-list > li.focus > a,
  10863. .rd-navbar-fixed .rd-megamenu-list > li.active > a,
  10864. .rd-navbar-fixed .rd-megamenu-list > li.opened > a,
  10865. .rd-navbar-fixed .rd-navbar-dropdown > li:hover > a,
  10866. .rd-navbar-fixed .rd-navbar-dropdown > li.focus > a,
  10867. .rd-navbar-fixed .rd-navbar-dropdown > li.active > a,
  10868. .rd-navbar-fixed .rd-navbar-dropdown > li.opened > a {
  10869. color: #ffffff;
  10870. background: #0071dc;
  10871. }
  10872. .rd-navbar-fixed .rd-navbar-submenu-toggle {
  10873. color: #151515;
  10874. }
  10875. .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit, .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:focus {
  10876. color: #151515;
  10877. }
  10878. .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover, .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:active {
  10879. color: #0071dc;
  10880. }
  10881. .rd-navbar-fixed .rd-navbar-search-toggle, .rd-navbar-fixed .rd-navbar-search-toggle:focus {
  10882. color: #151515;
  10883. }
  10884. .rd-navbar-fixed .rd-navbar-search-toggle:hover, .rd-navbar-fixed .rd-navbar-search-toggle:active {
  10885. color: #0071dc;
  10886. }
  10887. .rd-navbar-fixed .rd-navbar-collapse {
  10888. background-color: #ffffff;
  10889. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  10890. }
  10891. html.rd-navbar-fixed-linked .page {
  10892. padding-top: 56px;
  10893. }
  10894. /**
  10895. *
  10896. * RD Navbar Classic
  10897. * =====================================================
  10898. */
  10899. .rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer {
  10900. padding-left: 15px;
  10901. padding-right: 15px;
  10902. }
  10903. .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
  10904. position: relative;
  10905. display: flex;
  10906. align-items: center;
  10907. justify-content: space-between;
  10908. padding: 13px 0;
  10909. margin-left: auto;
  10910. margin-right: auto;
  10911. max-width: 1170px;
  10912. }
  10913. @media (min-width: 1200px) {
  10914. .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
  10915. padding-top: 18px;
  10916. padding-bottom: 18px;
  10917. }
  10918. }
  10919. @media (min-width: 1600px) {
  10920. .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
  10921. padding-top: 30px;
  10922. padding-bottom: 30px;
  10923. }
  10924. }
  10925. .rd-navbar-classic.rd-navbar-static .rd-navbar-main-element {
  10926. display: flex;
  10927. align-items: center;
  10928. }
  10929. .rd-navbar-classic.rd-navbar-static .rd-navbar-main-element > * + * {
  10930. margin-left: 18px;
  10931. }
  10932. .rd-navbar-classic.rd-navbar-static .rd-navbar-nav-wrap {
  10933. margin: 0 30px;
  10934. }
  10935. .rd-navbar-classic.rd-navbar-static .rd-navbar-brand {
  10936. display: flex;
  10937. align-items: center;
  10938. justify-content: flex-start;
  10939. height: 70px;
  10940. }
  10941. .rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
  10942. max-width: 160px;
  10943. max-height: 70px;
  10944. }
  10945. .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone {
  10946. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  10947. }
  10948. .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
  10949. padding: 3px 0;
  10950. }
  10951. .rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
  10952. display: none;
  10953. }
  10954. .rd-navbar-classic.rd-navbar-fixed .rd-navbar-project-hamburger-open {
  10955. padding: 10px 14px;
  10956. }
  10957. .rd-navbar-classic.rd-navbar-fixed .project-hamburger {
  10958. align-items: center;
  10959. width: 4px;
  10960. height: 28px;
  10961. }
  10962. .rd-navbar-classic.rd-navbar-fixed .project-hamburger-line {
  10963. height: 4px;
  10964. width: 100%;
  10965. }
  10966. .rd-navbar-classic.rd-navbar-fixed .rd-navbar-basket {
  10967. top: 16px;
  10968. right: 36px;
  10969. padding-right: 10px;
  10970. }
  10971. .rd-navbar-main.active .project-hamburger {
  10972. width: 0;
  10973. }
  10974. .rd-navbar-main.active .rd-navbar-project-hamburger {
  10975. margin: 0;
  10976. }
  10977. .rd-navbar-main.active .rd-navbar-project {
  10978. transform: translateX(0);
  10979. }
  10980. .rd-navbar-project-hamburger {
  10981. padding: 0;
  10982. outline: none;
  10983. border: none;
  10984. background: transparent;
  10985. cursor: pointer;
  10986. transition: all .2s ease;
  10987. }
  10988. .rd-navbar-project-hamburger-close {
  10989. position: relative;
  10990. width: 26px;
  10991. height: 26px;
  10992. }
  10993. .rd-navbar-project-hamburger.active .project-close > span:nth-child(1) {
  10994. height: 100%;
  10995. transition-delay: .3s;
  10996. }
  10997. .rd-navbar-project-hamburger.active .project-close > span:nth-child(2) {
  10998. width: 100%;
  10999. transition-delay: .45s;
  11000. }
  11001. .project-hamburger {
  11002. display: flex;
  11003. flex-direction: column;
  11004. justify-content: space-between;
  11005. width: 22px;
  11006. height: 20px;
  11007. transition: inherit;
  11008. }
  11009. .project-hamburger-line {
  11010. display: block;
  11011. width: 100%;
  11012. height: 2px;
  11013. background: #151515;
  11014. transition: all .25s linear;
  11015. }
  11016. .project-hamburger-line:last-child {
  11017. width: 60%;
  11018. }
  11019. .project-hamburger:hover .project-hamburger-line {
  11020. background: #0071dc;
  11021. }
  11022. .project-hamburger:hover .project-hamburger-line:first-child {
  11023. width: 60%;
  11024. }
  11025. .project-hamburger:hover .project-hamburger-line:last-child {
  11026. width: 100%;
  11027. }
  11028. .project-close {
  11029. position: absolute;
  11030. left: 0;
  11031. top: 0;
  11032. height: 100%;
  11033. width: 100%;
  11034. transform: rotate(45deg);
  11035. will-change: transform;
  11036. }
  11037. .project-close span {
  11038. position: absolute;
  11039. background: #151515;
  11040. transition: all .15s linear;
  11041. }
  11042. .project-close span:nth-child(1) {
  11043. height: 0;
  11044. width: 2px;
  11045. top: 0;
  11046. left: 50%;
  11047. margin-left: -1px;
  11048. transition-delay: 0s;
  11049. }
  11050. .project-close span:nth-child(2) {
  11051. width: 0;
  11052. height: 2px;
  11053. left: 0;
  11054. top: 50%;
  11055. margin-top: -1px;
  11056. transition-delay: .15s;
  11057. }
  11058. .rd-navbar-project {
  11059. position: fixed;
  11060. display: flex;
  11061. flex-direction: column;
  11062. top: 0;
  11063. right: 0;
  11064. bottom: 0;
  11065. padding: 15px;
  11066. width: 270px;
  11067. background: #ffffff;
  11068. transform: translateX(102%);
  11069. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  11070. z-index: 1084;
  11071. }
  11072. .rd-navbar-project .owl-dots {
  11073. margin-top: 25px;
  11074. }
  11075. .rd-navbar-project-content {
  11076. display: inherit;
  11077. flex-grow: 1;
  11078. direction: rtl;
  11079. overflow-y: auto;
  11080. overflow-x: hidden;
  11081. max-height: 100%;
  11082. -webkit-overflow-scrolling: touch;
  11083. padding-left: 6px;
  11084. margin-left: -6px;
  11085. }
  11086. .rd-navbar-project-content > div {
  11087. display: inherit;
  11088. flex-direction: column;
  11089. justify-content: space-between;
  11090. direction: ltr;
  11091. width: 100%;
  11092. padding-bottom: 1px;
  11093. }
  11094. .rd-navbar-project-content > div > * + * {
  11095. margin-top: 30px;
  11096. }
  11097. .rd-navbar-project-content::-webkit-scrollbar {
  11098. width: 4px;
  11099. }
  11100. .rd-navbar-project-content::-webkit-scrollbar-thumb {
  11101. background: rgba(255, 226, 32, 0.8);
  11102. border: none;
  11103. border-radius: 0;
  11104. }
  11105. .rd-navbar-project-content::-webkit-scrollbar-track {
  11106. background: #cccccc;
  11107. border: none;
  11108. border-radius: 0;
  11109. }
  11110. .rd-navbar-project-header {
  11111. display: flex;
  11112. flex-wrap: nowrap;
  11113. align-items: center;
  11114. padding-right: 26px;
  11115. }
  11116. .rd-navbar-project-title {
  11117. flex-grow: 1;
  11118. text-transform: uppercase;
  11119. }
  11120. * + .rd-navbar-project-content {
  11121. margin-top: 30px;
  11122. }
  11123. @media (min-width: 576px) {
  11124. .rd-navbar-project {
  11125. width: 350px;
  11126. }
  11127. }
  11128. @media (min-width: 992px) {
  11129. .rd-navbar-project {
  11130. padding: 33px 15px 30px;
  11131. }
  11132. * + .rd-navbar-project-content {
  11133. margin-top: 33px;
  11134. }
  11135. }
  11136. @media (min-width: 1200px) {
  11137. .rd-navbar-project {
  11138. width: 410px;
  11139. padding: 38px 30px 50px;
  11140. }
  11141. * + .rd-navbar-project-content {
  11142. margin-top: 38px;
  11143. }
  11144. }
  11145. @media (min-width: 1600px) {
  11146. .rd-navbar-project {
  11147. padding-top: 50px;
  11148. padding-bottom: 90px;
  11149. }
  11150. * + .rd-navbar-project-content {
  11151. margin-top: 50px;
  11152. }
  11153. }
  11154. .contacts-modern a, .contacts-modern a:focus, .contacts-modern a:active {
  11155. color: #151515;
  11156. }
  11157. .contacts-modern a:hover {
  11158. color: #0071dc;
  11159. }
  11160. .contacts-modern li + li {
  11161. margin-top: 18px;
  11162. padding-top: 18px;
  11163. }
  11164. .contacts-modern li + li::before {
  11165. display: inline-block;
  11166. }
  11167. .contacts-modern li {
  11168. position: relative;
  11169. }
  11170. .contacts-modern li::before {
  11171. position: absolute;
  11172. display: none;
  11173. content: '';
  11174. top: 0;
  11175. left: 50%;
  11176. width: 50px;
  11177. height: 0;
  11178. font-size: 0;
  11179. line-height: 0;
  11180. border-top: 1px solid #e1e1e1;
  11181. transform: translate3d(-50%, 0, 0);
  11182. }
  11183. * + .contacts-modern {
  11184. margin-top: 40px;
  11185. }
  11186. @media (min-width: 1200px) {
  11187. * + .contacts-modern {
  11188. margin-top: 60px;
  11189. }
  11190. }
  11191. /**
  11192. *
  11193. * RD Navbar Modern
  11194. * =====================================================
  11195. */
  11196. .rd-navbar-modern.rd-navbar-static .rd-navbar-aside-outer,
  11197. .rd-navbar-modern.rd-navbar-static .rd-navbar-main-outer {
  11198. padding-left: 15px;
  11199. padding-right: 15px;
  11200. }
  11201. .rd-navbar-modern.rd-navbar-static .rd-navbar-main-outer {
  11202. border-top: 1px solid #e1e1e1;
  11203. }
  11204. .rd-navbar-modern.rd-navbar-static .rd-navbar-aside,
  11205. .rd-navbar-modern.rd-navbar-static .rd-navbar-main {
  11206. position: relative;
  11207. display: flex;
  11208. justify-content: space-between;
  11209. margin-left: auto;
  11210. margin-right: auto;
  11211. max-width: 1170px;
  11212. }
  11213. .rd-navbar-modern.rd-navbar-static .rd-navbar-aside {
  11214. align-items: flex-end;
  11215. padding: 5px 0 25px;
  11216. }
  11217. @media (min-width: 1200px) {
  11218. .rd-navbar-modern.rd-navbar-static .rd-navbar-aside {
  11219. padding-top: 15px;
  11220. padding-bottom: 35px;
  11221. }
  11222. }
  11223. @media (min-width: 1600px) {
  11224. .rd-navbar-modern.rd-navbar-static .rd-navbar-aside {
  11225. padding-top: 25px;
  11226. padding-bottom: 45px;
  11227. }
  11228. }
  11229. .rd-navbar-modern.rd-navbar-static .rd-navbar-main {
  11230. align-items: center;
  11231. }
  11232. .rd-navbar-modern.rd-navbar-static .rd-navbar-collapse,
  11233. .rd-navbar-modern.rd-navbar-static .rd-navbar-button {
  11234. flex: 0 0 40%;
  11235. max-width: 40%;
  11236. }
  11237. .rd-navbar-modern.rd-navbar-static .rd-navbar-collapse .button {
  11238. display: none;
  11239. }
  11240. .rd-navbar-modern.rd-navbar-static .rd-navbar-button {
  11241. display: block;
  11242. text-align: right;
  11243. }
  11244. .rd-navbar-modern.rd-navbar-static .rd-navbar-panel {
  11245. flex: 0 0 20%;
  11246. max-width: 20%;
  11247. }
  11248. .rd-navbar-modern.rd-navbar-static .rd-navbar-brand {
  11249. display: flex;
  11250. align-items: flex-end;
  11251. justify-content: center;
  11252. height: 70px;
  11253. }
  11254. .rd-navbar-modern.rd-navbar-static .rd-navbar-brand img {
  11255. max-width: 160px;
  11256. max-height: 70px;
  11257. }
  11258. .rd-navbar-modern.rd-navbar-static .rd-navbar-main-element {
  11259. display: flex;
  11260. align-items: center;
  11261. }
  11262. .rd-navbar-modern.rd-navbar-static .rd-navbar-main-element > * + * {
  11263. margin-left: 18px;
  11264. }
  11265. .rd-navbar-modern.rd-navbar-static .rd-navbar-nav-wrap {
  11266. margin-right: 30px;
  11267. }
  11268. .rd-navbar-modern.rd-navbar-static .rd-nav-item {
  11269. display: inline-block;
  11270. }
  11271. .rd-navbar-modern.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-modern.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .rd-navbar-modern.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  11272. color: #151515;
  11273. }
  11274. .rd-navbar-modern.rd-navbar-static .rd-nav-item.focus .rd-nav-link::before, .rd-navbar-modern.rd-navbar-static .rd-nav-item.opened .rd-nav-link::before, .rd-navbar-modern.rd-navbar-static .rd-nav-item.active .rd-nav-link::before {
  11275. width: 100%;
  11276. background: #0071dc;
  11277. }
  11278. .rd-navbar-modern.rd-navbar-static .rd-nav-link {
  11279. padding: 25px 0;
  11280. }
  11281. .rd-navbar-modern.rd-navbar-static .rd-nav-link::before {
  11282. position: absolute;
  11283. content: '';
  11284. top: 0;
  11285. left: 50%;
  11286. height: 8px;
  11287. width: 140%;
  11288. background: transparent;
  11289. transform: translate3d(-50%, -50%, 0);
  11290. transition: all .25s ease;
  11291. }
  11292. .rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone {
  11293. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  11294. }
  11295. .rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-outer, .rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main-outer {
  11296. border-color: transparent;
  11297. }
  11298. .rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
  11299. display: none;
  11300. }
  11301. .rd-navbar-modern.rd-navbar-fixed .rd-navbar-collapse-toggle {
  11302. width: 32px;
  11303. }
  11304. .rd-navbar-modern.rd-navbar-fixed .rd-navbar-basket {
  11305. top: 16px;
  11306. right: 36px;
  11307. padding-right: 10px;
  11308. }
  11309. .rd-navbar-modern.rd-navbar-fixed .rd-navbar-button {
  11310. display: none;
  11311. }
  11312. .contacts-ruth {
  11313. text-align: left;
  11314. }
  11315. .contacts-ruth a {
  11316. font-size: 14px;
  11317. letter-spacing: .05em;
  11318. }
  11319. .contacts-ruth a, .contacts-ruth a:focus, .contacts-ruth a:active {
  11320. color: #151515;
  11321. }
  11322. .contacts-ruth a:hover {
  11323. color: #0071dc;
  11324. }
  11325. .contacts-ruth .icon {
  11326. font-size: 38px;
  11327. color: #0071dc;
  11328. }
  11329. /**
  11330. *
  11331. * RD Navbar Creative
  11332. * =====================================================
  11333. */
  11334. .rd-navbar-creative.rd-navbar-static .rd-navbar-aside-outer,
  11335. .rd-navbar-creative.rd-navbar-static .rd-navbar-main-outer {
  11336. padding-left: 15px;
  11337. padding-right: 15px;
  11338. }
  11339. .rd-navbar-creative.rd-navbar-static .rd-navbar-main {
  11340. border-width: 1px 0 1px 0;
  11341. border-style: solid;
  11342. border-color: #e1e1e1 transparent transparent transparent;
  11343. }
  11344. .rd-navbar-creative.rd-navbar-static .rd-navbar-aside,
  11345. .rd-navbar-creative.rd-navbar-static .rd-navbar-main {
  11346. position: relative;
  11347. display: flex;
  11348. margin-left: auto;
  11349. margin-right: auto;
  11350. max-width: 1170px;
  11351. }
  11352. .rd-navbar-creative.rd-navbar-static .rd-navbar-aside {
  11353. align-items: center;
  11354. justify-content: space-between;
  11355. padding: 7px 0;
  11356. }
  11357. @media (min-width: 1200px) {
  11358. .rd-navbar-creative.rd-navbar-static .rd-navbar-aside {
  11359. padding: 13px 0;
  11360. }
  11361. }
  11362. @media (min-width: 1600px) {
  11363. .rd-navbar-creative.rd-navbar-static .rd-navbar-aside {
  11364. padding: 23px 0;
  11365. }
  11366. }
  11367. .rd-navbar-creative.rd-navbar-static .rd-navbar-main {
  11368. padding: 23px 0;
  11369. justify-content: center;
  11370. }
  11371. .rd-navbar-creative.rd-navbar-static .rd-navbar-collapse,
  11372. .rd-navbar-creative.rd-navbar-static .rd-navbar-aside-element {
  11373. flex: 0 0 40%;
  11374. max-width: 40%;
  11375. }
  11376. .rd-navbar-creative.rd-navbar-static .rd-navbar-collapse .button {
  11377. display: none;
  11378. }
  11379. .rd-navbar-creative.rd-navbar-static .rd-navbar-aside-element {
  11380. display: flex;
  11381. align-items: center;
  11382. justify-content: flex-end;
  11383. }
  11384. .rd-navbar-creative.rd-navbar-static .rd-navbar-aside-element > * + * {
  11385. margin-left: 18px;
  11386. }
  11387. .rd-navbar-creative.rd-navbar-static .rd-navbar-panel {
  11388. flex: 0 0 20%;
  11389. max-width: 20%;
  11390. }
  11391. .rd-navbar-creative.rd-navbar-static .rd-navbar-brand {
  11392. display: flex;
  11393. align-items: center;
  11394. justify-content: center;
  11395. height: 86px;
  11396. }
  11397. .rd-navbar-creative.rd-navbar-static .rd-navbar-brand img {
  11398. max-width: 180px;
  11399. max-height: 86px;
  11400. }
  11401. .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone {
  11402. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  11403. }
  11404. .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
  11405. border-color: transparent;
  11406. }
  11407. .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
  11408. display: none;
  11409. }
  11410. .rd-navbar-creative.rd-navbar-static .contacts-classic {
  11411. text-align: left;
  11412. }
  11413. .rd-navbar-creative.rd-navbar-fixed .rd-navbar-aside-element {
  11414. font-size: 0;
  11415. line-height: 0;
  11416. }
  11417. .rd-navbar-creative.rd-navbar-fixed .rd-navbar-collapse * + .rd-navbar-basket {
  11418. margin-top: 15px;
  11419. }
  11420. .rd-navbar-creative.rd-navbar-fixed .rd-navbar-collapse-toggle {
  11421. width: 32px;
  11422. }
  11423. .rd-navbar-creative.rd-navbar-fixed .select-inline {
  11424. top: 12px;
  11425. right: 36px;
  11426. }
  11427. .rd-navbar-creative.rd-navbar-fixed .rd-navbar-button {
  11428. display: none;
  11429. }
  11430. .rd-navbar-static-linked .header-creative-wrap .rd-navbar-wrap {
  11431. position: absolute;
  11432. top: 0;
  11433. right: 0;
  11434. left: 0;
  11435. z-index: 1080;
  11436. }
  11437. .context-dark .rd-navbar-creative.rd-navbar-static, .bg-gray-700 .rd-navbar-creative.rd-navbar-static, .bg-gray-3 .rd-navbar-creative.rd-navbar-static, .bg-brown-1 .rd-navbar-creative.rd-navbar-static, .bg-sky-blue .rd-navbar-creative.rd-navbar-static, .bg-primary .rd-navbar-creative.rd-navbar-static {
  11438. background: transparent;
  11439. }
  11440. .context-dark .rd-navbar-creative.rd-navbar-static .rd-navbar-main, .bg-gray-700 .rd-navbar-creative.rd-navbar-static .rd-navbar-main, .bg-gray-3 .rd-navbar-creative.rd-navbar-static .rd-navbar-main, .bg-brown-1 .rd-navbar-creative.rd-navbar-static .rd-navbar-main, .bg-sky-blue .rd-navbar-creative.rd-navbar-static .rd-navbar-main, .bg-primary .rd-navbar-creative.rd-navbar-static .rd-navbar-main {
  11441. border-color: rgba(255, 255, 255, 0.23);
  11442. }
  11443. .context-dark .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-700 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-3 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck, .bg-brown-1 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck, .bg-sky-blue .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck, .bg-primary .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck, .context-dark .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone, .bg-gray-700 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone, .bg-gray-3 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone, .bg-brown-1 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone, .bg-sky-blue .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone, .bg-primary .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone {
  11444. background: #404147;
  11445. }
  11446. .context-dark .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .bg-gray-700 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .bg-gray-3 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .bg-brown-1 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .bg-sky-blue .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .bg-primary .rd-navbar-creative.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .context-dark .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main, .bg-gray-700 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main, .bg-gray-3 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main, .bg-brown-1 .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main, .bg-sky-blue .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main, .bg-primary .rd-navbar-creative.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
  11447. border-color: transparent;
  11448. }
  11449. .context-dark .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-700 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-3 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck, .bg-brown-1 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck, .bg-sky-blue .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck, .bg-primary .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck, .context-dark .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone, .bg-gray-700 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone, .bg-gray-3 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone, .bg-brown-1 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone, .bg-sky-blue .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone, .bg-primary .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone {
  11450. background: linear-gradient(to right, #0003b6 0%, #0052fd 100%);
  11451. }
  11452. .context-dark .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck::before, .bg-gray-700 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck::before, .bg-gray-3 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck::before, .bg-brown-1 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck::before, .bg-sky-blue .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck::before, .bg-primary .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-stuck::before, .context-dark .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone::before, .bg-gray-700 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone::before, .bg-gray-3 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone::before, .bg-brown-1 .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone::before, .bg-sky-blue .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone::before, .bg-primary .rd-navbar-creative-2.rd-navbar-static.rd-navbar--is-clone::before {
  11453. position: absolute;
  11454. content: '';
  11455. top: 0;
  11456. right: 0;
  11457. bottom: 0;
  11458. left: 0;
  11459. background-size: auto;
  11460. background-repeat: repeat;
  11461. background-color: #0071dc;
  11462. background-image: url(../images/bg-pattern-1.jpg);
  11463. opacity: .25;
  11464. z-index: -1;
  11465. }
  11466. /**
  11467. *
  11468. * RD Navbar Corporate
  11469. * =====================================================
  11470. */
  11471. .rd-navbar-static-linked .page-header-corporate {
  11472. position: relative;
  11473. /* margin-bottom: -34px; */
  11474. z-index: 10;
  11475. }
  11476. .rd-navbar-corporate.rd-navbar-static {
  11477. background: transparent;
  11478. }
  11479. .rd-navbar-corporate.rd-navbar-static::before {
  11480. position: absolute;
  11481. content: '';
  11482. top: 0;
  11483. right: 0;
  11484. bottom: 34px;
  11485. left: 0;
  11486. background: #ffffff;
  11487. z-index: -1;
  11488. }
  11489. .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer,
  11490. .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer {
  11491. padding-left: 15px;
  11492. padding-right: 15px;
  11493. }
  11494. .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer {
  11495. font-size: 12px;
  11496. line-height: 2;
  11497. letter-spacing: .1em;
  11498. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  11499. color: #ffffff;
  11500. background: #0071dc;
  11501. border-bottom: 6px solid transparent;
  11502. }
  11503. .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside,
  11504. .rd-navbar-corporate.rd-navbar-static .rd-navbar-main {
  11505. margin-left: auto;
  11506. margin-right: auto;
  11507. max-width: 1932px;
  11508. }
  11509. .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside {
  11510. display: flex;
  11511. align-items: center;
  11512. justify-content: space-between;
  11513. padding: 11px 0 8px;
  11514. }
  11515. @media (min-width: 1200px) {
  11516. .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside {
  11517. padding: 15px 0 12px;
  11518. }
  11519. }
  11520. @media (min-width: 1600px) {
  11521. .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside {
  11522. padding: 19px 0 16px;
  11523. }
  11524. }
  11525. .rd-navbar-corporate.rd-navbar-static .rd-navbar-main {
  11526. position: relative;
  11527. }
  11528. .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-element {
  11529. display: flex;
  11530. align-items: center;
  11531. justify-content: space-between;
  11532. padding: 10px 0;
  11533. }
  11534. .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-element > * + * {
  11535. margin-left: 30px;
  11536. }
  11537. @media (min-width: 1200px) {
  11538. .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-element {
  11539. padding: 20px 0;
  11540. }
  11541. }
  11542. @media (min-width: 1600px) {
  11543. .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-element {
  11544. padding: 8px 0;
  11545. /* height: 43px; */
  11546. border-bottom: 1px solid #e9ecef;
  11547. }
  11548. .brand .brand-logo-dark {
  11549. display: block;
  11550. max-width: 72%;
  11551. margin-left: 39px;
  11552. }
  11553. }
  11554. .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav-wrap {
  11555. width: 100%;
  11556. display: flex;
  11557. align-items: stretch;
  11558. flex-direction: row-reverse;
  11559. justify-content: center;
  11560. border-radius: 30px;
  11561. color: white;
  11562. /* background: #0071dc; */
  11563. }
  11564. .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav {
  11565. padding: 20px 0 20px 40px;
  11566. }
  11567. @media (min-width: 1200px) {
  11568. .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav {
  11569. padding: 20px 0 20px 0;
  11570. }
  11571. }
  11572. .rd-navbar-corporate.rd-navbar-static .rd-navbar-brand {
  11573. display: flex;
  11574. align-items: center;
  11575. height: 80px;
  11576. }
  11577. .rd-navbar-corporate.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-corporate.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  11578. color: red;
  11579. }
  11580. .rd-navbar-corporate.rd-navbar-static .rd-nav-link {
  11581. color: black;
  11582. }
  11583. .rd-navbar-corporate.rd-navbar-static .rd-nav-link:hover {
  11584. color: red;
  11585. }
  11586. .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-outer, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main-outer {
  11587. background: #0071dc;
  11588. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  11589. }
  11590. .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-element, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main-element {
  11591. padding: 5px 0;
  11592. }
  11593. .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-element,
  11594. .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main-element,
  11595. .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
  11596. display: none;
  11597. }
  11598. .rd-navbar-corporate.rd-navbar-static .rd-navbar-basket {
  11599. color: inherit;
  11600. }
  11601. .rd-navbar-corporate.rd-navbar-static .rd-navbar-basket span {
  11602. color: #ffe220;
  11603. }
  11604. .rd-navbar-corporate.rd-navbar-static .rd-navbar-basket:hover {
  11605. color: #ffe220;
  11606. }
  11607. .rd-navbar-corporate.rd-navbar-static .rd-navbar-basket-text {
  11608. position: relative;
  11609. top: -2px;
  11610. color: rgba(255, 255, 255, 0.5);
  11611. }
  11612. .rd-navbar-corporate.rd-navbar-static .rd-navbar-search {
  11613. margin-left: 40px;
  11614. }
  11615. .rd-navbar-corporate.rd-navbar-static .rd-navbar-search.active .rd-search {
  11616. width: 345px;
  11617. }
  11618. .rd-navbar-corporate.rd-navbar-static .rd-navbar-search-toggle {
  11619. text-align: center;
  11620. align-items: center;
  11621. border-radius: 30px;
  11622. color: inherit;
  11623. background: transparent;
  11624. }
  11625. .rd-navbar-corporate.rd-navbar-static .rd-navbar-search-toggle span {
  11626. width: 90px;
  11627. }
  11628. .rd-navbar-corporate.rd-navbar-static .rd-navbar-search-toggle span::after {
  11629. display: none;
  11630. }
  11631. .rd-navbar-corporate.rd-navbar-static .rd-navbar-search-toggle:hover {
  11632. color: #ffe220;
  11633. }
  11634. .rd-navbar-corporate.rd-navbar-static .rd-navbar-search-toggle.active span::before {
  11635. opacity: 1;
  11636. transform: none;
  11637. visibility: visible;
  11638. }
  11639. .rd-navbar-corporate.rd-navbar-static .rd-search-form-submit {
  11640. color: #ffffff;
  11641. width: 90px;
  11642. }
  11643. .rd-navbar-corporate.rd-navbar-static .rd-search-form-submit:hover {
  11644. color: #ffe220;
  11645. }
  11646. .rd-navbar-corporate.rd-navbar-static .rd-search {
  11647. width: 150px;
  11648. }
  11649. .rd-navbar-corporate.rd-navbar-static .rd-search .form-input {
  11650. min-height: 64px;
  11651. border-width: 1px;
  11652. border-radius: 30px;
  11653. border-color: transparent;
  11654. background: #626469;
  11655. }
  11656. .rd-navbar-corporate.rd-navbar-static .rd-search .form-label {
  11657. top: 32px;
  11658. }
  11659. .rd-navbar-corporate.rd-navbar-static .rd-search .form-label,
  11660. .rd-navbar-corporate.rd-navbar-static .rd-search .form-input {
  11661. color: inherit;
  11662. padding-left: 30px;
  11663. padding-right: 90px;
  11664. }
  11665. .rd-navbar-corporate.rd-navbar-static .contacts-amber {
  11666. display: flex;
  11667. flex-wrap: wrap;
  11668. align-items: center;
  11669. justify-content: center;
  11670. text-align: left;
  11671. margin-left: 450px;
  11672. }
  11673. .rd-navbar-corporate.rd-navbar-static .contacts-amber > * {
  11674. padding-left: 44px;
  11675. padding-right: 44px;
  11676. }
  11677. .rd-navbar-corporate.rd-navbar-static .contacts-amber li + li {
  11678. border-left: 1px solid #e1e1e1;
  11679. }
  11680. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-aside-outer {
  11681. display: none;
  11682. }
  11683. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-collapse-toggle {
  11684. width: 32px;
  11685. }
  11686. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search {
  11687. display: block;
  11688. padding: 0 10px;
  11689. margin-top: 15px;
  11690. }
  11691. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search .rd-search {
  11692. position: static;
  11693. visibility: visible;
  11694. transform: none;
  11695. opacity: 1;
  11696. }
  11697. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search .form-label,
  11698. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search .form-input {
  11699. padding-left: 0;
  11700. }
  11701. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search .form-input {
  11702. box-shadow: none;
  11703. border-bottom-color: #e1e1e1;
  11704. }
  11705. .rd-navbar-corporate.rd-navbar-fixed * + .rd-navbar-search {
  11706. margin-top: 30px;
  11707. }
  11708. .rd-navbar-corporate.rd-navbar-fixed * + .rd-navbar-nav {
  11709. margin-top: 20px;
  11710. }
  11711. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search-toggle {
  11712. display: none;
  11713. }
  11714. .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-basket {
  11715. top: 16px;
  11716. right: 36px;
  11717. padding-right: 10px;
  11718. }
  11719. .contacts-amber {
  11720. color: #151515;
  11721. margin-bottom: -10px;
  11722. }
  11723. .contacts-amber > * {
  11724. margin-bottom: 10px;
  11725. }
  11726. .contacts-amber a, .contacts-amber a:focus, .contacts-amber a:active {
  11727. color: inherit;
  11728. }
  11729. .contacts-amber a:hover {
  11730. color: #0071dc;
  11731. }
  11732. .rd-navbar-nav-outer {
  11733. background: rgba(255, 255, 255, 0.5);
  11734. margin: 34px 0 0 0px;
  11735. }
  11736. .rd-navbar-nav-wrap {
  11737. max-width: 1170px;
  11738. margin: 0 auto;
  11739. }
  11740. /** @section Swiper */
  11741. .swiper-container {
  11742. position: relative;
  11743. overflow: hidden;
  11744. display: flex;
  11745. margin: 0 auto;
  11746. width: 100%;
  11747. height: auto;
  11748. list-style: none;
  11749. padding: 0;
  11750. /* Fix of Webkit flickering */
  11751. z-index: 1;
  11752. }
  11753. .swiper-container-no-flexbox .swiper-slide {
  11754. float: left;
  11755. }
  11756. .swiper-container-vertical > .swiper-wrapper {
  11757. -webkit-box-orient: vertical;
  11758. -webkit-box-direction: normal;
  11759. -webkit-flex-direction: column;
  11760. -ms-flex-direction: column;
  11761. flex-direction: column;
  11762. }
  11763. .swiper-wrapper {
  11764. position: relative;
  11765. width: 100%;
  11766. height: auto;
  11767. min-height: inherit;
  11768. display: -webkit-box;
  11769. display: -webkit-flex;
  11770. display: -ms-flexbox;
  11771. display: flex;
  11772. align-self: stretch;
  11773. align-items: stretch;
  11774. -webkit-transition-property: -webkit-transform;
  11775. transition-property: -webkit-transform;
  11776. -o-transition-property: transform;
  11777. transition-property: transform;
  11778. transition-property: transform, -webkit-transform;
  11779. -webkit-box-sizing: content-box;
  11780. box-sizing: content-box;
  11781. z-index: 1;
  11782. }
  11783. .swiper-container-android .swiper-slide,
  11784. .swiper-wrapper {
  11785. -webkit-transform: translate3d(0px, 0, 0);
  11786. transform: translate3d(0px, 0, 0);
  11787. }
  11788. .swiper-container-multirow > .swiper-wrapper {
  11789. -webkit-flex-wrap: wrap;
  11790. -ms-flex-wrap: wrap;
  11791. flex-wrap: wrap;
  11792. }
  11793. .swiper-container-free-mode > .swiper-wrapper {
  11794. -webkit-transition-timing-function: ease-out;
  11795. -o-transition-timing-function: ease-out;
  11796. transition-timing-function: ease-out;
  11797. margin: 0 auto;
  11798. }
  11799. .swiper-slide {
  11800. -webkit-flex-shrink: 0;
  11801. -ms-flex-negative: 0;
  11802. flex-shrink: 0;
  11803. width: 100%;
  11804. height: 100%;
  11805. min-height: inherit;
  11806. position: relative;
  11807. -webkit-transition-property: -webkit-transform;
  11808. transition-property: -webkit-transform;
  11809. -o-transition-property: transform;
  11810. transition-property: transform;
  11811. transition-property: transform, -webkit-transform;
  11812. }
  11813. .swiper-invisible-blank-slide {
  11814. visibility: hidden;
  11815. }
  11816. /* Auto Height */
  11817. .swiper-container-autoheight,
  11818. .swiper-container-autoheight .swiper-slide {
  11819. height: auto;
  11820. }
  11821. .swiper-container-autoheight .swiper-wrapper {
  11822. -webkit-box-align: start;
  11823. -webkit-align-items: flex-start;
  11824. -ms-flex-align: start;
  11825. align-items: flex-start;
  11826. -webkit-transition-property: height, -webkit-transform;
  11827. transition-property: height, -webkit-transform;
  11828. -o-transition-property: transform, height;
  11829. transition-property: transform, height;
  11830. transition-property: transform, height, -webkit-transform;
  11831. }
  11832. /* 3D Effects */
  11833. .swiper-container-3d {
  11834. -webkit-perspective: 1200px;
  11835. perspective: 1200px;
  11836. }
  11837. .swiper-container-3d .swiper-wrapper,
  11838. .swiper-container-3d .swiper-slide,
  11839. .swiper-container-3d .swiper-slide-shadow-left,
  11840. .swiper-container-3d .swiper-slide-shadow-right,
  11841. .swiper-container-3d .swiper-slide-shadow-top,
  11842. .swiper-container-3d .swiper-slide-shadow-bottom,
  11843. .swiper-container-3d .swiper-cube-shadow {
  11844. -webkit-transform-style: preserve-3d;
  11845. transform-style: preserve-3d;
  11846. }
  11847. .swiper-container-3d .swiper-slide-shadow-left,
  11848. .swiper-container-3d .swiper-slide-shadow-right,
  11849. .swiper-container-3d .swiper-slide-shadow-top,
  11850. .swiper-container-3d .swiper-slide-shadow-bottom {
  11851. position: absolute;
  11852. left: 0;
  11853. top: 0;
  11854. width: 100%;
  11855. height: 100%;
  11856. pointer-events: none;
  11857. z-index: 10;
  11858. }
  11859. .swiper-container-3d .swiper-slide-shadow-left {
  11860. background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  11861. background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11862. background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11863. background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11864. }
  11865. .swiper-container-3d .swiper-slide-shadow-right {
  11866. background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  11867. background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11868. background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11869. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11870. }
  11871. .swiper-container-3d .swiper-slide-shadow-top {
  11872. background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  11873. background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11874. background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11875. background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11876. }
  11877. .swiper-container-3d .swiper-slide-shadow-bottom {
  11878. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  11879. background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11880. background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11881. background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  11882. }
  11883. /* IE10 Windows Phone 8 Fixes */
  11884. .swiper-container-wp8-horizontal,
  11885. .swiper-container-wp8-horizontal > .swiper-wrapper {
  11886. -ms-touch-action: pan-y;
  11887. touch-action: pan-y;
  11888. }
  11889. .swiper-container-wp8-vertical,
  11890. .swiper-container-wp8-vertical > .swiper-wrapper {
  11891. -ms-touch-action: pan-x;
  11892. touch-action: pan-x;
  11893. }
  11894. .swiper-button-prev,
  11895. .swiper-button-next {
  11896. text-align: center;
  11897. position: absolute;
  11898. display: none;
  11899. top: 50%;
  11900. padding: 14px 12px 20px;
  11901. font-size: 14px;
  11902. line-height: 1.8;
  11903. font-weight: 600;
  11904. letter-spacing: .05em;
  11905. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  11906. color: #ffffff;
  11907. background: rgba(255, 255, 255, 0.22);
  11908. transition: all .2s ease;
  11909. transform: translate3d(0, -50%, 0);
  11910. will-change: transform;
  11911. cursor: pointer;
  11912. z-index: 10;
  11913. }
  11914. .swiper-button-prev::after,
  11915. .swiper-button-next::after {
  11916. display: block;
  11917. content: '';
  11918. height: 0;
  11919. width: 100%;
  11920. border-top: 2px solid;
  11921. transition: inherit;
  11922. }
  11923. .swiper-button-prev:hover::after,
  11924. .swiper-button-next:hover::after {
  11925. transform: scaleX(0.7);
  11926. }
  11927. @media (min-width: 992px) {
  11928. .swiper-button-prev,
  11929. .swiper-button-next {
  11930. display: block;
  11931. }
  11932. }
  11933. .swiper-button-prev.swiper-button-disabled,
  11934. .swiper-button-next.swiper-button-disabled {
  11935. opacity: 0.35;
  11936. cursor: auto;
  11937. pointer-events: none;
  11938. }
  11939. .swiper-button-prev,
  11940. .swiper-container-rtl .swiper-button-next {
  11941. left: 0;
  11942. padding-right: 22px;
  11943. border-top-right-radius: 50px;
  11944. border-bottom-right-radius: 50px;
  11945. }
  11946. .swiper-button-prev:before,
  11947. .swiper-container-rtl .swiper-button-next:before {
  11948. content: "prev";
  11949. }
  11950. .swiper-button-next,
  11951. .swiper-container-rtl .swiper-button-prev {
  11952. right: 0;
  11953. padding-left: 22px;
  11954. border-top-left-radius: 50px;
  11955. border-bottom-left-radius: 50px;
  11956. }
  11957. .swiper-button-next:before,
  11958. .swiper-container-rtl .swiper-button-prev:before {
  11959. content: "next";
  11960. }
  11961. .swiper-button-prev.swiper-button-white,
  11962. .swiper-container-rtl .swiper-button-next.swiper-button-white {
  11963. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  11964. }
  11965. .swiper-button-next.swiper-button-white,
  11966. .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  11967. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  11968. }
  11969. .swiper-button-prev.swiper-button-black,
  11970. .swiper-container-rtl .swiper-button-next.swiper-button-black {
  11971. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  11972. }
  11973. .swiper-button-next.swiper-button-black,
  11974. .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  11975. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  11976. }
  11977. .swiper-button-lock {
  11978. display: none;
  11979. }
  11980. .swiper-pagination {
  11981. position: absolute;
  11982. text-align: center;
  11983. display: block;
  11984. font-size: 0;
  11985. line-height: 0;
  11986. transition: .3s;
  11987. transform: translate3d(0, 0, 0);
  11988. z-index: 10;
  11989. }
  11990. @media (min-width: 992px) {
  11991. .swiper-pagination {
  11992. display: none;
  11993. }
  11994. }
  11995. .swiper-pagination.swiper-pagination-hidden {
  11996. opacity: 0;
  11997. }
  11998. /* Common Styles */
  11999. .swiper-pagination-fraction,
  12000. .swiper-pagination-custom,
  12001. .swiper-container-horizontal > .swiper-pagination-bullets {
  12002. left: 0;
  12003. bottom: 25px;
  12004. width: 100%;
  12005. }
  12006. /* Bullets */
  12007. .swiper-pagination-bullets-dynamic {
  12008. overflow: hidden;
  12009. font-size: 0;
  12010. }
  12011. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  12012. -webkit-transform: scale(0.33);
  12013. -ms-transform: scale(0.33);
  12014. transform: scale(0.33);
  12015. position: relative;
  12016. }
  12017. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  12018. -webkit-transform: scale(1);
  12019. -ms-transform: scale(1);
  12020. transform: scale(1);
  12021. }
  12022. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  12023. -webkit-transform: scale(1);
  12024. -ms-transform: scale(1);
  12025. transform: scale(1);
  12026. }
  12027. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  12028. -webkit-transform: scale(0.66);
  12029. -ms-transform: scale(0.66);
  12030. transform: scale(0.66);
  12031. }
  12032. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  12033. -webkit-transform: scale(0.33);
  12034. -ms-transform: scale(0.33);
  12035. transform: scale(0.33);
  12036. }
  12037. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  12038. -webkit-transform: scale(0.66);
  12039. -ms-transform: scale(0.66);
  12040. transform: scale(0.66);
  12041. }
  12042. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  12043. -webkit-transform: scale(0.33);
  12044. -ms-transform: scale(0.33);
  12045. transform: scale(0.33);
  12046. }
  12047. .swiper-pagination-bullet {
  12048. width: 14px;
  12049. height: 14px;
  12050. display: inline-block;
  12051. border-radius: 100%;
  12052. background: #ffffff;
  12053. transition: all .25s ease-in-out;
  12054. }
  12055. .swiper-pagination-bullet:hover {
  12056. background: #ffe220;
  12057. }
  12058. .swiper-pagination-clickable .swiper-pagination-bullet {
  12059. cursor: pointer;
  12060. }
  12061. .swiper-pagination-bullet-active {
  12062. background: #ffe220;
  12063. }
  12064. .swiper-container-vertical > .swiper-pagination-bullets {
  12065. right: 10px;
  12066. top: 50%;
  12067. -webkit-transform: translate3d(0px, -50%, 0);
  12068. transform: translate3d(0px, -50%, 0);
  12069. }
  12070. .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  12071. margin: 6px 0;
  12072. display: block;
  12073. }
  12074. .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  12075. top: 50%;
  12076. -webkit-transform: translateY(-50%);
  12077. -ms-transform: translateY(-50%);
  12078. transform: translateY(-50%);
  12079. width: 8px;
  12080. }
  12081. .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  12082. display: inline-block;
  12083. -webkit-transition: 200ms top, 200ms -webkit-transform;
  12084. transition: 200ms top, 200ms -webkit-transform;
  12085. -o-transition: 200ms transform, 200ms top;
  12086. transition: 200ms transform, 200ms top;
  12087. transition: 200ms transform, 200ms top, 200ms -webkit-transform;
  12088. }
  12089. .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  12090. margin: 0 6px;
  12091. }
  12092. .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  12093. left: 50%;
  12094. -webkit-transform: translateX(-50%);
  12095. -ms-transform: translateX(-50%);
  12096. transform: translateX(-50%);
  12097. white-space: nowrap;
  12098. }
  12099. .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  12100. -webkit-transition: 200ms left, 200ms -webkit-transform;
  12101. transition: 200ms left, 200ms -webkit-transform;
  12102. -o-transition: 200ms transform, 200ms left;
  12103. transition: 200ms transform, 200ms left;
  12104. transition: 200ms transform, 200ms left, 200ms -webkit-transform;
  12105. }
  12106. .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  12107. -webkit-transition: 200ms right, 200ms -webkit-transform;
  12108. transition: 200ms right, 200ms -webkit-transform;
  12109. -o-transition: 200ms transform, 200ms right;
  12110. transition: 200ms transform, 200ms right;
  12111. transition: 200ms transform, 200ms right, 200ms -webkit-transform;
  12112. }
  12113. /* Progress */
  12114. .swiper-pagination-progressbar {
  12115. background: rgba(0, 0, 0, 0.25);
  12116. position: absolute;
  12117. }
  12118. .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  12119. background: #007aff;
  12120. position: absolute;
  12121. left: 0;
  12122. top: 0;
  12123. width: 100%;
  12124. height: 100%;
  12125. -webkit-transform: scale(0);
  12126. -ms-transform: scale(0);
  12127. transform: scale(0);
  12128. -webkit-transform-origin: left top;
  12129. -ms-transform-origin: left top;
  12130. transform-origin: left top;
  12131. }
  12132. .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  12133. -webkit-transform-origin: right top;
  12134. -ms-transform-origin: right top;
  12135. transform-origin: right top;
  12136. }
  12137. .swiper-container-horizontal > .swiper-pagination-progressbar {
  12138. width: 100%;
  12139. height: 4px;
  12140. left: 0;
  12141. top: 0;
  12142. }
  12143. .swiper-container-vertical > .swiper-pagination-progressbar {
  12144. width: 4px;
  12145. height: 100%;
  12146. left: 0;
  12147. top: 0;
  12148. }
  12149. .swiper-pagination-white .swiper-pagination-bullet-active {
  12150. background: #ffffff;
  12151. }
  12152. .swiper-pagination-progressbar.swiper-pagination-white {
  12153. background: rgba(255, 255, 255, 0.25);
  12154. }
  12155. .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  12156. background: #ffffff;
  12157. }
  12158. .swiper-pagination-black .swiper-pagination-bullet-active {
  12159. background: #000000;
  12160. }
  12161. .swiper-pagination-progressbar.swiper-pagination-black {
  12162. background: rgba(0, 0, 0, 0.25);
  12163. }
  12164. .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  12165. background: #000000;
  12166. }
  12167. .swiper-pagination-lock {
  12168. display: none;
  12169. }
  12170. /* Scrollbar */
  12171. .swiper-scrollbar {
  12172. position: relative;
  12173. border-radius: 10px;
  12174. -ms-touch-action: none;
  12175. background: rgba(255, 255, 255, 0.1);
  12176. }
  12177. .swiper-container-horizontal > .swiper-scrollbar {
  12178. position: absolute;
  12179. left: 0;
  12180. bottom: 3px;
  12181. z-index: 50;
  12182. height: 5px;
  12183. width: 100%;
  12184. }
  12185. .ios .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag,
  12186. .iphone .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag,
  12187. .ipad .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag,
  12188. .mac-os .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  12189. height: inherit;
  12190. }
  12191. .swiper-container-vertical > .swiper-scrollbar {
  12192. position: absolute;
  12193. top: 0;
  12194. right: 3px;
  12195. width: 4px;
  12196. height: 100%;
  12197. z-index: 50;
  12198. }
  12199. .swiper-scrollbar-drag {
  12200. height: 100%;
  12201. width: 100%;
  12202. position: relative;
  12203. background: rgba(0, 0, 0, 0.5);
  12204. border-radius: 10px;
  12205. left: 0;
  12206. top: 0;
  12207. }
  12208. .swiper-scrollbar-cursor-drag {
  12209. cursor: move;
  12210. }
  12211. .swiper-scrollbar-lock {
  12212. display: none;
  12213. }
  12214. .swiper-zoom-container {
  12215. width: 100%;
  12216. height: 100%;
  12217. display: -webkit-box;
  12218. display: -webkit-flex;
  12219. display: -ms-flexbox;
  12220. display: flex;
  12221. -webkit-box-pack: center;
  12222. -webkit-justify-content: center;
  12223. -ms-flex-pack: center;
  12224. justify-content: center;
  12225. -webkit-box-align: center;
  12226. -webkit-align-items: center;
  12227. -ms-flex-align: center;
  12228. align-items: center;
  12229. text-align: center;
  12230. }
  12231. .swiper-zoom-container > img,
  12232. .swiper-zoom-container > svg,
  12233. .swiper-zoom-container > canvas {
  12234. max-width: 100%;
  12235. max-height: 100%;
  12236. -o-object-fit: contain;
  12237. object-fit: contain;
  12238. }
  12239. .swiper-slide-zoomed {
  12240. cursor: move;
  12241. }
  12242. /* Preloader */
  12243. .swiper-lazy-preloader {
  12244. width: 42px;
  12245. height: 42px;
  12246. position: absolute;
  12247. left: 50%;
  12248. top: 50%;
  12249. margin-left: -21px;
  12250. margin-top: -21px;
  12251. z-index: 10;
  12252. -webkit-transform-origin: 50%;
  12253. -ms-transform-origin: 50%;
  12254. transform-origin: 50%;
  12255. -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  12256. animation: swiper-preloader-spin 1s steps(12, end) infinite;
  12257. }
  12258. .swiper-lazy-preloader:after {
  12259. display: block;
  12260. content: '';
  12261. width: 100%;
  12262. height: 100%;
  12263. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  12264. background-position: 50%;
  12265. background-size: 100%;
  12266. background-repeat: no-repeat;
  12267. }
  12268. .swiper-lazy-preloader-white:after {
  12269. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  12270. }
  12271. @-webkit-keyframes swiper-preloader-spin {
  12272. 100% {
  12273. -webkit-transform: rotate(360deg);
  12274. transform: rotate(360deg);
  12275. }
  12276. }
  12277. @keyframes swiper-preloader-spin {
  12278. 100% {
  12279. -webkit-transform: rotate(360deg);
  12280. transform: rotate(360deg);
  12281. }
  12282. }
  12283. /* a11y */
  12284. .swiper-container .swiper-notification {
  12285. position: absolute;
  12286. left: 0;
  12287. top: 0;
  12288. pointer-events: none;
  12289. opacity: 0;
  12290. z-index: -1000;
  12291. }
  12292. .swiper-container-fade.swiper-container-free-mode .swiper-slide {
  12293. -webkit-transition-timing-function: ease-out;
  12294. -o-transition-timing-function: ease-out;
  12295. transition-timing-function: ease-out;
  12296. }
  12297. .swiper-container-fade .swiper-slide {
  12298. pointer-events: none;
  12299. -webkit-transition-property: opacity;
  12300. -o-transition-property: opacity;
  12301. transition-property: opacity;
  12302. }
  12303. .swiper-container-fade .swiper-slide .swiper-slide {
  12304. pointer-events: none;
  12305. }
  12306. .swiper-container-fade .swiper-slide-active,
  12307. .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  12308. pointer-events: auto;
  12309. }
  12310. .swiper-container-cube {
  12311. overflow: visible;
  12312. }
  12313. .swiper-container-cube .swiper-slide {
  12314. pointer-events: none;
  12315. -webkit-backface-visibility: hidden;
  12316. backface-visibility: hidden;
  12317. z-index: 1;
  12318. visibility: hidden;
  12319. -webkit-transform-origin: 0 0;
  12320. -ms-transform-origin: 0 0;
  12321. transform-origin: 0 0;
  12322. width: 100%;
  12323. height: 100%;
  12324. }
  12325. .swiper-container-cube .swiper-slide .swiper-slide {
  12326. pointer-events: none;
  12327. }
  12328. .swiper-container-cube.swiper-container-rtl .swiper-slide {
  12329. -webkit-transform-origin: 100% 0;
  12330. -ms-transform-origin: 100% 0;
  12331. transform-origin: 100% 0;
  12332. }
  12333. .swiper-container-cube .swiper-slide-active,
  12334. .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  12335. pointer-events: auto;
  12336. }
  12337. .swiper-container-cube .swiper-slide-active,
  12338. .swiper-container-cube .swiper-slide-next,
  12339. .swiper-container-cube .swiper-slide-prev,
  12340. .swiper-container-cube .swiper-slide-next + .swiper-slide {
  12341. pointer-events: auto;
  12342. visibility: visible;
  12343. }
  12344. .swiper-container-cube .swiper-slide-shadow-top,
  12345. .swiper-container-cube .swiper-slide-shadow-bottom,
  12346. .swiper-container-cube .swiper-slide-shadow-left,
  12347. .swiper-container-cube .swiper-slide-shadow-right {
  12348. z-index: 0;
  12349. -webkit-backface-visibility: hidden;
  12350. backface-visibility: hidden;
  12351. }
  12352. .swiper-container-cube .swiper-cube-shadow {
  12353. position: absolute;
  12354. left: 0;
  12355. bottom: 0px;
  12356. width: 100%;
  12357. height: 100%;
  12358. background: #000000;
  12359. opacity: 0.6;
  12360. -webkit-filter: blur(50px);
  12361. filter: blur(50px);
  12362. z-index: 0;
  12363. }
  12364. .swiper-container-flip {
  12365. overflow: visible;
  12366. }
  12367. .swiper-container-flip .swiper-slide {
  12368. pointer-events: none;
  12369. -webkit-backface-visibility: hidden;
  12370. backface-visibility: hidden;
  12371. z-index: 1;
  12372. }
  12373. .swiper-container-flip .swiper-slide .swiper-slide {
  12374. pointer-events: none;
  12375. }
  12376. .swiper-container-flip .swiper-slide-active,
  12377. .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  12378. pointer-events: auto;
  12379. }
  12380. .swiper-container-flip .swiper-slide-shadow-top,
  12381. .swiper-container-flip .swiper-slide-shadow-bottom,
  12382. .swiper-container-flip .swiper-slide-shadow-left,
  12383. .swiper-container-flip .swiper-slide-shadow-right {
  12384. z-index: 0;
  12385. -webkit-backface-visibility: hidden;
  12386. backface-visibility: hidden;
  12387. }
  12388. .swiper-container-coverflow .swiper-wrapper {
  12389. /* Windows 8 IE 10 fix */
  12390. -ms-perspective: 1200px;
  12391. }
  12392. .swiper-slide {
  12393. position: relative;
  12394. display: flex;
  12395. align-items: center;
  12396. justify-content: center;
  12397. flex-shrink: 0;
  12398. white-space: nowrap;
  12399. background-position: 50%;
  12400. background-size: cover;
  12401. }
  12402. .swiper-slide-caption {
  12403. width: 100%;
  12404. white-space: normal;
  12405. }
  12406. @media (max-width: 991.98px) {
  12407. .swiper-slide-caption {
  12408. padding-bottom: 70px;
  12409. }
  12410. }
  12411. .swiper-nav-1 .swiper-button-prev,
  12412. .swiper-nav-1 .swiper-button-next {
  12413. color: inherit;
  12414. background: #ffffff;
  12415. }
  12416. .swiper-nav-1 .swiper-button-prev:hover,
  12417. .swiper-nav-1 .swiper-button-next:hover {
  12418. color: #151515;
  12419. }
  12420. .swiper-nav-1 .swiper-pagination-bullet {
  12421. background: #707475;
  12422. }
  12423. .swiper-nav-1 .swiper-pagination-bullet:hover,
  12424. .swiper-nav-1 .swiper-pagination-bullet-active {
  12425. background: #0071dc;
  12426. }
  12427. .swiper-slider-1 {
  12428. min-height: 37.5vw;
  12429. }
  12430. .swiper-slider-1 .swiper-title-1 {
  12431. text-shadow: 1px 9px 16px rgba(0, 0, 0, 0.18);
  12432. }
  12433. .swiper-slider-1 .swiper-title-2 {
  12434. letter-spacing: .1em;
  12435. }
  12436. .swiper-slider-1 .swiper-title-3 {
  12437. letter-spacing: .05em;
  12438. font-family: "Kalam", cursive;
  12439. text-transform: none;
  12440. }
  12441. .swiper-slider-1 * + .swiper-title-1 {
  12442. margin-top: 8px;
  12443. }
  12444. .swiper-slider-1 * + .swiper-title-2 {
  12445. margin-top: 10px;
  12446. }
  12447. @media (min-width: 768px) {
  12448. .swiper-slider-1 * + .swiper-title-1 {
  12449. margin-top: 12px;
  12450. }
  12451. .swiper-slider-1 * + .swiper-title-2 {
  12452. margin-top: 16px;
  12453. }
  12454. }
  12455. @media (min-width: 992px) {
  12456. .swiper-slider-1 .swiper-slide-caption {
  12457. padding-right: 90px;
  12458. padding-left: 90px;
  12459. }
  12460. }
  12461. @media (min-width: 1200px) {
  12462. .swiper-slider-1 * + .button-wrap,
  12463. .swiper-slider-1 * + .button {
  12464. margin-top: 40px;
  12465. }
  12466. .swiper-slider-1 * + .swiper-title-1 {
  12467. margin-top: 18px;
  12468. }
  12469. .swiper-slider-1 * + .swiper-title-2 {
  12470. margin-top: 24px;
  12471. }
  12472. }
  12473. .swiper-slider-2 {
  12474. min-height: 37.5vw;
  12475. }
  12476. .swiper-slider-2 .swiper-title-1 {
  12477. font-weight: 600;
  12478. letter-spacing: .025em;
  12479. }
  12480. .swiper-slider-2 .swiper-title-2 {
  12481. letter-spacing: .2em;
  12482. text-transform: uppercase;
  12483. }
  12484. .swiper-slider-2 .swiper-text {
  12485. letter-spacing: .075em;
  12486. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  12487. }
  12488. .swiper-slider-2 * + .swiper-text {
  12489. margin-top: 10px;
  12490. }
  12491. .swiper-slider-2 * + .swiper-title-1 {
  12492. margin-top: 10px;
  12493. }
  12494. @media (min-width: 768px) {
  12495. .swiper-slider-2 * + .swiper-text {
  12496. margin-top: 18px;
  12497. }
  12498. }
  12499. @media (min-width: 992px) {
  12500. .swiper-slider-2 .swiper-slide-caption {
  12501. padding-right: 90px;
  12502. padding-left: 90px;
  12503. }
  12504. }
  12505. @media (min-width: 1200px) {
  12506. .swiper-slider-2 * + .button-wrap,
  12507. .swiper-slider-2 * + .button {
  12508. margin-top: 45px;
  12509. }
  12510. .swiper-slider-2 * + .swiper-text {
  12511. margin-top: 28px;
  12512. }
  12513. .swiper-slider-2 * + .swiper-title-1 {
  12514. margin-top: 16px;
  12515. }
  12516. }
  12517. .swiper-slider-3 {
  12518. min-height: 33.33333vw;
  12519. }
  12520. .swiper-slider-3 .swiper-slide {
  12521. align-items: flex-start;
  12522. padding-bottom: 50px;
  12523. }
  12524. .swiper-slider-3 .swiper-title-1 {
  12525. letter-spacing: 0;
  12526. color: rgba(255, 255, 255, 0.72);
  12527. }
  12528. .swiper-slider-3 .swiper-title-2 {
  12529. font-weight: 700;
  12530. letter-spacing: .2em;
  12531. }
  12532. .swiper-slider-3 .swiper-title-2 span {
  12533. display: block;
  12534. font-size: 0;
  12535. line-height: 0;
  12536. color: #ffffff;
  12537. margin-bottom: 10px;
  12538. }
  12539. .swiper-slider-3 .swiper-title-2 span::before {
  12540. display: inline-block;
  12541. content: '';
  12542. width: 60px;
  12543. border-top: 2px solid;
  12544. }
  12545. .swiper-slider-3 .swiper-title-3 {
  12546. letter-spacing: .1em;
  12547. font-weight: 400;
  12548. text-transform: none;
  12549. }
  12550. .swiper-slider-3 .swiper-text {
  12551. letter-spacing: .075em;
  12552. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  12553. }
  12554. .swiper-slider-3.swiper-container-horizontal > .swiper-pagination-bullets {
  12555. bottom: 75px;
  12556. }
  12557. .swiper-slider-3 * + .swiper-title-2 {
  12558. margin-top: 16px;
  12559. }
  12560. .swiper-slider-3 * + .swiper-title-3 {
  12561. margin-top: 16px;
  12562. }
  12563. @media (min-width: 768px) {
  12564. .swiper-slider-3 .swiper-title-2 span {
  12565. display: inline-block;
  12566. vertical-align: middle;
  12567. margin-right: 22px;
  12568. margin-bottom: 0;
  12569. }
  12570. }
  12571. @media (min-width: 992px) {
  12572. .swiper-slider-3 .swiper-slide-caption {
  12573. padding-right: 90px;
  12574. padding-left: 90px;
  12575. }
  12576. }
  12577. @media (min-width: 1200px) {
  12578. .swiper-slider-3 * + .button-wrap,
  12579. .swiper-slider-3 * + .button {
  12580. margin-top: 35px;
  12581. }
  12582. .swiper-slider-3 * + .swiper-title-3 {
  12583. margin-top: 26px;
  12584. }
  12585. }
  12586. .swiper-slider-3 + .offset-negative-1 .container {
  12587. position: relative;
  12588. margin-top: -50px;
  12589. z-index: 1;
  12590. }
  12591. .swiper-slider-4 {
  12592. min-height: 44.0625vw;
  12593. }
  12594. .swiper-slider-4 .swiper-pagination {
  12595. display: block;
  12596. }
  12597. .swiper-slider-4 .swiper-title-1 {
  12598. text-transform: none;
  12599. }
  12600. .swiper-slider-4 .swiper-title-2 {
  12601. font-weight: 400;
  12602. letter-spacing: .075em;
  12603. }
  12604. .swiper-slider-4 * + .swiper-title-2 {
  12605. margin-top: 16px;
  12606. }
  12607. @media (min-width: 992px) {
  12608. .swiper-slider-4 .swiper-slide-caption {
  12609. padding-right: 90px;
  12610. padding-left: 90px;
  12611. }
  12612. .swiper-slider-4 .swiper-pagination {
  12613. display: none;
  12614. }
  12615. .swiper-slider-4 .swiper-title-1 {
  12616. line-height: 1.364;
  12617. }
  12618. .swiper-slider-4 * + .button-wrap,
  12619. .swiper-slider-4 * + .button {
  12620. margin-top: 40px;
  12621. }
  12622. }
  12623. @media (min-width: 1200px) {
  12624. .swiper-slider-4 * + .swiper-title-2 {
  12625. margin-top: 24px;
  12626. }
  12627. .swiper-slider-4 * + .button-wrap,
  12628. .swiper-slider-4 * + .button {
  12629. margin-top: 50px;
  12630. }
  12631. }
  12632. .header-creative-wrap + .swiper-slider-4 .swiper-slide-2 {
  12633. padding-bottom: 4%;
  12634. }
  12635. @media (min-width: 992px) {
  12636. .rd-navbar-static-linked .header-creative-wrap + .section-custom-1,
  12637. .rd-navbar-static-linked .header-creative-wrap + .swiper-slider-4 .swiper-slide {
  12638. padding-top: 172px;
  12639. }
  12640. }
  12641. @media (min-width: 1200px) {
  12642. .rd-navbar-static-linked .header-creative-wrap + .section-custom-1,
  12643. .rd-navbar-static-linked .header-creative-wrap + .swiper-slider-4 .swiper-slide {
  12644. padding-top: 184px;
  12645. }
  12646. }
  12647. @media (min-width: 1600px) {
  12648. .rd-navbar-static-linked .header-creative-wrap + .section-custom-1,
  12649. .rd-navbar-static-linked .header-creative-wrap + .swiper-slider-4 .swiper-slide {
  12650. padding-top: 204px;
  12651. }
  12652. }
  12653. .rd-navbar-static-linked .header-creative-wrap + .swiper-slider-4 .swiper-slide-1 {
  12654. padding-bottom: 5%;
  12655. }
  12656. .rd-navbar-static-linked .header-creative-wrap + .swiper-slider-4 .swiper-slide-2 {
  12657. padding-bottom: 8%;
  12658. }
  12659. .swiper-scrollbar-1 .swiper-scrollbar-drag {
  12660. background: transparent;
  12661. }
  12662. .swiper-scrollbar-1 .swiper-scrollbar-drag::before {
  12663. position: absolute;
  12664. content: '';
  12665. top: 50%;
  12666. left: 50%;
  12667. width: 12px;
  12668. height: 12px;
  12669. border-radius: 50%;
  12670. border: 3px solid #0071dc;
  12671. background: #ffffff;
  12672. transform: translate3d(-50%, -50%, 0);
  12673. }
  12674. .swiper-scrollbar-1.swiper-container-horizontal {
  12675. padding-bottom: 70px;
  12676. }
  12677. .swiper-scrollbar-1.swiper-container-horizontal .swiper-scrollbar {
  12678. bottom: 30px;
  12679. }
  12680. .swiper-scrollbar-1.swiper-container-vertical {
  12681. padding-right: 50px;
  12682. }
  12683. .swiper-scrollbar-1.swiper-container-vertical .swiper-scrollbar {
  12684. right: 14px;
  12685. }
  12686. .swiper-slider-5 {
  12687. pointer-events: none;
  12688. }
  12689. .swiper-slider-5 .swiper-wrapper {
  12690. pointer-events: auto;
  12691. }
  12692. .swiper-slider-5 .swiper-slide {
  12693. height: auto;
  12694. }
  12695. .swiper-slider-5 .swiper-slide > * {
  12696. width: 100%;
  12697. opacity: .18;
  12698. white-space: normal;
  12699. transition: all .4s linear;
  12700. pointer-events: none;
  12701. }
  12702. .swiper-slider-5 .swiper-slide-last {
  12703. display: none;
  12704. }
  12705. .swiper-slider-5 .swiper-slide-active > * {
  12706. opacity: 1;
  12707. pointer-events: auto;
  12708. }
  12709. .swiper-slider-5 .swiper-pagination {
  12710. display: block;
  12711. }
  12712. .swiper-slider-5.swiper-container-vertical .event-classic > .unit {
  12713. max-height: 420px;
  12714. }
  12715. .swiper-slider-5.swiper-container-vertical .swiper-slide-last {
  12716. display: flex;
  12717. }
  12718. * + .swiper-slider-5 {
  12719. margin-top: 30px;
  12720. }
  12721. @media (min-width: 576px) {
  12722. .swiper-slider-5.swiper-container-vertical {
  12723. max-height: 520px;
  12724. }
  12725. .swiper-slider-5.swiper-container-vertical .swiper-slide-last {
  12726. height: 170px;
  12727. }
  12728. }
  12729. @media (min-width: 768px) {
  12730. .swiper-slider-5.swiper-container-vertical {
  12731. max-height: 600px;
  12732. }
  12733. .swiper-slider-5.swiper-container-vertical .swiper-slide-last {
  12734. height: 210px;
  12735. }
  12736. * + .swiper-slider-5 {
  12737. margin-top: 40px;
  12738. }
  12739. }
  12740. @media (min-width: 992px) {
  12741. .swiper-slider-5.swiper-container-vertical {
  12742. max-height: 685px;
  12743. padding-right: 70px;
  12744. }
  12745. .swiper-slider-5.swiper-container-vertical .swiper-slide-last {
  12746. height: 255px;
  12747. }
  12748. }
  12749. @media (min-width: 1200px) {
  12750. * + .swiper-slider-5 {
  12751. margin-top: 50px;
  12752. }
  12753. }
  12754. .swiper-slider-6 {
  12755. min-height: 34.11458vw;
  12756. }
  12757. .swiper-slider-6 .swiper-slide::before {
  12758. position: absolute;
  12759. content: '';
  12760. top: 0;
  12761. right: 0;
  12762. bottom: 0;
  12763. left: 0;
  12764. background: rgba(255, 255, 255, 0.5);
  12765. pointer-events: none;
  12766. }
  12767. .swiper-slider-6 .swiper-title-1 {
  12768. font-weight: 500;
  12769. letter-spacing: .15em;
  12770. }
  12771. .swiper-slider-6 .swiper-title-2 {
  12772. max-width: 600px;
  12773. font-weight: 300;
  12774. line-height: 1.528;
  12775. letter-spacing: .075em;
  12776. }
  12777. .swiper-slider-6 .swiper-title-3 {
  12778. position: relative;
  12779. display: inline-block;
  12780. line-height: 1;
  12781. letter-spacing: .1em;
  12782. text-transform: uppercase;
  12783. }
  12784. .swiper-slider-6 .swiper-title-3::before {
  12785. position: absolute;
  12786. content: '';
  12787. bottom: 0;
  12788. left: 0;
  12789. height: 45%;
  12790. width: 100%;
  12791. background: #fff669;
  12792. transition: inherit;
  12793. z-index: -1;
  12794. }
  12795. .swiper-slider-6 * + .swiper-title-1 {
  12796. margin-top: 15px;
  12797. }
  12798. .swiper-slider-6 * + .swiper-title-2 {
  12799. margin-top: 15px;
  12800. }
  12801. @media (min-width: 576px) {
  12802. .swiper-slider-6 .swiper-title-3 {
  12803. letter-spacing: .2em;
  12804. }
  12805. .swiper-slider-6 .swiper-slide::before {
  12806. display: none;
  12807. }
  12808. }
  12809. @media (min-width: 768px) {
  12810. .swiper-slider-6 .swiper-box {
  12811. padding-left: 30px;
  12812. }
  12813. .swiper-slider-6 .swiper-box .swiper-title-1 {
  12814. margin-left: -30px;
  12815. }
  12816. .swiper-slider-6 * + .swiper-title-1 {
  12817. margin-top: 25px;
  12818. }
  12819. .swiper-slider-6 * + .swiper-title-2 {
  12820. margin-top: 24px;
  12821. }
  12822. .swiper-slider-6 * + .button-wrap,
  12823. .swiper-slider-6 * + .button {
  12824. margin-top: 40px;
  12825. }
  12826. }
  12827. @media (min-width: 992px) {
  12828. .swiper-slider-6 .swiper-slide-caption {
  12829. padding-right: 90px;
  12830. padding-left: 90px;
  12831. }
  12832. .swiper-slider-6 .swiper-box {
  12833. padding-left: 70px;
  12834. }
  12835. .swiper-slider-6 .swiper-box .swiper-title-1 {
  12836. margin-left: -70px;
  12837. }
  12838. }
  12839. @media (min-width: 1200px) {
  12840. .swiper-slider-6 * + .button-wrap,
  12841. .swiper-slider-6 * + .button {
  12842. margin-top: 50px;
  12843. }
  12844. }
  12845. .swiper-slider-7 {
  12846. pointer-events: none;
  12847. }
  12848. .swiper-slider-7 .swiper-wrapper {
  12849. pointer-events: auto;
  12850. }
  12851. .swiper-slider-7 .swiper-slide {
  12852. height: auto;
  12853. }
  12854. .swiper-slider-7 .swiper-slide > * {
  12855. width: 100%;
  12856. opacity: .71;
  12857. white-space: normal;
  12858. transition: all .4s linear;
  12859. pointer-events: none;
  12860. }
  12861. .swiper-slider-7 .swiper-slide-last {
  12862. display: none;
  12863. }
  12864. .swiper-slider-7 .swiper-slide-active > *,
  12865. .swiper-slider-7 .swiper-slide-active + .swiper-slide > * {
  12866. opacity: 1;
  12867. pointer-events: auto;
  12868. }
  12869. .swiper-slider-7 .swiper-scrollbar {
  12870. background: #e1e1e1;
  12871. }
  12872. .swiper-slider-7.swiper-container-vertical .swiper-slide-last {
  12873. display: flex;
  12874. }
  12875. * + .swiper-slider-7 {
  12876. margin-top: 30px;
  12877. }
  12878. @media (min-width: 576px) {
  12879. .swiper-slider-7.swiper-container-vertical {
  12880. max-height: 350px;
  12881. }
  12882. .swiper-slider-7.swiper-container-vertical .swiper-slide-last {
  12883. height: 42px;
  12884. }
  12885. }
  12886. @media (min-width: 768px) {
  12887. .swiper-slider-7.swiper-container-vertical {
  12888. max-height: 445px;
  12889. padding-right: 55px;
  12890. }
  12891. .swiper-slider-7.swiper-container-vertical .swiper-slide-last {
  12892. height: 68px;
  12893. }
  12894. * + .swiper-slider-7 {
  12895. margin-top: 68px;
  12896. }
  12897. }
  12898. @media (min-width: 992px) {
  12899. .swiper-slider-7.swiper-container-vertical .swiper-slide-last {
  12900. height: 64px;
  12901. }
  12902. * + .swiper-slider-7 {
  12903. margin-top: 45px;
  12904. }
  12905. }
  12906. @media (min-width: 1200px) {
  12907. .swiper-slider-7.swiper-container-vertical .swiper-slide-last {
  12908. height: 60px;
  12909. }
  12910. }
  12911. /** @section Google-Map */
  12912. .google-map-markers {
  12913. display: none;
  12914. }
  12915. .google-map-container {
  12916. width: 100%;
  12917. }
  12918. .google-map {
  12919. height: 250px;
  12920. width: 100%;
  12921. color: #777777;
  12922. }
  12923. @media (min-width: 576px) {
  12924. .google-map {
  12925. height: 400px;
  12926. }
  12927. }
  12928. @media (min-width: 992px) {
  12929. .google-map {
  12930. height: 520px;
  12931. }
  12932. }
  12933. /** @section Rd-search */
  12934. .rd-search-results-live {
  12935. position: absolute;
  12936. text-align: left;
  12937. overflow-y: auto;
  12938. max-height: 600px;
  12939. box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  12940. top: 100%;
  12941. right: 0;
  12942. left: 0;
  12943. z-index: 998;
  12944. }
  12945. .rd-search-results-live #search-results {
  12946. position: relative;
  12947. padding: 16px 0 0;
  12948. color: #151515;
  12949. background: #ffffff;
  12950. opacity: 0;
  12951. visibility: hidden;
  12952. transform-origin: 50% 0;
  12953. transform: scale(1, 0.9);
  12954. transition: .3s all ease;
  12955. border-radius: 6px;
  12956. }
  12957. .rd-search-results-live #search-results.active {
  12958. opacity: 1;
  12959. visibility: visible;
  12960. transform: scale(1, 1);
  12961. }
  12962. .rd-search-results-live .search-quick-result {
  12963. padding-left: 15px;
  12964. padding-right: 15px;
  12965. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  12966. font-size: 14px;
  12967. font-weight: 700;
  12968. line-height: 30px;
  12969. text-transform: uppercase;
  12970. color: #151515;
  12971. }
  12972. .rd-search-results-live .search-list {
  12973. margin-top: 11px;
  12974. }
  12975. .rd-search-results-live .search-list li:only-child {
  12976. padding: 0 15px 15px;
  12977. }
  12978. .rd-search-results-live .search-link {
  12979. color: inherit;
  12980. }
  12981. .rd-search-results-live .search-link:hover {
  12982. color: #151515;
  12983. }
  12984. .rd-search-results-live .search-error {
  12985. font-size: 14px;
  12986. line-height: 1.6;
  12987. }
  12988. .rd-search-results-live .search-title {
  12989. position: relative;
  12990. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  12991. font-size: 14px;
  12992. font-weight: 700;
  12993. color: #0071dc;
  12994. }
  12995. .rd-search-results-live .search-list-item-all {
  12996. margin-top: 18px;
  12997. width: 100%;
  12998. }
  12999. .rd-search-results-live .search-submit {
  13000. position: relative;
  13001. text-align: center;
  13002. overflow: hidden;
  13003. display: block;
  13004. padding: 8px;
  13005. font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  13006. font-size: 14px;
  13007. font-weight: 700;
  13008. letter-spacing: 0.1em;
  13009. text-transform: uppercase;
  13010. border-radius: 6px;
  13011. transition: all 250ms ease-in-out;
  13012. color: #ffffff;
  13013. background: #0071dc;
  13014. z-index: 0;
  13015. }
  13016. .rd-search-results-live .search-submit:hover {
  13017. color: #151515;
  13018. background: #ffe220;
  13019. }
  13020. .rd-search-results-live .match {
  13021. display: none;
  13022. }
  13023. .rd-search-results-live p {
  13024. font-size: 11px;
  13025. }
  13026. .rd-search-results-live p * {
  13027. margin: 0;
  13028. }
  13029. .rd-search-results-live .search-list-item {
  13030. padding: 0 15px;
  13031. }
  13032. .rd-search-results-live * + p {
  13033. margin-top: 5px;
  13034. }
  13035. .rd-search-results-live .search-list-item + .search-list-item {
  13036. margin-top: 17px;
  13037. }
  13038. .rd-search-results .search-list {
  13039. counter-reset: li;
  13040. text-align: left;
  13041. padding-left: 0;
  13042. font-size: 18px;
  13043. list-style-type: none;
  13044. overflow: hidden;
  13045. }
  13046. .rd-search-results .search-list li div {
  13047. overflow: hidden;
  13048. text-overflow: ellipsis;
  13049. max-width: 100%;
  13050. white-space: nowrap;
  13051. }
  13052. .rd-search-results .search-list li:only-child::before {
  13053. display: none;
  13054. }
  13055. .rd-search-results .search-list-item {
  13056. position: relative;
  13057. padding-left: 40px;
  13058. font-size: 15px;
  13059. color: #9b9b9b;
  13060. }
  13061. .rd-search-results .search-list-item::before {
  13062. content: counter(li, decimal-leading-zero) ".";
  13063. counter-increment: li;
  13064. position: absolute;
  13065. left: 0;
  13066. top: 0;
  13067. font-size: 16px;
  13068. line-height: 1.2;
  13069. font-weight: 600;
  13070. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  13071. color: #000000;
  13072. }
  13073. .rd-search-results .search-list-item + .search-list-item {
  13074. margin-top: 40px;
  13075. }
  13076. .rd-search-results .search-title {
  13077. color: #151515;
  13078. line-height: 1.2;
  13079. }
  13080. .rd-search-results .search {
  13081. color: #ffffff;
  13082. padding: 0 .25em;
  13083. background: #0071dc;
  13084. }
  13085. .rd-search-results .match {
  13086. padding: 5px;
  13087. font-size: 12px;
  13088. line-height: 1.7;
  13089. letter-spacing: .1em;
  13090. text-transform: uppercase;
  13091. color: #000000;
  13092. }
  13093. .rd-search-results .match em {
  13094. margin: 0;
  13095. font-style: normal;
  13096. }
  13097. .rd-search-results p * {
  13098. margin: 0;
  13099. }
  13100. .rd-search-results * + .match {
  13101. margin-top: 10px;
  13102. }
  13103. @media (min-width: 768px) {
  13104. .rd-search-results .search-list-item::before {
  13105. font-size: 18px;
  13106. }
  13107. .rd-search-results * + p {
  13108. margin-top: 12px;
  13109. }
  13110. }
  13111. @media (min-width: 992px) {
  13112. .rd-search-results .search-list-item {
  13113. padding-left: 40px;
  13114. }
  13115. }
  13116. * + .rd-search-results {
  13117. margin-top: 40px;
  13118. }
  13119. @media (min-width: 768px) {
  13120. * + .rd-search-results {
  13121. margin-top: 55px;
  13122. }
  13123. }
  13124. .rd-search-classic {
  13125. position: relative;
  13126. }
  13127. .rd-search-classic .form-input {
  13128. padding-right: 50px;
  13129. }
  13130. .rd-search-classic .form-input,
  13131. .rd-search-classic .form-label {
  13132. letter-spacing: 0;
  13133. }
  13134. .rd-search-classic .rd-search-submit {
  13135. background: none;
  13136. border: none;
  13137. display: inline-block;
  13138. padding: 0;
  13139. outline: none;
  13140. outline-offset: 0;
  13141. cursor: pointer;
  13142. -webkit-appearance: none;
  13143. position: absolute;
  13144. top: 0;
  13145. right: 0;
  13146. bottom: 0;
  13147. width: 50px;
  13148. padding-top: 3px;
  13149. padding-right: 2px;
  13150. margin: 0;
  13151. text-align: center;
  13152. color: #cccccc;
  13153. font-size: 0;
  13154. line-height: 0;
  13155. }
  13156. .rd-search-classic .rd-search-submit::-moz-focus-inner {
  13157. border: none;
  13158. padding: 0;
  13159. }
  13160. .rd-search-classic .rd-search-submit:before {
  13161. position: relative;
  13162. top: -1px;
  13163. content: '\e014';
  13164. font: 400 20px 'fl-chapps';
  13165. line-height: 1;
  13166. transition: .33s all ease;
  13167. }
  13168. .rd-search-classic .rd-search-submit:hover {
  13169. color: #0071dc;
  13170. }
  13171. .rd-search.rd-search-inline {
  13172. position: relative;
  13173. }
  13174. .rd-search.rd-search-inline .form-input {
  13175. padding-right: 60px;
  13176. }
  13177. .rd-search.rd-search-inline .button-link {
  13178. position: absolute;
  13179. top: 50%;
  13180. transform: translateY(-50%);
  13181. width: 60px;
  13182. right: 0;
  13183. margin: 0;
  13184. font-size: 21px;
  13185. color: #cccccc;
  13186. transition: .33s;
  13187. }
  13188. .rd-search.rd-search-inline .button-link::before {
  13189. display: block;
  13190. margin: auto;
  13191. }
  13192. .rd-search.rd-search-inline .button-link:hover {
  13193. color: #0071dc;
  13194. }
  13195. .rd-search.rd-search-inline.form-sm .form-input {
  13196. padding-right: 45px;
  13197. }
  13198. .rd-search.rd-search-inline.form-sm .button-link {
  13199. width: 45px;
  13200. font-size: 18px;
  13201. }
  13202. .rd-search.rd-search-inline.form-lg .form-input {
  13203. padding-right: 70px;
  13204. }
  13205. .rd-search.rd-search-inline.form-lg .button-link {
  13206. width: 70px;
  13207. }
  13208. .button-search {
  13209. position: absolute;
  13210. text-align: center;
  13211. padding: 0 5px;
  13212. right: 0;
  13213. top: 0;
  13214. height: 60px;
  13215. width: 56px;
  13216. font-size: 25px;
  13217. line-height: 60px;
  13218. border: none;
  13219. outline: none;
  13220. box-shadow: none;
  13221. background: transparent;
  13222. cursor: pointer;
  13223. transition: all 250ms ease;
  13224. }
  13225. .button-search:hover {
  13226. color: #0071dc;
  13227. }
  13228. .form-search .form-label,
  13229. .form-search .form-input {
  13230. padding-left: 20px;
  13231. padding-right: 56px;
  13232. letter-spacing: .05em;
  13233. font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  13234. color: #777777;
  13235. }
  13236. .form-search .form-input {
  13237. min-height: 60px;
  13238. background: #f9faf9;
  13239. border-width: 1px;
  13240. border-color: #f9faf9;
  13241. }
  13242. .form-search .form-label {
  13243. top: 30px;
  13244. }
  13245. * + .form-search {
  13246. margin-top: 30px;
  13247. }
  13248. @media (min-width: 768px) {
  13249. .form-search .form-input,
  13250. .form-search .form-label {
  13251. padding-left: 25px;
  13252. }
  13253. * + .form-search {
  13254. margin-top: 50px;
  13255. }
  13256. }
  13257. @media (min-width: 1200px) {
  13258. * + .form-search {
  13259. margin-top: 60px;
  13260. }
  13261. }
  13262. /** @section Isotope */
  13263. .isotope {
  13264. z-index: 0;
  13265. display: block;
  13266. transition: .3s ease;
  13267. }
  13268. .isotope-1 {
  13269. z-index: 1;
  13270. }
  13271. .isotope-sizer {
  13272. height: 0;
  13273. margin-top: -1px;
  13274. margin-bottom: 0;
  13275. }
  13276. .isotope-item {
  13277. display: block;
  13278. backface-visibility: hidden;
  13279. transition: .1s opacity ease-in;
  13280. }
  13281. .isotope-filters {
  13282. position: relative;
  13283. }
  13284. .isotope-filters > * {
  13285. margin-top: 0;
  13286. vertical-align: middle;
  13287. }
  13288. * + .isotope {
  13289. margin-top: 30px;
  13290. }
  13291. * + .isotope-wrap {
  13292. margin-top: 30px;
  13293. }
  13294. @media (min-width: 768px) {
  13295. * + .isotope {
  13296. margin-top: 50px;
  13297. }
  13298. * + .isotope-wrap {
  13299. margin-top: 44px;
  13300. }
  13301. }
  13302. .isotope-filters-list {
  13303. position: absolute;
  13304. top: calc(100% + 20px);
  13305. left: 50%;
  13306. width: 100%;
  13307. max-width: 280px;
  13308. padding: 15px;
  13309. background: #ffffff;
  13310. box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  13311. transform: translate3d(-50%, 0, 0);
  13312. opacity: 0;
  13313. visibility: hidden;
  13314. transition: all .3s ease-in-out;
  13315. z-index: 2;
  13316. }
  13317. .isotope-filters-list a {
  13318. position: relative;
  13319. text-align: center;
  13320. vertical-align: middle;
  13321. display: block;
  13322. padding: 5px 10px;
  13323. font-size: 14px;
  13324. line-height: 1;
  13325. font-weight: 600;
  13326. letter-spacing: .02em;
  13327. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  13328. text-transform: uppercase;
  13329. color: #9b9b9b;
  13330. }
  13331. .isotope-filters-list a.active {
  13332. color: #0071dc;
  13333. }
  13334. .isotope-filters-list.active {
  13335. opacity: 1;
  13336. visibility: visible;
  13337. }
  13338. .isotope-filters-toggle .icon {
  13339. transition: transform .25s ease;
  13340. }
  13341. .isotope-filters-toggle.active .icon {
  13342. transform: rotate(180deg);
  13343. }
  13344. @media (min-width: 768px) {
  13345. .isotope-filters-list-wrap {
  13346. display: inline-block;
  13347. position: relative;
  13348. padding-bottom: 4px;
  13349. }
  13350. .isotope-filters-list-wrap::before {
  13351. position: absolute;
  13352. content: '';
  13353. bottom: 0;
  13354. left: 0;
  13355. height: 4px;
  13356. width: 100%;
  13357. border-radius: 6px;
  13358. background: #d7d7d7;
  13359. }
  13360. .isotope-filters-list {
  13361. position: static;
  13362. display: flex;
  13363. justify-content: space-between;
  13364. max-width: none;
  13365. top: auto;
  13366. left: auto;
  13367. width: auto;
  13368. padding: 0;
  13369. box-shadow: none;
  13370. background: transparent;
  13371. transform: none;
  13372. visibility: visible;
  13373. opacity: 1;
  13374. margin-left: -30px;
  13375. margin-right: -30px;
  13376. }
  13377. .isotope-filters-list > * {
  13378. padding-left: 30px;
  13379. padding-right: 30px;
  13380. }
  13381. .isotope-filters-list a {
  13382. display: inline-block;
  13383. padding: 0 0 16px;
  13384. }
  13385. .isotope-filters-list a::after {
  13386. position: absolute;
  13387. content: '';
  13388. bottom: -4px;
  13389. left: 50%;
  13390. width: 130%;
  13391. height: 4px;
  13392. border-radius: 6px;
  13393. background: #0071dc;
  13394. transform: translate3d(-50%, 0, 0);
  13395. opacity: 0;
  13396. transition: all .25s ease;
  13397. }
  13398. .isotope-filters-list a.active::after, .isotope-filters-list a:hover::after {
  13399. width: 100%;
  13400. opacity: 1;
  13401. }
  13402. .isotope-filters-toggle {
  13403. display: none;
  13404. }
  13405. }
  13406. @media (min-width: 992px) and (max-width: 1199.98px) {
  13407. .mobile .isotope-custom-1 .col-lg-8,
  13408. .tablet .isotope-custom-1 .col-lg-8 {
  13409. flex: 0 0 33.33333%;
  13410. max-width: 33.33333%;
  13411. }
  13412. }
  13413. @media (min-width: 992px) {
  13414. .desktop .isotope-custom-2 {
  13415. padding-left: 0;
  13416. padding-right: 0;
  13417. }
  13418. .desktop .isotope-custom-2 .row {
  13419. margin-right: 0;
  13420. margin-left: 0;
  13421. margin-bottom: 0;
  13422. }
  13423. .desktop .isotope-custom-2 .row > .col,
  13424. .desktop .isotope-custom-2 .row > [class*="col-"] {
  13425. padding-right: 0;
  13426. padding-left: 0;
  13427. margin-bottom: 0;
  13428. }
  13429. }
  13430. /** @section Nav */
  13431. .tabs-custom {
  13432. text-align: left;
  13433. }
  13434. .tabs-custom .nav-tabs {
  13435. font-size: 0;
  13436. line-height: 0;
  13437. word-spacing: 0;
  13438. border: 0;
  13439. justify-content: center;
  13440. }
  13441. .tabs-custom .nav-item {
  13442. float: none;
  13443. margin: 0;
  13444. border: 0;
  13445. cursor: pointer;
  13446. transition: .33s all ease;
  13447. }
  13448. .tabs-custom .nav-link {
  13449. margin: 0;
  13450. border: 0;
  13451. border-radius: 0;
  13452. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  13453. color: #9b9b9b;
  13454. }
  13455. .tabs-custom .nav-link.active {
  13456. cursor: default;
  13457. }
  13458. .tab-content > .tab-pane {
  13459. display: block;
  13460. visibility: hidden;
  13461. height: 0;
  13462. overflow: hidden;
  13463. }
  13464. .tab-content > .active {
  13465. visibility: visible;
  13466. height: auto;
  13467. overflow: visible;
  13468. }
  13469. * + .tabs-line {
  13470. margin-top: 15px;
  13471. }
  13472. * + .tabs-horizontal.tabs-corporate {
  13473. margin-top: 25px;
  13474. }
  13475. .row + .tabs-line {
  13476. margin-top: 40px;
  13477. }
  13478. @media (min-width: 768px) {
  13479. * + .tabs-line {
  13480. margin-top: 40px;
  13481. }
  13482. .row + .tabs-line {
  13483. margin-top: 65px;
  13484. }
  13485. .tabs-line + .button {
  13486. margin-top: 50px;
  13487. }
  13488. }
  13489. .tabs-line .nav-tabs-wrap {
  13490. position: relative;
  13491. padding-bottom: 1px;
  13492. }
  13493. .tabs-line .nav-tabs-wrap::before {
  13494. position: absolute;
  13495. content: '';
  13496. bottom: 0;
  13497. left: 0;
  13498. height: 1px;
  13499. width: 100%;
  13500. border-radius: 0;
  13501. background: #d7d7d7;
  13502. }
  13503. .tabs-line .nav-tabs {
  13504. margin-left: -15px;
  13505. margin-right: -15px;
  13506. }
  13507. .tabs-line .nav-tabs > * {
  13508. padding-left: 15px;
  13509. padding-right: 15px;
  13510. }
  13511. .tabs-line .nav-link {
  13512. position: relative;
  13513. text-align: center;
  13514. vertical-align: middle;
  13515. padding: 12px 0 8px;
  13516. font-size: 12px;
  13517. line-height: 1;
  13518. font-weight: 600;
  13519. letter-spacing: .02em;
  13520. text-transform: uppercase;
  13521. }
  13522. .tabs-line .nav-link::after {
  13523. position: absolute;
  13524. content: '';
  13525. bottom: -1px;
  13526. left: 50%;
  13527. width: 130%;
  13528. height: 1px;
  13529. border-radius: 0;
  13530. background: #0071dc;
  13531. transform: translate3d(-50%, 0, 0);
  13532. opacity: 0;
  13533. transition: all .25s ease;
  13534. }
  13535. .tabs-line .nav-link.active::after,
  13536. .tabs-line .nav-link:hover::after {
  13537. width: 100%;
  13538. opacity: 1;
  13539. }
  13540. .tabs-line .nav-link.active {
  13541. color: #0071dc;
  13542. background: transparent;
  13543. }
  13544. .tabs-line * + .tab-content {
  13545. margin-top: 20px;
  13546. }
  13547. .tabs-line-2 .nav-link::after {
  13548. background: #ffe220;
  13549. }
  13550. .tabs-line-2 .nav-link.active {
  13551. color: #ffe220;
  13552. }
  13553. .tabs-corporate .nav-tabs {
  13554. position: relative;
  13555. }
  13556. .tabs-corporate .nav-link {
  13557. padding: 12px 0 8px;
  13558. text-transform: uppercase;
  13559. font-size: 18px;
  13560. font-weight: 500;
  13561. line-height: 1;
  13562. letter-spacing: .1em;
  13563. color: #9b9b9b;
  13564. background: transparent;
  13565. text-align: center;
  13566. vertical-align: middle;
  13567. }
  13568. .tabs-corporate .nav-link:hover,
  13569. .tabs-corporate .nav-link.active {
  13570. color: #151515;
  13571. }
  13572. .tabs-corporate .nav-link:hover {
  13573. border-color: transparent;
  13574. }
  13575. .tabs-corporate .tab-content {
  13576. padding: 20px 0 0;
  13577. }
  13578. @media (max-width: 767.98px) {
  13579. .tabs-corporate .nav-tabs {
  13580. margin-bottom: 0;
  13581. margin-left: -20px;
  13582. }
  13583. .tabs-corporate .nav-tabs:empty {
  13584. margin-bottom: 0;
  13585. margin-left: 0;
  13586. }
  13587. .tabs-corporate .nav-tabs > * {
  13588. display: inline-block;
  13589. margin-top: 0;
  13590. margin-bottom: 0;
  13591. margin-left: 20px;
  13592. }
  13593. .tabs-corporate .nav-link {
  13594. border-width: 1px;
  13595. border-style: solid;
  13596. border-color: transparent;
  13597. }
  13598. .tabs-corporate .nav-link.active {
  13599. border-color: transparent transparent #ffe220 transparent;
  13600. }
  13601. }
  13602. @media (min-width: 768px) {
  13603. .tabs-horizontal.tabs-corporate .nav-tabs {
  13604. position: relative;
  13605. width: 100%;
  13606. border: 0;
  13607. will-change: transform;
  13608. justify-content: flex-start;
  13609. }
  13610. .tabs-horizontal.tabs-corporate .nav-item {
  13611. will-change: transform;
  13612. }
  13613. .tabs-horizontal.tabs-corporate .nav-link {
  13614. display: block;
  13615. position: relative;
  13616. z-index: 1;
  13617. min-width: 188px;
  13618. letter-spacing: .1em;
  13619. padding: 26px 20px;
  13620. border-width: 1px 1px 0 1px;
  13621. border-style: solid;
  13622. border-color: transparent;
  13623. }
  13624. .tabs-horizontal.tabs-corporate .nav-link.active,
  13625. .tabs-horizontal.tabs-corporate .nav-link:hover {
  13626. color: #151515;
  13627. }
  13628. .tabs-horizontal.tabs-corporate .nav-link.active {
  13629. border-color: #f5f5f5;
  13630. }
  13631. .tabs-horizontal.tabs-corporate .tab-content {
  13632. border: 1px solid #f5f5f5;
  13633. }
  13634. .tabs-horizontal.tabs-line .nav-tabs-wrap {
  13635. padding-bottom: 4px;
  13636. }
  13637. .tabs-horizontal.tabs-line .nav-tabs-wrap::before {
  13638. height: 4px;
  13639. border-radius: 6px;
  13640. }
  13641. .tabs-horizontal.tabs-line .nav-tabs {
  13642. justify-content: flex-start;
  13643. }
  13644. .tabs-horizontal.tabs-line .nav-tabs-1 {
  13645. margin-left: -30px;
  13646. margin-right: -30px;
  13647. justify-content: flex-start;
  13648. }
  13649. .tabs-horizontal.tabs-line .nav-tabs-1 > * {
  13650. padding-left: 30px;
  13651. padding-right: 30px;
  13652. }
  13653. .tabs-horizontal.tabs-line .nav-item {
  13654. display: inline-block;
  13655. }
  13656. .tabs-horizontal.tabs-line .nav-link {
  13657. padding-top: 0;
  13658. padding-bottom: 16px;
  13659. font-size: 14px;
  13660. }
  13661. .tabs-horizontal.tabs-line .nav-link::after {
  13662. bottom: -4px;
  13663. height: 4px;
  13664. border-radius: 6px;
  13665. }
  13666. .tabs-horizontal.tabs-line * + .tab-content {
  13667. margin-top: 30px;
  13668. }
  13669. }
  13670. @media (min-width: 992px) {
  13671. .tabs-horizontal.tabs-line .nav-tabs-1 {
  13672. margin-left: -45px;
  13673. margin-right: -45px;
  13674. }
  13675. .tabs-horizontal.tabs-line .nav-tabs-1 > * {
  13676. padding-left: 45px;
  13677. padding-right: 45px;
  13678. }
  13679. .tabs-horizontal.tabs-line .nav-tabs-1 .nav-link {
  13680. letter-spacing: .075em;
  13681. }
  13682. .tabs-horizontal.tabs-line * + .tab-content {
  13683. margin-top: 35px;
  13684. }
  13685. .tabs-horizontal.tabs-line * + .tab-content-1 {
  13686. margin-top: 45px;
  13687. }
  13688. }
  13689. @media (min-width: 768px) {
  13690. .tabs-vertical {
  13691. display: flex;
  13692. align-items: flex-start;
  13693. }
  13694. .tabs-vertical .nav-tabs {
  13695. display: flex;
  13696. flex-direction: column;
  13697. align-items: stretch;
  13698. flex-shrink: 0;
  13699. max-width: 50%;
  13700. }
  13701. .tabs-vertical .nav-item {
  13702. border: 0;
  13703. width: 100%;
  13704. text-align: left;
  13705. }
  13706. .tabs-vertical .tab-content {
  13707. flex-grow: 1;
  13708. }
  13709. .tabs-vertical.tabs-line .nav-tabs {
  13710. width: auto;
  13711. min-width: 167px;
  13712. border: 0;
  13713. }
  13714. .tabs-vertical.tabs-line .nav-item {
  13715. margin: 0;
  13716. }
  13717. .tabs-vertical.tabs-line .nav-link {
  13718. position: relative;
  13719. padding: 21px 0 17px;
  13720. border: 0;
  13721. overflow: hidden;
  13722. text-align: left;
  13723. }
  13724. .tabs-vertical.tabs-line .nav-link.active,
  13725. .tabs-vertical.tabs-line .nav-link:hover {
  13726. color: #0071dc;
  13727. }
  13728. .tabs-vertical.tabs-line .nav-item + .nav-item {
  13729. border-top: 1px solid #f5f5f5;
  13730. }
  13731. .tabs-vertical.tabs-line .tab-content {
  13732. padding: 0 0 0 35px;
  13733. }
  13734. .tabs-vertical.tabs-line * + .tab-content {
  13735. margin-top: 0;
  13736. }
  13737. }
  13738. .tabs-jean .nav-tabs-wrap {
  13739. padding: 10px;
  13740. background: #f5f5f5;
  13741. }
  13742. .tabs-jean .nav-tabs {
  13743. display: block;
  13744. text-align: center;
  13745. }
  13746. .tabs-jean .nav-link {
  13747. position: relative;
  13748. padding: 10px 0;
  13749. font-size: 14px;
  13750. line-height: 1.2;
  13751. font-weight: 600;
  13752. letter-spacing: .1em;
  13753. text-transform: uppercase;
  13754. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  13755. color: rgba(21, 21, 21, 0.41);
  13756. background: transparent;
  13757. border: none;
  13758. }
  13759. .tabs-jean .nav-link::before {
  13760. position: absolute;
  13761. top: 50%;
  13762. left: 50%;
  13763. font-size: 60px;
  13764. font-weight: 300;
  13765. letter-spacing: 0;
  13766. line-height: 1;
  13767. color: rgba(21, 21, 21, 0.1);
  13768. transform: translate3d(-50%, -50%, 0);
  13769. transition: inherit;
  13770. }
  13771. .tabs-jean .nav-link::after {
  13772. display: none;
  13773. position: absolute;
  13774. content: '';
  13775. top: 0;
  13776. left: 50%;
  13777. width: 0;
  13778. height: 0;
  13779. border-style: solid;
  13780. border-width: 0 13px 10px 13px;
  13781. border-color: transparent transparent #f5f5f5 transparent;
  13782. transform: translate3d(-50%, 0, 0);
  13783. transition: all .25s ease;
  13784. }
  13785. .tabs-jean .nav-link.active,
  13786. .tabs-jean .nav-link:hover {
  13787. color: #ffffff;
  13788. background: #0071dc;
  13789. }
  13790. .tabs-jean .nav-link.active::before,
  13791. .tabs-jean .nav-link:hover::before {
  13792. color: rgba(0, 113, 220, 0.2);
  13793. }
  13794. .tabs-jean .nav-link.active::after {
  13795. transform: translate3d(-50%, -100%, 0);
  13796. }
  13797. .tabs-jean * + .nav-tabs-wrap {
  13798. margin-top: 30px;
  13799. }
  13800. @media (min-width: 576px) {
  13801. .tabs-jean .nav-tabs-wrap {
  13802. padding: 0 20px 1px;
  13803. }
  13804. .tabs-jean .nav-tabs {
  13805. counter-reset: li;
  13806. display: flex;
  13807. justify-content: space-around;
  13808. margin-left: -30px;
  13809. }
  13810. .tabs-jean .nav-tabs > * {
  13811. margin-left: 30px;
  13812. }
  13813. .tabs-jean .nav-tabs li a::before {
  13814. content: counter(li, decimal-leading-zero);
  13815. counter-increment: li;
  13816. }
  13817. .tabs-jean .nav-link {
  13818. padding: 35px 0;
  13819. }
  13820. .tabs-jean .nav-link::after {
  13821. display: block;
  13822. }
  13823. .tabs-jean .nav-link.active,
  13824. .tabs-jean .nav-link:hover {
  13825. color: #0071dc;
  13826. background: transparent;
  13827. }
  13828. .tabs-jean .tab-content {
  13829. position: relative;
  13830. padding: 8% 0 14% 17%;
  13831. z-index: 1;
  13832. }
  13833. .tabs-jean .tab-content::before {
  13834. position: absolute;
  13835. content: '';
  13836. top: 0;
  13837. bottom: 0;
  13838. left: 0;
  13839. width: 44%;
  13840. border: 15px solid #f5f5f5;
  13841. z-index: -1;
  13842. }
  13843. .tabs-jean * + .nav-tabs-wrap {
  13844. margin-top: 40px;
  13845. }
  13846. }
  13847. @media (min-width: 768px) {
  13848. .tabs-jean .nav-link {
  13849. padding: 40px 0;
  13850. }
  13851. .tabs-jean .nav-link::before {
  13852. font-size: 80px;
  13853. }
  13854. }
  13855. @media (min-width: 1200px) {
  13856. .tabs-jean .nav-tabs-wrap {
  13857. padding-left: 30px;
  13858. padding-right: 30px;
  13859. }
  13860. .tabs-jean .nav-link {
  13861. padding: 56px 0;
  13862. }
  13863. .tabs-jean .nav-link::before {
  13864. font-size: 100px;
  13865. }
  13866. .tabs-jean .tab-content {
  13867. padding-right: 5%;
  13868. }
  13869. .tabs-jean * + .nav-tabs-wrap {
  13870. margin-top: 55px;
  13871. }
  13872. }
  13873. /** @section Card */
  13874. .card-group-custom {
  13875. margin-bottom: 0;
  13876. }
  13877. .card-group-custom .card-header + .collapse > .card-body,
  13878. .card-group-custom .card-header + .collapse > .list-group {
  13879. border-top: 0;
  13880. }
  13881. .card-group-custom .card + .card {
  13882. margin-top: 0;
  13883. }
  13884. .card-custom {
  13885. text-align: left;
  13886. display: block;
  13887. margin: 0;
  13888. border: 0;
  13889. border-radius: 0;
  13890. box-shadow: none;
  13891. background: inherit;
  13892. }
  13893. .card-custom a {
  13894. display: block;
  13895. }
  13896. .card-custom .card-header {
  13897. padding: 0;
  13898. border-bottom: 0;
  13899. border-top-left-radius: 0;
  13900. border-top-right-radius: 0;
  13901. background: transparent;
  13902. }
  13903. .card-custom .card-body {
  13904. padding: 0;
  13905. border: 0;
  13906. }
  13907. * + .card-group-custom {
  13908. margin-top: 20px;
  13909. }
  13910. h3 + .card-group-corporate {
  13911. margin-top: 20px;
  13912. }
  13913. @media (min-width: 992px) {
  13914. * + .card-group-custom {
  13915. margin-top: 30px;
  13916. }
  13917. * + .card-group-custom-1 {
  13918. margin-top: 20px;
  13919. }
  13920. }
  13921. .card-corporate {
  13922. text-align: left;
  13923. }
  13924. .card-corporate:last-child .card-title a.collapsed {
  13925. border-bottom-color: transparent;
  13926. }
  13927. .card-corporate .card-title {
  13928. margin-bottom: 0;
  13929. }
  13930. .card-corporate .card-title a,
  13931. .card-corporate .card-body {
  13932. background: transparent;
  13933. }
  13934. .card-corporate .card-title a {
  13935. position: relative;
  13936. padding: 15px 0 15px 45px;
  13937. font-size: 14px;
  13938. line-height: 1.6;
  13939. font-weight: 500;
  13940. letter-spacing: .02em;
  13941. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  13942. color: #151515;
  13943. border-bottom: 1px solid #e1e1e1;
  13944. z-index: 1;
  13945. }
  13946. .card-corporate .card-title a.collapsed .card-arrow .icon {
  13947. color: #0071dc;
  13948. background: #ffffff;
  13949. box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);
  13950. transform: none;
  13951. }
  13952. .card-corporate .card-arrow {
  13953. display: flex;
  13954. align-items: center;
  13955. position: absolute;
  13956. text-align: center;
  13957. top: 0;
  13958. bottom: 0;
  13959. left: 0;
  13960. z-index: 2;
  13961. }
  13962. .card-corporate .card-arrow .icon {
  13963. font-size: 20px;
  13964. line-height: 30px;
  13965. width: 30px;
  13966. height: 30px;
  13967. border-radius: 50%;
  13968. color: #151515;
  13969. background: #ffe220;
  13970. box-shadow: none;
  13971. transform: rotate(90deg);
  13972. transition: all .3s ease;
  13973. }
  13974. .card-corporate .card-arrow .icon::before {
  13975. content: '\f238';
  13976. font-family: "Material Design Icons";
  13977. }
  13978. .card-corporate .collapse {
  13979. position: relative;
  13980. color: #777777;
  13981. border-radius: 0 0 6px 6px;
  13982. z-index: 1;
  13983. }
  13984. .card-corporate .card-body {
  13985. padding: 15px 0 10px 0;
  13986. }
  13987. @media (min-width: 768px) {
  13988. .card-corporate .card-title a {
  13989. padding: 25px 0 25px 56px;
  13990. }
  13991. .card-corporate .card-arrow .icon {
  13992. font-size: 22px;
  13993. line-height: 36px;
  13994. width: 36px;
  13995. height: 36px;
  13996. }
  13997. .card-corporate .card-body {
  13998. padding: 25px 0 10px 0;
  13999. }
  14000. }
  14001. @media (min-width: 992px) {
  14002. .card-corporate .card-title a {
  14003. font-size: 16px;
  14004. }
  14005. }
  14006. @media (min-width: 1200px) {
  14007. .card-corporate .card-title a {
  14008. padding: 30px 0 30px 66px;
  14009. font-size: 18px;
  14010. }
  14011. .card-corporate .card-arrow .icon {
  14012. font-size: 24px;
  14013. line-height: 42px;
  14014. width: 42px;
  14015. height: 42px;
  14016. }
  14017. }
  14018. .card-corporate-2 {
  14019. text-align: left;
  14020. }
  14021. @media (min-width: 768px) {
  14022. .card-corporate-2:last-child .card-title a.collapsed {
  14023. border-bottom-color: #e1e1e1;
  14024. }
  14025. }
  14026. @media (min-width: 992px) {
  14027. .desktop .card-corporate .card-title a:hover .card-arrow .icon {
  14028. transform: rotate(-90deg);
  14029. }
  14030. .desktop .card-corporate .card-title a.collapsed:hover .card-arrow .icon {
  14031. transform: rotate(90deg);
  14032. }
  14033. }
  14034. /** @section Tooltip */
  14035. .tooltip {
  14036. font-size: 15px;
  14037. line-height: 1.6;
  14038. }
  14039. .tooltip-inner {
  14040. border-radius: 0;
  14041. }
  14042. /** @section Counter */
  14043. .counter-classic {
  14044. text-align: center;
  14045. }
  14046. .counter-classic-2 .counter-classic-decor::before {
  14047. background: #ffe220;
  14048. }
  14049. .counter-classic-number {
  14050. font-weight: 300;
  14051. letter-spacing: .1em;
  14052. text-transform: none;
  14053. }
  14054. .counter-classic-number .symbol {
  14055. letter-spacing: .1em;
  14056. }
  14057. .counter-classic-title {
  14058. line-height: 1.2;
  14059. font-weight: 400;
  14060. letter-spacing: .2em;
  14061. text-transform: uppercase;
  14062. }
  14063. .counter-classic-decor {
  14064. font-size: 0;
  14065. line-height: 0;
  14066. }
  14067. .counter-classic-decor::before {
  14068. display: inline-block;
  14069. content: '';
  14070. width: 40px;
  14071. height: 3px;
  14072. background: #0071dc;
  14073. }
  14074. * + .counter-classic-decor {
  14075. margin-top: 10px;
  14076. }
  14077. * + .counter-classic-title {
  14078. margin-top: 16px;
  14079. }
  14080. @media (max-width: 767.98px) {
  14081. .counter-classic-title {
  14082. font-size: 14px;
  14083. }
  14084. }
  14085. @media (min-width: 768px) {
  14086. .counter-classic-decor::before {
  14087. width: 66px;
  14088. }
  14089. * + .counter-classic-decor {
  14090. margin-top: 20px;
  14091. }
  14092. * + .counter-classic-title {
  14093. margin-top: 25px;
  14094. }
  14095. }
  14096. @media (min-width: 992px) {
  14097. * + .counter-classic-decor {
  14098. margin-top: 24px;
  14099. }
  14100. * + .counter-classic-title {
  14101. margin-top: 30px;
  14102. }
  14103. }
  14104. @media (min-width: 1200px) {
  14105. * + .counter-classic-title {
  14106. margin-top: 36px;
  14107. }
  14108. }
  14109. .counter-modern {
  14110. text-align: center;
  14111. }
  14112. .counter-modern-number {
  14113. text-transform: none;
  14114. }
  14115. .counter-modern-decor {
  14116. font-size: 0;
  14117. line-height: 0;
  14118. }
  14119. .counter-modern-decor::before {
  14120. display: inline-block;
  14121. content: '';
  14122. width: 30px;
  14123. height: 1px;
  14124. background: #0071dc;
  14125. }
  14126. * + .counter-modern-decor {
  14127. margin-top: 10px;
  14128. }
  14129. * + .counter-modern-title {
  14130. margin-top: 12px;
  14131. }
  14132. @media (max-width: 767.98px) {
  14133. .counter-modern-title {
  14134. font-size: 14px;
  14135. }
  14136. }
  14137. @media (min-width: 768px) {
  14138. .counter-modern-decor::before {
  14139. width: 42px;
  14140. }
  14141. * + .counter-modern-decor {
  14142. margin-top: 16px;
  14143. }
  14144. * + .counter-modern-title {
  14145. margin-top: 18px;
  14146. }
  14147. }
  14148. @media (min-width: 992px) {
  14149. * + .counter-modern-decor {
  14150. margin-top: 18px;
  14151. }
  14152. * + .counter-modern-title {
  14153. margin-top: 24px;
  14154. }
  14155. }
  14156. .context-dark .counter-modern-decor::before, .bg-gray-700 .counter-modern-decor::before, .bg-gray-3 .counter-modern-decor::before, .bg-brown-1 .counter-modern-decor::before, .bg-sky-blue .counter-modern-decor::before, .bg-primary .counter-modern-decor::before {
  14157. background: #ffffff;
  14158. }
  14159. .box-ordered {
  14160. counter-reset: div;
  14161. }
  14162. .box-ordered .box-ordered-item::before {
  14163. content: counter(div, decimal-leading-zero);
  14164. counter-increment: div;
  14165. }
  14166. .box-ordered-2 {
  14167. counter-reset: div;
  14168. }
  14169. .box-ordered-2 .box-ordered-item::before {
  14170. content: counter(div, decimal);
  14171. counter-increment: div;
  14172. }
  14173. /** @section Progress-bars */
  14174. .progress-linear {
  14175. position: relative;
  14176. text-align: left;
  14177. font-size: 12px;
  14178. line-height: 1;
  14179. font-weight: 600;
  14180. letter-spacing: .1em;
  14181. text-transform: uppercase;
  14182. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  14183. }
  14184. .progress-header > * {
  14185. max-width: 50%;
  14186. }
  14187. .progress-bar-linear-wrap {
  14188. height: 6px;
  14189. border-radius: 6px;
  14190. background: #d7d7d7;
  14191. }
  14192. .progress-bar-linear {
  14193. position: relative;
  14194. width: 0;
  14195. height: inherit;
  14196. border-radius: inherit;
  14197. background: #0071dc;
  14198. transition: .5s all ease-in-out;
  14199. }
  14200. .progress-bar-linear::before {
  14201. position: absolute;
  14202. content: '';
  14203. right: 0;
  14204. bottom: 0;
  14205. width: 10px;
  14206. height: inherit;
  14207. transform: skew(-45deg);
  14208. transform-origin: 50% 100%;
  14209. background: inherit;
  14210. }
  14211. .progress-value {
  14212. position: absolute;
  14213. bottom: 100%;
  14214. right: -4px;
  14215. margin-bottom: 12px;
  14216. transform: translate3d(50%, 0, 0);
  14217. will-change: transform;
  14218. }
  14219. .progress-value::after {
  14220. content: "%";
  14221. }
  14222. .progress-red .progress-bar-linear {
  14223. background: #f2717a;
  14224. }
  14225. .progress-red .progress-bar-linear::before {
  14226. border-bottom-color: #f2717a;
  14227. }
  14228. .progress-red .progress-marker {
  14229. background: #f2717a;
  14230. }
  14231. .progress-yellow .progress-bar-linear {
  14232. background: #e9da5e;
  14233. }
  14234. .progress-yellow .progress-bar-linear::before {
  14235. border-bottom-color: #e9da5e;
  14236. }
  14237. .progress-yellow .progress-marker {
  14238. background: #e9da5e;
  14239. }
  14240. * + .progress-bar-linear-wrap {
  14241. margin-top: 12px;
  14242. }
  14243. * + .progress-linear {
  14244. margin-top: 35px;
  14245. }
  14246. .progress-linear + .progress-linear {
  14247. margin-top: 25px;
  14248. }
  14249. @media (min-width: 768px) {
  14250. .progress-linear {
  14251. font-size: 14px;
  14252. }
  14253. .progress-linear + .progress-linear {
  14254. margin-top: 40px;
  14255. }
  14256. }
  14257. @media (min-width: 992px) {
  14258. .progress-linear + .progress-linear {
  14259. margin-top: 46px;
  14260. }
  14261. }
  14262. /** @section Countdown */
  14263. .countdown-wrap {
  14264. display: flex;
  14265. justify-content: center;
  14266. align-items: center;
  14267. text-align: center;
  14268. margin-bottom: -20px;
  14269. margin-left: -20px;
  14270. }
  14271. .countdown-wrap:empty {
  14272. margin-bottom: 0;
  14273. margin-left: 0;
  14274. }
  14275. .countdown-wrap > * {
  14276. display: inline-block;
  14277. margin-top: 0;
  14278. margin-bottom: 20px;
  14279. margin-left: 20px;
  14280. }
  14281. @media (min-width: 576px) {
  14282. .countdown-wrap {
  14283. margin-bottom: -30px;
  14284. margin-left: -30px;
  14285. }
  14286. .countdown-wrap:empty {
  14287. margin-bottom: 0;
  14288. margin-left: 0;
  14289. }
  14290. .countdown-wrap > * {
  14291. display: inline-block;
  14292. margin-top: 0;
  14293. margin-bottom: 30px;
  14294. margin-left: 30px;
  14295. }
  14296. }
  14297. .countdown-circle {
  14298. flex-basis: 136px;
  14299. flex-shrink: 1;
  14300. display: block;
  14301. }
  14302. .countdown-circle svg {
  14303. display: block;
  14304. width: 100%;
  14305. }
  14306. .countdown-number {
  14307. position: relative;
  14308. }
  14309. .countdown-gradient .stop-color-1 {
  14310. stop-color: #ffe220;
  14311. }
  14312. .countdown-gradient .stop-color-2 {
  14313. stop-color: #0071dc;
  14314. }
  14315. .countdown-fg {
  14316. fill: transparent;
  14317. stroke: #0071dc;
  14318. stroke-width: 2.21px;
  14319. }
  14320. .countdown-bg {
  14321. fill: transparent;
  14322. stroke: #d7d7d7;
  14323. stroke-width: .74px;
  14324. }
  14325. .countdown-overlay {
  14326. position: absolute;
  14327. top: 52%;
  14328. left: 0;
  14329. right: 0;
  14330. transform: translateY(-50%);
  14331. }
  14332. .countdown-counter {
  14333. display: block;
  14334. font-weight: 500;
  14335. letter-spacing: .05em;
  14336. color: #151515;
  14337. }
  14338. .countdown-heading {
  14339. letter-spacing: .1em;
  14340. text-transform: uppercase;
  14341. color: rgba(21, 21, 21, 0.5);
  14342. }
  14343. @media (max-width: 575.98px) {
  14344. .countdown-heading {
  14345. font-size: 14px;
  14346. }
  14347. }
  14348. .countdown-seconds {
  14349. display: none;
  14350. }
  14351. @media (min-width: 576px) {
  14352. .countdown-seconds {
  14353. display: block;
  14354. }
  14355. }
  14356. .context-dark .countdown-bg, .bg-gray-700 .countdown-bg, .bg-gray-3 .countdown-bg, .bg-brown-1 .countdown-bg, .bg-sky-blue .countdown-bg, .bg-primary .countdown-bg {
  14357. stroke: rgba(255, 255, 255, 0.7);
  14358. }
  14359. .context-dark .countdown-fg, .bg-gray-700 .countdown-fg, .bg-gray-3 .countdown-fg, .bg-brown-1 .countdown-fg, .bg-sky-blue .countdown-fg, .bg-primary .countdown-fg {
  14360. stroke: #0071dc;
  14361. }
  14362. * + .countdown-wrap {
  14363. margin-top: 30px;
  14364. }
  14365. * + .countdown-heading {
  14366. margin-top: 10px;
  14367. }
  14368. @media (min-width: 576px) {
  14369. * + .countdown-heading {
  14370. margin-top: 14px;
  14371. }
  14372. }
  14373. @media (min-width: 1200px) {
  14374. * + .countdown-wrap {
  14375. margin-top: 50px;
  14376. }
  14377. .countdown-wrap + p {
  14378. margin-top: 40px;
  14379. }
  14380. }
  14381. .countdown-mini-wrap {
  14382. display: flex;
  14383. justify-content: center;
  14384. align-items: center;
  14385. text-align: center;
  14386. margin-bottom: -20px;
  14387. margin-left: -20px;
  14388. }
  14389. .countdown-mini-wrap:empty {
  14390. margin-bottom: 0;
  14391. margin-left: 0;
  14392. }
  14393. .countdown-mini-wrap > * {
  14394. display: inline-block;
  14395. margin-top: 0;
  14396. margin-bottom: 20px;
  14397. margin-left: 20px;
  14398. }
  14399. .countdown-mini-wrap .countdown-circle {
  14400. flex-basis: 87px;
  14401. }
  14402. .countdown-mini-counter {
  14403. font-weight: 600;
  14404. }
  14405. .countdown-mini-heading {
  14406. font-size: 14px;
  14407. font-weight: 600;
  14408. letter-spacing: .1em;
  14409. text-transform: uppercase;
  14410. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  14411. color: rgba(21, 21, 21, 0.5);
  14412. }
  14413. * + .countdown-mini-wrap {
  14414. margin-top: 20px;
  14415. }
  14416. * + .countdown-mini-heading {
  14417. margin-top: 10px;
  14418. }
  14419. html:not(.ie-10):not(.ie-11):not(.ie-edge) .countdown-circle svg {
  14420. height: auto;
  14421. }
  14422. /** @section Owl-carousel */
  14423. .owl-carousel .animated {
  14424. animation-duration: 1000ms;
  14425. animation-fill-mode: both;
  14426. }
  14427. .owl-carousel .owl-animated-in {
  14428. z-index: 0;
  14429. }
  14430. .owl-carousel .owl-animated-out {
  14431. z-index: 1;
  14432. }
  14433. .owl-carousel .fadeOut {
  14434. animation-name: fadeOut;
  14435. }
  14436. @keyframes fadeOut {
  14437. 0% {
  14438. opacity: 1;
  14439. }
  14440. 100% {
  14441. opacity: 0;
  14442. }
  14443. }
  14444. /*
  14445. * Owl Carousel - Auto Height Plugin
  14446. */
  14447. .owl-height {
  14448. transition: height 500ms ease-in-out;
  14449. }
  14450. /*
  14451. * Core Owl Carousel CSS File
  14452. */
  14453. .owl-carousel {
  14454. display: none;
  14455. width: 100%;
  14456. -webkit-tap-highlight-color: transparent;
  14457. /* position relative and z-index fix webkit rendering fonts issue */
  14458. position: relative;
  14459. z-index: 1;
  14460. }
  14461. .owl-carousel .owl-stage {
  14462. position: relative;
  14463. -ms-touch-action: pan-Y;
  14464. }
  14465. .owl-carousel .owl-stage:after {
  14466. content: ".";
  14467. display: block;
  14468. clear: both;
  14469. visibility: hidden;
  14470. line-height: 0;
  14471. height: 0;
  14472. }
  14473. .owl-carousel .owl-stage-outer {
  14474. position: relative;
  14475. overflow: hidden;
  14476. /* fix for flashing background */
  14477. -webkit-transform: translate3d(0px, 0px, 0px);
  14478. }
  14479. .owl-carousel .owl-controls .owl-nav .owl-prev,
  14480. .owl-carousel .owl-controls .owl-nav .owl-next,
  14481. .owl-carousel .owl-controls .owl-dot {
  14482. cursor: pointer;
  14483. user-select: none;
  14484. }
  14485. .owl-carousel.owl-loaded {
  14486. display: block;
  14487. }
  14488. .owl-carousel.owl-loading {
  14489. opacity: 0;
  14490. display: block;
  14491. }
  14492. .owl-carousel.owl-hidden {
  14493. opacity: 0;
  14494. }
  14495. .owl-carousel .owl-refresh .owl-item {
  14496. display: none;
  14497. }
  14498. .owl-carousel .owl-item {
  14499. position: relative;
  14500. min-height: 1px;
  14501. float: left;
  14502. -webkit-tap-highlight-color: transparent;
  14503. -webkit-touch-callout: none;
  14504. }
  14505. .owl-carousel .owl-grab {
  14506. cursor: move;
  14507. cursor: -webkit-grab;
  14508. cursor: grab;
  14509. }
  14510. .owl-carousel.owl-rtl {
  14511. direction: rtl;
  14512. }
  14513. .owl-carousel.owl-rtl .owl-item {
  14514. float: right;
  14515. }
  14516. /* No Js */
  14517. .no-js .owl-carousel {
  14518. display: block;
  14519. }
  14520. /*
  14521. * Owl Carousel - Lazy Load Plugin
  14522. */
  14523. .owl-carousel .owl-item .owl-lazy {
  14524. opacity: 0;
  14525. transition: opacity 400ms ease;
  14526. }
  14527. /*
  14528. * Owl Carousel - Video Plugin
  14529. */
  14530. .owl-carousel .owl-video-wrapper {
  14531. position: relative;
  14532. height: 100%;
  14533. background: #000000;
  14534. }
  14535. .owl-carousel .owl-video-play-icon {
  14536. position: absolute;
  14537. height: 80px;
  14538. width: 80px;
  14539. left: 50%;
  14540. top: 50%;
  14541. margin-left: -40px;
  14542. margin-top: -40px;
  14543. font: 400 40px/80px 'FontAwesome';
  14544. cursor: pointer;
  14545. z-index: 1;
  14546. transition: scale 100ms ease;
  14547. }
  14548. .owl-carousel .owl-video-play-icon:before {
  14549. content: '\f144';
  14550. }
  14551. .owl-carousel .owl-video-play-icon:hover {
  14552. transform: scale(1.3);
  14553. }
  14554. .owl-carousel .owl-video-playing .owl-video-tn,
  14555. .owl-carousel .owl-video-playing .owl-video-play-icon {
  14556. display: none;
  14557. }
  14558. .owl-carousel .owl-video-tn {
  14559. opacity: 0;
  14560. height: 100%;
  14561. background-position: center center;
  14562. background-repeat: no-repeat;
  14563. background-size: contain;
  14564. transition: opacity 400ms ease;
  14565. }
  14566. .owl-carousel .owl-video-frame {
  14567. position: relative;
  14568. z-index: 1;
  14569. }
  14570. /*
  14571. * Owl Navigation
  14572. */
  14573. .owl-nav.disabled {
  14574. display: none !important;
  14575. }
  14576. .owl-prev,
  14577. .owl-next {
  14578. background: transparent;
  14579. border: 0;
  14580. text-align: center;
  14581. position: absolute;
  14582. top: 50%;
  14583. font-size: 14px;
  14584. line-height: 1.8;
  14585. font-weight: 600;
  14586. letter-spacing: .05em;
  14587. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  14588. color: #a3a3a3;
  14589. transition: all .2s ease;
  14590. transform: translate3d(0, -50%, 0);
  14591. will-change: transform;
  14592. cursor: pointer;
  14593. }
  14594. .owl-prev::after,
  14595. .owl-next::after {
  14596. display: block;
  14597. content: '';
  14598. height: 0;
  14599. width: 100%;
  14600. border-top: 2px solid;
  14601. transition: transform .2s ease;
  14602. }
  14603. .owl-prev:hover,
  14604. .owl-next:hover {
  14605. color: #151515;
  14606. }
  14607. .owl-prev:hover::after,
  14608. .owl-next:hover::after {
  14609. transform: scaleX(0.7);
  14610. }
  14611. .owl-prev {
  14612. left: 0;
  14613. }
  14614. .owl-prev:before {
  14615. content: "prev";
  14616. }
  14617. .owl-next {
  14618. right: 0;
  14619. }
  14620. .owl-next:before {
  14621. content: "next";
  14622. }
  14623. /*
  14624. * Owl Pagination
  14625. */
  14626. .owl-dots {
  14627. text-align: center;
  14628. margin-top: 30px;
  14629. font-size: 0;
  14630. line-height: 0;
  14631. }
  14632. .owl-dots.disabled {
  14633. display: none !important;
  14634. }
  14635. @media (min-width: 768px) {
  14636. .owl-dots {
  14637. margin-top: 45px;
  14638. }
  14639. }
  14640. .owl-dot {
  14641. border: 0;
  14642. position: relative;
  14643. display: inline-block;
  14644. width: 14px;
  14645. height: 14px;
  14646. border-width: 0;
  14647. border-radius: 50%;
  14648. margin-left: 6px;
  14649. margin-right: 6px;
  14650. padding: 0;
  14651. text-align: center;
  14652. outline: none;
  14653. cursor: pointer;
  14654. background-color: #d7d7d7;
  14655. transition: all .25s ease-in-out;
  14656. }
  14657. .owl-dot:only-child {
  14658. display: none;
  14659. }
  14660. .owl-dot:hover, .owl-dot:focus {
  14661. background-color: #0071dc;
  14662. }
  14663. .owl-dot.active {
  14664. background-color: #0071dc;
  14665. }
  14666. .owl-carousel.owl-carousel-light-dots .owl-dot {
  14667. border-color: #ffffff;
  14668. }
  14669. .owl-carousel.owl-carousel-light-dots .owl-dot:hover, .owl-carousel.owl-carousel-light-dots .owl-dot:focus {
  14670. background-color: #ffffff;
  14671. }
  14672. .owl-carousel.owl-carousel-light-dots .owl-dot.active {
  14673. background-color: #ffffff;
  14674. }
  14675. /*
  14676. * Owl Nav Styles
  14677. */
  14678. .owl-nav-1 {
  14679. position: relative;
  14680. padding: 0 26px;
  14681. }
  14682. .owl-nav-1 .owl-prev::before,
  14683. .owl-nav-1 .owl-next::before {
  14684. display: inline-block;
  14685. line-height: 1.8;
  14686. border-bottom: 2px solid;
  14687. }
  14688. .owl-nav-1 .owl-prev::after,
  14689. .owl-nav-1 .owl-next::after {
  14690. position: absolute;
  14691. top: 50%;
  14692. width: 80px;
  14693. height: 80px;
  14694. border: none;
  14695. border-radius: 50%;
  14696. background: #ffffff;
  14697. transform: translate3d(0, -50%, 0);
  14698. pointer-events: none;
  14699. z-index: -1;
  14700. }
  14701. .owl-nav-1 .owl-prev::after {
  14702. right: -14px;
  14703. }
  14704. .owl-nav-1 .owl-next::after {
  14705. left: -14px;
  14706. }
  14707. @media (min-width: 768px) {
  14708. .owl-nav-1 .owl-prev::after,
  14709. .owl-nav-1 .owl-next::after {
  14710. width: 100px;
  14711. height: 100px;
  14712. }
  14713. .owl-nav-1 .owl-prev::after {
  14714. right: -24px;
  14715. }
  14716. .owl-nav-1 .owl-next::after {
  14717. left: -24px;
  14718. }
  14719. }
  14720. .owl-nav-2 .owl-prev:hover,
  14721. .owl-nav-2 .owl-next:hover {
  14722. color: #0071dc;
  14723. }
  14724. /*
  14725. * Owl Pagination Styles
  14726. */
  14727. .owl-dots-styles-1 .owl-dot {
  14728. width: 18px;
  14729. height: 18px;
  14730. background: transparent;
  14731. border: 4px solid rgba(0, 113, 220, 0.5);
  14732. }
  14733. .owl-dots-styles-1 .owl-dot:hover, .owl-dots-styles-1 .owl-dot:focus {
  14734. border-color: #0071dc;
  14735. }
  14736. .owl-dots-styles-1 .owl-dot.active {
  14737. border-color: #0071dc;
  14738. }
  14739. .owl-style-1 .owl-stage-outer {
  14740. margin: -15px;
  14741. padding: 15px;
  14742. }
  14743. @media (min-width: 1200px) {
  14744. .owl-style-1 .owl-dots {
  14745. margin-top: 55px;
  14746. }
  14747. }
  14748. .owl-style-2 {
  14749. text-align: center;
  14750. }
  14751. .owl-style-2 .owl-stage {
  14752. display: flex;
  14753. align-items: center;
  14754. }
  14755. .owl-style-3 .owl-stage-outer {
  14756. margin: -20px;
  14757. padding: 20px;
  14758. }
  14759. .owl-style-3 .owl-nav {
  14760. display: none;
  14761. }
  14762. @media (min-width: 768px) {
  14763. .owl-style-3 {
  14764. padding: 0 120px;
  14765. }
  14766. .owl-style-3 .owl-stage-outer {
  14767. margin-left: -60px;
  14768. margin-right: -60px;
  14769. padding-left: 60px;
  14770. padding-right: 60px;
  14771. }
  14772. .owl-style-3 .owl-stage-outer::before {
  14773. position: absolute;
  14774. content: '';
  14775. top: 20px;
  14776. right: 0;
  14777. bottom: 20px;
  14778. left: 0;
  14779. border-radius: 60px;
  14780. background: rgba(255, 255, 255, 0.57);
  14781. transform: scaleY(0.9);
  14782. }
  14783. .owl-style-3 .owl-nav {
  14784. display: block;
  14785. }
  14786. .owl-style-3 .owl-dots {
  14787. display: none;
  14788. }
  14789. }
  14790. @media (min-width: 992px) {
  14791. .owl-style-3 {
  14792. padding: 0 160px;
  14793. }
  14794. .owl-style-3 .owl-stage-outer {
  14795. margin-left: -85px;
  14796. margin-right: -85px;
  14797. padding-left: 85px;
  14798. padding-right: 85px;
  14799. }
  14800. }
  14801. @media (min-width: 1200px) {
  14802. .owl-style-3 {
  14803. padding: 0 215px;
  14804. }
  14805. .owl-style-3 .owl-prev {
  14806. left: 30px;
  14807. }
  14808. .owl-style-3 .owl-next {
  14809. right: 30px;
  14810. }
  14811. }
  14812. .owl-style-4 {
  14813. padding: 0 50px;
  14814. }
  14815. @media (min-width: 1600px) {
  14816. .owl-style-4 {
  14817. padding: 0;
  14818. }
  14819. }
  14820. * + .owl-style-4 {
  14821. margin-top: 30px;
  14822. }
  14823. .owl-style-5 .owl-dots {
  14824. margin-top: 25px;
  14825. }
  14826. .owl-style-6 {
  14827. text-align: center;
  14828. padding: 30px 0;
  14829. border-bottom: 1px solid #e1e1e1;
  14830. }
  14831. .owl-style-6 .owl-stage {
  14832. display: flex;
  14833. align-items: center;
  14834. }
  14835. @media (min-width: 992px) {
  14836. .owl-style-6 {
  14837. padding: 40px 0;
  14838. }
  14839. }
  14840. @media (min-width: 1200px) {
  14841. .owl-style-6 {
  14842. padding: 50px 30px;
  14843. }
  14844. }
  14845. .owl-style-7 {
  14846. padding: 0 15px;
  14847. }
  14848. .owl-style-7 .owl-nav {
  14849. display: none;
  14850. }
  14851. .owl-style-7 .owl-prev,
  14852. .owl-style-7 .owl-next {
  14853. top: 35%;
  14854. transform: none;
  14855. }
  14856. .owl-style-7 .owl-prev {
  14857. left: 20px;
  14858. }
  14859. .owl-style-7 .owl-next {
  14860. right: 20px;
  14861. }
  14862. @media (min-width: 768px) {
  14863. .owl-style-7 {
  14864. padding: 0 75px;
  14865. }
  14866. .owl-style-7 .owl-nav {
  14867. display: block;
  14868. }
  14869. .owl-style-7 .owl-dots {
  14870. display: none;
  14871. }
  14872. }
  14873. @media (min-width: 768px) {
  14874. * + .owl-style-7 {
  14875. margin-top: 35px;
  14876. }
  14877. }
  14878. .owl-style-8 .owl-stage-outer {
  14879. margin: -20px -30px -80px;
  14880. padding: 20px 30px 80px;
  14881. }
  14882. .owl-style-9 .owl-stage-outer {
  14883. margin: -35px -20px -80px;
  14884. padding: 35px 20px 80px;
  14885. pointer-events: none;
  14886. z-index: 1;
  14887. }
  14888. .owl-style-9 .owl-stage-outer > * {
  14889. pointer-events: auto;
  14890. }
  14891. .owl-style-10 .owl-stage-outer {
  14892. margin: -30px 0;
  14893. padding: 30px 0;
  14894. }
  14895. @media (min-width: 768px) {
  14896. * + .owl-style-11 {
  14897. margin-top: 40px;
  14898. }
  14899. }
  14900. .owl-style-12 .owl-stage-outer {
  14901. margin: -20px;
  14902. padding: 20px;
  14903. }
  14904. @media (min-width: 1200px) {
  14905. .owl-style-12 .owl-dots {
  14906. margin-top: 55px;
  14907. }
  14908. }
  14909. @media (min-width: 1600px) {
  14910. * + .owl-style-12 {
  14911. margin-top: 65px;
  14912. }
  14913. }
  14914. .owl-style-13 .owl-stage {
  14915. display: flex;
  14916. }
  14917. .owl-style-13 .owl-item {
  14918. flex: 0 0 auto;
  14919. }
  14920. .owl-style-13 .owl-dots {
  14921. margin-top: 20px;
  14922. padding-bottom: 20px;
  14923. }
  14924. .owl-style-14 {
  14925. padding: 30px 15px;
  14926. border-radius: 6px;
  14927. background: transparent;
  14928. border: 2px solid #e1e1e1;
  14929. }
  14930. .owl-style-14 * + .button {
  14931. margin-top: 20px;
  14932. }
  14933. @media (min-width: 576px) {
  14934. .owl-style-14 .owl-style-14 {
  14935. padding-left: 30px;
  14936. padding-right: 30px;
  14937. }
  14938. }
  14939. @media (min-width: 768px) {
  14940. .owl-style-14 {
  14941. padding: 40px;
  14942. }
  14943. }
  14944. @media (min-width: 992px) {
  14945. .owl-style-14 {
  14946. padding-top: 60px;
  14947. padding-bottom: 60px;
  14948. }
  14949. }
  14950. /** @section Lightgallery */
  14951. .lg-sub-html, .lg-toolbar {
  14952. background-color: rgba(0, 0, 0, 0.45);
  14953. }
  14954. @font-face {
  14955. font-family: lg;
  14956. src: url(../fonts/lg.eot?n1z373);
  14957. src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg");
  14958. font-weight: 400;
  14959. font-style: normal;
  14960. }
  14961. .lg-icon {
  14962. font-family: lg;
  14963. speak: none;
  14964. font-style: normal;
  14965. font-weight: 400;
  14966. font-variant: normal;
  14967. text-transform: none;
  14968. line-height: 1;
  14969. -webkit-font-smoothing: antialiased;
  14970. -moz-osx-font-smoothing: grayscale;
  14971. }
  14972. .lg-actions .lg-next, .lg-actions .lg-prev {
  14973. background-color: rgba(0, 0, 0, 0.45);
  14974. border-radius: 2px;
  14975. color: #999999;
  14976. cursor: pointer;
  14977. display: block;
  14978. font-size: 22px;
  14979. margin-top: -10px;
  14980. padding: 8px 10px 9px;
  14981. position: absolute;
  14982. top: 50%;
  14983. z-index: 1080;
  14984. border: none;
  14985. outline: 0;
  14986. }
  14987. .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  14988. pointer-events: none;
  14989. opacity: .5;
  14990. }
  14991. .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  14992. color: #ffffff;
  14993. }
  14994. .lg-actions .lg-next {
  14995. right: 20px;
  14996. }
  14997. .lg-actions .lg-next:before {
  14998. content: "\e095";
  14999. }
  15000. .lg-actions .lg-prev {
  15001. left: 20px;
  15002. }
  15003. .lg-actions .lg-prev:after {
  15004. content: "\e094";
  15005. }
  15006. @-webkit-keyframes lg-right-end {
  15007. 0%, 100% {
  15008. left: 0;
  15009. }
  15010. 50% {
  15011. left: -30px;
  15012. }
  15013. }
  15014. @-moz-keyframes lg-right-end {
  15015. 0%, 100% {
  15016. left: 0;
  15017. }
  15018. 50% {
  15019. left: -30px;
  15020. }
  15021. }
  15022. @-ms-keyframes lg-right-end {
  15023. 0%, 100% {
  15024. left: 0;
  15025. }
  15026. 50% {
  15027. left: -30px;
  15028. }
  15029. }
  15030. @keyframes lg-right-end {
  15031. 0%, 100% {
  15032. left: 0;
  15033. }
  15034. 50% {
  15035. left: -30px;
  15036. }
  15037. }
  15038. @-webkit-keyframes lg-left-end {
  15039. 0%, 100% {
  15040. left: 0;
  15041. }
  15042. 50% {
  15043. left: 30px;
  15044. }
  15045. }
  15046. @-moz-keyframes lg-left-end {
  15047. 0%, 100% {
  15048. left: 0;
  15049. }
  15050. 50% {
  15051. left: 30px;
  15052. }
  15053. }
  15054. @-ms-keyframes lg-left-end {
  15055. 0%, 100% {
  15056. left: 0;
  15057. }
  15058. 50% {
  15059. left: 30px;
  15060. }
  15061. }
  15062. @keyframes lg-left-end {
  15063. 0%, 100% {
  15064. left: 0;
  15065. }
  15066. 50% {
  15067. left: 30px;
  15068. }
  15069. }
  15070. .lg-outer.lg-right-end .lg-object {
  15071. -webkit-animation: lg-right-end .3s;
  15072. -o-animation: lg-right-end .3s;
  15073. animation: lg-right-end .3s;
  15074. position: relative;
  15075. }
  15076. .lg-outer.lg-left-end .lg-object {
  15077. -webkit-animation: lg-left-end .3s;
  15078. -o-animation: lg-left-end .3s;
  15079. animation: lg-left-end .3s;
  15080. position: relative;
  15081. }
  15082. .lg-toolbar {
  15083. z-index: 1082;
  15084. left: 0;
  15085. position: absolute;
  15086. top: 0;
  15087. width: 100%;
  15088. }
  15089. .lg-toolbar .lg-icon {
  15090. color: #999999;
  15091. cursor: pointer;
  15092. float: right;
  15093. font-size: 24px;
  15094. height: 47px;
  15095. line-height: 27px;
  15096. padding: 10px 0;
  15097. text-align: center;
  15098. width: 50px;
  15099. text-decoration: none !important;
  15100. outline: 0;
  15101. -webkit-transition: color .2s linear;
  15102. -o-transition: color .2s linear;
  15103. transition: color .2s linear;
  15104. }
  15105. .lg-toolbar .lg-icon:hover {
  15106. color: #ffffff;
  15107. }
  15108. .lg-toolbar .lg-close:after {
  15109. content: "\e070";
  15110. }
  15111. .lg-toolbar .lg-download:after {
  15112. content: "\e0f2";
  15113. }
  15114. .lg-sub-html {
  15115. bottom: 0;
  15116. color: #eeeeee;
  15117. font-size: 16px;
  15118. left: 0;
  15119. padding: 10px 40px;
  15120. position: fixed;
  15121. right: 0;
  15122. text-align: center;
  15123. z-index: 1080;
  15124. }
  15125. .lg-sub-html h4 {
  15126. margin: 0;
  15127. font-size: 13px;
  15128. font-weight: 700;
  15129. }
  15130. .lg-sub-html p {
  15131. font-size: 12px;
  15132. margin: 5px 0 0;
  15133. }
  15134. #lg-counter {
  15135. color: #999999;
  15136. display: inline-block;
  15137. font-size: 16px;
  15138. padding-left: 20px;
  15139. padding-top: 12px;
  15140. vertical-align: middle;
  15141. }
  15142. .lg-next, .lg-prev, .lg-toolbar {
  15143. opacity: 1;
  15144. -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  15145. -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  15146. -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  15147. transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  15148. }
  15149. .lg-hide-items .lg-prev {
  15150. opacity: 0;
  15151. -webkit-transform: translate3d(-10px, 0, 0);
  15152. transform: translate3d(-10px, 0, 0);
  15153. }
  15154. .lg-hide-items .lg-next {
  15155. opacity: 0;
  15156. -webkit-transform: translate3d(10px, 0, 0);
  15157. transform: translate3d(10px, 0, 0);
  15158. }
  15159. .lg-hide-items .lg-toolbar {
  15160. opacity: 0;
  15161. -webkit-transform: translate3d(0, -10px, 0);
  15162. transform: translate3d(0, -10px, 0);
  15163. }
  15164. body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  15165. -webkit-transform: scale3d(0.5, 0.5, 0.5);
  15166. transform: scale3d(0.5, 0.5, 0.5);
  15167. opacity: 0;
  15168. -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  15169. -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  15170. -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  15171. transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  15172. -webkit-transform-origin: 50% 50%;
  15173. -moz-transform-origin: 50% 50%;
  15174. -ms-transform-origin: 50% 50%;
  15175. transform-origin: 50% 50%;
  15176. }
  15177. body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  15178. -webkit-transform: scale3d(1, 1, 1);
  15179. transform: scale3d(1, 1, 1);
  15180. opacity: 1;
  15181. }
  15182. .lg-outer .lg-thumb-outer {
  15183. background-color: #0d0a0a;
  15184. bottom: 0;
  15185. position: absolute;
  15186. width: 100%;
  15187. z-index: 1080;
  15188. max-height: 350px;
  15189. -webkit-transform: translate3d(0, 100%, 0);
  15190. transform: translate3d(0, 100%, 0);
  15191. -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  15192. -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  15193. -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  15194. transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  15195. }
  15196. .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  15197. cursor: -webkit-grab;
  15198. cursor: -moz-grab;
  15199. cursor: -o-grab;
  15200. cursor: -ms-grab;
  15201. cursor: grab;
  15202. }
  15203. .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  15204. cursor: move;
  15205. cursor: -webkit-grabbing;
  15206. cursor: -moz-grabbing;
  15207. cursor: -o-grabbing;
  15208. cursor: -ms-grabbing;
  15209. cursor: grabbing;
  15210. }
  15211. .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  15212. -webkit-transition-duration: 0s !important;
  15213. transition-duration: 0s !important;
  15214. }
  15215. .lg-outer.lg-thumb-open .lg-thumb-outer {
  15216. -webkit-transform: translate3d(0, 0, 0);
  15217. transform: translate3d(0, 0, 0);
  15218. }
  15219. .lg-outer .lg-thumb {
  15220. padding: 10px 0;
  15221. height: 100%;
  15222. margin-bottom: -5px;
  15223. margin-left: auto;
  15224. margin-right: auto;
  15225. }
  15226. .lg-outer .lg-thumb-item {
  15227. cursor: pointer;
  15228. float: left;
  15229. overflow: hidden;
  15230. height: 100%;
  15231. border: 2px solid #ffffff;
  15232. border-radius: 4px;
  15233. margin-bottom: 5px;
  15234. }
  15235. @media (min-width: 1025px) {
  15236. .lg-outer .lg-thumb-item {
  15237. -webkit-transition: border-color .25s ease;
  15238. -o-transition: border-color .25s ease;
  15239. transition: border-color .25s ease;
  15240. }
  15241. }
  15242. .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  15243. border-color: #0071dc;
  15244. }
  15245. .lg-outer .lg-thumb-item img {
  15246. width: 100%;
  15247. height: 100%;
  15248. object-fit: cover;
  15249. }
  15250. .lg-outer.lg-has-thumb .lg-item {
  15251. padding-bottom: 120px;
  15252. }
  15253. .lg-outer.lg-can-toggle .lg-item {
  15254. padding-bottom: 0;
  15255. }
  15256. .lg-outer.lg-pull-caption-up .lg-sub-html {
  15257. -webkit-transition: bottom .25s ease;
  15258. -o-transition: bottom .25s ease;
  15259. transition: bottom .25s ease;
  15260. }
  15261. .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  15262. bottom: 100px;
  15263. }
  15264. .lg-outer .lg-toogle-thumb {
  15265. background-color: #0d0a0a;
  15266. border-radius: 2px 2px 0 0;
  15267. color: #999999;
  15268. cursor: pointer;
  15269. font-size: 24px;
  15270. height: 39px;
  15271. line-height: 27px;
  15272. padding: 5px 0;
  15273. position: absolute;
  15274. right: 20px;
  15275. text-align: center;
  15276. top: -39px;
  15277. width: 50px;
  15278. }
  15279. .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share {
  15280. color: #ffffff;
  15281. }
  15282. .lg-outer .lg-toogle-thumb:after {
  15283. content: "\e1ff";
  15284. }
  15285. .lg-outer .lg-video-cont {
  15286. display: inline-block;
  15287. vertical-align: middle;
  15288. max-width: 1140px;
  15289. max-height: 100%;
  15290. width: 100%;
  15291. padding: 0 5px;
  15292. }
  15293. .lg-outer .lg-video {
  15294. width: 100%;
  15295. height: 0;
  15296. padding-bottom: 56.25%;
  15297. overflow: hidden;
  15298. position: relative;
  15299. }
  15300. .lg-outer .lg-video .lg-object {
  15301. display: inline-block;
  15302. position: absolute;
  15303. top: 0;
  15304. left: 0;
  15305. width: 100% !important;
  15306. height: 100% !important;
  15307. }
  15308. .lg-outer .lg-video .lg-video-play {
  15309. width: 84px;
  15310. height: 59px;
  15311. position: absolute;
  15312. left: 50%;
  15313. top: 50%;
  15314. margin-left: -42px;
  15315. margin-top: -30px;
  15316. z-index: 1080;
  15317. cursor: pointer;
  15318. }
  15319. .lg-outer .lg-has-iframe .lg-video {
  15320. -webkit-overflow-scrolling: touch;
  15321. overflow: auto;
  15322. }
  15323. .lg-outer .lg-has-vimeo .lg-video-play {
  15324. background: url(../images/vimeo-play.png) no-repeat;
  15325. }
  15326. .lg-outer .lg-has-vimeo:hover .lg-video-play {
  15327. background: url(../images/vimeo-play.png) 0 -58px no-repeat;
  15328. }
  15329. .lg-outer .lg-has-html5 .lg-video-play {
  15330. background: url(../images/video-play.png) no-repeat;
  15331. height: 64px;
  15332. margin-left: -32px;
  15333. margin-top: -32px;
  15334. width: 64px;
  15335. opacity: .8;
  15336. }
  15337. .lg-outer .lg-has-html5:hover .lg-video-play {
  15338. opacity: 1;
  15339. }
  15340. .lg-outer .lg-has-youtube .lg-video-play {
  15341. background: url(../images/youtube-play.png) no-repeat;
  15342. }
  15343. .lg-outer .lg-has-youtube:hover .lg-video-play {
  15344. background: url(../images/youtube-play.png) 0 -60px no-repeat;
  15345. }
  15346. .lg-outer .lg-video-object {
  15347. width: 100% !important;
  15348. height: 100% !important;
  15349. position: absolute;
  15350. top: 0;
  15351. left: 0;
  15352. }
  15353. .lg-outer .lg-has-video .lg-video-object {
  15354. visibility: hidden;
  15355. }
  15356. .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  15357. display: none;
  15358. }
  15359. .lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  15360. visibility: visible;
  15361. }
  15362. .lg-progress-bar {
  15363. background-color: #333333;
  15364. height: 5px;
  15365. left: 0;
  15366. position: absolute;
  15367. top: 0;
  15368. width: 100%;
  15369. z-index: 1083;
  15370. opacity: 0;
  15371. -webkit-transition: opacity 80ms ease 0s;
  15372. -moz-transition: opacity 80ms ease 0s;
  15373. -o-transition: opacity 80ms ease 0s;
  15374. transition: opacity 80ms ease 0s;
  15375. }
  15376. .lg-progress-bar .lg-progress {
  15377. background-color: #0071dc;
  15378. height: 5px;
  15379. width: 0;
  15380. }
  15381. .lg-progress-bar.lg-start .lg-progress {
  15382. width: 100%;
  15383. }
  15384. .lg-show-autoplay .lg-progress-bar {
  15385. opacity: 1;
  15386. }
  15387. .lg-autoplay-button:after {
  15388. content: "\e01d";
  15389. }
  15390. .lg-show-autoplay .lg-autoplay-button:after {
  15391. content: "\e01a";
  15392. }
  15393. .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  15394. -webkit-transition-duration: 0s;
  15395. transition-duration: 0s;
  15396. }
  15397. .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  15398. -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  15399. -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  15400. -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  15401. transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  15402. }
  15403. .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  15404. -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  15405. -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  15406. -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  15407. transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  15408. }
  15409. .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  15410. -webkit-transform: translate3d(0, 0, 0);
  15411. transform: translate3d(0, 0, 0);
  15412. -webkit-backface-visibility: hidden;
  15413. -moz-backface-visibility: hidden;
  15414. backface-visibility: hidden;
  15415. }
  15416. .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  15417. -webkit-transform: scale3d(1, 1, 1);
  15418. transform: scale3d(1, 1, 1);
  15419. -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  15420. -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  15421. -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  15422. transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  15423. -webkit-transform-origin: 0 0;
  15424. -moz-transform-origin: 0 0;
  15425. -ms-transform-origin: 0 0;
  15426. transform-origin: 0 0;
  15427. -webkit-backface-visibility: hidden;
  15428. -moz-backface-visibility: hidden;
  15429. backface-visibility: hidden;
  15430. }
  15431. #lg-zoom-in:after {
  15432. content: "\e311";
  15433. }
  15434. #lg-actual-size {
  15435. font-size: 20px;
  15436. }
  15437. #lg-actual-size:after {
  15438. content: "\e033";
  15439. }
  15440. #lg-zoom-out {
  15441. opacity: .5;
  15442. pointer-events: none;
  15443. }
  15444. #lg-zoom-out:after {
  15445. content: "\e312";
  15446. }
  15447. .lg-zoomed #lg-zoom-out {
  15448. opacity: 1;
  15449. pointer-events: auto;
  15450. }
  15451. .lg-outer .lg-pager-outer {
  15452. bottom: 60px;
  15453. left: 0;
  15454. position: absolute;
  15455. right: 0;
  15456. text-align: center;
  15457. z-index: 1080;
  15458. height: 10px;
  15459. }
  15460. .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  15461. overflow: visible;
  15462. }
  15463. .lg-outer .lg-pager-cont {
  15464. cursor: pointer;
  15465. display: inline-block;
  15466. overflow: hidden;
  15467. position: relative;
  15468. vertical-align: top;
  15469. margin: 0 5px;
  15470. }
  15471. .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  15472. opacity: 1;
  15473. -webkit-transform: translate3d(0, 0, 0);
  15474. transform: translate3d(0, 0, 0);
  15475. }
  15476. .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  15477. box-shadow: 0 0 0 2px #ffffff inset;
  15478. }
  15479. .lg-outer .lg-pager-thumb-cont {
  15480. background-color: #ffffff;
  15481. color: #ffffff;
  15482. bottom: 100%;
  15483. height: 83px;
  15484. left: 0;
  15485. margin-bottom: 20px;
  15486. margin-left: -60px;
  15487. opacity: 0;
  15488. padding: 5px;
  15489. position: absolute;
  15490. width: 120px;
  15491. border-radius: 3px;
  15492. -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
  15493. -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
  15494. -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
  15495. transition: opacity .15s ease 0s, transform .15s ease 0s;
  15496. -webkit-transform: translate3d(0, 5px, 0);
  15497. transform: translate3d(0, 5px, 0);
  15498. }
  15499. .lg-outer .lg-pager-thumb-cont img {
  15500. width: 100%;
  15501. height: 100%;
  15502. }
  15503. .lg-outer .lg-pager {
  15504. background-color: rgba(255, 255, 255, 0.5);
  15505. border-radius: 50%;
  15506. box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  15507. display: block;
  15508. height: 12px;
  15509. -webkit-transition: box-shadow .3s ease 0s;
  15510. -o-transition: box-shadow .3s ease 0s;
  15511. transition: box-shadow .3s ease 0s;
  15512. width: 12px;
  15513. }
  15514. .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
  15515. box-shadow: 0 0 0 8px #ffffff inset;
  15516. }
  15517. .lg-outer .lg-caret {
  15518. border-left: 10px solid transparent;
  15519. border-right: 10px solid transparent;
  15520. border-top: 10px dashed;
  15521. bottom: -10px;
  15522. display: inline-block;
  15523. height: 0;
  15524. left: 50%;
  15525. margin-left: -5px;
  15526. position: absolute;
  15527. vertical-align: middle;
  15528. width: 0;
  15529. }
  15530. .lg-fullscreen:after {
  15531. content: "\e20c";
  15532. }
  15533. .lg-fullscreen-on .lg-fullscreen:after {
  15534. content: "\e20d";
  15535. }
  15536. .lg-outer #lg-dropdown-overlay {
  15537. background-color: rgba(0, 0, 0, 0.25);
  15538. bottom: 0;
  15539. cursor: default;
  15540. left: 0;
  15541. position: fixed;
  15542. right: 0;
  15543. top: 0;
  15544. z-index: 1081;
  15545. opacity: 0;
  15546. visibility: hidden;
  15547. -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
  15548. -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
  15549. transition: visibility 0s linear .18s, opacity .18s linear 0s;
  15550. }
  15551. .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown {
  15552. -webkit-transition-delay: 0s;
  15553. transition-delay: 0s;
  15554. -moz-transform: translate3d(0, 0, 0);
  15555. -o-transform: translate3d(0, 0, 0);
  15556. -ms-transform: translate3d(0, 0, 0);
  15557. -webkit-transform: translate3d(0, 0, 0);
  15558. transform: translate3d(0, 0, 0);
  15559. opacity: 1;
  15560. visibility: visible;
  15561. }
  15562. .lg-outer .lg-dropdown {
  15563. background-color: #ffffff;
  15564. border-radius: 2px;
  15565. font-size: 14px;
  15566. list-style-type: none;
  15567. margin: 0;
  15568. padding: 10px 0;
  15569. position: absolute;
  15570. right: 0;
  15571. text-align: left;
  15572. top: 50px;
  15573. opacity: 0;
  15574. visibility: hidden;
  15575. -moz-transform: translate3d(0, 5px, 0);
  15576. -o-transform: translate3d(0, 5px, 0);
  15577. -ms-transform: translate3d(0, 5px, 0);
  15578. -webkit-transform: translate3d(0, 5px, 0);
  15579. transform: translate3d(0, 5px, 0);
  15580. -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  15581. -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  15582. -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  15583. transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  15584. }
  15585. .lg-outer .lg-dropdown:after {
  15586. content: "";
  15587. display: block;
  15588. height: 0;
  15589. width: 0;
  15590. position: absolute;
  15591. border: 8px solid transparent;
  15592. border-bottom-color: #ffffff;
  15593. right: 16px;
  15594. top: -16px;
  15595. }
  15596. .lg-outer .lg-dropdown > li:last-child {
  15597. margin-bottom: 0;
  15598. }
  15599. .lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a {
  15600. color: #333333;
  15601. }
  15602. .lg-outer .lg-dropdown a {
  15603. color: #333333;
  15604. display: block;
  15605. white-space: pre;
  15606. padding: 4px 12px;
  15607. font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  15608. font-size: 12px;
  15609. }
  15610. .lg-outer .lg-dropdown a:hover {
  15611. background-color: rgba(0, 0, 0, 0.07);
  15612. }
  15613. .lg-outer .lg-dropdown .lg-dropdown-text {
  15614. display: inline-block;
  15615. line-height: 1;
  15616. margin-top: -3px;
  15617. vertical-align: middle;
  15618. }
  15619. .lg-outer .lg-dropdown .lg-icon {
  15620. color: #333333;
  15621. display: inline-block;
  15622. float: none;
  15623. font-size: 20px;
  15624. height: auto;
  15625. line-height: 1;
  15626. margin-right: 8px;
  15627. padding: 0;
  15628. vertical-align: middle;
  15629. width: auto;
  15630. }
  15631. .lg-outer, .lg-outer .lg, .lg-outer .lg-inner {
  15632. width: 100%;
  15633. height: 100%;
  15634. }
  15635. .lg-outer #lg-share {
  15636. position: relative;
  15637. }
  15638. .lg-outer #lg-share:after {
  15639. content: "\e80d";
  15640. }
  15641. .lg-outer #lg-share-facebook .lg-icon {
  15642. color: #3b5998;
  15643. }
  15644. .lg-outer #lg-share-facebook .lg-icon:after {
  15645. content: "\e901";
  15646. }
  15647. .lg-outer #lg-share-twitter .lg-icon {
  15648. color: #00aced;
  15649. }
  15650. .lg-outer #lg-share-twitter .lg-icon:after {
  15651. content: "\e904";
  15652. }
  15653. .lg-outer #lg-share-googleplus .lg-icon {
  15654. color: #dd4b39;
  15655. }
  15656. .lg-outer #lg-share-googleplus .lg-icon:after {
  15657. content: "\e902";
  15658. }
  15659. .lg-outer #lg-share-pinterest .lg-icon {
  15660. color: #cb2027;
  15661. }
  15662. .lg-outer #lg-share-pinterest .lg-icon:after {
  15663. content: "\e903";
  15664. }
  15665. .lg-group:after {
  15666. content: "";
  15667. display: table;
  15668. clear: both;
  15669. }
  15670. .lg-outer {
  15671. position: fixed;
  15672. top: 0;
  15673. left: 0;
  15674. z-index: 1090;
  15675. text-align: left;
  15676. opacity: 0;
  15677. -webkit-transition: opacity .15s ease 0s;
  15678. -o-transition: opacity .15s ease 0s;
  15679. transition: opacity .15s ease 0s;
  15680. }
  15681. .lg-outer * {
  15682. -webkit-box-sizing: border-box;
  15683. -moz-box-sizing: border-box;
  15684. box-sizing: border-box;
  15685. }
  15686. .lg-outer.lg-visible {
  15687. opacity: 1;
  15688. }
  15689. .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide {
  15690. -webkit-transition-duration: inherit !important;
  15691. transition-duration: inherit !important;
  15692. -webkit-transition-timing-function: inherit !important;
  15693. transition-timing-function: inherit !important;
  15694. }
  15695. .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
  15696. -webkit-transition-duration: 0s !important;
  15697. transition-duration: 0s !important;
  15698. opacity: 1;
  15699. }
  15700. .lg-outer.lg-grab img.lg-object {
  15701. cursor: -webkit-grab;
  15702. cursor: -moz-grab;
  15703. cursor: -o-grab;
  15704. cursor: -ms-grab;
  15705. cursor: grab;
  15706. }
  15707. .lg-outer.lg-grabbing img.lg-object {
  15708. cursor: move;
  15709. cursor: -webkit-grabbing;
  15710. cursor: -moz-grabbing;
  15711. cursor: -o-grabbing;
  15712. cursor: -ms-grabbing;
  15713. cursor: grabbing;
  15714. }
  15715. .lg-outer .lg {
  15716. position: relative;
  15717. overflow: hidden;
  15718. margin-left: auto;
  15719. margin-right: auto;
  15720. max-width: 100%;
  15721. max-height: 100%;
  15722. }
  15723. .lg-outer .lg-inner {
  15724. position: absolute;
  15725. left: 0;
  15726. top: 0;
  15727. white-space: nowrap;
  15728. }
  15729. .lg-outer .lg-item {
  15730. background: url(../images/loading.gif) center center no-repeat;
  15731. display: none !important;
  15732. }
  15733. .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
  15734. display: inline-block !important;
  15735. }
  15736. .lg-outer .lg-img-wrap, .lg-outer .lg-item {
  15737. display: inline-block;
  15738. text-align: center;
  15739. position: absolute;
  15740. width: 100%;
  15741. height: 100%;
  15742. }
  15743. .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
  15744. content: "";
  15745. display: inline-block;
  15746. height: 50%;
  15747. width: 1px;
  15748. margin-right: -1px;
  15749. }
  15750. .lg-outer .lg-img-wrap {
  15751. position: absolute;
  15752. padding: 0 5px;
  15753. left: 0;
  15754. right: 0;
  15755. top: 0;
  15756. bottom: 0;
  15757. }
  15758. .lg-outer .lg-item.lg-complete {
  15759. background-image: none;
  15760. }
  15761. .lg-outer .lg-item.lg-current {
  15762. z-index: 1060;
  15763. }
  15764. .lg-outer .lg-image {
  15765. display: inline-block;
  15766. vertical-align: middle;
  15767. max-width: 100%;
  15768. max-height: 100%;
  15769. width: auto !important;
  15770. height: auto !important;
  15771. }
  15772. .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  15773. opacity: 0;
  15774. -webkit-transition: opacity .15s ease 0s;
  15775. -o-transition: opacity .15s ease 0s;
  15776. transition: opacity .15s ease 0s;
  15777. }
  15778. .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  15779. opacity: 1;
  15780. }
  15781. .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download {
  15782. display: none;
  15783. }
  15784. .lg-backdrop {
  15785. position: fixed;
  15786. top: 0;
  15787. left: 0;
  15788. right: 0;
  15789. bottom: 0;
  15790. z-index: 1090;
  15791. background-color: rgba(0, 0, 0, 0.8);
  15792. opacity: 0;
  15793. -webkit-transition: opacity .15s ease 0s;
  15794. -o-transition: opacity .15s ease 0s;
  15795. transition: opacity .15s ease 0s;
  15796. }
  15797. .lg-backdrop.in {
  15798. opacity: 1;
  15799. }
  15800. .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
  15801. -webkit-transition: none 0s ease 0s !important;
  15802. -moz-transition: none 0s ease 0s !important;
  15803. -o-transition: none 0s ease 0s !important;
  15804. transition: none 0s ease 0s !important;
  15805. }
  15806. .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item {
  15807. -webkit-backface-visibility: hidden;
  15808. -moz-backface-visibility: hidden;
  15809. backface-visibility: hidden;
  15810. }
  15811. .lg-css3.lg-fade .lg-item {
  15812. opacity: 0;
  15813. }
  15814. .lg-css3.lg-fade .lg-item.lg-current {
  15815. opacity: 1;
  15816. }
  15817. .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
  15818. -webkit-transition: opacity .1s ease 0s;
  15819. -moz-transition: opacity .1s ease 0s;
  15820. -o-transition: opacity .1s ease 0s;
  15821. transition: opacity .1s ease 0s;
  15822. }
  15823. .lg-css3.lg-slide.lg-use-css3 .lg-item {
  15824. opacity: 0;
  15825. }
  15826. .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  15827. -webkit-transform: translate3d(-100%, 0, 0);
  15828. transform: translate3d(-100%, 0, 0);
  15829. }
  15830. .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  15831. -webkit-transform: translate3d(100%, 0, 0);
  15832. transform: translate3d(100%, 0, 0);
  15833. }
  15834. .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  15835. -webkit-transform: translate3d(0, 0, 0);
  15836. transform: translate3d(0, 0, 0);
  15837. opacity: 1;
  15838. }
  15839. .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  15840. -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  15841. -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  15842. -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  15843. transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  15844. }
  15845. .lg-css3.lg-slide.lg-use-left .lg-item {
  15846. opacity: 0;
  15847. position: absolute;
  15848. left: 0;
  15849. }
  15850. .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  15851. left: -100%;
  15852. }
  15853. .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  15854. left: 100%;
  15855. }
  15856. .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  15857. left: 0;
  15858. opacity: 1;
  15859. }
  15860. .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  15861. -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  15862. -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  15863. -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  15864. transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  15865. }
  15866. .tablet #lg-zoom-in,
  15867. .tablet #lg-zoom-out,
  15868. .mobile #lg-zoom-in,
  15869. .mobile #lg-zoom-out {
  15870. display: none;
  15871. }
  15872. .tablet .lg-icon,
  15873. .mobile .lg-icon {
  15874. font-size: 22px;
  15875. width: 45px;
  15876. }
  15877. @media (max-width: 767.98px) {
  15878. .lg-fullscreen,
  15879. #lg-zoom-in,
  15880. #lg-zoom-out {
  15881. display: none;
  15882. }
  15883. .lg-icon {
  15884. font-size: 22px;
  15885. width: 45px;
  15886. }
  15887. }
  15888. /** @section Material-Parallax */
  15889. .parallax-container {
  15890. position: relative;
  15891. overflow: hidden;
  15892. }
  15893. .material-parallax {
  15894. position: absolute;
  15895. top: 0;
  15896. left: -1px;
  15897. right: -1px;
  15898. bottom: 0;
  15899. z-index: 0;
  15900. }
  15901. .parallax-content {
  15902. position: relative;
  15903. z-index: 1;
  15904. }
  15905. .parallax-content:before {
  15906. content: '';
  15907. position: absolute;
  15908. left: 0;
  15909. top: 0;
  15910. width: 100%;
  15911. height: 100%;
  15912. background-color: rgba(0, 0, 0, 0.4);
  15913. z-index: -1;
  15914. }
  15915. .breadcrumbs-custom-title {
  15916. z-index: 2;
  15917. }
  15918. .material-parallax img {
  15919. display: none;
  15920. position: absolute;
  15921. left: 50%;
  15922. bottom: 0;
  15923. min-width: 101%;
  15924. min-height: 101%;
  15925. max-width: none;
  15926. transform: translate3d(-50%, 0, 0);
  15927. }
  15928. .parallax-disabled {
  15929. background-size: cover;
  15930. background-position: center;
  15931. }
  15932. html:not(.ie-11):not(.ios) .parallax-disabled {
  15933. background-attachment: fixed;
  15934. }
  15935. /** @section RD-Range */
  15936. .rd-range {
  15937. height: 18px;
  15938. display: flex;
  15939. -webkit-align-items: center;
  15940. }
  15941. .rd-range__wrap {
  15942. position: relative;
  15943. width: 100%;
  15944. height: 6px;
  15945. border-radius: 3px;
  15946. background-color: #f5f5f5;
  15947. transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1);
  15948. }
  15949. .rd-range__pointer {
  15950. position: absolute;
  15951. cursor: pointer;
  15952. top: 3px;
  15953. left: 6%;
  15954. z-index: 1;
  15955. width: 16px;
  15956. height: 16px;
  15957. border-radius: 50%;
  15958. transform: translate(-50%, -50%);
  15959. transform-origin: 0 15%;
  15960. transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  15961. overflow: visible;
  15962. background-color: #0071dc;
  15963. background-clip: padding-box;
  15964. }
  15965. @media (min-width: 768px) {
  15966. .rd-range__pointer.active {
  15967. transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  15968. }
  15969. }
  15970. .rd-range__line {
  15971. background-color: #0071dc;
  15972. position: absolute;
  15973. top: 0;
  15974. left: 0;
  15975. height: 6px;
  15976. transition: none;
  15977. }
  15978. .rd-range .rd-range__pointer-tooltip {
  15979. display: none !important;
  15980. }
  15981. .rd-range-wrap {
  15982. display: flex;
  15983. align-items: center;
  15984. }
  15985. .rd-range-form-wrap span,
  15986. .rd-range-input,
  15987. .rd-range-title {
  15988. font-size: 15px;
  15989. line-height: 1;
  15990. letter-spacing: .05em;
  15991. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  15992. }
  15993. .rd-range-title {
  15994. margin-right: 4px;
  15995. color: #151515;
  15996. }
  15997. .rd-range-form-wrap {
  15998. position: relative;
  15999. font-size: 0;
  16000. line-height: 0;
  16001. color: #151515;
  16002. }
  16003. .rd-range-form-wrap > * {
  16004. display: inline-block;
  16005. vertical-align: middle;
  16006. }
  16007. .rd-range-form-wrap span {
  16008. margin-right: -2px;
  16009. }
  16010. .rd-range-divider {
  16011. width: 10px;
  16012. margin-right: 5px;
  16013. margin-bottom: 2px;
  16014. border-top: 1px solid #151515;
  16015. }
  16016. .rd-range-input {
  16017. text-align: center;
  16018. outline: none;
  16019. border: none;
  16020. max-width: 36px;
  16021. padding: 0;
  16022. background-color: transparent;
  16023. border-radius: 0;
  16024. }
  16025. * + .rd-range {
  16026. margin-top: 35px;
  16027. }
  16028. .tablet .rd-range-input,
  16029. .mobile .rd-range-input {
  16030. max-width: 44px;
  16031. }
  16032. .ie-10 .rd-range-form-wrap span,
  16033. .ie-11 .rd-range-form-wrap span,
  16034. .ie-edge .rd-range-form-wrap span {
  16035. margin-right: 0;
  16036. }
  16037. /** @section Select2 */
  16038. .select2-container {
  16039. position: relative;
  16040. display: inline-block;
  16041. width: 100% !important;
  16042. margin: 0;
  16043. vertical-align: middle;
  16044. box-sizing: border-box;
  16045. }
  16046. .select2-container .select2-selection--single {
  16047. display: block;
  16048. box-sizing: border-box;
  16049. cursor: pointer;
  16050. user-select: none;
  16051. }
  16052. .select2-container .select2-selection--single .select2-selection__rendered {
  16053. display: block;
  16054. overflow: hidden;
  16055. text-overflow: ellipsis;
  16056. white-space: nowrap;
  16057. }
  16058. .select2-container .select2-selection--single .select2-selection__clear {
  16059. position: relative;
  16060. }
  16061. .select2-container .select2-selection--multiple {
  16062. display: block;
  16063. box-sizing: border-box;
  16064. cursor: pointer;
  16065. user-select: none;
  16066. }
  16067. .select2-container .select2-selection--multiple .select2-selection__rendered {
  16068. display: flex;
  16069. flex-wrap: wrap;
  16070. overflow: hidden;
  16071. text-overflow: ellipsis;
  16072. white-space: nowrap;
  16073. line-height: 1;
  16074. }
  16075. .select2-container .select2-search--inline {
  16076. align-self: center;
  16077. }
  16078. .select2-container .select2-search--inline .select2-search__field {
  16079. display: block;
  16080. padding: 0;
  16081. border: none;
  16082. font-size: 14px;
  16083. min-height: 24px;
  16084. box-sizing: border-box;
  16085. }
  16086. .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  16087. -webkit-appearance: none;
  16088. }
  16089. .has-error .select2-container {
  16090. outline: 1px dashed red;
  16091. }
  16092. .select2-dropdown {
  16093. position: absolute;
  16094. left: -100000px;
  16095. z-index: 1051;
  16096. width: 100%;
  16097. display: block;
  16098. box-sizing: border-box;
  16099. background-color: transparent;
  16100. color: #151515;
  16101. }
  16102. .select2-results {
  16103. display: block;
  16104. text-align: left;
  16105. margin-top: 10px;
  16106. }
  16107. .select2-results__options {
  16108. list-style: none;
  16109. margin: 0;
  16110. padding: 0;
  16111. font-size: 14px;
  16112. line-height: 1.72;
  16113. color: #151515;
  16114. background: #ffffff;
  16115. box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  16116. }
  16117. .select2-results__option {
  16118. padding: 3px 7px 4px;
  16119. user-select: none;
  16120. }
  16121. .select2-results__option[aria-selected] {
  16122. cursor: pointer;
  16123. }
  16124. .select2-container--open .select2-dropdown {
  16125. left: 0;
  16126. }
  16127. .select2-container--open .select2-dropdown--above {
  16128. border-bottom: none;
  16129. border-bottom-left-radius: 0;
  16130. border-bottom-right-radius: 0;
  16131. }
  16132. .select2-search--dropdown {
  16133. display: block;
  16134. padding: 4px;
  16135. }
  16136. .select2-search--dropdown .select2-search__field {
  16137. padding: 4px;
  16138. width: 100%;
  16139. box-sizing: border-box;
  16140. }
  16141. .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  16142. -webkit-appearance: none;
  16143. }
  16144. .select2-search--dropdown.select2-search--hide {
  16145. display: none;
  16146. }
  16147. .select2-close-mask {
  16148. border: 0;
  16149. margin: 0;
  16150. padding: 0;
  16151. display: block;
  16152. position: fixed;
  16153. left: 0;
  16154. top: 0;
  16155. min-height: 100%;
  16156. min-width: 100%;
  16157. height: auto;
  16158. width: auto;
  16159. opacity: 0;
  16160. z-index: 99;
  16161. background-color: #fff;
  16162. filter: alpha(opacity=0);
  16163. }
  16164. .select2-hidden-accessible {
  16165. border: 0 !important;
  16166. clip: rect(0 0 0 0) !important;
  16167. clip-path: inset(50%) !important;
  16168. height: 1px !important;
  16169. overflow: hidden !important;
  16170. padding: 0 !important;
  16171. position: absolute !important;
  16172. width: 1px !important;
  16173. white-space: nowrap !important;
  16174. }
  16175. .select2-container--default .select2-selection--single {
  16176. background-color: transparent;
  16177. }
  16178. .select2-container--default .select2-selection--single .select2-selection__rendered {
  16179. font-size: 14px;
  16180. line-height: 1.72;
  16181. letter-spacing: .05em;
  16182. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  16183. color: #151515;
  16184. padding-right: 32px;
  16185. }
  16186. .select2-container--default .select2-selection--single .select2-selection__clear {
  16187. cursor: pointer;
  16188. float: right;
  16189. font-weight: bold;
  16190. }
  16191. .select2-container--default .select2-selection--single .select2-selection__placeholder {
  16192. color: #151515;
  16193. }
  16194. .select2-container--default .select2-selection--single .select2-selection__arrow {
  16195. position: absolute;
  16196. top: 50%;
  16197. right: 0;
  16198. transform: translateY(-50%);
  16199. }
  16200. .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  16201. display: inline-block;
  16202. content: '\f236';
  16203. font-size: 24px;
  16204. font-weight: 400;
  16205. font-family: "Material Design Icons";
  16206. transform: rotate(0deg);
  16207. }
  16208. .select2-container--default.select2-container--disabled .select2-selection--single {
  16209. cursor: default;
  16210. background-color: transparent;
  16211. color: #3b3b3b;
  16212. }
  16213. .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  16214. display: none;
  16215. }
  16216. .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
  16217. transform: rotate(180deg);
  16218. }
  16219. .select2-container--default .select2-selection--multiple {
  16220. background-color: transparent;
  16221. cursor: text;
  16222. }
  16223. .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  16224. width: 100%;
  16225. padding: 13px 24px 8px 14px;
  16226. list-style: none;
  16227. box-sizing: border-box;
  16228. }
  16229. .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  16230. list-style: none;
  16231. margin-bottom: 5px;
  16232. margin-left: 5px;
  16233. }
  16234. .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  16235. color: #151515;
  16236. }
  16237. .select2-container--default .select2-selection--multiple .select2-selection__clear {
  16238. cursor: pointer;
  16239. font-weight: bold;
  16240. margin-top: 5px;
  16241. margin-right: 10px;
  16242. }
  16243. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  16244. padding: 5px;
  16245. cursor: default;
  16246. font-size: 14px;
  16247. background-color: #0071dc;
  16248. color: #ffffff;
  16249. }
  16250. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  16251. cursor: pointer;
  16252. display: inline-block;
  16253. font-weight: bold;
  16254. margin-right: 2px;
  16255. color: #ffffff;
  16256. }
  16257. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  16258. color: transparent;
  16259. }
  16260. .select2-container--default.select2-container--focus .select2-selection--multiple {
  16261. outline: 0;
  16262. }
  16263. .select2-container--default.select2-container--disabled .select2-selection--multiple {
  16264. cursor: default;
  16265. background-color: transparent;
  16266. color: #3b3b3b;
  16267. }
  16268. .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  16269. display: none;
  16270. }
  16271. .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  16272. border-top-left-radius: 0;
  16273. border-top-right-radius: 0;
  16274. }
  16275. .select2-container--default .select2-search--inline .select2-search__field {
  16276. background: transparent;
  16277. border: none;
  16278. outline: 0;
  16279. box-shadow: none;
  16280. -webkit-appearance: textfield;
  16281. }
  16282. .select2-container--default .select2-search--inline .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder {
  16283. color: #151515;
  16284. }
  16285. .select2-container--default .select2-results > .select2-results__options {
  16286. max-height: 200px;
  16287. overflow-y: auto;
  16288. }
  16289. .select2-container--default .select2-results__option[role=group] {
  16290. padding: 0;
  16291. }
  16292. .select2-container--default .select2-results__option[aria-disabled=true] {
  16293. background-color: transparent;
  16294. color: #3b3b3b;
  16295. }
  16296. .select2-container--default .select2-results__option[aria-selected=true] {
  16297. background-color: #0071dc;
  16298. color: #ffffff;
  16299. }
  16300. .select2-container--default .select2-results__option .select2-results__option {
  16301. padding-left: 1em;
  16302. }
  16303. .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  16304. padding-left: 0;
  16305. }
  16306. .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  16307. margin-left: -1em;
  16308. padding-left: 2em;
  16309. }
  16310. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  16311. margin-left: -2em;
  16312. padding-left: 3em;
  16313. }
  16314. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  16315. margin-left: -3em;
  16316. padding-left: 4em;
  16317. }
  16318. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  16319. margin-left: -4em;
  16320. padding-left: 5em;
  16321. }
  16322. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  16323. margin-left: -5em;
  16324. padding-left: 6em;
  16325. }
  16326. .select2-container--default .select2-results__group {
  16327. cursor: default;
  16328. display: block;
  16329. padding: 6px;
  16330. }
  16331. .select-inline {
  16332. display: inline-block;
  16333. }
  16334. .select-inline .select2-container--default .select2-selection--single {
  16335. text-align: center;
  16336. display: inline-block;
  16337. width: 33px;
  16338. height: 33px;
  16339. padding: 5px;
  16340. border-radius: 50%;
  16341. color: #ffffff;
  16342. background: #0071dc;
  16343. }
  16344. .select-inline .select2-container--default .select2-selection--single .select2-selection__rendered {
  16345. padding: 0;
  16346. color: inherit;
  16347. }
  16348. .select-inline .select2-selection__arrow {
  16349. display: none;
  16350. }
  16351. .select-inline-dropdown .select2-results {
  16352. text-align: center;
  16353. }
  16354. .select-inline-dropdown .select2-results__option {
  16355. padding: 5px;
  16356. }
  16357. .select-inline .select2-container--default .select2-selection__rendered,
  16358. .select-inline-dropdown .select2-results__options {
  16359. font-size: 15px;
  16360. line-height: 21px;
  16361. font-weight: 500;
  16362. letter-spacing: 0;
  16363. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  16364. }
  16365. /** @section Slick */
  16366. .slick-slider {
  16367. position: relative;
  16368. display: block;
  16369. -moz-box-sizing: border-box;
  16370. box-sizing: border-box;
  16371. -webkit-touch-callout: none;
  16372. -webkit-user-select: none;
  16373. -khtml-user-select: none;
  16374. -moz-user-select: none;
  16375. -ms-user-select: none;
  16376. user-select: none;
  16377. -ms-touch-action: pan-y;
  16378. touch-action: pan-y;
  16379. -webkit-tap-highlight-color: transparent;
  16380. }
  16381. .slick-list {
  16382. position: relative;
  16383. overflow: hidden;
  16384. display: block;
  16385. margin: 0;
  16386. padding: 0;
  16387. }
  16388. .slick-list:focus {
  16389. outline: none;
  16390. }
  16391. .slick-list.dragging {
  16392. cursor: pointer;
  16393. cursor: hand;
  16394. }
  16395. .slick-slider .slick-track,
  16396. .slick-slider .slick-list {
  16397. -webkit-transform: translate3d(0, 0, 0);
  16398. -moz-transform: translate3d(0, 0, 0);
  16399. -ms-transform: translate3d(0, 0, 0);
  16400. -o-transform: translate3d(0, 0, 0);
  16401. transform: translate3d(0, 0, 0);
  16402. }
  16403. .slick-track {
  16404. position: relative;
  16405. left: 0;
  16406. top: 0;
  16407. display: block;
  16408. }
  16409. .slick-track:before, .slick-track:after {
  16410. content: "";
  16411. display: table;
  16412. }
  16413. .slick-track:after {
  16414. clear: both;
  16415. }
  16416. .slick-loading .slick-track {
  16417. visibility: hidden;
  16418. }
  16419. .slick-slide {
  16420. float: left;
  16421. height: 100%;
  16422. min-height: 1px;
  16423. text-align: center;
  16424. padding-left: 0;
  16425. padding-right: 0;
  16426. display: none;
  16427. }
  16428. [dir="rtl"] .slick-slide {
  16429. float: right;
  16430. }
  16431. .slick-slide:focus {
  16432. outline: none;
  16433. }
  16434. .slick-slide.slick-loading img {
  16435. display: none;
  16436. }
  16437. .slick-slide.dragging img {
  16438. pointer-events: none;
  16439. }
  16440. .slick-initialized .slick-slide {
  16441. display: block;
  16442. }
  16443. .slick-loading .slick-slide {
  16444. visibility: hidden;
  16445. }
  16446. .slick-vertical .slick-slide {
  16447. display: block;
  16448. height: auto;
  16449. }
  16450. .slick-arrow.slick-hidden {
  16451. display: none;
  16452. }
  16453. .slick-loading .slick-list {
  16454. background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
  16455. }
  16456. /* Icons */
  16457. /* Arrows */
  16458. .slick-arrow {
  16459. text-align: center;
  16460. position: absolute;
  16461. top: 50%;
  16462. padding: 0;
  16463. border: none;
  16464. font-size: 14px;
  16465. line-height: 1.8;
  16466. font-weight: 600;
  16467. letter-spacing: .05em;
  16468. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  16469. color: #a3a3a3;
  16470. background: transparent;
  16471. transition: all .2s ease;
  16472. transform: translate3d(0, -50%, 0);
  16473. will-change: transform;
  16474. cursor: pointer;
  16475. z-index: 9;
  16476. }
  16477. .slick-arrow::after {
  16478. display: block;
  16479. content: '';
  16480. height: 0;
  16481. width: 100%;
  16482. border-top: 2px solid;
  16483. transition: transform .2s ease;
  16484. }
  16485. .slick-arrow:hover {
  16486. color: #151515;
  16487. }
  16488. .slick-arrow:hover::after {
  16489. transform: scaleX(0.7);
  16490. }
  16491. .slick-arrow.slick-disabled {
  16492. pointer-events: none;
  16493. cursor: default;
  16494. }
  16495. .slick-prev {
  16496. left: 15px;
  16497. }
  16498. .slick-prev:before {
  16499. content: "prev";
  16500. }
  16501. .slick-next {
  16502. right: 15px;
  16503. }
  16504. .slick-next:before {
  16505. content: "next";
  16506. }
  16507. /* Dots */
  16508. .slick-dots {
  16509. position: absolute;
  16510. bottom: -45px;
  16511. list-style: none;
  16512. display: block;
  16513. text-align: center;
  16514. padding: 0;
  16515. width: 100%;
  16516. }
  16517. .slick-dots li {
  16518. position: relative;
  16519. display: inline-block;
  16520. width: 14px;
  16521. height: 14px;
  16522. margin: 0 5px;
  16523. padding: 0;
  16524. cursor: pointer;
  16525. }
  16526. .slick-dots li button {
  16527. border: 0;
  16528. display: block;
  16529. height: 14px;
  16530. width: 14px;
  16531. outline: none;
  16532. line-height: 0;
  16533. font-size: 0;
  16534. color: transparent;
  16535. background: #cccccc;
  16536. cursor: pointer;
  16537. }
  16538. .slick-dots li button:before {
  16539. position: absolute;
  16540. content: '';
  16541. top: 50%;
  16542. left: 50%;
  16543. width: 6px;
  16544. height: 6px;
  16545. opacity: 0;
  16546. background: #0071dc;
  16547. transform: translate3d(-50%, -50%, 0);
  16548. will-change: transform;
  16549. transition: all .2s ease;
  16550. }
  16551. .slick-dots li button:hover, .slick-dots li button:focus {
  16552. outline: none;
  16553. }
  16554. .slick-dots li button:hover:before, .slick-dots li button:focus:before {
  16555. opacity: 0.7;
  16556. }
  16557. .slick-dots li.slick-active button:before {
  16558. opacity: 1;
  16559. width: 14px;
  16560. height: 14px;
  16561. }
  16562. .child-carousel .slick-slide {
  16563. cursor: pointer;
  16564. }
  16565. @media (min-width: 768px) {
  16566. .child-carousel .slick-slide {
  16567. max-width: 100%;
  16568. }
  16569. }
  16570. .slick-nav-1 .slick-arrow {
  16571. position: absolute;
  16572. top: 50%;
  16573. width: 40px;
  16574. height: 40px;
  16575. padding: 0;
  16576. font-size: 24px;
  16577. line-height: 40px;
  16578. font-weight: 400;
  16579. border: none;
  16580. outline: none;
  16581. color: #ffffff;
  16582. background: #0071dc;
  16583. transform: translate3d(0, -50%, 0);
  16584. transition: all .25s ease-in-out;
  16585. }
  16586. .slick-nav-1 .slick-arrow::before {
  16587. font-family: "Material Design Icons";
  16588. }
  16589. .slick-nav-1 .slick-arrow::after {
  16590. display: none;
  16591. }
  16592. .slick-nav-1 .slick-arrow:hover {
  16593. color: #151515;
  16594. background: #ffe220;
  16595. }
  16596. .slick-nav-1 .slick-arrow.slick-disabled {
  16597. color: #ffffff;
  16598. background-color: #d7d7d7;
  16599. cursor: default;
  16600. }
  16601. .slick-nav-1 .slick-prev {
  16602. left: -15px;
  16603. }
  16604. .slick-nav-1 .slick-prev:before {
  16605. content: "";
  16606. }
  16607. .slick-nav-1 .slick-next {
  16608. right: -15px;
  16609. }
  16610. .slick-nav-1 .slick-next:before {
  16611. content: "";
  16612. }
  16613. @media (min-width: 576px) {
  16614. .slick-nav-2 .slick-arrow {
  16615. display: none !important;
  16616. }
  16617. }
  16618. .slick-product.slick-vertical .carousel-parent {
  16619. margin-bottom: 7px;
  16620. }
  16621. .slick-product.slick-vertical .child-carousel .slick-list {
  16622. margin-left: -6px;
  16623. margin-right: -6px;
  16624. }
  16625. .slick-product.slick-vertical .child-carousel .slick-slide {
  16626. margin: 0 6px;
  16627. }
  16628. @media (min-width: 768px) and (max-width: 991.98px) {
  16629. .slick-product.slick-vertical {
  16630. display: flex;
  16631. margin-left: -6px;
  16632. margin-right: -6px;
  16633. }
  16634. .slick-product.slick-vertical .carousel-parent,
  16635. .slick-product.slick-vertical .child-carousel {
  16636. padding-left: 6px;
  16637. padding-right: 6px;
  16638. }
  16639. .slick-product.slick-vertical .carousel-parent {
  16640. width: 74%;
  16641. margin-bottom: 0;
  16642. }
  16643. .slick-product.slick-vertical .child-carousel {
  16644. width: 26%;
  16645. display: flex;
  16646. align-content: stretch;
  16647. }
  16648. .slick-product.slick-vertical .child-carousel .slick-list {
  16649. display: flex;
  16650. margin-left: 0;
  16651. margin-right: 0;
  16652. }
  16653. .slick-product.slick-vertical .child-carousel .slick-slide {
  16654. width: calc(100% - 10px) !important;
  16655. margin-left: 5px;
  16656. margin-right: 5px;
  16657. }
  16658. .slick-product.slick-vertical .slick-arrow {
  16659. right: auto;
  16660. left: 50%;
  16661. transform: translate(-50%, 0);
  16662. }
  16663. .slick-product.slick-vertical .slick-prev {
  16664. top: -10px;
  16665. }
  16666. .slick-product.slick-vertical .slick-prev::before {
  16667. content: '\f239';
  16668. }
  16669. .slick-product.slick-vertical .slick-next {
  16670. top: auto;
  16671. bottom: -10px;
  16672. }
  16673. .slick-product.slick-vertical .slick-next::before {
  16674. content: '\f236';
  16675. }
  16676. }
  16677. @media (min-width: 992px) {
  16678. .slick-product.slick-vertical {
  16679. margin-right: 25px;
  16680. }
  16681. }
  16682. @media (min-width: 1200px) {
  16683. .slick-product.slick-vertical {
  16684. margin-right: 38px;
  16685. }
  16686. }
  16687. .slick-product-figure {
  16688. position: relative;
  16689. overflow: hidden;
  16690. background: #f9faf9;
  16691. transition: all .3s ease;
  16692. }
  16693. .slick-product-figure img {
  16694. width: 100%;
  16695. transform: none;
  16696. transition: inherit;
  16697. }
  16698. .child-carousel .slick-product-figure {
  16699. margin-top: 5px;
  16700. margin-bottom: 5px;
  16701. }
  16702. .child-carousel .slick-product-figure img {
  16703. will-change: transform;
  16704. }
  16705. .child-carousel .slick-product-figure:hover {
  16706. background: rgba(249, 250, 249, 0.5);
  16707. }
  16708. .child-carousel .slick-product-figure:hover img {
  16709. transform: scale(1.1);
  16710. }
  16711. .child-carousel .slick-current .slick-product-figure {
  16712. background: transparent;
  16713. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21);
  16714. }
  16715. .slick-quote .carousel-parent {
  16716. margin-bottom: 15px;
  16717. }
  16718. .slick-quote .child-carousel {
  16719. padding-top: 30px;
  16720. margin-left: -15px;
  16721. margin-right: -15px;
  16722. }
  16723. .slick-quote .child-carousel .slick-slide {
  16724. padding: 0 15px;
  16725. opacity: .4;
  16726. transition: all .3s ease-in-out;
  16727. }
  16728. .slick-quote .child-carousel .slick-slide:hover,
  16729. .slick-quote .child-carousel .slick-current {
  16730. opacity: 1;
  16731. }
  16732. .slick-quote .child-carousel .slick-arrow {
  16733. position: absolute;
  16734. top: 0;
  16735. transform: none;
  16736. }
  16737. * + .slick-quote {
  16738. margin-top: 30px;
  16739. }
  16740. @media (min-width: 992px) {
  16741. .slick-quote-nav {
  16742. max-width: 85%;
  16743. margin-left: auto;
  16744. margin-right: auto;
  16745. }
  16746. }
  16747. .slick-slider-1 .child-carousel {
  16748. margin-top: 20px;
  16749. }
  16750. .slick-slider-1 .child-carousel .slick-list {
  16751. margin: 0 -10px;
  16752. }
  16753. .slick-slider-1 .child-carousel .slick-slide {
  16754. position: relative;
  16755. margin: 0 10px;
  16756. transition: all .25s ease-in-out;
  16757. }
  16758. .slick-slider-1 .child-carousel .slick-slide::before {
  16759. position: absolute;
  16760. content: '';
  16761. top: 0;
  16762. right: 0;
  16763. bottom: 0;
  16764. left: 0;
  16765. border: 3px solid transparent;
  16766. pointer-events: none;
  16767. transition: inherit;
  16768. }
  16769. .slick-slider-1 .child-carousel .slick-slide:not(.slick-current):hover {
  16770. opacity: .8;
  16771. }
  16772. .slick-slider-1 .child-carousel .slick-slide.slick-current::before {
  16773. border-color: #0071dc;
  16774. }
  16775. .slick-slider-1 img {
  16776. width: 100%;
  16777. }
  16778. .slick-slider-2 {
  16779. position: relative;
  16780. max-width: 200px;
  16781. margin-left: auto;
  16782. margin-right: auto;
  16783. padding: 0 50px;
  16784. z-index: 1;
  16785. }
  16786. .slick-slider-2 .slick-slider {
  16787. max-width: 85%;
  16788. margin-left: auto;
  16789. margin-right: auto;
  16790. }
  16791. .slick-slider-2 .child-carousel .slick-slide {
  16792. cursor: default;
  16793. }
  16794. .slick-slider-2 .custom-arrows {
  16795. position: absolute;
  16796. top: 16%;
  16797. right: 0;
  16798. bottom: 9%;
  16799. left: 0;
  16800. pointer-events: none;
  16801. }
  16802. .slick-slider-2 .custom-arrows span, .slick-slider-2 .custom-arrows::before, .slick-slider-2 .custom-arrows::after {
  16803. position: absolute;
  16804. z-index: -1;
  16805. }
  16806. .slick-slider-2 .custom-arrows::before, .slick-slider-2 .custom-arrows::after {
  16807. content: '';
  16808. height: 40%;
  16809. right: 0;
  16810. left: 0;
  16811. border: solid #ebebeb;
  16812. }
  16813. .slick-slider-2 .custom-arrows::before {
  16814. top: 0;
  16815. border-width: 10px 10px 0 10px;
  16816. }
  16817. .slick-slider-2 .custom-arrows::after {
  16818. bottom: 0;
  16819. border-width: 0 10px 10px 10px;
  16820. }
  16821. .slick-slider-2 .custom-arrows span {
  16822. top: 50%;
  16823. left: 50%;
  16824. width: 65%;
  16825. padding-bottom: 65%;
  16826. background: #f5f5f5;
  16827. border-radius: 50%;
  16828. transform: translate3d(-50%, -50%, 0);
  16829. }
  16830. .slick-slider-2 .custom-arrows .slick-arrow {
  16831. padding-bottom: 6px;
  16832. pointer-events: auto;
  16833. }
  16834. .slick-slider-2 .custom-arrows .slick-disabled {
  16835. pointer-events: none;
  16836. }
  16837. .slick-slider-2 .custom-arrows .slick-prev {
  16838. left: -20px;
  16839. }
  16840. .slick-slider-2 .custom-arrows .slick-next {
  16841. right: -20px;
  16842. }
  16843. @media (min-width: 576px) {
  16844. .slick-slider-2 {
  16845. max-width: 510px;
  16846. }
  16847. }
  16848. .slick-history .carousel-parent .slick-list {
  16849. margin: 0 -15px;
  16850. }
  16851. .slick-history .carousel-parent .slick-slide {
  16852. margin: 0 15px;
  16853. }
  16854. .slick-history .child-carousel {
  16855. position: relative;
  16856. margin-top: 30px;
  16857. padding: 20px 0;
  16858. background: #ffffff;
  16859. box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  16860. border-radius: 50px;
  16861. }
  16862. .slick-history .child-carousel::before, .slick-history .child-carousel::after {
  16863. position: absolute;
  16864. content: '';
  16865. top: 0;
  16866. bottom: 0;
  16867. background: #ffffff;
  16868. width: 60px;
  16869. z-index: 3;
  16870. }
  16871. .slick-history .child-carousel::before {
  16872. left: 0;
  16873. border-top-left-radius: 50px;
  16874. border-bottom-left-radius: 50px;
  16875. }
  16876. .slick-history .child-carousel::after {
  16877. right: 0;
  16878. border-top-right-radius: 100px;
  16879. border-bottom-right-radius: 100px;
  16880. }
  16881. .slick-history .child-carousel .slick-list {
  16882. margin-top: -37px;
  16883. padding-top: 37px;
  16884. border-top-left-radius: 100px;
  16885. border-top-right-radius: 100px;
  16886. }
  16887. .slick-history .child-carousel .slick-slide {
  16888. position: relative;
  16889. cursor: default;
  16890. }
  16891. .slick-history .child-carousel .slick-slide::before {
  16892. display: inline-block;
  16893. position: absolute;
  16894. content: '';
  16895. top: 50%;
  16896. left: -15px;
  16897. height: 0;
  16898. width: calc( 100% - 140px + 30px);
  16899. border-top: 1px solid transparent;
  16900. transform: translate3d(-50%, 0, 0);
  16901. transition: all 0s ease .3s;
  16902. }
  16903. .slick-history .child-carousel .slick-slide::after {
  16904. display: inline-block;
  16905. position: absolute;
  16906. top: -27px;
  16907. left: 50%;
  16908. content: '';
  16909. width: 0;
  16910. height: 0;
  16911. border-style: solid;
  16912. border-width: 0 8px 7px 8px;
  16913. border-color: transparent transparent #ffffff transparent;
  16914. transform: translate3d(-50%, 0, 0);
  16915. }
  16916. .slick-history .child-carousel .slick-active + .slick-active::before {
  16917. transition: none;
  16918. border-color: #e1e1e1;
  16919. }
  16920. * + .slick-history {
  16921. margin-top: 30px;
  16922. }
  16923. @media (min-width: 768px) {
  16924. .slick-history .child-carousel {
  16925. margin-top: 40px;
  16926. padding-top: 30px;
  16927. padding-bottom: 30px;
  16928. }
  16929. .slick-history .child-carousel::before, .slick-history .child-carousel::after {
  16930. width: 70px;
  16931. }
  16932. .slick-history .child-carousel .slick-slide::after {
  16933. top: -36px;
  16934. }
  16935. .slick-history .child-carousel .slick-prev {
  16936. left: 20px;
  16937. }
  16938. .slick-history .child-carousel .slick-next {
  16939. right: 20px;
  16940. }
  16941. * + .slick-history {
  16942. margin-top: 40px;
  16943. }
  16944. }
  16945. @media (min-width: 992px) {
  16946. .slick-history .child-carousel {
  16947. margin-top: 50px;
  16948. }
  16949. * + .slick-history {
  16950. margin-top: 50px;
  16951. }
  16952. }
  16953. @media (min-width: 1200px) {
  16954. .slick-history .child-carousel {
  16955. margin-top: 75px;
  16956. }
  16957. .slick-history .child-carousel::before, .slick-history .child-carousel::after {
  16958. width: 7.5%;
  16959. }
  16960. .slick-history .child-carousel .slick-slide::before {
  16961. width: calc(100% - 174px + 30px);
  16962. }
  16963. .slick-history .child-carousel .slick-prev {
  16964. left: 3.3%;
  16965. }
  16966. .slick-history .child-carousel .slick-next {
  16967. right: 3.3%;
  16968. }
  16969. }
  16970. @media (min-width: 1600px) {
  16971. .child-carousel::before, .child-carousel::after {
  16972. width: 6.5%;
  16973. }
  16974. }
  16975. /** @section Formstone Stepper Plugin */
  16976. .stepper {
  16977. position: relative;
  16978. display: block;
  16979. }
  16980. .stepper input[type="number"] {
  16981. width: 100%;
  16982. padding: 10px 42px;
  16983. font-weight: 500;
  16984. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  16985. text-align: center;
  16986. -moz-appearance: textfield;
  16987. background: #f5f5f5;
  16988. border-color: #f5f5f5;
  16989. }
  16990. .stepper input[type=number]::-webkit-inner-spin-button {
  16991. -webkit-appearance: none;
  16992. }
  16993. .stepper-arrow {
  16994. position: absolute;
  16995. text-align: center;
  16996. top: 50%;
  16997. margin-top: -19px;
  16998. width: 38px;
  16999. height: 38px;
  17000. font-size: 14px;
  17001. line-height: 38px;
  17002. font-weight: 400;
  17003. font-family: "Material Design Icons";
  17004. cursor: pointer;
  17005. color: #151515;
  17006. border-radius: 0;
  17007. transition: .3s all ease;
  17008. }
  17009. .stepper-arrow:hover {
  17010. color: #0071dc;
  17011. }
  17012. .stepper-arrow.up {
  17013. right: 0;
  17014. }
  17015. .stepper-arrow.up:before {
  17016. content: '\f504';
  17017. }
  17018. .stepper-arrow.down {
  17019. left: 0;
  17020. }
  17021. .stepper-arrow.down:before {
  17022. content: '\f465';
  17023. }
  17024. .stepper.disabled .stepper-arrow {
  17025. pointer-events: none;
  17026. opacity: .5;
  17027. }
  17028. .product-stepper .stepper {
  17029. padding-right: 34px;
  17030. }
  17031. .product-stepper input[type="number"] {
  17032. padding: 14px 10px;
  17033. max-width: 60px;
  17034. min-height: 60px;
  17035. font-size: 20px;
  17036. line-height: 30px;
  17037. letter-spacing: .025em;
  17038. border-radius: 6px;
  17039. color: #151515;
  17040. background: #ebebeb;
  17041. }
  17042. .product-stepper .stepper-arrow {
  17043. margin-top: 0;
  17044. top: auto;
  17045. right: 0;
  17046. width: 26px;
  17047. height: 26px;
  17048. font-size: 20px;
  17049. line-height: 26px;
  17050. border-radius: 6px;
  17051. background: #ebebeb;
  17052. }
  17053. .product-stepper .stepper-arrow.up {
  17054. top: 0;
  17055. }
  17056. .product-stepper .stepper-arrow.down {
  17057. left: auto;
  17058. bottom: 0;
  17059. }
  17060. @media (min-width: 576px) {
  17061. .product-stepper .stepper {
  17062. padding-right: 38px;
  17063. }
  17064. .product-stepper input[type="number"] {
  17065. padding: 17px 10px;
  17066. max-width: 70px;
  17067. min-height: 70px;
  17068. font-size: 24px;
  17069. }
  17070. .product-stepper .stepper-arrow {
  17071. width: 32px;
  17072. height: 32px;
  17073. font-size: 24px;
  17074. line-height: 32px;
  17075. }
  17076. }
  17077. .table-cart-stepper {
  17078. max-width: 123px;
  17079. margin-left: auto;
  17080. margin-right: auto;
  17081. }
  17082. .table-cart-stepper input[type="number"] {
  17083. font-size: 18px;
  17084. line-height: 24px;
  17085. letter-spacing: .1em;
  17086. color: #151515;
  17087. background: #ffffff;
  17088. border-color: #ffffff;
  17089. }
  17090. .table-cart-stepper .stepper-arrow {
  17091. line-height: 36px;
  17092. border-radius: 6px;
  17093. border: 1px solid #e1e1e1;
  17094. }
  17095. .table-cart-stepper .stepper-arrow.up {
  17096. font-size: 30px;
  17097. }
  17098. .table-cart-stepper .stepper-arrow.down {
  17099. font-size: 18px;
  17100. }
  17101. /** @section Ecwid */
  17102. html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button.form-control__button.form-control__button {
  17103. transition: .3s ease-out all;
  17104. }
  17105. html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button.form-control__button.form-control__button, html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button.form-control__button.form-control__button:focus, html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button.form-control__button.form-control__button:active {
  17106. color: #151515;
  17107. background-color: #ffe220;
  17108. border-color: #ffe220;
  17109. }
  17110. html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button.form-control__button.form-control__button:hover {
  17111. color: #ffffff;
  17112. border-color: #0071dc;
  17113. background-color: #0071dc;
  17114. }
  17115. html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__title-inner.grid-product__title-inner.grid-product__title-inner.grid-product__title-inner.grid-product__title-inner {
  17116. font-weight: 500;
  17117. letter-spacing: 0;
  17118. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  17119. text-transform: uppercase;
  17120. color: #151515;
  17121. transition: .3s ease-out all;
  17122. }
  17123. html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__wrap-inner .grid-product__title .grid-product__title-inner.grid-product__title-inner:hover {
  17124. color: #0071dc;
  17125. }
  17126. html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products.grid__products--appearance-frame .grid-product__price.grid-product__price {
  17127. margin-top: 8px;
  17128. }
  17129. html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products.grid__products--appearance-frame .grid-product__price .grid-product__price-amount.grid-product__price-amount {
  17130. font-size: 15px;
  17131. line-height: 1;
  17132. font-weight: 700;
  17133. letter-spacing: 0;
  17134. color: #0071dc;
  17135. }
  17136. html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner.grid-product__wrap-inner {
  17137. border-radius: 6px;
  17138. }
  17139. html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__sort.grid__sort {
  17140. font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  17141. font-weight: 700;
  17142. }
  17143. html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner.grid-product__wrap-inner {
  17144. background: #f5f5f5;
  17145. border-color: transparent;
  17146. box-shadow: none;
  17147. }
  17148. html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner.grid-product__wrap-inner:hover {
  17149. background: #ffffff;
  17150. box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);
  17151. }
  17152. html#ecwid_html body#ecwid_body .ec-size.ec-size--s .ec-store .details-gallery__thumb-img.details-gallery__thumb-img::after {
  17153. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21);
  17154. }
  17155. html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store .details-gallery__thumbs.details-gallery__thumbs--aspect-ratio-auto .details-gallery__thumb--aspect-ratio-1.details-gallery__thumb--aspect-ratio-1 {
  17156. margin-left: 3px;
  17157. margin-right: 3px;
  17158. }
  17159. @media (max-width: 479px) {
  17160. html#ecwid_html body#ecwid_body .rd-navbar-fixed .ec-minicart--responsive.ec-minicart--m .ec-minicart__icon {
  17161. width: 36px;
  17162. height: 36px;
  17163. }
  17164. }