style2.css 127 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918
  1. /*
  2. Kit Name: Metro Vibes
  3. Kit URI: http://pixelkit.com/kits/metro-ui-kit
  4. Description: 100+ elements
  5. Version: 1.0
  6. Author: PixelKit
  7. Author URI: http://pixelkit.com
  8. CSS STRUCTURE:
  9. 1. GENERAL TYPOGRAPHY
  10. - Fonts
  11. - Global Reset
  12. - General Styles
  13. - Clear Floats
  14. - Typography
  15. - Buttons
  16. - Custom checkboxes, radios
  17. - Ribbons
  18. - Badges
  19. - Rating Stars
  20. 2. PAGE ITEMS, WIDGETS
  21. - Services
  22. - Services Style 1
  23. - Services Style 2, Services Style 3
  24. - About Us Items
  25. - Table Pricing
  26. - Sidebar widgets
  27. - Widget Categories
  28. - Widget Latest Stories, Latest Comments
  29. - Widget Tags
  30. - Widget Flickr
  31. - Widget Text
  32. - Widget Calendar
  33. - Widget Join Us
  34. - Widget Twitter
  35. - Full width widgets
  36. - Widget Partners
  37. - Widget Caption
  38. - Widget Portfolio Filter
  39. - Widget Question
  40. - Post Items
  41. - Post Item Labels
  42. - Post Items Default Style
  43. - Post Items Style 2
  44. - Post Items Style 3
  45. - Post Items Style 4
  46. - Post Items Style 5
  47. - Post Quotes
  48. - Post Images
  49. - Post Video, Post Audio
  50. - Post Intro Text
  51. - Popular Post Items
  52. - Comments
  53. - Forms
  54. - Comment Form
  55. - Contact Form
  56. - Survey Form
  57. - Payment Form
  58. - Login Form
  59. - Newsletter Form, Search Form
  60. - Pagination
  61. - Dividers
  62. - Tabs
  63. - Tabs Style 1
  64. - Tabs Style 2
  65. - Toggles
  66. - Pull Quotes
  67. - Info Boxes
  68. - Filters
  69. - Checkbox Filter, Radiobox Filter
  70. - Filter Results
  71. - Sliders
  72. - Grid Gallery
  73. - Main Slider
  74. - Footers
  75. - Footer Style 1
  76. - Footer Style 2
  77. 3. INDEX PAGE
  78. - Header (Kit Name)
  79. - Main Menu
  80. - User Menu
  81. - Contact Form styled
  82. - Login Form styled
  83. - Search Form styled
  84. - Progress Bars
  85. - Scroll Bars
  86. - Simple Message Field
  87. - Avatar Placeholder
  88. - Widget Profile
  89. - Widget Trade
  90. - Widget Social Buttons
  91. - Widget Weather
  92. - Widget Stats
  93. - Image Slider
  94. - Notifications
  95. /*===================================================*/
  96. /* 1. GENERAL TYPOGRAPHY */
  97. /*===================================================*/
  98. /*-----------------------------------*/
  99. /* Fonts */
  100. /*-----------------------------------*/
  101. @import url(http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800);
  102. /*-----------------------------------*/
  103. /* Global Reset */
  104. /*-----------------------------------*/
  105. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  106. margin: 0;
  107. padding: 0;
  108. border: 0;
  109. font-size: 100%;
  110. font: inherit;
  111. vertical-align: baseline; }
  112. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  113. display: block}
  114. body {
  115. line-height: 1; }
  116. ol, ul {
  117. list-style: none; }
  118. blockquote, q {
  119. quotes: none; }
  120. blockquote:before, blockquote:after, q:before, q:after {
  121. content: '';
  122. content: none; }
  123. table {
  124. border-collapse: collapse;
  125. border-spacing: 0}
  126. ::-moz-selection {
  127. background: #aba98c;
  128. color: #000;
  129. text-shadow: none;
  130. }
  131. ::selection {
  132. background: #aba98c;
  133. color: #333;
  134. text-shadow: none;
  135. }
  136. a:hover,
  137. a:focus {
  138. color: #8D8569;
  139. text-decoration: none;
  140. }
  141. a:active{background-color: transparent;}
  142. input, textarea, input[type="submit"]:focus, div {
  143. outline: 0 none;
  144. font-family: 'Open Sans', sans-serif;
  145. }
  146. button, input, select, textarea {vertical-align: top; margin: 0;}
  147. .alpha{margin-left:0 !important;}
  148. .omega{margin-right:0 !important;}
  149. .no-radius{
  150. -webkit-border-radius: 0 !important;
  151. -moz-border-radius: 0 !important;
  152. border-radius: 0 !important;
  153. }
  154. .clearfix {
  155. *zoom: 1;
  156. }
  157. .clearfix:before,
  158. .clearfix:after {
  159. display: table;
  160. line-height: 0;
  161. content: "";
  162. }
  163. .clearfix:after {
  164. clear: both;
  165. }
  166. /*-----------------------------------*/
  167. /* Typography */
  168. /*-----------------------------------*/
  169. h1, h2, h3, h4, h5, h6 {
  170. color: #5c5146;
  171. font-weight: 400;
  172. letter-spacing: -1px;
  173. line-height:1.2em;
  174. margin-bottom:.8em;
  175. }
  176. h4, h5, h6{color: #e86741;}
  177. h1{font-size:27px}
  178. h2{font-size:24px}
  179. h3{font-size:21px}
  180. h4{font-size:19px}
  181. h5{font-size:17px}
  182. h6{font-size:15px}
  183. em{font-style: italic;}
  184. strong{font-weight: 700;}
  185. small{font-size: 85%;}
  186. i{
  187. position: relative;
  188. top: 0;
  189. left: 0;
  190. display: inline-block;
  191. overflow: hidden;
  192. text-decoration: none;
  193. font-style: normal;
  194. background-repeat: no-repeat;
  195. margin-right: 15px;
  196. }
  197. p{
  198. line-height: 19px;
  199. margin-bottom: 16px;
  200. }
  201. .margin-10{margin-bottom:10px;}
  202. .margin-20{margin-bottom:20px;}
  203. .margin-30{margin-bottom:30px;}
  204. .margin-40{margin-bottom:40px;}
  205. .margin-50{margin-bottom:50px;}
  206. /*-----------------------------------*/
  207. /* Buttons */
  208. /*-----------------------------------*/
  209. /* foo classes */
  210. .buttons-wrap{margin-bottom: 30px;}
  211. .buttons-wrap .inner{padding: 49px 43px 27px;}
  212. .buttons{margin-bottom:26px;}
  213. .tabs_framed.styled .buttons{margin-bottom:14px;}
  214. .buttons .btn{margin-right:10px; margin-bottom:10px;}
  215. @media (min-width: 992px) and (max-width: 1199px){
  216. .tabs_framed.styled .buttons .btn{margin-right:0;}
  217. }
  218. @media (max-width:479px){
  219. .buttons-wrap .inner{padding: 26px 20px 5px;}
  220. }
  221. /* end foo classes */
  222. .btn:hover, .btn:focus {
  223. -webkit-transition: background-position .0s linear;
  224. -moz-transition: background-position .0s linear;
  225. -o-transition: background-position .0s linear;
  226. transition: background-position .0s linear;
  227. }
  228. .btn:active, .btn.active {
  229. -webkit-box-shadow: none;
  230. -moz-box-shadow: none;
  231. box-shadow: none;
  232. }
  233. .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  234. background-color: transparent;
  235. color:#fff;
  236. }
  237. .btn span,
  238. .btn input{
  239. display: block;
  240. height: 45px;
  241. line-height: 41px;
  242. border: 1px solid #c44a28;
  243. padding: 0 25px;
  244. -webkit-border-radius: 5px;
  245. -moz-border-radius: 5px;
  246. border-radius: 5px;
  247. -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6);
  248. -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6);
  249. box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6);
  250. font-size: 16px;
  251. font-weight: 400;
  252. color: #fff;
  253. white-space: nowrap;
  254. text-shadow:none;
  255. background: rgb(233,106,70);
  256. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZTdlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZTk2YTQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0NTgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  257. background: -moz-linear-gradient(top, rgb(237,231,230) 0%, rgb(233,106,70) 2%, rgb(228,88,53) 100%);
  258. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,231,230)), color-stop(2%,rgb(233,106,70)), color-stop(100%,rgb(228,88,53)));
  259. background: -webkit-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%);
  260. background: -o-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%);
  261. background: -ms-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%);
  262. background: linear-gradient(to bottom, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%);
  263. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede7e6', endColorstr='#e45835',GradientType=0 );
  264. }
  265. .btn:hover span, .btn.hover span, .btn:focus span, .btn:hover input, .btn.hover input, .btn:focus input{
  266. background: rgb(238,135,101);
  267. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZTdlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZWU4NzY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0NTgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  268. background: -moz-linear-gradient(top, rgb(237,231,230) 0%, rgb(238,135,101) 2%, rgb(228,88,53) 100%);
  269. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,231,230)), color-stop(2%,rgb(238,135,101)), color-stop(100%,rgb(228,88,53)));
  270. background: -webkit-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%);
  271. background: -o-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%);
  272. background: -ms-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%);
  273. background: linear-gradient(to bottom, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%);
  274. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede7e6', endColorstr='#e45835',GradientType=0 );
  275. }
  276. .btn.active span, .btn:active span, .btn.active input, .btn:active input{
  277. -webkit-box-shadow: inset 0 1px 3px rgba(96,96,96,0.6);
  278. -moz-box-shadow: inset 0 1px 3px rgba(96,96,96,0.6);
  279. box-shadow: inset 0 1px 3px rgba(96,96,96,0.6);
  280. background: rgb(228,88,53);
  281. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NTgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTZhNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  282. background: -moz-linear-gradient(top, rgb(228,88,53) 0%, rgb(233,106,70) 100%);
  283. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(228,88,53)), color-stop(100%,rgb(233,106,70)));
  284. background: -webkit-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%);
  285. background: -o-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%);
  286. background: -ms-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%);
  287. background: linear-gradient(to bottom, rgb(228,88,53) 0%,rgb(233,106,70) 100%);
  288. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45835', endColorstr='#e96a46',GradientType=0 );
  289. }
  290. .btn-blue span, .btn-blue input{
  291. border: 1px solid #457b9a;
  292. background: rgb(103,151,180);
  293. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNjc5N2I0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1ODdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  294. background: -moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(103,151,180) 2%, rgb(85,135,167) 100%);
  295. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(2%,rgb(103,151,180)), color-stop(100%,rgb(85,135,167)));
  296. background: -webkit-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%);
  297. background: -o-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%);
  298. background: -ms-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%);
  299. background: linear-gradient(to bottom, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%);
  300. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#5587a7',GradientType=0 );
  301. }
  302. .btn-blue:hover span, .btn-blue:focus span, .btn-blue:hover input, .btn-blue:focus input{
  303. background: rgb(112,161,193);
  304. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNzBhMWMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1ODdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  305. background: -moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(112,161,193) 2%, rgb(85,135,167) 100%);
  306. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(2%,rgb(112,161,193)), color-stop(100%,rgb(85,135,167)));
  307. background: -webkit-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%);
  308. background: -o-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%);
  309. background: -ms-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%);
  310. background: linear-gradient(to bottom, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%);
  311. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#5587a7',GradientType=0 );
  312. }
  313. .btn-blue.active span, .btn-blue:active span, .btn-blue.active input, .btn-blue:active input{
  314. background: rgb(85,134,166);
  315. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1ODZhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Nzk3YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  316. background: -moz-linear-gradient(top, rgb(85,134,166) 0%, rgb(103,151,181) 100%);
  317. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(85,134,166)), color-stop(100%,rgb(103,151,181)));
  318. background: -webkit-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%);
  319. background: -o-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%);
  320. background: -ms-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%);
  321. background: linear-gradient(to bottom, rgb(85,134,166) 0%,rgb(103,151,181) 100%);
  322. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586a6', endColorstr='#6797b5',GradientType=0 );
  323. }
  324. .btn-green span, .btn-green input{
  325. border: 1px solid #419c5c;
  326. background: rgb(93,193,125);
  327. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNWRjMTdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiYjU2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  328. background: -moz-linear-gradient(top, rgb(244,244,244) 0%, rgb(93,193,125) 2%, rgb(75,181,107) 100%);
  329. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(244,244,244)), color-stop(2%,rgb(93,193,125)), color-stop(100%,rgb(75,181,107)));
  330. background: -webkit-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%);
  331. background: -o-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%);
  332. background: -ms-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%);
  333. background: linear-gradient(to bottom, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%);
  334. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4bb56b',GradientType=0 );
  335. }
  336. .btn-green:hover span, .btn-green:focus span, .btn-green:hover input, .btn-green:focus input{
  337. background: rgb(75,181,107);
  338. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNjNjYzdhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiYjU2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  339. background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(99,204,122) 2%, rgb(75,181,107) 100%);
  340. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(99,204,122)), color-stop(100%,rgb(75,181,107)));
  341. background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%);
  342. background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%);
  343. background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%);
  344. background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%);
  345. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4bb56b',GradientType=0 );
  346. }
  347. .btn-green.active span, .btn-green:active span, .btn-green.active input, .btn-green:active input{
  348. background: rgb(75,180,107);
  349. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYjQ2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZWMxN2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  350. background: -moz-linear-gradient(top, rgb(75,180,107) 0%, rgb(94,193,126) 100%);
  351. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(75,180,107)), color-stop(100%,rgb(94,193,126)));
  352. background: -webkit-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%);
  353. background: -o-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%);
  354. background: -ms-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%);
  355. background: linear-gradient(to bottom, rgb(75,180,107) 0%,rgb(94,193,126) 100%);
  356. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb46b', endColorstr='#5ec17e',GradientType=0 );
  357. }
  358. .btn-lime span, .btn-lime input{
  359. border: 1px solid #687925;
  360. background: rgb(208,244,115);
  361. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZjQ3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOWFiMzMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhYTYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  362. background: -moz-linear-gradient(top, rgb(208,244,115) 0%, rgb(154,179,49) 2%, rgb(138,166,35) 100%);
  363. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(208,244,115)), color-stop(2%,rgb(154,179,49)), color-stop(100%,rgb(138,166,35)));
  364. background: -webkit-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%);
  365. background: -o-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%);
  366. background: -ms-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%);
  367. background: linear-gradient(to bottom, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%);
  368. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f473', endColorstr='#8aa623',GradientType=0 );
  369. }
  370. .btn-lime:hover span, .btn-lime:focus span, .btn-lime:hover input, .btn-lime:focus input{
  371. background: rgb(208,244,115);
  372. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZjQ3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOWNiZjM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhYTYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  373. background: -moz-linear-gradient(top, rgb(208,244,115) 0%, rgb(156,191,53) 2%, rgb(138,166,35) 100%);
  374. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(208,244,115)), color-stop(2%,rgb(156,191,53)), color-stop(100%,rgb(138,166,35)));
  375. background: -webkit-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%);
  376. background: -o-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%);
  377. background: -ms-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%);
  378. background: linear-gradient(to bottom, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%);
  379. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f473', endColorstr='#8aa623',GradientType=0 );
  380. }
  381. .btn-lime.active span, .btn-lime:active span, .btn-lime.active input, .btn-lime:active input{
  382. background: rgb(137,165,35);
  383. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5YTUyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YWI0MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  384. background: -moz-linear-gradient(top, rgb(137,165,35) 0%, rgb(154,180,49) 100%);
  385. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(137,165,35)), color-stop(100%,rgb(154,180,49)));
  386. background: -webkit-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%);
  387. background: -o-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%);
  388. background: -ms-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%);
  389. background: linear-gradient(to bottom, rgb(137,165,35) 0%,rgb(154,180,49) 100%);
  390. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89a523', endColorstr='#9ab431',GradientType=0 );
  391. }
  392. .btn-yellow span, .btn-yellow input{
  393. border: 1px solid #ccaa4d;
  394. background: rgb(236,204,103);
  395. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZWNjYzY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4YzI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  396. background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(236,204,103) 2%, rgb(232,194,85) 100%);
  397. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(236,204,103)), color-stop(100%,rgb(232,194,85)));
  398. background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%);
  399. background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%);
  400. background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%);
  401. background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%);
  402. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8c255',GradientType=0 );
  403. }
  404. .btn-yellow:hover span, .btn-yellow:focus span, .btn-yellow:hover input, .btn-yellow:focus input{
  405. background: rgb(236,204,103);
  406. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjRlMDZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4YzI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  407. background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,224,107) 2%, rgb(232,194,85) 100%);
  408. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(244,224,107)), color-stop(100%,rgb(232,194,85)));
  409. background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%);
  410. background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%);
  411. background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%);
  412. background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%);
  413. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8c255',GradientType=0 );
  414. }
  415. .btn-yellow.active span, .btn-yellow:active span, .btn-yellow.active input, .btn-yellow:active input{
  416. background: rgb(232,193,85);
  417. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4YzE1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGNjNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  418. background: -moz-linear-gradient(top, rgb(232,193,85) 0%, rgb(237,204,103) 100%);
  419. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232,193,85)), color-stop(100%,rgb(237,204,103)));
  420. background: -webkit-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%);
  421. background: -o-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%);
  422. background: -ms-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%);
  423. background: linear-gradient(to bottom, rgb(232,193,85) 0%,rgb(237,204,103) 100%);
  424. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c155', endColorstr='#edcc67',GradientType=0 );
  425. }
  426. .btn-pink span, .btn-pink input{
  427. border: 1px solid #b03540;
  428. background: rgb(255,255,255);
  429. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjE1ZjY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNGQ1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  430. background: -moz-linear-gradient(top, rgb(194,141,141) 0%, rgb(241,95,103) 2%, rgb(238,77,85) 100%);
  431. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(194,141,141)), color-stop(2%,rgb(241,95,103)), color-stop(100%,rgb(238,77,85)));
  432. background: -webkit-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%);
  433. background: -o-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%);
  434. background: -ms-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%);
  435. background: linear-gradient(to bottom, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%);
  436. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#ee4d55',GradientType=0 );
  437. }
  438. .btn-pink:hover span, .btn-pink:focus span, .btn-pink:hover input, .btn-pink:focus input{
  439. background: rgb(255,255,255);
  440. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmY3YTdhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNGQ1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  441. background: -moz-linear-gradient(top, rgb(194,141,141) 0%, rgb(255,122,122) 2%, rgb(238,77,85) 100%);
  442. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(194,141,141)), color-stop(2%,rgb(255,122,122)), color-stop(100%,rgb(238,77,85)));
  443. background: -webkit-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%);
  444. background: -o-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%);
  445. background: -ms-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%);
  446. background: linear-gradient(to bottom, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%);
  447. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#ee4d55',GradientType=0 );
  448. }
  449. .btn-pink.active span, .btn-pink:active span, .btn-pink.active input, .btn-pink:active input{
  450. background: rgb(238,77,85);
  451. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNGQ1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTYwNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  452. background: -moz-linear-gradient(top, rgb(238,77,85) 0%, rgb(241,96,103) 100%);
  453. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,77,85)), color-stop(100%,rgb(241,96,103)));
  454. background: -webkit-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%);
  455. background: -o-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%);
  456. background: -ms-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%);
  457. background: linear-gradient(to bottom, rgb(238,77,85) 0%,rgb(241,96,103) 100%);
  458. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#f16067',GradientType=0 );
  459. }
  460. .btn-brown span, .btn-brown input{
  461. border: 1px solid #594e43;
  462. background: rgb(101,91,80);
  463. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NWI1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzQ5M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  464. background: -moz-linear-gradient(top, rgb(101,91,80) 0%, rgb(83,73,62) 100%);
  465. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(101,91,80)), color-stop(100%,rgb(83,73,62)));
  466. background: -webkit-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%);
  467. background: -o-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%);
  468. background: -ms-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%);
  469. background: linear-gradient(to bottom, rgb(101,91,80) 0%,rgb(83,73,62) 100%);
  470. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#655b50', endColorstr='#53493e',GradientType=0 );
  471. }
  472. .btn-brown:hover span, .btn-brown:focus span, .btn-brown:hover input, .btn-brown:focus input{
  473. background: rgb(131,122,112);
  474. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzN2E3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzQ5M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  475. background: -moz-linear-gradient(top, rgb(131,122,112) 0%, rgb(83,73,62) 100%);
  476. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(131,122,112)), color-stop(100%,rgb(83,73,62)));
  477. background: -webkit-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%);
  478. background: -o-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%);
  479. background: -ms-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%);
  480. background: linear-gradient(to bottom, rgb(131,122,112) 0%,rgb(83,73,62) 100%);
  481. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#837a70', endColorstr='#53493e',GradientType=0 );
  482. }
  483. .btn-brown.active span, .btn-brown:active span, .btn-brown.active input, .btn-brown:active input{
  484. -webkit-box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6);
  485. -moz-box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6);
  486. box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6);
  487. background: rgb(81,68,57);
  488. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNDQzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTViNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  489. background: -moz-linear-gradient(top, rgb(81,68,57) 0%, rgb(101,91,80) 100%);
  490. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(81,68,57)), color-stop(100%,rgb(101,91,80)));
  491. background: -webkit-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%);
  492. background: -o-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%);
  493. background: -ms-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%);
  494. background: linear-gradient(to bottom, rgb(81,68,57) 0%,rgb(101,91,80) 100%);
  495. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#514439', endColorstr='#655b50',GradientType=0 );
  496. }
  497. .btn-small span, .btn-small input{
  498. height: 32px;
  499. line-height: 30px;
  500. padding: 0 14px;
  501. font-size: 14px;
  502. }
  503. .btn-large span, .btn-large input{
  504. height: 51px;
  505. line-height: 47px;
  506. padding: 0 23px;
  507. font-size: 18px;
  508. }
  509. .btn-left, .btn-right{
  510. background-image: url(images/buttons.png) !important;
  511. }
  512. .btn-left span, .btn-left input,
  513. .btn-right span, .btn-right input{
  514. filter:none !important;
  515. background-image: url(images/buttons.png) !important;
  516. background-repeat: no-repeat;
  517. -webkit-box-shadow: none !important;
  518. -moz-box-shadow: none !important;
  519. box-shadow: none !important;
  520. height: 45px;
  521. line-height: 43px;
  522. border: 0 none;
  523. -webkit-border-radius: 0;
  524. -moz-border-radius: 0;
  525. border-radius: 0;
  526. }
  527. .btn-left{padding-right: 30px;}
  528. .btn-left span{padding-left: 35px; padding-right: 0;}
  529. .btn-right{padding-right: 35px;}
  530. .btn-right span{padding-left: 30px; padding-right: 0;}
  531. .btn-right{background-position: right -55px !important;}
  532. .btn-right span{background-position: left -5px !important;}
  533. .btn-left{background-position: right -155px !important;}
  534. .btn-left span{background-position: left -105px !important;}
  535. .btn-icon i{
  536. width: 19px;
  537. height: 19px;
  538. background: url(images/icons/sign-in.png) 0 0 no-repeat;
  539. vertical-align: middle;
  540. margin-right: 13px;
  541. }
  542. /*-----------------------------------*/
  543. /* Custom checkboxes, radios */
  544. /*-----------------------------------*/
  545. .custom-checkbox,.custom-radio {position:relative;}
  546. .custom-checkbox label::selection, .custom-radio label::selection {background: transparent; color: inherit;}
  547. .custom-checkbox input, .custom-radio input {position:absolute; top:3px; left:13px; margin:0; border:none; width:1px; height:1px; display:none;}
  548. .custom-checkbox input {left:4px;}
  549. .checkbox-middle .custom-checkbox input {left:13px; top:2px;}
  550. .checkbox-large .custom-checkbox input {left:13px; top:3px;}
  551. .ie8 .custom-checkbox input, .ie8 .custom-radio input {display:block;}
  552. .custom-checkbox label.focus,.custom-radio label.focus {outline: 0;}
  553. .custom-checkbox label,.custom-radio label {
  554. display:block;
  555. position:relative;
  556. height:22px;
  557. line-height:22px;
  558. padding-left:34px;
  559. margin-bottom:13px;
  560. cursor:pointer;
  561. color:#8e8071;
  562. background-repeat:no-repeat;
  563. background-position:0 0;
  564. background-image: url(images/styled_checkbox.png);
  565. }
  566. .custom-radio label {
  567. height:24px;
  568. line-height:24px;
  569. margin-bottom:11px;
  570. background-image: url(images/styled_radiobutton.png);
  571. }
  572. .custom-checkbox label.checked,.custom-radio label.checked {
  573. background-position:0 -100px;
  574. }
  575. .checkbox-large .custom-checkbox label,
  576. .checkbox-large.checkbox-white .custom-checkbox label,
  577. .checkbox-large.checkbox-noText .custom-checkbox label {
  578. height: 26px;
  579. line-height: 26px;
  580. padding-left:65px;
  581. background-image: url(images/styled_checkbox_large.png);
  582. }
  583. .checkbox-large.checkbox-white .custom-checkbox label{background-image: url(images/styled_checkbox_large2.png);}
  584. .checkbox-large.checkbox-noText .custom-checkbox label{background-image: url(images/styled_checkbox_large3.png);}
  585. .checkbox-red .custom-checkbox label{background-image: url(images/styled_checkbox2.png);}
  586. .checkbox-filled .custom-checkbox label{background-image: url(images/styled_checkbox3.png);}
  587. .radio-red .custom-radio label{background-image: url(images/styled_radiobutton2.png);}
  588. .radio-filled .custom-radio label{background-image: url(images/styled_radiobutton3.png);}
  589. /*-----------------------------------*/
  590. /* Ribbons */
  591. /*-----------------------------------*/
  592. .ribbons{text-align: center; padding-bottom: 14px;}
  593. .ribbon{
  594. display: inline-block;
  595. width:56px;
  596. padding-bottom:20px;
  597. background-image:url(images/ribbons.png);
  598. background-repeat: no-repeat;
  599. background-position: -60px bottom;
  600. position: relative;
  601. top:-3px;
  602. }
  603. .ribbon span{
  604. display:block;
  605. width:56px;
  606. padding-top:16px;
  607. background-image:url(images/ribbons.png);
  608. background-repeat: no-repeat;
  609. background-position: 0 top;
  610. }
  611. .ribbon.ribbon-blue span{background-position: -120px top;}
  612. .ribbon.ribbon-blue{background-position: -180px bottom;}
  613. .ribbon em, .ribbon strong{
  614. display: block;
  615. font-style: normal;
  616. font-size: 13px;
  617. font-weight: 700;
  618. color: #c2f3de;
  619. text-align: center;
  620. text-transform: uppercase;
  621. padding: 0 5px;
  622. }
  623. .ribbon strong{
  624. font-size: 18px;
  625. color: #fff;
  626. }
  627. .ribbon-blue em{color: #b4d6ec;}
  628. /*-----------------------------------*/
  629. /* Badges */
  630. /*-----------------------------------*/
  631. .badge:empty {display: inline-block;}
  632. .badge{
  633. position: relative;
  634. width:59px;
  635. height:59px;
  636. background-image:url(images/badge.png);
  637. background-repeat: no-repeat;
  638. background-position: 0 0;
  639. padding: 0;
  640. background-color: transparent;
  641. border-radius: 0;
  642. -webkit-border-radius: 0;
  643. -moz-border-radius: 0;
  644. top:0;
  645. right:0;
  646. }
  647. .badge.badge-large{
  648. width:76px;
  649. height:75px;
  650. background-image:url(images/badge-large.png);
  651. }
  652. /*-----------------------------------*/
  653. /* Rating Stars */
  654. /*-----------------------------------*/
  655. .rate{
  656. display: inline-block;
  657. width: 116px;
  658. height: 18px;
  659. background-image:url(images/icons/rating.png);
  660. background-repeat: no-repeat;
  661. background-position: center 0;
  662. margin-top: 2px;
  663. }
  664. .rate.rate-1{background-position:center -20px;}
  665. .rate.rate-2{background-position:center -40px;}
  666. .rate.rate-3{background-position:center -60px;}
  667. .rate.rate-4{background-position:center -80px;}
  668. .rate.rate-5{background-position:center -100px;}
  669. .rating {display: inline-block; width: 125px; margin-bottom: 18px;}
  670. .rating span.star{display:inline-block; width:20px; height:18px; margin-right: 4px; background-repeat: no-repeat;}
  671. .rating span.off{background-image: url(images/icons/star_off.png);}
  672. .rating span.on,
  673. .rating span.star:hover,
  674. .rating span.over{background-image: url(images/icons/star_on.png); cursor:pointer;}
  675. /*===================================================*/
  676. /* 2. PAGE ITEMS, WIDGETS */
  677. /*===================================================*/
  678. .content, .sidebar{padding: 50px 0;}
  679. #middle{position: relative; z-index: 0;}
  680. #middle.sidebar_left > .container > .row > .col-sm-8{float:right;}
  681. .boxed {
  682. background: #fff;
  683. -webkit-border-radius:5px;
  684. -moz-border-radius:5px;
  685. border-radius:5px;
  686. -webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
  687. -moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
  688. box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
  689. margin-bottom:30px;
  690. position: relative;
  691. z-index: 0;
  692. }
  693. .line-left{border-left: 3px solid #ebc85e;}
  694. .line-top{border-top: 3px solid #ebc85e;}
  695. /*-----------------------------------*/
  696. /* Services */
  697. /*-----------------------------------*/
  698. .service_list .service_item{position:relative; margin-bottom:30px;}
  699. .service_list .service_desc p{font-size: 15px; font-style: italic; color: #8e8071; line-height: 23px; margin-bottom: 10px;}
  700. .service_list .service_meta_bot{margin-top: 25px;}
  701. .service_list .link-more{font-size:15px; font-weight:700; color:#e86741; text-transform: uppercase;}
  702. /* Services Style 1 */
  703. .service_list_1 .inner{padding: 39px 30px 41px; text-align: center;}
  704. .service_list_1 .service_img{margin-bottom: 17px;}
  705. .service_list_1 .service_title h2{margin-bottom: 19px;}
  706. .service_list_1 .service_title h2 a{font-size: 25px; color: #5c5146;}
  707. /* Services Style 2, Services Style 3 */
  708. .service_list_2 .service_item, .service_list_3 .service_item .service_title h2{background: #5c5146;}
  709. .service_list_2 .service_item.red, .service_list_3 .service_item.red .service_title h2{background: #e55e3a;}
  710. .service_list_2 .service_item.yellow, .service_list_3 .service_item.yellow .service_title h2{background: #ebc85e;}
  711. .service_list_2 .service_item.blue, .service_list_3 .service_item.blue .service_title h2{background: #5e90af;}
  712. .service_list_2 .service_item.purple, .service_list_3 .service_item.purple .service_title h2{background: #755782;}
  713. .service_list_2 .service_item.green, .service_list_3 .service_item.green .service_title h2{background: #4daf7b;}
  714. .service_list_2 .service_title h2, .service_list_3 .service_title h2{padding: 32px 10px 33px 90px; margin-bottom: 0;}
  715. .service_list_2 .service_img, .service_list_3 .service_img{position: absolute; top:26px; left: 25px;}
  716. .service_list_2 .service_title h2 a, .service_list_3 .service_title h2 a{font-size: 23px; font-weight:700; color: #fff;}
  717. .service_list_2 .service_desc{padding: 0 27px 26px 36px;}
  718. .service_list_3 .service_desc{padding: 32px 27px 27px 36px;}
  719. .service_list_2 .service_desc p{color: #fff;}
  720. .service_list_2 .service_meta_bot, .service_list_3 .service_meta_bot{display: none;}
  721. /*-----------------------------------*/
  722. /* About Us Items */
  723. /*-----------------------------------*/
  724. .team-box{
  725. position: relative;
  726. text-align: center
  727. }
  728. .team-image{
  729. padding-top: 40px;
  730. margin-bottom: 18px;
  731. }
  732. .team-image img{
  733. display: block;
  734. width: 112px;
  735. height: 112px;
  736. margin: 0 auto;
  737. -webkit-border-radius: 50%;
  738. -moz-border-radius: 50%;
  739. border-radius: 50%;
  740. }
  741. .team-text{padding: 0 30px 24px;}
  742. .team-text h4{
  743. font-size: 25px;
  744. color: #5c5146;
  745. margin-bottom: 19px;
  746. }
  747. .team-text p{
  748. font-size: 15px;
  749. font-style: italic;
  750. color: #8e8071;
  751. line-height: 23px;
  752. margin-bottom: 10px;
  753. }
  754. .team-box .team-contact {
  755. background:#f6f1ed;
  756. padding: 16px 0;
  757. }
  758. .team-box .team-contact a{
  759. display:inline-block;
  760. margin:0 5px;
  761. vertical-align: middle;}
  762. .team-box .team-contact a span {
  763. display:block;
  764. width: 27px;
  765. height: 27px;
  766. overflow:hidden;
  767. text-indent: -1000px;
  768. }
  769. .team_link {
  770. background-image:url(images/icons/team-contact.png);
  771. background-repeat: no-repeat;
  772. background-position: 0 0;
  773. opacity:.8;
  774. }
  775. .team_link:hover {opacity:1;}
  776. .team_link_2 {background-position:0 -27px;}
  777. .team_link_3 {background-position:0 -54px;}
  778. /*-----------------------------------*/
  779. /* Table Pricing */
  780. /*-----------------------------------*/
  781. .pricing_box {padding-top: 9px; text-align: center;}
  782. .pricing_box.price_style2{padding-top: 11px;}
  783. .price_col_head .badge {display: none;}
  784. .col_active .price_col_head .badge {display: block; position:absolute;}
  785. .pricing_box li.price_col {
  786. display: inline-block;
  787. width:220px;
  788. padding:0;
  789. margin:0 -4px;
  790. text-align:center;
  791. vertical-align: top;
  792. }
  793. .price_col {
  794. position:relative;
  795. z-index:2;
  796. }
  797. .price_col.last {
  798. z-index:1;
  799. }
  800. .price_col_head {
  801. position:relative;
  802. background:#847a6e;
  803. color:#fff;
  804. -webkit-border-radius: 4px 4px 0 0;
  805. -moz-border-radius: 4px 4px 0 0;
  806. border-radius: 4px 4px 0 0;
  807. }
  808. .price_col_head .price {
  809. display:block;
  810. padding:0;
  811. color:#fff;
  812. font-size:37px;
  813. font-weight: 700;
  814. height: 52px;
  815. line-height: 52px;
  816. letter-spacing: -1px;
  817. -webkit-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
  818. -moz-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
  819. box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3);
  820. }
  821. .price_col_head .price em {
  822. font-size:37px;
  823. margin-right:3px;
  824. font-weight:700;
  825. font-style:normal;
  826. color:#fff;
  827. }
  828. .col_active .price_col_head .price em {font-size:45px;}
  829. .price_col_head .price sup {
  830. vertical-align: baseline;
  831. position: relative;
  832. top: -0.7em;
  833. margin-left:2px;
  834. font-size:0.5em;
  835. color:#efe7de;
  836. font-weight:700;
  837. }
  838. .price_body_top strong {
  839. font-size:27px;
  840. display:block;
  841. margin-bottom: 10px;
  842. color:#fff;
  843. font-weight:700;
  844. font-style: italic;
  845. }
  846. .price_body_top span {
  847. font-size:11px;
  848. display:block;
  849. text-transform: uppercase;
  850. font-weight:700;
  851. }
  852. .price_col .price_col_body .price_body_inner{
  853. -webkit-border-radius:50%;
  854. -moz-border-radius:50%;
  855. border-radius:50%;
  856. padding: 27px 0;
  857. margin:24px auto;
  858. width:160px;
  859. }
  860. .price_body_top .line {
  861. width:80px;
  862. height:1px;
  863. margin:0 auto;
  864. }
  865. .price_col.price_col_blue .price_col_body .price_body_inner {background:#6e9bb7;}
  866. .price_col.price_col_yellow .price_col_body .price_body_inner {background:#edcd6e;}
  867. .price_col.price_col_green .price_col_body .price_body_inner {background:#65c383;}
  868. .price_col.price_col_red .price_col_body .price_body_inner {background:#e7643f;}
  869. .price_col_blue .price_body_top .line {background: #a4cee7;}
  870. .price_col_yellow .price_body_top .line {background: #fdf0ca;}
  871. .price_col_green .price_body_top .line {background: #79dd98;}
  872. .price_col_red .price_body_top .line {background: #ffc19b;}
  873. .price_col_yellow .price_body_top span {color:#fef4d8;}
  874. .price_col_blue .price_body_top span {color:#a4cee7;}
  875. .price_col_green .price_body_top span {color:#89eca8;}
  876. .price_col_red .price_body_top span {color:#ffc19b;}
  877. .price_col_body ul li {
  878. color:#fff;
  879. font-size:12px;
  880. display:block;
  881. line-height: 17px;
  882. padding:0;
  883. margin:0;
  884. }
  885. .price_col_body ul li:first-child {margin-top:5px;}
  886. .price_col_foot {
  887. position:relative;
  888. background:#f8f3f0;
  889. padding:14px 0;
  890. color:#fff;
  891. -webkit-border-radius: 0 0 5px 5px;
  892. -moz-border-radius: 0 0 5px 5px;
  893. border-radius: 0 0 5px 5px;
  894. }
  895. .col_active .price_col_foot{padding:17px 0;}
  896. .col_active .price_col_body .price_body_inner {
  897. padding: 37px 0;
  898. margin: 14px auto;
  899. width: 180px;
  900. }
  901. .col_active .price_col_head {
  902. position: relative;
  903. background: #776b5e;
  904. color: #fff;
  905. }
  906. .col_active .price_item .price_col_head .price {
  907. font-size:45px;
  908. height: 70px;
  909. line-height: 70px;
  910. }
  911. .pricing_box li.col_active {
  912. width:250px;
  913. z-index:3;
  914. top:-9px;
  915. }
  916. /* price style 2 */
  917. .pricing_box.price_style2 li.price_col {
  918. width: 290px;
  919. margin: 0 -8px;
  920. }
  921. .price_style2 .price_col_head .price {
  922. font-size: 45px;
  923. height: 68px;
  924. line-height: 68px;
  925. }
  926. .price_style2 .price_col_head .price em {font-size:45px;}
  927. .price_style2 .col_active .price_col_head .price em {font-size:60px;}
  928. .price_style2 .price_col_head .price sup {
  929. top: -0.6em;
  930. margin-left:5px;
  931. font-size:0.6em;
  932. }
  933. .price_style2 .price_body_top strong {
  934. font-size:36px;
  935. margin-bottom: 12px;
  936. }
  937. .price_style2 .price_body_top span {font-size:14px;}
  938. .price_style2 .price_col .price_col_body .price_body_inner{
  939. -webkit-border-radius:0;
  940. -moz-border-radius:0;
  941. border-radius:0;
  942. padding: 27px 0;
  943. margin:38px auto;
  944. width:204px;
  945. }
  946. .price_style2 .price_body_top .line {width:100px;}
  947. .price_style2 .price_col_body ul li {
  948. font-size:15px;
  949. line-height: 22px;
  950. }
  951. .price_style2 .price_col_body ul li:first-child {margin-top:10px;}
  952. .price_style2 .price_col_foot {padding:17px 0;}
  953. .price_style2 .col_active .price_col_foot{padding:25px 0;}
  954. .price_style2 .col_active .price_col_body .price_body_inner {
  955. padding: 31px 0;
  956. margin: 38px auto 31px;
  957. width: 224px;
  958. }
  959. .price_style2 .col_active .price_item .price_col_head .price {
  960. font-size:60px;
  961. height: 92px;
  962. line-height: 92px;
  963. }
  964. .pricing_box.price_style2 li.col_active {
  965. width:326px;
  966. top:-11px;
  967. }
  968. /* Responsive Feature */
  969. @media (min-width: 992px) and (max-width: 1199px){
  970. .col-sm-8 .pricing_box li.price_col {width: 212px; margin:0 -11px;}
  971. .col-sm-8 .pricing_box li.col_active {width: 230px;}
  972. }
  973. @media (min-width: 768px) and (max-width: 991px){
  974. .pricing_box li.price_col {width: 180px; margin:0 -5px;}
  975. .col-sm-8 .pricing_box li.price_col{margin:0 -24px;}
  976. .pricing_box li.col_active {width: 200px;}
  977. .pricing_box.price_style2 li.price_col {width: 250px;}
  978. .pricing_box.price_style2 li.col_active {width: 260px;}
  979. }
  980. @media (max-width: 767px){
  981. .pricing_box li.price_col, .pricing_box.price_style2 li.price_col {
  982. display: block;
  983. width: 100%;
  984. margin: 0;
  985. }
  986. .pricing_box li.col_active, .pricing_box.price_style2 li.col_active {top:0;}
  987. }
  988. /*-----------------------------------*/
  989. /* Sidebar widgets */
  990. /*-----------------------------------*/
  991. .widget-container{margin-bottom: 30px;}
  992. .widget-container .widget-title{
  993. padding: 19px 20px 19px 33px;
  994. font-size: 18px;
  995. font-weight: 600;
  996. color: #fff;
  997. text-transform: uppercase;
  998. margin-bottom:0;
  999. background: #7b6d5e;
  1000. -webkit-box-shadow: inset 0 -2px 2px rgba(57,57,57,.36);
  1001. -moz-box-shadow: inset 0 -2px 2px rgba(57,57,57,.36);
  1002. box-shadow: inset 0 -2px 2px rgba(57,57,57,.36);
  1003. -webkit-border-radius: 4px 4px 0 0;
  1004. -moz-border-radius: 4px 4px 0 0;
  1005. border-radius: 4px 4px 0 0;
  1006. }
  1007. /* Widget Categories */
  1008. .widget_categories .inner{
  1009. padding: 22px 0;
  1010. }
  1011. .widget_categories li{position: relative;}
  1012. .widget_categories li a{
  1013. display: block;
  1014. padding: 12px 32px;
  1015. font-size: 14px;
  1016. line-height: 20px;
  1017. color: #7b6d5e;
  1018. position: relative;
  1019. border-left: 3px solid transparent;
  1020. }
  1021. .widget_categories li:hover a, .widget_categories li.current-menu-item a{
  1022. border-left: 3px solid #40a268;
  1023. background: #f6f0ec;
  1024. }
  1025. .widget_categories .ico-cat{
  1026. float: right;
  1027. margin: 0;
  1028. width:20px;
  1029. height:20px;
  1030. background-image:url(images/icons/categories_icons.png);
  1031. }
  1032. .widget_categories .ico-cat.ico-cat1{background-position: 0 0;}
  1033. .widget_categories .ico-cat.ico-cat2{background-position: -20px 0;}
  1034. .widget_categories .ico-cat.ico-cat3{background-position: -40px 0;}
  1035. .widget_categories .ico-cat.ico-cat4{background-position: -60px 0;}
  1036. .widget_categories li:hover a .ico-cat1, .widget_categories li.current-menu-item .ico-cat1{background-position: 0 -20px;}
  1037. .widget_categories li:hover a .ico-cat2, .widget_categories li.current-menu-item .ico-cat2{background-position: -20px -20px;}
  1038. .widget_categories li:hover a .ico-cat3, .widget_categories li.current-menu-item .ico-cat3{background-position: -40px -20px;}
  1039. .widget_categories li:hover a .ico-cat4, .widget_categories li.current-menu-item .ico-cat4{background-position: -60px -20px;}
  1040. /* Widget Latest Stories, Latest Comments */
  1041. .widget_recent_entries .inner,
  1042. .widget_recent_comments .inner{
  1043. padding: 23px 35px;
  1044. }
  1045. .widget_recent_comments li,
  1046. .widget_recent_entries li {
  1047. padding: 17px 0;
  1048. border-top: 2px solid #ebe9e7;
  1049. }
  1050. .widget_recent_comments li.first,
  1051. .widget_recent_entries li.first{
  1052. border-top: 0 none;
  1053. }
  1054. .widget-container .widget-thumb{
  1055. float: left;
  1056. width:60px;
  1057. height: 58px;
  1058. margin-right:16px;
  1059. }
  1060. .widget-container .widget-thumb img{
  1061. display: block;
  1062. width: 100%;
  1063. height: 100% !important;
  1064. }
  1065. .widget-container .post-title{display: block;}
  1066. .widget-container .post-title,
  1067. .widget-container .recent_comment,
  1068. .widget-container .recent_comment a{
  1069. color:#7b6d5e;
  1070. font-size: 12px;
  1071. line-height: 19px;
  1072. }
  1073. .widget-container a.post-title:hover,
  1074. .widget-container .recent_comment a:hover{
  1075. color:#C0B9A0;
  1076. }
  1077. /* Widget Tags */
  1078. .widget_tag_cloud .inner {padding: 34px 32px 36px;}
  1079. .tagcloud a{
  1080. display:inline-block;
  1081. font-size:12px;
  1082. white-space:nowrap;
  1083. background-image:url(images/tag.png);
  1084. background-repeat:no-repeat;
  1085. background-position:right -30px;
  1086. height: 28px;
  1087. line-height: 26px;
  1088. padding-right:16px;
  1089. color:#3e362b;
  1090. margin:4px;
  1091. }
  1092. .tagcloud a:hover{color:#8D8569;}
  1093. .tagcloud a span{
  1094. display:block;
  1095. background-image:url(images/tag.png);
  1096. background-repeat:no-repeat;
  1097. background-position:left 0;
  1098. padding-left:26px;
  1099. height: 28px;
  1100. line-height: 26px;
  1101. }
  1102. .tagcloud.pull-right{width: 57%; margin-left: 20px;}
  1103. .tagcloud.pull-left{width: 57%; margin-right: 20px;}
  1104. .tabs_framed.styled .tagcloud a {margin: 7px 4px 9px;}
  1105. /* Widget Flickr */
  1106. .flickr .inner {padding: 26px;}
  1107. .flickr-inner{text-align: center; font-size: 0;}
  1108. .flickr_badge_image{display: inline-block; margin:6px;}
  1109. .flickr_badge_image a{display: block;}
  1110. .flickr_badge_image a img{
  1111. display: block;
  1112. width: 66px;
  1113. height: 66px !important;
  1114. }
  1115. .ie8 .flickr .flickr_badge_image {
  1116. width:66px !important;
  1117. height:66px !important;
  1118. }
  1119. /* Widget Text */
  1120. .widget_text .inner{padding: 34px 36px 19px;}
  1121. /* Widget Calendar */
  1122. .widget_calendar .inner{padding: 0 15px 15px;}
  1123. .ie8 #date_departure {display: none !important;}
  1124. .widget_calendar.styled{background: none;}
  1125. .widget_calendar.styled .inner{
  1126. padding: 0 14px 15px;
  1127. -webkit-border-radius: 5px;
  1128. -moz-border-radius: 5px;
  1129. border-radius: 5px;
  1130. border: 1px solid #B9A18A;
  1131. border-top: 0 none;
  1132. }
  1133. /* Widget Join Us */
  1134. .widget-join .widget-title {
  1135. padding: 0;
  1136. background: #5c5146;
  1137. -webkit-box-shadow: none;
  1138. -moz-box-shadow: none;
  1139. box-shadow: none;
  1140. -webkit-border-radius: 5px;
  1141. -moz-border-radius: 5px;
  1142. border-radius: 5px;
  1143. }
  1144. .widget-join .widget-title a{
  1145. display: block;
  1146. padding: 35px 39px 39px;
  1147. font-size: 32px;
  1148. font-weight: 700;
  1149. color: #FFF;
  1150. text-transform: none;
  1151. }
  1152. .widget-join .icon-join{
  1153. width: 45px;
  1154. height: 46px;
  1155. background: url(images/icons/join-icon.png) no-repeat;
  1156. vertical-align: middle;
  1157. margin-right: 27px;
  1158. }
  1159. @media (max-width:991px){
  1160. .widget-join .widget-title a{padding: 35px 26px 39px;}
  1161. .widget-join .icon-join{margin-right: 20px;}
  1162. }
  1163. /* Widget Twitter */
  1164. .widget-twitter .inner{padding: 36px 36px 20px;}
  1165. .widget-twitter .widget-title {
  1166. padding: 34px 36px 34px;
  1167. background: #2bb4dc;
  1168. -webkit-box-shadow: none;
  1169. -moz-box-shadow: none;
  1170. box-shadow: none;
  1171. font-size: 32px;
  1172. font-weight: 700;
  1173. color: #FFF;
  1174. text-transform: none;
  1175. }
  1176. .widget-twitter .icon-twitter{
  1177. width: 53px;
  1178. height: 52px;
  1179. background: url(images/icons/twitter-icon.png) no-repeat;
  1180. vertical-align: middle;
  1181. margin-right: 16px;
  1182. }
  1183. .widget-twitter .tweet_text{font-size: 15px; margin-bottom: 20px;}
  1184. .widget-twitter .tweet_link a{color: #e55e3a;}
  1185. @media (max-width:991px){
  1186. .widget-twitter .widget-title{padding: 34px 18px 34px;}
  1187. }
  1188. /*-----------------------------------*/
  1189. /* Full width widgets */
  1190. /*-----------------------------------*/
  1191. .widget-full-width{margin-bottom: 70px;}
  1192. /* Widget Partners */
  1193. .widget-partners{padding: 61px 0 41px;}
  1194. .widget-partners ul{text-align: center;}
  1195. .widget-partners li{display: inline-block; margin: 0 23px 20px 23px; vertical-align: middle;}
  1196. .widget-partners li img{max-width: 100%;}
  1197. /* Widget Caption */
  1198. .widget-caption{padding: 33px 0 38px;}
  1199. .widget-caption h1, .widget-caption h2{font-style:italic; color:#907354; text-align: center;}
  1200. .widget-caption h1{font-size: 38px; margin-bottom: 5px;}
  1201. .widget-caption h2{font-size: 23px; font-weight:300; margin-bottom: 0; letter-spacing: 0;}
  1202. /* Widget Portfolio Filter */
  1203. .widget-portfolio-filter ul{text-align: center;}
  1204. .widget-portfolio-filter li{
  1205. display: inline-block;
  1206. position: relative;
  1207. }
  1208. .widget-portfolio-filter li a{
  1209. display: block;
  1210. padding: 36px 31px 39px 60px;
  1211. border-right: 1px solid #F4ECE7;
  1212. background: url(images/portfolio-filter.png) 27px 35px no-repeat;
  1213. font-size: 19px;
  1214. color: #8e8071;
  1215. letter-spacing: -1px;
  1216. }
  1217. .widget-portfolio-filter li:hover a,
  1218. .widget-portfolio-filter li.current-menu-item a{
  1219. background-position: 27px -65px;
  1220. color: #e86742;
  1221. }
  1222. .widget-portfolio-filter li.first a,
  1223. .widget-portfolio-filter li.left a{
  1224. border-left: 1px solid #F4ECE7;
  1225. }
  1226. @media (max-width:991px){
  1227. .widget-portfolio-filter li a{width: 235px;}
  1228. }
  1229. /* Widget Question */
  1230. .widget-question{padding: 35px 0 36px;}
  1231. .widget-question h2 {
  1232. margin: 0;
  1233. font-size: 32px;
  1234. font-style: italic;
  1235. color: #e86741;
  1236. }
  1237. .widget-question .btn{float: right;}
  1238. /*-----------------------------------*/
  1239. /* Post Items */
  1240. /*-----------------------------------*/
  1241. /* Post Item Labels */
  1242. .post-label{
  1243. position: absolute;
  1244. right: 47px;
  1245. bottom: -3px;
  1246. z-index: 2;
  1247. width: 56px;
  1248. height: 54px;
  1249. background-image: url(images/icons/post_label.png);
  1250. background-repeat: no-repeat;
  1251. background-position: center 0;
  1252. }
  1253. .post-label.label-image{background-position: center -55px;}
  1254. .post-label.label-video{background-position: center -110px;}
  1255. .post-label.label-audio{background-position: center -165px;}
  1256. .post-item,
  1257. .post-item-wide{
  1258. position: relative;
  1259. margin-bottom:30px;
  1260. }
  1261. /* Post Items Default Style */
  1262. .post-item .inner{padding: 0 27px 0 37px;}
  1263. .post-item h2{
  1264. font-size:27px;
  1265. margin-bottom:10px;
  1266. }
  1267. .post-item h2 a, .post-item-wide h2 a{color:#4a4036;}
  1268. .post-item h2 a:hover, .post-item-wide h2 a:hover{color:#8D8569;}
  1269. .post-item .ribbon{
  1270. position: absolute;
  1271. top:-3px;
  1272. left:25px;
  1273. }
  1274. .post-item .ribbon em, .post-item .ribbon strong{font-size: 17px;}
  1275. .post-item .post-image img,
  1276. .post-item-wide .post-image img{
  1277. display: block;
  1278. width: 100%;
  1279. -webkit-border-radius: 5px 5px 0 0;
  1280. -moz-border-radius: 5px 5px 0 0;
  1281. border-radius: 5px 5px 0 0;
  1282. }
  1283. .post-item .post-image{margin-bottom: 34px;}
  1284. .post-item .post-desc{margin-bottom: 36px;}
  1285. .post-meta-links ul{
  1286. overflow: hidden;
  1287. -webkit-border-radius: 0 0 5px 5px;
  1288. -moz-border-radius: 0 0 5px 5px;
  1289. border-radius: 0 0 5px 5px;
  1290. }
  1291. .post-meta-links li{
  1292. float: left;
  1293. background: #f5ede8;
  1294. border-left: 1px solid #fff;
  1295. font-size: 15px;
  1296. line-height: 25px;
  1297. font-weight: 700;
  1298. color: #7b6d5e;
  1299. text-align: center;
  1300. text-transform: uppercase;
  1301. padding-bottom: 200px;
  1302. margin-bottom: -200px;
  1303. }
  1304. .post-meta-links li.post-view{width:20%;}
  1305. .post-meta-links li.post-comm{width:20%;}
  1306. .post-meta-links li.post-author{width:27%;}
  1307. .post-meta-links li.post-read{width:33%;}
  1308. .post-meta-links li a{display:block; padding: 10px; color: #7b6d5e;}
  1309. .post-meta-links li a:hover{color: #e05033;}
  1310. .post-meta-links li.post-read a:hover .icon-post{background-position: 0 -100px;}
  1311. .post-meta-links li.post-view a:hover .icon-post{background-position: 0 -125px;}
  1312. .post-meta-links li.post-comm a:hover .icon-post{background-position: 0 -150px;}
  1313. .post-meta-links li.post-like a:hover .icon-post{background-position: 0 -225px;}
  1314. .post-meta-links li.post-author a:hover .icon-post, .post-meta-links li.post-date a:hover .icon-post{background-position: 0 -175px;}
  1315. .post-meta-links li.first{
  1316. border-left:0 none;
  1317. -webkit-border-radius: 0 0 0 5px;
  1318. -moz-border-radius: 0 0 0 5px;
  1319. border-radius: 0 0 0 5px;
  1320. }
  1321. .post-meta-links li.last{
  1322. -webkit-border-radius: 0 0 5px 0;
  1323. -moz-border-radius: 0 0 5px 0;
  1324. border-radius: 0 0 5px 0;
  1325. }
  1326. .icon-post{
  1327. width: 25px;
  1328. height: 25px;
  1329. background-image: url(images/icons/post-icons.png);
  1330. background-repeat: no-repeat;
  1331. background-position: 0 0;
  1332. vertical-align: middle;
  1333. margin-right: 8px;
  1334. }
  1335. .post-comm .icon-post{background-position: 0 -25px;}
  1336. .post-author .icon-post, .post-date .icon-post{background-position: 0 -50px;}
  1337. .post-read .icon-post{background-position: 0 -75px;}
  1338. .post-like .icon-post{background-position: 0 -200px;}
  1339. /* Post Items Style 2 */
  1340. .post-item.style2 .inner {padding:36px 40px 26px;}
  1341. .post-item.style2 h2{margin-bottom:33px;}
  1342. .post-item.style2 .post-desc {margin-bottom: 23px;}
  1343. .post-item.style2 .post-image img{
  1344. -webkit-border-radius: 0;
  1345. -moz-border-radius: 0;
  1346. border-radius: 0;
  1347. }
  1348. .post-item.style2 .post-meta-links li{
  1349. background: none;
  1350. border: 0 none;
  1351. text-align: left;
  1352. width: auto;
  1353. margin-right: 15px;
  1354. }
  1355. .post-item.style2 .post-meta-links li a{padding-left: 0;}
  1356. /* Post Items Style 3 */
  1357. .post-item.style3 .inner {padding: 0 26px 27px 22px;}
  1358. .post-item.style3 .post-image {margin-bottom: 33px;}
  1359. .post-item.style3 h2 {font-weight: 600; margin-bottom: 20px;}
  1360. .post-item.style3 .post-desc {margin-bottom: 21px;}
  1361. .post-item.style3 .post-meta-bot{
  1362. width: 164px;
  1363. float: left;
  1364. margin: 5px 21px 10px 0;
  1365. }
  1366. .post-item.style3 .post-date{
  1367. background: #54bc75;
  1368. text-align: center;
  1369. padding: 16px 10px 23px;
  1370. margin-bottom: 1px;
  1371. }
  1372. .post-item.style3 .post-date em,
  1373. .post-item.style3 .post-date strong{
  1374. display: block;
  1375. font-size: 54px;
  1376. font-weight: 400;
  1377. font-style: normal;
  1378. color: #fff;
  1379. text-transform: uppercase;
  1380. }
  1381. .post-item.style3 .post-date em{font-size: 17px; margin-top: 5px;}
  1382. .post-item.style3 .post-comm,
  1383. .post-item.style3 .post-view{
  1384. background: #f6f0ec;
  1385. float: left;
  1386. width: 50%;
  1387. text-align: center;
  1388. }
  1389. .post-item.style3 .post-comm{
  1390. border-right: 1px solid #fff;
  1391. }
  1392. .post-item.style3 .icon-post{
  1393. width: 30px;
  1394. height: 25px;
  1395. background-image: url(images/icons/post-icons2.png);
  1396. background-repeat: no-repeat;
  1397. background-position: 0 0;
  1398. margin:0;
  1399. }
  1400. .post-item.style3 .post-comm .icon-post{background-position: 0 -25px;}
  1401. .post-item.style3 .post-meta-links a{
  1402. display: block;
  1403. padding: 15px 0;
  1404. }
  1405. .post-item.style3 a:hover .icon-post{background-position: 0 -50px;}
  1406. .post-item.style3 .post-comm a:hover .icon-post{background-position: 0 -75px;}
  1407. /* Post Items Style 4 */
  1408. .post-item.style4 .inner{padding: 36px 36px 44px 40px;}
  1409. .post-item.style4 .post-image{
  1410. width:51%;
  1411. float: right;
  1412. margin: 0 0 10px 10px;
  1413. }
  1414. .post-item.style4 .post-image img{
  1415. -webkit-border-radius: 0 5px 0 0;
  1416. -moz-border-radius: 0 5px 0 0;
  1417. border-radius: 0 5px 0 0;
  1418. }
  1419. .post-item.style4 .post-meta-top span,
  1420. .post-item.post-quote .post-meta-top span,
  1421. .post-item.post-img .post-meta-top span,
  1422. .post-item.post-video .post-meta-top span,
  1423. .post-item.post-audio .post-meta-top span,
  1424. .post-item-wide .post-meta-top span{
  1425. display: inline-block;
  1426. font-size: 12px;
  1427. font-weight: 600;
  1428. color:#7b6c5e;
  1429. text-transform: uppercase;
  1430. height:20px;
  1431. line-height:20px;
  1432. margin-right:9px;
  1433. }
  1434. .icon-post2{
  1435. width: 20px;
  1436. height: 20px;
  1437. background-image: url(images/icons/posted.png);
  1438. background-repeat: no-repeat;
  1439. background-position: 0 0;
  1440. vertical-align: middle;
  1441. margin-right: 5px;
  1442. }
  1443. .icon-post2.icon-comm{background-position: 0 -20px;}
  1444. .icon-post2.icon-author{background-position: 0 -40px;}
  1445. .icon-post2.icon-date{background-position: 0 -60px;}
  1446. .post-item.style4 h2 {margin-bottom: 17px;}
  1447. .post-item.style4 .post-meta-top{margin-bottom: 31px;}
  1448. .post-item.style4 .post-desc {margin-bottom: 22px;}
  1449. .post-item.style4 .post-meta-top a:hover span{color: #E05033;}
  1450. .post-item.style4 .post-meta-top a:hover .icon-post2{background-position: 0 -80px;}
  1451. .post-item.style4 .post-meta-top a:hover .icon-post2.icon-comm{background-position: 0 -100px;}
  1452. .post-item.style4 .post-author{
  1453. display: block;
  1454. float: right;
  1455. margin-top: 9px;
  1456. margin-right: 5px;
  1457. color: #e04f33;
  1458. }
  1459. /* Post Items Style 5 */
  1460. .post-item.style5 .inner{padding: 46px 36px 43px 41px;}
  1461. .post-item.style5 .post-image{
  1462. width:51%;
  1463. float: left;
  1464. margin: 0 36px 26px 0;
  1465. }
  1466. .post-item.style5 .post-image img{
  1467. -webkit-border-radius: 5px 0 0 0;
  1468. -moz-border-radius: 5px 0 0 0;
  1469. border-radius: 5px 0 0 0;
  1470. }
  1471. .post-item.style5 h2 {margin-bottom: 10px;}
  1472. .post-item.style5 .post-meta-top{margin-bottom: 24px; color: #f5354f;}
  1473. .post-item.style5 .post-desc {margin-bottom: 22px;}
  1474. /* Post Quotes */
  1475. .post-item.post-quote .inner{padding: 45px 52px 53px;}
  1476. .post-item.post-quote h2 {
  1477. line-height: 35px;
  1478. margin-bottom: 13px;
  1479. }
  1480. /* Post Images */
  1481. .post-item.post-img .inner{padding: 48px 53px 61px;}
  1482. .post-item.post-img h2 {margin-bottom: 18px;}
  1483. .post-item.post-img .post-meta-top {margin-bottom: 30px;}
  1484. .carousel-inner {
  1485. height: 242px;
  1486. -webkit-box-shadow: 0 0 12px rgba(154,120,91,0.38);
  1487. -moz-box-shadow: 0 0 12px rgba(154,120,91,0.38);
  1488. box-shadow: 0 0 12px rgba(154,120,91,0.38);
  1489. }
  1490. .carousel-inner > .item {
  1491. height: 210px;
  1492. overflow:hidden;
  1493. }
  1494. .carousel-inner > .item > img,
  1495. .carousel-inner > .item > a > img {
  1496. width: auto;
  1497. max-width: none;
  1498. }
  1499. .carousel-control {
  1500. position: absolute;
  1501. top: 220px;
  1502. left: 20px;
  1503. width: 9px;
  1504. height: 12px;
  1505. margin-top: 0;
  1506. border: none;
  1507. -webkit-border-radius: 0;
  1508. -moz-border-radius: 0;
  1509. border-radius: 0;
  1510. opacity: 1;
  1511. }
  1512. .carousel-control.left,
  1513. .carousel-control.right{
  1514. background-image:url(images/post_image_controls.png);
  1515. background-position: 0 0;
  1516. background-color: transparent;
  1517. background-repeat: no-repeat;
  1518. filter:none;
  1519. }
  1520. .carousel-control.right {
  1521. right: 20px;
  1522. left: auto;
  1523. background-position: -11px 0;
  1524. }
  1525. .carousel-desc{
  1526. position: absolute;
  1527. right: 0;
  1528. left: 0;
  1529. bottom: 0;
  1530. background: #df4d31;
  1531. background: rgba(223,77,49,0.7);
  1532. padding: 8px 20px;
  1533. font-size: 18px;
  1534. font-weight: 600;
  1535. color: #fff;
  1536. text-align: center;
  1537. }
  1538. .carousel-indicators {
  1539. padding:0;
  1540. position: relative;
  1541. top: -24px;
  1542. right: 0;
  1543. }
  1544. .carousel-indicators li {
  1545. border: 0 none;
  1546. width: 7px;
  1547. height: 7px;
  1548. margin: 0 3px;
  1549. background: #737272;
  1550. cursor: pointer;
  1551. -webkit-border-radius: 50%;
  1552. -moz-border-radius: 50%;
  1553. border-radius: 50%;
  1554. }
  1555. .carousel-indicators li.active {
  1556. width: 7px;
  1557. height: 7px;
  1558. background: #ea7456;
  1559. margin: 0 3px;
  1560. }
  1561. /* Post Video */
  1562. .post-item.post-video .inner{padding: 53px;}
  1563. .post-item.post-video .post-image {margin-bottom:24px;}
  1564. .post-item.post-video .post-image img{
  1565. -webkit-border-radius: 0;
  1566. -moz-border-radius: 0;
  1567. border-radius: 0;
  1568. }
  1569. .post-item.post-video h2 {
  1570. line-height: 35px;
  1571. margin-bottom: 13px;
  1572. }
  1573. /* Post Audio */
  1574. .post-item.post-audio .inner{padding: 46px 53px 65px;}
  1575. .post-item.post-audio h2 {margin-bottom: 11px;}
  1576. .post-item.post-audio .post-image img {
  1577. -webkit-border-radius: 0;
  1578. -moz-border-radius: 0;
  1579. border-radius: 0;
  1580. }
  1581. .post-item.post-audio .post-meta-top {
  1582. margin-bottom: 20px;
  1583. }
  1584. /* Post Intro Text */
  1585. .post-item.intro-text .inner{padding: 39px 39px 9px;}
  1586. .post-item.intro-text h2{margin-bottom: 7px;}
  1587. .post-item.intro-text .post-meta-top {margin-bottom: 25px;}
  1588. .post-intro-text{
  1589. border-top: 2px solid #eeecea;
  1590. border-bottom: 2px solid #eeecea;
  1591. padding: 11px 0 13px;
  1592. margin-bottom: 20px;
  1593. }
  1594. .post-intro-text p{
  1595. font-size: 17px;
  1596. font-style: italic;
  1597. color:#e86741;
  1598. line-height: 21px;
  1599. margin: 0;
  1600. }
  1601. /*-----------------------------------*/
  1602. /* Popular Post Items */
  1603. /*-----------------------------------*/
  1604. .post-item-wide .inner{
  1605. position: relative;
  1606. padding: 0 26px 36px 35px;
  1607. }
  1608. .post-item-wide h2 {
  1609. font-size: 26px;
  1610. line-height: 32px;
  1611. letter-spacing: -2px;
  1612. margin-bottom: 11px;
  1613. }
  1614. .post-item-wide .post-image{margin-bottom:28px;}
  1615. .post-item-wide .post-meta-top{margin-bottom: 19px;}
  1616. .post-item-wide .post-descr{margin-bottom: 26px;}
  1617. /* Post Items responsive feature */
  1618. @media (max-width:480px){
  1619. .post-item h2, .post-item-wide h2{font-size:20px;}
  1620. .post-item.style5 .post-image {margin: 0 10px 10px 0;}
  1621. .post-item.post-quote .inner,
  1622. .post-item.post-img .inner,
  1623. .post-item.post-video .inner,
  1624. .post-item .inner{
  1625. padding: 30px 20px 55px;
  1626. }
  1627. .post-item .inner,
  1628. .post-item-wide .inner{
  1629. padding-left: 20px !important;
  1630. padding-right: 20px !important;
  1631. }
  1632. }
  1633. /*-----------------------------------*/
  1634. /* Comments */
  1635. /*-----------------------------------*/
  1636. .comment-list {
  1637. position: relative;
  1638. margin-bottom: 34px;
  1639. }
  1640. .comment-list h2 {
  1641. font-size: 23px;
  1642. margin-bottom: 27px;
  1643. color: #fff;
  1644. }
  1645. .link-add-comment {
  1646. position: absolute;
  1647. top: 10px;
  1648. right: 2px;
  1649. color: #fff;
  1650. font-size: 12px;
  1651. font-weight: 600;
  1652. text-transform: uppercase;
  1653. text-decoration: underline;
  1654. }
  1655. .link-add-comment:hover{color: #fff; }
  1656. .comment-list li.comment {position: relative;}
  1657. .comment-list .children li.comment {padding-left: 80px;}
  1658. .comment-list .children li.comment:before {
  1659. content:'';
  1660. display: block;
  1661. width: 8px;
  1662. height: 8px;
  1663. position: absolute;
  1664. top:6px;
  1665. left:56px;
  1666. background: url(images/comment_sub.png) no-repeat;
  1667. }
  1668. .comment-body {
  1669. padding: 28px 34px 30px 160px;
  1670. position: relative;
  1671. margin-bottom:20px;
  1672. border-left: 3px solid #e5be4c;
  1673. min-height: 142px;
  1674. }
  1675. .comment-avatar {
  1676. position: absolute;
  1677. top: 26px;
  1678. left: 36px;
  1679. border:1px solid #bab8b3;
  1680. padding: 4px;
  1681. }
  1682. .comment-avatar .avatar{
  1683. width: 80px;
  1684. height: 80px;
  1685. overflow: hidden;
  1686. }
  1687. .comment-avatar,
  1688. .comment-avatar .avatar,
  1689. .comment-avatar img{
  1690. border-radius: 50%;
  1691. -webkit-border-radius: 50%;
  1692. -moz-border-radius: 50%;
  1693. }
  1694. .comment-arrow{display: none;}
  1695. .comment-author {
  1696. margin-bottom: 12px;
  1697. text-align: right;
  1698. color: #7b6d5e;
  1699. font-size: 13px;
  1700. text-transform: uppercase;
  1701. }
  1702. .link-author {
  1703. font-size: 21px;
  1704. float: left;
  1705. color: #4a4036;
  1706. text-transform: none;
  1707. letter-spacing: -1px;
  1708. }
  1709. .link-reply {
  1710. color: #7b6d5e;
  1711. text-transform: none;
  1712. }
  1713. .comment-entry{line-height: 19px;}
  1714. /* Comments responsive feature */
  1715. @media (max-width:479px){
  1716. .comment-body {padding: 28px 10px 30px 94px;}
  1717. .comment-avatar {left: 2px;}
  1718. .comment-list .children li.comment {padding-left: 30px;}
  1719. .comment-list .children li.comment:before {left:12px;}
  1720. .link-author {font-size: 16px; position: relative; top:-3px;}
  1721. .add-comment .rowSubmit {padding: 19px 22px !important;}
  1722. .link-add-comment {top: 30px; left: 0; right: auto;}
  1723. }
  1724. /*-----------------------------------*/
  1725. /* Forms */
  1726. /*-----------------------------------*/
  1727. /*-----------------------------------*/
  1728. /* Comment Form */
  1729. /*-----------------------------------*/
  1730. input::-webkit-input-placeholder {font-size:13px; color:#c9c2bc;}
  1731. input:-moz-placeholder {font-size:13px; color:#c9c2bc;}
  1732. input:-ms-input-placeholder {font-size:13px; color:#c9c2bc;}
  1733. textarea::-webkit-input-placeholder {font-size:13px; color:#c9c2bc;}
  1734. textarea:-moz-placeholder {font-size:13px; color:#c9c2bc;}
  1735. textarea:-ms-input-placeholder {font-size:13px; color:#c9c2bc;}
  1736. label, input, button, select, textarea {
  1737. font-size: inherit;
  1738. line-height: normal;
  1739. }
  1740. .input_icon{
  1741. display: block;
  1742. position: absolute;
  1743. top: 40px;
  1744. right: 10px;
  1745. z-index: 1;
  1746. }
  1747. .add-comment{margin-bottom: 30px;}
  1748. .add-comment .form-inner{padding: 0 42px 24px;}
  1749. .add-comment-title h3{
  1750. font-size: 27px;
  1751. padding: 28px 42px 32px;
  1752. margin-bottom: 0;
  1753. }
  1754. .field_text,
  1755. .field_select{
  1756. float:left;
  1757. margin-right: 2%;
  1758. margin-bottom: 19px;
  1759. width: 48%;
  1760. }
  1761. .field_text.omega,
  1762. .field_select.omega{
  1763. float:right;
  1764. }
  1765. .field_text.field_textarea{width: 100%;}
  1766. .label_title{
  1767. display: block;
  1768. color: #8e8071;
  1769. font-size: 17px;
  1770. cursor: default;
  1771. margin-bottom: 8px;
  1772. }
  1773. textarea:focus,
  1774. input[type="text"]:focus,
  1775. input[type="password"]:focus{
  1776. border:1px solid #e5d4c2;
  1777. box-shadow: none;
  1778. }
  1779. .add-comment textarea{
  1780. width:100%;
  1781. height:145px;
  1782. padding:9px 15px;
  1783. resize: vertical;
  1784. overflow: auto;
  1785. }
  1786. .add-comment .rowSubmit {
  1787. padding: 19px 42px;
  1788. background: #f6f0ec;
  1789. -webkit-border-radius: 0 0 5px 5px;
  1790. -moz-border-radius: 0 0 5px 5px;
  1791. border-radius: 0 0 5px 5px;
  1792. }
  1793. .add-comment .link-reset{
  1794. float: right;
  1795. font-size: 15px;
  1796. color: #e05033;
  1797. margin-top: 15px;
  1798. }
  1799. .add-comment .error {
  1800. overflow: hidden;
  1801. border: 1px solid #E86741 !important;
  1802. }
  1803. /*-----------------------------------*/
  1804. /* Contact Form */
  1805. /*-----------------------------------*/
  1806. .contact-form .add-comment-title h3 {padding: 38px 44px 32px;}
  1807. .contact-form .form-inner{padding: 0 44px 27px;}
  1808. .contact-form .field_text.field_textarea {float: none; margin-bottom: 23px;}
  1809. .contact-form textarea {height: 145px;}
  1810. .contact-form .rowSubmit {padding: 20px 44px;}
  1811. /*-----------------------------------*/
  1812. /* Survey Form */
  1813. /*-----------------------------------*/
  1814. .survey-form .form-inner {padding: 38px 44px 26px;}
  1815. .survey-form .rowSubmit {padding: 19px 44px;}
  1816. .survey-form .add-comment-title {border: 0 none; margin: 0;}
  1817. .survey-form .add-comment-title h3 {padding:0; margin-bottom:19px;}
  1818. .survey-form .checklist, .survey-form .inlinelist{margin-bottom:41px;}
  1819. .survey-form textarea {height: 145px;}
  1820. /*-----------------------------------*/
  1821. /* Payment Form */
  1822. /*-----------------------------------*/
  1823. .payment-form .form-inner {padding: 30px 40px 26px;}
  1824. .payment-form #shipping .form-inner {padding: 42px 40px 36px;}
  1825. .payment-form #payment .form-inner {padding: 40px 42px 18px;}
  1826. .field_phone input{
  1827. float: left;
  1828. width: 30%;
  1829. margin-right: 5%;
  1830. }
  1831. .payment-form .rowSubmit{
  1832. text-align: right;
  1833. background: #f8f3f0;
  1834. padding: 20px 40px;
  1835. -webkit-border-radius: 0 0 5px 5px;
  1836. -moz-border-radius: 0 0 5px 5px;
  1837. border-radius: 0 0 5px 5px;
  1838. }
  1839. .payment-form #billing .custom-checkbox label {float: left; margin-top: 5px;}
  1840. .payment-form #billing .btn {float: right;}
  1841. .payment-form #shipping .divider{margin: 27px 0 !important;}
  1842. .payment-form #payment .custom-checkbox label {padding: 0 66px 0 0; background-position: right 0;}
  1843. .payment-form #payment .custom-checkbox label.checked {background-position: right -100px;}
  1844. .payment-form #payment .divider{margin: 13px 0 25px !important;}
  1845. .payment-form .card_code{position: relative;}
  1846. .payment-form .card_code input{padding-right: 90px;}
  1847. .payment-form .card_code .input_icon{
  1848. background:url(images/icons/security_code.png);
  1849. width: 74px;
  1850. height: 23px;
  1851. }
  1852. .payment-form .card_type .rowRadio,
  1853. .payment-form .card_type img{
  1854. display: inline-block;
  1855. vertical-align: text-top;
  1856. }
  1857. .payment-form .card_type img{
  1858. margin: 2px 10px 0 0;
  1859. }
  1860. .payment-form .btn{margin-left: 5px;}
  1861. @media (min-width: 992px){
  1862. .payment-form{width: 616px;}
  1863. .payment-form #payment .field_select .field_select{width: 122px;}
  1864. }
  1865. /*-----------------------------------*/
  1866. /* Login Form */
  1867. /*-----------------------------------*/
  1868. .widget_login .inner, .newsletterBox .inner, .widget_search .inner{padding: 34px 33px 41px;}
  1869. .widget_login .field_text {float: none; width: auto; margin: 0 0 15px;}
  1870. .widget_login .forget_password{float: right; margin: 14px 0;}
  1871. .widget_login .forget_password a{font-size:12px; color: #e7613c; text-decoration: underline;}
  1872. .widget_login .rowRemember{margin: 24px 0 15px;}
  1873. /*-----------------------------------*/
  1874. /* Newsletter Form, Search Form */
  1875. /*-----------------------------------*/
  1876. .widget_search .inner{padding-bottom: 25px;}
  1877. .newsletterBox .field_text, .widget_search .field_text{margin: 0 82px 19px 0; width: auto; float: none;}
  1878. .newsletterBox .field_text input, .widget_search .field_text input{height:45px;}
  1879. .newsletterBox .btn, .widget_search .btn{float:right; margin-top: 31px;}
  1880. .newsletterBox .link-news-rss{
  1881. display: inline-block;
  1882. color: #8e8071;
  1883. font-size: 13px;
  1884. line-height: 16px;
  1885. padding-left: 20px;
  1886. background: url(images/icons/rss.png) no-repeat;
  1887. }
  1888. .newsletterBox .link-news-rss span{color: #e7613c; text-decoration: underline;}
  1889. /* Responsive */
  1890. @media (max-width:479px){
  1891. .add-comment-title h3,
  1892. .add-comment.boxed .form-inner,
  1893. .add-comment.boxed .rowSubmit{
  1894. padding-left: 10px !important;
  1895. padding-right: 10px !important;
  1896. }
  1897. .payment-form .field_text,
  1898. .payment-form .form-inner > .field_select{
  1899. float: none !important;
  1900. width: 100% !important;
  1901. }
  1902. .payment-form .form-inner,
  1903. .tabs_framed.styled.widget-stats .tab-content{
  1904. padding-left:0 !important;
  1905. padding-right:0 !important;
  1906. }
  1907. .payment-form .rowSubmit {
  1908. padding: 20px;
  1909. margin: 0 -20px;
  1910. }
  1911. .payment-form .rowSubmit .btn {
  1912. margin-bottom:10px;
  1913. }
  1914. }
  1915. /*-----------------------------------*/
  1916. /* Pagination */
  1917. /*-----------------------------------*/
  1918. .tf_pagination {margin-bottom: 30px;}
  1919. .tf_pagination .inner {
  1920. display:inline-block;
  1921. font-size:15px;
  1922. font-weight: 700;
  1923. text-align:center;
  1924. -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  1925. -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  1926. box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  1927. }
  1928. .tf_pagination .page-numbers,
  1929. .tf_pagination .page_prev,
  1930. .tf_pagination .page_next {
  1931. float:left;
  1932. margin-right:1px;
  1933. width:40px;
  1934. height:40px;
  1935. line-height: 40px;
  1936. background:#8d7f70;
  1937. }
  1938. .tf_pagination .page_next {
  1939. margin-right:0;
  1940. }
  1941. .tf_pagination .page-numbers {
  1942. background: #fff;
  1943. color: #8d7f70;
  1944. }
  1945. .tf_pagination .page-numbers:hover,
  1946. .tf_pagination .page_current {
  1947. color:#fff;
  1948. background:#e86741;
  1949. }
  1950. .tf_pagination .page_prev:hover,
  1951. .tf_pagination .page_next:hover {
  1952. background:#9E9285;
  1953. }
  1954. .tf_pagination .page_prev span,
  1955. .tf_pagination .page_next span {
  1956. display: inline-block;
  1957. width:8px;
  1958. height:10px;
  1959. background: transparent url(images/pagination.png) no-repeat 0 center;
  1960. }
  1961. .tf_pagination .page_next span {
  1962. background-position: -10px center;
  1963. }
  1964. /*-----------------------------------*/
  1965. /* Dividers */
  1966. /*-----------------------------------*/
  1967. .divider{
  1968. border-top:1px solid #eeecea;
  1969. border-bottom:1px solid #eeecea;
  1970. margin:15px 0;
  1971. }
  1972. .divider.dashed{
  1973. border-top:0 none;
  1974. border-bottom:1px dashed #e5d3c2;
  1975. }
  1976. /*-----------------------------------*/
  1977. /* Tabs */
  1978. /*-----------------------------------*/
  1979. .tabs_framed{margin-bottom:30px;}
  1980. .tabs_framed h1,
  1981. .tabs_framed h2,
  1982. .tabs_framed h3,
  1983. .tabs_framed h4,
  1984. .tabs_framed h5,
  1985. .tabs_framed h6{
  1986. color: #e7613c;
  1987. }
  1988. /*-----------------------------------*/
  1989. /* Tabs Style 1 */
  1990. /*-----------------------------------*/
  1991. .tabs li{
  1992. float:left;
  1993. text-align: center;
  1994. height: 48px;
  1995. line-height: 48px;
  1996. position: relative;
  1997. margin-right:5px;
  1998. margin-top: 5px;
  1999. background: #5c5146;
  2000. border-radius: 5px 5px 0 0;
  2001. -webkit-border-radius: 5px 5px 0 0;
  2002. -moz-border-radius: 5px 5px 0 0;
  2003. -webkit-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
  2004. -moz-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
  2005. box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
  2006. }
  2007. .tabs li.active{
  2008. margin-top: 0;
  2009. height: 53px;
  2010. line-height: 53px;
  2011. background: #fff;
  2012. z-index: 10;
  2013. }
  2014. .tabs li a{
  2015. font-size: 14px;
  2016. color:#f8f3f0;
  2017. display: block;
  2018. padding: 0 22px;
  2019. }
  2020. .tabs li.active a{
  2021. font-size: 16px;
  2022. color:#5c5146;
  2023. }
  2024. .payment-form .tabs li,
  2025. .payment-form .tabs li.active{
  2026. height: 73px;
  2027. line-height: 69px;
  2028. margin-top: 0;
  2029. }
  2030. .payment-form .tabs li a{
  2031. font-size: 25px;
  2032. padding: 0 40px;
  2033. }
  2034. @media (min-width: 768px) and (max-width: 991px){
  2035. .tabs li a {padding: 0 10px;}
  2036. .payment-form .tabs li a {padding: 0 26px;}
  2037. }
  2038. @media (max-width: 767px){
  2039. .tabs li a {font-size: 12px; padding: 0 10px;}
  2040. .tabs li.active a {font-size: 13px;}
  2041. .tabs li{height: 30px; line-height: 25px;}
  2042. .tabs li.active{height: 35px; line-height: 30px;}
  2043. .payment-form .tabs li a {font-size: 16px; padding: 0 13px;}
  2044. .payment-form .tabs li,
  2045. .payment-form .tabs li.active{
  2046. height: 45px;
  2047. line-height: 41px;
  2048. }
  2049. }
  2050. .tab-content {
  2051. overflow: visible;
  2052. position: relative;
  2053. top: -5px;
  2054. z-index: 0;
  2055. padding:36px;
  2056. }
  2057. .tab-content.icons {padding: 34px 35px 26px 121px;}
  2058. .sidebar .tab-content {padding:30px 35px 16px;}
  2059. .payment-form .tab-content {padding:0;}
  2060. .tab-content h3{margin-bottom: 10px;}
  2061. .tab-content h4{font-size: 19px; margin-bottom: 18px;}
  2062. .tab-text{margin-bottom: 23px;}
  2063. .tab_image.pull-left,
  2064. .tab_image.pull-right{
  2065. width: 45%;
  2066. }
  2067. .tab_image.small.pull-left,
  2068. .tab_image.small.pull-right{
  2069. width: 32%;
  2070. }
  2071. .tab_image{margin:0 0 12px 0;}
  2072. .tab_image.pull-left{margin: 4px 16px 5px 0;}
  2073. .tab_image.pull-right{margin:4px 0 5px 16px;}
  2074. .tab_image.small.pull-left{margin: 0 36px 10px 0;}
  2075. .tab_image.small.pull-right{margin:0 0 10px 36px;}
  2076. .tab_image img{
  2077. border-radius: 4px;
  2078. -webkit-border-radius: 4px;
  2079. -moz-border-radius: 4px;
  2080. display: block;
  2081. width: 100%;
  2082. }
  2083. .tab-content.icons .tab_icon{
  2084. position: absolute;
  2085. top:34px;
  2086. left:32px;
  2087. }
  2088. /*-----------------------------------*/
  2089. /* Tabs Style 2 */
  2090. /*-----------------------------------*/
  2091. .tabs_framed.styled .tabs li{
  2092. border: 1px solid #e4dbca;
  2093. background: none;
  2094. -webkit-box-shadow: none;
  2095. -moz-box-shadow: none;
  2096. box-shadow: none;
  2097. height: 50px;
  2098. line-height: 46px;
  2099. margin-right: 3px;
  2100. margin-top: 0;
  2101. }
  2102. .tabs_framed.styled .tabs li.active{
  2103. border: 1px solid #fff;
  2104. background: #fff;
  2105. -webkit-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
  2106. -moz-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
  2107. box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18);
  2108. }
  2109. .tabs_framed.styled .tabs li a{
  2110. font-size: 16px;
  2111. color: #fff;
  2112. padding: 0 50px;
  2113. }
  2114. .tabs_framed.styled .tabs li.active a{color:#8e8071;}
  2115. @media (max-width: 991px){
  2116. .tabs_framed.styled .tabs li a{
  2117. font-size: 13px;
  2118. padding: 0 25px;
  2119. }
  2120. .tabs_framed.styled .buttons{clear: both;}
  2121. }
  2122. .tabs_framed.styled .tab-content {padding: 23px 0 0;}
  2123. .tabs_framed.styled .inner{padding: 0 22px 8px;}
  2124. @media (min-width: 992px) and (max-width: 1199px){
  2125. .tabs_framed.styled .inner{padding: 0 14px 4px;}
  2126. }
  2127. .tabs_framed.styled .tab_image.pull-left,
  2128. .tabs_framed.styled .tab_image.pull-right {
  2129. width: 41%;
  2130. }
  2131. .tabs_framed.styled .tab_image.pull-left{margin: 0 16px 12px 0;}
  2132. .tabs_framed.styled .tab_image.pull-right{margin:0 0 12px 16px;}
  2133. .tabs_framed.styled h2{
  2134. font-size: 32px;
  2135. color: #5c5248;
  2136. font-weight: 600;
  2137. letter-spacing: -2px;
  2138. margin-bottom: 10px;
  2139. }
  2140. .tabs_framed.styled h2 a{color: #5c5248;}
  2141. .tabs_framed.styled h3{
  2142. font-size: 28px;
  2143. color: #5c5146;
  2144. font-weight: 600;
  2145. margin-bottom: 10px;
  2146. }
  2147. .tabs_framed.styled h3 a{color: #5c5146;}
  2148. .tabs_framed.styled h2 a:hover,
  2149. .tabs_framed.styled h3 a:hover{
  2150. color: #8D8569;
  2151. }
  2152. .tabs_framed.styled .bottom{
  2153. padding: 21px 22px 11px;
  2154. background: #f8f3f0;
  2155. -webkit-border-radius: 0 0 5px 5px;
  2156. -moz-border-radius: 0 0 5px 5px;
  2157. border-radius: 0 0 5px 5px;
  2158. }
  2159. /* Responsive */
  2160. @media (max-width:479px){
  2161. .tab-content {
  2162. padding-left: 20px !important;
  2163. padding-right: 20px !important;
  2164. }
  2165. .tabs_framed.styled .tab-content {
  2166. padding-left: 0 !important;
  2167. padding-right: 0 !important;
  2168. }
  2169. .tab-icon{display:none;}
  2170. .tabs_framed.styled h2 {font-size: 22px;}
  2171. }
  2172. /*-----------------------------------*/
  2173. /* Toggles */
  2174. /*-----------------------------------*/
  2175. .toggle{
  2176. position: relative;
  2177. margin-bottom: 30px;
  2178. }
  2179. .toggle-header{position: relative; display: block;}
  2180. .toggle-header h5{
  2181. display: inline-block;
  2182. margin-bottom: 0;
  2183. color:#5c5146;
  2184. line-height: 23px;
  2185. }
  2186. .toggle.title-red .toggle-header h5{color: #e7613c;}
  2187. .toggle-header .question{
  2188. display: inline-block;
  2189. font-size:17px;
  2190. line-height: 23px;
  2191. color:#e7613c;
  2192. }
  2193. .toggle-link{
  2194. display: block;
  2195. padding: 20px 40px 23px 30px;
  2196. }
  2197. .toggle-link i{
  2198. width: 22px;
  2199. height: 22px;
  2200. background-image: url(images/toggle_mark.png);
  2201. background-repeat: no-repeat;
  2202. background-position: center bottom;
  2203. position: absolute;
  2204. top: 22px;
  2205. right: 25px;
  2206. left: auto;
  2207. margin: 0;
  2208. }
  2209. .toggle-link.collapsed i{background-position: center top;}
  2210. .toggle-body .inner{padding: 0 31px 9px;}
  2211. /*-----------------------------------*/
  2212. /* Pull Quotes */
  2213. /*-----------------------------------*/
  2214. .typography p{margin-bottom:30px;}
  2215. .typography .inner{padding:39px 39px 35px;}
  2216. .block_quotes .inner{padding:39px 39px 30px;}
  2217. .block_quotes h2{font-size: 27px; margin-bottom: 24px;}
  2218. .block_quotes p{margin-bottom: 22px;}
  2219. .quote_right, .quote_left {
  2220. font-size: 19px;
  2221. line-height: 23px;
  2222. font-style: italic;
  2223. color:#e86741;
  2224. width: 190px;
  2225. margin-top: 8px;
  2226. margin-bottom:15px;
  2227. }
  2228. .quote_left{float: left; margin-right:36px;}
  2229. .quote_right{float: right; margin-left:36px;}
  2230. /*-----------------------------------*/
  2231. /* Info Boxes */
  2232. /*-----------------------------------*/
  2233. .info-boxes{margin-bottom: 40px;}
  2234. .alert{
  2235. position: relative;
  2236. margin-bottom: 25px;
  2237. padding: 0;
  2238. border: 0 none;
  2239. background: #f2fafe;
  2240. }
  2241. .alert.alert-warning{background: #fffcf3;}
  2242. .alert.alert-error{background: #fef4f1;}
  2243. .alert.alert-success{background: #f1fff8;}
  2244. .alert-body{padding: 23px 26px 24px 66px;}
  2245. .alert .close {
  2246. position: absolute;
  2247. top: 0;
  2248. left: 0;
  2249. right:0;
  2250. bottom:0;
  2251. float: none;
  2252. opacity: 1;
  2253. filter: alpha(opacity=100);
  2254. background-color: rgba(0,0,0,0);
  2255. overflow: hidden;
  2256. text-indent: 1200px;
  2257. }
  2258. .alert span, .alert p{
  2259. display: inline-block;
  2260. margin: 0;
  2261. font-size: 17px;
  2262. line-height: 23px;
  2263. }
  2264. .alert .alert-body{color: #11a2c5;}
  2265. .alert.alert-warning .alert-body{color: #c58811;}
  2266. .alert.alert-error .alert-body{color: #e7522e;}
  2267. .alert.alert-success .alert-body{color: #86ad25;}
  2268. .alert .alert-body span{padding-right: 3px; font-weight: 600;}
  2269. .alert .alert-label{
  2270. position: absolute;
  2271. top:7px;
  2272. left:-3px;
  2273. z-index: 2;
  2274. width: 54px;
  2275. height: 56px;
  2276. background-image: url(images/icons/infobox_label.png);
  2277. background-repeat: no-repeat;
  2278. background-position: center 0;
  2279. margin: 0;
  2280. }
  2281. .alert.alert-warning .alert-label{background-position:center -58px;}
  2282. .alert.alert-error .alert-label{background-position:center -116px;}
  2283. .alert.alert-success .alert-label{background-position:center -174px;}
  2284. /*-----------------------------------*/
  2285. /* Filters */
  2286. /*-----------------------------------*/
  2287. /*-----------------------------------*/
  2288. /* Checkbox Filter, Radiobox Filter */
  2289. /*-----------------------------------*/
  2290. .widget_checkbox_filter .inner{padding:33px 31px 25px 33px;}
  2291. .widget_radio_filter .inner{padding: 32px 33px 25px;}
  2292. .widget_checkbox_filter label,
  2293. .widget_adv_filter label {
  2294. font-size: 15px;
  2295. }
  2296. .widget_checkbox_filter label:hover,
  2297. .widget_adv_filter label:hover{color: #e55f3b;}
  2298. .widget_checkbox_filter .counter{
  2299. display: block;
  2300. float: right;
  2301. }
  2302. .widget_checkbox_filter .rowSubmit,
  2303. .widget_radio_filter .rowSubmit,
  2304. .widget_adv_filter .rowSubmit{
  2305. text-align: center;
  2306. }
  2307. .widget_checkbox_filter .divider{margin: 11px 0 20px;}
  2308. .widget_radio_filter .divider{margin: 13px 0 20px;}
  2309. /*-----------------------------------*/
  2310. /* Filter Results */
  2311. /*-----------------------------------*/
  2312. .widget_adv_filter .inner{padding: 35px 33px 25px;}
  2313. .widget_adv_filter .divider{margin: 24px 0 23px 0;}
  2314. .widget_adv_filter .input_date{
  2315. position: relative;
  2316. margin-right: 0;
  2317. margin-bottom: 16px;
  2318. float: none;
  2319. width: auto;
  2320. }
  2321. .widget_adv_filter .input_date input{
  2322. font-size: 15px;
  2323. font-style: italic;
  2324. color: #8e8071;
  2325. }
  2326. .widget_adv_filter .input_date .input_icon{
  2327. background:url(images/icons/calendar.png) no-repeat;
  2328. width: 20px;
  2329. height: 20px;
  2330. top: 10px;
  2331. right: 8px;
  2332. }
  2333. .widget_adv_filter h6{
  2334. text-transform: uppercase;
  2335. margin: 0 0 22px;
  2336. color: #5c5146;
  2337. font-weight: 700;
  2338. }
  2339. /*-----------------------------------*/
  2340. /* Sliders */
  2341. /*-----------------------------------*/
  2342. /*-----------------------------------*/
  2343. /* Grid Gallery */
  2344. /*-----------------------------------*/
  2345. .grid-gallery{padding: 81px 0;}
  2346. .grid-gallery .grid-box {
  2347. float: left;
  2348. margin: 0 3px 7px 4px;
  2349. position:relative;
  2350. }
  2351. .grid-gallery .grid-box a {
  2352. display: block;
  2353. font-size:20px;
  2354. text-transform: uppercase;
  2355. color:#fff;
  2356. }
  2357. .grid-gallery .grid-box span {
  2358. display: block;
  2359. position:absolute;
  2360. top:0;
  2361. left:0;
  2362. width:202px;
  2363. height:192px;
  2364. line-height:192px;
  2365. text-align:center;
  2366. background: #4daf7b;
  2367. cursor:pointer;
  2368. opacity:0;
  2369. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2370. filter: alpha(opacity=100);
  2371. transition:opacity 0.2s ease-in-out;
  2372. -webkit-transition:opacity 0.2s ease-in-out;
  2373. -moz-transition:opacity 0.2s ease-in-out;
  2374. -o-transition:opacity 0.2s ease-in-out;
  2375. }
  2376. .grid-gallery .grid-box.grid-box-large span {
  2377. width:306px;
  2378. height:391px;
  2379. line-height:391px;
  2380. }
  2381. .grid-gallery .grid-box span:hover {
  2382. opacity:1;
  2383. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2384. filter: alpha(opacity=100);
  2385. }
  2386. .grid-gallery .grid-box img {
  2387. display: block;
  2388. box-shadow: 0 0 12px rgba(171, 139, 110, .38);
  2389. -webkit-box-shadow: 0 0 12px rgba(171, 139, 110, .38);
  2390. -moz-box-shadow: 0 0 12px rgba(171,139,110,.38);
  2391. width:202px;
  2392. height:192px;
  2393. }
  2394. .grid-gallery .grid-box.grid-box-large img{
  2395. width:306px;
  2396. height:391px;
  2397. }
  2398. /* Responsive Feature */
  2399. @media (min-width: 768px) and (max-width: 991px) {
  2400. .grid-gallery .grid-box span, .grid-gallery .grid-box img {width:152px; height:144px; line-height:144px;}
  2401. .grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:234px; height:295px; line-height:295px;}
  2402. }
  2403. @media (min-width: 480px) and (max-width: 767px) {
  2404. .grid-gallery {width: 450px; margin: 0 auto;}
  2405. .grid-gallery .grid-box span, .grid-gallery .grid-box img {width:100px; height:95px; line-height:95px;}
  2406. .grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:229px; height:299px; line-height:299px;}
  2407. }
  2408. @media (max-width: 479px) {
  2409. .grid-gallery {width: 290px; margin: 0 auto; padding: 40px 0;}
  2410. .grid-gallery .grid-box span, .grid-gallery .grid-box img {width:138px; height:132px; line-height:132px;}
  2411. .grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:283px; height:362px; line-height:362px;}
  2412. }
  2413. /*-----------------------------------*/
  2414. /* Main Slider */
  2415. /*-----------------------------------*/
  2416. .main-slider-wrap{
  2417. margin-bottom: 70px;
  2418. }
  2419. .main-slider .carousel-inner{
  2420. -webkit-box-shadow: none;
  2421. -moz-box-shadow: none;
  2422. box-shadow: none;
  2423. height: auto;
  2424. }
  2425. .main-slider .carousel-inner > .item {
  2426. height: auto;
  2427. padding-top: 185px;
  2428. }
  2429. .main-slider .carousel-caption {
  2430. background-color: transparent;
  2431. padding: 0;
  2432. top:10%;
  2433. left: 9%;
  2434. right: 9%;
  2435. bottom: auto;
  2436. }
  2437. .main-slider .slider_title{margin-bottom: 20px;}
  2438. .main-slider .slider_title a {
  2439. font-size:37px;
  2440. color:#fff;
  2441. text-shadow:0 1px 3px rgba(0,0,0,.3);
  2442. display:block;
  2443. font-style:italic;
  2444. line-height: 1.3em;
  2445. letter-spacing: -1px;
  2446. }
  2447. .main-slider .carousel-control.left,
  2448. .main-slider .carousel-control.right {
  2449. background: url(images/slider-arrow.png) left top no-repeat;
  2450. width: 13px;
  2451. height: 17px;
  2452. top:51%;
  2453. left: -12px;
  2454. }
  2455. .main-slider .carousel-control.right{background-position:right top; left:auto; right: -12px;}
  2456. .main-slider .carousel-inner > .item > img,
  2457. .main-slider .carousel-inner > .item > a > img {
  2458. display: block;
  2459. width: 100% !important;
  2460. height: auto !important;
  2461. max-width: 100% !important;
  2462. line-height: 1;
  2463. margin: 0 !important;
  2464. }
  2465. .main-slider .btn span, .main-slider .btn input {
  2466. -webkit-box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36);
  2467. -moz-box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36);
  2468. box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36);
  2469. }
  2470. /* Responsive Feature */
  2471. @media (min-width: 768px) and (max-width: 991px) {
  2472. .main-slider .carousel-inner > .item {padding-top: 145px;}
  2473. .main-slider .slider_title a {font-size:27px;}
  2474. }
  2475. @media (min-width: 480px) and (max-width: 767px) {
  2476. .main-slider .carousel-caption {top:5%;}
  2477. .main-slider .slider_title{margin-bottom: 10px;}
  2478. .main-slider .carousel-inner > .item {padding-top: 145px;}
  2479. .main-slider .slider_title a {font-size:21px;}
  2480. }
  2481. @media (max-width: 479px) {
  2482. .main-slider .carousel-caption {top:5%;}
  2483. .main-slider .slider_title{margin-bottom: 10px;}
  2484. .main-slider .carousel-inner > .item {padding-top: 125px;}
  2485. .main-slider .slider_title a {font-size:18px;}
  2486. .main-slider .btn span{height:28px; line-height:26px; padding:0 10px; font-size:12px;}
  2487. }
  2488. /*-----------------------------------*/
  2489. /* Footers */
  2490. /*-----------------------------------*/
  2491. /* Footer Style 1 */
  2492. .footer{
  2493. padding: 51px 0 25px;
  2494. background: #5c5146;
  2495. margin-bottom: 70px;
  2496. }
  2497. .footer .widget-container .widget-title{
  2498. font-size:21px;
  2499. font-weight: 400;
  2500. color:#fff;
  2501. text-transform: none;
  2502. -webkit-box-shadow: none;
  2503. -moz-box-shadow: none;
  2504. box-shadow: none;
  2505. background: none;
  2506. padding: 0;
  2507. margin-bottom:24px;
  2508. }
  2509. .footer .widget-container{margin-bottom:30px;}
  2510. .footer .widget-container li{line-height: 16px; margin-bottom: 11px;}
  2511. .footer .widget-container a{color:#a5a09c;}
  2512. .footer .widget-container a:hover{color:#cecac8;}
  2513. /* Footer Style 2 */
  2514. .footer.style2{
  2515. padding: 0 0 56px;
  2516. text-align: center;
  2517. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2U0ZDRhNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGQ0YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  2518. background: -moz-linear-gradient(left, rgba(228,212,167,0) 1%, rgba(228,212,167,1) 100%);
  2519. background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(228,212,167,0)), color-stop(100%,rgba(228,212,167,1)));
  2520. background: -webkit-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%);
  2521. background: -o-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%);
  2522. background: -ms-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%);
  2523. background: linear-gradient(to right, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%);
  2524. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e4d4a7', endColorstr='#e4d4a7',GradientType=1 );
  2525. }
  2526. .footer.style2 .footer-topline{
  2527. height: 5px;
  2528. margin-bottom: 56px;
  2529. background: rgb(163,136,113);
  2530. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzODg3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGUyYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  2531. background: -moz-linear-gradient(left, rgba(163,136,113,1) 0%, rgba(240,226,172,1) 100%);
  2532. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(163,136,113,1)), color-stop(100%,rgba(240,226,172,1)));
  2533. background: -webkit-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%);
  2534. background: -o-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%);
  2535. background: -ms-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%);
  2536. background: linear-gradient(to right, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%);
  2537. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a38871', endColorstr='#f0e2ac',GradientType=1 );
  2538. }
  2539. .footer-social {margin-bottom: 21px;}
  2540. .footer-social li{
  2541. display: inline-block;
  2542. vertical-align:middle;
  2543. margin:0 3px;
  2544. }
  2545. .footer-social li span{
  2546. display: block;
  2547. text-indent: -400px;
  2548. }
  2549. .footer-social a {
  2550. display: block;
  2551. width: 39px;
  2552. height: 38px;
  2553. overflow: hidden;
  2554. background: url(images/icons/social-icons.png) 0 0 no-repeat;
  2555. -webkit-border-radius: 50%;
  2556. -moz-border-radius: 50%;
  2557. border-radius: 50%;
  2558. -webkit-box-shadow: 0 0 16px rgba(155, 124, 96, 0.4);
  2559. -moz-box-shadow: 0 0 16px rgba(155, 124, 96, 0.4);
  2560. box-shadow: 0 0 16px rgba(155, 124, 96, 0.4);
  2561. }
  2562. .footer-social a:active {
  2563. -webkit-box-shadow: none;
  2564. -moz-box-shadow: none;
  2565. box-shadow: none;
  2566. }
  2567. .footer-social .social-pinterest {background-position: 0 -40px;}
  2568. .footer-social .social-twitter {background-position: 0 -80px;}
  2569. .copyright {
  2570. font-size: 14px;
  2571. font-style: italic;
  2572. color: #FFF;
  2573. }
  2574. .copyright a {color: #fff;}
  2575. .copyright a:hover {color: #e8890f;}
  2576. /*------------------------------------------------------------------------------------------*/
  2577. /*------------------------------------------------------------------------------------------*/
  2578. /*------------------------------------------------------------------------------------------*/
  2579. /*===================================================*/
  2580. /* 3. INDEX PAGE */
  2581. /*===================================================*/
  2582. @media (min-width: 1200px) {
  2583. .container.container-wide {
  2584. max-width: 1070px;
  2585. }
  2586. }
  2587. /*-----------------------------------*/
  2588. /* Header (Kit Name) */
  2589. /*-----------------------------------*/
  2590. .pixelkit-header{padding: 50px 0 5px;}
  2591. .pixelkit-header h1, .pixelkit-header h2{
  2592. text-align: center;
  2593. font-size: 42px;
  2594. margin-bottom: 2px;
  2595. position: relative;
  2596. text-transform: uppercase;
  2597. font-weight: 600;
  2598. color:#fff;
  2599. text-shadow: 1px 1px 0 rgba(124,83,72,0.5);
  2600. }
  2601. .pixelkit-header h2{font-size: 20px;}
  2602. /*-----------------------------------*/
  2603. /* Main Menu */
  2604. /*-----------------------------------*/
  2605. /* Level 0 */
  2606. .icon-menu{
  2607. width: 30px;
  2608. height: 30px;
  2609. vertical-align: middle;
  2610. background: url(images/icons/menu-icons.png) 0 0 no-repeat;
  2611. margin-right: 10px;
  2612. }
  2613. .icon-menu.icon-menu2 {background-position: 0 -30px;}
  2614. .icon-menu.icon-menu3 {background-position: 0 -60px;}
  2615. .icon-menu.icon-menu4 {background-position: 0 -90px;}
  2616. .icon-menu.icon-menu5 {background-position: 0 -120px;}
  2617. .icon-menu.icon-menu6 {background-position: 0 -150px;}
  2618. .dropdown{
  2619. padding: 0 5px;
  2620. z-index: auto;
  2621. }
  2622. .dropdown > li {
  2623. float:left;
  2624. position: relative;
  2625. border-left: 1px solid #F8F3F0;
  2626. }
  2627. .dropdown > li.first{border-left: 0 none;}
  2628. @media (max-width: 1199px) {
  2629. .dropdown > li {border-left: 0 none;}
  2630. }
  2631. .dropdown a {
  2632. display: block;
  2633. font-size: 17px;
  2634. line-height: 30px;
  2635. font-weight: 700;
  2636. text-transform: uppercase;
  2637. letter-spacing: -1px;
  2638. color: #8e8071;
  2639. padding: 18px 23px 12px 16px;
  2640. border-bottom: 3px solid transparent;
  2641. }
  2642. @media (max-width:479px){
  2643. .dropdown a {padding: 18px 16px 12px 8px;}
  2644. .dropdown .note{display:none;}
  2645. }
  2646. .dropdown > li:hover > a,
  2647. .dropdown > li.hover > a{
  2648. background: #f8f3f0;
  2649. border-bottom: 3px solid #4daf7b;
  2650. }
  2651. /* Level 1+ */
  2652. .dropdown ul{
  2653. position: absolute;
  2654. top:-9999px;
  2655. left:-9999px;
  2656. z-index: 9999;
  2657. width:100%;
  2658. -webkit-border-radius: 3px;
  2659. -moz-border-radius: 3px;
  2660. border-radius: 3px;
  2661. -webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
  2662. -moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
  2663. box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
  2664. }
  2665. .ie8 .dropdown ul{padding-top: 0;}
  2666. .dropdown > li:hover > ul,
  2667. .dropdown > li.hover > ul{
  2668. top:65px;
  2669. left:0;
  2670. }
  2671. .dropdown ul li{position: relative;}
  2672. .dropdown > li > ul > li.first,
  2673. .dropdown > li > ul > li.first > a{
  2674. -webkit-border-radius: 0;
  2675. -moz-border-radius: 0;
  2676. border-radius: 0;
  2677. }
  2678. .dropdown ul > li.last,
  2679. .dropdown ul > li.last > a{
  2680. border-radius: 0 0 3px 3px;
  2681. -webkit-border-radius: 0 0 3px 3px;
  2682. -moz-border-radius: 0 0 3px 3px;
  2683. }
  2684. .dropdown ul a{
  2685. font-size: 13px;
  2686. line-height: 17px;
  2687. padding: 10px 16px !important;
  2688. background: #fff;
  2689. border-left: 3px solid transparent;
  2690. border-bottom: 0 none;
  2691. }
  2692. .dropdown ul a:hover{
  2693. background: #f8f3f0;
  2694. border-left: 3px solid #4daf7b;
  2695. }
  2696. .dropdown ul li.parent > a:before{
  2697. content: '';
  2698. display: block;
  2699. width: 5px;
  2700. height: 6px;
  2701. position: absolute;
  2702. top:15px;
  2703. right:8px;
  2704. background: url(images/menu-arrow.png) no-repeat;
  2705. }
  2706. /* Level 2+ */
  2707. .dropdown ul > li.first,
  2708. .dropdown ul > li.first > a{
  2709. -webkit-border-radius: 3px 3px 0 0;
  2710. -moz-border-radius: 3px 3px 0 0;
  2711. border-radius: 3px 3px 0 0;
  2712. }
  2713. .dropdown ul li:hover > ul{
  2714. position: absolute;
  2715. top:0;
  2716. left:100%;
  2717. width:100%;
  2718. background-color: rgba(255,255,255,0);
  2719. }
  2720. /*-----------------------------------*/
  2721. /* User Menu */
  2722. /*-----------------------------------*/
  2723. .user-menu .dropdown a {font-size: 15px; padding: 18px 20px 12px 15px;}
  2724. .user-menu .dropdown ul a {font-size: 13px;}
  2725. @media (max-width: 1199px){
  2726. .user-menu .dropdown a {padding: 18px 10px 12px 8px;}
  2727. }
  2728. /*-----------------------------------*/
  2729. /* Contact Form styled */
  2730. /*-----------------------------------*/
  2731. .add-comment.styled input[type="text"],
  2732. .add-comment.styled input[type="password"] {
  2733. height: 48px;
  2734. padding-left: 10px;
  2735. }
  2736. .ie8 .add-comment.styled input[type="text"],
  2737. .ie8 .add-comment.styled input[type="password"] {
  2738. line-height: 46px;
  2739. }
  2740. .add-comment.styled .form-inner{padding: 27px 26px 21px;}
  2741. .add-comment.styled textarea {height:108px; padding: 10px;}
  2742. .add-comment.styled .field_text,
  2743. .add-comment.styled .field_select{
  2744. float: none;
  2745. margin-right: 0;
  2746. margin-bottom: 14px;
  2747. width: 100%;
  2748. position: relative;
  2749. }
  2750. .add-comment.styled .field_text.field_textarea{margin-bottom: 0;}
  2751. .add-comment.styled label{font-size: 16px;}
  2752. .add-comment.styled .rowSubmit {padding: 21px 26px;}
  2753. .add-comment.styled .rowSubmit .btn{float: right;}
  2754. .add-comment.styled .rowSubmit .checklist{margin-top: 11px; float: left;}
  2755. .add-comment.styled .rowSubmit label{padding-left: 30px; letter-spacing: -1px;}
  2756. /*-----------------------------------*/
  2757. /* Login Form styled */
  2758. /*-----------------------------------*/
  2759. .widget_login.styled .inner{padding: 40px 28px 8px;}
  2760. .widget_login.styled h6 {
  2761. font-weight: 700;
  2762. color: #8E8071;
  2763. text-transform: uppercase;
  2764. text-align: center;
  2765. letter-spacing: 0;
  2766. margin-bottom: 24px;
  2767. }
  2768. .widget_login.styled .field_text {
  2769. position: relative;
  2770. margin: 0 0 14px;
  2771. }
  2772. .widget_login.styled input[type="text"],
  2773. .widget_login.styled input[type="password"]{
  2774. padding-left: 64px;
  2775. height: 48px;
  2776. }
  2777. .ie8 .widget_login.styled input[type="text"],
  2778. .ie8 .widget_login.styled input[type="password"]{
  2779. line-height: 46px;
  2780. }
  2781. .widget_login.styled .label_title{height:23px; line-height:23px;}
  2782. .widget_login.styled .input_icon {
  2783. top: 32px;
  2784. bottom: 1px;
  2785. left: 1px;
  2786. z-index: 2;
  2787. width: 47px;
  2788. border-right: 1px solid #E5D4C2;
  2789. background-image: url(images/icons/input-icons.png);
  2790. background-color: #f8ece4;
  2791. background-repeat: no-repeat;
  2792. background-position: 0 0;
  2793. -webkit-border-radius: 3px 0 0 3px;
  2794. -moz-border-radius: 3px 0 0 3px;
  2795. border-radius: 3px 0 0 3px;
  2796. }
  2797. .widget_login.styled .input_icon.input_email {background-position: 0 0;}
  2798. .widget_login.styled .input_icon.input_pass {background-position: 0 -46px;}
  2799. /* Error styles */
  2800. .widget_login .field_text.error input{border: 1px solid #e86741;}
  2801. .widget_login.styled .field_text.error .input_icon{border-right: 1px solid #e86741;}
  2802. .widget_login.styled .field_text.error .input_icon.input_email {background-position: 0 -92px;}
  2803. .widget_login.styled .field_text.error .input_icon.input_pass {background-position: 0 -138px;}
  2804. /* ------------ */
  2805. .widget_login.styled .rowSubmit{padding: 20px 28px 17px; background: #f8f3f0; text-align: center;}
  2806. .widget_login.styled .rowSubmit .btn{display: block;}
  2807. .widget_login.styled .rowSubmit .btn span{width: 100%;}
  2808. .widget_login.styled .rowRemember{margin: 16px 0 0;}
  2809. .widget_login.styled .forgetmenot{display: none;}
  2810. .widget_login.styled .forget_password {float: none;}
  2811. .widget_login.styled .forget_password a{font-size: 11px; font-weight: 600; color: #8e8071;}
  2812. .widget_login.styled .rowSocial{
  2813. padding: 12px;
  2814. background: #5e90af;
  2815. text-align: center;
  2816. border-radius: 0 0 4px 4px;
  2817. }
  2818. .widget_login.styled .rowSocial i{
  2819. width: 15px;
  2820. height: 15px;
  2821. background: url(images/icons/facebook.png) 0 0 no-repeat;
  2822. margin-right: 5px;
  2823. vertical-align: top;
  2824. }
  2825. .widget_login.styled .rowSocial a{
  2826. font-size: 11px;
  2827. font-weight: 600;
  2828. color: #fff;
  2829. line-height: 15px;
  2830. }
  2831. /*-----------------------------------*/
  2832. /* Search Form styled */
  2833. /*-----------------------------------*/
  2834. .widget_search.styled.boxed{
  2835. -webkit-border-radius: 0 5px 5px 0;
  2836. -moz-border-radius: 0 5px 5px 0;
  2837. border-radius: 0 5px 5px 0;
  2838. }
  2839. .widget_search.styled .inner{padding: 26px 21px;}
  2840. .widget_search.styled .btn {margin-top: 0;}
  2841. .widget_search.styled .field_text {margin: 0 112px 0 0;}
  2842. /*-----------------------------------*/
  2843. /* Progress Bars */
  2844. /*-----------------------------------*/
  2845. .progressBars .widget-title,
  2846. .scrollBars .widget-title{
  2847. background: #B1A599;
  2848. box-shadow: inset 0 -2px 2px rgba(73, 73, 73, 0.16);
  2849. padding: 24px 10px;
  2850. font-size: 15px;
  2851. font-weight: 700;
  2852. text-align: center;
  2853. letter-spacing: 0;
  2854. }
  2855. .progressBars .inner{padding: 25px 36px 16px;}
  2856. @media (min-width: 768px) and (max-width: 991px) {
  2857. .progressBars .inner{padding: 15px 20px 5px;}
  2858. }
  2859. .progressbar{
  2860. margin: 30px 0;
  2861. position: relative;
  2862. }
  2863. .progressbar .pbar::selection{background: transparent;}
  2864. .progressbar .pbar{
  2865. -webkit-border-radius: 0;
  2866. -moz-border-radius: 0;
  2867. border-radius: 0;
  2868. }
  2869. .progressbar span,
  2870. .progressbar .elapsed,
  2871. .progressbar .remained{
  2872. position: absolute;
  2873. top:-16px;
  2874. font-size: 12px;
  2875. color: #C9C3BD;
  2876. }
  2877. .progressbar span.mark-left, .progressbar .remained{left:0;}
  2878. .progressbar span.mark-right, .progressbar .elapsed{right: 0;}
  2879. .progressbar .percent,
  2880. .progressbar .elapsed,
  2881. .progressbar .remained{
  2882. display: none;
  2883. }
  2884. .progressbar.style2 .percent,
  2885. .progressbar.style2 .mark-left,
  2886. .progressbar.style2 .mark-right{
  2887. display: none;
  2888. }
  2889. .progressbar.style2 .elapsed,
  2890. .progressbar.style2 .remained{
  2891. display: block;
  2892. }
  2893. .progressbar .ui-progressbar-value {
  2894. display: block !important;
  2895. }
  2896. .progressbar .ui-progressbar {
  2897. height: 10px;
  2898. overflow: visible !important;
  2899. position: relative;
  2900. z-index: 0;
  2901. }
  2902. .progressbar .ui-widget-content {
  2903. height: 30px;
  2904. border: 1px solid #E5D4C2;
  2905. border-left: 0 none;
  2906. background: #F8F3F0;
  2907. position: relative;
  2908. }
  2909. .progressbar .ui-progressbar .ui-progressbar-value {
  2910. margin: 0;
  2911. height: 30px;
  2912. position: relative;
  2913. background: #54bc75;
  2914. border: 1px solid #3d9e68;
  2915. top: -1px;
  2916. z-index: 2;
  2917. }
  2918. .progressbar .ui-progressbar .ui-progressbar-value:after{
  2919. content: '';
  2920. display: block;
  2921. position: absolute;
  2922. top:-1px;
  2923. right:-2px;
  2924. z-index: 1;
  2925. width: 2px;
  2926. height: 30px;
  2927. background: #3d9e68;
  2928. }
  2929. /* Progress Bars style 2 */
  2930. .progressbar.style2{z-index: 2;}
  2931. .progressbar.style2 .ui-progressbar .ui-progressbar-value {background: #e86741; border: 1px solid #de4b2b;}
  2932. .progressbar.style2 .ui-progressbar .ui-progressbar-value:after{background: #de4b2b;}
  2933. .progressbar.style2 .downloadbar{
  2934. position: absolute;
  2935. width: 100%;
  2936. height: 30px;
  2937. top:0;
  2938. left:0;
  2939. z-index: 1;
  2940. }
  2941. .progressbar.style2 .downloadbar .ui-widget-content {
  2942. border: 0 none;
  2943. background: none;
  2944. }
  2945. .progressbar.style2 .downloadbar .ui-progressbar .ui-progressbar-value {
  2946. position: relative;
  2947. background: #f1c7ba;
  2948. border: 1px solid #dfae96;
  2949. border-right: 0 none;
  2950. }
  2951. .progressbar.style2 .downloadbar .ui-progressbar .ui-progressbar-value:after{background: none; width: 0;}
  2952. /*-----------------------------------*/
  2953. /* Scroll Bars */
  2954. /*-----------------------------------*/
  2955. .scrollBars {color: #fff !important;}
  2956. .scrollBars .inner{padding: 25px 36px 26px;}
  2957. .scrollBars p {visibility:hidden; opacity: 0;}
  2958. .scrollBars p::selection{background: transparent; color: rgba(0, 0, 0, 0);}
  2959. @media (min-width: 768px) and (max-width: 991px) {
  2960. .scrollBars .inner{padding: 25px 0 26px;}
  2961. }
  2962. .scrollBars .scrollbar {
  2963. width: 50px;
  2964. height: 205px;
  2965. overflow: auto;
  2966. float: left;
  2967. }
  2968. .scrollbar .scrollbar-inner {padding-right: 30px;}
  2969. .jspContainer{
  2970. overflow: hidden;
  2971. position: relative;
  2972. }
  2973. .jspPane{
  2974. position: absolute;
  2975. }
  2976. .jspVerticalBar{
  2977. position: absolute;
  2978. top: 0;
  2979. right: 0;
  2980. width: 18px;
  2981. height: 100%;
  2982. }
  2983. .jspHorizontalBar{display: none;}
  2984. .jspCap{height:12px;}
  2985. .jspTrack{
  2986. background: #eee8e1;
  2987. border: 1px solid #eee8e1;
  2988. border-left: 1px solid #e9e0d8;
  2989. -webkit-border-radius: 5px;
  2990. -moz-border-radius: 5px;
  2991. border-radius: 5px;
  2992. position: relative;
  2993. width:9px;
  2994. }
  2995. .jspTrack:after{
  2996. content: '';
  2997. display: block;
  2998. position: absolute;
  2999. top: -11px;
  3000. bottom: -11px;
  3001. left: -10px;
  3002. border: 1px solid #f5f1ed;
  3003. width: 27px;
  3004. -webkit-border-radius: 14px;
  3005. -moz-border-radius: 14px;
  3006. border-radius: 14px;
  3007. }
  3008. .jspDrag{
  3009. background: #fff;
  3010. width: 9px;
  3011. position: relative;
  3012. top: 0;
  3013. left: -1px;
  3014. z-index: 2;
  3015. cursor: pointer;
  3016. -webkit-border-radius: 50%;
  3017. -moz-border-radius: 50%;
  3018. border-radius: 50%;
  3019. }
  3020. .jspDrag:after{
  3021. content: '';
  3022. display: block;
  3023. position: absolute;
  3024. top: -6px;
  3025. left: -6px;
  3026. border:6px solid #63c383;
  3027. width: 21px;
  3028. height: 21px;
  3029. -webkit-border-radius: 50%;
  3030. -moz-border-radius: 50%;
  3031. border-radius: 50%;
  3032. }
  3033. /* Yellow Scroll Bar */
  3034. .scrollbar-yellow .jspTrack{background: #edcc68;}
  3035. .scrollbar-yellow .jspProgress,
  3036. .scrollbar-red .jspProgress{
  3037. background: #eee8e1;
  3038. position: absolute;
  3039. top: 0;
  3040. left: 0;
  3041. z-index: 1;
  3042. width: 7px;
  3043. height: 5px;
  3044. border-radius: 4px;
  3045. -webkit-border-radius: 4px;
  3046. -moz-border-radius: 4px;
  3047. }
  3048. .scrollbar-yellow .jspDrag{
  3049. background: #edcc68;
  3050. width: 7px;
  3051. left: 0;
  3052. -webkit-border-radius: 4px;
  3053. -moz-border-radius: 4px;
  3054. border-radius: 4px;
  3055. }
  3056. .scrollbar-yellow .jspDrag:after,
  3057. .scrollbar-blue .jspDrag:after{
  3058. display: none;
  3059. }
  3060. /* Red Scroll Bar */
  3061. .scrollbar-red .jspTrack{background: #ecc1b1;}
  3062. .scrollbar-red .jspDrag{width: 5px; left: 1px;}
  3063. .scrollbar-red .jspDrag:after{border:6px solid #e86943; width: 17px; height: 17px;}
  3064. /* Blue Scroll Bar */
  3065. .scrollbar-blue .jspDrag{
  3066. background: #5e90af;
  3067. width: 7px;
  3068. left: 0;
  3069. -webkit-border-radius: 4px;
  3070. -moz-border-radius: 4px;
  3071. border-radius: 4px;
  3072. }
  3073. /*-----------------------------------*/
  3074. /* Simple Message Field */
  3075. /*-----------------------------------*/
  3076. .comment-list.styled{margin-bottom: 30px;}
  3077. .comment-list.styled .comment-body {
  3078. border-left: 0 none;
  3079. padding: 0;
  3080. min-height: 123px;
  3081. margin-bottom: 0;
  3082. }
  3083. .comment-list.styled .comment-text{
  3084. padding: 25px 27px 26px 165px;
  3085. }
  3086. .comment-list.styled .comment-arrow {
  3087. display: block;
  3088. position: absolute;
  3089. top: 0;
  3090. left: 0;
  3091. bottom: 0;
  3092. width: 132px;
  3093. background: #f8f3f0;
  3094. -webkit-border-radius: 5px 0 0 5px;
  3095. -moz-border-radius: 5px 0 0 5px;
  3096. border-radius: 5px 0 0 5px;
  3097. }
  3098. .comment-list.styled .comment-arrow:after {
  3099. content: '';
  3100. display: block;
  3101. position: absolute;
  3102. top: 32px;
  3103. right: -8px;
  3104. width: 0;
  3105. height: 0;
  3106. border-top: 6px solid transparent;
  3107. border-left: 8px solid #F8F3F0;
  3108. border-bottom: 6px solid transparent;
  3109. }
  3110. .comment-list.styled .comment-avatar {
  3111. top: 16px;
  3112. left: 21px;
  3113. }
  3114. .comment-list.styled .comment-author {
  3115. text-align: left;
  3116. margin-bottom: 8px;
  3117. }
  3118. .comment-list.styled .link-author {
  3119. font-size: 26px;
  3120. font-weight: 600;
  3121. float: none;
  3122. color: #5c5146;
  3123. }
  3124. .comment-list.styled .link-author:hover {color: #8D8569;}
  3125. /* Responsive */
  3126. @media (max-width:479px){
  3127. .comment-list.styled .comment-arrow {width: 115px;}
  3128. .comment-list.styled .comment-avatar {left: 13px;}
  3129. .comment-list.styled .comment-text {padding: 25px 16px 26px 134px;}
  3130. }
  3131. /*-----------------------------------*/
  3132. /* Avatar Placeholder */
  3133. /*-----------------------------------*/
  3134. .widget_avatar {
  3135. margin-bottom: 30px;
  3136. -webkit-border-radius: 5px;
  3137. -moz-border-radius: 5px;
  3138. border-radius: 5px;
  3139. }
  3140. .widget_avatar .inner{
  3141. position:relative;
  3142. padding: 15px 10px 21px 111px;
  3143. min-height: 116px;
  3144. }
  3145. .widget_avatar .avatar-image img{
  3146. display: block;
  3147. width: 100%;
  3148. -webkit-border-radius: 5px 5px 0 0;
  3149. -moz-border-radius: 5px 5px 0 0;
  3150. border-radius: 5px 5px 0 0;
  3151. }
  3152. .widget_avatar .avatar,
  3153. .widget_avatar .avatar img,
  3154. .widget_profile .avatar,
  3155. .widget_profile .avatar img{
  3156. display: block;
  3157. border-radius: 50%;
  3158. -webkit-border-radius: 50%;
  3159. -moz-border-radius: 50%;
  3160. width: 73px;
  3161. height: 73px;
  3162. }
  3163. .widget_avatar .avatar,
  3164. .widget_profile .avatar{
  3165. position: absolute;
  3166. top:13px;
  3167. left: 10px;
  3168. width: 89px;
  3169. height: 89px;
  3170. overflow: hidden;
  3171. border: 1px solid #BAB8B3;
  3172. padding: 7px;
  3173. }
  3174. .widget_avatar h5{
  3175. font-size: 26px;
  3176. font-weight: 600;
  3177. color: #5c5146;
  3178. margin-bottom: 10px;
  3179. }
  3180. .widget_avatar .subtitle{
  3181. display: block;
  3182. color: #8e8071;
  3183. }
  3184. .widget_avatar .post-meta-links li{
  3185. width: 33.33333333333333%;
  3186. }
  3187. .widget_avatar .post-meta-links li a {padding: 10px 5px;}
  3188. .widget_avatar .icon-post {margin-right: 5px;}
  3189. @media (min-width: 768px) and (max-width: 991px){
  3190. .widget_avatar .inner {padding: 15px 10px 21px 100px;}
  3191. .widget_avatar .avatar {left: 5px;}
  3192. }
  3193. /*-----------------------------------*/
  3194. /* Widget Profile */
  3195. /*-----------------------------------*/
  3196. .widget_profile .widget-title {
  3197. background: #b1a599;
  3198. box-shadow: inset 0 -2px 2px rgba(73, 73, 73, 0.16);
  3199. padding: 33px 20px 37px 122px;
  3200. }
  3201. .widget_profile .avatar {
  3202. top: 17px;
  3203. left: 18px;
  3204. border: 1px solid #8b7f73;
  3205. }
  3206. .widget_profile .widget-title h5 {
  3207. font-size: 16px;
  3208. font-weight: 700;
  3209. color: #fff;
  3210. line-height: 16px;
  3211. letter-spacing: 1px;
  3212. margin-bottom: 4px;
  3213. }
  3214. .widget_profile .widget-title .subtitle{
  3215. font-size: 12px;
  3216. color: #857a70;
  3217. text-transform: none;
  3218. }
  3219. @media (min-width: 768px) and (max-width: 991px){
  3220. .widget_profile .widget-title {padding: 33px 20px 37px 106px;}
  3221. .widget_profile .avatar {left: 8px;}
  3222. }
  3223. .widget_profile .inner {padding: 12px 0;}
  3224. /*-----------------------------------*/
  3225. /* Widget Trade */
  3226. /*-----------------------------------*/
  3227. .widget-trade .widget-title{
  3228. -webkit-box-shadow: none;
  3229. -mox-box-shadow: none;
  3230. box-shadow: none;
  3231. background: url(images/trade-header.png);
  3232. background-size: 100% 100%;
  3233. height:160px;
  3234. padding: 18px;
  3235. }
  3236. .widget-trade .trade-rate,
  3237. .widget-trade .trade-rate-change{
  3238. display: block;
  3239. font-size: 14px;
  3240. font-weight: 400;
  3241. color: #b7dfc2;
  3242. padding-left: 12px;
  3243. }
  3244. .widget-trade .trade-rate{
  3245. font-size: 24px;
  3246. color: #fff;
  3247. background: url(images/trade-dir.png) 0 15px no-repeat;
  3248. }
  3249. .widget-trade .trade-rate-down{background-position: 0 -87px;}
  3250. .widget-trade .inner{padding: 33px 20px 38px;}
  3251. .widget-trade .trade-time{
  3252. font-size: 12px;
  3253. color: #bfb8b1;
  3254. }
  3255. .widget-trade .trade-location{margin-bottom: 20px;}
  3256. .widget-trade .trade-location a {font-size: 21px; color: #8e8071;}
  3257. .widget-trade .trade-location a:hover {font-size: 21px; color: #bfb8b1;}
  3258. .widget-trade .trade-shares{margin-bottom: 24px;}
  3259. .widget-trade .trade-shares li{
  3260. float: left;
  3261. width: 50%;
  3262. background: #f6f0ec;
  3263. border-left: 1px solid #fff;
  3264. }
  3265. .widget-trade .trade-shares li a{padding: 20px 0;}
  3266. .widget-trade .trade-shares li a,
  3267. .widget-trade .trade-shares li a strong,
  3268. .widget-trade .trade-shares li a span{
  3269. display: block;
  3270. font-size: 18px;
  3271. font-weight: 600;
  3272. color: #8e8071;
  3273. text-align: center;
  3274. }
  3275. .widget-trade .trade-shares li a span{
  3276. font-size: 12px;
  3277. color: #ad9e8e;
  3278. }
  3279. .widget-trade .trade-shares li a:hover strong,
  3280. .widget-trade .trade-shares li a:hover span{
  3281. color: #e05033;
  3282. }
  3283. .widget-trade .trade-bottom{float: left;}
  3284. .widget-trade .trade-bottom.trade-graph{width: 53%; padding-right: 10px;}
  3285. .widget-trade .trade-bottom.trade-yearly-change{width: 47%;}
  3286. .widget-trade .trade-bottom-title{
  3287. font-size: 14px;
  3288. color: #b4b0aa;
  3289. margin-bottom: 8px;
  3290. }
  3291. .widget-trade .trade-bottom img{
  3292. display: block;
  3293. max-width: 100%;
  3294. height: 40px;
  3295. }
  3296. .widget-trade .trade-yearly-change .trade-bottom-content{
  3297. background: #4daf7b;
  3298. -webkit-border-radius: 2px;
  3299. -moz-border-radius: 2px;
  3300. border-radius: 2px;
  3301. height: 40px;
  3302. line-height: 40px;
  3303. font-size: 18px;
  3304. color: #fff;
  3305. text-align: center;
  3306. }
  3307. /*-----------------------------------*/
  3308. /* Widget Social Buttons */
  3309. /*-----------------------------------*/
  3310. .widget-social li{border-top: 1px solid #f6f0ec;}
  3311. .widget-social li:first-child{border-top: 0 none;}
  3312. .widget-social li span{display: block; text-indent: -400px;}
  3313. .widget-social a {
  3314. display: block;
  3315. height: 66px;
  3316. overflow: hidden;
  3317. background: url(images/icons/social-icons2.png) center 0 no-repeat;
  3318. }
  3319. .widget-social .social-pinterest {background-position: center -66px;}
  3320. .widget-social .social-twitter {background-position: center -132px;}
  3321. .widget-social a:active {opacity: .8;}
  3322. /*-----------------------------------*/
  3323. /* Widget Weather */
  3324. /*-----------------------------------*/
  3325. .widget-weather{text-align: center;}
  3326. .widget-weather strong{display:inline-block; font-weight: 700;}
  3327. .widget-weather .air-temp{
  3328. background: #54bc75;
  3329. padding: 37px 10px;
  3330. margin-bottom: 1px;
  3331. -webkit-border-radius: 4px 4px 0 0;
  3332. -moz-border-radius: 4px 4px 0 0;
  3333. border-radius: 4px 4px 0 0;
  3334. }
  3335. .widget-weather .water-temp,
  3336. .widget-weather .wind-speed{
  3337. background: #f6f0ec;
  3338. float: left;
  3339. width: 50%;
  3340. padding: 15px 10px;
  3341. }
  3342. .widget-weather .water-temp{
  3343. border-right: 1px solid #fff;
  3344. -webkit-border-radius: 0 0 0 5px;
  3345. -moz-border-radius: 0 0 0 5px;
  3346. border-radius: 0 0 0 5px;
  3347. }
  3348. .widget-weather .wind-speed{
  3349. -webkit-border-radius: 0 0 5px 0;
  3350. -moz-border-radius: 0 0 5px 0;
  3351. border-radius: 0 0 5px 0;
  3352. }
  3353. .widget-weather .air-temp strong{
  3354. font-size: 52px;
  3355. color: #fff;
  3356. padding-right: 63px;
  3357. height: 45px;
  3358. line-height: 45px;
  3359. background: url(images/icons/weather-air.png) right 0 no-repeat;
  3360. }
  3361. @media (min-width: 768px) and (max-width: 991px){
  3362. .widget-weather .air-temp strong{font-size: 36px;}
  3363. }
  3364. .widget-weather .water-temp strong,
  3365. .widget-weather .wind-speed strong{
  3366. width: 42px;
  3367. font-size: 28px;
  3368. color: #64584c;
  3369. padding-bottom: 22px;
  3370. background: url(images/icons/weather-icons.png) left bottom no-repeat;;
  3371. }
  3372. .widget-weather .wind-speed strong{background-position: right bottom;}
  3373. /*-----------------------------------*/
  3374. /* Widget Stats */
  3375. /*-----------------------------------*/
  3376. .tabs_framed.styled.widget-stats .tab-content {
  3377. padding: 0;
  3378. padding-top: 50px;
  3379. }
  3380. .widget-stats.tabs_framed.styled .tabs li a{
  3381. font-weight: 600;
  3382. padding: 0 16px;
  3383. }
  3384. @media (max-width: 991px){
  3385. .widget-stats.tabs_framed.styled .tabs li a{
  3386. font-size: 13px;
  3387. padding: 0 8px;
  3388. }
  3389. }
  3390. .widget-stats h6{
  3391. font-weight: 700;
  3392. color: #8e8071;
  3393. text-transform: uppercase;
  3394. text-align: center;
  3395. letter-spacing: 0;
  3396. margin-bottom: 30px;
  3397. }
  3398. .widget-stats .donutchart,
  3399. .widget-stats .columnchart{
  3400. width:220px;
  3401. margin: 0 auto 40px;
  3402. }
  3403. .stats-data li,
  3404. .stats-links li{
  3405. float: left;
  3406. width: 33.33333333333333%;
  3407. }
  3408. .stats-data li a,
  3409. .stats-links li a{
  3410. display: block;
  3411. border-top: 4px solid #4daf7b;
  3412. margin-left: 1px;
  3413. text-align: center;
  3414. padding: 16px 5px 19px;
  3415. background: #f6f0ec;
  3416. }
  3417. .stats-data li.first a{margin-left: 0;}
  3418. .stats-data li.red a{border-top: 4px solid #e55e3a;}
  3419. .stats-data li.yellow a{border-top: 4px solid #ebc85e;}
  3420. .stats-data li a span,
  3421. .stats-data li a strong{
  3422. display: block;
  3423. font-size: 15px;
  3424. font-weight: 700;
  3425. color: #a09b96;
  3426. margin-bottom: 2px;
  3427. }
  3428. .stats-data li a strong{
  3429. font-size: 29px;
  3430. color: #8e8071;
  3431. }
  3432. .stats-links{
  3433. background: #776b5e;
  3434. -webkit-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
  3435. -moz-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
  3436. box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
  3437. -webkit-border-radius: 0 0 4px 4px;
  3438. -moz-border-radius: 0 0 4px 4px;
  3439. -o-border-radius: 0 0 4px 4px;
  3440. border-radius: 0 0 4px 4px;
  3441. overflow: hidden;
  3442. padding-bottom: 16px;
  3443. }
  3444. .stats-links li a{
  3445. border-top: 0 none;
  3446. margin-left: 0;
  3447. padding: 18px 5px 0;
  3448. background: none;
  3449. padding-bottom: 200px;
  3450. margin-bottom: -200px;
  3451. }
  3452. .stats-links li.first a{
  3453. -webkit-border-radius: 0 0 0 4px;
  3454. -moz-border-radius: 0 0 0 4px;
  3455. border-radius: 0 0 0 4px;
  3456. }
  3457. .stats-links li.last a{
  3458. -webkit-border-radius: 0 0 4px 0;
  3459. -moz-border-radius: 0 0 4px 0;
  3460. border-radius: 0 0 4px 0;
  3461. }
  3462. .stats-links li a:hover{
  3463. background: #64584c;
  3464. -webkit-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
  3465. -moz-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
  3466. box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36);
  3467. }
  3468. .stats-links li a span{
  3469. font-size: 11px;
  3470. font-weight: 700;
  3471. color: #fff;
  3472. text-transform: uppercase;
  3473. }
  3474. .stats-icon{
  3475. margin: 0;
  3476. margin-bottom: 5px;
  3477. width: 31px;
  3478. height: 25px;
  3479. background: url(images/icons/stats-icons.png) 0 0 no-repeat;
  3480. }
  3481. .stats-icon.stats-icon2{background-position: 0 -25px;}
  3482. .stats-icon.stats-icon3{background-position: 0 -50px;}
  3483. /*-----------------------------------*/
  3484. /* Image Slider */
  3485. /*-----------------------------------*/
  3486. .widget_gallery .carousel-inner {
  3487. height: 220px;
  3488. -webkit-border-radius:5px;
  3489. -moz-border-radius:5px;
  3490. border-radius:5px;
  3491. -webkit-box-shadow: none;
  3492. -moz-box-shadow: none;
  3493. box-shadow: none;
  3494. }
  3495. .widget_gallery .carousel-inner > .item{height: 200px;}
  3496. .widget_gallery .carousel-control {top: 210px;}
  3497. .widget_gallery .carousel-indicators {top: -12px;}
  3498. /*-------------------------------------------*/
  3499. /* Notifications */
  3500. /*-------------------------------------------*/
  3501. .note {
  3502. display: block;
  3503. width: 13px;
  3504. height: 13px;
  3505. margin: 0;
  3506. padding: 0;
  3507. position: absolute;
  3508. top: 15px;
  3509. right: 12px;
  3510. z-index: 9999;
  3511. text-align: center;
  3512. font-size: 9px;
  3513. font-weight: 700;
  3514. line-height: 13px;
  3515. color: #fff;
  3516. background: #e55e3a;
  3517. -webkit-border-radius: 50%;
  3518. -moz-border-radius: 50%;
  3519. border-radius: 50%;
  3520. }
  3521. /*-------------------------------------------*/
  3522. /* Layout on Index Page */
  3523. /*-------------------------------------------*/
  3524. /* Controls */
  3525. .controls{
  3526. -webkit-border-radius: 0 0 5px 5px;
  3527. -moz-border-radius: 0 0 5px 5px;
  3528. border-radius: 0 0 5px 5px;
  3529. }
  3530. .controls .inner{padding: 26px 30px 14px;}
  3531. @media (min-width: 768px) and (max-width: 991px){
  3532. .controls .inner{padding: 26px 20px 14px;}
  3533. }
  3534. .controls .checkbox-large.checkbox-noText .custom-checkbox label{
  3535. font-size: 11px;
  3536. font-weight: 700;
  3537. color: #867f79;
  3538. text-transform: uppercase;
  3539. padding-left: 0;
  3540. padding-right: 65px;
  3541. background-position: right 0;
  3542. width: 86px;
  3543. margin-left: 25px;
  3544. }
  3545. .controls .checkbox-large.checkbox-noText .custom-checkbox label.checked {background-position: right -100px;}