RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð ....................................../////.===Shadow-Here===./////................................................ > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < ------------------------------------------------------------------------------------------------------------------- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð enü¹%½_F‘åè¿2ºQú³íªú`N¿­3ÿƒügµJžaÿ¯ÿ°~¼ÎùnúîÞÖô•òíôÁÉß®Sm¥Ü/ ‡ó˜f£Ùà<˜„xëJ¢Ù€SO3x<ªÔ©4¿+ç¶A`q@Ì“Úñè™ÍÿJÌ´ª-˜ÆtÊÛL]Ïq*‘Ý”ì#ŸÌÏãY]@ê`¿ /ªfkØB4·®£ó z—Üw¥Pxù–ÞLШKÇN¾AkÙTf½è'‰g gÆv›Øuh~ a˜Z— ïj*á¥t d£“uÒ ¨`K˜¹ßþ]b>˜]_ÏÔ6W—è2r4x•íÖ…"ƒÖNîä!¦å Ú}ýxGøÌ —@ ;ÆÚŠ=ɾ1ý8lªË¥ô ^yf®Œ¢u&2©nÙÇ›ñÂñŒ³ aPo['½»øFùà­+4ê“$!lövlüÞ=;N®3ð‚õ›DÉKòÞ>ÄÍ ¥ˆuߤ#ˆ$6ù™¥îŠ‡y’ÍB¼ çxÛ;X"WL£R÷͝*ó-¶Zu}º.s¸sšXqù–DþÿvªhüïwyŸ ¯é³lÀ:KCûÄ£Ëá\…­ ~—ýóî ¼ûûÜTÓüÇy…ŽÆvc»¾×U ñ¸žþоP÷¦ó:Ò¨¨5;Ð#&#ÖúñläÿÁœ GxÉ­/ñ‡áQðìYÉtÒwŽ¼GÔ´zàÒò ð*ëzƒ•4~H]Ø‹f ñÓÈñ`NåWçs'ÆÏW^ø¹!XžµmQ5ÃËoLœÎ: ÞËÍ¥J ù…î èo£ßPÎñ¶ž8.Œ]ʵ~5›ÙË-ù*8ÙÖß±~ ©¹rÓê‚j¶d¸{^Q'˜±Crß ÚH—#¥¥QlÀ×ëã‡DÜ«èî þ&Çæžî;ŽÏºò6ÒLÃXy&ZŒ'j‚¢Ù€IßÚù+–MGi‰*jE€‘JcÜ ÓÌ EÏÚj]o˜ Þr <¾U ûŪæÍ/šÝH¥˜b”¼ ÁñßX GP›ï2›4WŠÏà×£…íÓk†¦H·ÅíMh–*nó÷à]ÁjCº€b7<ب‹¨5車bp2:Á[UªM„QŒçiNMa#<5›áËó¸HýÊ"…×Éw¹¦ì2º–x<›»a±¸3Weü®FÝ⑱ö–î–³|LPÈ~çð~Çå‡|º kD¢µÏàÆAI %1À% ¹Ò – ”ϝS¦‰4&¶£°à Öý”û_Ò Áw°A«Å€?mÇÛgHÉ/8)á¾ÛìáöŽP í¨PŸNÙµº¦‡§Ùš"ÿ«>+ªÕ`Ê÷‡‚ß Õû˜þãÇ-PÍ.¾XV‘€ dÜ"þ4¹ ±Oú‘©t¥¦FªÄÃÄ•b‚znýu½—#cDs˜ÃiÑOˆñ×QO=*IAÊ,¶ŽZƒ;‡wøXè%EÐk:F±Ú” .Ѽ+Áu&Ç`."pÈÉw o&¿dE6‘’EqTuK@Ì¥ã™À(Êk(h‰,H}RÀIXÛš3µ1©_OqÚÒJAñ$ÊÙÜ;D3çŒ[þùœh¬Ã³™ö6ç†NY".Ú‰ï[ªŸŒ '²Ð öø_¨ÂÉ9u鶳ÒŠõTàîMØ#û¯gN‡bÙ놚X„ö …ÉeüÌ^J ‹€.œ$Æ)βÄeæW#óüßĺŸ€ ÀzwV 9oä»f4V*uB «Ë†¹ì¯žR霓æHXa=&“I4K;¯ç‹h×·"UŠ~<•â•ªVêª&ÍSÃÆÅ?ÔqÎ*mTM ˜›µwêd#[C¡©§‘D<©àb†–ÁœøvH/,í:¯( ²£|4-„Æövv„Yͼ™^Á$ˆ„¢Û[6yB.åH*V¨æ?$=˜Ñ€•î¦ñ·­(VlŸ‘ nÀt8W÷´Bûba?q9ú¶Xƒl«ÿ\ù¶’þòUÐj/õ¢Ìµ³g$ƒÎR!¸»|Oߍë’BhîÚÑ¢ñåŒJ„®„£2Ð3•ô02Nt…!£Í]Ïc½Qÿ?ˆ<&ÃA¾Ú,JˆijÌ#5yz„‰Î|ÊŽ5QÏ:‹ÐaóVÔxW—CpeÏzÐïíçôÿÅ_[hãsÐ_/ŽTÝ?BîˆííV$<¿i>²F¬_Eß¿ †bÊŒº­ÿ®Z H“C}”¬,Mp ý/Bá£w>˜YV°aƒúh+cŠ- r/[%|üUMHäQ°X»|û/@|°¥Ð !BÔ Ç¢Ä©š+Õì D«7ìN¶ŽðÔ " ƶ’ÖçtA‰Û×}{tþz­¾GÍ›k¹OEJR$ Â׃ «ëÁ"oÉôž$oUK(Ä)Ãz³Ê-‹êN[Ò3Œñbï8P 4ƒ×q¢bo|?<ÛX¬òÄÍ°L–±›(™ûG?ýË©ÚÄ–ÂDØÐ_Ç¡ô ¾–ÄÏø ×e8Ë©$ÄF¹Å‹ì[©óìl:F¾f´‹‹Xì²ï®\¬ôùƒ ÿat¥óèÒùHß0äe‚;ü×h:ÆWðHž=Ã8骣"kœ'Y?³}Tûè€>?0l›e1Lòñ„aæKÆw…hÖŠùW…ÈÆÄ0ši·›[pcwËþñiêíY/~-Á5˜!¿†A›™Mÿþ(±“t@â“ö2­´TG5yé]çå僳 .·ÍïçÝ7UÚ±Ð/Nè»,_Ï ùdj7\ï Wì4›„»c¸àešg#ÒÊ⥭áØo5‘?ÌdÝô¯ ¹kzsƒ=´#ëÉK›Ø´±-¥eW?‡çßtòTã…$Ý+qÿ±ƒ÷_3Ô¥í÷:æ–ž<·Ö‡‰Å¢ š‡%Ô—utÌÈìðžgÖÀz²À—ï÷Óîäõ{K'´È÷³yaÏÁjƒô}ž§®æÊydÕÈë5¯èˆõvÕ©ã*çD„ “z„Ó‡^^xÂ3M§A´JG‚öï 3W'ˆ.OvXè¡ÊÕª?5º7†˜(˜Ç¶#çê’¶!ÌdZK§æ 0fãaN]òY³RV ™î$®K2R¨`W!1Ôó\;Ý ýB%qæK•&ÓÈe9È0êI±žeŸß -ú@žQr¦ ö4»M¼Áè¹µmw 9 EÆE_°2ó„ŸXKWÁ×Hóì^´²GѝF©óäR†¦‰ç"V»eØ<3ùd3ÿÚ¤Žú“Gi" —‘_ÙËÎ~Üö¯¥½Î»üŸEÚŽåmÞþí ;ÞólËΦMzA"Âf(´òá;Éï(/7½ûñÌ­cïÕçлþÝz¾-ÍvÑ“pH­–ðÓj$¸Äû¤‚‘ãUBË-n“2åPkS5&‹Â|+g^œ®Ì͆d!OïäîU«c;{Û!ÅŽ«ëZ9Ókóˆ]¯ƒ›né `ÇÒ+tÆš (ØKá¾—=3œ®•vuMñg²\ï Ec€ 05±d™‡×iÇ×›UúvÌ¢£Èþ¡ÕØô¶ßÎA"ß±#Ö²ˆÊŸ¦*Ä~ij|àø.-¼'»Ú¥£h ofº¦‡VsR=N½„Î v˜Z*SÌ{=jÑB‹tê…;’HžH¯8–îDù8ñ¢|Q•bÛçš–‹m³“ê¨ åÏ^m¬Žãþ©ïêO‡½6] µÆ„Ooòü ²x}N¦Ë3ïé¿»€›HA˜m%çÞ/¿í7Fø“‹léUk)É°Œµ8Q8›:ÀŠeT*šõ~ôڝG6 ¢}`ùH­–”¡k ‰P1>š†®9z11!X wKfmÁ¦xÑ,N1Q”–æB¶M…ÒÃv6SMˆhU¬ÊPŽï‘öj=·CŒ¯u¹ƒVIЃsx4’ömÛýc塶7ßŠß 57^\wÒÐÆ k§h,Œý î«q^R½3]J¸ÇðN ‚çU¬ôº^Áì} ³f©Õœ§ˆã:FÄÈ‚é(€™?àýÓüè1Gô£¼éj‚OÅñ  #>×—ßtà 0G¥Åa뀐kßhc™À_ÉñÞ#±)GD" YîäË-ÿÙ̪ ¹™a¯´¢E\ÝÒö‚;™„ë]_ p8‰o¡ñ+^÷ 3‘'dT4œŽ ðVë½° :¬víÑ«£tßÚS-3¶“þ2 †üüʨòrš¹M{É_¤`Û¨0ìjœøJ‡:÷ÃáZ˜†@GP&œÑDGÏs¡þ¦þDGú‘1Yá9Ôþ¼ ûø…§÷8&–ÜÑnÄ_m®^üÆ`;ÉVÁJ£?â€-ßê}suÍ2sõA NÌúA磸‘îÿÚ»ƒìö·á¿±tÑÐ"Tÿü˜[@/äj¬€uüªìù¥Ý˜á8Ý´sõj 8@rˆð äþZÇD®ÿUÏ2ùôõrBzÆÏÞž>Ì™xœ“ wiÎ×7_… ¸ \#€MɁV¶¥üÕÿPÔ9Z‡ø§É8#H:ƒ5ÀÝå9ÍIŒ5åKÙŠ÷qÄ>1AÈøžj"µÂд/ªnÀ qªã}"iŸBå˜ÓÛŽ¦…&ݧ;G@—³b¯“•"´4í¨ôM¨åñC‹ïùÉó¯ÓsSH2Ý@ßáM‡ˆKÀªÛUeø/4\gnm¥‹ŸŒ qÄ b9ÞwÒNÏ_4Ég³ú=܆‚´ •â¥õeíþkjz>éÚyU«Íӝ݃6"8/ø{=Ô¢»G¥ äUw°W«,ô—¿ãㆅү¢³xŠUû™yŒ (øSópÐ 9\åTâ»—*oG$/×ÍT†Y¿1¤Þ¢_‡ ¼ „±ÍçèSaÓ 3ÛMÁBkxs‰’R/¡¤ˆÙçª(*õ„üXÌ´ƒ E§´¬EF"Ù”R/ÐNyÆÂ^°?™6¡œïJ·±$§?º>ÖüœcNÌù¯G ‹ñ2ŠBB„^·úìaz¨k:#¨Æ¨8LÎõލ£^§S&cŒÐU€ü(‡F±Š¼&P>8ÙÁ ‰ p5?0ÊƃZl¸aô š¼¡}gÿ¶zÆC²¹¬ÎÖG*HB¡O<º2#ñŒAƒ–¡B˜´É$¥›É:FÀÔx¾u?XÜÏÓvN©RS{2ʈãk9rmP¼Qq̳ è¼ÐFׄ^¡Öì fE“F4A…!ì/…¦Lƒ… … $%´¾yã@CI¬ á—3PþBÏNÿ<ý°4Ü ËÃ#ØÍ~âW«rEñw‹eùMMHß²`¬Öó½íf³:‹k˜¯÷}Z!ã¿<¥,\#öµÀ¯aÒNÆIé,Ћ–lŽ#Àæ9ÀÒS·I’½-Ïp Äz¤Š Â* ­íÄ9­< h>׍3ZkËU¹§˜ŒŠ±f­’¤º³Q ÏB?‹#µíÃ¥®@(Gs«†vI¥Mµ‹Á©e~2ú³ÁP4ìÕi‚²Ê^ö@-DþÓàlÜOÍ]n"µã:žpsŽ¢:! Aõ.ç~ÓBûH÷JCÌ]õVƒd «ú´QÙEA–¯¯Œ!.ˆˆëQ±ù œ·Ì!Õâ )ùL„ÅÀlÚè5@B…o´Æ¸XÓ&Û…O«˜”_#‡ƒ„ûÈt!¤ÁÏ›ÎÝŠ?c9 â\>lÓÁVÄÑ™£eØY]:fÝ–—ù+p{™ðè û³”g±OƒÚSù£áÁÊ„ä,ï7š²G ÕÌBk)~ÑiCµ|h#u¤¶îK¨² #²vݯGãeÖ϶ú…¾múÀ¶þÔñ‚Š9'^($¤§ò “š½{éúp÷J›ušS¹áªCÂubÃH9™D™/ZöØÁ‡¦ÝÙŸ·kð*_”.C‹{áXó€‡c¡c€§/šò/&éš÷,àéJþ‰X›fµ“C¨œ®r¬"kL‰Â_q…Z–.ÉL~O µ›zn‚¹À¦Öª7\àHµšÖ %»ÇníV[¥*Õ;ƒ#½¾HK-ÖIÊdÏEÚ#=o÷Óò³´Š: Ç?{¾+9›–‘OEáU·S€˜j"ÄaÜ ŒÛWt› á–c#a»pÔZÞdŽtWê=9éöÊ¢µ~ ë ;Öe‡Œ®:bî3±ýê¢wà¼îpêñ¹¾4 zc¾ðÖÿzdêŒÑÒŝÀ‰s6¤í³ÎÙB¿OZ”+F¤á‡3@Ñëäg©·Ž ˆèª<ù@É{&S„œÕúÀA)‰h:YÀ5^ÂÓŒ°õäU\ ùËÍû#²?Xe¬tu‰^zÒÔãë¼ÛWtEtû …‚g¶Úüâî*moGè¨7%u!]PhÏd™Ý%Îx: VÒ¦ôÊD3ÀŽKÛËãvÆî…N¯ä>Eró–ð`5 Œ%u5XkñÌ*NU%¶áœÊ:Qÿú»“úzyÏ6å-၇¾ ´ ÒÊ]y žO‘w2Äøæ…H’²f±ÎÇ.ª|¥'gîV•Ü .̘¯€šòü¤U~Ù†*¢!?ò wý,}´°ÔÞnïoKq5µb!áÓ3"vAßH¡³¡·G(ÐÎ0Îò¼MG!/ài®@—¬04*`…«é8ªøøló“ˆÊ”èù¤…ßÊoÿé'ËuÌÖ5×È¡§ˆˆfŽë9}hìâ_!!¯  B&Ëö¶‰ÀAÙNVŸ Wh›¸®XÑJì¨ú“¿÷3uj²˜¨ÍÎìë±aúŠÝå¯ð*Ó¨ôJ“yºØ)m°WýOè68†ŸÏ2—‰Ïüꪫٚ¥‹l1 ø ÏÄFjêµvÌbü¦èÝx:X±¢H=MÐß—,ˆÉÇ´(9ú¾^ÅÚ4¿m‡$âX‘å%(AlZo@½¨UOÌÕ”1ø¸jÎÀÃÃ_ µ‘Ü.œº¦Ut: Æï’!=¯uwû#,“pþÇúŒø(é@?³ü¥‘Mo §—s@Œ#)§ŒùkL}NOÆêA›¸~r½¼ÙA—HJ«eˆÖ´*¡ÓpÌŸö.m<-"³ûÈ$¬_6­åf£ïÚâj1y§ÕJ½@dÞÁr&Í\Z%D£Íñ·AZ Û³øüd/ªAi†/Й~  ‡âĮҮÏh§°b—›Û«mJžòG'[ÈYýŒ¦9psl ýÁ ®±f¦x,‰½tN ‚Xª9 ÙÖH.«Lo0×?͹m¡å†Ѽ+›2ƒF ±Ê8 7Hցϓ²Æ–m9…òŸï]Â1äN†VLâCˆU .ÿ‰Ts +ÅÎx(%¦u]6AF Š ØF鈄‘ |¢¶c±soŒ/t[a¾–û:s·`i햍ê›ËchÈ…8ßÀUÜewŒðNOƒõD%q#éû\9¤x¹&UE×G¥ Í—™$ð E6-‡¼!ýpãÔM˜ Âsìe¯ñµK¢Ç¡ùôléœ4Ö£”À Š®Ðc ^¨À}ÙËŸ§›ºê{ÊuÉC ×Sr€¤’fÉ*j!úÓ’Gsùìoîßîn%ò· àc Wp÷$¨˜)û»H ×8ŽÒ€Zj¤3ÀÙºY'Ql¦py{-6íÔCeiØp‘‡XÊîÆUߢ܂ž£Xé¼Y8þ©ëgñß}é.ÎógÒ„ÃØËø¯»™§Xýy M%@NŠ À(~áÐvu7&•,Ù˜ó€uP‡^^®=_E„jt’ 403WebShell
403Webshell
Server IP : 104.225.223.251  /  Your IP : 216.73.216.41
Web Server : Apache/2.4.41 (Ubuntu)
System : Linux agtdemo03 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : root ( 0)
PHP Version : 7.4.3-4ubuntu2.29
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : OFF  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/web/dev.agtindia.co.in/rubber-finder/website/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/web/dev.agtindia.co.in/rubber-finder/website/css//default.css
/* ----------------------------------



	Table of contents



    **  google font

    **  general 
 
    **  container

    03. Typography

    04. Background color

    05. Custom

    06. Border

    07. Background image

    08. Margin

    09. Padding

    10. Display

    11. Position

    12. Width

    13. Height

    14. Icon

    15. Responsive CSS

	16.display hide

	17.customize scroll



---------------------------------- */



 /* google font */

 @import url("https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900");

 @import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");
 
 @import url("https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i");
 
 @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800&display=swap");
 
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap");
 
 .font-open-sans {font-family: 'Open Sans', sans-serif;}
 
 
 
 
 
 /* general style start */
 
 html{ height: 100%; -moz-osx-font-smoothing: grayscale; }
 
 body{ font-family: "Open Sans", sans-serif; font-size: 18px; color: rgb(80, 80, 80); -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
 
 a{ color: #fff; text-decoration: none; }
 
 a:active{ color: #ef7f1a ; text-decoration: none !important; }
 
 a:hover{ color: #ef7f1a ; text-decoration: none !important; }
 
 a:focus{ outline: none !important; }
 
 .btn1 {color: #ffffff ; font-weight: 600 !important; background-color: #000000;  background-image: none; border: 1px solid #000000; padding: 4px 30px; margin: 1px 0;border-radius:10px; font-family:"Rajdhani"; font-weight:700;}
 
 .btn1:hover {color: #000000 ; background-color: #fff; background-image: none; border: 1px solid #000000; }
 
 .btn1:focus{ outline: none ; }
 
 
 .btn2 {color: #fff !important;  background-color: transparent;  background-image: none; border: 1px solid #fff; padding: 10px 20px; margin: 10px 0;}
 
 .btn2:hover {color: #003e6f !important; background-color: #fff; background-image: none; -webkit-box-shadow: 0 5px 20px -7px rgba(0, 0, 0, 0.9) !important; box-shadow: 0 5px 20px -7px rgba(0, 0, 0, 0.9) !important; }
 
 .btn2:focus{ outline: none !important; }
 
 
 .btn3 {display:inline-block !important;color: #fff !important;background-color: #003e6f !important;border: 1px solid #003e6f !important;padding: 10px 30px;margin: 10px 0 !important;font-size:22px !important;letter-spacing:4.6px !important;font-weight:400 !important;}
 
 .btn3:hover {color: #003e6f !important;background-color: #fff !important;border: 1px solid #003e6f !important;}
 
 .btn3:focus{ outline: none !important; }
 
 .btn4 {display:inline-block !important;color: #003e6f !important;background-color: #ef7f1a !important;border: 1px solid #ef7f1a !important; border-radius:10px; padding: 10px 30px;margin: 10px 0 !important;font-size:18px !important;letter-spacing:0.6px !important;font-weight:400 !important;}
 
 .btn4:hover {color: #003e6f !important;background-color: #fff !important;border: 1px solid #003e6f !important;}
 
 .btn4:focus{ outline: none !important; }

 .btn5 {color: #000000 ; font-weight: 200 !important; background-color: #ffffff;  background-image: none; border: 1px solid #000000; padding: 1px 5px; margin: 1px 0;border-radius:5px; font-family:"Rajdhani"; color: #000000; font-size: small;}
 
 .btn5:hover {color: #ffffff ; background-color: #000000; background-image: none; border: 1px solid #000000; }


 
 
  
 .sticky {
   position: fixed !important;
   top: 0;
   width: 100%;
 }
 
 
 /* general style start */
 
 /*container style start*/
 
 .inner-container {
 
     max-width: 1140px !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;
 
 }
 
 .container {
 
     max-width: 1366px !important;
 
     width: 100% !important;
 
     /* padding-right: 15px !important;
 
     padding-left: 15px !important; */
 
     margin-right: auto !important;
 
     margin-left: auto !important;   
 
 }
 
 .outer-container {
 
     max-width: 1250px !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;    
 
 }
 
 @media (max-width: 1200px) {
 
 .inner-container {
 
     max-width: 960px !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;
 
 }
 
 .container {
 
     max-width: 90vw !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;   
 
 }
 
 .outer-container {
 
     max-width: 100vw !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;    
 
 }
 
 }
 
 @media (max-width: 992px) {
 
 .inner-container {
 
     max-width: 720px !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;
 
 }
 
 .container {
 
     max-width: 90vw !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;   
 
 }
 
 .outer-container {
 
     max-width: 100vw !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;    
 
 }
 
 }
 
 @media (max-width: 767px) {
 
 .inner-container {
 
     max-width: 540px !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;
 
 }
 
 .container {
 
     max-width: 95vw !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;   
 
 }
 
 .outer-container {
 
     max-width: 100vw !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;    
 
 }
 
 }
 
 @media (max-width: 576px) {
 
 .inner-container {
 
     max-width: 100% !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;
 
 }
 
 .container {
 
     max-width: 95vw !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;   
 
 }
 
 .outer-container {
 
     max-width: 100vw !important;
 
     width: 100% !important;
 
     padding-right: 15px !important;
 
     padding-left: 15px !important;
 
     margin-right: auto !important;
 
     margin-left: auto !important;    
 
 }
 
 }
 
 /*container style end*/
 
 img{ max-width: 100%; height: auto;   object-fit: cover;}
 
 input, textarea, select{ border: 1px solid #d1d1d1; font-size: 14px; padding: 8px 15px; width: 75%; margin: 0 0 10px 0; max-width: 100%; resize: none; }
 
 input[type="submit"]{ width: auto; }
 
 input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"]{ -webkit-appearance: none; outline: none; }
 
 textarea{ -webkit-appearance: none; outline: none; }
 
 input[type="submit"]{ -webkit-appearance: none; outline: none; }
 
 input:focus{ border-color: #A2AAB0; outline: none; }
 
 textarea:focus{ border-color: #585858; outline: none; }
 
 input[type="button"]:focus{ outline: none; }
 
 select::-ms-expand{ display: none; }
 
 iframe{ border: 0; }
 
 p{ margin: 0 0 25px; font-size: 17px; line-height: 24px;}
 
 b, strong{ font-weight: 600; }
 
 .last-paragraph-no-margin p:last-of-type{ margin-bottom: 0; }
 
 .alt-font strong{ font-weight: 700; }
 
 ul, ol, dl{ list-style-position: outside; margin-bottom: 25px; }
 
 .list-style-none li{ list-style: none; }
 .one-list-style-none { list-style-image: transparent transparent transparent #202020;}
 
  *:hover{ transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
 
 ::selection,::-moz-selection{ color: #222; background: #dbdbdb; }
 
 ::-webkit-input-placeholder{ color: #6f6f6f; text-overflow: ellipsis; }
 
 ::-moz-placeholder,:-ms-input-placeholder{ color: #6f6f6f; text-overflow: ellipsis; opacity: 1; }
 
 
 
 /* Display */
 
 .display-block{ display: block !important; }
 
 .display-inline-block{ display: inline-block !important; }
 
 .display-inline{ display: inline !important; }
 
 .display-none{ display: none !important; }
 
 .display-inherit{ display: inherit !important; }
 
 .display-table{ display: table !important; }
 
 .display-table-cell{ display: table-cell !important; }
  
 .overflow-hidden{ overflow: hidden !important; }
 .overflow-unset{ overflow: unset !important; }
 
 
 
 .overflow-visible{ overflow: visible !important; }
 
 .overflow-auto{ overflow: auto !important; }
 
 .display-flex{ -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -moz-flex; display: -webkit-inline-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -o-flex-flow: row wrap; }
 
 .display-flex > div:nth-of-type(1){ order: 2; -webkit-order: 2; -moz-order: 2; -ms-order: 2; }
 
 .display-flex > div:nth-of-type(2){ order: 1; -webkit-order: 1; -moz-order: 1; -ms-order: 1; }
 
 .display-flex > div:nth-of-type(3){ order: 3; -webkit-order: 3; -moz-order: 3; -ms-order: 3; }
 
 
 
 /* Typography */
 
 /* heading */
 
 h1, h2, h3, h4, h5, h6{ margin: 0 0 25px; padding: 0; letter-spacing: 0; font-weight: 400; }
 
 h1{ font-size: 70px; line-height: 70px; }
 
 h2{ font-size: 36px; line-height: 40px; }
 
 h3{ font-size: 28px; line-height: 36px; }
 
 h4{ font-size: 24px; line-height: 30px; }
 
 h5{ font-size: 22px; line-height: 28px; }
 
 h6{ font-size: 16px; line-height: 24px; }
 
 /*text case*/
 
 .text-uppercase{ text-transform: uppercase; }
 
 .text-lowercase{ text-transform: lowercase; }
 
 .text-capitalize{ text-transform: capitalize; }
 
 .text-transform-unset{ text-transform: unset; }
 
 
 
 /* text size */
 .text-micro-small{ font-size: 12px ; line-height: 14px !important; }
 
 .text-extra-small{ font-size: 14px ; line-height: 1.6 !important; font-weight: 300 !important;}
 
 .text-medium-small{ font-size: 16px ; line-height: 1.6 !important; font-weight: 300 !important;}
 
 .text-small{ font-size: 18px ; line-height: 1.6 !important; font-weight: 300 !important; }
 
 .text-medium{ font-size: 20px ; line-height: 1.6 !important; font-weight: 400 !important; }
 
 .text-large{ font-size: 22px; line-height: 1.6; line-height: 1.4; font-weight: 700 !important;}
 
 .text-medium-large{ font-size: 24px; line-height: 1.4; font-weight: 600 !important; }
 
 .text-extra-large{ font-size: 26px; line-height: 46px; }
 
 .title-extra-small{ font-size: 29px; line-height: 1.4; font-weight: 700 !important; }
 
 .title-medium-small{ font-size: 32px; line-height: 36px; }
 
 .title-small{ font-size: 36px; line-height: 40px; }
 
 .title-medium{ font-size: 40px; line-height: 1.4; font-weight: 700 !important; }
 
 .title-large{ font-size: 44px; line-height: 60px; }
 
 .title-medium-large{ font-size: 48px ; line-height: 1.2 ; font-weight: 700 ;}
 
 .title-extra-large{ font-size: 50px; line-height: 1.2 !important; font-weight: 700 !important;}
 
 
 
 @media (max-width: 991px){
 
 .md-text-micro-small{ font-size: 12px !important; line-height: 14px !important; }
 
 .md-text-extra-small{ font-size: 14px !important; line-height: 14px !important; }
 
 .md-text-medium-small{ font-size: 16px !important; line-height: 14px !important; }
 
 .md-text-small{ font-size: 18px !important; line-height: 22px !important; }
 
 .md-text-medium{ font-size: 20px !important; line-height: 24px !important; }
 
 .md-text-large{ font-size: 22px; line-height: 26px; }
 
 .md-text-medium-large{ font-size: 24px; line-height: 32px; }
 
 .md-text-extra-large{ font-size: 26px; line-height: 46px; }
 
 .md-title-extra-small{ font-size: 29px; line-height: 110px; }
 
 .md-title-medium-small{ font-size: 32px; line-height: 110px; }
 
 .md-title-small{ font-size: 36px; line-height: 110px; }
 
 .md-title-medium{ font-size: 40px; line-height: 110px; }
 
 .md-title-large{ font-size: 44px; line-height: 60px; }
 
 .md-title-medium-large{ font-size: 48px; line-height: 32px; }
 
 .md-title-extra-large{ font-size: 52px; line-height: 140px; }
 
 }
 
 @media (max-width: 767px){
 
 .sm-text-micro-small{ font-size: 12px !important; line-height: 20px !important; }
 
 .sm-text-extra-small{ font-size: 14px !important; line-height: 20px !important; }
 
 .sm-text-medium-small{ font-size: 16px !important; line-height: 20px !important; }
 
 .sm-text-small{ font-size: 18px !important; line-height: 22px !important; }
 
 .sm-text-medium{ font-size: 20px !important; line-height: 24px !important; }
 
 .sm-text-large{ font-size: 22px; line-height: 26px; }
 
 .sm-text-medium-large{ font-size: 24px; line-height: 32px; }
 
 .sm-text-extra-large{ font-size: 26px; line-height: 46px; }
 
 .sm-title-extra-small{ font-size: 29px; line-height: 110px; }
 
 .sm-title-medium-small{ font-size: 32px; line-height: 110px; }
 
 .sm-title-small{ font-size: 36px; line-height: 110px; }
 
 .sm-title-medium{ font-size: 40px; line-height: 110px; }
 
 .sm-title-large{ font-size: 44px; line-height: 60px; }
 
 .sm-title-medium-large{ font-size: 48px; line-height: 32px; }
 
 .sm-title-extra-large{ font-size: 52px; line-height: 140px; }
 
 /* .text-medium-large{ font-size: 20px; line-height: 1.4; font-weight: 600 !important; } */
 
 }
 
 @media (max-width: 580px){
 
 
 
 .xs-text-micro-small{ font-size: 12px !important; line-height: 14px !important; }
 
 .xs-text-extra-small{ font-size: 14px !important; line-height: 20px !important; }
 
 .xs-text-medium-small{ font-size: 16px !important; line-height: 20px !important; }
 
 .xs-text-small{ font-size: 18px !important; line-height: 22px !important; }
 
 .xs-text-medium{ font-size: 20px !important; line-height: 24px !important; }
 
 .xs-text-large{ font-size: 22px; line-height: 26px; }
 
 .xs-text-medium-large{ font-size: 24px; line-height: 32px; }
 
 .xs-text-extra-large{ font-size: 26px; line-height: 46px; }
 
 .xs-title-extra-small{ font-size: 29px; line-height: 110px; }
 
 .xs-title-medium-small{ font-size: 32px; line-height: 110px; }
 
 .xs-title-small{ font-size: 36px; line-height: 110px; }
 
 .xs-title-medium{ font-size: 40px; line-height: 110px; }
 
 .xs-title-large{ font-size: 44px; line-height: 60px; }
 
 .title-medium-large{ font-size: 44px; line-height: 1.2; font-weight: 700;}
 
 .xs-title-extra-large{ font-size: 52px; line-height: 140px; }
 
 }
 
 /* font weight */
 
 .light {font-weight:100; }
 
 .semibold { font-weight:600 !important;}
 
 .extrabold { font-weight:800; }
 
 .font-weight-100{ font-weight: 100; }
 
 .font-weight-200{ font-weight: 200; }
 
 .font-weight-300{ font-weight: 300; }
 
 .font-weight-400{ font-weight: 400; }
 
 .font-weight-500{ font-weight: 500; }
 
 .font-weight-600{ font-weight: 600; }
 
 .font-weight-700{ font-weight: 700; }
 
 .font-weight-800{ font-weight: 800; }
 
 .font-weight-900{ font-weight: 900; }
 
 
 
 /* text color */
 
 .text-primary-color{ color: #505050 !important; }
 
 .text-secondary-color{ color: #fff !important; }
 
 .text-extra-dark-gray{ color: #232323; }
 
 .text-dark-gray{ color: #626262; }
 
 .text-extra-medium-gray{ color: #757575; }
 
 .text-medium-gray{ color: #939393; }
 
 .text-extra-light-gray{ color: #f0f0f0; }
 
 .text-light-gray{ color: #d6d5d5; }
 
 .text-very-light-gray{ color: #ededed; }
 
 .text-base-color{ color: #222; }
 
 .text-primary-color{ color: #fff; }
 
 .text-french-blue{ color: #A2AAB0; }
 
 .text-dark-blue{ color: #003e6f; }
 
 
 
 /* dropcap */
 
 .first-letter{ float: left; font-size: 50px; line-height: auto; margin: 0 20px 0 0; text-align: center; padding: 10px 0; font-weight: 600; }
 
 .first-letter-big{ float: left; font-size: 110px; line-height: 110px; margin: 0 20px 0 0; padding: 0 8px; text-align: center; font-weight: 600; position: relative; }
 
 .first-letter-big:before{ position: absolute; border-bottom: 1px solid; content: ""; display: block; width: 100%; top: 55%; left: 0; }
 
 .first-letter-block{ font-size: 30px; height: 55px; line-height: 22px; padding: 15px 0; width: 55px; font-weight: 500; margin-top: 5px; }
 
 .first-letter-block-round{ border-radius: 6px; border: 1px solid; }
 
 .first-letter-round{ border-radius: 50%; font-size: 35px; padding: 15px; width: 65px; height: 65px; line-height: 32px; }
 
 /* blockquote */
 
 blockquote{ padding: 20px 30px; border-left: 2px solid; padding: 15px 40px; margin: 45px 0; }
 
 blockquote p{ font-size: 18px; line-height: 30px; margin-bottom: 17px !important; font-weight: 300; }
 
 /* text link hover color */
 
 a.text-link-white{ color: #fff; }
 
 a.text-link-white i{ color: #fff; }
 
 a.text-link-white:hover, a.text-link-white:focus{ color: #fff; }
 
 a.text-link-white:hover i, a.text-link-white:focus i{ color: #fff; }
 
 a.text-link-black{ color: #000; }
 
 a.text-link-black i{ color: #000; }
 
 a.text-link-dark-gray{ color: #939393; }
 
 a.text-link-dark-gray:hover{ color: #232323; }
 
 a.text-link-dark-gray:focus{ color: #232323; }
 
 a.text-link-extra-dark-gray{ color: #232323; }
 
 a.text-link-extra-dark-gray:hover, a.text-link-extra-dark-gray:focus{ color: #222; }
 
 a.text-primary-colorss-hover:hover, a.text-primary-colorss-hover:focus{ color: #fff; }
 
 a.text-base-color-hover:hover, a.text-base-color-hover:focus{ color: #222; }
 
 a.text-base-color-hover:hover, a.text-base-color-hover:focus{ color: #222; }
 
 a.text-extra-dark-gray-hover:hover{ color: #232323; }
 
 a.text-dark-gray-hover:hover{ color: #626262; }
 
 a.text-extra-medium-gray-hover:hover{ color: #757575; }
 
 a.text-medium-gray-hover:hover{ color: #939393; }
 
 a.text-extra-light-gray-hover:hover{ color: #f0f0f0; }
 
 a.text-light-gray-hover:hover{ color: #d6d5d5; }
 
 a.text-very-light-gray-hover:hover{ color: #ededed; }
 
 /* letter spacing */
 
 .no-letter-spacing{ letter-spacing: 0px; }
 
 .letter-spacing-1{ letter-spacing: 1px; }
 
 .letter-spacing-2{ letter-spacing: 2px; }
 
 .letter-spacing-3{ letter-spacing: 3px; }
 
 .letter-spacing-4{ letter-spacing: 4px; }
 
 .letter-spacing-5{ letter-spacing: 5px; }
 
 .letter-spacing-6{ letter-spacing: 6px; }
 
 .letter-spacing-7{ letter-spacing: 7px; }
 
 .letter-spacing-8{ letter-spacing: 8px; }
 
 .letter-spacing-9{ letter-spacing: 9px; }
 
 .letter-spacing-10{ letter-spacing: 10px; }
 
 .letter-spacing-minus-1{ letter-spacing: -1px; }
 
 .letter-spacing-minus-2{ letter-spacing: -2px; }
 
 .letter-spacing-minus-3{ letter-spacing: -3px; }
 
 .letter-spacing-minus-4{ letter-spacing: -4px; }
 
 .letter-spacing-minus-5{ letter-spacing: -5px; }
 
 .letter-spacing-minus-6{ letter-spacing: -6px; }
 
 .letter-spacing-minus-7{ letter-spacing: -7px; }
 
 .letter-spacing-minus-8{ letter-spacing: -8px; }
 
 .letter-spacing-minus-9{ letter-spacing: -9px; }
 
 .letter-spacing-minus-10{ letter-spacing: -10px; }
 
 /* line height */
 
 .line-height-none{ line-height: 0; }
 
 .line-height-10{ line-height: 10px; }
 
 .line-height-13{ line-height: 13px; }
 
 .line-height-18{ line-height: 18px; }
 
 .line-height-20{ line-height: 20px; }
 
 .line-height-24{ line-height: 24px; }
 
 .line-height-22{ line-height: 22px; }
 
 .line-height-26{ line-height: 26px; }
 
 .line-height-28{ line-height: 28px; }
 
 .line-height-30{ line-height: 30px; }
 
 .line-height-35{ line-height: 35px; }
 
 .line-height-40{ line-height: 40px; }
 
 .line-height-45{ line-height: 45px; }
 
 .line-height-50{ line-height: 50px; }
 
 .line-height-55{ line-height: 55px; }
 
 .line-height-60{ line-height: 60px; }
 
 .line-height-65{ line-height: 65px; }
 
 .line-height-70{ line-height: 70px; }
 
 .line-height-75{ line-height: 75px; }
 
 .line-height-80{ line-height: 80px; }
 
 .line-height-85{ line-height: 85px; }
 
 .line-height-90{ line-height: 90px; }
 
 .line-height-95{ line-height: 95px; }
 
 .line-height-100{ line-height: 100px; }
 
 .line-height-110{ line-height: 110px; }
 
 .line-height-120{ line-height: 120px; }
 
 .line-height-normal{ line-height: normal; }
 
 .line-height-unset{ line-height: unset; }
 
 /* text property */
 
 .word-wrap{ word-wrap: break-word; }
 
 .text-nowrap{ white-space: nowrap; }
 
 .title-line-through{ padding: 0 15px; }
 
 .text-middle-line{ position: relative; white-space: nowrap; }
 
 .text-outside-line{ position: relative; }
 
 .text-outside-line:before{ border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; right: -60px; top: 50%; width: 40px; opacity: .4; }
 
 .text-outside-line:after{ border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; left: -60px; top: 50%; width: 40px; opacity: .4; }
 
 .text-leftside-line{ position: relative; padding-left: 35px; }
 
 .text-leftside-line:before{ border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; left: 0; top: 45%; width: 25px; opacity: .7; }
 
 .text-outside-line-full{ position: relative; display: inline-block; }
 
 .text-outside-line-full:before{ content: ""; position: absolute; top: 50%; height: 1px; width: 99%; display: block; border-bottom: 1px solid; right: 100%; margin-right: 25px; opacity: .15; }
 
 .text-outside-line-full:after{ content: ""; position: absolute; top: 50%; height: 1px; width: 99%; display: block; border-bottom: 1px solid; left: 100%; margin-left: 25px; opacity: 0.15; }
 
 .text-middle-line:before{ border-bottom: 1px solid; position: absolute; content: ""; width: 100%; top: 53%; opacity: 0.35; }
 
 .text-bottom-line{ width: 1px; border-top: 30px solid; margin-left: auto; margin-right: auto; }
 
 .text-decoration-line-through-black{ position: relative; }
 
 .text-decoration-line-through-black:before{ background: #222; content: ""; height: 1px; left: -10px; position: absolute; top: 53%; width: calc(100% + 20px); -webkit-transform: translateY(-53%); -moz-transform: translateY(-53%); -ms-transform: translateY(-53%); -o-transform: translateY(-53%); transform: translateY(-53%); }
 
 /* Background color */
 
 .bg-primary { background-color: #000000 !important; }
 
 .bg-white { background-color: #fff; }
 
 .bg-black{  background-color: #000; }
 
 .bg-transparent{ background-color: transparent; }
 
 .bg-double-dark-gray{ background-color: #1c1c1c; }
 
 .bg-dark-gray{ background-color: #acacac; }
 
 .bg-dark-blue{ background-color: #003e6f; }
 
 .bg-extra-medium-gray{ background-color: #939393; }
 
 .bg-extra-dark-gray{ background-color: #232323; }
 
 .bg-medium-gray{ background-color: #dbdbdb; }
 
 .bg-medium-light-gray{ background-color: #ededed; }
 
 .bg-light-gray{ background-color: #f5f4f4; }
 
 .bg-very-light-gray{ background-color: #fafafa; }
 
 .bg-white-opacity{ background-color: rgba(255, 255, 255, 0.85); }
 
 .bg-black-opacity{ background-color: rgba(0, 0, 0, 0.85); }
 
 .bg-black-opacity-light{ background-color: rgba(0, 0, 0, 0.5); }
 
 
 
 /*==============================
 
     Custom Search Box color
 
 ================================*/
 
 .bg-cashmere {background-color: #CBC5C1;}
 
 .bg-french-blue {background-color: #A2AAB0;}
 
 .bg-white-wash {background-color: #EBECED;}
 
 .bg-denim {background-color: #4C586F;}
 
 .bg-gunmetal {background-color: #3E3E3B;}
 
 
 
 /*==============================
 
     Custom
 
 ================================*/
 
 
 
 .center-col{ float: none; margin-left: auto; margin-right: auto; }
 
 
 
 
 
 /* input */
 
 .extra-big-input, .extra-big-textarea, .extra-big-select select{ padding: 18px 25px; font-size: 14px; line-height: 24px; height: 62px; }
 
 .big-input, .big-textarea, .big-select select{ padding: 18px 25px; font-size: 14px; border-radius: 0; }
 
 .medium-input, .medium-textarea, .medium-select select{ padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0; }
 
 .small-input, .small-textarea{ padding: 12px 15px; font-size: 11px; line-height: normal; }
 
 .small-select select{ padding: 15px 15px; line-height: normal; }
 
 .medium-input-light, .medium-textarea-light, .medium-select-light select{ padding: 12px 25px; font-size: 12px; line-height: normal; }
 
 .extra-small-input, .extra-small-textarea, .extra-small-select select{ padding: 9px 17px; font-size: 12px; line-height: normal; }
 
 .select-style{ width: 100%; overflow: hidden; background: url("../../img/other/select-arrow.png") no-repeat 97% 50%; border: 1px solid #d1d1d1; margin-bottom: 20px; }
 
 .select-style select{ width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
 
 .select-style select:focus{ outline: none; border: none; box-shadow: none; }
 
 .input-group input, .input-group textarea, .input-group select{ margin: 0; border-radius: 4px 0 0 4px; border-color: #fff; padding: 19px 25px; }
 
 .input-group-btn .btn{ border-radius: 0 4px 4px 0; }
 
 .input-group-btn .btn.btn-large{ line-height: 2px; height: 62px; padding: 15px 25px !important; }
 
 .input-group-404 input{ height: 62px; }
 
 .input-group .required-error{ border: 1px solid #ee2323 !important; border: 1px solid #ee2323 !important; }
 
 .input-group .required-error + .input-group-btn button, .input-group .required-error + .input-group-btn a.btn{ border: 1px solid #ee2323 !important; }
 
 .input-border-white .input-border-bottom{ border-bottom: 1px solid #fff; color: #fff; border-top: transparent !important; border-left: transparent !important; border-right: transparent !important; }
 
 .input-border-white .input-border-bottom:focus{ background: transparent; border-bottom: 1px solid #fff; color: #fff; }
 
 .input-border-white .input-border-bottom::-webkit-input-placeholder, .input-border-white .input-border-bottom::-moz-placeholder, .input-border-white .input-border-bottom:-ms-input-placeholder{ color: #fff; }
 
 input.input-bg{ background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 20px; margin-bottom: 15px; }
 
 input.input-bg:focus{ border: 0; border: 1px solid rgba(0, 0, 0, 0.3); }
 
 textarea.input-bg{ background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 20px; margin-bottom: 15px; min-height: 130px; }
 
 textarea.input-bg:focus{ border: 0; border: 1px solid rgba(0, 0, 0, 0.3); }
 
 .input-bg::-webkit-input-placeholder, .input-bg::-moz-placeholder, .input-bg:-ms-input-placeholder{ font-weight: 400; font-size: 14px; }
 
 .required-error{ border: 1px solid #ee2323 !important; }
 
 .input-border-bottom.required-error{ border-width: 0 !important; border-bottom-width: 1px !important; border-bottom-color: #ee2323 !important; }
 
 #success-contact-form{ clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a; padding: 8px 0; display: none; font-size: 14px; }
 
 
 
 /* separator */
 
 .separator-line-verticle-extra-small{ width: 1px; height: 8px; }
 
 .separator-line-verticle-small-thick{ width: 17px; height: 3px; }
 
 .separator-line-verticle-small{ width: 1px; height: 13px; }
 
 .separator-line-verticle-small-thick2{ width: 64px; height: 7px; }
 
 .separator-line-verticle-large{ width: 1px; height: 20px; }
 
 .separator-line-verticle-extra-large{ width: 1px; height: 30px; }
 
 .separator-line-verticle-medium-thick-full{ width: 8px; height: 40px; }
 
 .separator-line-verticle-large-thick{ width: 109px; height: 11px; }
 
 .separator-line-horrizontal-medium-light{ width: 36px; height: 3px; }
 
 .separator-line-horrizontal-medium-light2{ width: 40%; height: 1px; }
 
 .separator-line-horrizontal-medium-light3{ width: 18%; height: 1px; }
 
 .separator-line-horrizontal-small-light{ width: 50px; height: 1px; }
 
 .separator-line-horrizontal-medium-thick{ width: 50px; height: 5px; }
 
 .separator-line-horrizontal-full{ width: 100%; height: 1px; }
 
 
 
 /* divider */
 
 .divider-full{ width: 100%; height: 1px; display: inline-block; }
 
 
 
 /* opacity */
 
 .opacity-very-light{ position: absolute; height: 100%; width: 100%; opacity: 0.2; top: 0; left: 0; }
 
 .opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.3; top: 0; left: 0; }
 
 .opacity-extra-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.5; top: 0; left: 0; }
 
 .opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.75; top: 0; left: 0; }
 
 .opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.8; top: 0; left: 0; }
 
 .opacity-full-dark{ position: absolute; height: 100%; width: 100%; opacity: 0.9; top: 0; left: 0; }
 
 .opacity1{ opacity: .1; }
 
 .opacity2{ opacity: .2; }
 
 .opacity3{ opacity: .3; }
 
 .opacity4{ opacity: .4; }
 
 .opacity5{ opacity: .5; }
 
 .opacity6{ opacity: .6; }
 
 .opacity7{ opacity: .7; }
 
 .opacity8{ opacity: .8; }
 
 .opacity9{ opacity: .9; }
 
 
 
 /* box-shadow */
 
 .btn-shadow{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); }
 
 .box-shadow-light{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
 
 .box-shadow{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
 
 .box-shadow-dark{ box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
 
 .box-shadow-large{ box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }
 
 
 
 /* z-index */
 
 .z-index-1111{ z-index: 1111; }
 
 .z-index-111{ z-index: 111; }
 
 .z-index-1{ z-index: 1; }
 
 .z-index-2{ z-index: 2; }
 
 .z-index-3{ z-index: 3; }
 
 .z-index-4{ z-index: 4; }
 
 .z-index-5{ z-index: 5; }
 
 .z-index-0{ z-index: 0; }
 
  .z-index-minus1{ z-index: -1;  }
 
 .z-index-minus2{ z-index: -2; }
 
 
 
 /* verticle align */
 
 .vertical-center {
 
     display: table-cell;
     vertical-align: middle;
  }
 
 .vertical-baseline{ vertical-align: baseline;}
 .vertical-align-middle{ vertical-align: middle; }
 
 .vertical-align-top{ vertical-align: top; }
 
 .vertical-align-bottom{ vertical-align: bottom; }
 
 .vertical-middle{ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute; top: 50%; left: 0; right: 0; }
 
 .clear-both{ clear: both; }
 
 .line-break{ display: block; }
 
 .no-transition * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; }
 
 .absolute-middle-center{ left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); }
 
 .absolute-bottom-center{ left: 50%; top: 80%; position: absolute; -ms-transform: translateX(-50%) translateY(-80%); -moz-transform: translateX(-50%) translateY(-80%); -webkit-transform: translateX(-50%) translateY(-80%); transform: translateX(-50%) translateY(-80%); -o-transform: translateX(-50%) translateY(-80%); }
 
 
 
 /* list style */
 
 .list-style-1{ list-style: none; margin: 0; padding: 0; }
 
 .list-style-1 li{ position: relative; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
 
 .list-style-1 li span{ position: absolute; top: 3px; right: 0; }
 
 .list-style-1 li:last-child{ border-bottom: none; }
 
 .list-style-1 li:before{ content: ""; }
 
 .list-style2 li{ list-style: none; display: inline-block; margin-right: 15px; }
 
 .list-style2 li:last-child{ margin-right: 0; }
 
 .list-style3{ list-style: outside none none; margin: 0; padding: 0; }
 
 .list-style3 li{ font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); margin: 0 0 12px; padding: 0 0 12px 0; position: relative; list-style: none; }
 
 .list-style3 li:last-child{ border-bottom: 0 none; }
 
 
 
 /* pagination */
 
 .pagination{ border-radius: 0; padding: 0; margin: 0; }
 
 .pagination ul{ display: inline-block; *display: inline; *zoom: 1; margin: 0 auto; padding: 0; }
 
 .pagination li{ display: inline; }
 
 .pagination a,.pagination  span{ float: left; padding: 0 18px; line-height: 40px; text-decoration: none; background: #fff; margin: 10px;   font-size: 12px; font-weight: 600; color: #000;}
 
 .pagination a:hover{ background-color: #A2AAB0; color: #fff;}
 
 .pagination .active a{ background-color: #A2AAB0; color: #fff; cursor: default; }.pagination  span.current{ background-color: #A2AAB0; color: #fff; cursor: default; }
 
 .pagination .disabled span{ color: #999; background-color: transparent; cursor: default; }
 
 .pagination .disabled a{ color: #999; background-color: transparent; cursor: default; }
 
 .pagination .disabled a:hover{ color: #999; background-color: transparent; cursor: default; }
 
 .pagination li:first-child a{ border-left-width: 1px; }
 
 .text-right{ text-align: right !important; }
 
 .text-center{ text-align: center !important; }
 
 .text-left{ text-align: left !important; }
 
 .text-justify{ text-align: justify !important; }
 
 
 
 /*==============================
 
     Border
 
 ================================*/
 
 
 
 .border-all{ border: 1px solid #ededed; }
 
 
 
 /* boder width */
 
 .border-width-1{ border-width: 1px !important; }
 
 .border-width-2{ border-width: 2px !important; }
 
 .border-width-3{ border-width: 3px !important; }
 
 .border-width-4{ border-width: 4px !important; }
 
 .border-width-5{ border-width: 5px !important; }
 
 .border-width-6{ border-width: 6px !important; }
 
 .border-width-7{ border-width: 7px !important; }
 
 .border-width-8{ border-width: 8px !important; }
 
 .border-width-9{ border-width: 9px !important; }
 
 .border-width-10{ border-width: 10px !important; }
 
 .border-width-20{ border-width: 20px !important; }
 
 
 
 /* boder align */
 
 .border-top{ border-top: 1px solid #f0f0f0; }
 
 .border-bottom{ border-bottom: 1px solid; }
 
 .border-left{ border-left: 1px solid; }
 
 .border-right{ border-right: 1px solid; }
 
 .border-lr{ border-left: 1px solid; border-right: 1px solid; }
 
 .border-tb{ border-top: 1px solid; border-bottom: 1px solid; }
 
 
 
 /* border color */
 
 .border-color-white{ border-color: #fff !important; }
 
 .border-color-black{ border-color: #222 !important; }
 
 .border-color-extra-dark-gray{ border-color: #232323 !important; }
 
 .border-color-dark-gray{ border-color: #939393 !important; }
 
 .border-color-dark-blue{ border-color: #003e6f !important; }
 
 .border-color-extra-medium-gray{ border-color: #dbdbdb !important; }
 
 .border-color-extra-light-gray{ border-color: #ededed !important; }
 
 .border-color-base{ border-color: #222 !important; }
 
 .border-color-french-blue{ border-color: #A2AAB0 !important; }
 

 
 
 
 
 
 
 
 /* boder style */
 
 .border-dotted{ border-style: dotted !important; }
 
 .border-dashed{ border-style: dashed !important; }
 
 .border-solid{ border-style: solid !important; }
 
 .border-double{ border-style: double !important; }
 
 .border-groove{ border-style: groove !important; }
 
 .border-ridge{ border-style: ridge !important; }
 
 .border-inset{ border-style: inset !important; }
 
 .border-outset{ border-style: outset !important; }
 
 .border-none{ border-style: none !important; }
 
 .border-hidden{ border-style: hidden !important; }
 
 .border-transperent{ border-color: transparent !important; }
 
 .no-border-top{ border-top: 0 !important; }
 
 .no-border-bottom{ border-bottom: 0 !important; }
 
 .no-border-right{ border-right: 0 !important; }
 
 .no-border-left{ border-left: 0 !important; }
 
 
 
 /* transparent border */
 
 .border-black-light{ border-color: rgba(0, 0, 0, 0.1) !important; }
 
 .border-white-light{ border-color: rgba(255, 255, 255, 0.1) !important; }
 
 
 
 /* border radius */
 
 .border-radius-1{ border-radius: 1px; }
 
 .border-radius-2{ border-radius: 2px; }
 
 .border-radius-3{ border-radius: 3px; }
 
 .border-radius-4{ border-radius: 4px; }
 
 .border-radius-5{ border-radius: 5px; }
 
 .border-radius-6{ border-radius: 6px; }
 
 .border-radius-7{ border-radius: 7px; }
 
 .border-radius-8{ border-radius: 8px; }
 
 .border-radius-9{ border-radius: 9px; }
 
 .border-radius-10{ border-radius: 10px; }
 
 .border-radius-20{ border-radius: 20px; }
 
 .border-radius-30{ border-radius: 30px; }
 
 .border-radius-50{ border-radius: 50%; }
 
 .border-radius-100{ border-radius: 100%; }
 
 .border-radius-none{ border-radius: 0; }
 
 
 
 /*==============================
 
     Background image
 
 ================================*/
 
 
 
 .fix-background{ position: relative; background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s; -webkit-animation-fill-mode: none; -moz-animation-duration: 0s; -moz-animation-fill-mode: none; -ms-animation-duration: 0s; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }
 
 .cover-background{ position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important; }
 
 .background-size-inherit{ background-size: inherit; }
 
 .background-attachment-inherit{ background-attachment: inherit !important; }
 
 .background-position-left{ background-position: left center !important; }
 
 .background-position-left-bottom{ background-position: left bottom !important; }
 
 .background-position-left-top{ background-position: left top !important; }
 
 .background-position-right{ background-position: right center !important; }
 
 .background-position-top{ background-position: center top !important; }
 
 .up-down-ani{ display: table; position: relative; -webkit-animation-name: up-down-animation; -webkit-animation-duration: .7s; -webkit-animation-timing-function: linear; -webkit-animation-delay: .7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: up-down-animation; -moz-animation-duration: .7s; -moz-animation-timing-function: linear; -moz-animation-delay: .7s; -moz-animation-iteration-count: infinite; -ms-animation-name: up-down-animation; -ms-animation-duration: .7s; -ms-animation-timing-function: linear; -ms-animation-delay: .7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; -o-animation-direction: alternate; -o-animation-name: up-down-animation; -o-animation-duration: .7s; -o-animation-timing-function: linear; -o-animation-delay: .7s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; animation-direction: alternate; animation-name: up-down-animation; animation-duration: .7s; animation-timing-function: linear; animation-delay: .7s; animation-iteration-count: infinite; animation-direction: alternate; margin: 0 auto; }
 
 .background-position-x-50{ background-position-x: 50% !important; }
 
 
 
 /*==============================
 
     Margin
 
 ================================*/
 
 .margin-auto{ margin: auto;}
 
 
 
 
 
 .margin-vh-all-10{ height: 10vh; }
 
 .margin-vh-all-15{ height: 15vh; }
 
 .margin-vh-all-20{ height: 20vh; }
 
 .margin-vh-all-25{ height: 25vh; }
 
 .margin-vh-all-30{ height: 30vh; }
 
 .margin-vh-all-35{ height: 35vh; }
 
 .margin-vh-all-40{ height: 40vh; }
 
 .margin-vh-all-45{ height: 45vh; }
 
 .margin-vh-all-50{ height: 50vh; }
 
 .margin-vh-all-55{ height: 55vh; }
 
 .margin-vh-all-60{ height: 60vh; }
 
 .margin-vh-all-65{ height: 65vh; }
 
 .margin-vh-all-70{ height: 70vh; }
 
 .margin-vh-all-75{ height: 75vh; }
 
 .margin-vh-all-80{ height: 80vh; }
 
 .margin-vh-all-85{ height: 85vh; }
 
 .margin-vh-all-90{ height: 90vh; }
 
 .margin-vh-all-95{ height: 95vh; }
 
 .margin-vh-all-100{ height: 100vh; }
 
 
 
 
 
 
 
 .margin-half-all{ margin: .5%; }
 
 .margin-one-all{ margin: 1%; }
 
 .margin-one-half-all{ margin: 1.5%; }
 
 .margin-two-all{ margin: 2%; }
 
 .margin-two-half-all{ margin: 2.5%; }
 
 .margin-three-all{ margin: 3%; }
 
 .margin-three-half-all{ margin: 3.5%; }
 
 .margin-four-all{ margin: 4%; }
 
 .margin-four-half-all{ margin: 4.5%; }
 
 .margin-five-all{ margin: 5%; }
 
 .margin-five-half-all{ margin: 5.5%; }
 
 .margin-six-all{ margin: 6%; }
 
 .margin-six-half-all{ margin: 6.5%; }
 
 .margin-seven-all{ margin: 7%; }
 
 .margin-seven-half-all{ margin: 7.5%; }
 
 .margin-eight-all{ margin: 8%; }
 
 .margin-eight-half-all{ margin: 8.5%; }
 
 .margin-nine-all{ margin: 9%; }
 
 .margin-nine-half-all{ margin: 9.5%; }
 
 .margin-ten-all{ margin: 10%; }
 
 .margin-ten-half-all{ margin: 10.5%; }
 
 .margin-eleven-all{ margin: 11%; }
 
 .margin-eleven-half-all{ margin: 11.5%; }
 
 .margin-twelve-all{ margin: 12%; }
 
 .margin-twelve-half-all{ margin: 12.5%; }
 
 .margin-thirteen-all{ margin: 13%; }
 
 .margin-thirteen-half-all{ margin: 13.5%; }
 
 .margin-fourteen-all{ margin: 14%; }
 
 .margin-fourteen-half-all{ margin: 14.5%; }
 
 .margin-fifteen-all{ margin: 15%; }
 
 .margin-fifteen-half-all{ margin: 15.5%; }
 
 .margin-sixteen-all{ margin: 16%; }
 
 .margin-sixteen-half-all{ margin: 16.5%; }
 
 .margin-seventeen-all{ margin: 17%; }
 
 .margin-seventeen-half-all{ margin: 17.5%; }
 
 .margin-eighteen-all{ margin: 18%; }
 
 .margin-eighteen-half-all{ margin: 18.5%; }
 
 .margin-nineteen-all{ margin: 19%; }
 
 .margin-nineteen-half-all{ margin: 19.5%; }
 
 .margin-twenty-all{ margin: 20%; }
 
 .margin-twenty-half-all{ margin: 20.5%; }
 
 .margin-twenty-one-all{ margin: 21%; }
 
 .margin-twenty-one-half-all{ margin: 21.5%; }
 
 .margin-twenty-two-all{ margin: 22%; }
 
 .margin-twenty-two-half-all{ margin: 22.5%; }
 
 .margin-twenty-three-all{ margin: 23%; }
 
 .margin-twenty-three-half-all{ margin: 23.5%; }
 
 .margin-twenty-four-all{ margin: 24%; }
 
 .margin-twenty-four-half-all{ margin: 24.5%; }
 
 .margin-twenty-five-all{ margin: 25%; }
 
 .margin-5px-all{ margin: 5px; }
 
 .margin-10px-all{ margin: 10px; }
 
 .margin-15px-all{ margin: 15px; }
 
 .margin-20px-all{ margin: 20px; }
 
 .margin-25px-all{ margin: 25px; }
 
 .margin-30px-all{ margin: 30px; }
 
 .margin-35px-all{ margin: 35px; }
 
 .margin-40px-all{ margin: 40px; }
 
 .margin-45px-all{ margin: 45px; }
 
 .margin-50px-all{ margin: 50px; }
 
 .margin-55px-all{ margin: 55px; }
 
 .margin-60px-all{ margin: 60px; }
 
 .margin-65px-all{ margin: 65px; }
 
 .margin-70px-all{ margin: 70px; }
 
 .margin-75px-all{ margin: 75px; }
 
 .margin-80px-all{ margin: 80px; }
 
 .margin-85px-all{ margin: 85px; }
 
 .margin-90px-all{ margin: 90px; }
 
 .margin-95px-all{ margin: 95px; }
 
 .margin-100px-all{ margin: 100px; }
 
 .no-margin{ margin: 0 !important; }
 
 .no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important; }
 
 .no-margin-tb{ margin-top: 0 !important; margin-bottom: 0 !important; }
 
 .no-margin-top{ margin-top: 0 !important; }
 
 .no-margin-bottom{ margin-bottom: 0 !important; }
 
 .no-margin-left{ margin-left: 0 !important; }
 
 .no-margin-right{ margin-right: 0 !important; }
 
 .margin-lr-auto{ margin-left: auto !important; margin-right: auto !important; }
 
 .margin-auto{ margin: 0 auto !important; }
 
 
 
 /* margin top */
 
 
 
 
 
 .margin-vh-top-10{ margin-top: 10vh; }
 
 .margin-vh-top-15{ margin-top: 15vh; }
 
 .margin-vh-top-20{ margin-top: 20vh; }
 
 .margin-vh-top-25{ margin-top: 25vh; }
 
 .margin-vh-top-30{ margin-top: 30vh; }
 
 .margin-vh-top-35{ margin-top: 35vh; }
 
 .margin-vh-top-40{ margin-top: 40vh; }
 
 .margin-vh-top-45{ margin-top: 45vh; }
 
 .margin-vh-top-50{ margin-top: 50vh; }
 
 .margin-vh-top-55{ margin-top: 55vh; }
 
 .margin-vh-top-60{ margin-top: 60vh; }
 
 .margin-vh-top-65{ margin-top: 65vh; }
 
 .margin-vh-top-70{ margin-top: 70vh; }
 
 .margin-vh-top-75{ margin-top: 75vh; }
 
 .margin-vh-top-80{ margin-top: 80vh; }
 
 .margin-vh-top-85{ margin-top: 85vh; }
 
 .margin-vh-top-90{ margin-top: 90vh; }
 
 .margin-vh-top-95{ margin-top: 95vh; }
 
 .margin-vh-top-100{ margin-top: 100vh; }
 
 
 
 .margin-half-top{ margin-top: 0.5%; }
 
 .margin-one-top{ margin-top: 1%; }
 
 .margin-one-half-top{ margin-top: 1.5%; }
 
 .margin-two-top{ margin-top: 2%  !important; }
 
 .margin-two-half-top{ margin-top: 2.5%; }
 
 .margin-three-top{ margin-top: 3%  !important; }
 
 .margin-three-half-top{ margin-top: 3.5%; }
 
 .margin-four-top{ margin-top: 4%   !important; }
 
 .margin-four-half-top{ margin-top: 4.5%; }
 
 .margin-five-top{ margin-top: 5%   !important; }
 
 .margin-five-half-top{ margin-top: 5.5%; }
 
 .margin-six-top{ margin-top: 6%; }
 
 .margin-six-half-top{ margin-top: 6.5%; }
 
 .margin-seven-top{ margin-top: 7%; }
 
 .margin-seven-half-top{ margin-top: 7.5%; }
 
 .margin-eight-top{ margin-top: 8%; }
 
 .margin-eight-half-top{ margin-top: 8.5%; }
 
 .margin-nine-top{ margin-top: 9%; }
 
 .margin-nine-half-top{ margin-top: 9.5%; }
 
 .margin-ten-top{ margin-top: 10%; }
 
 .margin-ten-half-top{ margin-top: 10.5%; }
 
 .margin-eleven-top{ margin-top: 11%; }
 
 .margin-eleven-half-top{ margin-top: 11.5%; }
 
 .margin-twelve-top{ margin-top: 12%; }
 
 .margin-twelve-half-top{ margin-top: 12.5%; }
 
 .margin-thirteen-top{ margin-top: 13%; }
 
 .margin-thirteen-half-top{ margin-top: 13.5%; }
 
 .margin-fourteen-top{ margin-top: 14%; }
 
 .margin-fourteen-half-top{ margin-top: 14.5%; }
 
 .margin-fifteen-top{ margin-top: 15%; }
 
 .margin-fifteen-half-top{ margin-top: 15.5%; }
 
 .margin-sixteen-top{ margin-top: 16%; }
 
 .margin-sixteen-half-top{ margin-top: 16.5%; }
 
 .margin-seventeen-top{ margin-top: 17%; }
 
 .margin-seventeen-half-top{ margin-top: 17.5%; }
 
 .margin-eighteen-top{ margin-top: 18%; }
 
 .margin-eighteen-half-top{ margin-top: 18.5%; }
 
 .margin-nineteen-top{ margin-top: 19%; }
 
 .margin-nineteen-half-top{ margin-top: 19.5%; }
 
 .margin-twenty-top{ margin-top: 20%; }
 
 .margin-twenty-half-top{ margin-top: 20.5%; }
 
 .margin-twenty-one-top{ margin-top: 21%; }
 
 .margin-twenty-one-half-top{ margin-top: 21.5%; }
 
 .margin-twenty-two-top{ margin-top: 22%; }
 
 .margin-twenty-two-half-top{ margin-top: 22.5%; }
 
 .margin-twenty-three-top{ margin-top: 23%; }
 
 .margin-twenty-three-half-top{ margin-top: 23.5%; }
 
 .margin-twenty-four-top{ margin-top: 24%; }
 
 .margin-twenty-four-half-top{ margin-top: 24.5%; }
 
 .margin-twenty-five-top{ margin-top: 25%; }
 
 .margin-5px-top{ margin-top: 5px; }
 
 .margin-10px-top{ margin-top: 10px; }
 
 .margin-15px-top{ margin-top: 15px; }
 
 .margin-20px-top{ margin-top: 20px; }
 
 .margin-25px-top{ margin-top: 25px; }
 
 .margin-30px-top{ margin-top: 30px; }
 
 .margin-35px-top{ margin-top: 35px; }
 
 .margin-40px-top{ margin-top: 40px; }
 
 .margin-45px-top{ margin-top: 45px; }
 
 .margin-50px-top{ margin-top: 50px; }
 
 .margin-55px-top{ margin-top: 55px; }
 
 .margin-60px-top{ margin-top: 60px; }
 
 .margin-65px-top{ margin-top: 65px; }
 
 .margin-70px-top{ margin-top: 70px; }
 
 .margin-75px-top{ margin-top: 75px; }
 
 .margin-80px-top{ margin-top: 80px; }
 
 .margin-90px-top{ margin-top: 90px; }
 
 .margin-100px-top{ margin-top: 100px; }
 
 
 
 /* margin bottom */
 
 .margin-one-bottom{ margin-bottom: 1%; }
 
 .margin-one-half-bottom{ margin-bottom: 1.5%; }
 
 .margin-two-bottom{ margin-bottom: 2%; }
 
 .margin-two-half-bottom{ margin-bottom: 2.5%; }
 
 .margin-three-bottom{ margin-bottom: 3%; }
 
 .margin-three-half-bottom{ margin-bottom: 3.5%; }
 
 .margin-four-bottom{ margin-bottom: 4%; }
 
 .margin-four-half-bottom{ margin-bottom: 4.5%; }
 
 .margin-five-bottom{ margin-bottom: 5%; }
 
 .margin-five-half-bottom{ margin-bottom: 5.5%; }
 
 .margin-six-bottom{ margin-bottom: 6%; }
 
 .margin-six-half-bottom{ margin-bottom: 6.5%; }
 
 .margin-seven-bottom{ margin-bottom: 7%; }
 
 .margin-seven-half-bottom{ margin-bottom: 7.5%; }
 
 .margin-eight-bottom{ margin-bottom: 8%; }
 
 .margin-eight-half-bottom{ margin-bottom: 8.5%; }
 
 .margin-nine-bottom{ margin-bottom: 9%; }
 
 .margin-nine-half-bottom{ margin-bottom: 9.5%; }
 
 .margin-ten-bottom{ margin-bottom: 10%; }
 
 .margin-ten-half-bottom{ margin-bottom: 10.5%; }
 
 .margin-eleven-bottom{ margin-bottom: 11%; }
 
 .margin-eleven-half-bottom{ margin-bottom: 11.5%; }
 
 .margin-twelve-bottom{ margin-bottom: 12%; }
 
 .margin-twelve-half-bottom{ margin-bottom: 12.5%; }
 
 .margin-thirteen-bottom{ margin-bottom: 13%; }
 
 .margin-thirteen-half-bottom{ margin-bottom: 13.5%; }
 
 .margin-fourteen-bottom{ margin-bottom: 14%; }
 
 .margin-fourteen-half-bottom{ margin-bottom: 14.5%; }
 
 .margin-fifteen-bottom{ margin-bottom: 15%; }
 
 .margin-fifteen-half-bottom{ margin-bottom: 15.5%; }
 
 .margin-sixteen-bottom{ margin-bottom: 16%; }
 
 .margin-sixteen-half-bottom{ margin-bottom: 16.5%; }
 
 .margin-seventeen-bottom{ margin-bottom: 17%; }
 
 .margin-seventeen-half-bottom{ margin-bottom: 17.5%; }
 
 .margin-eighteen-bottom{ margin-bottom: 18%; }
 
 .margin-eighteen-half-bottom{ margin-bottom: 18.5%; }
 
 .margin-nineteen-bottom{ margin-bottom: 19%; }
 
 .margin-nineteen-half-bottom{ margin-bottom: 19.5%; }
 
 .margin-twenty-bottom{ margin-bottom: 20%; }
 
 .margin-twenty-half-bottom{ margin-bottom: 20.5%; }
 
 .margin-twenty-one-bottom{ margin-bottom: 21%; }
 
 .margin-twenty-one-half-bottom{ margin-bottom: 21.5%; }
 
 .margin-twenty-two-bottom{ margin-bottom: 22%; }
 
 .margin-twenty-two-half-bottom{ margin-bottom: 22.5%; }
 
 .margin-twenty-three-bottom{ margin-bottom: 23%; }
 
 .margin-twenty-three-half-bottom{ margin-bottom: 23.5%; }
 
 .margin-twenty-four-bottom{ margin-bottom: 24%; }
 
 .margin-twenty-four-half-bottom{ margin-bottom: 24.5%; }
 
 .margin-twenty-five-bottom{ margin-bottom: 25%; }
 
 .margin-5px-bottom{ margin-bottom: 5px; }
 
 .margin-10px-bottom{ margin-bottom: 10px; }
 
 .margin-15px-bottom{ margin-bottom: 15px; }
 
 .margin-20px-bottom{ margin-bottom: 20px; }
 
 .margin-25px-bottom{ margin-bottom: 25px; }
 
 .margin-30px-bottom{ margin-bottom: 30px; }
 
 .margin-35px-bottom{ margin-bottom: 35px; }
 
 .margin-40px-bottom{ margin-bottom: 40px; }
 
 .margin-45px-bottom{ margin-bottom: 45px; }
 
 .margin-50px-bottom{ margin-bottom: 50px; }
 
 .margin-55px-bottom{ margin-bottom: 55px; }
 
 .margin-60px-bottom{ margin-bottom: 60px; }
 
 .margin-65px-bottom{ margin-bottom: 65px; }
 
 .margin-70px-bottom{ margin-bottom: 70px; }
 
 .margin-75px-bottom{ margin-bottom: 75px; }
 
 .margin-80px-bottom{ margin-bottom: 80px; }
 
 .margin-85px-bottom{ margin-bottom: 85px; }
 
 .margin-90px-bottom{ margin-bottom: 90px; }
 
 .margin-95px-bottom{ margin-bottom: 95px; }
 
 .margin-100px-bottom{ margin-bottom: 100px; }
 
 
 
 /* margin right */
 
 .margin-one-right{ margin-right: 1%; }
 
 .margin-one-half-right{ margin-right: 1.5%; }
 
 .margin-two-right{ margin-right: 2%; }
 
 .margin-two-half-right{ margin-right: 2.5%; }
 
 .margin-three-right{ margin-right: 3%; }
 
 .margin-three-half-right{ margin-right: 3.5%; }
 
 .margin-four-right{ margin-right: 4%; }
 
 .margin-four-half-right{ margin-right: 4.5%; }
 
 .margin-five-right{ margin-right: 5%; }
 
 .margin-five-half-right{ margin-right: 5.5%; }
 
 .margin-six-right{ margin-right: 6%; }
 
 .margin-six-half-right{ margin-right: 6.5%; }
 
 .margin-seven-right{ margin-right: 7%; }
 
 .margin-seven-half-right{ margin-right: 7.5%; }
 
 .margin-eight-right{ margin-right: 8%; }
 
 .margin-eight-half-right{ margin-right: 8.5%; }
 
 .margin-nine-right{ margin-right: 9%; }
 
 .margin-nine-half-right{ margin-right: 9.5%; }
 
 .margin-ten-right{ margin-right: 10%; }
 
 .margin-ten-half-right{ margin-right: 10.5%; }
 
 .margin-eleven-right{ margin-right: 11%; }
 
 .margin-eleven-half-right{ margin-right: 11.5%; }
 
 .margin-twelve-right{ margin-right: 12%; }
 
 .margin-twelve-half-right{ margin-right: 12.5%; }
 
 .margin-thirteen-right{ margin-right: 13%; }
 
 .margin-thirteen-half-right{ margin-right: 13.5%; }
 
 .margin-fourteen-right{ margin-right: 14%; }
 
 .margin-fourteen-half-right{ margin-right: 14.5%; }
 
 .margin-fifteen-right{ margin-right: 15%; }
 
 .margin-fifteen-half-right{ margin-right: 15.5%; }
 
 .margin-sixteen-right{ margin-right: 16%; }
 
 .margin-sixteen-half-right{ margin-right: 16.5%; }
 
 .margin-seventeen-right{ margin-right: 17%; }
 
 .margin-seventeen-half-right{ margin-right: 17.5%; }
 
 .margin-eighteen-right{ margin-right: 18%; }
 
 .margin-eighteen-half-right{ margin-right: 18.5%; }
 
 .margin-nineteen-right{ margin-right: 19%; }
 
 .margin-nineteen-half-right{ margin-right: 19.5%; }
 
 .margin-twenty-right{ margin-right: 20%; }
 
 .margin-twenty-half-right{ margin-right: 20.5%; }
 
 .margin-twenty-right{ margin-right: 21%; }
 
 .margin-twenty-one-half-right{ margin-right: 21.5%; }
 
 .margin-twenty-two-right{ margin-right: 22%; }
 
 .margin-twenty-two-half-right{ margin-right: 22.5%; }
 
 .margin-twenty-three-right{ margin-right: 23%; }
 
 .margin-twenty-three-half-right{ margin-right: 23.5%; }
 
 .margin-twenty-four-right{ margin-right: 24%; }
 
 .margin-twenty-four-half-right{ margin-right: 24.5%; }
 
 .margin-twenty-five-right{ margin-right: 25%; }
 
 .margin-5px-right{ margin-right: 5px; }
 
 .margin-10px-right{ margin-right: 10px; }
 
 .margin-15px-right{ margin-right: 15px; }
 
 .margin-20px-right{ margin-right: 20px; }
 
 .margin-25px-right{ margin-right: 25px; }
 
 .margin-30px-right{ margin-right: 30px; }
 
 .margin-35px-right{ margin-right: 35px; }
 
 .margin-40px-right{ margin-right: 40px; }
 
 .margin-45px-right{ margin-right: 45px; }
 
 .margin-50px-right{ margin-right: 50px; }
 
 .margin-55px-right{ margin-right: 55px; }
 
 .margin-60px-right{ margin-right: 60px; }
 
 .margin-65px-right{ margin-right: 65px; }
 
 .margin-70px-right{ margin-right: 70px; }
 
 .margin-75px-right{ margin-right: 75px; }
 
 .margin-80px-right{ margin-right: 80px; }
 
 .margin-85px-right{ margin-right: 85px; }
 
 .margin-90px-right{ margin-right: 90px; }
 
 .margin-95px-right{ margin-right: 95px; }
 
 .margin-100px-right{ margin-right: 100px; }
 
 
 
 /* margin left */
 
 .margin-one-left{ margin-left: 1%; }
 
 .margin-one-half-left{ margin-left: 1.5%; }
 
 .margin-two-left{ margin-left: 2%; }
 
 .margin-two-half-left{ margin-left: 2.5%; }
 
 .margin-three-left{ margin-left: 3%; }
 
 .margin-three-half-left{ margin-left: 3.5%; }
 
 .margin-four-left{ margin-left: 4%; }
 
 .margin-four-half-left{ margin-left: 4.5%; }
 
 .margin-five-left{ margin-left: 5%; }
 
 .margin-five-half-left{ margin-left: 5.5%; }
 
 .margin-six-left{ margin-left: 6%; }
 
 .margin-six-half-left{ margin-left: 6.5%; }
 
 .margin-seven-left{ margin-left: 7%; }
 
 .margin-seven-half-left{ margin-left: 7.5%; }
 
 .margin-eight-left{ margin-left: 8%; }
 
 .margin-eight-half-left{ margin-left: 8.5%; }
 
 .margin-nine-left{ margin-left: 9%; }
 
 .margin-nine-half-left{ margin-left: 9.5%; }
 
 .margin-ten-left{ margin-left: 10%; }
 
 .margin-ten-half-left{ margin-left: 10.5%; }
 
 .margin-eleven-left{ margin-left: 11%; }
 
 .margin-eleven-half-left{ margin-left: 11.5%; }
 
 .margin-twelve-left{ margin-left: 12%; }
 
 .margin-twelve-half-left{ margin-left: 12.5%; }
 
 .margin-thirteen-left{ margin-left: 13%; }
 
 .margin-thirteen-half-left{ margin-left: 13.5%; }
 
 .margin-fourteen-left{ margin-left: 14%; }
 
 .margin-fourteen-half-left{ margin-left: 14.5%; }
 
 .margin-fifteen-left{ margin-left: 15%; }
 
 .margin-fifteen-half-left{ margin-left: 15.5%; }
 
 .margin-sixteen-left{ margin-left: 16%; }
 
 .margin-sixteen-half-left{ margin-left: 16.5%; }
 
 .margin-seventeen-left{ margin-left: 17%; }
 
 .margin-seventeen-half-left{ margin-left: 17.5%; }
 
 .margin-eighteen-left{ margin-left: 18%; }
 
 .margin-eighteen-half-left{ margin-left: 18.5%; }
 
 .margin-nineteen-left{ margin-left: 19%; }
 
 .margin-nineteen-half-left{ margin-left: 19.5%; }
 
 .margin-twenty-left{ margin-left: 20%; }
 
 .margin-twenty-half-left{ margin-left: 20.5%; }
 
 .margin-twenty-one-left{ margin-left: 21%; }
 
 .margin-twenty-one-half-left{ margin-left: 21.5%; }
 
 .margin-twenty-two-left{ margin-left: 22%; }
 
 .margin-twenty-two-half-left{ margin-left: 22.5%; }
 
 .margin-twenty-three-left{ margin-left: 23%; }
 
 .margin-twenty-three-half-left{ margin-left: 23.5%; }
 
 .margin-twenty-four-left{ margin-left: 24%; }
 
 .margin-twenty-four-half-left{ margin-left: 24.5%; }
 
 .margin-twenty-five-left{ margin-left: 25%; }
 
 .margin-5px-left{ margin-left: 5px; }
 
 .margin-10px-left{ margin-left: 10px; }
 
 .margin-15px-left{ margin-left: 15px; }
 
 .margin-20px-left{ margin-left: 20px; }
 
 .margin-25px-left{ margin-left: 25px; }
 
 .margin-30px-left{ margin-left: 30px; }
 
 .margin-35px-left{ margin-left: 35px; }
 
 .margin-40px-left{ margin-left: 40px; }
 
 .margin-45px-left{ margin-left: 45px; }
 
 .margin-50px-left{ margin-left: 50px; }
 
 .margin-55px-left{ margin-left: 55px; }
 
 .margin-60px-left{ margin-left: 60px; }
 
 .margin-65px-left{ margin-left: 65px; }
 
 .margin-70px-left{ margin-left: 70px; }
 
 .margin-75px-left{ margin-left: 75px; }
 
 .margin-80px-left{ margin-left: 80px; }
 
 .margin-85px-left{ margin-left: 85px; }
 
 .margin-90px-left{ margin-left: 90px; }
 
 .margin-95px-left{ margin-left: 95px; }
 
 .margin-100px-left{ margin-left: 100px; }
 
 
 
 /* margin left and right */
 
 .margin-one-lr{ margin-left: 1%; margin-right: 1%; }
 
 .margin-one-half-lr{ margin-left: 1.5%; margin-right: 1.5%; }
 
 .margin-two-lr{ margin-left: 2%; margin-right: 2%; }
 
 .margin-two-half-lr{ margin-left: 2.5%; margin-right: 2.5%; }
 
 .margin-three-lr{ margin-left: 3%; margin-right: 3%; }
 
 .margin-three-half-lr{ margin-left: 3.5%; margin-right: 3.5%; }
 
 .margin-four-lr{ margin-left: 4%; margin-right: 4%; }
 
 .margin-four-half-lr{ margin-left: 4.5%; margin-right: 4.5%; }
 
 .margin-five-lr{ margin-left: 5%; margin-right: 5%; }
 
 .margin-five-half-lr{ margin-left: 5.5%; margin-right: 5.5%; }
 
 .margin-six-lr{ margin-left: 6%; margin-right: 6%; }
 
 .margin-six-half-lr{ margin-left: 6.5%; margin-right: 6.5%; }
 
 .margin-seven-lr{ margin-left: 7%; margin-right: 7%; }
 
 .margin-seven-half-lr{ margin-left: 7.5%; margin-right: 7.5%; }
 
 .margin-eight-lr{ margin-left: 8%; margin-right: 8%; }
 
 .margin-eight-half-lr{ margin-left: 8.5%; margin-right: 8.5%; }
 
 .margin-nine-lr{ margin-left: 9%; margin-right: 9%; }
 
 .margin-nine-half-lr{ margin-left: 9.5%; margin-right: 9.5%; }
 
 .margin-ten-lr{ margin-left: 10%; margin-right: 10%; }
 
 .margin-ten-half-lr{ margin-left: 10.5%; margin-right: 10.5%; }
 
 .margin-eleven-lr{ margin-left: 11%; margin-right: 11%; }
 
 .margin-eleven-half-lr{ margin-left: 11.5%; margin-right: 11.5%; }
 
 .margin-twelve-lr{ margin-left: 12%; margin-right: 12%; }
 
 .margin-twelve-half-lr{ margin-left: 12.5%; margin-right: 12.5%; }
 
 .margin-thirteen-lr{ margin-left: 13%; margin-right: 13%; }
 
 .margin-thirteen-half-lr{ margin-left: 13.5%; margin-right: 13.5%; }
 
 .margin-fourteen-lr{ margin-left: 14%; margin-right: 14%; }
 
 .margin-fourteen-half-lr{ margin-left: 14.5%; margin-right: 14.5%; }
 
 .margin-fifteen-lr{ margin-left: 15%; margin-right: 15%; }
 
 .margin-fifteen-half-lr{ margin-left: 15.5%; margin-right: 15.5%; }
 
 .margin-sixteen-lr{ margin-left: 16%; margin-right: 16%; }
 
 .margin-sixteen-half-lr{ margin-left: 16.5%; margin-right: 16.5%; }
 
 .margin-seventeen-lr{ margin-left: 17%; margin-right: 17%; }
 
 .margin-seventeen-half-lr{ margin-left: 17.5%; margin-right: 17.5%; }
 
 .margin-eighteen-lr{ margin-left: 18%; margin-right: 18%; }
 
 .margin-eighteen-half-lr{ margin-left: 18.5%; margin-right: 18.5%; }
 
 .margin-nineteen-lr{ margin-left: 19%; margin-right: 19%; }
 
 .margin-nineteen-half-lr{ margin-left: 19.5%; margin-right: 19.5%; }
 
 .margin-twenty-lr{ margin-left: 20%; margin-right: 20%; }
 
 .margin-twenty-half-lr{ margin-left: 20.5%; margin-right: 20.5%; }
 
 .margin-twenty-one-lr{ margin-left: 21%; margin-right: 21%; }
 
 .margin-twenty-one-half-lr{ margin-left: 21.5%; margin-right: 21.5%; }
 
 .margin-twenty-two-lr{ margin-left: 22%; margin-right: 22%; }
 
 .margin-twenty-two-half-lr{ margin-left: 22.5%; margin-right: 22.5%; }
 
 .margin-twenty-three-lr{ margin-left: 23%; margin-right: 23%; }
 
 .margin-twenty-three-half-lr{ margin-left: 23.5%; margin-right: 23.5%; }
 
 .margin-twenty-four-lr{ margin-left: 24%; margin-right: 24%; }
 
 .margin-twenty-four-half-lr{ margin-left: 24.5%; margin-right: 24.5%; }
 
 .margin-twenty-five-lr{ margin-left: 25%; margin-right: 25%; }
 
 .margin-5px-lr{ margin-left: 5px; margin-right: 5px; }
 
 .margin-10px-lr{ margin-left: 10px; margin-right: 10px; }
 
 .margin-15px-lr{ margin-left: 15px; margin-right: 15px; }
 
 .margin-20px-lr{ margin-left: 20px; margin-right: 20px; }
 
 .margin-25px-lr{ margin-left: 25px; margin-right: 25px; }
 
 .margin-30px-lr{ margin-left: 30px; margin-right: 30px; }
 
 .margin-35px-lr{ margin-left: 35px; margin-right: 35px; }
 
 .margin-40px-lr{ margin-left: 40px; margin-right: 40px; }
 
 .margin-45px-lr{ margin-left: 45px; margin-right: 45px; }
 
 .margin-50px-lr{ margin-left: 50px; margin-right: 50px; }
 
 .margin-55px-lr{ margin-left: 55px; margin-right: 55px; }
 
 .margin-60px-lr{ margin-left: 60px; margin-right: 60px; }
 
 .margin-65px-lr{ margin-left: 65px; margin-right: 65px; }
 
 .margin-70px-lr{ margin-left: 70px; margin-right: 70px; }
 
 .margin-75px-lr{ margin-left: 75px; margin-right: 75px; }
 
 .margin-80px-lr{ margin-left: 80px; margin-right: 80px; }
 
 .margin-85px-lr{ margin-left: 85px; margin-right: 85px; }
 
 .margin-90px-lr{ margin-left: 90px; margin-right: 90px; }
 
 .margin-95px-lr{ margin-left: 95px; margin-right: 95px; }
 
 .margin-100px-lr{ margin-left: 100px; margin-right: 100px; }
 
 
 
 /* margin top and bottom */
 
 .margin-half-tb{ margin-top: 0.5%; margin-bottom: 0.5%; }
 
 .margin-one-tb{ margin-top: 1%; margin-bottom: 1%; }
 
 .margin-one-half-tb{ margin-top: 1.5%; margin-bottom: 1.5%; }
 
 .margin-two-tb{ margin-top: 2%; margin-bottom: 2%; }
 
 .margin-two-half-tb{ margin-top: 2.5%; margin-bottom: 2.5%; }
 
 .margin-three-tb{ margin-top: 3%; margin-bottom: 3%; }
 
 .margin-three-half-tb{ margin-top: 3.5%; margin-bottom: 3.5%; }
 
 .margin-four-tb{ margin-top: 4%; margin-bottom: 4%; }
 
 .margin-four-half-tb{ margin-top: 4.5%; margin-bottom: 4.5%; }
 
 .margin-five-tb{ margin-top: 5%; margin-bottom: 5%; }
 
 .margin-five-half-tb{ margin-top: 5.5%; margin-bottom: 5.5%; }
 
 .margin-six-tb{ margin-top: 6%; margin-bottom: 6%; }
 
 .margin-six-half-tb{ margin-top: 6.5%; margin-bottom: 6.5%; }
 
 .margin-seven-tb{ margin-top: 7%; margin-bottom: 7%; }
 
 .margin-seven-half-tb{ margin-top: 7.5%; margin-bottom: 7.5%; }
 
 .margin-eight-tb{ margin-top: 8%; margin-bottom: 8%; }
 
 .margin-eight-half-tb{ margin-top: 8.5%; margin-bottom: 8.5%; }
 
 .margin-nine-tb{ margin-top: 9%; margin-bottom: 9%; }
 
 .margin-nine-half-tb{ margin-top: 9.5%; margin-bottom: 9.5%; }
 
 .margin-ten-tb{ margin-top: 10%; margin-bottom: 10%; }
 
 .margin-ten-half-tb{ margin-top: 10.5%; margin-bottom: 10.5%; }
 
 .margin-eleven-tb{ margin-top: 11%; margin-bottom: 11%; }
 
 .margin-eleven-half-tb{ margin-top: 11.5%; margin-bottom: 11.5%; }
 
 .margin-twelve-tb{ margin-top: 12%; margin-bottom: 12%; }
 
 .margin-twelve-half-tb{ margin-top: 12.5%; margin-bottom: 12.5%; }
 
 .margin-thirteen-tb{ margin-top: 13%; margin-bottom: 13%; }
 
 .margin-thirteen-half-tb{ margin-top: 13.5%; margin-bottom: 13.5%; }
 
 .margin-fourteen-tb{ margin-top: 14%; margin-bottom: 14%; }
 
 .margin-fourteen-half-tb{ margin-top: 14.5%; margin-bottom: 14.5%; }
 
 .margin-fifteen-tb{ margin-top: 15%; margin-bottom: 15%; }
 
 .margin-fifteen-half-tb{ margin-top: 15.5%; margin-bottom: 15.5%; }
 
 .margin-sixteen-tb{ margin-top: 16%; margin-bottom: 16%; }
 
 .margin-sixteen-half-tb{ margin-top: 16.5%; margin-bottom: 16.5%; }
 
 .margin-seventeen-tb{ margin-top: 17%; margin-bottom: 17%; }
 
 .margin-seventeen-half-tb{ margin-top: 17.5%; margin-bottom: 17.5%; }
 
 .margin-eighteen-tb{ margin-top: 18%; margin-bottom: 18%; }
 
 .margin-eighteen-half-tb{ margin-top: 18.5%; margin-bottom: 18.5%; }
 
 .margin-nineteen-tb{ margin-top: 19%; margin-bottom: 19%; }
 
 .margin-nineteen-half-tb{ margin-top: 19.5%; margin-bottom: 19.5%; }
 
 .margin-twenty-tb{ margin-top: 20%; margin-bottom: 20%; }
 
 .margin-twenty-half-tb{ margin-top: 20.5%; margin-bottom: 20.5%; }
 
 .margin-twenty-one-tb{ margin-top: 21%; margin-bottom: 21%; }
 
 .margin-twenty-one-half-tb{ margin-top: 21.5%; margin-bottom: 21.5%; }
 
 .margin-twenty-two-tb{ margin-top: 22%; margin-bottom: 22%; }
 
 .margin-twenty-two-half-tb{ margin-top: 22.5%; margin-bottom: 22.5%; }
 
 .margin-twenty-three-tb{ margin-top: 23%; margin-bottom: 23%; }
 
 .margin-twenty-three-half-tb{ margin-top: 23.5%; margin-bottom: 23.5%; }
 
 .margin-twenty-four-tb{ margin-top: 24%; margin-bottom: 24%; }
 
 .margin-twenty-four-half-tb{ margin-top: 24.5%; margin-bottom: 24.5%; }
 
 .margin-twenty-five-tb{ margin-top: 25%; margin-bottom: 25%; }
 
 .margin-5px-tb{ margin-top: 5px; margin-bottom: 5px; }
 
 .margin-10px-tb{ margin-top: 10px; margin-bottom: 10px; }
 
 .margin-15px-tb{ margin-top: 15px; margin-bottom: 15px; }
 
 .margin-20px-tb{ margin-top: 20px; margin-bottom: 20px; }
 
 .margin-25px-tb{ margin-top: 25px; margin-bottom: 25px; }
 
 .margin-30px-tb{ margin-top: 30px; margin-bottom: 30px; }
 
 .margin-35px-tb{ margin-top: 35px; margin-bottom: 35px; }
 
 .margin-40px-tb{ margin-top: 40px; margin-bottom: 40px; }
 
 .margin-45px-tb{ margin-top: 45px; margin-bottom: 45px; }
 
 .margin-50px-tb{ margin-top: 50px; margin-bottom: 50px; }
 
 .margin-55px-tb{ margin-top: 55px; margin-bottom: 55px; }
 
 .margin-60px-tb{ margin-top: 60px; margin-bottom: 60px; }
 
 .margin-65px-tb{ margin-top: 65px; margin-bottom: 65px; }
 
 .margin-70px-tb{ margin-top: 70px; margin-bottom: 70px; }
 
 .margin-75px-tb{ margin-top: 75px; margin-bottom: 75px; }
 
 .margin-80px-tb{ margin-top: 80px; margin-bottom: 80px; }
 
 .margin-85px-tb{ margin-top: 85px; margin-bottom: 85px; }
 
 .margin-90px-tb{ margin-top: 90px; margin-bottom: 90px; }
 
 .margin-95px-tb{ margin-top: 95px; margin-bottom: 95px; }
 
 .margin-100px-tb{ margin-top: 100px; margin-bottom: 100px; }
 
 
 
 /*==============================
 
     Padding
 
 ================================*/
 
 
 
 .no-padding{ padding: 0 !important; }
 
 .no-padding-lr{ padding-left: 0 !important; padding-right: 0 !important; }
 
 .no-padding-tb{ padding-top: 0 !important; padding-bottom: 0 !important; }
 
 .no-padding-top{ padding-top: 0 !important; }
 
 .no-padding-bottom{ padding-bottom: 0 !important; }
 
 .no-padding-left{ padding-left: 0 !important; }
 
 .no-padding-right{ padding-right: 0 !important; }
 
 .padding-one-all{ padding: 1%; }
 
 .padding-one-half-all{ padding: 1.5%; }
 
 .padding-two-all{ padding: 2%; }
 
 .padding-two-half-all{ padding: 2.5%; }
 
 .padding-three-all{ padding: 3%; }
 
 .padding-three-half-all{ padding: 3.5%; }
 
 .padding-four-all{ padding: 4%; }
 
 .padding-four-half-all{ padding: 4.5%; }
 
 .padding-five-all{ padding: 5%; }
 
 .padding-five-half-all{ padding: 5.5%; }
 
 .padding-six-all{ padding: 6%; }
 
 .padding-six-half-all{ padding: 6.5%; }
 
 .padding-seven-all{ padding: 7%; }
 
 .padding-seven-half-all{ padding: 7.5%; }
 
 .padding-eight-all{ padding: 8%; }
 
 .padding-eight-half-all{ padding: 8.5%; }
 
 .padding-nine-all{ padding: 9%; }
 
 .padding-nine-half-all{ padding: 9.5%; }
 
 .padding-ten-all{ padding: 10%; }
 
 .padding-ten-half-all{ padding: 10.5%; }
 
 .padding-eleven-all{ padding: 11%; }
 
 .padding-eleven-half-all{ padding: 11.5%; }
 
 .padding-twelve-all{ padding: 12%; }
 
 .padding-twelve-half-all{ padding: 12.5%; }
 
 .padding-thirteen-all{ padding: 13%; }
 
 .padding-thirteen-half-all{ padding: 13.5%; }
 
 .padding-fourteen-all{ padding: 14%; }
 
 .padding-fourteen-half-all{ padding: 14.5%; }
 
 .padding-fifteen-all{ padding: 15%; }
 
 .padding-fifteen-half-all{ padding: 15.5%; }
 
 .padding-sixteen-all{ padding: 16%; }
 
 .padding-sixteen-half-all{ padding: 16.5%; }
 
 .padding-seventeen-all{ padding: 17%; }
 
 .padding-seventeen-half-all{ padding: 17.5%; }
 
 .padding-eighteen-all{ padding: 18%; }
 
 .padding-eighteen-half-all{ padding: 18.5%; }
 
 .padding-nineteen-all{ padding: 19%; }
 
 .padding-nineteen-half-all{ padding: 19.5%; }
 
 .padding-twenty-all{ padding: 20%; }
 
 .padding-twenty-half-all{ padding: 20.5%; }
 
 .padding-twenty-one-all{ padding: 21%; }
 
 .padding-twenty-one-half-all{ padding: 21.5%; }
 
 .padding-twenty-two-all{ padding: 22%; }
 
 .padding-twenty-two-half-all{ padding: 22.5%; }
 
 .padding-twenty-three-all{ padding: 23%; }
 
 .padding-twenty-three-half-all{ padding: 23.5%; }
 
 .padding-twenty-four-all{ padding: 24%; }
 
 .padding-twenty-four-half-all{ padding: 24.5%; }
 
 .padding-twenty-five-all{ padding: 25%; }
 
 .padding-twenty-five-half-all{ padding: 25.5%; }

 .padding-twenty-five-all{ padding: 30% }
 
 .padding-5px-all{ padding: 5px; }
 
 .padding-10px-all{ padding: 10px; }
 
 .padding-15px-all{ padding: 15px; }
 
 .padding-20px-all{ padding: 20px; }
 
 .padding-25px-all{ padding: 25px; }
 
 .padding-30px-all{ padding: 30px; }
 
 .padding-35px-all{ padding: 35px; }
 
 .padding-40px-all{ padding: 40px; }
 
 .padding-45px-all{ padding: 45px; }
 
 .padding-50px-all{ padding: 50px; }
 
 .padding-55px-all{ padding: 55px; }
 
 .padding-60px-all{ padding: 60px; }
 
 .padding-65px-all{ padding: 65px; }
 
 .padding-70px-all{ padding: 70px; }
 
 .padding-75px-all{ padding: 75px; }
 
 .padding-80px-all{ padding: 80px; }
 
 .padding-85px-all{ padding: 85px; }
 
 .padding-90px-all{ padding: 90px; }
 
 .padding-95px-all{ padding: 95px; }
 
 .padding-100px-all{ padding: 100px; }
 
 
 
 /* padding top */
 
 .padding-one-top{ padding-top: 1%; }
 
 .padding-one-half-top{ padding-top: 1.5%; }
 
 .padding-two-top{ padding-top: 2%; }
 
 .padding-two-half-top{ padding-top: 2.5%; }
 
 .padding-three-top{ padding-top: 3%; }
 
 .padding-three-half-top{ padding-top: 3.5%; }
 
 .padding-four-top{ padding-top: 4%; }
 
 .padding-four-half-top{ padding-top: 4.5%; }
 
 .padding-five-top{ padding-top: 5%; }
 
 .padding-five-half-top{ padding-top: 5.5%; }
 
 .padding-six-top{ padding-top: 6%; }
 
 .padding-six-half-top{ padding-top: 6.5%; }
 
 .padding-seven-top{ padding-top: 7%; }
 
 .padding-seven-half-top{ padding-top: 7.5%; }
 
 .padding-eight-top{ padding-top: 8%; }
 
 .padding-eight-half-top{ padding-top: 8.5%; }
 
 .padding-nine-top{ padding-top: 9%; }
 
 .padding-nine-half-top{ padding-top: 9.5%; }
 
 .padding-ten-top{ padding-top: 10%; }
 
 .padding-ten-half-top{ padding-top: 10.5%; }
 
 .padding-eleven-top{ padding-top: 11%; }
 
 .padding-eleven-half-top{ padding-top: 11.5%; }
 
 .padding-twelve-top{ padding-top: 12%; }
 
 .padding-twelve-half-top{ padding-top: 12.5%; }
 
 .padding-thirteen-top{ padding-top: 13%; }
 
 .padding-thirteen-half-top{ padding-top: 13.5%; }
 
 .padding-fourteen-top{ padding-top: 14%; }
 
 .padding-fourteen-half-top{ padding-top: 14.5%; }
 
 .padding-fifteen-top{ padding-top: 15%; }
 
 .padding-fifteen-half-top{ padding-top: 15.5%; }
 
 .padding-sixteen-top{ padding-top: 16%; }
 
 .padding-sixteen-half-top{ padding-top: 16.5%; }
 
 .padding-seventeen-top{ padding-top: 17%; }
 
 .padding-seventeen-half-top{ padding-top: 17.5%; }
 
 .padding-eighteen-top{ padding-top: 18%; }
 
 .padding-eighteen-half-top{ padding-top: 18.5%; }
 
 .padding-nineteen-top{ padding-top: 19%; }
 
 .padding-nineteen-half-top{ padding-top: 19.5%; }
 
 .padding-twenty-top{ padding-top: 20%; }
 
 .padding-twenty-half-top{ padding-top: 20.5%; }
 
 .padding-twenty-one-top{ padding-top: 21%; }
 
 .padding-twenty-one-half-top{ padding-top: 21.5%; }
 
 .padding-twenty-two-top{ padding-top: 22%; }
 
 .padding-twenty-two-half-top{ padding-top: 22.5%; }
 
 .padding-twenty-two-top{ padding-top: 22%; }
 
 .padding-twenty-two-half-top{ padding-top: 22.5%; }
 
 .padding-twenty-three-top{ padding-top: 23%; }
 
 .padding-twenty-three-half-top{ padding-top: 23.5%; }
 
 .padding-twenty-four-top{ padding-top: 24%; }
 
 .padding-twenty-four-half-top{ padding-top: 24.5%; }
 
 .padding-twenty-five-top{ padding-top: 25%; }
 
 .padding-0px-top{ padding-top: 0px; }
 
 .padding-5px-top{ padding-top: 5px; }
 
 .padding-10px-top{ padding-top: 10px; }
 
 .padding-15px-top{ padding-top: 15px; }
 
 .padding-20px-top{ padding-top: 20px; }
 
 .padding-25px-top{ padding-top: 25px; }
 
 .padding-30px-top{ padding-top: 30px; }
 
 .padding-35px-top{ padding-top: 35px; }
 
 .padding-40px-top{ padding-top: 40px; }
 
 .padding-45px-top{ padding-top: 45px; }
 
 .padding-50px-top{ padding-top: 50px; }
 
 .padding-55px-top{ padding-top: 55px; }
 
 .padding-60px-top{ padding-top: 60px; }
 
 .padding-65px-top{ padding-top: 65px; }
 
 .padding-70px-top{ padding-top: 70px; }
 
 .padding-75px-top{ padding-top: 75px; }
 
 .padding-80px-top{ padding-top: 80px; }
 
 .padding-85px-top{ padding-top: 85px; }
 
 .padding-90px-top{ padding-top: 90px; }
 
 .padding-95px-top{ padding-top: 95px; }
 
 .padding-100px-top{ padding-top: 100px; }
 
 
 
 /* padding bottom */

 .padding-half-bottom{ padding-bottom: 0.5%; }
 
 .padding-one-bottom{ padding-bottom: 1%; }
 
 .padding-one-half-bottom{ padding-bottom: 1.5%; }
 
 .padding-two-bottom{ padding-bottom: 2%; }
 
 .padding-two-half-bottom{ padding-bottom: 2.5%; }
 
 .padding-three-bottom{ padding-bottom: 3%; }
 
 .padding-three-half-bottom{ padding-bottom: 3.5%; }
 
 .padding-four-bottom{ padding-bottom: 4%; }
 
 .padding-four-half-bottom{ padding-bottom: 4.5%; }
 
 .padding-five-bottom{ padding-bottom: 5%; }
 
 .padding-five-half-bottom{ padding-bottom: 5.5%; }
 
 .padding-six-bottom{ padding-bottom: 6%; }
 
 .padding-six-half-bottom{ padding-bottom: 6.5%; }
 
 .padding-seven-bottom{ padding-bottom: 7%; }
 
 .padding-seven-half-bottom{ padding-bottom: 7.5%; }
 
 .padding-eight-bottom{ padding-bottom: 8%; }
 
 .padding-eight-half-bottom{ padding-bottom: 8.5%; }
 
 .padding-nine-bottom{ padding-bottom: 9%; }
 
 .padding-nine-half-bottom{ padding-bottom: 9.5%; }
 
 .padding-ten-bottom{ padding-bottom: 10%; }
 
 .padding-ten-half-bottom{ padding-bottom: 10.5%; }
 
 .padding-eleven-bottom{ padding-bottom: 11%; }
 
 .padding-eleven-half-bottom{ padding-bottom: 11.5%; }
 
 .padding-twelve-bottom{ padding-bottom: 12%; }
 
 .padding-twelve-half-bottom{ padding-bottom: 12.5%; }
 
 .padding-thirteen-bottom{ padding-bottom: 13%; }
 
 .padding-thirteen-half-bottom{ padding-bottom: 13.5%; }
 
 .padding-fourteen-bottom{ padding-bottom: 14%; }
 
 .padding-fourteen-half-bottom{ padding-bottom: 14.5%; }
 
 .padding-fifteen-bottom{ padding-bottom: 15%; }
 
 .padding-fifteen-half-bottom{ padding-bottom: 15.5%; }
 
 .padding-sixteen-bottom{ padding-bottom: 16%; }
 
 .padding-sixteen-half-bottom{ padding-bottom: 16.5%; }
 
 .padding-seventeen-bottom{ padding-bottom: 17%; }
 
 .padding-seventeen-half-bottom{ padding-bottom: 17.5%; }
 
 .padding-eighteen-bottom{ padding-bottom: 18%; }
 
 .padding-eighteen-half-bottom{ padding-bottom: 18.5%; }
 
 .padding-nineteen-bottom{ padding-bottom: 19%; }
 
 .padding-nineteen-half-bottom{ padding-bottom: 19.5%; }
 
 .padding-twenty-bottom{ padding-bottom: 20%; }
 
 .padding-twenty-half-bottom{ padding-bottom: 20.5%; }
 
 .padding-twenty-one-bottom{ padding-bottom: 21%; }
 
 .padding-twenty-one-half-bottom{ padding-bottom: 21.5%; }
 
 .padding-twenty-two-bottom{ padding-bottom: 22%; }
 
 .padding-twenty-two-half-bottom{ padding-bottom: 22.5%; }
 
 .padding-twenty-three-bottom{ padding-bottom: 23%; }
 
 .padding-twenty-three-half-bottom{ padding-bottom: 23.5%; }
 
 .padding-twenty-four-bottom{ padding-bottom: 24%; }
 
 .padding-twenty-four-half-bottom{ padding-bottom: 24.5%; }
 
 .padding-twenty-five-bottom{ padding-bottom: 25%; }
 
 .padding-0px-bottom{ padding-bottom: 0px; }
 
 .padding-5px-bottom{ padding-bottom: 5px; }
 
 .padding-10px-bottom{ padding-bottom: 10px; }
 
 .padding-15px-bottom{ padding-bottom: 15px; }
 
 .padding-20px-bottom{ padding-bottom: 20px; }
 
 .padding-25px-bottom{ padding-bottom: 25px; }
 
 .padding-30px-bottom{ padding-bottom: 30px; }
 
 .padding-35px-bottom{ padding-bottom: 35px; }
 
 .padding-40px-bottom{ padding-bottom: 40px; }
 
 .padding-45px-bottom{ padding-bottom: 45px; }
 
 .padding-50px-bottom{ padding-bottom: 50px; }
 
 .padding-55px-bottom{ padding-bottom: 55px; }
 
 .padding-60px-bottom{ padding-bottom: 60px; }
 
 .padding-65px-bottom{ padding-bottom: 65px; }
 
 .padding-70px-bottom{ padding-bottom: 70px; }
 
 .padding-75px-bottom{ padding-bottom: 75px; }
 
 .padding-80px-bottom{ padding-bottom: 80px; }
 
 .padding-85px-bottom{ padding-bottom: 85px; }
 
 .padding-90px-bottom{ padding-bottom: 90px; }
 
 .padding-95px-bottom{ padding-bottom: 95px; }
 
 .padding-100px-bottom{ padding-bottom: 100px; }
 
 
 
 /* padding right */
 
 .padding-one-right{ padding-right: 1%; }
 
 .padding-one-half-right{ padding-right: 1.5%; }
 
 .padding-two-right{ padding-right: 2%; }
 
 .padding-two-half-right{ padding-right: 2.5%; }
 
 .padding-three-right{ padding-right: 3%; }
 
 .padding-three-half-right{ padding-right: 3.5%; }
 
 .padding-four-right{ padding-right: 4%; }
 
 .padding-four-half-right{ padding-right: 4.5%; }
 
 .padding-five-right{ padding-right: 5%; }
 
 .padding-five-half-right{ padding-right: 5.5%; }
 
 .padding-six-right{ padding-right: 6%; }
 
 .padding-six-half-right{ padding-right: 6.5%; }
 
 .padding-seven-right{ padding-right: 7%; }
 
 .padding-seven-half-right{ padding-right: 7.5%; }
 
 .padding-eight-right{ padding-right: 8%; }
 
 .padding-eight-half-right{ padding-right: 8.5%; }
 
 .padding-nine-right{ padding-right: 9%; }
 
 .padding-nine-half-right{ padding-right: 9.5%; }
 
 .padding-ten-right{ padding-right: 10%; }
 
 .padding-ten-half-right{ padding-right: 10.5%; }
 
 .padding-eleven-right{ padding-right: 11%; }
 
 .padding-eleven-half-right{ padding-right: 11.5%; }
 
 .padding-twelve-right{ padding-right: 12%; }
 
 .padding-twelve-half-right{ padding-right: 12.5%; }
 
 .padding-thirteen-right{ padding-right: 13%; }
 
 .padding-thirteen-half-right{ padding-right: 13.5%; }
 
 .padding-fourteen-right{ padding-right: 14%; }
 
 .padding-fourteen-half-right{ padding-right: 14.5%; }
 
 .padding-fifteen-right{ padding-right: 15%; }
 
 .padding-fifteen-half-right{ padding-right: 15.5%; }
 
 .padding-sixteen-right{ padding-right: 16%; }
 
 .padding-sixteen-half-right{ padding-right: 16.5%; }
 
 .padding-seventeen-right{ padding-right: 17%; }
 
 .padding-seventeen-half-right{ padding-right: 17.5%; }
 
 .padding-eighteen-right{ padding-right: 18%; }
 
 .padding-eighteen-half-right{ padding-right: 18.5%; }
 
 .padding-nineteen-right{ padding-right: 19%; }
 
 .padding-nineteen-half-right{ padding-right: 19.5%; }
 
 .padding-twenty-right{ padding-right: 20%; }
 
 .padding-twenty-half-right{ padding-right: 20.5%; }
 
 .padding-twenty-one-right{ padding-right: 21%; }
 
 .padding-twenty-one-half-right{ padding-right: 21.5%; }
 
 .padding-twenty-two-right{ padding-right: 22%; }
 
 .padding-twenty-two-half-right{ padding-right: 22.5%; }
 
 .padding-twenty-three-right{ padding-right: 23%; }
 
 .padding-twenty-three-half-right{ padding-right: 23.5%; }
 
 .padding-twenty-four-right{ padding-right: 24%; }
 
 .padding-twenty-four-half-right{ padding-right: 24.5%; }
 
 .padding-twenty-five-right{ padding-right: 25%; }
 
 .padding-0px-right{ padding-right: 0px; }
 
 .padding-5px-right{ padding-right: 5px; }
 
 .padding-10px-right{ padding-right: 10px; }
 
 .padding-15px-right{ padding-right: 15px; }
 
 .padding-20px-right{ padding-right: 20px; }
 
 .padding-25px-right{ padding-right: 25px; }
 
 .padding-30px-right{ padding-right: 30px; }
 
 .padding-35px-right{ padding-right: 35px; }
 
 .padding-40px-right{ padding-right: 40px; }
 
 .padding-45px-right{ padding-right: 45px; }
 
 .padding-50px-right{ padding-right: 50px; }
 
 .padding-55px-right{ padding-right: 55px; }
 
 .padding-60px-right{ padding-right: 60px; }
 
 .padding-65px-right{ padding-right: 65px; }
 
 .padding-70px-right{ padding-right: 70px; }
 
 .padding-75px-right{ padding-right: 75px; }
 
 .padding-80px-right{ padding-right: 80px; }
 
 .padding-85px-right{ padding-right: 85px; }
 
 .padding-90px-right{ padding-right: 90px; }
 
 .padding-95px-right{ padding-right: 95px; }
 
 .padding-100px-right{ padding-right: 100px; }
 
 
 
 /* padding left */
 
 .padding-one-left{ padding-left: 1%; }
 
 .padding-one-half-left{ padding-left: 1.5%; }
 
 .padding-two-left{ padding-left: 2%; }
 
 .padding-two-half-left{ padding-left: 2.5%; }
 
 .padding-three-left{ padding-left: 3%; }
 
 .padding-three-half-left{ padding-left: 3.5%; }
 
 .padding-four-left{ padding-left: 4%; }
 
 .padding-four-half-left{ padding-left: 4.5%; }
 
 .padding-five-left{ padding-left: 5%; }
 
 .padding-five-half-left{ padding-left: 5.5%; }
 
 .padding-six-left{ padding-left: 6%; }
 
 .padding-six-half-left{ padding-left: 6.5%; }
 
 .padding-seven-left{ padding-left: 7%; }
 
 .padding-seven-half-left{ padding-left: 7.5%; }
 
 .padding-eight-left{ padding-left: 8%; }
 
 .padding-eight-half-left{ padding-left: 8.5%; }
 
 .padding-nine-left{ padding-left: 9%; }
 
 .padding-nine-half-left{ padding-left: 9.5%; }
 
 .padding-ten-left{ padding-left: 10%; }
 
 .padding-ten-half-left{ padding-left: 10.5%; }
 
 .padding-eleven-left{ padding-left: 11%; }
 
 .padding-eleven-half-left{ padding-left: 11.5%; }
 
 .padding-twelve-left{ padding-left: 12%; }
 
 .padding-twelve-half-left{ padding-left: 12.5%; }
 
 .padding-thirteen-left{ padding-left: 13%; }
 
 .padding-thirteen-half-left{ padding-left: 13.5%; }
 
 .padding-fourteen-left{ padding-left: 14%; }
 
 .padding-fourteen-half-left{ padding-left: 14.5%; }
 
 .padding-fifteen-left{ padding-left: 15%; }
 
 .padding-fifteen-half-left{ padding-left: 15.5%; }
 
 .padding-sixteen-left{ padding-left: 16%; }
 
 .padding-sixteen-half-left{ padding-left: 16.5%; }
 
 .padding-seventeen-left{ padding-left: 17%; }
 
 .padding-seventeen-half-left{ padding-left: 17.5%; }
 
 .padding-eighteen-left{ padding-left: 18%; }
 
 .padding-eighteen-half-left{ padding-left: 18.5%; }
 
 .padding-nineteen-left{ padding-left: 19%; }
 
 .padding-nineteen-half-left{ padding-left: 19.5%; }
 
 .padding-twenty-left{ padding-left: 20%; }
 
 .padding-twenty-half-left{ padding-left: 20.5%; }
 
 .padding-twenty-one-left{ padding-left: 21%; }
 
 .padding-twenty-one-half-left{ padding-left: 21.5%; }
 
 .padding-twenty-two-left{ padding-left: 22%; }
 
 .padding-twenty-two-half-left{ padding-left: 22.5%; }
 
 .padding-twenty-three-left{ padding-left: 23%; }
 
 .padding-twenty-three-half-left{ padding-left: 23.5%; }
 
 .padding-twenty-four-left{ padding-left: 24%; }
 
 .padding-twenty-four-half-left{ padding-left: 24.5%; }
 
 .padding-twenty-five-left{ padding-left: 25%; }
 
 .padding-0px-left{ padding-left: 0px; }
 
 .padding-5px-left{ padding-left: 5px; }
 
 .padding-10px-left{ padding-left: 10px; }
 
 .padding-15px-left{ padding-left: 15px; }
 
 .padding-20px-left{ padding-left: 20px; }
 
 .padding-25px-left{ padding-left: 25px; }
 
 .padding-30px-left{ padding-left: 30px; }
 
 .padding-35px-left{ padding-left: 35px; }
 
 .padding-40px-left{ padding-left: 40px; }
 
 .padding-45px-left{ padding-left: 45px; }
 
 .padding-50px-left{ padding-left: 50px; }
 
 .padding-55px-left{ padding-left: 55px; }
 
 .padding-60px-left{ padding-left: 60px; }
 
 .padding-65px-left{ padding-left: 65px; }
 
 .padding-70px-left{ padding-left: 70px; }
 
 .padding-75px-left{ padding-left: 75px; }
 
 .padding-80px-left{ padding-left: 80px; }
 
 .padding-85px-left{ padding-left: 85px; }
 
 .padding-90px-left{ padding-left: 90px; }
 
 .padding-95px-left{ padding-left: 95px; }
 
 .padding-100px-left{ padding-left: 100px; }
 
 
 
 /* padding top and bottom */
 
 .padding-one-tb{ padding-top: 1%; padding-bottom: 1%; }
 
 .padding-one-half-tb{ padding-top: 1.5%; padding-bottom: 1.5%; }
 
 .padding-two-tb{ padding-top: 2%; padding-bottom: 2%; }
 
 .padding-two-half-tb{ padding-top: 2.5%; padding-bottom: 2.5%; }
 
 .padding-three-tb{ padding-top: 3%; padding-bottom: 3%; }
 
 .padding-three-half-tb{ padding-top: 3.5%; padding-bottom: 3.5%; }
 
 .padding-four-tb{ padding-top: 4%; padding-bottom: 4%; }
 
 .padding-four-half-tb{ padding-top: 4.5%; padding-bottom: 4.5%; }
 
 .padding-five-tb{ padding-top: 5%; padding-bottom: 5%; }
 
 .padding-five-half-tb{ padding-top: 5.5%; padding-bottom: 5.5%; }
 
 .padding-six-tb{ padding-top: 6%; padding-bottom: 6%; }
 
 .padding-six-half-tb{ padding-top: 6.5%; padding-bottom: 6.5%; }
 
 .padding-seven-tb{ padding-top: 7%; padding-bottom: 7%; }
 
 .padding-seven-half-tb{ padding-top: 7.5%; padding-bottom: 7.5%; }
 
 .padding-eight-tb{ padding-top: 8%; padding-bottom: 8%; }
 
 .padding-eight-half-tb{ padding-top: 8.5%; padding-bottom: 8.5%; }
 
 .padding-nine-tb{ padding-top: 9%; padding-bottom: 9%; }
 
 .padding-nine-half-tb{ padding-top: 9.5%; padding-bottom: 9.5%; }
 
 .padding-ten-tb{ padding-top: 10%; padding-bottom: 10%; }
 
 .padding-ten-half-tb{ padding-top: 10.5%; padding-bottom: 10.5%; }
 
 .padding-eleven-tb{ padding-top: 11%; padding-bottom: 11%; }
 
 .padding-eleven-half-tb{ padding-top: 11.5%; padding-bottom: 11.5%; }
 
 .padding-twelve-tb{ padding-top: 12%; padding-bottom: 12%; }
 
 .padding-twelve-half-tb{ padding-top: 12.5%; padding-bottom: 12.5%; }
 
 .padding-thirteen-tb{ padding-top: 13%; padding-bottom: 13%; }
 
 .padding-thirteen-half-tb{ padding-top: 13.5%; padding-bottom: 13.5%; }
 
 .padding-fourteen-tb{ padding-top: 14%; padding-bottom: 14%; }
 
 .padding-fourteen-half-tb{ padding-top: 14.5%; padding-bottom: 14.5%; }
 
 .padding-fifteen-tb{ padding-top: 15%; padding-bottom: 15%; }
 
 .padding-fifteen-half-tb{ padding-top: 15.5%; padding-bottom: 15.5%; }
 
 .padding-sixteen-tb{ padding-top: 16%; padding-bottom: 16%; }
 
 .padding-sixteen-half-tb{ padding-top: 16.5%; padding-bottom: 16.5%; }
 
 .padding-seventeen-tb{ padding-top: 17%; padding-bottom: 17%; }
 
 .padding-seventeen-half-tb{ padding-top: 17.5%; padding-bottom: 17.5%; }
 
 .padding-eighteen-tb{ padding-top: 18%; padding-bottom: 18%; }
 
 .padding-eighteen-half-tb{ padding-top: 18.5%; padding-bottom: 18.5%; }
 
 .padding-nineteen-tb{ padding-top: 19%; padding-bottom: 19%; }
 
 .padding-nineteen-half-tb{ padding-top: 19.5%; padding-bottom: 19.5%; }
 
 .padding-twenty-tb{ padding-top: 20%; padding-bottom: 20%; }
 
 .padding-twenty-half-tb{ padding-top: 20.5%; padding-bottom: 20%; }
 
 .padding-twenty-one-tb{ padding-top: 21%; padding-bottom: 21%; }
 
 .padding-twenty-one-half-tb{ padding-top: 21.5%; padding-bottom: 21.5%; }
 
 .padding-twenty-two-tb{ padding-top: 22%; padding-bottom: 22%; }
 
 .padding-twenty-two-half-tb{ padding-top: 22.5%; padding-bottom: 22.5%; }
 
 .padding-twenty-three-tb{ padding-top: 23%; padding-bottom: 23%; }
 
 .padding-twenty-three-half-tb{ padding-top: 23.5%; padding-bottom: 23.5%; }
 
 .padding-twenty-four-tb{ padding-top: 24%; padding-bottom: 24%; }
 
 .padding-twenty-four-half-tb{ padding-top: 24.5%; padding-bottom: 24.5%; }
 
 .padding-twenty-five-tb{ padding-top: 25%; padding-bottom: 25%; }
 
 .padding-thirty-tb{ padding-top: 30%; padding-bottom: 30%; }
 
 .padding-5px-tb{ padding-top: 5px; padding-bottom: 5px; }
 
 .padding-10px-tb{ padding-top: 10px; padding-bottom: 10px; }
 
 .padding-15px-tb{ padding-top: 15px; padding-bottom: 15px; }
 
 .padding-20px-tb{ padding-top: 20px; padding-bottom: 20px; }
 
 .padding-25px-tb{ padding-top: 25px; padding-bottom: 25px; }
 
 .padding-30px-tb{ padding-top: 30px; padding-bottom: 30px; }
 
 .padding-35px-tb{ padding-top: 35px; padding-bottom: 35px; }
 
 .padding-40px-tb{ padding-top: 40px; padding-bottom: 40px; }
 
 .padding-45px-tb{ padding-top: 45px; padding-bottom: 45px; }
 
 .padding-50px-tb{ padding-top: 50px; padding-bottom: 50px; }
 
 .padding-55px-tb{ padding-top: 55px; padding-bottom: 55px; }
 
 .padding-60px-tb{ padding-top: 60px; padding-bottom: 60px; }
 
 .padding-65px-tb{ padding-top: 65px; padding-bottom: 65px; }
 
 .padding-70px-tb{ padding-top: 70px; padding-bottom: 70px; }
 
 .padding-75px-tb{ padding-top: 75px; padding-bottom: 75px; }
 
 .padding-80px-tb{ padding-top: 80px; padding-bottom: 80px; }
 
 .padding-85px-tb{ padding-top: 85px; padding-bottom: 85px; }
 
 .padding-90px-tb{ padding-top: 90px; padding-bottom: 90px; }
 
 .padding-95px-tb{ padding-top: 95px; padding-bottom: 95px; }
 
 .padding-100px-tb{ padding-top: 100px; padding-bottom: 100px; }
 
 
 
 /* padding left and right */
 
 .padding-one-lr{ padding-left: 1%; padding-right: 1%; }
 
 .padding-one-half-lr{ padding-left: 1.5%; padding-right: 1.5%; }
 
 .padding-two-lr{ padding-left: 2%; padding-right: 2%; }
 
 .padding-two-half-lr{ padding-left: 2.5%; padding-right: 2.5%; }
 
 .padding-three-lr{ padding-left: 3%; padding-right: 3%; }
 
 .padding-three-half-lr{ padding-left: 3.5%; padding-right: 3.5%; }
 
 .padding-four-lr{ padding-left: 4%; padding-right: 4%; }
 
 .padding-four-half-lr{ padding-left: 4.5%; padding-right: 4.5%; }
 
 .padding-five-lr{ padding-left: 5%; padding-right: 5%; }
 
 .padding-five-half-lr{ padding-left: 5.5%; padding-right: 5.5%; }
 
 .padding-six-lr{ padding-left: 6%; padding-right: 6%; }
 
 .padding-six-half-lr{ padding-left: 6.5%; padding-right: 6.5%; }
 
 .padding-seven-lr{ padding-left: 7%; padding-right: 7%; }
 
 .padding-seven-half-lr{ padding-left: 7.5%; padding-right: 7.5%; }
 
 .padding-eight-lr{ padding-left: 8%; padding-right: 8%; }
 
 .padding-eight-half-lr{ padding-left: 8.5%; padding-right: 8.5%; }
 
 .padding-nine-lr{ padding-left: 9%; padding-right: 9%; }
 
 .padding-nine-half-lr{ padding-left: 9.5%; padding-right: 9.5%; }
 
 .padding-ten-lr{ padding-left: 10%; padding-right: 10%; }
 
 .padding-ten-half-lr{ padding-left: 10.5%; padding-right: 10.5%; }
 
 .padding-eleven-lr{ padding-left: 11%; padding-right: 11%; }
 
 .padding-eleven-half-lr{ padding-left: 11.5%; padding-right: 11.5%; }
 
 .padding-twelve-lr{ padding-left: 12%; padding-right: 12%; }
 
 .padding-twelve-half-lr{ padding-left: 12.5%; padding-right: 12.5%; }
 
 .padding-thirteen-lr{ padding-left: 13%; padding-right: 13%; }
 
 .padding-thirteen-half-lr{ padding-left: 13.5%; padding-right: 13.5%; }
 
 .padding-fourteen-lr{ padding-left: 14%; padding-right: 14%; }
 
 .padding-fourteen-half-lr{ padding-left: 14.5%; padding-right: 14.5%; }
 
 .padding-fifteen-lr{ padding-left: 15%; padding-right: 15%; }
 
 .padding-fifteen-half-lr{ padding-left: 15.5%; padding-right: 15.5%; }
 
 .padding-sixteen-lr{ padding-left: 16%; padding-right: 16%; }
 
 .padding-sixteen-half-lr{ padding-left: 16.5%; padding-right: 16.5%; }
 
 .padding-seventeen-lr{ padding-left: 17%; padding-right: 17%; }
 
 .padding-seventeen-half-lr{ padding-left: 17.5%; padding-right: 17.5%; }
 
 .padding-eighteen-lr{ padding-left: 18%; padding-right: 18%; }
 
 .padding-eighteen-half-lr{ padding-left: 18.5%; padding-right: 18.5%; }
 
 .padding-nineteen-lr{ padding-left: 19%; padding-right: 19%; }
 
 .padding-nineteen-half-lr{ padding-left: 19.5%; padding-right: 19.5%; }
 
 .padding-twenty-lr{ padding-left: 20%; padding-right: 20%; }
 
 .padding-twenty-half-lr{ padding-left: 20.5%; padding-right: 20.5%; }
 
 .padding-twenty-one-lr{ padding-left: 21%; padding-right: 21%; }
 
 .padding-twenty-one-half-lr{ padding-left: 21.5%; padding-right: 21.5%; }
 
 .padding-twenty-two-lr{ padding-left: 22%; padding-right: 22%; }
 
 .padding-twenty-two-half-lr{ padding-left: 22.5%; padding-right: 22.5%; }
 
 .padding-twenty-three-lr{ padding-left: 23%; padding-right: 23%; }
 
 .padding-twenty-three-half-lr{ padding-left: 23.5%; padding-right: 23.5%; }
 
 .padding-twenty-four-lr{ padding-left: 24%; padding-right: 24%; }
 
 .padding-twenty-four-half-lr{ padding-left: 24.5%; padding-right: 24.5%; }
 
 .padding-twenty-five-lr{ padding-left: 25%; padding-right: 25%; }
 
 .padding-5px-lr{ padding-left: 5px; padding-right: 5px; }
 
 .padding-10px-lr{ padding-left: 10px; padding-right: 10px; }
 
 .padding-15px-lr{ padding-left: 15px; padding-right: 15px; }
 
 .padding-20px-lr{ padding-left: 20px; padding-right: 20px; }
 
 .padding-25px-lr{ padding-left: 25px; padding-right: 25px; }
 
 .padding-30px-lr{ padding-left: 30px; padding-right: 30px; }
 
 .padding-35px-lr{ padding-left: 35px; padding-right: 35px; }
 
 .padding-40px-lr{ padding-left: 40px; padding-right: 40px; }
 
 .padding-45px-lr{ padding-left: 45px; padding-right: 45px; }
 
 .padding-50px-lr{ padding-left: 50px; padding-right: 50px; }
 
 .padding-55px-lr{ padding-left: 55px; padding-right: 55px; }
 
 .padding-60px-lr{ padding-left: 60px; padding-right: 60px; }
 
 .padding-65px-lr{ padding-left: 65px; padding-right: 65px; }
 
 .padding-70px-lr{ padding-left: 70px; padding-right: 70px; }
 
 .padding-75px-lr{ padding-left: 75px; padding-right: 75px; }
 
 .padding-80px-lr{ padding-left: 80px; padding-right: 80px; }
 
 .padding-85px-lr{ padding-left: 85px; padding-right: 85px; }
 
 .padding-90px-lr{ padding-left: 90px; padding-right: 90px; }
 
 .padding-95px-lr{ padding-left: 95px; padding-right: 95px; }
 
 .padding-100px-lr{ padding-left: 100px; padding-right: 100px; }
 
 
 
 
 
 
 
 /*==============================
 
     Position
 
 ================================*/
 
 
 
 .position-inherit{ position: inherit !important; }
 
 .position-right{ right: 0 !important; }
 
 .position-left{ left: 0 !important; }
 
 .position-top{ top: 0 !important; }
 
 
 
 /* top */
 
 .top-auto{ top: auto; }
 
 .top-inherit{ top: inherit !important; }
 
 .top-0{ top: 0 !important; }
 
 .top-1{ top: 1px; }
 
 .top-2{ top: 2px; }
 
 .top-3{ top: 3px; }
 
 .top-4{ top: 4px; }
 
 .top-5{ top: 5px; }
 
 .top-6{ top: 6px; }
 
 .top-7{ top: 7px; }
 
 .top-8{ top: 8px; }
 
 .top-9{ top: 9px; }
 
 .top-10{ top: 10px; }
 
 .top-15{ top: 15px; }
 
 .top-20{ top: 20px; }
 
 .top-25{ top: 25px; }
 
 .top-30{ top: 30px; }
 
 .top-35{ top: 35px; }
 
 .top-40{ top: 40px; }
 
 .top-45{ top: 45px; }
 
 .top-50{ top: 50px; }
 
 .top-minus1{ top: -1px; }
 
 .top-minus2{ top: -2px; }
 
 .top-minus3{ top: -3px; }
 
 .top-minus4{ top: -4px; }
 
 .top-minus5{ top: -5px; }
 
 .top-minus6{ top: -6px; }
 
 .top-minus7{ top: -7px; }
 
 .top-minus8{ top: -8px; }
 
 .top-minus9{ top: -9px; }
 
 .top-minus10{ top: -10px; }
 
 .top-minus15{ top: -15px; }
 
 .top-minus20{ top: -20px; }
 
 .top-minus25{ top: -25px; }
 
 .top-minus30{ top: -30px; }
 
 .top-minus35{ top: -35px; }
 
 .top-minus40{ top: -40px; }
 
 .top-10{ top: 10%; }
 
 .top-25{ top: 25%; }
 .top-50{ top: 50%; }
 
 
 
 /* bottom */
 
 .bottom-auto{ bottom: auto; }
 
 .bottom-0{ bottom: 0; }
 
 .bottom-1{ bottom: 1px; }
 
 .bottom-2{ bottom: 2px; }
 
 .bottom-3{ bottom: 3px; }
 
 .bottom-4{ bottom: 4px; }
 
 .bottom-5{ bottom: 5px; }
 
 .bottom-6{ bottom: 6px; }
 
 .bottom-7{ bottom: 7px; }
 
 .bottom-8{ bottom: 8px; }
 
 .bottom-9{ bottom: 9px; }
 
 .bottom-10{ bottom: 10px; }
 
 .bottom-15{ bottom: 15px; }
 
 .bottom-20{ bottom: 20px; }
 
 .bottom-25{ bottom: 25px; }
 
 .bottom-30{ bottom: 30px; }
 
 .bottom-35{ bottom: 35px; }
 
 .bottom-40{ bottom: 40px; }
 
 .bottom-45{ bottom: 45px; }
 
 .bottom-50{ bottom: 50px; }
 
 
 
 /* left */
 
 .left-auto{ left: auto; }
 
 .left-0{ left: 0; }
 
 .left-1{ left: 1px; }
 
 .left-2{ left: 2px; }
 
 .left-3{ left: 3px; }
 
 .left-4{ left: 4px; }
 
 .left-5{ left: 5px; }
 
 .left-6{ left: 6px; }
 
 .left-7{ left: 7px; }
 
 .left-8{ left: 8px; }
 
 .left-9{ left: 9px; }
 
 .left-10{ left: 10px; }
 
 .left-15{ left: 15px; }
 
 .left-20{ left: 20px; }
 
 .left-25{ left: 25px; }
 
 .left-30{ left: 30px; }
 
 .left-35{ left: 35px; }
 
 .left-40{ left: 40px; }
 
 .left-45{ left: 45px; }
 
 .left-50{ left: 50px; }
 
 
 
 /* right */
 
 .right-auto{ right: auto; }
 
 .right-0{ right: 0; }
 
 .right-1{ right: 1px; }
 
 .right-2{ right: 2px; }
 
 .right-3{ right: 3px; }
 
 .right-4{ right: 4px; }
 
 .right-5{ right: 5px; }
 
 .right-6{ right: 6px; }
 
 .right-7{ right: 7px; }
 
 .right-8{ right: 8px; }
 
 .right-9{ right: 9px; }
 
 .right-10{ right: 10px; }
 
 
 
 /*==============================
 
     Width
 
 ================================*/
 
 
 
 .width-1px{ width: 1px; }
 
 .width-2px{ width: 2px; }
 
 .width-3px{ width: 3px; }
 
 .width-4px{ width: 4px; }
 
 .width-5px{ width: 5px; }
 
 .width-6px{ width: 6px; }
 
 .width-7px{ width: 7px; }
 
 .width-8px{ width: 8px; }
 
 .width-9px{ width: 9px; }
 
 .width-10px{ width: 10px; }
 
 .width-15px{ width: 15px; }
 
 .width-20px{ width: 20px; }
 
 .width-25px{ width: 25px; }
 
 .width-30px{ width: 30px; }
 
 .width-35px{ width: 35px; }
 
 .width-40px{ width: 40px; }
 
 .width-50px{ width: 50px; }
 
 .width-55px{ width: 55px; }
 
 .width-60px{ width: 60px; }
 
 .width-65px{ width: 65px; }
 
 .width-70px{ width: 70px; }
 
 .width-75px{ width: 75px; }
 
 .width-80px{ width: 80px; }
 
 .width-85px{ width: 85px; }
 
 .width-90px{ width: 90px; }
 
 .width-100px{ width: 100px; }
 
 .width-120px{ width: 120px; }
 
 .width-130px{ width: 130px; }
 
 .width-150px{ width: 150px; }
 
 .width-180px{ width: 180px; }
 
 .width-200px{ width: 200px; }
 
 .width-250px{ width: 250px; }
 
 .width-300px{ width: 300px; }
 
 .width-350px{ width: 350px; }
 
 .width-400px{ width: 400px; }
 
 .width-450px{ width: 450px; }
 
 .width-500px{ width: 500px; }
 
 .width-550px{ width: 550px; }
 
 .width-600px{ width: 600px; }
 
 .width-650px{ width: 650px; }
 
 .width-700px{ width: 700px; }
 
 .width-750px{ width: 750px; }
 
 .width-800px{ width: 800px; }
 
 .width-850px{ width: 850px; }
 
 .width-900px{ width: 900px; }
 
 .width-950px{ width: 950px; }
 
 .width-1000px{ width: 1000px; }
 
 
 .width-1-5{ width: 1.5%; }

 .width-2{ width: 2%; }

 .width-4{ width: 4%; }
 
 .width-5{ width: 5%; }
 
 .width-6{ width: 6%; }
 
 .width-8{ width: 8%; }
 
 .width-10{ width: 10%; }
 
 .width-12{ width: 12%; }
 
 .width-15{ width: 15%; }
 
 .width-20{ width: 20%; }
 
 .width-25{ width: 25%; }
 
 .width-28{ width: 28%; }
 
 .width-24{ width: 24%; }
 
 .width-30{ width: 30%; }
 
 .width-35{ width: 35%; }
 
 .width-40{ width: 40%; }
 
 .width-45{ width: 45%; }
 
 .width-50{ width: 50%; }
 
 .width-55{ width: 55%; }
 
 .width-60{ width: 60%; }
 
 .width-65{ width: 65%; }
 
 .width-70{ width: 70%; }
 
 .width-75{ width: 75%; }
 
 .width-74{ width: 74%; }
 
 .width-80{ width: 80%; }
 
 .width-85{ width: 85%; }
 
 .width-90{ width: 90%; }
 
 .width-95{ width: 95%; }
 
 .width-100{ width: 100%; }
 
 .width-auto{ width: auto !important; }
 
 .max-width-80{
     max-width: 80% !important;
 }
 .max-width-60{
     max-width: 60% !important;
 }
 .max-width-40{
     max-width: 40% !important;
 }
 
 .max-width-50{
     max-width: 50% !important;
 }
 
 .min-width-20px{
     min-width: 20px !important;
 }
 
 
 
 /*==============================
 
     Height
 
 ================================*/
 
 
 
 .height-vh-10{ height: 10vh; }
 
 .height-vh-15{ height: 15vh; }
 
 .height-vh-20{ height: 20vh; }
 
 .height-vh-25{ height: 25vh; }
 
 .height-vh-30{ height: 30vh; }
 
 .height-vh-35{ height: 35vh; }
 
 .height-vh-40{ height: 40vh; }
 
 .height-vh-45{ height: 45vh; }
 
 .height-vh-50{ height: 50vh; }
 
 .height-vh-55{ height: 55vh; }
 
 .height-vh-60{ height: 60vh; }
 
 .height-vh-65{ height: 65vh; }
 
 .height-vh-70{ height: 70vh; }
 
 .height-vh-75{ height: 75vh; }
 
 .height-vh-80{ height: 80vh; }
 
 .height-vh-85{ height: 85vh; }
 
 .height-vh-90{ height: 90vh; }
 
 .height-vh-95{ height: 95vh; }
 
 .height-vh-100{ height: 100vh; }
 
 
 .height-1px{ height: 1px; }
 
 .height-2px{ height: 2px; }
 
 .height-3px{ height: 3px; }
 
 .height-4px{ height: 4px; }
 
 .height-5px{ height: 5px; }
 
 .height-6px{ height: 6px; }
 
 .height-7px{ height: 7px; }
 
 .height-8px{ height: 8px; }
 
 .height-9px{ height: 9px; }
 
 .height-10px{ height: 10px; }
 
 .height-20px{ height: 20px; }
 
 .height-30px{ height: 30px; }
 
 .height-40px{ height: 40px; }
 
 .height-50px{ height: 50px; }
 
 .height-60px{ height: 60px; }
 
 .height-70px{ height: 70px; }
 
 .height-80px{ height: 80px; }
 
 .height-90px{ height: 90px; }
 
 .height-100px{ height: 100px; }
 
 .height-120px{ height: 120px; }
 
 .height-130px{ height: 130px; }
 
 .height-140px{ height: 140px; }
 
 .height-150px{ height: 150px; }
 
 .height-160px{ height: 160px; }
 
 .height-175px{ height: 175px; }
 
 .height-180px{ height: 180px; }
 
 .height-200px{ height: 200px; }
 
 .height-220px{ height: 220px; }
 
 .height-225px{ height: 225px; }
 
 .height-240px{ height: 240px; }
 
 .height-250px{ height: 250px; }
 
 .height-260px{ height: 260px; }
 
 .height-270px{ height: 270px; }
 
 .height-275px{ height: 275px; }
 
 .height-280px{ height: 280px; }
 
 .height-300px{ height: 300px; }
 
 .height-325px{ height: 325px; }
 
 .height-320px{ height: 320px; }
 
 .height-340px{ height: 340px; }
 
 .height-350px{ height: 350px; }
 
 .height-360px{ height: 360px; }
 
 .height-375px{ height: 375px; }
 
 .height-380px{ height: 380px; }
 
 .height-400px{ height: 400px; }
 
 .height-420px{ height: 420px; }
 
 .height-440px{ height: 440px; }
 
 .height-450px{ height: 450px; }
 
 .height-460px{ height: 460px; }
 
 .height-480px{ height: 480px; }
 
 .height-500px{ height: 500px; }
 
 .height-520px{ height: 520px; }
 
 .height-540px{ height: 540px; }
 
 .height-550px{ height: 550px; }
 
 .height-560px{ height: 560px; }
 
 .height-580px{ height: 580px; }
 
 .height-600px{ height: 600px; }
 
 .height-650px{ height: 650px; }
 
 .height-700px{ height: 700px; }
 
 .height-800px{ height: 800px; }
 
 .height-900px{ height: 900px; }
 
 .height-1000px{ height: 1000px; }
 
 .height-0{ height: 0%; }
 
 .height-1{ height: 1%; }
 
 .height-2{ height: 2%; }
 
 .height-3{ height: 3%; }
 
 .height-4{ height: 4%; }
 
 .height-5{ height: 5%; }
 
 .height-6{ height: 6%; }
 
 .height-7{ height: 7%; }
 
 .height-8{ height: 8%; }
 
 .height-9{ height: 9%; }
 
 .height-10{ height: 10%; }
 
 .height-15{ height: 15%; }
 
 .height-20{ height: 20%; }
 
 .height-25{ height: 25%; }
 
 .height-30{ height: 30%; }
 
 .height-35{ height: 35%; }
 
 .height-40{ height: 40%; }
 
 .height-45{ height: 45%; }
 
 .height-50{ height: 50%; }
 
 .height-55{ height: 55%; }
 
 .height-60{ height: 60%; }
 
 .height-65{ height: 65%; }
 
 .height-70{ height: 70%; }
 
 .height-75{ height: 75%; }
 
 .height-80{ height: 80%; }
 
 .height-85{ height: 85%; }
 
 .height-90{ height: 90%; }
 
 .height-95{ height: 95%; }
 
 .height-100{ height: 100%; }
 
 
 .height-auto{ height: auto !important; }
 
 .max-height-100{ max-height: 100%; }
 .max-height-50{ max-height: 50%; }
 
 
 
 
 .full-screen{ min-height: 980px; }
 
 
 
 /* min-height */
 
 .min-height-100px{ min-height: 100px; }
 
 .min-height-200px{ min-height: 200px; }
 
 .min-height-300px{ min-height: 300px; }
 
 .min-height-400px{ min-height: 400px; }
 
 .min-height-500px{ min-height: 500px; }
 
 .min-height-600px{ min-height: 600px; }
 
 .min-height-700px{ min-height: 700px; }
 
 
 
 /* screen height */
 
 .extra-small-screen{ height: 300px; }
 
 .small-screen{ height: 400px; }
 
 .one-second-screen{ height: 600px; }
 
 .one-third-screen{ height: 700px; }
 
 .one-fourth-screen{ height: 800px; }
 
 .one-fifth-screen{ height: 900px; }
 
 .one-sixth-screen{ height: 887px; }
 
 
 
 /* inner match height */
 
 .inner-match-height{ position: relative; height: 100%; }
 
 
 
 /*==============================
 
     Icon
 
 ================================*/
 
 
 
 /* icon size */
 
 .icon-very-small{ font-size: 16px; }
 
 .icon-small{ font-size: 24px !important; }
 
 .icon-medium{ font-size: 35px; }
 
 .icon-extra-medium{ font-size: 40px; }
 
 .icon-large{ font-size: 50px; }
 
 .icon-round-small{ border-radius: 100%; display: table-cell; height: 50px; margin: 0 auto; text-align: center; vertical-align: middle; width: 50px; font-size: 20px; }
 
 .icon-round-medium{ border-radius: 100%; display: table-cell; height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px; }
 
 
 
 /* social media icon */
 
 .icon-social-very-small{ font-size: 12px; }
 
 .icon-social-small{ font-size: 14px; }
 
 .icon-social-medium{ font-size: 16px; }
 
 .icon-social-large{ font-size: 20px; }
 
 .icon-social-extra-large{ font-size: 24px; }
 
 .icon-social-very-small a i, .icon-social-small a i, .icon-social-medium a i{ margin: 0 8px; vertical-align: middle; }
 
 .icon-social-large a i{ margin: 0 4px; vertical-align: middle; }
 
 
 
 
 
 /* position */
 
 .position-inherit{ position: inherit; }
 
 .position-relative{ position: relative; z-index: 5; }
 
 .position-absolute{ position: absolute; }
 
 .position-fixed{ position: fixed; }
 
 .position-static{ position: static; }
 
 
 
 .div-center {
 
     margin: 0;
 
     position: absolute;
 
     top: 30%;
 
     left: 50%;
 
     -ms-transform: translate(-50%, -50%);
 
     transform: translate(-50%, -50%);
 
   }
 
 
 
 /*==============================
 
     Responsive CSS
 
 ================================*/
 
 
 @media (max-width: 1279px) {
 
 
 
 
 
  /* typography */
 
  h1, h2, h3, h4, h5, h6{ margin: 0 0 22px; padding: 0; letter-spacing: 0; font-weight: 400; }
 
  h1{ font-size: 65px; line-height: 65px; }
 
  h2{ font-size: 30px; line-height: 38px; }
 
  h3{ font-size: 26px; line-height: 34px; }
 
  h4{ font-size: 22px; line-height: 26px; }
 
  h5{ font-size: 20px; line-height: 24px; }
 
  h6{ font-size: 17px; line-height: 22px; }
 
 
 
  /*text-alignment*/
 
  .md-text-center{ text-align: center !important; }
 
  .md-text-left{ text-align: left !important; }
 
  .md-text-right{ text-align: right !important; }
 
  
 
  
 
 
 
  /*float*/
 
  .md-float-left{ float: left !important; }
 
  .md-float-right{ float: right !important; }
 
  .md-float-none{ float: none !important; }
 
 
 
  /* verticle align */
 
  .md-vertical-align-middle{ vertical-align: middle; }
 
  .md-vertical-align-top{ vertical-align: top; }
 
  .md-vertical-align-bottom{ vertical-align: bottom; }
 
 
 
  /* image position */
 
  .md-background-image-left{ background-position: left; }
 
  .md-background-image-right{ background-position: right; }
 
  .md-background-image-center{ background-position: center; }
 
 
 
  /* margin */
 
 
 
  .md-margin-vh-10{ height: 10vh; }
 
  .md-margin-vh-15{ height: 15vh; }
 
  .md-margin-vh-20{ height: 20vh; }
 
  .md-margin-vh-25{ height: 25vh; }
 
  .md-margin-vh-30{ height: 30vh; }
 
  .md-margin-vh-35{ height: 35vh; }
 
  .md-margin-vh-40{ height: 40vh; }
 
  .md-margin-vh-45{ height: 45vh; }
 
  .md-margin-vh-50{ height: 50vh; }
 
  .md-margin-vh-55{ height: 55vh; }
 
  .md-margin-vh-60{ height: 60vh; }
 
  .md-margin-vh-65{ height: 65vh; }
 
  .md-margin-vh-70{ height: 70vh; }
 
  .md-margin-vh-75{ height: 75vh; }
 
  .md-margin-vh-80{ height: 80vh; }
 
  .md-margin-vh-85{ height: 85vh; }
 
  .md-margin-vh-90{ height: 90vh; }
 
  .md-margin-vh-95{ height: 95vh; }
 
  .md-margin-vh-100{ height: 100vh; }
 
 
 
 
 
  .md-margin-one-all{ margin: 1%; }
 
  .md-margin-one-half-all{ margin: 1.5%; }
 
  .md-margin-two-all{ margin: 2%; }
 
  .md-margin-two-half-all{ margin: 2.5%; }
 
  .md-margin-three-all{ margin: 3%; }
 
  .md-margin-three-half-all{ margin: 3.5%; }
 
  .md-margin-four-all{ margin: 4%; }
 
  .md-margin-four-half-all{ margin: 4.5%; }
 
  .md-margin-five-all{ margin: 5%; }
 
  .md-margin-five-half-all{ margin: 5.5%; }
 
  .md-margin-six-all{ margin: 6%; }
 
  .md-margin-six-half-all{ margin: 6.5%; }
 
  .md-margin-seven-all{ margin: 7%; }
 
  .md-margin-seven-half-all{ margin: 7.5%; }
 
  .md-margin-eight-all{ margin: 8%; }
 
  .md-margin-eight-half-all{ margin: 8.5%; }
 
  .md-margin-nine-all{ margin: 9%; }
 
  .md-margin-nine-half-all{ margin: 9.5%; }
 
  .md-margin-ten-all{ margin: 10%; }
 
  .md-margin-ten-half-all{ margin: 10.5%; }
 
  .md-margin-eleven-all{ margin: 11%; }
 
  .md-margin-eleven-half-all{ margin: 11.5%; }
 
  .md-margin-twelve-all{ margin: 12%; }
 
  .md-margin-twelve-half-all{ margin: 12.5%; }
 
  .md-margin-thirteen-all{ margin: 13%; }
 
  .md-margin-thirteen-half-all{ margin: 13.5%; }
 
  .md-margin-fourteen-all{ margin: 14%; }
 
  .md-margin-fourteen-half-all{ margin: 14.5%; }
 
  .md-margin-fifteen-all{ margin: 15%; }
 
  .md-margin-fifteen-half-all{ margin: 15.5%; }
 
  .md-margin-sixteen-all{ margin: 16%; }
 
  .md-margin-sixteen-half-all{ margin: 16.5%; }
 
  .md-margin-seventeen-all{ margin: 17%; }
 
  .md-margin-seventeen-half-all{ margin: 17.5%; }
 
  .md-margin-eighteen-all{ margin: 18%; }
 
  .md-margin-eighteen-half-all{ margin: 18.5%; }
 
  .md-margin-nineteen-all{ margin: 19%; }
 
  .md-margin-nineteen-half-all{ margin: 19.5%; }
 
  .md-margin-twenty-all{ margin: 20%; }
 
  .md-margin-twenty-half-all{ margin: 20.5%; }
 
  .md-margin-twenty-one-all{ margin: 21%; }
 
  .md-margin-twenty-one-half-all{ margin: 21.5%; }
 
  .md-margin-twenty-two-all{ margin: 22%; }
 
  .md-margin-twenty-two-half-all{ margin: 22.5%; }
 
  .md-margin-twenty-three-all{ margin: 23%; }
 
  .md-margin-twenty-three-half-all{ margin: 23.5%; }
 
  .md-margin-twenty-four-all{ margin: 24%; }
 
  .md-margin-twenty-four-half-all{ margin: 24.5%; }
 
  .md-margin-twenty-five-all{ margin: 25%; }
 
  .md-margin-5px-all{ margin: 5px !important; }
 
  .md-margin-10px-all{ margin: 10px !important; }
 
  .md-margin-15px-all{ margin: 15px !important; }
 
  .md-margin-20px-all{ margin: 20px !important; }
 
  .md-margin-25px-all{ margin: 25px !important; }
 
  .md-margin-30px-all{ margin: 30px !important; }
 
  .md-margin-35px-all{ margin: 35px !important; }
 
  .md-margin-40px-all{ margin: 40px !important; }
 
  .md-margin-45px-all{ margin: 45px !important; }
 
  .md-margin-50px-all{ margin: 50px !important; }
 
  .md-margin-55px-all{ margin: 55px !important; }
 
  .md-margin-60px-all{ margin: 60px !important; }
 
  .md-margin-65px-all{ margin: 65px !important; }
 
  .md-margin-70px-all{ margin: 70px !important; }
 
  .md-margin-75px-all{ margin: 75px !important; }
 
  .md-margin-80px-all{ margin: 80px !important; }
 
  .md-margin-85px-all{ margin: 85px !important; }
 
  .md-margin-90px-all{ margin: 90px !important; }
 
  .md-margin-95px-all{ margin: 95px !important; }
 
  .md-margin-100px-all{ margin: 100px !important; }
 
  .md-no-margin{ margin: 0 !important; }
 
  .md-no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important; }
 
  .md-no-margin-tb{ margin-top: 0 !important; margin-bottom: 0 !important; }
 
  .md-no-margin-top{ margin-top: 0 !important; }
 
  .md-no-margin-bottom{ margin-bottom: 0 !important; }
 
  .md-no-margin-left{ margin-left: 0 !important; }
 
  .md-no-margin-right{ margin-right: 0 !important; }
 
  .md-margin-lr-auto{ margin-left: auto !important; margin-right: auto !important; }
 
  .md-margin-auto{ margin: 0 auto !important; }
 
 
 
  /* margin top */
 
  .md-margin-one-top{ margin-top: 1%; }
 
  .md-margin-one-half-top{ margin-top: 1.5%; }
 
  .md-margin-two-top{ margin-top: 2%; }
 
  .md-margin-two-half-top{ margin-top: 2.5%; }
 
  .md-margin-three-top{ margin-top: 3%; }
 
  .md-margin-three-half-top{ margin-top: 3.5%; }
 
  .md-margin-four-top{ margin-top: 4%; }
 
  .md-margin-four-half-top{ margin-top: 4.5%; }
 
  .md-margin-five-top{ margin-top: 5%; }
 
  .md-margin-five-half-top{ margin-top: 5.5%; }
 
  .md-margin-six-top{ margin-top: 6%; }
 
  .md-margin-six-half-top{ margin-top: 6.5%; }
 
  .md-margin-seven-top{ margin-top: 7%; }
 
  .md-margin-seven-half-top{ margin-top: 7.5%; }
 
  .md-margin-eight-top{ margin-top: 8%; }
 
  .md-margin-eight-half-top{ margin-top: 8.5%; }
 
  .md-margin-nine-top{ margin-top: 9%; }
 
  .md-margin-nine-half-top{ margin-top: 9.5%; }
 
  .md-margin-ten-top{ margin-top: 10%; }
 
  .md-margin-ten-half-top{ margin-top: 10.5%; }
 
  .md-margin-eleven-top{ margin-top: 11%; }
 
  .md-margin-eleven-half-top{ margin-top: 11.5%; }
 
  .md-margin-twelve-top{ margin-top: 12%; }
 
  .md-margin-twelve-half-top{ margin-top: 12.5%; }
 
  .md-margin-thirteen-top{ margin-top: 13%; }
 
  .md-margin-thirteen-half-top{ margin-top: 13.5%; }
 
  .md-margin-fourteen-top{ margin-top: 14%; }
 
  .md-margin-fourteen-half-top{ margin-top: 14.5%; }
 
  .md-margin-fifteen-top{ margin-top: 15%; }
 
  .md-margin-fifteen-half-top{ margin-top: 15.5%; }
 
  .md-margin-sixteen-top{ margin-top: 16%; }
 
  .md-margin-sixteen-half-top{ margin-top: 16.5%; }
 
  .md-margin-seventeen-top{ margin-top: 17%; }
 
  .md-margin-seventeen-half-top{ margin-top: 17.5%; }
 
  .md-margin-eighteen-top{ margin-top: 18%; }
 
  .md-margin-eighteen-half-top{ margin-top: 18.5%; }
 
  .md-margin-nineteen-top{ margin-top: 19%; }
 
  .md-margin-nineteen-half-top{ margin-top: 19.5%; }
 
  .md-margin-twenty-top{ margin-top: 20%; }
 
  .md-margin-twenty-half-top{ margin-top: 20.5%; }
 
  .md-margin-twenty-one-top{ margin-top: 21%; }
 
  .md-margin-twenty-one-half-top{ margin-top: 21.5%; }
 
  .md-margin-twenty-two-top{ margin-top: 22%; }
 
  .md-margin-twenty-two-half-top{ margin-top: 22.5%; }
 
  .md-margin-twenty-top{ margin-top: 23%; }
 
  .md-margin-twenty-half-top{ margin-top: 23.5%; }
 
  .md-margin-twenty-four-top{ margin-top: 24%; }
 
  .md-margin-twenty-four-half-top{ margin-top: 24.5%; }
 
  .md-margin-twenty-five-top{ margin-top: 25%; }
 
  .md-margin-5px-top{ margin-top: 5px !important; }
 
  .md-margin-10px-top{ margin-top: 10px !important; }
 
  .md-margin-15px-top{ margin-top: 15px !important; }
 
  .md-margin-20px-top{ margin-top: 20px !important; }
 
  .md-margin-25px-top{ margin-top: 25px !important; }
 
  .md-margin-30px-top{ margin-top: 30px !important; }
 
  .md-margin-35px-top{ margin-top: 35px !important; }
 
  .md-margin-40px-top{ margin-top: 40px !important; }
 
  .md-margin-45px-top{ margin-top: 45px !important; }
 
  .md-margin-50px-top{ margin-top: 50px !important; }
 
  .md-margin-55px-top{ margin-top: 55px !important; }
 
  .md-margin-60px-top{ margin-top: 60px !important; }
 
  .md-margin-65px-top{ margin-top: 65px !important; }
 
  .md-margin-70px-top{ margin-top: 70px !important; }
 
  .md-margin-75px-top{ margin-top: 75px !important; }
 
  .md-margin-80px-top{ margin-top: 80px !important; }
 
  .md-margin-85px-top{ margin-top: 85px !important; }
 
  .md-margin-90px-top{ margin-top: 90px !important; }
 
  .md-margin-95px-top{ margin-top: 95px !important; }
 
  .md-margin-100px-top{ margin-top: 100px !important; }
 
 
 
  /* margin bottom */
 
  .md-margin-one-bottom{ margin-bottom: 1%; }
 
  .md-margin-one-half-bottom{ margin-bottom: 1.5%; }
 
  .md-margin-two-bottom{ margin-bottom: 2%; }
 
  .md-margin-two-half-bottom{ margin-bottom: 2.5%; }
 
  .md-margin-three-bottom{ margin-bottom: 3%; }
 
  .md-margin-three-half-bottom{ margin-bottom: 3.5%; }
 
  .md-margin-four-bottom{ margin-bottom: 4%; }
 
  .md-margin-four-half-bottom{ margin-bottom: 4.5%; }
 
  .md-margin-five-bottom{ margin-bottom: 5%; }
 
  .md-margin-five-half-bottom{ margin-bottom: 5.5%; }
 
  .md-margin-six-bottom{ margin-bottom: 6%; }
 
  .md-margin-six-half-bottom{ margin-bottom: 6.5%; }
 
  .md-margin-seven-bottom{ margin-bottom: 7%; }
 
  .md-margin-seven-half-bottom{ margin-bottom: 7.5%; }
 
  .md-margin-eight-bottom{ margin-bottom: 8%; }
 
  .md-margin-eight-half-bottom{ margin-bottom: 8.5%; }
 
  .md-margin-nine-bottom{ margin-bottom: 9%; }
 
  .md-margin-nine-half-bottom{ margin-bottom: 9.5%; }
 
  .md-margin-ten-bottom{ margin-bottom: 10%; }
 
  .md-margin-ten-half-bottom{ margin-bottom: 10.5%; }
 
  .md-margin-eleven-bottom{ margin-bottom: 11%; }
 
  .md-margin-eleven-half-bottom{ margin-bottom: 11.5%; }
 
  .md-margin-twelve-bottom{ margin-bottom: 12%; }
 
  .md-margin-twelve-half-bottom{ margin-bottom: 12.5%; }
 
  .md-margin-thirteen-bottom{ margin-bottom: 13%; }
 
  .md-margin-thirteen-half-bottom{ margin-bottom: 13.5%; }
 
  .md-margin-fourteen-bottom{ margin-bottom: 14%; }
 
  .md-margin-fourteen-half-bottom{ margin-bottom: 14.5%; }
 
  .md-margin-fifteen-bottom{ margin-bottom: 15%; }
 
  .md-margin-fifteen-half-bottom{ margin-bottom: 15.5%; }
 
  .md-margin-sixteen-bottom{ margin-bottom: 16%; }
 
  .md-margin-sixteen-half-bottom{ margin-bottom: 16.5%; }
 
  .md-margin-seventeen-bottom{ margin-bottom: 17%; }
 
  .md-margin-seventeen-half-bottom{ margin-bottom: 17.5%; }
 
  .md-margin-eighteen-bottom{ margin-bottom: 18%; }
 
  .md-margin-eighteen-half-bottom{ margin-bottom: 18.5%; }
 
  .md-margin-nineteen-bottom{ margin-bottom: 19%; }
 
  .md-margin-nineteen-half-bottom{ margin-bottom: 19.5%; }
 
  .md-margin-twenty-bottom{ margin-bottom: 20%; }
 
  .md-margin-twenty-half-bottom{ margin-bottom: 20.5%; }
 
  .md-margin-twenty-one-bottom{ margin-bottom: 21%; }
 
  .md-margin-twenty-one-half-bottom{ margin-bottom: 21.5%; }
 
  .md-margin-twenty-two-bottom{ margin-bottom: 22%; }
 
  .md-margin-twenty-two-half-bottom{ margin-bottom: 22.5%; }
 
  .md-margin-twenty-three-bottom{ margin-bottom: 23%; }
 
  .md-margin-twenty-three-half-bottom{ margin-bottom: 23.5%; }
 
  .md-margin-twenty-five-bottom{ margin-bottom: 24%; }
 
  .md-margin-twenty-five-half-bottom{ margin-bottom: 24.5%; }
 
  .md-margin-twenty-five-bottom{ margin-bottom: 25%; }
 
  .md-margin-5px-bottom{ margin-bottom: 5px !important; }
 
  .md-margin-10px-bottom{ margin-bottom: 10px !important; }
 
  .md-margin-15px-bottom{ margin-bottom: 15px !important; }
 
  .md-margin-20px-bottom{ margin-bottom: 20px !important; }
 
  .md-margin-25px-bottom{ margin-bottom: 25px !important; }
 
  .md-margin-30px-bottom{ margin-bottom: 30px !important; }
 
  .md-margin-35px-bottom{ margin-bottom: 35px !important; }
 
  .md-margin-40px-bottom{ margin-bottom: 40px !important; }
 
  .md-margin-45px-bottom{ margin-bottom: 45px !important; }
 
  .md-margin-50px-bottom{ margin-bottom: 50px !important; }
 
  .md-margin-55px-bottom{ margin-bottom: 55px !important; }
 
  .md-margin-60px-bottom{ margin-bottom: 60px !important; }
 
  .md-margin-65px-bottom{ margin-bottom: 65px !important; }
 
  .md-margin-70px-bottom{ margin-bottom: 70px !important; }
 
  .md-margin-75px-bottom{ margin-bottom: 75px !important; }
 
  .md-margin-80px-bottom{ margin-bottom: 80px !important; }
 
  .md-margin-85px-bottom{ margin-bottom: 85px !important; }
 
  .md-margin-90px-bottom{ margin-bottom: 90px !important; }
 
  .md-margin-95px-bottom{ margin-bottom: 95px !important; }
 
  .md-margin-100px-bottom{ margin-bottom: 100px !important; }
 
 
 
  /* margin right */
 
  .md-margin-one-right{ margin-right: 1%; }
 
  .md-margin-one-half-right{ margin-right: 1.5%; }
 
  .md-margin-two-right{ margin-right: 2%; }
 
  .md-margin-two-half-right{ margin-right: 2.5%; }
 
  .md-margin-three-right{ margin-right: 3%; }
 
  .md-margin-three-half-right{ margin-right: 3.5%; }
 
  .md-margin-four-right{ margin-right: 4%; }
 
  .md-margin-four-half-right{ margin-right: 4.5%; }
 
  .md-margin-five-right{ margin-right: 5%; }
 
  .md-margin-five-half-right{ margin-right: 5.5%; }
 
  .md-margin-six-right{ margin-right: 6%; }
 
  .md-margin-six-half-right{ margin-right: 6.5%; }
 
  .md-margin-seven-right{ margin-right: 7%; }
 
  .md-margin-seven-half-right{ margin-right: 7.5%; }
 
  .md-margin-eight-right{ margin-right: 8%; }
 
  .md-margin-eight-half-right{ margin-right: 8.5%; }
 
  .md-margin-nine-right{ margin-right: 9%; }
 
  .md-margin-nine-half-right{ margin-right: 9.5%; }
 
  .md-margin-ten-right{ margin-right: 10%; }
 
  .md-margin-ten-half-right{ margin-right: 10.5%; }
 
  .md-margin-eleven-right{ margin-right: 11%; }
 
  .md-margin-eleven-half-right{ margin-right: 11.5%; }
 
  .md-margin-twelve-right{ margin-right: 12%; }
 
  .md-margin-twelve-half-right{ margin-right: 12.5%; }
 
  .md-margin-thirteen-right{ margin-right: 13%; }
 
  .md-margin-thirteen-half-right{ margin-right: 13.5%; }
 
  .md-margin-fourteen-right{ margin-right: 14%; }
 
  .md-margin-fourteen-half-right{ margin-right: 14.5%; }
 
  .md-margin-fifteen-right{ margin-right: 15%; }
 
  .md-margin-fifteen-half-right{ margin-right: 15.5%; }
 
  .md-margin-sixteen-right{ margin-right: 16%; }
 
  .md-margin-sixteen-half-right{ margin-right: 16.5%; }
 
  .md-margin-seventeen-right{ margin-right: 17%; }
 
  .md-margin-seventeen-half-right{ margin-right: 17.5%; }
 
  .md-margin-eighteen-right{ margin-right: 18%; }
 
  .md-margin-eighteen-half-right{ margin-right: 18.5%; }
 
  .md-margin-nineteen-right{ margin-right: 19%; }
 
  .md-margin-nineteen-half-right{ margin-right: 19.5%; }
 
  .md-margin-twenty-right{ margin-right: 20%; }
 
  .md-margin-twenty-half-right{ margin-right: 20.5%; }
 
  .md-margin-twenty-one-right{ margin-right: 21%; }
 
  .md-margin-twenty-one-half-right{ margin-right: 21.5%; }
 
  .md-margin-twenty-two-right{ margin-right: 22%; }
 
  .md-margin-twenty-two-half-right{ margin-right: 22.5%; }
 
  .md-margin-twenty-three-right{ margin-right: 23%; }
 
  .md-margin-twenty-three-half-right{ margin-right: 23.5%; }
 
  .md-margin-twenty-four-right{ margin-right: 24%; }
 
  .md-margin-twenty-four-half-right{ margin-right: 24.5%; }
 
  .md-margin-twenty-five-right{ margin-right: 25%; }
 
  .md-margin-10px-right{ margin-right: 10px !important; }
 
  .md-margin-15px-right{ margin-right: 15px !important; }
 
  .md-margin-20px-right{ margin-right: 20px !important; }
 
  .md-margin-25px-right{ margin-right: 25px !important; }
 
  .md-margin-30px-right{ margin-right: 30px !important; }
 
  .md-margin-35px-right{ margin-right: 35px !important; }
 
  .md-margin-40px-right{ margin-right: 40px !important; }
 
  .md-margin-45px-right{ margin-right: 45px !important; }
 
  .md-margin-50px-right{ margin-right: 50px !important; }
 
  .md-margin-55px-right{ margin-right: 55px !important; }
 
  .md-margin-60px-right{ margin-right: 60px !important; }
 
  .md-margin-65px-right{ margin-right: 65px !important; }
 
  .md-margin-70px-right{ margin-right: 70px !important; }
 
  .md-margin-75px-right{ margin-right: 75px !important; }
 
  .md-margin-80px-right{ margin-right: 80px !important; }
 
  .md-margin-85px-right{ margin-right: 85px !important; }
 
  .md-margin-90px-right{ margin-right: 90px !important; }
 
  .md-margin-95px-right{ margin-right: 95px !important; }
 
  .md-margin-100px-right{ margin-right: 100px !important; }
 
 
 
  /* margin left */
 
  .md-margin-one-left{ margin-left: 1%; }
 
  .md-margin-one-half-left{ margin-left: 1.5%; }
 
  .md-margin-two-left{ margin-left: 2%; }
 
  .md-margin-two-half-left{ margin-left: 2.5%; }
 
  .md-margin-three-left{ margin-left: 3%; }
 
  .md-margin-three-half-left{ margin-left: 3.5%; }
 
  .md-margin-four-left{ margin-left: 4%; }
 
  .md-margin-four-half-left{ margin-left: 4.5%; }
 
  .md-margin-five-left{ margin-left: 5%; }
 
  .md-margin-five-half-left{ margin-left: 5.5%; }
 
  .md-margin-six-left{ margin-left: 6%; }
 
  .md-margin-six-half-left{ margin-left: 6.5%; }
 
  .md-margin-seven-left{ margin-left: 7%; }
 
  .md-margin-seven-half-left{ margin-left: 7.5%; }
 
  .md-margin-eight-left{ margin-left: 8%; }
 
  .md-margin-eight-half-left{ margin-left: 8.5%; }
 
  .md-margin-nine-left{ margin-left: 9%; }
 
  .md-margin-nine-half-left{ margin-left: 9.5%; }
 
  .md-margin-ten-left{ margin-left: 10%; }
 
  .md-margin-ten-half-left{ margin-left: 10.5%; }
 
  .md-margin-eleven-left{ margin-left: 11%; }
 
  .md-margin-eleven-half-left{ margin-left: 11.5%; }
 
  .md-margin-twelve-left{ margin-left: 12%; }
 
  .md-margin-twelve-half-left{ margin-left: 12.5%; }
 
  .md-margin-thirteen-left{ margin-left: 13%; }
 
  .md-margin-thirteen-half-left{ margin-left: 13.5%; }
 
  .md-margin-fourteen-left{ margin-left: 14%; }
 
  .md-margin-fourteen-half-left{ margin-left: 14.5%; }
 
  .md-margin-fifteen-left{ margin-left: 15%; }
 
  .md-margin-fifteen-half-left{ margin-left: 15.5%; }
 
  .md-margin-sixteen-left{ margin-left: 16%; }
 
  .md-margin-sixteen-half-left{ margin-left: 16.5%; }
 
  .md-margin-seventeen-left{ margin-left: 17%; }
 
  .md-margin-seventeen-half-left{ margin-left: 17.5%; }
 
  .md-margin-eighteen-left{ margin-left: 18%; }
 
  .md-margin-eighteen-half-left{ margin-left: 18.5%; }
 
  .md-margin-nineteen-left{ margin-left: 19%; }
 
  .md-margin-nineteen-half-left{ margin-left: 19.5%; }
 
  .md-margin-twenty-left{ margin-left: 20%; }
 
  .md-margin-twenty-half-left{ margin-left: 20.5%; }
 
  .md-margin-twenty-one-left{ margin-left: 21%; }
 
  .md-margin-twenty-one-half-left{ margin-left: 21.5%; }
 
  .md-margin-twenty-two-left{ margin-left: 22%; }
 
  .md-margin-twenty-two-half-left{ margin-left: 22.5%; }
 
  .md-margin-twenty-three-left{ margin-left: 23%; }
 
  .md-margin-twenty-three-half-left{ margin-left: 23.5%; }
 
  .md-margin-twenty-four-left{ margin-left: 24%; }
 
  .md-margin-twenty-four-half-left{ margin-left: 24.5%; }
 
  .md-margin-twenty-five-left{ margin-left: 25%; }
 
  .md-margin-5px-left{ margin-left: 5px !important; }
 
  .md-margin-10px-left{ margin-left: 10px !important; }
 
  .md-margin-15px-left{ margin-left: 15px !important; }
 
  .md-margin-20px-left{ margin-left: 20px !important; }
 
  .md-margin-25px-left{ margin-left: 25px !important; }
 
  .md-margin-30px-left{ margin-left: 30px !important; }
 
  .md-margin-35px-left{ margin-left: 35px !important; }
 
  .md-margin-40px-left{ margin-left: 40px !important; }
 
  .md-margin-45px-left{ margin-left: 45px !important; }
 
  .md-margin-50px-left{ margin-left: 50px !important; }
 
  .md-margin-55px-left{ margin-left: 55px !important; }
 
  .md-margin-60px-left{ margin-left: 60px !important; }
 
  .md-margin-65px-left{ margin-left: 65px !important; }
 
  .md-margin-70px-left{ margin-left: 70px !important; }
 
  .md-margin-75px-left{ margin-left: 75px !important; }
 
  .md-margin-80px-left{ margin-left: 80px !important; }
 
  .md-margin-85px-left{ margin-left: 85px !important; }
 
  .md-margin-90px-left{ margin-left: 90px !important; }
 
  .md-margin-95px-left{ margin-left: 95px !important; }
 
  .md-margin-100px-left{ margin-left: 100px !important; }
 
 
 
  /* margin left right */
 
  .md-margin-one-lr{ margin-left: 1%; margin-right: 1%; }
 
  .md-margin-one-half-lr{ margin-left: 1.5%; margin-right: 1.5%; }
 
  .md-margin-two-lr{ margin-left: 2%; margin-right: 2%; }
 
  .md-margin-two-half-lr{ margin-left: 2.5%; margin-right: 2.5%; }
 
  .md-margin-three-lr{ margin-left: 3%; margin-right: 3%; }
 
  .md-margin-three-half-lr{ margin-left: 3.5%; margin-right: 3.5%; }
 
  .md-margin-four-lr{ margin-left: 4%; margin-right: 4%; }
 
  .md-margin-four-half-lr{ margin-left: 4.5%; margin-right: 4.5%; }
 
  .md-margin-five-lr{ margin-left: 5%; margin-right: 5%; }
 
  .md-margin-five-half-lr{ margin-left: 5.5%; margin-right: 5.5%; }
 
  .md-margin-six-lr{ margin-left: 6%; margin-right: 6%; }
 
  .md-margin-six-half-lr{ margin-left: 6.5%; margin-right: 6.5%; }
 
  .md-margin-seven-lr{ margin-left: 7%; margin-right: 7%; }
 
  .md-margin-seven-half-lr{ margin-left: 7.5%; margin-right: 7.5%; }
 
  .md-margin-eight-lr{ margin-left: 8%; margin-right: 8%; }
 
  .md-margin-eight-half-lr{ margin-left: 8.5%; margin-right: 8.5%; }
 
  .md-margin-nine-lr{ margin-left: 9%; margin-right: 9%; }
 
  .md-margin-nine-half-lr{ margin-left: 9.5%; margin-right: 9.5%; }
 
  .md-margin-ten-lr{ margin-left: 10%; margin-right: 10%; }
 
  .md-margin-ten-half-lr{ margin-left: 10.5%; margin-right: 10.5%; }
 
  .md-margin-eleven-lr{ margin-left: 11%; margin-right: 11%; }
 
  .md-margin-eleven-half-lr{ margin-left: 11.5%; margin-right: 11.5%; }
 
  .md-margin-twelve-lr{ margin-left: 12%; margin-right: 12%; }
 
  .md-margin-twelve-half-lr{ margin-left: 12.5%; margin-right: 12.5%; }
 
  .md-margin-thirteen-lr{ margin-left: 13%; margin-right: 13%; }
 
  .md-margin-thirteen-half-lr{ margin-left: 13.5%; margin-right: 13.5%; }
 
  .md-margin-fourteen-lr{ margin-left: 14%; margin-right: 14%; }
 
  .md-margin-fourteen-half-lr{ margin-left: 14.5%; margin-right: 14.5%; }
 
  .md-margin-fifteen-lr{ margin-left: 15%; margin-right: 15%; }
 
  .md-margin-fifteen-half-lr{ margin-left: 15.5%; margin-right: 15.5%; }
 
  .md-margin-sixteen-lr{ margin-left: 16%; margin-right: 16%; }
 
  .md-margin-sixteen-half-lr{ margin-left: 16.5%; margin-right: 16.5%; }
 
  .md-margin-seventeen-lr{ margin-left: 17%; margin-right: 17%; }
 
  .md-margin-seventeen-half-lr{ margin-left: 17.5%; margin-right: 17.5%; }
 
  .md-margin-eighteen-lr{ margin-left: 18%; margin-right: 18%; }
 
  .md-margin-eighteen-half-lr{ margin-left: 18.5%; margin-right: 18.5%; }
 
  .md-margin-nineteen-lr{ margin-left: 19%; margin-right: 19%; }
 
  .md-margin-nineteen-half-lr{ margin-left: 19.5%; margin-right: 19.5%; }
 
  .md-margin-twenty-lr{ margin-left: 20%; margin-right: 20%; }
 
  .md-margin-twenty-half-lr{ margin-left: 20.5%; margin-right: 20.5%; }
 
  .md-margin-twenty-one-lr{ margin-left: 21%; margin-right: 21%; }
 
  .md-margin-twenty-one-half-lr{ margin-left: 21.5%; margin-right: 21.5%; }
 
  .md-margin-twenty-two-lr{ margin-left: 22%; margin-right: 22%; }
 
  .md-margin-twenty-two-half-lr{ margin-left: 22.5%; margin-right: 22.5%; }
 
  .md-margin-twenty-three-lr{ margin-left: 23%; margin-right: 23%; }
 
  .md-margin-twenty-three-half-lr{ margin-left: 23.5%; margin-right: 23.5%; }
 
  .md-margin-twenty-four-lr{ margin-left: 24%; margin-right: 24%; }
 
  .md-margin-twenty-four-half-lr{ margin-left: 24.5%; margin-right: 24.5%; }
 
  .md-margin-twenty-five-lr{ margin-left: 25%; margin-right: 25%; }
 
  .md-margin-5px-lr{ margin-left: 5px !important; margin-right: 5px !important; }
 
  .md-margin-10px-lr{ margin-left: 10px !important; margin-right: 10px !important; }
 
  .md-margin-15px-lr{ margin-left: 15px !important; margin-right: 15px !important; }
 
  .md-margin-20px-lr{ margin-left: 20px !important; margin-right: 20px !important; }
 
  .md-margin-25px-lr{ margin-left: 25px !important; margin-right: 25px !important; }
 
  .md-margin-30px-lr{ margin-left: 30px !important; margin-right: 30px !important; }
 
  .md-margin-35px-lr{ margin-left: 35px !important; margin-right: 35px !important; }
 
  .md-margin-40px-lr{ margin-left: 40px !important; margin-right: 40px !important; }
 
  .md-margin-45px-lr{ margin-left: 45px !important; margin-right: 45px !important; }
 
  .md-margin-50px-lr{ margin-left: 50px !important; margin-right: 50px !important; }
 
  .md-margin-55px-lr{ margin-left: 55px !important; margin-right: 55px !important; }
 
  .md-margin-60px-lr{ margin-left: 60px !important; margin-right: 60px !important; }
 
  .md-margin-65px-lr{ margin-left: 65px !important; margin-right: 60px !important; }
 
  .md-margin-70px-lr{ margin-left: 70px !important; margin-right: 65px !important; }
 
  .md-margin-75px-lr{ margin-left: 75px !important; margin-right: 70px !important; }
 
  .md-margin-80px-lr{ margin-left: 80px !important; margin-right: 75px !important; }
 
  .md-margin-85px-lr{ margin-left: 85px !important; margin-right: 80px !important; }
 
  .md-margin-90px-lr{ margin-left: 90px !important; margin-right: 85px !important; }
 
  .md-margin-95px-lr{ margin-left: 95px !important; margin-right: 90px !important; }
 
  .md-margin-100px-lr{ margin-left: 100px !important; margin-right: 100px !important; }
 
 
 
  /* margin top bottom */
 
  .md-margin-one-tb{ margin-top: 1%; margin-bottom: 1%; }
 
  .md-margin-one-half-tb{ margin-top: 1.5%; margin-bottom: 1.5%; }
 
  .md-margin-two-tb{ margin-top: 2%; margin-bottom: 2%; }
 
  .md-margin-two-half-tb{ margin-top: 2.5%; margin-bottom: 2.5%; }
 
  .md-margin-three-tb{ margin-top: 3%; margin-bottom: 3%; }
 
  .md-margin-three-half-tb{ margin-top: 3.5%; margin-bottom: 3.5%; }
 
  .md-margin-four-tb{ margin-top: 4%; margin-bottom: 4%; }
 
  .md-margin-four-half-tb{ margin-top: 4.5%; margin-bottom: 4.5%; }
 
  .md-margin-five-tb{ margin-top: 5%; margin-bottom: 5%; }
 
  .md-margin-five-half-tb{ margin-top: 5.5%; margin-bottom: 5.5%; }
 
  .md-margin-six-tb{ margin-top: 6%; margin-bottom: 6%; }
 
  .md-margin-six-half-tb{ margin-top: 6.5%; margin-bottom: 6.5%; }
 
  .md-margin-seven-tb{ margin-top: 7%; margin-bottom: 7%; }
 
  .md-margin-seven-half-tb{ margin-top: 7.5%; margin-bottom: 7.5%; }
 
  .md-margin-eight-tb{ margin-top: 8%; margin-bottom: 8%; }
 
  .md-margin-eight-half-tb{ margin-top: 8.5%; margin-bottom: 8.5%; }
 
  .md-margin-nine-tb{ margin-top: 9%; margin-bottom: 9%; }
 
  .md-margin-nine-half-tb{ margin-top: 9.5%; margin-bottom: 9.5%; }
 
  .md-margin-ten-tb{ margin-top: 10%; margin-bottom: 10%; }
 
  .md-margin-ten-half-tb{ margin-top: 10.5%; margin-bottom: 10.5%; }
 
  .md-margin-eleven-tb{ margin-top: 11%; margin-bottom: 11%; }
 
  .md-margin-eleven-half-tb{ margin-top: 11.5%; margin-bottom: 11.5%; }
 
  .md-margin-twelve-tb{ margin-top: 12%; margin-bottom: 12%; }
 
  .md-margin-twelve-half-tb{ margin-top: 12.5%; margin-bottom: 12.5%; }
 
  .md-margin-thirteen-tb{ margin-top: 13%; margin-bottom: 13%; }
 
  .md-margin-thirteen-half-tb{ margin-top: 13.5%; margin-bottom: 13.5%; }
 
  .md-margin-fourteen-tb{ margin-top: 14%; margin-bottom: 14%; }
 
  .md-margin-fourteen-half-tb{ margin-top: 14.5%; margin-bottom: 14.5%; }
 
  .md-margin-fifteen-tb{ margin-top: 15%; margin-bottom: 15%; }
 
  .md-margin-fifteen-half-tb{ margin-top: 15.5%; margin-bottom: 15.5%; }
 
  .md-margin-sixteen-tb{ margin-top: 16%; margin-bottom: 16%; }
 
  .md-margin-sixteen-half-tb{ margin-top: 16.5%; margin-bottom: 16.5%; }
 
  .md-margin-seventeen-tb{ margin-top: 17%; margin-bottom: 17%; }
 
  .md-margin-seventeen-half-tb{ margin-top: 17.5%; margin-bottom: 17.5%; }
 
  .md-margin-eighteen-tb{ margin-top: 18%; margin-bottom: 18%; }
 
  .md-margin-eighteen-half-tb{ margin-top: 18.5%; margin-bottom: 18.5%; }
 
  .md-margin-nineteen-tb{ margin-top: 19%; margin-bottom: 19%; }
 
  .md-margin-nineteen-half-tb{ margin-top: 19.5%; margin-bottom: 19.5%; }
 
  .md-margin-twenty-tb{ margin-top: 20%; margin-bottom: 20%; }
 
  .md-margin-twenty-half-tb{ margin-top: 20.5%; margin-bottom: 20.5%; }
 
  .md-margin-twenty-one-tb{ margin-top: 21%; margin-bottom: 21%; }
 
  .md-margin-twenty-one-half-tb{ margin-top: 21.5%; margin-bottom: 21.5%; }
 
  .md-margin-twenty-two-tb{ margin-top: 22%; margin-bottom: 22%; }
 
  .md-margin-twenty-two-half-tb{ margin-top: 22.5%; margin-bottom: 22.5%; }
 
  .md-margin-twenty-three-tb{ margin-top: 23%; margin-bottom: 23%; }
 
  .md-margin-twenty-three-half-tb{ margin-top: 23.5%; margin-bottom: 23.5%; }
 
  .md-margin-twenty-four-tb{ margin-top: 24%; margin-bottom: 24%; }
 
  .md-margin-twenty-four-half-tb{ margin-top: 24.5%; margin-bottom: 24.5%; }
 
  .md-margin-twenty-five-tb{ margin-top: 25%; margin-bottom: 25%; }
 
  .md-margin-5px-tb{ margin-top: 5px !important; margin-bottom: 5px !important; }
 
  .md-margin-10px-tb{ margin-top: 10px !important; margin-bottom: 10px !important; }
 
  .md-margin-15px-tb{ margin-top: 15px !important; margin-bottom: 15px !important; }
 
  .md-margin-20px-tb{ margin-top: 20px !important; margin-bottom: 20px !important; }
 
  .md-margin-25px-tb{ margin-top: 25px !important; margin-bottom: 25px !important; }
 
  .md-margin-30px-tb{ margin-top: 30px !important; margin-bottom: 30px !important; }
 
  .md-margin-35px-tb{ margin-top: 35px !important; margin-bottom: 35px !important; }
 
  .md-margin-40px-tb{ margin-top: 40px !important; margin-bottom: 40px !important; }
 
  .md-margin-45px-tb{ margin-top: 45px !important; margin-bottom: 45px !important; }
 
  .md-margin-50px-tb{ margin-top: 50px !important; margin-bottom: 50px !important; }
 
  .md-margin-55px-tb{ margin-top: 55px !important; margin-bottom: 55px !important; }
 
  .md-margin-60px-tb{ margin-top: 60px !important; margin-bottom: 60px !important; }
 
  .md-margin-65px-tb{ margin-top: 65px !important; margin-bottom: 60px !important; }
 
  .md-margin-70px-tb{ margin-top: 70px !important; margin-bottom: 65px !important; }
 
  .md-margin-75px-tb{ margin-top: 75px !important; margin-bottom: 70px !important; }
 
  .md-margin-80px-tb{ margin-top: 80px !important; margin-bottom: 75px !important; }
 
  .md-margin-85px-tb{ margin-top: 85px !important; margin-bottom: 80px !important; }
 
  .md-margin-90px-tb{ margin-top: 90px !important; margin-bottom: 85px !important; }
 
  .md-margin-95px-tb{ margin-top: 95px !important; margin-bottom: 90px !important; }
 
  .md-margin-100px-tb{ margin-top: 100px !important; margin-bottom: 100px !important; }
 
 
 
  /* padding */
 
  .md-no-padding{ padding: 0 !important; }
 
  .md-no-padding-lr{ padding-left: 0 !important; padding-right: 0 !important; }
 
  .md-no-padding-tb{ padding-top: 0 !important; padding-bottom: 0 !important; }
 
  .md-no-padding-top{ padding-top: 0 !important; }
 
  .md-no-padding-bottom{ padding-bottom: 0 !important; }
 
  .md-no-padding-left{ padding-left: 0 !important; }
 
  .md-no-padding-right{ padding-right: 0 !important; }
 
  .md-padding-one-all{ padding: 1%; }
 
  .md-padding-one-half-all{ padding: 1.5%; }
 
  .md-padding-two-all{ padding: 2%; }
 
  .md-padding-two-half-all{ padding: 2.5%; }
 
  .md-padding-three-all{ padding: 3%; }
 
  .md-padding-three-half-all{ padding: 3.5%; }
 
  .md-padding-four-all{ padding: 4%; }
 
  .md-padding-four-half-all{ padding: 4.5%; }
 
  .md-padding-five-all{ padding: 5%; }
 
  .md-padding-five-half-all{ padding: 5.5%; }
 
  .md-padding-six-all{ padding: 6%; }
 
  .md-padding-six-half-all{ padding: 6.5%; }
 
  .md-padding-seven-all{ padding: 7%; }
 
  .md-padding-seven-half-all{ padding: 7.5%; }
 
  .md-padding-eight-all{ padding: 8%; }
 
  .md-padding-eight-half-all{ padding: 8.5%; }
 
  .md-padding-nine-all{ padding: 9%; }
 
  .md-padding-nine-half-all{ padding: 9.5%; }
 
  .md-padding-ten-all{ padding: 10%; }
 
  .md-padding-ten-half-all{ padding: 10.5%; }
 
  .md-padding-eleven-all{ padding: 11%; }
 
  .md-padding-eleven-half-all{ padding: 11.5%; }
 
  .md-padding-twelve-all{ padding: 12%; }
 
  .md-padding-twelve-half-all{ padding: 12.5%; }
 
  .md-padding-thirteen-all{ padding: 13%; }
 
  .md-padding-thirteen-half-all{ padding: 13.5%; }
 
  .md-padding-fourteen-all{ padding: 14%; }
 
  .md-padding-fourteen-half-all{ padding: 14.5%; }
 
  .md-padding-fifteen-all{ padding: 15%; }
 
  .md-padding-fifteen-half-all{ padding: 15.5%; }
 
  .md-padding-sixteen-all{ padding: 16%; }
 
  .md-padding-sixteen-half-all{ padding: 16.5%; }
 
  .md-padding-seventeen-all{ padding: 17%; }
 
  .md-padding-seventeen-half-all{ padding: 17.5%; }
 
  .md-padding-eighteen-all{ padding: 18%; }
 
  .md-padding-eighteen-half-all{ padding: 18.5%; }
 
  .md-padding-nineteen-all{ padding: 19%; }
 
  .md-padding-nineteen-half-all{ padding: 19.5%; }
 
  .md-padding-twenty-all{ padding: 20%; }
 
  .md-padding-twenty-half-all{ padding: 20.5%; }
 
  .md-padding-twenty-one-all{ padding: 21%; }
 
  .md-padding-twenty-one-half-all{ padding: 21.5%; }
 
  .md-padding-twenty-two-all{ padding: 22%; }
 
  .md-padding-twenty-two-half-all{ padding: 22.5%; }
 
  .md-padding-twenty-three-all{ padding: 23%; }
 
  .md-padding-twenty-three-half-all{ padding: 23.5%; }
 
  .md-padding-twenty-four-all{ padding: 24%; }
 
  .md-padding-twenty-four-half-all{ padding: 24.5%; }
 
  .md-padding-twenty-five-all{ padding: 25%; }
 
  .md-padding-5px-all{ padding: 5px !important; }
 
  .md-padding-10px-all{ padding: 10px !important; }
 
  .md-padding-15px-all{ padding: 15px !important; }
 
  .md-padding-20px-all{ padding: 20px !important; }
 
  .md-padding-25px-all{ padding: 25px !important; }
 
  .md-padding-30px-all{ padding: 30px !important; }
 
  .md-padding-35px-all{ padding: 35px !important; }
 
  .md-padding-40px-all{ padding: 40px !important; }
 
  .md-padding-45px-all{ padding: 45px !important; }
 
  .md-padding-50px-all{ padding: 50px !important; }
 
  .md-padding-55px-all{ padding: 55px !important; }
 
  .md-padding-60px-all{ padding: 60px !important; }
 
  .md-padding-65px-all{ padding: 65px !important; }
 
  .md-padding-70px-all{ padding: 70px !important; }
 
  .md-padding-75px-all{ padding: 75px !important; }
 
  .md-padding-80px-all{ padding: 80px !important; }
 
  .md-padding-85px-all{ padding: 85px !important; }
 
  .md-padding-90px-all{ padding: 90px !important; }
 
  .md-padding-95px-all{ padding: 95px !important; }
 
  .md-padding-100px-all{ padding: 100px !important; }
 
 
 
  /* padding top */
 
  .md-padding-one-top{ padding-top: 1%; }
 
  .md-padding-one-half-top{ padding-top: 1.5%; }
 
  .md-padding-two-top{ padding-top: 2%; }
 
  .md-padding-two-half-top{ padding-top: 2.5%; }
 
  .md-padding-three-top{ padding-top: 3%; }
 
  .md-padding-three-half-top{ padding-top: 3.5%; }
 
  .md-padding-four-top{ padding-top: 4%; }
 
  .md-padding-four-half-top{ padding-top: 4.5%; }
 
  .md-padding-five-top{ padding-top: 5%; }
 
  .md-padding-five-half-top{ padding-top: 5.5%; }
 
  .md-padding-six-top{ padding-top: 6%; }
 
  .md-padding-six-half-top{ padding-top: 6.5%; }
 
  .md-padding-seven-top{ padding-top: 7%; }
 
  .md-padding-seven-half-top{ padding-top: 7.5%; }
 
  .md-padding-eight-top{ padding-top: 8%; }
 
  .md-padding-eight-half-top{ padding-top: 8.5%; }
 
  .md-padding-nine-top{ padding-top: 9%; }
 
  .md-padding-nine-half-top{ padding-top: 9.5%; }
 
  .md-padding-ten-top{ padding-top: 10%; }
 
  .md-padding-ten-half-top{ padding-top: 10.5%; }
 
  .md-padding-eleven-top{ padding-top: 11%; }
 
  .md-padding-eleven-half-top{ padding-top: 11.5%; }
 
  .md-padding-twelve-top{ padding-top: 12%; }
 
  .md-padding-twelve-half-top{ padding-top: 12.5%; }
 
  .md-padding-thirteen-top{ padding-top: 13%; }
 
  .md-padding-thirteen-half-top{ padding-top: 13.5%; }
 
  .md-padding-fourteen-top{ padding-top: 14%; }
 
  .md-padding-fourteen-half-top{ padding-top: 14.5%; }
 
  .md-padding-fifteen-top{ padding-top: 15%; }
 
  .md-padding-fifteen-half-top{ padding-top: 15.5%; }
 
  .md-padding-sixteen-top{ padding-top: 16%; }
 
  .md-padding-sixteen-half-top{ padding-top: 16.5%; }
 
  .md-padding-seventeen-top{ padding-top: 17%; }
 
  .md-padding-seventeen-half-top{ padding-top: 17.5%; }
 
  .md-padding-eighteen-top{ padding-top: 18%; }
 
  .md-padding-eighteen-half-top{ padding-top: 18.5%; }
 
  .md-padding-nineteen-top{ padding-top: 19%; }
 
  .md-padding-nineteen-half-top{ padding-top: 19.5%; }
 
  .md-padding-twenty-top{ padding-top: 20%; }
 
  .md-padding-twenty-half-top{ padding-top: 20.5%; }
 
  .md-padding-twenty-one-top{ padding-top: 21%; }
 
  .md-padding-twenty-one-half-top{ padding-top: 21.5%; }
 
  .md-padding-twenty-two-top{ padding-top: 22%; }
 
  .md-padding-twenty-two-half-top{ padding-top: 22.5%; }
 
  .md-padding-twenty-three-top{ padding-top: 23%; }
 
  .md-padding-twenty-three-half-top{ padding-top: 23.5%; }
 
  .md-padding-twenty-four-top{ padding-top: 24%; }
 
  .md-padding-twenty-four-half-top{ padding-top: 24.5%; }
 
  .md-padding-twenty-five-top{ padding-top: 25%; }
 
  .md-padding-5px-top{ padding-top: 5px !important; }
 
  .md-padding-10px-top{ padding-top: 10px !important; }
 
  .md-padding-15px-top{ padding-top: 15px !important; }
 
  .md-padding-20px-top{ padding-top: 20px !important; }
 
  .md-padding-25px-top{ padding-top: 25px !important; }
 
  .md-padding-30px-top{ padding-top: 30px !important; }
 
  .md-padding-35px-top{ padding-top: 35px !important; }
 
  .md-padding-40px-top{ padding-top: 40px !important; }
 
  .md-padding-45px-top{ padding-top: 45px !important; }
 
  .md-padding-50px-top{ padding-top: 50px !important; }
 
  .md-padding-55px-top{ padding-top: 55px !important; }
 
  .md-padding-60px-top{ padding-top: 60px !important; }
 
  .md-padding-65px-top{ padding-top: 65px !important; }
 
  .md-padding-70px-top{ padding-top: 70px !important; }
 
  .md-padding-75px-top{ padding-top: 75px !important; }
 
  .md-padding-80px-top{ padding-top: 80px !important; }
 
  .md-padding-85px-top{ padding-top: 85px !important; }
 
  .md-padding-90px-top{ padding-top: 90px !important; }
 
  .md-padding-95px-top{ padding-top: 95px !important; }
 
  .md-padding-100px-top{ padding-top: 100px !important; }
 
 
 
  /* padding bottom */
 
  .md-padding-one-bottom{ padding-bottom: 1%; }
 
  .md-padding-one-half-bottom{ padding-bottom: 1.5%; }
 
  .md-padding-two-bottom{ padding-bottom: 2%; }
 
  .md-padding-two-half-bottom{ padding-bottom: 2.5%; }
 
  .md-padding-three-bottom{ padding-bottom: 3%; }
 
  .md-padding-three-half-bottom{ padding-bottom: 3.5%; }
 
  .md-padding-four-bottom{ padding-bottom: 4%; }
 
  .md-padding-four-half-bottom{ padding-bottom: 4.5%; }
 
  .md-padding-five-bottom{ padding-bottom: 5%; }
 
  .md-padding-five-half-bottom{ padding-bottom: 5.5%; }
 
  .md-padding-six-bottom{ padding-bottom: 6%; }
 
  .md-padding-six-half-bottom{ padding-bottom: 6.5%; }
 
  .md-padding-seven-bottom{ padding-bottom: 7%; }
 
  .md-padding-seven-half-bottom{ padding-bottom: 7.5%; }
 
  .md-padding-eight-bottom{ padding-bottom: 8%; }
 
  .md-padding-eight-half-bottom{ padding-bottom: 8.5%; }
 
  .md-padding-nine-bottom{ padding-bottom: 9%; }
 
  .md-padding-nine-half-bottom{ padding-bottom: 9.5%; }
 
  .md-padding-ten-bottom{ padding-bottom: 10%; }
 
  .md-padding-ten-half-bottom{ padding-bottom: 10.5%; }
 
  .md-padding-eleven-bottom{ padding-bottom: 11%; }
 
  .md-padding-eleven-half-bottom{ padding-bottom: 11.5%; }
 
  .md-padding-twelve-bottom{ padding-bottom: 12%; }
 
  .md-padding-twelve-half-bottom{ padding-bottom: 12.5%; }
 
  .md-padding-thirteen-bottom{ padding-bottom: 13%; }
 
  .md-padding-thirteen-half-bottom{ padding-bottom: 13.5%; }
 
  .md-padding-fourteen-bottom{ padding-bottom: 14%; }
 
  .md-padding-fourteen-half-bottom{ padding-bottom: 14.5%; }
 
  .md-padding-fifteen-bottom{ padding-bottom: 15%; }
 
  .md-padding-fifteen-half-bottom{ padding-bottom: 15.5%; }
 
  .md-padding-sixteen-bottom{ padding-bottom: 16%; }
 
  .md-padding-sixteen-half-bottom{ padding-bottom: 16.5%; }
 
  .md-padding-seventeen-bottom{ padding-bottom: 17%; }
 
  .md-padding-seventeen-half-bottom{ padding-bottom: 17.5%; }
 
  .md-padding-eighteen-bottom{ padding-bottom: 18%; }
 
  .md-padding-eighteen-half-bottom{ padding-bottom: 18.5%; }
 
  .md-padding-nineteen-bottom{ padding-bottom: 19%; }
 
  .md-padding-nineteen-half-bottom{ padding-bottom: 19.5%; }
 
  .md-padding-twenty-bottom{ padding-bottom: 20%; }
 
  .md-padding-twenty-half-bottom{ padding-bottom: 20.5%; }
 
  .md-padding-twenty-one-bottom{ padding-bottom: 21%; }
 
  .md-padding-twenty-one-half-bottom{ padding-bottom: 21.5%; }
 
  .md-padding-twenty-two-bottom{ padding-bottom: 22%; }
 
  .md-padding-twenty-two-half-bottom{ padding-bottom: 22.5%; }
 
  .md-padding-twenty-three-bottom{ padding-bottom: 23%; }
 
  .md-padding-twenty-three-half-bottom{ padding-bottom: 23.5%; }
 
  .md-padding-twenty-four-bottom{ padding-bottom: 24%; }
 
  .md-padding-twenty-four-half-bottom{ padding-bottom: 24.5%; }
 
  .md-padding-twenty-five-bottom{ padding-bottom: 25%; }
 
  .md-padding-5px-bottom{ padding-bottom: 5px !important; }
 
  .md-padding-10px-bottom{ padding-bottom: 10px !important; }
 
  .md-padding-15px-bottom{ padding-bottom: 15px !important; }
 
  .md-padding-20px-bottom{ padding-bottom: 20px !important; }
 
  .md-padding-25px-bottom{ padding-bottom: 25px !important; }
 
  .md-padding-30px-bottom{ padding-bottom: 30px !important; }
 
  .md-padding-35px-bottom{ padding-bottom: 35px !important; }
 
  .md-padding-40px-bottom{ padding-bottom: 40px !important; }
 
  .md-padding-45px-bottom{ padding-bottom: 45px !important; }
 
  .md-padding-50px-bottom{ padding-bottom: 50px !important; }
 
  .md-padding-55px-bottom{ padding-bottom: 55px !important; }
 
  .md-padding-60px-bottom{ padding-bottom: 60px !important; }
 
  .md-padding-65px-bottom{ padding-bottom: 65px !important; }
 
  .md-padding-70px-bottom{ padding-bottom: 70px !important; }
 
  .md-padding-75px-bottom{ padding-bottom: 75px !important; }
 
  .md-padding-80px-bottom{ padding-bottom: 80px !important; }
 
  .md-padding-85px-bottom{ padding-bottom: 85px !important; }
 
  .md-padding-90px-bottom{ padding-bottom: 90px !important; }
 
  .md-padding-95px-bottom{ padding-bottom: 95px !important; }
 
  .md-padding-100px-bottom{ padding-bottom: 100px !important; }
 
 
 
  /* padding right */
 
  .md-padding-one-right{ padding-right: 1%; }
 
  .md-padding-one-half-right{ padding-right: 1.5%; }
 
  .md-padding-two-right{ padding-right: 2%; }
 
  .md-padding-two-half-right{ padding-right: 2.5%; }
 
  .md-padding-three-right{ padding-right: 3%; }
 
  .md-padding-three-half-right{ padding-right: 3.5%; }
 
  .md-padding-four-right{ padding-right: 4%; }
 
  .md-padding-four-half-right{ padding-right: 4.5%; }
 
  .md-padding-five-right{ padding-right: 5%; }
 
  .md-padding-five-half-right{ padding-right: 5.5%; }
 
  .md-padding-six-right{ padding-right: 6%; }
 
  .md-padding-six-half-right{ padding-right: 6.5%; }
 
  .md-padding-seven-right{ padding-right: 7%; }
 
  .md-padding-seven-half-right{ padding-right: 7.5%; }
 
  .md-padding-eight-right{ padding-right: 8%; }
 
  .md-padding-eight-half-right{ padding-right: 8.5%; }
 
  .md-padding-nine-right{ padding-right: 9%; }
 
  .md-padding-nine-half-right{ padding-right: 9.5%; }
 
  .md-padding-ten-right{ padding-right: 10%; }
 
  .md-padding-ten-half-right{ padding-right: 10.5%; }
 
  .md-padding-eleven-right{ padding-right: 11%; }
 
  .md-padding-eleven-half-right{ padding-right: 11.5%; }
 
  .md-padding-twelve-right{ padding-right: 12%; }
 
  .md-padding-twelve-half-right{ padding-right: 12.5%; }
 
  .md-padding-thirteen-right{ padding-right: 13%; }
 
  .md-padding-thirteen-half-right{ padding-right: 13.5%; }
 
  .md-padding-fourteen-right{ padding-right: 14%; }
 
  .md-padding-fourteen-half-right{ padding-right: 14.5%; }
 
  .md-padding-fifteen-right{ padding-right: 15%; }
 
  .md-padding-fifteen-half-right{ padding-right: 15.5%; }
 
  .md-padding-sixteen-right{ padding-right: 16%; }
 
  .md-padding-sixteen-half-right{ padding-right: 16.5%; }
 
  .md-padding-seventeen-right{ padding-right: 17%; }
 
  .md-padding-seventeen-half-right{ padding-right: 17.5%; }
 
  .md-padding-eighteen-right{ padding-right: 18%; }
 
  .md-padding-eighteen-half-right{ padding-right: 18.5%; }
 
  .md-padding-nineteen-right{ padding-right: 19%; }
 
  .md-padding-nineteen-half-right{ padding-right: 19.5%; }
 
  .md-padding-twenty-right{ padding-right: 20%; }
 
  .md-padding-twenty-half-right{ padding-right: 20.5%; }
 
  .md-padding-twenty-one-right{ padding-right: 21%; }
 
  .md-padding-twenty-one-half-right{ padding-right: 21.5%; }
 
  .md-padding-twenty-two-right{ padding-right: 22%; }
 
  .md-padding-twenty-two-half-right{ padding-right: 22.5%; }
 
  .md-padding-twenty-three-right{ padding-right: 23%; }
 
  .md-padding-twenty-three-half-right{ padding-right: 23.5%; }
 
  .md-padding-twenty-four-right{ padding-right: 24%; }
 
  .md-padding-twenty-four-half-right{ padding-right: 24.5%; }
 
  .md-padding-twenty-five-right{ padding-right: 25%; }
 
  .md-padding-5px-right{ padding-right: 5px !important; }
 
  .md-padding-10px-right{ padding-right: 10px !important; }
 
  .md-padding-15px-right{ padding-right: 15px !important; }
 
  .md-padding-20px-right{ padding-right: 20px !important; }
 
  .md-padding-25px-right{ padding-right: 25px !important; }
 
  .md-padding-30px-right{ padding-right: 30px !important; }
 
  .md-padding-35px-right{ padding-right: 35px !important; }
 
  .md-padding-40px-right{ padding-right: 40px !important; }
 
  .md-padding-45px-right{ padding-right: 45px !important; }
 
  .md-padding-50px-right{ padding-right: 50px !important; }
 
  .md-padding-55px-right{ padding-right: 55px !important; }
 
  .md-padding-60px-right{ padding-right: 60px !important; }
 
  .md-padding-65px-right{ padding-right: 65px !important; }
 
  .md-padding-70px-right{ padding-right: 70px !important; }
 
  .md-padding-75px-right{ padding-right: 75px !important; }
 
  .md-padding-80px-right{ padding-right: 80px !important; }
 
  .md-padding-85px-right{ padding-right: 85px !important; }
 
  .md-padding-90px-right{ padding-right: 90px !important; }
 
  .md-padding-95px-right{ padding-right: 95px !important; }
 
  .md-padding-100px-right{ padding-right: 100px !important; }
 
 
 
  /* padding left */
 
  .md-padding-one-left{ padding-left: 1%; }
 
  .md-padding-one-half-left{ padding-left: 1.5%; }
 
  .md-padding-two-left{ padding-left: 2%; }
 
  .md-padding-two-half-left{ padding-left: 2.5%; }
 
  .md-padding-three-left{ padding-left: 3%; }
 
  .md-padding-three-half-left{ padding-left: 3.5%; }
 
  .md-padding-four-left{ padding-left: 4%; }
 
  .md-padding-four-half-left{ padding-left: 4.5%; }
 
  .md-padding-five-left{ padding-left: 5%; }
 
  .md-padding-five-half-left{ padding-left: 5.5%; }
 
  .md-padding-six-left{ padding-left: 6%; }
 
  .md-padding-six-half-left{ padding-left: 6.5%; }
 
  .md-padding-seven-left{ padding-left: 7%; }
 
  .md-padding-seven-half-left{ padding-left: 7.5%; }
 
  .md-padding-eight-left{ padding-left: 8%; }
 
  .md-padding-eight-half-left{ padding-left: 8.5%; }
 
  .md-padding-nine-left{ padding-left: 9%; }
 
  .md-padding-nine-half-left{ padding-left: 9.5%; }
 
  .md-padding-ten-left{ padding-left: 10%; }
 
  .md-padding-ten-half-left{ padding-left: 10.5%; }
 
  .md-padding-eleven-left{ padding-left: 11%; }
 
  .md-padding-eleven-half-left{ padding-left: 11.5%; }
 
  .md-padding-twelve-left{ padding-left: 12%; }
 
  .md-padding-twelve-half-left{ padding-left: 12.5%; }
 
  .md-padding-thirteen-left{ padding-left: 13%; }
 
  .md-padding-thirteen-half-left{ padding-left: 13.5%; }
 
  .md-padding-fourteen-left{ padding-left: 14%; }
 
  .md-padding-fourteen-half-left{ padding-left: 14.5%; }
 
  .md-padding-fifteen-left{ padding-left: 15%; }
 
  .md-padding-fifteen-half-left{ padding-left: 15.5%; }
 
  .md-padding-sixteen-left{ padding-left: 16%; }
 
  .md-padding-sixteen-half-left{ padding-left: 16.5%; }
 
  .md-padding-seventeen-left{ padding-left: 17%; }
 
  .md-padding-seventeen-half-left{ padding-left: 17.5%; }
 
  .md-padding-eighteen-left{ padding-left: 18%; }
 
  .md-padding-eighteen-half-left{ padding-left: 18.5%; }
 
  .md-padding-nineteen-left{ padding-left: 19%; }
 
  .md-padding-nineteen-half-left{ padding-left: 19.5%; }
 
  .md-padding-twenty-left{ padding-left: 20%; }
 
  .md-padding-twenty-half-left{ padding-left: 20.5%; }
 
  .md-padding-twenty-one-left{ padding-left: 21%; }
 
  .md-padding-twenty-one-half-left{ padding-left: 21.5%; }
 
  .md-padding-twenty-two-left{ padding-left: 22%; }
 
  .md-padding-twenty-two-half-left{ padding-left: 22.5%; }
 
  .md-padding-twenty-three-left{ padding-left: 23%; }
 
  .md-padding-twenty-three-half-left{ padding-left: 23.5%; }
 
  .md-padding-twenty-four-left{ padding-left: 24%; }
 
  .md-padding-twenty-four-half-left{ padding-left: 24.5%; }
 
  .md-padding-twenty-five-left{ padding-left: 25%; }
 
  .md-padding-5px-left{ padding-left: 5px !important; }
 
  .md-padding-10px-left{ padding-left: 10px !important; }
 
  .md-padding-15px-left{ padding-left: 15px !important; }
 
  .md-padding-20px-left{ padding-left: 20px !important; }
 
  .md-padding-25px-left{ padding-left: 25px !important; }
 
  .md-padding-30px-left{ padding-left: 30px !important; }
 
  .md-padding-35px-left{ padding-left: 35px !important; }
 
  .md-padding-40px-left{ padding-left: 40px !important; }
 
  .md-padding-45px-left{ padding-left: 45px !important; }
 
  .md-padding-50px-left{ padding-left: 50px !important; }
 
  .md-padding-55px-left{ padding-left: 55px !important; }
 
  .md-padding-60px-left{ padding-left: 60px !important; }
 
  .md-padding-65px-left{ padding-left: 65px !important; }
 
  .md-padding-70px-left{ padding-left: 70px !important; }
 
  .md-padding-75px-left{ padding-left: 75px !important; }
 
  .md-padding-80px-left{ padding-left: 80px !important; }
 
  .md-padding-85px-left{ padding-left: 85px !important; }
 
  .md-padding-90px-left{ padding-left: 90px !important; }
 
  .md-padding-95px-left{ padding-left: 95px !important; }
 
  .md-padding-100px-left{ padding-left: 100px !important; }
 
 
 
  /* padding top bottom */
 
  .md-padding-one-tb{ padding-top: 1%; padding-bottom: 1%; }
 
  .md-padding-one-half-tb{ padding-top: 1.5%; padding-bottom: 1.5%; }
 
  .md-padding-two-tb{ padding-top: 2%; padding-bottom: 2%; }
 
  .md-padding-two-half-tb{ padding-top: 2.5%; padding-bottom: 2.5%; }
 
  .md-padding-three-tb{ padding-top: 3%; padding-bottom: 3%; }
 
  .md-padding-three-half-tb{ padding-top: 3.5%; padding-bottom: 3.5%; }
 
  .md-padding-four-tb{ padding-top: 4%; padding-bottom: 4%; }
 
  .md-padding-four-half-tb{ padding-top: 4.5%; padding-bottom: 4.5%; }
 
  .md-padding-five-tb{ padding-top: 5%; padding-bottom: 5%; }
 
  .md-padding-five-half-tb{ padding-top: 5.5%; padding-bottom: 5.5%; }
 
  .md-padding-six-tb{ padding-top: 6%; padding-bottom: 6%; }
 
  .md-padding-six-half-tb{ padding-top: 6.5%; padding-bottom: 6.5%; }
 
  .md-padding-seven-tb{ padding-top: 7%; padding-bottom: 7%; }
 
  .md-padding-seven-half-tb{ padding-top: 7.5%; padding-bottom: 7.5%; }
 
  .md-padding-eight-tb{ padding-top: 8%; padding-bottom: 8%; }
 
  .md-padding-eight-half-tb{ padding-top: 8.5%; padding-bottom: 8.5%; }
 
  .md-padding-nine-tb{ padding-top: 9%; padding-bottom: 9%; }
 
  .md-padding-nine-half-tb{ padding-top: 9.5%; padding-bottom: 9.5%; }
 
  .md-padding-ten-tb{ padding-top: 10%; padding-bottom: 10%; }
 
  .md-padding-ten-half-tb{ padding-top: 10.5%; padding-bottom: 10.5%; }
 
  .md-padding-eleven-tb{ padding-top: 11%; padding-bottom: 11%; }
 
  .md-padding-eleven-half-tb{ padding-top: 11.5%; padding-bottom: 11.5%; }
 
  .md-padding-twelve-tb{ padding-top: 12%; padding-bottom: 12%; }
 
  .md-padding-twelve-half-tb{ padding-top: 12.5%; padding-bottom: 12.5%; }
 
  .md-padding-thirteen-tb{ padding-top: 13%; padding-bottom: 13%; }
 
  .md-padding-thirteen-half-tb{ padding-top: 13.5%; padding-bottom: 13.5%; }
 
  .md-padding-fourteen-tb{ padding-top: 14%; padding-bottom: 14%; }
 
  .md-padding-fourteen-half-tb{ padding-top: 14.5%; padding-bottom: 14.5%; }
 
  .md-padding-fifteen-tb{ padding-top: 15%; padding-bottom: 15%; }
 
  .md-padding-fifteen-half-tb{ padding-top: 15.5%; padding-bottom: 15.5%; }
 
  .md-padding-sixteen-tb{ padding-top: 16%; padding-bottom: 16%; }
 
  .md-padding-sixteen-half-tb{ padding-top: 16.5%; padding-bottom: 16.5%; }
 
  .md-padding-seventeen-tb{ padding-top: 17%; padding-bottom: 17%; }
 
  .md-padding-seventeen-half-tb{ padding-top: 17.5%; padding-bottom: 17.5%; }
 
  .md-padding-eighteen-tb{ padding-top: 18%; padding-bottom: 18%; }
 
  .md-padding-eighteen-half-tb{ padding-top: 18.5%; padding-bottom: 18.5%; }
 
  .md-padding-nineteen-tb{ padding-top: 19%; padding-bottom: 19%; }
 
  .md-padding-nineteen-half-tb{ padding-top: 19.5%; padding-bottom: 19.5%; }
 
  .md-padding-twenty-tb{ padding-top: 20%; padding-bottom: 20%; }
 
  .md-padding-twenty-half-tb{ padding-top: 20.5%; padding-bottom: 20.5%; }
 
  .md-padding-twenty-one-tb{ padding-top: 21%; padding-bottom: 21%; }
 
  .md-padding-twenty-one-half-tb{ padding-top: 21.5%; padding-bottom: 21.5%; }
 
  .md-padding-twenty-two-tb{ padding-top: 22%; padding-bottom: 22%; }
 
  .md-padding-twenty-two-half-tb{ padding-top: 22.5%; padding-bottom: 22.5%; }
 
  .md-padding-twenty-three-tb{ padding-top: 23%; padding-bottom: 23%; }
 
  .md-padding-twenty-three-half-tb{ padding-top: 23.5%; padding-bottom: 23.5%; }
 
  .md-padding-twenty-four-tb{ padding-top: 24%; padding-bottom: 24%; }
 
  .md-padding-twenty-four-half-tb{ padding-top: 24.5%; padding-bottom: 24.5%; }
 
  .md-padding-twenty-five-tb{ padding-top: 25%; padding-bottom: 25%; }
 
  .md-padding-5px-tb{ padding-top: 5px !important; padding-bottom: 5px !important; }
 
  .md-padding-10px-tb{ padding-top: 10px !important; padding-bottom: 10px !important; }
 
  .md-padding-15px-tb{ padding-top: 15px !important; padding-bottom: 15px !important; }
 
  .md-padding-20px-tb{ padding-top: 20px !important; padding-bottom: 20px !important; }
 
  .md-padding-25px-tb{ padding-top: 25px !important; padding-bottom: 25px !important; }
 
  .md-padding-30px-tb{ padding-top: 30px !important; padding-bottom: 30px !important; }
 
  .md-padding-35px-tb{ padding-top: 35px !important; padding-bottom: 35px !important; }
 
  .md-padding-40px-tb{ padding-top: 40px !important; padding-bottom: 40px !important; }
 
  .md-padding-45px-tb{ padding-top: 45px !important; padding-bottom: 45px !important; }
 
  .md-padding-50px-tb{ padding-top: 50px !important; padding-bottom: 50px !important; }
 
  .md-padding-55px-tb{ padding-top: 55px !important; padding-bottom: 55px !important; }
 
  .md-padding-60px-tb{ padding-top: 60px !important; padding-bottom: 60px !important; }
 
  .md-padding-65px-tb{ padding-top: 65px !important; padding-bottom: 65px !important; }
 
  .md-padding-70px-tb{ padding-top: 70px !important; padding-bottom: 70px !important; }
 
  .md-padding-75px-tb{ padding-top: 75px !important; padding-bottom: 75px !important; }
 
  .md-padding-80px-tb{ padding-top: 80px !important; padding-bottom: 80px !important; }
 
  .md-padding-85px-tb{ padding-top: 85px !important; padding-bottom: 85px !important; }
 
  .md-padding-90px-tb{ padding-top: 90px !important; padding-bottom: 90px !important; }
 
  .md-padding-95px-tb{ padding-top: 95px !important; padding-bottom: 95px !important; }
 
  .md-padding-100px-tb{ padding-top: 100px !important; padding-bottom: 100px !important; }
 
 
 
  /* padding left right */
 
  .md-padding-one-lr{ padding-left: 1%; padding-right: 1%; }
 
  .md-padding-one-half-lr{ padding-left: 1.5%; padding-right: 1.5%; }
 
  .md-padding-two-lr{ padding-left: 2%; padding-right: 2%; }
 
  .md-padding-two-half-lr{ padding-left: 2.5%; padding-right: 2.5%; }
 
  .md-padding-three-lr{ padding-left: 3%; padding-right: 3%; }
 
  .md-padding-three-half-lr{ padding-left: 3.5%; padding-right: 3.5%; }
 
  .md-padding-four-lr{ padding-left: 4%; padding-right: 4%; }
 
  .md-padding-four-half-lr{ padding-left: 4.5%; padding-right: 4.5%; }
 
  .md-padding-five-lr{ padding-left: 5%; padding-right: 5%; }
 
  .md-padding-five-half-lr{ padding-left: 5.5%; padding-right: 5.5%; }
 
  .md-padding-six-lr{ padding-left: 6%; padding-right: 6%; }
 
  .md-padding-six-half-lr{ padding-left: 6.5%; padding-right: 6.5%; }
 
  .md-padding-seven-lr{ padding-left: 7%; padding-right: 7%; }
 
  .md-padding-seven-half-lr{ padding-left: 7.5%; padding-right: 7.5%; }
 
  .md-padding-eight-lr{ padding-left: 8%; padding-right: 8%; }
 
  .md-padding-eight-half-lr{ padding-left: 8.5%; padding-right: 8.5%; }
 
  .md-padding-nine-lr{ padding-left: 9%; padding-right: 9%; }
 
  .md-padding-nine-half-lr{ padding-left: 9.5%; padding-right: 9.5%; }
 
  .md-padding-ten-lr{ padding-left: 10%; padding-right: 10%; }
 
  .md-padding-ten-half-lr{ padding-left: 10.5%; padding-right: 10.5%; }
 
  .md-padding-eleven-lr{ padding-left: 11%; padding-right: 11%; }
 
  .md-padding-eleven-half-lr{ padding-left: 11.5%; padding-right: 11.5%; }
 
  .md-padding-twelve-lr{ padding-left: 12%; padding-right: 12%; }
 
  .md-padding-twelve-half-lr{ padding-left: 12.5%; padding-right: 12.5%; }
 
  .md-padding-thirteen-lr{ padding-left: 13%; padding-right: 13%; }
 
  .md-padding-thirteen-half-lr{ padding-left: 13.5%; padding-right: 13.5%; }
 
  .md-padding-fourteen-lr{ padding-left: 14%; padding-right: 14%; }
 
  .md-padding-fourteen-half-lr{ padding-left: 14.5%; padding-right: 14.5%; }
 
  .md-padding-fifteen-lr{ padding-left: 15%; padding-right: 15%; }
 
  .md-padding-fifteen-half-lr{ padding-left: 15.5%; padding-right: 15.5%; }
 
  .md-padding-sixteen-lr{ padding-left: 16%; padding-right: 16%; }
 
  .md-padding-sixteen-half-lr{ padding-left: 16.5%; padding-right: 16.5%; }
 
  .md-padding-seventeen-lr{ padding-left: 17%; padding-right: 17%; }
 
  .md-padding-seventeen-half-lr{ padding-left: 17.5%; padding-right: 17.5%; }
 
  .md-padding-eighteen-lr{ padding-left: 18%; padding-right: 18%; }
 
  .md-padding-eighteen-half-lr{ padding-left: 18.5%; padding-right: 18.5%; }
 
  .md-padding-nineteen-lr{ padding-left: 19%; padding-right: 19%; }
 
  .md-padding-nineteen-half-lr{ padding-left: 19.5%; padding-right: 19.5%; }
 
  .md-padding-twenty-lr{ padding-left: 20%; padding-right: 20%; }
 
  .md-padding-twenty-half-lr{ padding-left: 20.5%; padding-right: 20.5%; }
 
  .md-padding-twenty-one-lr{ padding-left: 21%; padding-right: 21%; }
 
  .md-padding-twenty-one-half-lr{ padding-left: 21.5%; padding-right: 21.5%; }
 
  .md-padding-twenty-two-lr{ padding-left: 22%; padding-right: 22%; }
 
  .md-padding-twenty-two-half-lr{ padding-left: 22.5%; padding-right: 22.5%; }
 
  .md-padding-twenty-three-lr{ padding-left: 23%; padding-right: 23%; }
 
  .md-padding-twenty-three-half-lr{ padding-left: 23.5%; padding-right: 23.5%; }
 
  .md-padding-twenty-four-lr{ padding-left: 24%; padding-right: 24%; }
 
  .md-padding-twenty-four-half-lr{ padding-left: 24.5%; padding-right: 24.5%; }
 
  .md-padding-twenty-five-lr{ padding-left: 25%; padding-right: 25%; }
 
  .md-padding-5px-lr{ padding-left: 5px !important; padding-right: 5px !important; }
 
  .md-padding-10px-lr{ padding-left: 10px !important; padding-right: 10px !important; }
 
  .md-padding-15px-lr{ padding-left: 15px !important; padding-right: 15px !important; }
 
  .md-padding-20px-lr{ padding-left: 20px !important; padding-right: 20px !important; }
 
  .md-padding-25px-lr{ padding-left: 25px !important; padding-right: 25px !important; }
 
  .md-padding-30px-lr{ padding-left: 30px !important; padding-right: 30px !important; }
 
  .md-padding-35px-lr{ padding-left: 35px !important; padding-right: 35px !important; }
 
  .md-padding-40px-lr{ padding-left: 40px !important; padding-right: 40px !important; }
 
  .md-padding-45px-lr{ padding-left: 45px !important; padding-right: 45px !important; }
 
  .md-padding-50px-lr{ padding-left: 50px !important; padding-right: 50px !important; }
 
  .md-padding-55px-lr{ padding-left: 55px !important; padding-right: 55px !important; }
 
  .md-padding-60px-lr{ padding-left: 60px !important; padding-right: 60px !important; }
 
  .md-padding-65px-lr{ padding-left: 65px !important; padding-right: 65px !important; }
 
  .md-padding-70px-lr{ padding-left: 70px !important; padding-right: 70px !important; }
 
  .md-padding-75px-lr{ padding-left: 75px !important; padding-right: 75px !important; }
 
  .md-padding-80px-lr{ padding-left: 80px !important; padding-right: 80px !important; }
 
  .md-padding-85px-lr{ padding-left: 85px !important; padding-right: 85px !important; }
 
  .md-padding-90px-lr{ padding-left: 90px !important; padding-right: 90px !important; }
 
  .md-padding-95px-lr{ padding-left: 95px !important; padding-right: 95px !important; }
 
  .md-padding-100px-lr{ padding-left: 100px !important; padding-right: 100px !important; }
 
 
 
  /* top */
 
  .md-top-auto{ top: auto; }
 
  .md-top-0{ top: 0 !important; }
 
  .md-top-1{ top: 1px; }
 
  .md-top-2{ top: 2px; }
 
  .md-top-3{ top: 3px; }
 
  .md-top-4{ top: 4px; }
 
  .md-top-5{ top: 5px; }
 
  .md-top-6{ top: 6px; }
 
  .md-top-7{ top: 7px; }
 
  .md-top-8{ top: 8px; }
 
  .md-top-9{ top: 9px; }
 
  .md-top-10{ top: 10px; }
 
  .md-top-minus1{ top: -1px; }
 
  .md-top-minus2{ top: -2px; }
 
  .md-top-minus3{ top: -3px; }
 
  .md-top-minus4{ top: -4px; }
 
  .md-top-minus5{ top: -5px; }
 
  .md-top-minus6{ top: -6px; }
 
  .md-top-minus7{ top: -7px; }
 
  .md-top-minus8{ top: -8px; }
 
  .md-top-minus9{ top: -9px; }
 
  .md-top-minus10{ top: -10px; }
 
  .md-top-minus15{ top: -15px; }
 
  .md-top-minus20{ top: -20px; }
 
  .md-top-minus25{ top: -25px; }
 
  .md-top-minus30{ top: -30px; }
 
  .md-top-minus35{ top: -35px; }
 
  .md-top-minus40{ top: -40px; }
 
 
 
  /* bottom */
 
  .md-bottom-auto{ bottom: auto; }
 
  .md-bottom-0{ bottom: 0; }
 
  .md-bottom-1{ bottom: 1px; }
 
  .md-bottom-2{ bottom: 2px; }
 
  .md-bottom-3{ bottom: 3px; }
 
  .md-bottom-4{ bottom: 4px; }
 
  .md-bottom-5{ bottom: 5px; }
 
  .md-bottom-6{ bottom: 6px; }
 
  .md-bottom-7{ bottom: 7px; }
 
  .md-bottom-8{ bottom: 8px; }
 
  .md-bottom-9{ bottom: 9px; }
 
  .md-bottom-10{ bottom: 10px; }
 
  .md-bottom-15{ bottom: 15px; }
 
  .md-bottom-20{ bottom: 20px; }
 
  .md-bottom-25{ bottom: 25px; }
 
  .md-bottom-30{ bottom: 30px; }
 
  .md-bottom-35{ bottom: 35px; }
 
  .md-bottom-40{ bottom: 40px; }
 
 
 
  /* left */
 
  .md-left-auto{ left: auto; }
 
  .md-left-0{ left: 0; }
 
  .md-left-1{ left: 1px; }
 
  .md-left-2{ left: 2px; }
 
  .md-left-3{ left: 3px; }
 
  .md-left-4{ left: 4px; }
 
  .md-left-5{ left: 5px; }
 
  .md-left-6{ left: 6px; }
 
  .md-left-7{ left: 7px; }
 
  .md-left-8{ left: 8px; }
 
  .md-left-9{ left: 9px; }
 
  .md-left-10{ left: 10px; }
 
  .md-left-15{ left: 15px; }
 
  .md-left-20{ left: 20px; }
 
  .md-left-25{ left: 25px; }
 
  .md-left-30{ left: 30px; }
 
  .md-left-35{ left: 35px; }
 
  .md-left-40{ left: 40px; }
 
 
 
  /* right */
 
  .md-right-auto{ right: auto; }
 
  .md-right-0{ right: 0; }
 
  .md-right-1{ right: 1px; }
 
  .md-right-2{ right: 2px; }
 
  .md-right-3{ right: 3px; }
 
  .md-right-4{ right: 4px; }
 
  .md-right-5{ right: 5px; }
 
  .md-right-6{ right: 6px; }
 
  .md-right-7{ right: 7px; }
 
  .md-right-8{ right: 8px; }
 
  .md-right-9{ right: 9px; }
 
  .md-right-10{ right: 10px; }
 
  .md-right-15{ right: 15px; }
 
  .md-right-20{ right: 20px; }
 
  .md-right-25{ right: 25px; }
 
  .md-right-30{ right: 30px; }
 
  .md-right-35{ right: 35px; }
 
  .md-right-40{ right: 40px; }
 
 
 
  /* width */
 
  .md-width-10{ width: 10%; }
 
  .md-width-15{ width: 15%; }
 
  .md-width-20{ width: 20%; }
 
  .md-width-24{ width: 24%; }
 
  .md-width-25{ width: 25%; }
 
  .md-width-30{ width: 30%; }
 
  .md-width-35{ width: 35%; }
 
  .md-width-40{ width: 40%; }
 
  .md-width-45{ width: 45%; }
 
  .md-width-50{ width: 50%; }
 
  .md-width-55{ width: 55%; }
 
  .md-width-60{ width: 60%; }
 
  .md-width-65{ width: 65%; }
 
  .md-width-70{ width: 70%; }
 
  .md-width-74{ width: 74%; }
 
  .md-width-75{ width: 75%; }
 
  .md-width-80{ width: 80%; }
 
  .md-width-85{ width: 85%; }
 
  .md-width-90{ width: 90%; }
 
  .md-width-95{ width: 95%; }
 
  .md-width-100{ width: 100%; }
 
  .md-width-auto{ width: auto; }
 
  .md-width-50px{ width: 50px; }
 
  .md-width-70px{ width: 70px; }
 
  .md-width-75px{ width: 75px; }
 
  .md-width-80px{ width: 80px; }
 
  .md-width-85px{ width: 85px; }
 
  .md-width-90px{ width: 90px; }
 
  .md-width-95px{ width: 95px; }
 
  .md-width-100px{ width: 100px; }
 
  .md-width-120px{ width: 120px; }
 
  .md-width-130px{ width: 130px; }
 
  .md-width-150px{ width: 150px; }
 
  .md-width-180px{ width: 180px; }
 
  .md-width-200px{ width: 200px; }
 
  .md-width-250px{ width: 250px; }
 
  .md-width-300px{ width: 300px; }
 
  .md-width-350px{ width: 350px; }
 
  .md-width-400px{ width: 400px; }
 
  .md-width-450px{ width: 450px; }
 
  .md-width-500px{ width: 500px; }
 
  .md-width-550px{ width: 550px; }
 
  .md-width-600px{ width: 600px; }
 
  .md-width-650px{ width: 650px; }
 
  .md-width-700px{ width: 700px; }
 
  .md-width-750px{ width: 750px; }
 
  .md-width-800px{ width: 800px; }
 
  .md-width-850px{ width: 850px; }
 
  .md-width-900px{ width: 900px; }
 
  .md-width-950px{ width: 950px; }
 
  .md-width-1000px{ width: 1000px; }
 
 
 
  /* height */
 
 
  .md-height-vh-10{ height: 10vh; }
 
  .md-height-vh-15{ height: 15vh; }
 
  .md-height-vh-20{ height: 20vh; }
 
  .md-height-vh-25{ height: 25vh; }
 
  .md-height-vh-30{ height: 30vh; }
 
  .md-height-vh-35{ height: 35vh; }
 
  .md-height-vh-40{ height: 40vh; }
 
  .md-height-vh-45{ height: 45vh; }
 
  .md-height-vh-50{ height: 50vh; }
 
  .md-height-vh-55{ height: 55vh; }
 
  .md-height-vh-60{ height: 60vh; }
 
  .md-height-vh-65{ height: 65vh; }
 
  .md-height-vh-70{ height: 70vh; }
 
  .md-height-vh-75{ height: 75vh; }
 
  .md-height-vh-80{ height: 80vh; }
 
  .md-height-vh-85{ height: 85vh; }
 
  .md-height-vh-90{ height: 90vh; }
 
  .md-height-vh-95{ height: 95vh; }
 
  .md-height-vh-100{ height: 100vh; }
 
 
 
  .md-height-100{ height: 100%; }
 
  .md-height-auto{ height: auto; }
 
  .md-height-10px{ height: 10px; }
 
  .md-height-20px{ height: 20px; }
 
  .md-height-30px{ height: 30px; }
 
  .md-height-40px{ height: 40px; }
 
  .md-height-50px{ height: 50px; }
 
  .md-height-60px{ height: 60px; }
 
  .md-height-70px{ height: 70px; }
 
  .md-height-80px{ height: 80px; }
 
  .md-height-90px{ height: 90px; }
 
  .md-height-100px{ height: 100px; }
 
  .md-height-150px{ height: 150px; }
 
  .md-height-200px{ height: 200px; }
 
  .md-height-250px{ height: 250px; }
 
  .md-height-270px{ height: 270px; }
 
  .md-height-300px{ height: 300px; }
 
  .md-height-325px{ height: 325px; }
 
  .md-height-350px{ height: 350px; }
 
  .md-height-400px{ height: 400px; }
 
  .md-height-450px{ height: 450px; }
 
  .md-height-500px{ height: 500px; }
 
  .md-height-550px{ height: 550px; }
 
  .md-height-600px{ height: 600px; }
 
  .md-height-650px{ height: 650px; }
 
  .md-height-700px{ height: 700px; }
 
  .md-height-800px{ height: 800px; }
 
  .md-height-900px{ height: 900px; }
 
  .md-height-1000px{ height: 1000px; }
 
 
  
 .md-height-1{ height: 1%; }
 
 .md-height-2{ height: 2%; }
 
 .md-height-3{ height: 3%; }
 
 .md-height-4{ height: 4%; }
 
 .md-height-5{ height: 5%; }
 
 .md-height-6{ height: 6%; }
 
 .md-height-7{ height: 7%; }
 
 .md-height-8{ height: 8%; }
 
 .md-height-9{ height: 9%; }
 
 .md-height-10{ height: 10%; }
 
 .md-height-15{ height: 15%; }
 
 .md-height-20{ height: 20%; }
 
 .md-height-25{ height: 25%; }
 
 .md-height-30{ height: 30%; }
 
 .md-height-35{ height: 35%; }
 
 .md-height-40{ height: 40%; }
 
 .md-height-45{ height: 45%; }
 
 .md-height-50{ height: 50%; }
 
 .md-height-55{ height: 55%; }
 
 .md-height-60{ height: 60%; }
 
 .md-height-65{ height: 65%; }
 
 .md-height-70{ height: 70%; }
 
 .md-height-75{ height: 75%; }
 
 .md-height-80{ height: 80%; }
 
 .md-height-85{ height: 85%; }
 
 .md-height-90{ height: 90%; }
 
 .md-height-95{ height: 95%; }
 
 .md-height-100{ height: 100%; }
 
 
 
  /* line height */
 
  .md-line-height-10{ line-height: 10px; }
 
  .md-line-height-18{ line-height: 18px; }
 
  .md-line-height-20{ line-height: 20px; }
 
  .md-line-height-24{ line-height: 24px; }
 
  .md-line-height-22{ line-height: 22px; }
 
  .md-line-height-26{ line-height: 26px; }
 
  .md-line-height-28{ line-height: 28px; }
 
  .md-line-height-30{ line-height: 30px; }
 
  .md-line-height-35{ line-height: 35px; }
 
  .md-line-height-40{ line-height: 40px; }
 
  .md-line-height-45{ line-height: 45px; }
 
  .md-line-height-50{ line-height: 50px; }
 
  .md-line-height-55{ line-height: 55px; }
 
  .md-line-height-60{ line-height: 60px; }
 
  .md-line-height-65{ line-height: 65px; }
 
  .md-line-height-70{ line-height: 70px; }
 
  .md-line-height-75{ line-height: 75px; }
 
  .md-line-height-80{ line-height: 80px; }
 
  .md-line-height-85{ line-height: 85px; }
 
  .md-line-height-90{ line-height: 90px; }
 
  .md-line-height-95{ line-height: 95px; }
 
  .md-line-height-100{ line-height: 100px; }
 
 
 
  /* display */
 
  .md-display-block{ display: block !important; }
 
  .md-overflow-hidden{ overflow: hidden !important; }
 
  .md-overflow-auto{ overflow: auto !important; }
 
  .md-display-inline-block{ display: inline-block !important; }
 
  .md-display-inline{ display: inline !important; }
 
  .md-display-none{ display: none !important; }
 
  .md-display-inherit{ display: inherit !important; }
 
  .md-display-table{ display: table !important; }
 
  .md-display-table-cell{ display: table-cell !important; }
 
 
 
  /* position */
 
  .md-position-inherit{ position: inherit; }
 
  .md-position-relative{ position: relative; z-index: 5; }
 
  .md-position-absolute{ position: absolute !important; }
 
  .md-position-fixed{ position: fixed; }
 
  .md-position-static{ position: static; }
 
 
 
  /* boder align */
 
  .md-border-top{ border-top: 1px solid; }
 
  .md-border-bottom{ border-bottom: 1px solid; }
 
  .md-border-left{ border-left: 1px solid; }
 
  .md-border-right{ border-right: 1px solid; }
 
  .md-border-lr{ border-left: 1px solid; border-right: 1px solid; }
 
  .md-border-tb{ border-top: 1px solid; border-bottom: 1px solid; }
 
 
 
  /* border */
 
  .md-no-border-top{ border-top: 0 !important; }
 
  .md-no-border-bottom{ border-bottom: 0 !important; }
 
  .md-no-border-right{ border-right: 0 !important; }
 
  .md-no-border-left{ border-left: 0 !important; }
 
 
 
  }
 
 
 
 @media (max-width: 1025px){
 
 
 
 /* typography */
 
  h1, h2, h3, h4, h5, h6{ margin: 0 0 18px; padding: 0; letter-spacing: 0; font-weight: 400; }
 
  h1{ font-size: 57px; line-height: 58px; }
 
  h2{ font-size: 28px; line-height: 34px; }
 
  h3{ font-size: 26px; line-height: 32px; }
 
  h4{ font-size: 20px; line-height: 24px; }
 
  h5{ font-size: 18px; line-height: 22px; }
 
  h6{ font-size: 16px; line-height: 20px; }
 
  p{ margin: 0 0 20px; }
 
  .title-large{ font-size: 70px; line-height: 65px; }
 
  .percent{ line-height: 125px; }
 
 
 
 
 
  /*float*/
 
  .sm-float-left{ float: left !important; }
 
  .sm-float-right{ float: right !important; }
 
  .sm-float-none{ float: none !important; }
 
 
 
  /*text-alignment*/
 
  .sm-text-center{ text-align: center; }
 
  .sm-text-left{ text-align: left; }
 
  .sm-text-right{ text-align: right !important; }
  .sm-text-end{ text-align: end !important; }
 
 
 
  /* verticle align */
 
  .sm-vertical-align-middle{ vertical-align: middle; }
 
  .sm-vertical-align-top{ vertical-align: top; }
 
  .sm-vertical-align-bottom{ vertical-align: bottom; }
 
 
 
  /* image position */
 
  .sm-background-image-left{ background-position: left; }
 
  .sm-background-image-right{ background-position: right; }
 
  .sm-background-image-center{ background-position: center; }
 
 
 
  /* margin */
 
 
 
 
 
  .sm-margin-vh-10{ margin-top: 10vh; }
 
  .sm-margin-vh-15{ margin-top: 15vh; }
 
  .sm-margin-vh-20{ margin-top: 20vh; }
 
  .sm-margin-vh-25{ margin-top: 25vh; }
 
  .sm-margin-vh-30{ margin-top: 30vh; }
 
  .sm-margin-vh-35{ margin-top: 35vh; }
 
  .sm-margin-vh-40{ margin-top: 40vh; }
 
  .sm-margin-vh-45{ margin-top: 45vh; }
 
  .sm-margin-vh-50{ margin-top: 50vh; }
 
  .sm-margin-vh-55{ margin-top: 55vh; }
 
  .sm-margin-vh-60{ margin-top: 60vh; }
 
  .sm-margin-vh-65{ margin-top: 65vh; }
 
  .sm-margin-vh-70{ margin-top: 70vh; }
 
  .sm-margin-vh-75{ margin-top: 75vh; }
 
  .sm-margin-vh-80{ margin-top: 80vh; }
 
  .sm-margin-vh-85{ margin-top: 85vh; }
 
  .sm-margin-vh-90{ margin-top: 90vh; }
 
  .sm-margin-vh-95{ margin-top: 95vh; }
 
  .sm-margin-vh-100{ margin-top: 100vh; }
 
 
 
 
 
  .sm-margin-no{ margin: 0; }
 
  .sm-margin-one-all{ margin: 1%; }
 
  .sm-margin-one-half-all{ margin: 1.5%; }
 
  .sm-margin-two-all{ margin: 2%; }
 
  .sm-margin-two-half-all{ margin: 2.5%; }
 
  .sm-margin-three-all{ margin: 3%; }
 
  .sm-margin-three-half-all{ margin: 3.5%; }
 
  .sm-margin-four-all{ margin: 4%; }
 
  .sm-margin-four-half-all{ margin: 4.5%; }
 
  .sm-margin-five-all{ margin: 5%; }
 
  .sm-margin-five-half-all{ margin: 5.5%; }
 
  .sm-margin-six-all{ margin: 6%; }
 
  .sm-margin-six-half-all{ margin: 6.5%; }
 
  .sm-margin-seven-all{ margin: 7%; }
 
  .sm-margin-seven-half-all{ margin: 7.5%; }
 
  .sm-margin-eight-all{ margin: 8%; }
 
  .sm-margin-eight-half-all{ margin: 8.5%; }
 
  .sm-margin-nine-all{ margin: 9%; }
 
  .sm-margin-nine-half-all{ margin: 9.5%; }
 
  .sm-margin-ten-all{ margin: 10%; }
 
  .sm-margin-ten-half-all{ margin: 10.5%; }
 
  .sm-margin-eleven-all{ margin: 11%; }
 
  .sm-margin-eleven-half-all{ margin: 11.5%; }
 
  .sm-margin-twelve-all{ margin: 12%; }
 
  .sm-margin-twelve-half-all{ margin: 12.5%; }
 
  .sm-margin-thirteen-all{ margin: 13%; }
 
  .sm-margin-thirteen-half-all{ margin: 13.5%; }
 
  .sm-margin-fourteen-all{ margin: 14%; }
 
  .sm-margin-fourteen-half-all{ margin: 14.5%; }
 
  .sm-margin-fifteen-all{ margin: 15%; }
 
  .sm-margin-fifteen-half-all{ margin: 15.5%; }
 
  .sm-margin-sixteen-all{ margin: 16%; }
 
  .sm-margin-sixteen-half-all{ margin: 16.5%; }
 
  .sm-margin-seventeen-all{ margin: 17%; }
 
  .sm-margin-seventeen-half-all{ margin: 17.5%; }
 
  .sm-margin-eighteen-all{ margin: 18%; }
 
  .sm-margin-eighteen-half-all{ margin: 18.5%; }
 
  .sm-margin-nineteen-all{ margin: 19%; }
 
  .sm-margin-nineteen-half-all{ margin: 19.5%; }
 
  .sm-margin-twenty-all{ margin: 20%; }
 
  .sm-margin-twenty-half-all{ margin: 20.5%; }
 
  .sm-margin-twenty-one-all{ margin: 21%; }
 
  .sm-margin-twenty-one-half-all{ margin: 21.5%; }
 
  .sm-margin-twenty-two-all{ margin: 22%; }
 
  .sm-margin-twenty-two-half-all{ margin: 22.5%; }
 
  .sm-margin-twenty-three-all{ margin: 23%; }
 
  .sm-margin-twenty-three-half-all{ margin: 23.5%; }
 
  .sm-margin-twenty-four-all{ margin: 24%; }
 
  .sm-margin-twenty-four-half-all{ margin: 24.5%; }
 
  .sm-margin-twenty-five-all{ margin: 25%; }
 
  .sm-margin-5px-all{ margin: 5px !important; }
 
  .sm-margin-10px-all{ margin: 10px !important; }
 
  .sm-margin-15px-all{ margin: 15px !important; }
 
  .sm-margin-20px-all{ margin: 20px !important; }
 
  .sm-margin-25px-all{ margin: 25px !important; }
 
  .sm-margin-30px-all{ margin: 30px !important; }
 
  .sm-margin-35px-all{ margin: 35px !important; }
 
  .sm-margin-40px-all{ margin: 40px !important; }
 
  .sm-margin-45px-all{ margin: 45px !important; }
 
  .sm-margin-50px-all{ margin: 50px !important; }
 
  .sm-margin-55px-all{ margin: 55px !important; }
 
  .sm-margin-60px-all{ margin: 60px !important; }
 
  .sm-margin-65px-all{ margin: 65px !important; }
 
  .sm-margin-70px-all{ margin: 70px !important; }
 
  .sm-margin-75px-all{ margin: 75px !important; }
 
  .sm-margin-80px-all{ margin: 80px !important; }
 
  .sm-margin-85px-all{ margin: 85px !important; }
 
  .sm-margin-90px-all{ margin: 90px !important; }
 
  .sm-margin-95px-all{ margin: 95px !important; }
 
  .sm-margin-100px-all{ margin: 100px !important; }
 
  .sm-no-margin{ margin: 0 !important; }
 
  .sm-no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important; }
 
  .sm-no-margin-tb{ margin-top: 0 !important; margin-bottom: 0 !important; }
 
  .sm-no-margin-top{ margin-top: 0 !important; }
 
  .sm-no-margin-bottom{ margin-bottom: 0 !important; }
 
  .sm-no-margin-left{ margin-left: 0 !important; }
 
  .sm-no-margin-right{ margin-right: 0 !important; }
 
  .sm-margin-lr-auto{ margin-left: auto !important; margin-right: auto !important; }
 
  .sm-margin-auto{ margin: 0 auto !important; }
 
 
 
  /* margin top */
 
  .sm-margin-one-top{ margin-top: 1%; }
 
  .sm-margin-one-half-top{ margin-top: 1.5%; }
 
  .sm-margin-two-top{ margin-top: 2% !important; }
 
  .sm-margin-two-half-top{ margin-top: 2.5%; }
 
  .sm-margin-three-top{ margin-top: 3% !important; }
 
  .sm-margin-three-half-top{ margin-top: 3.5%; }
 
  .sm-margin-four-top{ margin-top: 4%; }
 
  .sm-margin-four-half-top{ margin-top: 4.5%; }
 
  .sm-margin-five-top{ margin-top: 5%; }
 
  .sm-margin-five-half-top{ margin-top: 5.5%; }
 
  .sm-margin-six-top{ margin-top: 6%; }
 
  .sm-margin-six-half-top{ margin-top: 6.5%; }
 
  .sm-margin-seven-top{ margin-top: 7%; }
 
  .sm-margin-seven-half-top{ margin-top: 7.5%; }
 
  .sm-margin-eight-top{ margin-top: 8%; }
 
  .sm-margin-eight-half-top{ margin-top: 8.5%; }
 
  .sm-margin-nine-top{ margin-top: 9%; }
 
  .sm-margin-nine-half-top{ margin-top: 9.5%; }
 
  .sm-margin-ten-top{ margin-top: 10%; }
 
  .sm-margin-ten-half-top{ margin-top: 10.5%; }
 
  .sm-margin-eleven-top{ margin-top: 11%; }
 
  .sm-margin-eleven-half-top{ margin-top: 11.5%; }
 
  .sm-margin-twelve-top{ margin-top: 12%; }
 
  .sm-margin-twelve-half-top{ margin-top: 12.5%; }
 
  .sm-margin-thirteen-top{ margin-top: 13%; }
 
  .sm-margin-thirteen-half-top{ margin-top: 13.5%; }
 
  .sm-margin-fourteen-top{ margin-top: 14%; }
 
  .sm-margin-fourteen-half-top{ margin-top: 14.5%; }
 
  .sm-margin-fifteen-top{ margin-top: 15%; }
 
  .sm-margin-fifteen-half-top{ margin-top: 15.5%; }
 
  .sm-margin-sixteen-top{ margin-top: 16%; }
 
  .sm-margin-sixteen-half-top{ margin-top: 16.5%; }
 
  .sm-margin-seventeen-top{ margin-top: 17%; }
 
  .sm-margin-seventeen-half-top{ margin-top: 17.5%; }
 
  .sm-margin-eighteen-top{ margin-top: 18%; }
 
  .sm-margin-eighteen-half-top{ margin-top: 18.5%; }
 
  .sm-margin-nineteen-top{ margin-top: 19%; }
 
  .sm-margin-nineteen-half-top{ margin-top: 19.5%; }
 
  .sm-margin-twenty-top{ margin-top: 20%; }
 
  .sm-margin-twenty-half-top{ margin-top: 20.5%; }
 
  .sm-margin-twenty-one-top{ margin-top: 21%; }
 
  .sm-margin-twenty-one-half-top{ margin-top: 21.5%; }
 
  .sm-margin-twenty-two-top{ margin-top: 22%; }
 
  .sm-margin-twenty-two-half-top{ margin-top: 22.5%; }
 
  .sm-margin-twenty-three-top{ margin-top: 23%; }
 
  .sm-margin-twenty-three-half-top{ margin-top: 23.5%; }
 
  .sm-margin-twenty-four-top{ margin-top: 24%; }
 
  .sm-margin-twenty-four-half-top{ margin-top: 24.5%; }
 
  .sm-margin-twenty-five-top{ margin-top: 25%; }
 
  .sm-margin-5px-top{ margin-top: 5px !important; }
 
  .sm-margin-10px-top{ margin-top: 10px !important; }
 
  .sm-margin-15px-top{ margin-top: 15px !important; }
 
  .sm-margin-20px-top{ margin-top: 20px !important; }
 
  .sm-margin-25px-top{ margin-top: 25px !important; }
 
  .sm-margin-30px-top{ margin-top: 30px !important; }
 
  .sm-margin-35px-top{ margin-top: 35px !important; }
 
  .sm-margin-40px-top{ margin-top: 40px !important; }
 
  .sm-margin-45px-top{ margin-top: 45px !important; }
 
  .sm-margin-50px-top{ margin-top: 50px !important; }
 
  .sm-margin-55px-top{ margin-top: 55px !important; }
 
  .sm-margin-60px-top{ margin-top: 60px !important; }
 
  .sm-margin-65px-top{ margin-top: 65px !important; }
 
  .sm-margin-70px-top{ margin-top: 70px !important; }
 
  .sm-margin-75px-top{ margin-top: 75px !important; }
 
  .sm-margin-80px-top{ margin-top: 80px !important; }
 
  .sm-margin-85px-top{ margin-top: 85px !important; }
 
  .sm-margin-90px-top{ margin-top: 90px !important; }
 
  .sm-margin-95px-top{ margin-top: 95px !important; }
 
  .sm-margin-100px-top{ margin-top: 100px !important; }
 
 
 
  /* margin bottom */
 
  .sm-margin-one-bottom{ margin-bottom: 1%; }
 
  .sm-margin-one-half-bottom{ margin-bottom: 1.5%; }
 
  .sm-margin-two-bottom{ margin-bottom: 2% !important; }
 
  .sm-margin-two-half-bottom{ margin-bottom: 2.5%; }
 
  .sm-margin-three-bottom{ margin-bottom: 3%; }
 
  .sm-margin-three-half-bottom{ margin-bottom: 3.5%; }
 
  .sm-margin-four-bottom{ margin-bottom: 4%; }
 
  .sm-margin-four-half-bottom{ margin-bottom: 4.5%; }
 
  .sm-margin-five-bottom{ margin-bottom: 5%; }
 
  .sm-margin-five-half-bottom{ margin-bottom: 5.5%; }
 
  .sm-margin-six-bottom{ margin-bottom: 6%; }
 
  .sm-margin-six-half-bottom{ margin-bottom: 6.5%; }
 
  .sm-margin-seven-bottom{ margin-bottom: 7%; }
 
  .sm-margin-seven-half-bottom{ margin-bottom: 7.5%; }
 
  .sm-margin-eight-bottom{ margin-bottom: 8%; }
 
  .sm-margin-eight-half-bottom{ margin-bottom: 8.5%; }
 
  .sm-margin-nine-bottom{ margin-bottom: 9%; }
 
  .sm-margin-nine-half-bottom{ margin-bottom: 9.5%; }
 
  .sm-margin-ten-bottom{ margin-bottom: 10%; }
 
  .sm-margin-ten-half-bottom{ margin-bottom: 10.5%; }
 
  .sm-margin-eleven-bottom{ margin-bottom: 11%; }
 
  .sm-margin-eleven-half-bottom{ margin-bottom: 11.5%; }
 
  .sm-margin-twelve-bottom{ margin-bottom: 12%; }
 
  .sm-margin-twelve-half-bottom{ margin-bottom: 12.5%; }
 
  .sm-margin-thirteen-bottom{ margin-bottom: 13%; }
 
  .sm-margin-thirteen-half-bottom{ margin-bottom: 13.5%; }
 
  .sm-margin-fourteen-bottom{ margin-bottom: 14%; }
 
  .sm-margin-fourteen-half-bottom{ margin-bottom: 14.5%; }
 
  .sm-margin-fifteen-bottom{ margin-bottom: 15%; }
 
  .sm-margin-fifteen-half-bottom{ margin-bottom: 15.5%; }
 
  .sm-margin-sixteen-bottom{ margin-bottom: 16%; }
 
  .sm-margin-sixteen-half-bottom{ margin-bottom: 16.5%; }
 
  .sm-margin-seventeen-bottom{ margin-bottom: 17%; }
 
  .sm-margin-seventeen-half-bottom{ margin-bottom: 17.5%; }
 
  .sm-margin-eighteen-bottom{ margin-bottom: 18%; }
 
  .sm-margin-eighteen-half-bottom{ margin-bottom: 18.5%; }
 
  .sm-margin-nineteen-bottom{ margin-bottom: 19%; }
 
  .sm-margin-nineteen-half-bottom{ margin-bottom: 19.5%; }
 
  .sm-margin-twenty-bottom{ margin-bottom: 20%; }
 
  .sm-margin-twenty-half-bottom{ margin-bottom: 20.5%; }
 
  .sm-margin-twenty-one-bottom{ margin-bottom: 21%; }
 
  .sm-margin-twenty-one-half-bottom{ margin-bottom: 21.5%; }
 
  .sm-margin-twenty-two-bottom{ margin-bottom: 22%; }
 
  .sm-margin-twenty-two-half-bottom{ margin-bottom: 22.5%; }
 
  .sm-margin-twenty-three-bottom{ margin-bottom: 23%; }
 
  .sm-margin-twenty-three-half-bottom{ margin-bottom: 23.5%; }
 
  .sm-margin-twenty-four-bottom{ margin-bottom: 24%; }
 
  .sm-margin-twenty-four-half-bottom{ margin-bottom: 24.5%; }
 
  .sm-margin-twenty-five-bottom{ margin-bottom: 25%; }
 
  .sm-margin-5px-bottom{ margin-bottom: 5px !important; }
 
  .sm-margin-10px-bottom{ margin-bottom: 10px !important; }
 
  .sm-margin-15px-bottom{ margin-bottom: 15px !important; }
 
  .sm-margin-20px-bottom{ margin-bottom: 20px !important; }
 
  .sm-margin-25px-bottom{ margin-bottom: 25px !important; }
 
  .sm-margin-30px-bottom{ margin-bottom: 30px !important; }
 
  .sm-margin-35px-bottom{ margin-bottom: 35px !important; }
 
  .sm-margin-40px-bottom{ margin-bottom: 40px !important; }
 
  .sm-margin-45px-bottom{ margin-bottom: 45px !important; }
 
  .sm-margin-50px-bottom{ margin-bottom: 50px !important; }
 
  .sm-margin-55px-bottom{ margin-bottom: 55px !important; }
 
  .sm-margin-60px-bottom{ margin-bottom: 60px !important; }
 
  .sm-margin-65px-bottom{ margin-bottom: 65px !important; }
 
  .sm-margin-70px-bottom{ margin-bottom: 70px !important; }
 
  .sm-margin-75px-bottom{ margin-bottom: 75px !important; }
 
  .sm-margin-80px-bottom{ margin-bottom: 80px !important; }
 
  .sm-margin-85px-bottom{ margin-bottom: 85px !important; }
 
  .sm-margin-90px-bottom{ margin-bottom: 90px !important; }
 
  .sm-margin-95px-bottom{ margin-bottom: 95px !important; }
 
  .sm-margin-100px-bottom{ margin-bottom: 100px !important; }
 
 
 
  /* margin right */
 
  .sm-margin-one-right{ margin-right: 1%; }
 
  .sm-margin-one-half-right{ margin-right: 1.5%; }
 
  .sm-margin-two-right{ margin-right: 2%; }
 
  .sm-margin-two-half-right{ margin-right: 2.5%; }
 
  .sm-margin-three-right{ margin-right: 3%; }
 
  .sm-margin-three-half-right{ margin-right: 3.5%; }
 
  .sm-margin-four-right{ margin-right: 4%; }
 
  .sm-margin-four-half-right{ margin-right: 4.5%; }
 
  .sm-margin-five-right{ margin-right: 5%; }
 
  .sm-margin-five-half-right{ margin-right: 5.5%; }
 
  .sm-margin-six-right{ margin-right: 6%; }
 
  .sm-margin-six-half-right{ margin-right: 6.5%; }
 
  .sm-margin-seven-right{ margin-right: 7%; }
 
  .sm-margin-seven-half-right{ margin-right: 7.5%; }
 
  .sm-margin-eight-right{ margin-right: 8%; }
 
  .sm-margin-eight-half-right{ margin-right: 8.5%; }
 
  .sm-margin-nine-right{ margin-right: 9%; }
 
  .sm-margin-nine-half-right{ margin-right: 9.5%; }
 
  .sm-margin-ten-right{ margin-right: 10%; }
 
  .sm-margin-ten-half-right{ margin-right: 10.5%; }
 
  .sm-margin-eleven-right{ margin-right: 11%; }
 
  .sm-margin-eleven-half-right{ margin-right: 11.5%; }
 
  .sm-margin-twelve-right{ margin-right: 12%; }
 
  .sm-margin-twelve-half-right{ margin-right: 12.5%; }
 
  .sm-margin-thirteen-right{ margin-right: 13%; }
 
  .sm-margin-thirteen-half-right{ margin-right: 13.5%; }
 
  .sm-margin-fourteen-right{ margin-right: 14%; }
 
  .sm-margin-fourteen-half-right{ margin-right: 14.5%; }
 
  .sm-margin-fifteen-right{ margin-right: 15%; }
 
  .sm-margin-fifteen-half-right{ margin-right: 15.5%; }
 
  .sm-margin-sixteen-right{ margin-right: 16%; }
 
  .sm-margin-sixteen-half-right{ margin-right: 16.5%; }
 
  .sm-margin-seventeen-right{ margin-right: 17%; }
 
  .sm-margin-seventeen-half-right{ margin-right: 17.5%; }
 
  .sm-margin-eighteen-right{ margin-right: 18%; }
 
  .sm-margin-eighteen-half-right{ margin-right: 18.5%; }
 
  .sm-margin-nineteen-right{ margin-right: 19%; }
 
  .sm-margin-nineteen-half-right{ margin-right: 19.5%; }
 
  .sm-margin-twenty-right{ margin-right: 20%; }
 
  .sm-margin-twenty-half-right{ margin-right: 20.5%; }
 
  .sm-margin-twenty-one-right{ margin-right: 21%; }
 
  .sm-margin-twenty-one-half-right{ margin-right: 21.5%; }
 
  .sm-margin-twenty-two-right{ margin-right: 22%; }
 
  .sm-margin-twenty-two-half-right{ margin-right: 22.5%; }
 
  .sm-margin-twenty-three-right{ margin-right: 23%; }
 
  .sm-margin-twenty-three-half-right{ margin-right: 23.5%; }
 
  .sm-margin-twenty-four-right{ margin-right: 24%; }
 
  .sm-margin-twenty-four-half-right{ margin-right: 24.5%; }
 
  .sm-margin-twenty-five-right{ margin-right: 25%; }
 
  .sm-margin-10px-right{ margin-right: 10px !important; }
 
  .sm-margin-15px-right{ margin-right: 15px !important; }
 
  .sm-margin-20px-right{ margin-right: 20px !important; }
 
  .sm-margin-25px-right{ margin-right: 25px !important; }
 
  .sm-margin-30px-right{ margin-right: 30px !important; }
 
  .sm-margin-35px-right{ margin-right: 35px !important; }
 
  .sm-margin-40px-right{ margin-right: 40px !important; }
 
  .sm-margin-45px-right{ margin-right: 45px !important; }
 
  .sm-margin-50px-right{ margin-right: 50px !important; }
 
  .sm-margin-55px-right{ margin-right: 55px !important; }
 
  .sm-margin-60px-right{ margin-right: 60px !important; }
 
  .sm-margin-65px-right{ margin-right: 65px !important; }
 
  .sm-margin-70px-right{ margin-right: 70px !important; }
 
  .sm-margin-75px-right{ margin-right: 75px !important; }
 
  .sm-margin-80px-right{ margin-right: 80px !important; }
 
  .sm-margin-85px-right{ margin-right: 85px !important; }
 
  .sm-margin-90px-right{ margin-right: 90px !important; }
 
  .sm-margin-95px-right{ margin-right: 95px !important; }
 
  .sm-margin-100px-right{ margin-right: 100px !important; }
 
 
 
  /* margin left */
 
  .sm-margin-one-left{ margin-left: 1%; }
 
  .sm-margin-one-half-left{ margin-left: 1.5%; }
 
  .sm-margin-two-left{ margin-left: 2%; }
 
  .sm-margin-two-half-left{ margin-left: 2.5%; }
 
  .sm-margin-three-left{ margin-left: 3%; }
 
  .sm-margin-three-half-left{ margin-left: 3.5%; }
 
  .sm-margin-four-left{ margin-left: 4%; }
 
  .sm-margin-four-half-left{ margin-left: 4.5%; }
 
  .sm-margin-five-left{ margin-left: 5%; }
 
  .sm-margin-five-half-left{ margin-left: 5.5%; }
 
  .sm-margin-six-left{ margin-left: 6%; }
 
  .sm-margin-six-half-left{ margin-left: 6.5%; }
 
  .sm-margin-seven-left{ margin-left: 7%; }
 
  .sm-margin-seven-half-left{ margin-left: 7.5%; }
 
  .sm-margin-eight-left{ margin-left: 8%; }
 
  .sm-margin-eight-half-left{ margin-left: 8.5%; }
 
  .sm-margin-nine-left{ margin-left: 9%; }
 
  .sm-margin-nine-half-left{ margin-left: 9.5%; }
 
  .sm-margin-ten-left{ margin-left: 10%; }
 
  .sm-margin-ten-half-left{ margin-left: 10.5%; }
 
  .sm-margin-eleven-left{ margin-left: 11%; }
 
  .sm-margin-eleven-half-left{ margin-left: 11.5%; }
 
  .sm-margin-twelve-left{ margin-left: 12%; }
 
  .sm-margin-twelve-half-left{ margin-left: 12.5%; }
 
  .sm-margin-thirteen-left{ margin-left: 13%; }
 
  .sm-margin-thirteen-half-left{ margin-left: 13.5%; }
 
  .sm-margin-fourteen-left{ margin-left: 14%; }
 
  .sm-margin-fourteen-half-left{ margin-left: 14.5%; }
 
  .sm-margin-fifteen-left{ margin-left: 15%; }
 
  .sm-margin-fifteen-half-left{ margin-left: 15.5%; }
 
  .sm-margin-sixteen-left{ margin-left: 16%; }
 
  .sm-margin-sixteen-half-left{ margin-left: 16.5%; }
 
  .sm-margin-seventeen-left{ margin-left: 17%; }
 
  .sm-margin-seventeen-half-left{ margin-left: 17.5%; }
 
  .sm-margin-eighteen-left{ margin-left: 18%; }
 
  .sm-margin-eighteen-half-left{ margin-left: 18.5%; }
 
  .sm-margin-nineteen-left{ margin-left: 19%; }
 
  .sm-margin-nineteen-half-left{ margin-left: 19.5%; }
 
  .sm-margin-twenty-left{ margin-left: 20%; }
 
  .sm-margin-twenty-half-left{ margin-left: 20.5%; }
 
  .sm-margin-twenty-one-left{ margin-left: 21%; }
 
  .sm-margin-twenty-one-half-left{ margin-left: 21.5%; }
 
  .sm-margin-twenty-two-left{ margin-left: 22%; }
 
  .sm-margin-twenty-two-half-left{ margin-left: 22.5%; }
 
  .sm-margin-twenty-three-left{ margin-left: 23%; }
 
  .sm-margin-twenty-three-half-left{ margin-left: 23.5%; }
 
  .sm-margin-twenty-four-left{ margin-left: 24%; }
 
  .sm-margin-twenty-four-half-left{ margin-left: 24.5%; }
 
  .sm-margin-twenty-five-left{ margin-left: 25%; }
 
  .sm-margin-5px-left{ margin-left: 5px !important; }
 
  .sm-margin-10px-left{ margin-left: 10px !important; }
 
  .sm-margin-15px-left{ margin-left: 15px !important; }
 
  .sm-margin-20px-left{ margin-left: 20px !important; }
 
  .sm-margin-25px-left{ margin-left: 25px !important; }
 
  .sm-margin-30px-left{ margin-left: 30px !important; }
 
  .sm-margin-35px-left{ margin-left: 35px !important; }
 
  .sm-margin-40px-left{ margin-left: 40px !important; }
 
  .sm-margin-45px-left{ margin-left: 45px !important; }
 
  .sm-margin-50px-left{ margin-left: 50px !important; }
 
  .sm-margin-55px-left{ margin-left: 55px !important; }
 
  .sm-margin-60px-left{ margin-left: 60px !important; }
 
  .sm-margin-65px-left{ margin-left: 65px !important; }
 
  .sm-margin-70px-left{ margin-left: 70px !important; }
 
  .sm-margin-75px-left{ margin-left: 75px !important; }
 
  .sm-margin-80px-left{ margin-left: 80px !important; }
 
  .sm-margin-85px-left{ margin-left: 85px !important; }
 
  .sm-margin-90px-left{ margin-left: 90px !important; }
 
  .sm-margin-95px-left{ margin-left: 95px !important; }
 
  .sm-margin-100px-left{ margin-left: 100px !important; }
 
 
 
  /* margin left right */
 
  .sm-margin-one-lr{ margin-left: 1%; margin-right: 1%; margin-left: 1.5%; margin-right: 1.5%; }
 
  .sm-margin-two-lr{ margin-left: 2%; margin-right: 2%; margin-left: 2.5%; margin-right: 2.5%; }
 
  .sm-margin-three-lr{ margin-left: 3%; margin-right: 3%; margin-left: 3.5%; margin-right: 3.5%; }
 
  .sm-margin-four-lr{ margin-left: 4%; margin-right: 4%; margin-left: 4.5%; margin-right: 4.5%; }
 
  .sm-margin-five-lr{ margin-left: 5%; margin-right: 5%; margin-left: 5.5%; margin-right: 5.5%; }
 
  .sm-margin-six-lr{ margin-left: 6%; margin-right: 6%; margin-left: 6.5%; margin-right: 6.5%; }
 
  .sm-margin-seven-lr{ margin-left: 7%; margin-right: 7%; margin-left: 7.5%; margin-right: 7.5%; }
 
  .sm-margin-eight-lr{ margin-left: 8%; margin-right: 8%; margin-left: 8.5%; margin-right: 8.5%; }
 
  .sm-margin-nine-lr{ margin-left: 9%; margin-right: 9%; margin-left: 9.5%; margin-right: 9.5%; }
 
  .sm-margin-ten-lr{ margin-left: 10%; margin-right: 10%; margin-left: 10.5%; margin-right: 10.5%; }
 
  .sm-margin-eleven-lr{ margin-left: 11%; margin-right: 11%; margin-left: 11.5%; margin-right: 11.5%; }
 
  .sm-margin-twelve-lr{ margin-left: 12%; margin-right: 12%; margin-left: 12.5%; margin-right: 12.5%; }
 
  .sm-margin-thirteen-lr{ margin-left: 13%; margin-right: 13%; }
 
  .sm-margin-thirteen-half-lr{ margin-left: 13.5%; margin-right: 13.5%; }
 
  .sm-margin-fourteen-lr{ margin-left: 14%; margin-right: 14%; }
 
  .sm-margin-fourteen-half-lr{ margin-left: 14.5%; margin-right: 14.5%; }
 
  .sm-margin-fifteen-lr{ margin-left: 15%; margin-right: 15%; }
 
  .sm-margin-fifteen-half-lr{ margin-left: 15.5%; margin-right: 15.5%; }
 
  .sm-margin-sixteen-lr{ margin-left: 16%; margin-right: 16%; }
 
  .sm-margin-sixteen-half-lr{ margin-left: 16.5%; margin-right: 16.5%; }
 
  .sm-margin-seventeen-lr{ margin-left: 17%; margin-right: 17%; }
 
  .sm-margin-seventeen-half-lr{ margin-left: 17.5%; margin-right: 17.5%; }
 
  .sm-margin-eighteen-lr{ margin-left: 18%; margin-right: 18%; }
 
  .sm-margin-eighteen-half-lr{ margin-left: 18.5%; margin-right: 18.5%; }
 
  .sm-margin-nineteen-lr{ margin-left: 19%; margin-right: 19%; }
 
  .sm-margin-nineteen-half-lr{ margin-left: 19.5%; margin-right: 19.5%; }
 
  .sm-margin-twenty-lr{ margin-left: 20%; margin-right: 20%; }
 
  .sm-margin-twenty-half-lr{ margin-left: 20.5%; margin-right: 20.5%; }
 
  .sm-margin-twenty-one-lr{ margin-left: 21%; margin-right: 21%; }
 
  .sm-margin-twenty-one-half-lr{ margin-left: 21.5%; margin-right: 21.5%; }
 
  .sm-margin-twenty-two-lr{ margin-left: 22%; margin-right: 22%; }
 
  .sm-margin-twenty-two-half-lr{ margin-left: 22.5%; margin-right: 22.5%; }
 
  .sm-margin-twenty-three-lr{ margin-left: 23%; margin-right: 23%; }
 
  .sm-margin-twenty-three-half-lr{ margin-left: 23.5%; margin-right: 23.5%; }
 
  .sm-margin-twenty-four-lr{ margin-left: 24%; margin-right: 24%; }
 
  .sm-margin-twenty-four-half-lr{ margin-left: 24.5%; margin-right: 24.5%; }
 
  .sm-margin-twenty-five-lr{ margin-left: 25%; margin-right: 25%; }
 
  .sm-margin-5px-lr{ margin-left: 5px !important; margin-right: 5px !important; }
 
  .sm-margin-10px-lr{ margin-left: 10px !important; margin-right: 10px !important; }
 
  .sm-margin-15px-lr{ margin-left: 15px !important; margin-right: 15px !important; }
 
  .sm-margin-20px-lr{ margin-left: 20px !important; margin-right: 20px !important; }
 
  .sm-margin-25px-lr{ margin-left: 25px !important; margin-right: 25px !important; }
 
  .sm-margin-30px-lr{ margin-left: 30px !important; margin-right: 30px !important; }
 
  .sm-margin-35px-lr{ margin-left: 35px !important; margin-right: 35px !important; }
 
  .sm-margin-40px-lr{ margin-left: 40px !important; margin-right: 40px !important; }
 
  .sm-margin-45px-lr{ margin-left: 45px !important; margin-right: 45px !important; }
 
  .sm-margin-50px-lr{ margin-left: 50px !important; margin-right: 50px !important; }
 
  .sm-margin-55px-lr{ margin-left: 55px !important; margin-right: 55px !important; }
 
  .sm-margin-60px-lr{ margin-left: 60px !important; margin-right: 60px !important; }
 
  .sm-margin-65px-lr{ margin-left: 65px !important; margin-right: 65px !important; }
 
  .sm-margin-70px-lr{ margin-left: 70px !important; margin-right: 70px !important; }
 
  .sm-margin-75px-lr{ margin-left: 75px !important; margin-right: 75px !important; }
 
  .sm-margin-80px-lr{ margin-left: 80px !important; margin-right: 80px !important; }
 
  .sm-margin-85px-lr{ margin-left: 85px !important; margin-right: 85px !important; }
 
  .sm-margin-90px-lr{ margin-left: 90px !important; margin-right: 90px !important; }
 
  .sm-margin-95px-lr{ margin-left: 95px !important; margin-right: 95px !important; }
 
  .sm-margin-100px-lr{ margin-left: 100px !important; margin-right: 100px !important; }
 
 
 
  /* margin top bottom */
 
  .sm-margin-one-tb{ margin-top: 1%; margin-bottom: 1%; margin-top: 1.5%; margin-bottom: 1.5%; }
 
  .sm-margin-two-tb{ margin-top: 2%; margin-bottom: 2%; margin-top: 2.5%; margin-bottom: 2.5%; }
 
  .sm-margin-three-tb{ margin-top: 3%; margin-bottom: 3%; margin-top: 3.5%; margin-bottom: 3.5%; }
 
  .sm-margin-four-tb{ margin-top: 4%; margin-bottom: 4%; margin-top: 4.5%; margin-bottom: 4.5%; }
 
  .sm-margin-five-tb{ margin-top: 5%; margin-bottom: 5%; margin-top: 5.5%; margin-bottom: 5.5%; }
 
  .sm-margin-six-tb{ margin-top: 6%; margin-bottom: 6%; margin-top: 6.5%; margin-bottom: 6.5%; }
 
  .sm-margin-seven-tb{ margin-top: 7%; margin-bottom: 7%; margin-top: 7.5%; margin-bottom: 7.5%; }
 
  .sm-margin-eight-tb{ margin-top: 8%; margin-bottom: 8%; margin-top: 8.5%; margin-bottom: 8.5%; }
 
  .sm-margin-nine-tb{ margin-top: 9%; margin-bottom: 9%; margin-top: 9.5%; margin-bottom: 9.5%; }
 
  .sm-margin-ten-tb{ margin-top: 10%; margin-bottom: 10%; margin-top: 10.5%; margin-bottom: 10.5%; }
 
  .sm-margin-eleven-tb{ margin-top: 11%; margin-bottom: 11%; margin-top: 11.5%; margin-bottom: 11.5%; }
 
  .sm-margin-twelve-tb{ margin-top: 12%; margin-bottom: 12%; margin-top: 12.5%; margin-bottom: 12.5%; }
 
  .sm-margin-thirteen-tb{ margin-top: 13%; margin-bottom: 13%; }
 
  .sm-margin-thirteen-half-tb{ margin-top: 13.5%; margin-bottom: 13.5%; }
 
  .sm-margin-fourteen-tb{ margin-top: 14%; margin-bottom: 14%; }
 
  .sm-margin-fourteen-half-tb{ margin-top: 14.5%; margin-bottom: 14.5%; }
 
  .sm-margin-fifteen-tb{ margin-top: 15%; margin-bottom: 15%; }
 
  .sm-margin-fifteen-half-tb{ margin-top: 15.5%; margin-bottom: 15.5%; }
 
  .sm-margin-sixteen-tb{ margin-top: 16%; margin-bottom: 16%; }
 
  .sm-margin-sixteen-half-tb{ margin-top: 16.5%; margin-bottom: 16.5%; }
 
  .sm-margin-seventeen-tb{ margin-top: 17%; margin-bottom: 17%; }
 
  .sm-margin-seventeen-half-tb{ margin-top: 17.5%; margin-bottom: 17.5%; }
 
  .sm-margin-eighteen-tb{ margin-top: 18%; margin-bottom: 18%; }
 
  .sm-margin-eighteen-half-tb{ margin-top: 18.5%; margin-bottom: 18.5%; }
 
  .sm-margin-nineteen-tb{ margin-top: 19%; margin-bottom: 19%; }
 
  .sm-margin-nineteen-half-tb{ margin-top: 19.5%; margin-bottom: 19.5%; }
 
  .sm-margin-twenty-tb{ margin-top: 20%; margin-bottom: 20%; }
 
  .sm-margin-twenty-half-tb{ margin-top: 20.5%; margin-bottom: 20.5%; }
 
  .sm-margin-twenty-one-tb{ margin-top: 21%; margin-bottom: 21%; }
 
  .sm-margin-twenty-one-half-tb{ margin-top: 21.5%; margin-bottom: 21.5%; }
 
  .sm-margin-twenty-two-tb{ margin-top: 22%; margin-bottom: 22%; }
 
  .sm-margin-twenty-two-half-tb{ margin-top: 22.5%; margin-bottom: 22.5%; }
 
  .sm-margin-twenty-three-tb{ margin-top: 23%; margin-bottom: 23%; }
 
  .sm-margin-twenty-three-half-tb{ margin-top: 23.5%; margin-bottom: 23.5%; }
 
  .sm-margin-twenty-four-tb{ margin-top: 24%; margin-bottom: 24%; }
 
  .sm-margin-twenty-four-half-tb{ margin-top: 24.5%; margin-bottom: 24.5%; }
 
  .sm-margin-twenty-five-tb{ margin-top: 25%; margin-bottom: 25%; }
 
  .sm-margin-5px-tb{ margin-top: 5px !important; margin-bottom: 5px !important; }
 
  .sm-margin-10px-tb{ margin-top: 10px !important; margin-bottom: 10px !important; }
 
  .sm-margin-15px-tb{ margin-top: 15px !important; margin-bottom: 15px !important; }
 
  .sm-margin-20px-tb{ margin-top: 20px !important; margin-bottom: 20px !important; }
 
  .sm-margin-25px-tb{ margin-top: 25px !important; margin-bottom: 25px !important; }
 
  .sm-margin-30px-tb{ margin-top: 30px !important; margin-bottom: 30px !important; }
 
  .sm-margin-35px-tb{ margin-top: 35px !important; margin-bottom: 35px !important; }
 
  .sm-margin-40px-tb{ margin-top: 40px !important; margin-bottom: 40px !important; }
 
  .sm-margin-45px-tb{ margin-top: 45px !important; margin-bottom: 45px !important; }
 
  .sm-margin-50px-tb{ margin-top: 50px !important; margin-bottom: 50px !important; }
 
  .sm-margin-55px-tb{ margin-top: 55px !important; margin-bottom: 55px !important; }
 
  .sm-margin-60px-tb{ margin-top: 60px !important; margin-bottom: 60px !important; }
 
  .sm-margin-65px-tb{ margin-top: 65px !important; margin-bottom: 65px !important; }
 
  .sm-margin-70px-tb{ margin-top: 70px !important; margin-bottom: 70px !important; }
 
  .sm-margin-75px-tb{ margin-top: 75px !important; margin-bottom: 75px !important; }
 
  .sm-margin-80px-tb{ margin-top: 80px !important; margin-bottom: 80px !important; }
 
  .sm-margin-85px-tb{ margin-top: 85px !important; margin-bottom: 85px !important; }
 
  .sm-margin-90px-tb{ margin-top: 90px !important; margin-bottom: 90px !important; }
 
  .sm-margin-95px-tb{ margin-top: 95px !important; margin-bottom: 95px !important; }
 
  .sm-margin-100px-tb{ margin-top: 100px !important; margin-bottom: 100px !important; }
 
 
 
  /* padding */
 
  .sm-no-padding{ padding: 0 !important; }
 
  .sm-no-padding-lr{ padding-left: 0 !important; padding-right: 0 !important; }
 
  .sm-no-padding-tb{ padding-top: 0 !important; padding-bottom: 0 !important; }
 
  .sm-no-padding-top{ padding-top: 0 !important; }
 
  .sm-no-padding-bottom{ padding-bottom: 0 !important; }
 
  .sm-no-padding-left{ padding-left: 0 !important; }
 
  .sm-no-padding-right{ padding-right: 0 !important; }
 
  .sm-padding-one-all{ padding: 1%; }
 
  .sm-padding-one-half-all{ padding: 1.5%; }
 
  .sm-padding-two-all{ padding: 2%; }
 
  .sm-padding-two-half-all{ padding: 2.5%; }
 
  .sm-padding-three-all{ padding: 3%; }
 
  .sm-padding-three-half-all{ padding: 3.5%; }
 
  .sm-padding-four-all{ padding: 4%; }
 
  .sm-padding-four-half-all{ padding: 4.5%; }
 
  .sm-padding-five-all{ padding: 5%; }
 
  .sm-padding-five-half-all{ padding: 5.5%; }
 
  .sm-padding-six-all{ padding: 6%; }
 
  .sm-padding-six-half-all{ padding: 6.5%; }
 
  .sm-padding-seven-all{ padding: 7%; }
 
  .sm-padding-seven-half-all{ padding: 7.5%; }
 
  .sm-padding-eight-all{ padding: 8%; }
 
  .sm-padding-eight-half-all{ padding: 8.5%; }
 
  .sm-padding-nine-all{ padding: 9%; }
 
  .sm-padding-nine-half-all{ padding: 9.5%; }
 
  .sm-padding-ten-all{ padding: 10%; }
 
  .sm-padding-ten-half-all{ padding: 10.5%; }
 
  .sm-padding-eleven-all{ padding: 11%; }
 
  .sm-padding-eleven-half-all{ padding: 11.5%; }
 
  .sm-padding-twelve-all{ padding: 12%; }
 
  .sm-padding-twelve-half-all{ padding: 12.5%; }
 
  .sm-padding-thirteen-all{ padding: 13%; }
 
  .sm-padding-thirteen-half-all{ padding: 13.5%; }
 
  .sm-padding-fourteen-all{ padding: 14%; }
 
  .sm-padding-fourteen-half-all{ padding: 14.5%; }
 
  .sm-padding-fifteen-all{ padding: 15%; }
 
  .sm-padding-fifteen-half-all{ padding: 15.5%; }
 
  .sm-padding-sixteen-all{ padding: 16%; }
 
  .sm-padding-sixteen-half-all{ padding: 16.5%; }
 
  .sm-padding-seventeen-all{ padding: 17%; }
 
  .sm-padding-seventeen-half-all{ padding: 17.5%; }
 
  .sm-padding-eighteen-all{ padding: 18%; }
 
  .sm-padding-eighteen-half-all{ padding: 18.5%; }
 
  .sm-padding-nineteen-all{ padding: 19%; }
 
  .sm-padding-nineteen-half-all{ padding: 19.5%; }
 
  .sm-padding-twenty-all{ padding: 20%; }
 
  .sm-padding-twenty-half-all{ padding: 20.5%; }
 
  .sm-padding-twenty-one-all{ padding: 21%; }
 
  .sm-padding-twenty-one-half-all{ padding: 21.5%; }
 
  .sm-padding-twenty-two-all{ padding: 22%; }
 
  .sm-padding-twenty-two-half-all{ padding: 22.5%; }
 
  .sm-padding-twenty-three-all{ padding: 23%; }
 
  .sm-padding-twenty-three-half-all{ padding: 23.5%; }
 
  .sm-padding-twenty-four-all{ padding: 24%; }
 
  .sm-padding-twenty-four-half-all{ padding: 24.5%; }
 
  .sm-padding-twenty-five-all{ padding: 25%; }
 
  .sm-padding-5px-all{ padding: 5px !important; }
 
  .sm-padding-10px-all{ padding: 10px !important; }
 
  .sm-padding-15px-all{ padding: 15px !important; }
 
  .sm-padding-20px-all{ padding: 20px !important; }
 
  .sm-padding-25px-all{ padding: 25px !important; }
 
  .sm-padding-30px-all{ padding: 30px !important; }
 
  .sm-padding-35px-all{ padding: 35px !important; }
 
  .sm-padding-40px-all{ padding: 40px !important; }
 
  .sm-padding-45px-all{ padding: 45px !important; }
 
  .sm-padding-50px-all{ padding: 50px !important; }
 
  .sm-padding-55px-all{ padding: 55px !important; }
 
  .sm-padding-60px-all{ padding: 60px !important; }
 
  .sm-padding-65px-all{ padding: 65px !important; }
 
  .sm-padding-70px-all{ padding: 70px !important; }
 
  .sm-padding-75px-all{ padding: 75px !important; }
 
  .sm-padding-80px-all{ padding: 80px !important; }
 
  .sm-padding-85px-all{ padding: 85px !important; }
 
  .sm-padding-90px-all{ padding: 90px !important; }
 
  .sm-padding-95px-all{ padding: 95px !important; }
 
  .sm-padding-100px-all{ padding: 100px !important; }
 
 
 
  /* padding top */
 
  .sm-padding-one-top{ padding-top: 1%; }
 
  .sm-padding-one-half-top{ padding-top: 1.5%; }
 
  .sm-padding-two-top{ padding-top: 2%; }
 
  .sm-padding-two-half-top{ padding-top: 2.5%; }
 
  .sm-padding-three-top{ padding-top: 3%; }
 
  .sm-padding-three-half-top{ padding-top: 3.5%; }
 
  .sm-padding-four-top{ padding-top: 4%; }
 
  .sm-padding-four-half-top{ padding-top: 4.5%; }
 
  .sm-padding-five-top{ padding-top: 5%; }
 
  .sm-padding-five-half-top{ padding-top: 5.5%; }
 
  .sm-padding-six-top{ padding-top: 6%; }
 
  .sm-padding-six-half-top{ padding-top: 6.5%; }
 
  .sm-padding-seven-top{ padding-top: 7%; }
 
  .sm-padding-seven-half-top{ padding-top: 7.5%; }
 
  .sm-padding-eight-top{ padding-top: 8%; }
 
  .sm-padding-eight-half-top{ padding-top: 8.5%; }
 
  .sm-padding-nine-top{ padding-top: 9%; }
 
  .sm-padding-nine-half-top{ padding-top: 9.5%; }
 
  .sm-padding-ten-top{ padding-top: 10%; }
 
  .sm-padding-ten-half-top{ padding-top: 10.5%; }
 
  .sm-padding-eleven-top{ padding-top: 11%; }
 
  .sm-padding-eleven-half-top{ padding-top: 11.5%; }
 
  .sm-padding-twelve-top{ padding-top: 12%; }
 
  .sm-padding-twelve-half-top{ padding-top: 12.5%; }
 
  .sm-padding-thirteen-top{ padding-top: 13%; }
 
  .sm-padding-thirteen-half-top{ padding-top: 13.5%; }
 
  .sm-padding-fourteen-top{ padding-top: 14%; }
 
  .sm-padding-fourteen-half-top{ padding-top: 14.5%; }
 
  .sm-padding-fifteen-top{ padding-top: 15%; }
 
  .sm-padding-fifteen-half-top{ padding-top: 15.5%; }
 
  .sm-padding-sixteen-top{ padding-top: 16%; }
 
  .sm-padding-sixteen-half-top{ padding-top: 16.5%; }
 
  .sm-padding-seventeen-top{ padding-top: 17%; }
 
  .sm-padding-seventeen-half-top{ padding-top: 17.5%; }
 
  .sm-padding-eighteen-top{ padding-top: 18%; }
 
  .sm-padding-eighteen-half-top{ padding-top: 18.5%; }
 
  .sm-padding-nineteen-top{ padding-top: 19%; }
 
  .sm-padding-nineteen-half-top{ padding-top: 19.5%; }
 
  .sm-padding-twenty-top{ padding-top: 20%; }
 
  .sm-padding-twenty-half-top{ padding-top: 20.5%; }
 
  .sm-padding-twenty-one-top{ padding-top: 21%; }
 
  .sm-padding-twenty-one-half-top{ padding-top: 21.5%; }
 
  .sm-padding-twenty-two-top{ padding-top: 22%; }
 
  .sm-padding-twenty-two-half-top{ padding-top: 22.5%; }
 
  .sm-padding-twenty-three-top{ padding-top: 23%; }
 
  .sm-padding-twenty-three-half-top{ padding-top: 23.5%; }
 
  .sm-padding-twenty-four-top{ padding-top: 24%; }
 
  .sm-padding-twenty-four-half-top{ padding-top: 24.5%; }
 
  .sm-padding-twenty-five-top{ padding-top: 25%; }
 
  .sm-padding-5px-top{ padding-top: 5px !important; }
 
  .sm-padding-10px-top{ padding-top: 10px !important; }
 
  .sm-padding-15px-top{ padding-top: 15px !important; }
 
  .sm-padding-20px-top{ padding-top: 20px !important; }
 
  .sm-padding-25px-top{ padding-top: 25px !important; }
 
  .sm-padding-30px-top{ padding-top: 30px !important; }
 
  .sm-padding-35px-top{ padding-top: 35px !important; }
 
  .sm-padding-40px-top{ padding-top: 40px !important; }
 
  .sm-padding-45px-top{ padding-top: 45px !important; }
 
  .sm-padding-50px-top{ padding-top: 50px !important; }
 
  .sm-padding-55px-top{ padding-top: 55px !important; }
 
  .sm-padding-60px-top{ padding-top: 60px !important; }
 
  .sm-padding-65px-top{ padding-top: 65px !important; }
 
  .sm-padding-70px-top{ padding-top: 70px !important; }
 
  .sm-padding-75px-top{ padding-top: 75px !important; }
 
  .sm-padding-80px-top{ padding-top: 80px !important; }
 
  .sm-padding-85px-top{ padding-top: 85px !important; }
 
  .sm-padding-90px-top{ padding-top: 90px !important; }
 
  .sm-padding-95px-top{ padding-top: 95px !important; }
 
  .sm-padding-100px-top{ padding-top: 100px !important; }
 
 
 
  /* padding bottom */
 
  .sm-padding-one-bottom{ padding-bottom: 1%; }
 
  .sm-padding-one-half-bottom{ padding-bottom: 1.5%; }
 
  .sm-padding-two-bottom{ padding-bottom: 2%; }
 
  .sm-padding-two-half-bottom{ padding-bottom: 2.5%; }
 
  .sm-padding-three-bottom{ padding-bottom: 3%; }
 
  .sm-padding-three-half-bottom{ padding-bottom: 3.5%; }
 
  .sm-padding-four-bottom{ padding-bottom: 4%; }
 
  .sm-padding-four-half-bottom{ padding-bottom: 4.5%; }
 
  .sm-padding-five-bottom{ padding-bottom: 5%; }
 
  .sm-padding-five-half-bottom{ padding-bottom: 5.5%; }
 
  .sm-padding-six-bottom{ padding-bottom: 6%; }
 
  .sm-padding-six-half-bottom{ padding-bottom: 6.5%; }
 
  .sm-padding-seven-bottom{ padding-bottom: 7%; }
 
  .sm-padding-seven-half-bottom{ padding-bottom: 7.5%; }
 
  .sm-padding-eight-bottom{ padding-bottom: 8%; }
 
  .sm-padding-eight-half-bottom{ padding-bottom: 8.5%; }
 
  .sm-padding-nine-bottom{ padding-bottom: 9%; }
 
  .sm-padding-nine-half-bottom{ padding-bottom: 9.5%; }
 
  .sm-padding-ten-bottom{ padding-bottom: 10%; }
 
  .sm-padding-ten-half-bottom{ padding-bottom: 10.5%; }
 
  .sm-padding-eleven-bottom{ padding-bottom: 11%; }
 
  .sm-padding-eleven-half-bottom{ padding-bottom: 11.5%; }
 
  .sm-padding-twelve-bottom{ padding-bottom: 12%; }
 
  .sm-padding-twelve-half-bottom{ padding-bottom: 12.5%; }
 
  .sm-padding-thirteen-bottom{ padding-bottom: 13%; }
 
  .sm-padding-thirteen-half-bottom{ padding-bottom: 13.5%; }
 
  .sm-padding-fourteen-bottom{ padding-bottom: 14%; }
 
  .sm-padding-fourteen-half-bottom{ padding-bottom: 14.5%; }
 
  .sm-padding-fifteen-bottom{ padding-bottom: 15%; }
 
  .sm-padding-fifteen-half-bottom{ padding-bottom: 15.5%; }
 
  .sm-padding-sixteen-bottom{ padding-bottom: 16%; }
 
  .sm-padding-sixteen-half-bottom{ padding-bottom: 16.5%; }
 
  .sm-padding-seventeen-bottom{ padding-bottom: 17%; }
 
  .sm-padding-seventeen-half-bottom{ padding-bottom: 17.5%; }
 
  .sm-padding-eighteen-bottom{ padding-bottom: 18%; }
 
  .sm-padding-eighteen-half-bottom{ padding-bottom: 18.5%; }
 
  .sm-padding-nineteen-bottom{ padding-bottom: 19%; }
 
  .sm-padding-nineteen-half-bottom{ padding-bottom: 19.5%; }
 
  .sm-padding-twenty-bottom{ padding-bottom: 20%; }
 
  .sm-padding-twenty-half-bottom{ padding-bottom: 20.5%; }
 
  .sm-padding-twenty-one-bottom{ padding-bottom: 21%; }
 
  .sm-padding-twenty-one-half-bottom{ padding-bottom: 21.5%; }
 
  .sm-padding-twenty-two-bottom{ padding-bottom: 22%; }
 
  .sm-padding-twenty-two-half-bottom{ padding-bottom: 22.5%; }
 
  .sm-padding-twenty-three-bottom{ padding-bottom: 23%; }
 
  .sm-padding-twenty-three-half-bottom{ padding-bottom: 23.5%; }
 
  .sm-padding-twenty-four-bottom{ padding-bottom: 24%; }
 
  .sm-padding-twenty-four-half-bottom{ padding-bottom: 24.5%; }
 
  .sm-padding-twenty-five-bottom{ padding-bottom: 25%; }
 
  .sm-padding-5px-bottom{ padding-bottom: 5px !important; }
 
  .sm-padding-10px-bottom{ padding-bottom: 10px !important; }
 
  .sm-padding-15px-bottom{ padding-bottom: 15px !important; }
 
  .sm-padding-20px-bottom{ padding-bottom: 20px !important; }
 
  .sm-padding-25px-bottom{ padding-bottom: 25px !important; }
 
  .sm-padding-30px-bottom{ padding-bottom: 30px !important; }
 
  .sm-padding-35px-bottom{ padding-bottom: 35px !important; }
 
  .sm-padding-40px-bottom{ padding-bottom: 40px !important; }
 
  .sm-padding-45px-bottom{ padding-bottom: 45px !important; }
 
  .sm-padding-50px-bottom{ padding-bottom: 50px !important; }
 
  .sm-padding-55px-bottom{ padding-bottom: 55px !important; }
 
  .sm-padding-60px-bottom{ padding-bottom: 60px !important; }
 
  .sm-padding-65px-bottom{ padding-bottom: 65px !important; }
 
  .sm-padding-70px-bottom{ padding-bottom: 70px !important; }
 
  .sm-padding-75px-bottom{ padding-bottom: 75px !important; }
 
  .sm-padding-80px-bottom{ padding-bottom: 80px !important; }
 
  .sm-padding-85px-bottom{ padding-bottom: 85px !important; }
 
  .sm-padding-90px-bottom{ padding-bottom: 90px !important; }
 
  .sm-padding-95px-bottom{ padding-bottom: 95px !important; }
 
  .sm-padding-100px-bottom{ padding-bottom: 100px !important; }
 
 
 
  /* padding right */
 
  .sm-padding-one-right{ padding-right: 1%; }
 
  .sm-padding-one-half-right{ padding-right: 1.5%; }
 
  .sm-padding-two-right{ padding-right: 2%; }
 
  .sm-padding-two-half-right{ padding-right: 2.5%; }
 
  .sm-padding-three-right{ padding-right: 3%; }
 
  .sm-padding-three-half-right{ padding-right: 3.5%; }
 
  .sm-padding-four-right{ padding-right: 4%; }
 
  .sm-padding-four-half-right{ padding-right: 4.5%; }
 
  .sm-padding-five-right{ padding-right: 5%; }
 
  .sm-padding-five-half-right{ padding-right: 5.5%; }
 
  .sm-padding-six-right{ padding-right: 6%; }
 
  .sm-padding-six-half-right{ padding-right: 6.5%; }
 
  .sm-padding-seven-right{ padding-right: 7%; }
 
  .sm-padding-seven-half-right{ padding-right: 7.5%; }
 
  .sm-padding-eight-right{ padding-right: 8%; }
 
  .sm-padding-eight-half-right{ padding-right: 8.5%; }
 
  .sm-padding-nine-right{ padding-right: 9%; }
 
  .sm-padding-nine-half-right{ padding-right: 9.5%; }
 
  .sm-padding-ten-right{ padding-right: 10%; }
 
  .sm-padding-ten-half-right{ padding-right: 10.5%; }
 
  .sm-padding-eleven-right{ padding-right: 11%; }
 
  .sm-padding-eleven-half-right{ padding-right: 11.5%; }
 
  .sm-padding-twelve-right{ padding-right: 12%; }
 
  .sm-padding-twelve-half-right{ padding-right: 12.5%; }
 
  .sm-padding-thirteen-right{ padding-right: 13%; }
 
  .sm-padding-thirteen-half-right{ padding-right: 13.5%; }
 
  .sm-padding-fourteen-right{ padding-right: 14%; }
 
  .sm-padding-fourteen-half-right{ padding-right: 14.5%; }
 
  .sm-padding-fifteen-right{ padding-right: 15%; }
 
  .sm-padding-fifteen-half-right{ padding-right: 15.5%; }
 
  .sm-padding-sixteen-right{ padding-right: 16%; }
 
  .sm-padding-sixteen-half-right{ padding-right: 16.5%; }
 
  .sm-padding-seventeen-right{ padding-right: 17%; }
 
  .sm-padding-seventeen-half-right{ padding-right: 17.5%; }
 
  .sm-padding-eighteen-right{ padding-right: 18%; }
 
  .sm-padding-eighteen-half-right{ padding-right: 18.5%; }
 
  .sm-padding-nineteen-right{ padding-right: 19%; }
 
  .sm-padding-nineteen-half-right{ padding-right: 19.5%; }
 
  .sm-padding-twenty-right{ padding-right: 20%; }
 
  .sm-padding-twenty-half-right{ padding-right: 20.5%; }
 
  .sm-padding-twenty-one-right{ padding-right: 21%; }
 
  .sm-padding-twenty-one-half-right{ padding-right: 21.5%; }
 
  .sm-padding-twenty-two-right{ padding-right: 22%; }
 
  .sm-padding-twenty-two-half-right{ padding-right: 22.5%; }
 
  .sm-padding-twenty-three-right{ padding-right: 23%; }
 
  .sm-padding-twenty-three-half-right{ padding-right: 23.5%; }
 
  .sm-padding-twenty-four-right{ padding-right: 24%; }
 
  .sm-padding-twenty-four-half-right{ padding-right: 24.5%; }
 
  .sm-padding-twenty-five-right{ padding-right: 25%; }
 
  .sm-padding-5px-right{ padding-right: 5px !important; }
 
  .sm-padding-10px-right{ padding-right: 10px !important; }
 
  .sm-padding-15px-right{ padding-right: 15px !important; }
 
  .sm-padding-20px-right{ padding-right: 20px !important; }
 
  .sm-padding-25px-right{ padding-right: 25px !important; }
 
  .sm-padding-30px-right{ padding-right: 30px !important; }
 
  .sm-padding-35px-right{ padding-right: 35px !important; }
 
  .sm-padding-40px-right{ padding-right: 40px !important; }
 
  .sm-padding-45px-right{ padding-right: 45px !important; }
 
  .sm-padding-50px-right{ padding-right: 50px !important; }
 
  .sm-padding-55px-right{ padding-right: 55px !important; }
 
  .sm-padding-60px-right{ padding-right: 60px !important; }
 
  .sm-padding-65px-right{ padding-right: 65px !important; }
 
  .sm-padding-70px-right{ padding-right: 70px !important; }
 
  .sm-padding-75px-right{ padding-right: 75px !important; }
 
  .sm-padding-80px-right{ padding-right: 80px !important; }
 
  .sm-padding-85px-right{ padding-right: 85px !important; }
 
  .sm-padding-90px-right{ padding-right: 90px !important; }
 
  .sm-padding-95px-right{ padding-right: 95px !important; }
 
  .sm-padding-100px-right{ padding-right: 100px !important; }
 
 
 
  /* padding left */
 
  .sm-padding-one-left{ padding-left: 1%; }
 
  .sm-padding-one-half-left{ padding-left: 1.5%; }
 
  .sm-padding-two-left{ padding-left: 2%; }
 
  .sm-padding-two-half-left{ padding-left: 2.5%; }
 
  .sm-padding-three-left{ padding-left: 3%; }
 
  .sm-padding-three-half-left{ padding-left: 3.5%; }
 
  .sm-padding-four-left{ padding-left: 4%; }
 
  .sm-padding-four-half-left{ padding-left: 4.5%; }
 
  .sm-padding-five-left{ padding-left: 5%; }
 
  .sm-padding-five-half-left{ padding-left: 5.5%; }
 
  .sm-padding-six-left{ padding-left: 6%; }
 
  .sm-padding-six-half-left{ padding-left: 6.5%; }
 
  .sm-padding-seven-left{ padding-left: 7%; }
 
  .sm-padding-seven-half-left{ padding-left: 7.5%; }
 
  .sm-padding-eight-left{ padding-left: 8%; }
 
  .sm-padding-eight-half-left{ padding-left: 8.5%; }
 
  .sm-padding-nine-left{ padding-left: 9%; }
 
  .sm-padding-nine-half-left{ padding-left: 9.5%; }
 
  .sm-padding-ten-left{ padding-left: 10%; }
 
  .sm-padding-ten-half-left{ padding-left: 10.5%; }
 
  .sm-padding-eleven-left{ padding-left: 11%; }
 
  .sm-padding-eleven-half-left{ padding-left: 11.5%; }
 
  .sm-padding-twelve-left{ padding-left: 12%; }
 
  .sm-padding-twelve-half-left{ padding-left: 12.5%; }
 
  .sm-padding-thirteen-left{ padding-left: 13%; }
 
  .sm-padding-thirteen-half-left{ padding-left: 13.5%; }
 
  .sm-padding-fourteen-left{ padding-left: 14%; }
 
  .sm-padding-fourteen-half-left{ padding-left: 14.5%; }
 
  .sm-padding-fifteen-left{ padding-left: 15%; }
 
  .sm-padding-fifteen-half-left{ padding-left: 15.5%; }
 
  .sm-padding-sixteen-left{ padding-left: 16%; }
 
  .sm-padding-sixteen-half-left{ padding-left: 16.5%; }
 
  .sm-padding-seventeen-left{ padding-left: 17%; }
 
  .sm-padding-seventeen-half-left{ padding-left: 17.5%; }
 
  .sm-padding-eighteen-left{ padding-left: 18%; }
 
  .sm-padding-eighteen-half-left{ padding-left: 18.5%; }
 
  .sm-padding-nineteen-left{ padding-left: 19%; }
 
  .sm-padding-nineteen-half-left{ padding-left: 19.5%; }
 
  .sm-padding-twenty-left{ padding-left: 20%; }
 
  .sm-padding-twenty-half-left{ padding-left: 20.5%; }
 
  .sm-padding-twenty-one-left{ padding-left: 21%; }
 
  .sm-padding-twenty-one-half-left{ padding-left: 21.5%; }
 
  .sm-padding-twenty-two-left{ padding-left: 22%; }
 
  .sm-padding-twenty-two-half-left{ padding-left: 22.5%; }
 
  .sm-padding-twenty-three-left{ padding-left: 23%; }
 
  .sm-padding-twenty-three-half-left{ padding-left: 23.5%; }
 
  .sm-padding-twenty-four-left{ padding-left: 24%; }
 
  .sm-padding-twenty-four-half-left{ padding-left: 24.5%; }
 
  .sm-padding-twenty-five-left{ padding-left: 25%; }
 
  .sm-padding-5px-left{ padding-left: 5px !important; }
 
  .sm-padding-10px-left{ padding-left: 10px !important; }
 
  .sm-padding-15px-left{ padding-left: 15px !important; }
 
  .sm-padding-20px-left{ padding-left: 20px !important; }
 
  .sm-padding-25px-left{ padding-left: 25px !important; }
 
  .sm-padding-30px-left{ padding-left: 30px !important; }
 
  .sm-padding-35px-left{ padding-left: 35px !important; }
 
  .sm-padding-40px-left{ padding-left: 40px !important; }
 
  .sm-padding-45px-left{ padding-left: 45px !important; }
 
  .sm-padding-50px-left{ padding-left: 50px !important; }
 
  .sm-padding-55px-left{ padding-left: 55px !important; }
 
  .sm-padding-60px-left{ padding-left: 60px !important; }
 
  .sm-padding-65px-left{ padding-left: 65px !important; }
 
  .sm-padding-70px-left{ padding-left: 70px !important; }
 
  .sm-padding-75px-left{ padding-left: 75px !important; }
 
  .sm-padding-80px-left{ padding-left: 80px !important; }
 
  .sm-padding-85px-left{ padding-left: 85px !important; }
 
  .sm-padding-90px-left{ padding-left: 90px !important; }
 
  .sm-padding-95px-left{ padding-left: 95px !important; }
 
  .sm-padding-100px-left{ padding-left: 100px !important; }
 
 
 
  /* padding top bottom */
 
  .sm-padding-one-tb{ padding-top: 1%; padding-bottom: 1%; }
 
  .sm-padding-one-half-tb{ padding-top: 1.5%; padding-bottom: 1.5%; }
 
  .sm-padding-two-tb{ padding-top: 2%; padding-bottom: 2%; }
 
  .sm-padding-two-half-tb{ padding-top: 2.5%; padding-bottom: 2.5%; }
 
  .sm-padding-three-tb{ padding-top: 3%; padding-bottom: 3%; }
 
  .sm-padding-three-half-tb{ padding-top: 3.5%; padding-bottom: 3.5%; }
 
  .sm-padding-four-tb{ padding-top: 4%; padding-bottom: 4%; }
 
  .sm-padding-four-half-tb{ padding-top: 4.5%; padding-bottom: 4.5%; }
 
  .sm-padding-five-tb{ padding-top: 5%; padding-bottom: 5%; }
 
  .sm-padding-five-half-tb{ padding-top: 5.5%; padding-bottom: 5.5%; }
 
  .sm-padding-six-tb{ padding-top: 6%; padding-bottom: 6%; }
 
  .sm-padding-six-half-tb{ padding-top: 6.5%; padding-bottom: 6.5%; }
 
  .sm-padding-seven-tb{ padding-top: 7%; padding-bottom: 7%; }
 
  .sm-padding-seven-half-tb{ padding-top: 7.5%; padding-bottom: 7.5%; }
 
  .sm-padding-eight-tb{ padding-top: 8%; padding-bottom: 8%; }
 
  .sm-padding-eight-half-tb{ padding-top: 8.5%; padding-bottom: 8.5%; }
 
  .sm-padding-nine-tb{ padding-top: 9%; padding-bottom: 9%; }
 
  .sm-padding-nine-half-tb{ padding-top: 9.5%; padding-bottom: 9.5%; }
 
  .sm-padding-ten-tb{ padding-top: 10%; padding-bottom: 10%; }
 
  .sm-padding-ten-half-tb{ padding-top: 10.5%; padding-bottom: 10.5%; }
 
  .sm-padding-eleven-tb{ padding-top: 11%; padding-bottom: 11%; }
 
  .sm-padding-eleven-half-tb{ padding-top: 11.5%; padding-bottom: 11.5%; }
 
  .sm-padding-twelve-tb{ padding-top: 12%; padding-bottom: 12%; }
 
  .sm-padding-twelve-half-tb{ padding-top: 12.5%; padding-bottom: 12.5%; }
 
  .sm-padding-thirteen-tb{ padding-top: 13%; padding-bottom: 13%; }
 
  .sm-padding-thirteen-half-tb{ padding-top: 13.5%; padding-bottom: 13.5%; }
 
  .sm-padding-fourteen-tb{ padding-top: 14%; padding-bottom: 14%; }
 
  .sm-padding-fourteen-half-tb{ padding-top: 14.5%; padding-bottom: 14.5%; }
 
  .sm-padding-fifteen-tb{ padding-top: 15%; padding-bottom: 15%; }
 
  .sm-padding-fifteen-half-tb{ padding-top: 15.5%; padding-bottom: 15.5%; }
 
  .sm-padding-sixteen-tb{ padding-top: 16%; padding-bottom: 16%; }
 
  .sm-padding-sixteen-half-tb{ padding-top: 16.5%; padding-bottom: 16.5%; }
 
  .sm-padding-seventeen-tb{ padding-top: 17%; padding-bottom: 17%; }
 
  .sm-padding-seventeen-half-tb{ padding-top: 17.5%; padding-bottom: 17.5%; }
 
  .sm-padding-eighteen-tb{ padding-top: 18%; padding-bottom: 18%; }
 
  .sm-padding-eighteen-half-tb{ padding-top: 18.5%; padding-bottom: 18.5%; }
 
  .sm-padding-nineteen-tb{ padding-top: 19%; padding-bottom: 19%; }
 
  .sm-padding-nineteen-half-tb{ padding-top: 19.5%; padding-bottom: 19.5%; }
 
  .sm-padding-twenty-tb{ padding-top: 20%; padding-bottom: 20%; }
 
  .sm-padding-twenty-half-tb{ padding-top: 20.5%; padding-bottom: 20.5%; }
 
  .sm-padding-twenty-one-tb{ padding-top: 21%; padding-bottom: 21%; }
 
  .sm-padding-twenty-one-half-tb{ padding-top: 21.5%; padding-bottom: 21.5%; }
 
  .sm-padding-twenty-two-tb{ padding-top: 22%; padding-bottom: 22%; }
 
  .sm-padding-twenty-two-half-tb{ padding-top: 22.5%; padding-bottom: 22.5%; }
 
  .sm-padding-twenty-three-tb{ padding-top: 23%; padding-bottom: 23%; }
 
  .sm-padding-twenty-three-half-tb{ padding-top: 23.5%; padding-bottom: 23.5%; }
 
  .sm-padding-twenty-four-tb{ padding-top: 24%; padding-bottom: 24%; }
 
  .sm-padding-twenty-four-half-tb{ padding-top: 24.5%; padding-bottom: 24.5%; }
 
  .sm-padding-twenty-tb{ padding-top: 25%; padding-bottom: 25%; }
 
  .sm-padding-5px-tb{ padding-top: 5px !important; padding-bottom: 5px !important; }
 
  .sm-padding-10px-tb{ padding-top: 10px !important; padding-bottom: 10px !important; }
 
  .sm-padding-15px-tb{ padding-top: 15px !important; padding-bottom: 15px !important; }
 
  .sm-padding-20px-tb{ padding-top: 20px !important; padding-bottom: 20px !important; }
 
  .sm-padding-25px-tb{ padding-top: 25px !important; padding-bottom: 25px !important; }
 
  .sm-padding-30px-tb{ padding-top: 30px !important; padding-bottom: 30px !important; }
 
  .sm-padding-35px-tb{ padding-top: 35px !important; padding-bottom: 35px !important; }
 
  .sm-padding-40px-tb{ padding-top: 40px !important; padding-bottom: 40px !important; }
 
  .sm-padding-45px-tb{ padding-top: 45px !important; padding-bottom: 45px !important; }
 
  .sm-padding-50px-tb{ padding-top: 50px !important; padding-bottom: 50px !important; }
 
  .sm-padding-55px-tb{ padding-top: 55px !important; padding-bottom: 55px !important; }
 
  .sm-padding-60px-tb{ padding-top: 60px !important; padding-bottom: 60px !important; }
 
  .sm-padding-65px-tb{ padding-top: 65px !important; padding-bottom: 65px !important; }
 
  .sm-padding-70px-tb{ padding-top: 70px !important; padding-bottom: 70px !important; }
 
  .sm-padding-75px-tb{ padding-top: 75px !important; padding-bottom: 75px !important; }
 
  .sm-padding-80px-tb{ padding-top: 80px !important; padding-bottom: 80px !important; }
 
  .sm-padding-85px-tb{ padding-top: 85px !important; padding-bottom: 85px !important; }
 
  .sm-padding-90px-tb{ padding-top: 90px !important; padding-bottom: 90px !important; }
 
  .sm-padding-95px-tb{ padding-top: 95px !important; padding-bottom: 95px !important; }
 
  .sm-padding-100px-tb{ padding-top: 100px !important; padding-bottom: 100px !important; }
 
 
 
  /* padding left right */
 
  .sm-padding-one-lr{ padding-left: 1%; padding-right: 1%; }
 
  .sm-padding-one-half-lr{ padding-left: 1.5%; padding-right: 1.5%; }
 
  .sm-padding-two-lr{ padding-left: 2%; padding-right: 2%; }
 
  .sm-padding-two-half-lr{ padding-left: 2.5%; padding-right: 2.5%; }
 
  .sm-padding-three-lr{ padding-left: 3%; padding-right: 3%; }
 
  .sm-padding-three-half-lr{ padding-left: 3.5%; padding-right: 3.5%; }
 
  .sm-padding-four-lr{ padding-left: 4%; padding-right: 4%; }
 
  .sm-padding-four-half-lr{ padding-left: 4.5%; padding-right: 4.5%; }
 
  .sm-padding-five-lr{ padding-left: 5%; padding-right: 5%; }
 
  .sm-padding-five-half-lr{ padding-left: 5.5%; padding-right: 5.5%; }
 
  .sm-padding-six-lr{ padding-left: 6%; padding-right: 6%; }
 
  .sm-padding-six-half-lr{ padding-left: 6.5%; padding-right: 6.5%; }
 
  .sm-padding-seven-lr{ padding-left: 7%; padding-right: 7%; }
 
  .sm-padding-seven-half-lr{ padding-left: 7.5%; padding-right: 7.5%; }
 
  .sm-padding-eight-lr{ padding-left: 8%; padding-right: 8%; }
 
  .sm-padding-eight-half-lr{ padding-left: 8.5%; padding-right: 8.5%; }
 
  .sm-padding-nine-lr{ padding-left: 9%; padding-right: 9%; }
 
  .sm-padding-nine-half-lr{ padding-left: 9.5%; padding-right: 9.5%; }
 
  .sm-padding-ten-lr{ padding-left: 10%; padding-right: 10%; }
 
  .sm-padding-ten-half-lr{ padding-left: 10.5%; padding-right: 10.5%; }
 
  .sm-padding-eleven-lr{ padding-left: 11%; padding-right: 11%; }
 
  .sm-padding-eleven-half-lr{ padding-left: 11.5%; padding-right: 11.5%; }
 
  .sm-padding-twelve-lr{ padding-left: 12%; padding-right: 12%; }
 
  .sm-padding-twelve-half-lr{ padding-left: 12.5%; padding-right: 12.5%; }
 
  .sm-padding-thirteen-lr{ padding-left: 13%; padding-right: 13%; }
 
  .sm-padding-thirteen-half-lr{ padding-left: 13.5%; padding-right: 13.5%; }
 
  .sm-padding-fourteen-lr{ padding-left: 14%; padding-right: 14%; }
 
  .sm-padding-fourteen-half-lr{ padding-left: 14.5%; padding-right: 14.5%; }
 
  .sm-padding-fifteen-lr{ padding-left: 15%; padding-right: 15%; }
 
  .sm-padding-fifteen-half-lr{ padding-left: 15.5%; padding-right: 15.5%; }
 
  .sm-padding-sixteen-lr{ padding-left: 16%; padding-right: 16%; }
 
  .sm-padding-sixteen-half-lr{ padding-left: 16.5%; padding-right: 16.5%; }
 
  .sm-padding-seventeen-lr{ padding-left: 17%; padding-right: 17%; }
 
  .sm-padding-seventeen-half-lr{ padding-left: 17.5%; padding-right: 17.5%; }
 
  .sm-padding-eighteen-lr{ padding-left: 18%; padding-right: 18%; }
 
  .sm-padding-eighteen-half-lr{ padding-left: 18.5%; padding-right: 18.5%; }
 
  .sm-padding-nineteen-lr{ padding-left: 19%; padding-right: 19%; }
 
  .sm-padding-nineteen-half-lr{ padding-left: 19.5%; padding-right: 19.5%; }
 
  .sm-padding-twenty-lr{ padding-left: 20%; padding-right: 20%; }
 
  .sm-padding-twenty-half-lr{ padding-left: 20.5%; padding-right: 20.5%; }
 
  .sm-padding-twenty-one-lr{ padding-left: 21%; padding-right: 21%; }
 
  .sm-padding-twenty-one-half-lr{ padding-left: 21.5%; padding-right: 21.5%; }
 
  .sm-padding-twenty-two-lr{ padding-left: 22%; padding-right: 22%; }
 
  .sm-padding-twenty-two-half-lr{ padding-left: 22.5%; padding-right: 22.5%; }
 
  .sm-padding-twenty-three-lr{ padding-left: 23%; padding-right: 23%; }
 
  .sm-padding-twenty-three-half-lr{ padding-left: 23.5%; padding-right: 23.5%; }
 
  .sm-padding-twenty-four-lr{ padding-left: 24%; padding-right: 24%; }
 
  .sm-padding-twenty-four-half-lr{ padding-left: 24.5%; padding-right: 24.5%; }
 
  .sm-padding-twenty-five-lr{ padding-left: 25%; padding-right: 25%; }

  .sm-padding-thirty-five-lr{ padding-left: 30%; padding-right: 30%; }
 
  .sm-padding-5px-lr{ padding-right: 5px !important; padding-left: 5px !important; }
 
  .sm-padding-10px-lr{ padding-right: 10px !important; padding-left: 10px !important; }
 
  .sm-padding-15px-lr{ padding-right: 15px !important; padding-left: 15px !important; }
 
  .sm-padding-20px-lr{ padding-right: 20px !important; padding-left: 20px !important; }
 
  .sm-padding-25px-lr{ padding-right: 25px !important; padding-left: 25px !important; }
 
  .sm-padding-30px-lr{ padding-right: 30px !important; padding-left: 30px !important; }
 
  .sm-padding-35px-lr{ padding-right: 35px !important; padding-left: 35px !important; }
 
  .sm-padding-40px-lr{ padding-right: 40px !important; padding-left: 40px !important; }
 
  .sm-padding-45px-lr{ padding-right: 45px !important; padding-left: 45px !important; }
 
  .sm-padding-50px-lr{ padding-right: 50px !important; padding-left: 50px !important; }
 
  .sm-padding-55px-lr{ padding-right: 55px !important; padding-left: 55px !important; }
 
  .sm-padding-60px-lr{ padding-right: 60px !important; padding-left: 60px !important; }
 
  .sm-padding-65px-lr{ padding-right: 65px !important; padding-left: 65px !important; }
 
  .sm-padding-70px-lr{ padding-right: 70px !important; padding-left: 70px !important; }
 
  .sm-padding-75px-lr{ padding-right: 75px !important; padding-left: 75px !important; }
 
  .sm-padding-80px-lr{ padding-right: 80px !important; padding-left: 80px !important; }
 
  .sm-padding-85px-lr{ padding-right: 85px !important; padding-left: 85px !important; }
 
  .sm-padding-90px-lr{ padding-right: 90px !important; padding-left: 90px !important; }
 
  .sm-padding-95px-lr{ padding-right: 95px !important; padding-left: 95px !important; }
 
  .sm-padding-100px-lr{ padding-right: 100px !important; padding-left: 100px !important; }
 
 
 
  /* top */
 
  .sm-top-auto{ top: auto; }
 
  .sm-top-0{ top: 0 !important; }
 
  .sm-top-inherit{ top: inherit !important; }
 
  .sm-top-1{ top: 1px; }
 
  .sm-top-2{ top: 2px; }
 
  .sm-top-3{ top: 3px; }
 
  .sm-top-4{ top: 4px; }
 
  .sm-top-5{ top: 5px; }
 
  .sm-top-6{ top: 6px; }
 
  .sm-top-7{ top: 7px; }
 
  .sm-top-8{ top: 8px; }
 
  .sm-top-9{ top: 9px; }
 
  .sm-top-10{ top: 10px; }
 
  .sm-top-12{ top: 12px; }
 
  .sm-top-15{ top: 15px; }
 
  .sm-top-17{ top: 17px; }
 
  .sm-top-20{ top: 20px; }
 
  .sm-top-25{ top: 25px; }
 
  .sm-top-30{ top: 30px; }
 
  .sm-top-35{ top: 35px; }
 
  .sm-top-40{ top: 40px; }
 
  .sm-top-45{ top: 45px; }
 
  .sm-top-50{ top: 50px; }
 
  .sm-top-minus1{ top: -1px; }
 
  .sm-top-minus2{ top: -2px; }
 
  .sm-top-minus3{ top: -3px; }
 
  .sm-top-minus4{ top: -4px; }
 
  .sm-top-minus5{ top: -5px; }
 
  .sm-top-minus6{ top: -6px; }
 
  .sm-top-minus7{ top: -7px; }
 
  .sm-top-minus8{ top: -8px; }
 
  .sm-top-minus9{ top: -9px; }
 
  .sm-top-minus10{ top: -10px; }
 
  .sm-top-minus15{ top: -15px; }
 
  .sm-top-minus20{ top: -20px; }
 
  .sm-top-minus25{ top: -25px; }
 
  .sm-top-minus30{ top: -30px; }
 
  .sm-top-minus35{ top: -35px; }
 
  .sm-top-minus40{ top: -40px; }
 
  .sm-top-minus45{ top: -45px; }
 
  .sm-top-minus50{ top: -50px; }
 

 
  /* bottom */
 
  .sm-bottom-auto{ bottom: auto; }
 
  .sm-bottom-0{ bottom: 0; }
 
  .sm-bottom-1{ bottom: 1px; }
 
  .sm-bottom-2{ bottom: 2px; }
 
  .sm-bottom-3{ bottom: 3px; }
 
  .sm-bottom-4{ bottom: 4px; }
 
  .sm-bottom-5{ bottom: 5px; }
 
  .sm-bottom-6{ bottom: 6px; }
 
  .sm-bottom-7{ bottom: 7px; }
 
  .sm-bottom-8{ bottom: 8px; }
 
  .sm-bottom-9{ bottom: 9px; }
 
  .sm-bottom-10{ bottom: 10px; }
 
  .sm-bottom-20{ bottom: 20px; }
 
  .sm-bottom-25{ bottom: 25px; }
 
  .sm-bottom-30{ bottom: 30px; }
 
  .sm-bottom-35{ bottom: 35px; }
 
  .sm-bottom-40{ bottom: 40px; }
 
  .sm-bottom-45{ bottom: 45px; }
 
  .sm-bottom-50{ bottom: 50px; }
 
 
 
  /* left */
 
  .sm-left-auto{ left: auto; }
 
  .sm-left-0{ left: 0; }
 
  .sm-left-1{ left: 1px; }
 
  .sm-left-2{ left: 2px; }
 
  .sm-left-3{ left: 3px; }
 
  .sm-left-4{ left: 4px; }
 
  .sm-left-5{ left: 5px; }
 
  .sm-left-6{ left: 6px; }
 
  .sm-left-7{ left: 7px; }
 
  .sm-left-8{ left: 8px; }
 
  .sm-left-9{ left: 9px; }
 
  .sm-left-10{ left: 10px; }
 
 
 
  /* right */
 
  .sm-right-auto{ right: auto; }
 
  .sm-right-0{ right: 0; }
 
  .sm-right-1{ right: 1px; }
 
  .sm-right-2{ right: 2px; }
 
  .sm-right-3{ right: 3px; }
 
  .sm-right-4{ right: 4px; }
 
  .sm-right-5{ right: 5px; }
 
  .sm-right-6{ right: 6px; }
 
  .sm-right-7{ right: 7px; }
 
  .sm-right-8{ right: 8px; }
 
  .sm-right-9{ right: 9px; }
 
  .sm-right-10{ right: 10px; }
 
 
 
  /* width */
  .sm-width-5{ width: 5%; }
 
  .sm-width-10{ width: 10%; }
 
  .sm-width-15{ width: 15%; }
 
  .sm-width-20{ width: 20%; }
 
  .sm-width-25{ width: 25%; }
 
  .sm-width-30{ width: 30%; }
 
  .sm-width-35{ width: 35%; }
 
  .sm-width-40{ width: 40%; }
 
  .sm-width-45{ width: 45%; }
 
  .sm-width-50{ width: 50%; }
 
  .sm-width-55{ width: 55%; }
 
  .sm-width-60{ width: 60%; }
 
  .sm-width-65{ width: 65%; }
 
  .sm-width-70{ width: 70%; }
 
  .sm-width-75{ width: 75%; }
 
  .sm-width-80{ width: 80%; }
 
  .sm-width-85{ width: 85%; }
 
  .sm-width-90{ width: 90%; }
 
  .sm-width-95{ width: 95%; }
 
  .sm-width-100{ width: 100%; }
 
  .sm-width-auto{ width: auto; }
 
  .sm-width-50px{ width: 50px; }
 
  .sm-width-70px{ width: 70px; }
 
  .sm-width-75px{ width: 75px; }
 
  .sm-width-80px{ width: 80px; }
 
  .sm-width-85px{ width: 85px; }
 
  .sm-width-90px{ width: 90px; }
 
  .sm-width-95px{ width: 95px; }
 
  .sm-width-100px{ width: 100px; }
 
  .sm-width-120px{ width: 120px; }
 
  .sm-width-130px{ width: 130px; }
 
  .sm-width-150px{ width: 150px; }
 
  .sm-width-180px{ width: 180px; }
 
  .sm-width-200px{ width: 200px; }
 
  .sm-width-250px{ width: 250px; }
 
  .sm-width-300px{ width: 300px; }
 
  .sm-width-350px{ width: 350px; }
 
  .sm-width-400px{ width: 400px; }
 
  .sm-width-450px{ width: 450px; }
 
  .sm-width-500px{ width: 500px; }
 
  .sm-width-550px{ width: 550px; }
 
  .sm-width-600px{ width: 600px; }
 
  .sm-width-650px{ width: 650px; }
 
  .sm-width-700px{ width: 700px; }
 
  .sm-width-750px{ width: 750px; }
 
  .sm-width-800px{ width: 800px; }
 
  .sm-width-850px{ width: 850px; }
 
  .sm-width-900px{ width: 900px; }
 
  .sm-width-950px{ width: 950px; }
 
  .sm-width-1000px{ width: 1000px; }
 
 
 
  /* height */
 
 
 
  .sm-height-vh-10{ height: 10vh; }
 
  .sm-height-vh-15{ height: 15vh; }
 
  .sm-height-vh-20{ height: 20vh; }
 
  .sm-height-vh-25{ height: 25vh; }
 
  .sm-height-vh-30{ height: 30vh; }
 
  .sm-height-vh-35{ height: 35vh; }
 
  .sm-height-vh-40{ height: 40vh; }
 
  .sm-height-vh-45{ height: 45vh; }
 
  .sm-height-vh-50{ height: 50vh; }
 
  .sm-height-vh-55{ height: 55vh; }
 
  .sm-height-vh-60{ height: 60vh; }
 
  .sm-height-vh-65{ height: 65vh; }
 
  .sm-height-vh-70{ height: 70vh; }
 
  .sm-height-vh-75{ height: 75vh; }
 
  .sm-height-vh-80{ height: 80vh; }
 
  .sm-height-vh-85{ height: 85vh; }
 
  .sm-height-vh-90{ height: 90vh; }
 
  .sm-height-vh-95{ height: 95vh; }
 
  .sm-height-vh-100{ height: 100vh; }
 
 
 
 
 
 
 
 
  .sm-height-auto{ height: auto !important; }
 
  .sm-height-10px{ height: 10px; }
 
  .sm-height-20px{ height: 20px; }
 
  .sm-height-30px{ height: 30px; }
 
  .sm-height-40px{ height: 40px; }
 
  .sm-height-50px{ height: 50px; }
 
  .sm-height-60px{ height: 60px; }
 
  .sm-height-70px{ height: 70px; }
 
  .sm-height-80px{ height: 80px; }
 
  .sm-height-90px{ height: 90px; }
 
  .sm-height-100px{ height: 100px; }
 
  .sm-height-150px{ height: 150px; }
 
  .sm-height-200px{ height: 200px; }
 
  .sm-height-250px{ height: 250px; }
 
  .sm-height-270px{ height: 270px; }
 
  .sm-height-300px{ height: 300px; }
 
  .sm-height-325px{ height: 325px; }
 
  .sm-height-350px{ height: 350px; }
 
  .sm-height-400px{ height: 400px; }
 
  .sm-height-450px{ height: 450px; }
 
  .sm-height-500px{ height: 500px; }
 
  .sm-height-550px{ height: 550px; }
 
  .sm-height-600px{ height: 600px; }
 
  .sm-height-650px{ height: 650px; }
 
  .sm-height-700px{ height: 700px; }
 
  .sm-height-800px{ height: 800px; }
 
  .sm-height-900px{ height: 900px; }
 
  .sm-height-1000px{ height: 1000px; }
 
 
  .sm-height-1{ height: 1%; }
 
  .sm-height-2{ height: 2%; }
 
  .sm-height-3{ height: 3%; }
 
  .sm-height-4{ height: 4%; }
 
  .sm-height-5{ height: 5%; }
 
  .sm-height-6{ height: 6%; }
 
  .sm-height-7{ height: 7%; }
 
  .sm-height-8{ height: 8%; } 
 
  .sm-height-9{ height: 9%; }
 
  .sm-height-10{ height: 10%; }
  
  .sm-height-20{ height: 20%; }
 
  .sm-height-25{ height: 25%; }
 
  .sm-height-30{ height: 30%; }
 
  .sm-height-35{ height: 35%; }
 
  .sm-height-40{ height: 40%; }
 
  .sm-height-45{ height: 45%; }
 
  .sm-height-50{ height: 50%; }
 
  .sm-height-55{ height: 55%; }
 
  .sm-height-60{ height: 60%; }
 
  .sm-height-65{ height: 65%; }
 
  .sm-height-70{ height: 70%; }
 
  .sm-height-75{ height: 75%; }
 
  .sm-height-80{ height: 80%; }
 
  .sm-height-85{ height: 85%; }
 
  .sm-height-90{ height: 90%; }
 
  .sm-height-95{ height: 95%; }
 
  .sm-height-100{ height: 100%; }
 
  /* display */
 
  .sm-display-block{ display: block !important; }
 
  .sm-overflow-hidden{ overflow: hidden !important; }
 
  .sm-overflow-auto{ overflow: auto !important; }
 
  .sm-display-inline-block{ display: inline-block !important; }
 
  .sm-display-inline{ display: inline !important; }
 
  .sm-display-none{ display: none !important; }
 
  .sm-display-inherit{ display: inherit !important; }
 
  .sm-display-table{ display: table !important; }
 
  .sm-display-table-cell{ display: table-cell !important; }
 
  .sm-display-flex-inherit{ -ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; flex-flow: inherit; -webkit-flex-flow: inherit; -moz-flex-flow: inherit; -ms-flex-flow: inherit; -o-flex-flow: inherit; }
 
 
 
   /* min height */
 
  .sm-min-height-0{ min-height: 0; }
 
 
 
  /* clear-both */
 
  .sm-clear-both{ clear: both; }
 
 
 
  /* position */
 
  .sm-position-inherit{ position: inherit !important; }
 
  .sm-position-initial{ position: initial !important; }
 
  .sm-position-relative{ position: relative !important; z-index: 5; }
 
  .sm-position-absolute{ position: absolute !important; }
 
  .sm-position-fixed{ position: fixed !important; }
 
  .sm-position-static{ position: static !important; }
 
 
 
  /* line height */
 
  .sm-line-height-10{ line-height: 10px; }
 
  .sm-line-height-18{ line-height: 18px; }
 
  .sm-line-height-20{ line-height: 20px; }
 
  .sm-line-height-24{ line-height: 24px; }
 
  .sm-line-height-22{ line-height: 22px; }
 
  .sm-line-height-26{ line-height: 26px; }
 
  .sm-line-height-28{ line-height: 28px; }
 
  .sm-line-height-30{ line-height: 30px; }
 
  .sm-line-height-35{ line-height: 35px; }
 
  .sm-line-height-40{ line-height: 40px; }
 
  .sm-line-height-45{ line-height: 45px; }
 
  .sm-line-height-50{ line-height: 50px; }
 
  .sm-line-height-55{ line-height: 55px; }
 
  .sm-line-height-60{ line-height: 60px; }
 
  .sm-line-height-65{ line-height: 65px; }
 
  .sm-line-height-70{ line-height: 70px; }
 
  .sm-line-height-75{ line-height: 75px; }
 
  .sm-line-height-80{ line-height: 80px; }
 
  .sm-line-height-85{ line-height: 85px; }
 
  .sm-line-height-90{ line-height: 90px; }
 
  .sm-line-height-95{ line-height: 95px; }
 
  .sm-line-height-100{ line-height: 100px; }
 
 
 
  /* boder align */
 
  .sm-border-top{ border-top: 1px solid; }
 
  .sm-border-bottom{ border-bottom: 1px solid; }
 
  .sm-border-left{ border-left: 1px solid; }
 
  .sm-border-right{ border-right: 1px solid; }
 
  .sm-border-lr{ border-left: 1px solid; border-right: 1px solid; }
 
  .sm-border-tb{ border-top: 1px solid; border-bottom: 1px solid; }
 
 
 
  /* border */
 
  .sm-no-border-top{ border-top: 0 !important; }
 
  .sm-no-border-bottom{ border-bottom: 0 !important; }
 
  .sm-no-border-right{ border-right: 0 !important; }
 
  .sm-no-border-left{ border-left: 0 !important; }
 
  .sm-no-border{ border: 0 !important; }
 
 
 
  /* opacity */
 
  .sm-opacity1{ opacity: .1; }
 
  .sm-opacity2{ opacity: .2; }
 
  .sm-opacity3{ opacity: .3; }
 
  .sm-opacity4{ opacity: .4; }
 
  .sm-opacity5{ opacity: .5; }
 
  .sm-opacity6{ opacity: .6; }
 
  .sm-opacity7{ opacity: .7; }
 
  .sm-opacity8{ opacity: .8; }
 
  .sm-opacity9{ opacity: .9; }
 
  .sm-opacity10{ opacity: 1; }
 
  
 
   .vertical-middle{ position:unset; } 
 
   .sm-vertical-middle{ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute; top: 50%; left: 0; right: 0; }
 
 }
 
 
 
 @media (max-width: 767px){
 
 
 
  body{ font-size: 13px; line-height: 20px; }
 
  h1, h2, h3, h4, h5, h6{ margin: 0 0 17px; padding: 0; letter-spacing: 0; font-weight: 400; text-transform:important none;}
 
  h1{ font-size: 36px; line-height: 42px; }
 
  h2{ font-size: 24px; line-height: 30px; }
 
  h3{ font-size: 22px; line-height: 26px; }
 
  h4{ font-size: 18px; line-height: 22px; }
 
  h5{ font-size: 16px; line-height: 20px; }
 
  h6{ font-size: 14px; line-height: 18px; }
 
 
 
  /* opacity */
 
  .xs-opacity1{ opacity: .1; }
 
  .xs-opacity2{ opacity: .2; }
 
  .xs-opacity3{ opacity: .3; }
 
  .xs-opacity4{ opacity: .4; }
 
  .xs-opacity5{ opacity: .5; }
 
  .xs-opacity6{ opacity: .6; }
 
  .xs-opacity7{ opacity: .7; }
 
  .xs-opacity8{ opacity: .8; }
 
  .xs-opacity9{ opacity: .9; }
 
  .xs-opacity10{ opacity: 1; }
 
 
 
  /*text-alignment*/
 
  .xs-text-center{ text-align: center; }
 
  .xs-text-left{ text-align: left; }
 
  .xs-text-right{ text-align: right; }
 
 
 
  /*float*/
 
  .xs-float-left{ float: left !important; }
 
  .xs-float-right{ float: right !important; }
 
  .xs-float-none{ float: none !important; }
 
 
 
  /* verticle align */
 
  .xs-vertical-align-middle{ vertical-align: middle; }
 
  .xs-vertical-align-top{ vertical-align: top; }
 
  .xs-vertical-align-bottom{ vertical-align: bottom; }
 
 
 
  /* image position*/
 
  .xs-background-image-left{ background-position: left !important; }
 
  .xs-background-image-right{ background-position: right !important; }
 
  .xs-background-image-center{ background-position: center !important; }
 
 
 
  /* margin */
 
 
 
  .xs-margin-vh-10{ height: 10vh; }
 
  .xs-margin-vh-15{ height: 15vh; }
 
  .xs-margin-vh-20{ height: 20vh; }
 
  .xs-margin-vh-25{ height: 25vh; }
 
  .xs-margin-vh-30{ height: 30vh; }
 
  .xs-margin-vh-35{ height: 35vh; }
 
  .xs-margin-vh-40{ height: 40vh; }
 
  .xs-margin-vh-45{ height: 45vh; }
 
  .xs-margin-vh-50{ height: 50vh; }
 
  .xs-margin-vh-55{ height: 55vh; }
 
  .xs-margin-vh-60{ height: 60vh; }
 
  .xs-margin-vh-65{ height: 65vh; }
 
  .xs-margin-vh-70{ height: 70vh; }
 
  .xs-margin-vh-75{ height: 75vh; }
 
  .xs-margin-vh-80{ height: 80vh; }
 
  .xs-margin-vh-85{ height: 85vh; }
 
  .xs-margin-vh-90{ height: 90vh; }
 
  .xs-margin-vh-95{ height: 95vh; }
 
  .xs-margin-vh-100{ height: 100vh; }
 
 
 
 
 
 
 
  .xs-margin-one-all{ margin: 1%; }
 
  .xs-margin-one-half-all{ margin: 1.5%; }
 
  .xs-margin-two-all{ margin: 2%; }
 
  .xs-margin-two-half-all{ margin: 2.5%; }
 
  .xs-margin-three-all{ margin: 3%; }
 
  .xs-margin-three-half-all{ margin: 3.5%; }
 
  .xs-margin-four-all{ margin: 4%; }
 
  .xs-margin-four-half-all{ margin: 4.5%; }
 
  .xs-margin-five-all{ margin: 5%; }
 
  .xs-margin-five-half-all{ margin: 5.5%; }
 
  .xs-margin-six-all{ margin: 6%; }
 
  .xs-margin-six-half-all{ margin: 6.5%; }
 
  .xs-margin-seven-all{ margin: 7%; }
 
  .xs-margin-seven-half-all{ margin: 7.5%; }
 
  .xs-margin-eight-all{ margin: 8%; }
 
  .xs-margin-eight-half-all{ margin: 8.5%; }
 
  .xs-margin-nine-all{ margin: 9%; }
 
  .xs-margin-nine-half-all{ margin: 9.5%; }
 
  .xs-margin-ten-all{ margin: 10%; }
 
  .xs-margin-ten-half-all{ margin: 10.5%; }
 
  .xs-margin-eleven-all{ margin: 11%; }
 
  .xs-margin-eleven-half-all{ margin: 11.5%; }
 
  .xs-margin-twelve-all{ margin: 12%; }
 
  .xs-margin-twelve-half-all{ margin: 12.5%; }
 
  .xs-margin-thirteen-all{ margin: 13%; }
 
  .xs-margin-thirteen-half-all{ margin: 13.5%; }
 
  .xs-margin-fourteen-all{ margin: 14%; }
 
  .xs-margin-fourteen-half-all{ margin: 14.5%; }
 
  .xs-margin-fifteen-all{ margin: 15%; }
 
  .xs-margin-fifteen-half-all{ margin: 15.5%; }
 
  .xs-margin-sixteen-all{ margin: 16%; }
 
  .xs-margin-sixteen-half-all{ margin: 16.5%; }
 
  .xs-margin-seventeen-all{ margin: 17%; }
 
  .xs-margin-seventeen-half-all{ margin: 17.5%; }
 
  .xs-margin-eighteen-all{ margin: 18%; }
 
  .xs-margin-eighteen-half-all{ margin: 18.5%; }
 
  .xs-margin-nineteen-all{ margin: 19%; }
 
  .xs-margin-nineteen-half-all{ margin: 19.5%; }
 
  .xs-margin-twenty-all{ margin: 20%; }
 
  .xs-margin-twenty-half-all{ margin: 20.5%; }
 
  .xs-margin-twenty-one-all{ margin: 21%; }
 
  .xs-margin-twenty-one-half-all{ margin: 21.5%; }
 
  .xs-margin-twenty-two-all{ margin: 22%; }
 
  .xs-margin-twenty-two-half-all{ margin: 22.5%; }
 
  .xs-margin-twenty-three-all{ margin: 23%; }
 
  .xs-margin-twenty-three-half-all{ margin: 23.5%; }
 
  .xs-margin-twenty-four-all{ margin: 24%; }
 
  .xs-margin-twenty-four-half-all{ margin: 24.5%; }
 
  .xs-margin-twenty-five-all{ margin: 25%; }
 
  .xs-no-margin{ margin: 0 !important; }
 
  .xs-no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important; }
 
  .xs-no-margin-tb{ margin-top: 0 !important; margin-bottom: 0 !important; }
 
  .xs-no-margin-top{ margin-top: 0 !important; }
 
  .xs-no-margin-bottom{ margin-bottom: 0 !important; }
 
  .xs-no-margin-left{ margin-left: 0 !important; }
 
  .xs-no-margin-right{ margin-right: 0 !important; }
 
  .xs-margin-lr-auto{ margin-left: auto !important; margin-right: auto !important; }
 
  .xs-margin-auto{ margin: 0 auto !important; }
 
 
 
  /* margin top */
 
  .xs-margin-one-top{ margin-top: 1%; }
 
  .xs-margin-one-half-top{ margin-top: 1.5%; }
 
  .xs-margin-two-top{ margin-top: 2%; }
 
  .xs-margin-two-half-top{ margin-top: 2.5%; }
 
  .xs-margin-three-top{ margin-top: 3%; }
 
  .xs-margin-three-half-top{ margin-top: 3.5%; }
 
  .xs-margin-four-top{ margin-top: 4%; }
 
  .xs-margin-four-half-top{ margin-top: 4.5%; }
 
  .xs-margin-five-top{ margin-top: 5%; }
 
  .xs-margin-five-half-top{ margin-top: 5.5%; }
 
  .xs-margin-six-top{ margin-top: 6%; }
 
  .xs-margin-six-half-top{ margin-top: 6.5%; }
 
  .xs-margin-seven-top{ margin-top: 7%; }
 
  .xs-margin-seven-half-top{ margin-top: 7.5%; }
 
  .xs-margin-eight-top{ margin-top: 8%; }
 
  .xs-margin-eight-half-top{ margin-top: 8.5%; }
 
  .xs-margin-nine-top{ margin-top: 9%; }
 
  .xs-margin-nine-half-top{ margin-top: 9.5%; }
 
  .xs-margin-ten-top{ margin-top: 10%; }
 
  .xs-margin-ten-half-top{ margin-top: 10.5%; }
 
  .xs-margin-eleven-top{ margin-top: 11%; }
 
  .xs-margin-eleven-half-top{ margin-top: 11.5%; }
 
  .xs-margin-twelve-top{ margin-top: 12%; }
 
  .xs-margin-twelve-half-top{ margin-top: 12.5%; }
 
  .xs-margin-thirteen-top{ margin-top: 13%; }
 
  .xs-margin-thirteen-half-top{ margin-top: 13.5%; }
 
  .xs-margin-fourteen-top{ margin-top: 14%; }
 
  .xs-margin-fourteen-half-top{ margin-top: 14.5%; }
 
  .xs-margin-fifteen-top{ margin-top: 15%; }
 
  .xs-margin-fifteen-half-top{ margin-top: 15.5%; }
 
  .xs-margin-sixteen-top{ margin-top: 16%; }
 
  .xs-margin-sixteen-half-top{ margin-top: 16.5%; }
 
  .xs-margin-seventeen-top{ margin-top: 17%; }
 
  .xs-margin-seventeen-half-top{ margin-top: 17.5%; }
 
  .xs-margin-eighteen-top{ margin-top: 18%; }
 
  .xs-margin-eighteen-half-top{ margin-top: 18.5%; }
 
  .xs-margin-nineteen-top{ margin-top: 19%; }
 
  .xs-margin-nineteen-half-top{ margin-top: 19.5%; }
 
  .xs-margin-twenty-top{ margin-top: 20%; }
 
  .xs-margin-twenty-half-top{ margin-top: 20.5%; }
 
  .xs-margin-twenty-one-top{ margin-top: 21%; }
 
  .xs-margin-twenty-one-half-top{ margin-top: 21.5%; }
 
  .xs-margin-twenty-two-top{ margin-top: 22%; }
 
  .xs-margin-twenty-two-half-top{ margin-top: 22.5%; }
 
  .xs-margin-twenty-three-top{ margin-top: 23%; }
 
  .xs-margin-twenty-three-half-top{ margin-top: 23.5%; }
 
  .xs-margin-twenty-four-top{ margin-top: 24%; }
 
  .xs-margin-twenty-four-half-top{ margin-top: 24.5%; }
 
  .xs-margin-twenty-five-top{ margin-top: 25%; }
 
  .xs-margin-5px-top{ margin-top: 5px !important; }
 
  .xs-margin-10px-top{ margin-top: 10px !important; }
 
  .xs-margin-15px-top{ margin-top: 15px !important; }
 
  .xs-margin-20px-top{ margin-top: 20px !important; }
 
  .xs-margin-25px-top{ margin-top: 25px !important; }
 
  .xs-margin-30px-top{ margin-top: 30px !important; }
 
  .xs-margin-35px-top{ margin-top: 35px !important; }
 
  .xs-margin-40px-top{ margin-top: 40px !important; }
 
  .xs-margin-45px-top{ margin-top: 45px !important; }
 
  .xs-margin-50px-top{ margin-top: 50px !important; }
 
  .xs-margin-55px-top{ margin-top: 55px !important; }
 
  .xs-margin-60px-top{ margin-top: 60px !important; }
 
  .xs-margin-65px-top{ margin-top: 65px !important; }
 
  .xs-margin-70px-top{ margin-top: 70px !important; }
 
  .xs-margin-75px-top{ margin-top: 75px !important; }
 
  .xs-margin-80px-top{ margin-top: 80px !important; }
 
  .xs-margin-85px-top{ margin-top: 85px !important; }
 
  .xs-margin-90px-top{ margin-top: 90px !important; }
 
  .xs-margin-95px-top{ margin-top: 95px !important; }
 
  .xs-margin-100px-top{ margin-top: 100px !important; }
 
 
 
  /* margin bottom */
 
  .xs-margin-one-bottom{ margin-bottom: 1%; }
 
  .xs-margin-one-half-bottom{ margin-bottom: 1.5%; }
 
  .xs-margin-two-bottom{ margin-bottom: 2%; }
 
  .xs-margin-two-half-bottom{ margin-bottom: 2.5%; }
 
  .xs-margin-three-bottom{ margin-bottom: 3%; }
 
  .xs-margin-three-half-bottom{ margin-bottom: 3.5%; }
 
  .xs-margin-four-bottom{ margin-bottom: 4%; }
 
  .xs-margin-four-half-bottom{ margin-bottom: 4.5%; }
 
  .xs-margin-five-bottom{ margin-bottom: 5%; }
 
  .xs-margin-five-half-bottom{ margin-bottom: 5.5%; }
 
  .xs-margin-six-bottom{ margin-bottom: 6%; }
 
  .xs-margin-six-half-bottom{ margin-bottom: 6.5%; }
 
  .xs-margin-seven-bottom{ margin-bottom: 7%; }
 
  .xs-margin-seven-half-bottom{ margin-bottom: 7.5%; }
 
  .xs-margin-eight-bottom{ margin-bottom: 8%; }
 
  .xs-margin-eight-half-bottom{ margin-bottom: 8.5%; }
 
  .xs-margin-nine-bottom{ margin-bottom: 9%; }
 
  .xs-margin-nine-half-bottom{ margin-bottom: 9.5%; }
 
  .xs-margin-ten-bottom{ margin-bottom: 10%; }
 
  .xs-margin-ten-half-bottom{ margin-bottom: 10.5%; }
 
  .xs-margin-eleven-bottom{ margin-bottom: 11%; }
 
  .xs-margin-eleven-half-bottom{ margin-bottom: 11.5%; }
 
  .xs-margin-twelve-bottom{ margin-bottom: 12%; }
 
  .xs-margin-twelve-half-bottom{ margin-bottom: 12.5%; }
 
  .xs-margin-thirteen-bottom{ margin-bottom: 13%; }
 
  .xs-margin-thirteen-half-bottom{ margin-bottom: 13.5%; }
 
  .xs-margin-fourteen-bottom{ margin-bottom: 14%; }
 
  .xs-margin-fourteen-half-bottom{ margin-bottom: 14.5%; }
 
  .xs-margin-fifteen-bottom{ margin-bottom: 15%; }
 
  .xs-margin-fifteen-half-bottom{ margin-bottom: 15.5%; }
 
  .xs-margin-sixteen-bottom{ margin-bottom: 16%; }
 
  .xs-margin-sixteen-half-bottom{ margin-bottom: 16.5%; }
 
  .xs-margin-seventeen-bottom{ margin-bottom: 17%; }
 
  .xs-margin-seventeen-half-bottom{ margin-bottom: 17.5%; }
 
  .xs-margin-eighteen-bottom{ margin-bottom: 18%; }
 
  .xs-margin-eighteen-half-bottom{ margin-bottom: 18.5%; }
 
  .xs-margin-nineteen-bottom{ margin-bottom: 19%; }
 
  .xs-margin-nineteen-half-bottom{ margin-bottom: 19.5%; }
 
  .xs-margin-twenty-bottom{ margin-bottom: 20%; }
 
  .xs-margin-twenty-half-bottom{ margin-bottom: 20.5%; }
 
  .xs-margin-twenty-one-bottom{ margin-bottom: 21%; }
 
  .xs-margin-twenty-one-half-bottom{ margin-bottom: 21.5%; }
 
  .xs-margin-twenty-two-bottom{ margin-bottom: 22%; }
 
  .xs-margin-twenty-two-half-bottom{ margin-bottom: 22.5%; }
 
  .xs-margin-twenty-three-bottom{ margin-bottom: 23%; }
 
  .xs-margin-twenty-three-half-bottom{ margin-bottom: 23.5%; }
 
  .xs-margin-twenty-four-bottom{ margin-bottom: 24%; }
 
  .xs-margin-twenty-four-half-bottom{ margin-bottom: 24.5%; }
 
  .xs-margin-twenty-five-bottom{ margin-bottom: 25%; }
 
  .xs-margin-5px-bottom{ margin-bottom: 5px !important; }
 
  .xs-margin-10px-bottom{ margin-bottom: 10px !important; }
 
  .xs-margin-15px-bottom{ margin-bottom: 15px !important; }
 
  .xs-margin-20px-bottom{ margin-bottom: 20px !important; }
 
  .xs-margin-25px-bottom{ margin-bottom: 25px !important; }
 
  .xs-margin-30px-bottom{ margin-bottom: 30px !important; }
 
  .xs-margin-35px-bottom{ margin-bottom: 35px !important; }
 
  .xs-margin-40px-bottom{ margin-bottom: 40px !important; }
 
  .xs-margin-45px-bottom{ margin-bottom: 45px !important; }
 
  .xs-margin-50px-bottom{ margin-bottom: 50px !important; }
 
  .xs-margin-55px-bottom{ margin-bottom: 55px !important; }
 
  .xs-margin-60px-bottom{ margin-bottom: 60px !important; }
 
  .xs-margin-65px-bottom{ margin-bottom: 65px !important; }
 
  .xs-margin-70px-bottom{ margin-bottom: 70px !important; }
 
  .xs-margin-75px-bottom{ margin-bottom: 75px !important; }
 
  .xs-margin-80px-bottom{ margin-bottom: 80px !important; }
 
  .xs-margin-85px-bottom{ margin-bottom: 85px !important; }
 
  .xs-margin-90px-bottom{ margin-bottom: 90px !important; }
 
  .xs-margin-95px-bottom{ margin-bottom: 95px !important; }
 
  .xs-margin-100px-bottom{ margin-bottom: 100px !important; }
 
 
 
  /* margin right */
 
  .xs-margin-one-right{ margin-right: 1%; }
 
  .xs-margin-one-half-right{ margin-right: 1.5%; }
 
  .xs-margin-two-right{ margin-right: 2%; }
 
  .xs-margin-two-half-right{ margin-right: 2.5%; }
 
  .xs-margin-three-right{ margin-right: 3%; }
 
  .xs-margin-three-half-right{ margin-right: 3.5%; }
 
  .xs-margin-four-right{ margin-right: 4%; }
 
  .xs-margin-four-half-right{ margin-right: 4.5%; }
 
  .xs-margin-five-right{ margin-right: 5%; }
 
  .xs-margin-five-half-right{ margin-right: 5.5%; }
 
  .xs-margin-six-right{ margin-right: 6%; }
 
  .xs-margin-six-half-right{ margin-right: 6.5%; }
 
  .xs-margin-seven-right{ margin-right: 7%; }
 
  .xs-margin-seven-half-right{ margin-right: 7.5%; }
 
  .xs-margin-eight-right{ margin-right: 8%; }
 
  .xs-margin-eight-half-right{ margin-right: 8.5%; }
 
  .xs-margin-nine-right{ margin-right: 9%; }
 
  .xs-margin-nine-half-right{ margin-right: 9.5%; }
 
  .xs-margin-ten-right{ margin-right: 10%; }
 
  .xs-margin-ten-half-right{ margin-right: 10.5%; }
 
  .xs-margin-eleven-right{ margin-right: 11%; }
 
  .xs-margin-eleven-half-right{ margin-right: 11.5%; }
 
  .xs-margin-twelve-right{ margin-right: 12%; }
 
  .xs-margin-twelve-half-right{ margin-right: 12.5%; }
 
  .xs-margin-thirteen-right{ margin-right: 13%; }
 
  .xs-margin-thirteen-half-right{ margin-right: 13.5%; }
 
  .xs-margin-fourteen-right{ margin-right: 14%; }
 
  .xs-margin-fourteen-half-right{ margin-right: 14.5%; }
 
  .xs-margin-fifteen-right{ margin-right: 15%; }
 
  .xs-margin-fifteen-half-right{ margin-right: 15.5%; }
 
  .xs-margin-sixteen-right{ margin-right: 16%; }
 
  .xs-margin-sixteen-half-right{ margin-right: 16.5%; }
 
  .xs-margin-seventeen-right{ margin-right: 17%; }
 
  .xs-margin-seventeen-half-right{ margin-right: 17.5%; }
 
  .xs-margin-eighteen-right{ margin-right: 18%; }
 
  .xs-margin-eighteen-half-right{ margin-right: 18.5%; }
 
  .xs-margin-nineteen-right{ margin-right: 19%; }
 
  .xs-margin-nineteen-half-right{ margin-right: 19.5%; }
 
  .xs-margin-twenty-right{ margin-right: 20%; }
 
  .xs-margin-twenty-half-right{ margin-right: 20.5%; }
 
  .xs-margin-twenty-one-right{ margin-right: 21%; }
 
  .xs-margin-twenty-one-half-right{ margin-right: 21.5%; }
 
  .xs-margin-twenty-two-right{ margin-right: 22%; }
 
  .xs-margin-twenty-two-half-right{ margin-right: 22.5%; }
 
  .xs-margin-twenty-three-right{ margin-right: 23%; }
 
  .xs-margin-twenty-three-half-right{ margin-right: 23.5%; }
 
  .xs-margin-twenty-four-right{ margin-right: 24%; }
 
  .xs-margin-twenty-four-half-right{ margin-right: 24.5%; }
 
  .xs-margin-twenty-five-right{ margin-right: 25%; }
 
  .xs-margin-10px-right{ margin-right: 10px !important; }
 
  .xs-margin-15px-right{ margin-right: 15px !important; }
 
  .xs-margin-20px-right{ margin-right: 20px !important; }
 
  .xs-margin-25px-right{ margin-right: 25px !important; }
 
  .xs-margin-30px-right{ margin-right: 30px !important; }
 
  .xs-margin-35px-right{ margin-right: 35px !important; }
 
  .xs-margin-40px-right{ margin-right: 40px !important; }
 
  .xs-margin-45px-right{ margin-right: 45px !important; }
 
  .xs-margin-50px-right{ margin-right: 50px !important; }
 
  .xs-margin-55px-right{ margin-right: 55px !important; }
 
  .xs-margin-60px-right{ margin-right: 60px !important; }
 
  .xs-margin-65px-right{ margin-right: 65px !important; }
 
  .xs-margin-70px-right{ margin-right: 70px !important; }
 
  .xs-margin-75px-right{ margin-right: 75px !important; }
 
  .xs-margin-80px-right{ margin-right: 80px !important; }
 
  .xs-margin-85px-right{ margin-right: 85px !important; }
 
  .xs-margin-90px-right{ margin-right: 90px !important; }
 
  .xs-margin-95px-right{ margin-right: 95px !important; }
 
  .xs-margin-100px-right{ margin-right: 100px !important; }
 
 
 
  /* margin left */
 
  .xs-margin-one-left{ margin-left: 1%; }
 
  .xs-margin-one-half-left{ margin-left: 1.5%; }
 
  .xs-margin-two-left{ margin-left: 2%; }
 
  .xs-margin-two-half-left{ margin-left: 2.5%; }
 
  .xs-margin-three-left{ margin-left: 3%; }
 
  .xs-margin-three-half-left{ margin-left: 3.5%; }
 
  .xs-margin-four-left{ margin-left: 4%; }
 
  .xs-margin-four-half-left{ margin-left: 4.5%; }
 
  .xs-margin-five-left{ margin-left: 5%; }
 
  .xs-margin-five-half-left{ margin-left: 5.5%; }
 
  .xs-margin-six-left{ margin-left: 6%; }
 
  .xs-margin-six-half-left{ margin-left: 6.5%; }
 
  .xs-margin-seven-left{ margin-left: 7%; }
 
  .xs-margin-seven-half-left{ margin-left: 7.5%; }
 
  .xs-margin-eight-left{ margin-left: 8%; }
 
  .xs-margin-eight-half-left{ margin-left: 8.5%; }
 
  .xs-margin-nine-left{ margin-left: 9%; }
 
  .xs-margin-nine-half-left{ margin-left: 9.5%; }
 
  .xs-margin-ten-left{ margin-left: 10%; }
 
  .xs-margin-ten-half-left{ margin-left: 10.5%; }
 
  .xs-margin-eleven-left{ margin-left: 11%; }
 
  .xs-margin-eleven-half-left{ margin-left: 11.5%; }
 
  .xs-margin-twelve-left{ margin-left: 12%; }
 
  .xs-margin-twelve-half-left{ margin-left: 12.5%; }
 
  .xs-margin-thirteen-left{ margin-left: 13%; }
 
  .xs-margin-thirteen-half-left{ margin-left: 13.5%; }
 
  .xs-margin-fourteen-left{ margin-left: 14%; }
 
  .xs-margin-fourteen-half-left{ margin-left: 14.5%; }
 
  .xs-margin-fifteen-left{ margin-left: 15%; }
 
  .xs-margin-fifteen-half-left{ margin-left: 15.5%; }
 
  .xs-margin-sixteen-left{ margin-left: 16%; }
 
  .xs-margin-sixteen-half-left{ margin-left: 16.5%; }
 
  .xs-margin-seventeen-left{ margin-left: 17%; }
 
  .xs-margin-seventeen-half-left{ margin-left: 17.5%; }
 
  .xs-margin-eighteen-left{ margin-left: 18%; }
 
  .xs-margin-eighteen-half-left{ margin-left: 18.5%; }
 
  .xs-margin-nineteen-left{ margin-left: 19%; }
 
  .xs-margin-nineteen-half-left{ margin-left: 19.5%; }
 
  .xs-margin-twenty-left{ margin-left: 20%; }
 
  .xs-margin-twenty-half-left{ margin-left: 20.5%; }
 
  .xs-margin-twenty-one-left{ margin-left: 21%; }
 
  .xs-margin-twenty-one-half-left{ margin-left: 21.5%; }
 
  .xs-margin-twenty-two-left{ margin-left: 22%; }
 
  .xs-margin-twenty-two-half-left{ margin-left: 22.5%; }
 
  .xs-margin-twenty-three-left{ margin-left: 23%; }
 
  .xs-margin-twenty-three-half-left{ margin-left: 23.5%; }
 
  .xs-margin-twenty-four-left{ margin-left: 24%; }
 
  .xs-margin-twenty-four-half-left{ margin-left: 24.5%; }
 
  .xs-margin-twenty-five-left{ margin-left: 25%; }
 
  .xs-margin-5px-left{ margin-left: 5px !important; }
 
  .xs-margin-10px-left{ margin-left: 10px !important; }
 
  .xs-margin-15px-left{ margin-left: 15px !important; }
 
  .xs-margin-20px-left{ margin-left: 20px !important; }
 
  .xs-margin-25px-left{ margin-left: 25px !important; }
 
  .xs-margin-30px-left{ margin-left: 30px !important; }
 
  .xs-margin-35px-left{ margin-left: 35px !important; }
 
  .xs-margin-40px-left{ margin-left: 40px !important; }
 
  .xs-margin-45px-left{ margin-left: 45px !important; }
 
  .xs-margin-50px-left{ margin-left: 50px !important; }
 
  .xs-margin-55px-left{ margin-left: 55px !important; }
 
  .xs-margin-60px-left{ margin-left: 60px !important; }
 
  .xs-margin-65px-left{ margin-left: 65px !important; }
 
  .xs-margin-70px-left{ margin-left: 70px !important; }
 
  .xs-margin-75px-left{ margin-left: 75px !important; }
 
  .xs-margin-80px-left{ margin-left: 80px !important; }
 
  .xs-margin-85px-left{ margin-left: 85px !important; }
 
  .xs-margin-90px-left{ margin-left: 90px !important; }
 
  .xs-margin-95px-left{ margin-left: 95px !important; }
 
  .xs-margin-100px-left{ margin-left: 100px !important; }
 
 
 
  /* margin left right */
 
  .xs-margin-one-lr{ margin-left: 1%; margin-right: 1%; margin-left: 1.5%; margin-right: 1.5%; }
 
  .xs-margin-two-lr{ margin-left: 2%; margin-right: 2%; margin-left: 2.5%; margin-right: 2.5%; }
 
  .xs-margin-three-lr{ margin-left: 3%; margin-right: 3%; margin-left: 3.5%; margin-right: 3.5%; }
 
  .xs-margin-four-lr{ margin-left: 4%; margin-right: 4%; margin-left: 4.5%; margin-right: 4.5%; }
 
  .xs-margin-five-lr{ margin-left: 5%; margin-right: 5%; margin-left: 5.5%; margin-right: 5.5%; }
 
  .xs-margin-six-lr{ margin-left: 6%; margin-right: 6%; margin-left: 6.5%; margin-right: 6.5%; }
 
  .xs-margin-seven-lr{ margin-left: 7%; margin-right: 7%; margin-left: 7.5%; margin-right: 7.5%; }
 
  .xs-margin-eight-lr{ margin-left: 8%; margin-right: 8%; margin-left: 8.5%; margin-right: 8.5%; }
 
  .xs-margin-nine-lr{ margin-left: 9%; margin-right: 9%; margin-left: 9.5%; margin-right: 9.5%; }
 
  .xs-margin-ten-lr{ margin-left: 10%; margin-right: 10%; margin-left: 10.5%; margin-right: 10.5%; }
 
  .xs-margin-eleven-lr{ margin-left: 11%; margin-right: 11%; margin-left: 11.5%; margin-right: 11.5%; }
 
  .xs-margin-twelve-lr{ margin-left: 12%; margin-right: 12%; margin-left: 12.5%; margin-right: 12.5%; }
 
  .xs-margin-thirteen-lr{ margin-left: 13%; margin-right: 13%; }
 
  .xs-margin-thirteen-half-lr{ margin-left: 13.5%; margin-right: 13.5%; }
 
  .xs-margin-fourteen-lr{ margin-left: 14%; margin-right: 14%; }
 
  .xs-margin-fourteen-half-lr{ margin-left: 14.5%; margin-right: 14.5%; }
 
  .xs-margin-fifteen-lr{ margin-left: 15%; margin-right: 15%; }
 
  .xs-margin-fifteen-half-lr{ margin-left: 15.5%; margin-right: 15.5%; }
 
  .xs-margin-sixteen-lr{ margin-left: 16%; margin-right: 16%; }
 
  .xs-margin-sixteen-half-lr{ margin-left: 16.5%; margin-right: 16.5%; }
 
  .xs-margin-seventeen-lr{ margin-left: 17%; margin-right: 17%; }
 
  .xs-margin-seventeen-half-lr{ margin-left: 17.5%; margin-right: 17.5%; }
 
  .xs-margin-eighteen-lr{ margin-left: 18%; margin-right: 18%; }
 
  .xs-margin-eighteen-half-lr{ margin-left: 18.5%; margin-right: 18.5%; }
 
  .xs-margin-nineteen-lr{ margin-left: 19%; margin-right: 19%; }
 
  .xs-margin-nineteen-half-lr{ margin-left: 19.5%; margin-right: 19.5%; }
 
  .xs-margin-twenty-lr{ margin-left: 20%; margin-right: 20%; }
 
  .xs-margin-twenty-half-lr{ margin-left: 20.5%; margin-right: 20.5%; }
 
  .xs-margin-twenty-one-lr{ margin-left: 21%; margin-right: 21%; }
 
  .xs-margin-twenty-one-half-lr{ margin-left: 21.5%; margin-right: 21.5%; }
 
  .xs-margin-twenty-two-lr{ margin-left: 22%; margin-right: 22%; }
 
  .xs-margin-twenty-two-half-lr{ margin-left: 22.5%; margin-right: 22.5%; }
 
  .xs-margin-twenty-three-lr{ margin-left: 23%; margin-right: 23%; }
 
  .xs-margin-twenty-three-half-lr{ margin-left: 23.5%; margin-right: 23.5%; }
 
  .xs-margin-twenty-four-lr{ margin-left: 24%; margin-right: 24%; }
 
  .xs-margin-twenty-four-half-lr{ margin-left: 24.5%; margin-right: 24.5%; }
 
  .xs-margin-twenty-five-lr{ margin-left: 25%; margin-right: 25%; }
 
  .xs-margin-5px-lr{ margin-left: 5px !important; margin-right: 5px !important; }
 
  .xs-margin-10px-lr{ margin-left: 10px !important; margin-right: 10px !important; }
 
  .xs-margin-15px-lr{ margin-left: 15px !important; margin-right: 15px !important; }
 
  .xs-margin-20px-lr{ margin-left: 20px !important; margin-right: 20px !important; }
 
  .xs-margin-25px-lr{ margin-left: 25px !important; margin-right: 25px !important; }
 
  .xs-margin-30px-lr{ margin-left: 30px !important; margin-right: 30px !important; }
 
  .xs-margin-35px-lr{ margin-left: 35px !important; margin-right: 35px !important; }
 
  .xs-margin-40px-lr{ margin-left: 40px !important; margin-right: 40px !important; }
 
  .xs-margin-45px-lr{ margin-left: 45px !important; margin-right: 45px !important; }
 
  .xs-margin-50px-lr{ margin-left: 50px !important; margin-right: 50px !important; }
 
  .xs-margin-55px-lr{ margin-left: 55px !important; margin-right: 55px !important; }
 
  .xs-margin-60px-lr{ margin-left: 60px !important; margin-right: 60px !important; }
 
  .xs-margin-65px-lr{ margin-left: 65px !important; margin-right: 65px !important; }
 
  .xs-margin-70px-lr{ margin-left: 70px !important; margin-right: 70px !important; }
 
  .xs-margin-75px-lr{ margin-left: 75px !important; margin-right: 75px !important; }
 
  .xs-margin-80px-lr{ margin-left: 80px !important; margin-right: 80px !important; }
 
  .xs-margin-85px-lr{ margin-left: 85px !important; margin-right: 85px !important; }
 
  .xs-margin-90px-lr{ margin-left: 90px !important; margin-right: 90px !important; }
 
  .xs-margin-95px-lr{ margin-left: 95px !important; margin-right: 95px !important; }
 
  .xs-margin-100px-lr{ margin-left: 100px !important; margin-right: 100px !important; }
 
 
 
  /* margin top bottom */
 
  .xs-margin-one-tb{ margin-top: 1%; margin-bottom: 1%; margin-top: 1.5%; margin-bottom: 1.5%; }
 
  .xs-margin-two-tb{ margin-top: 2%; margin-bottom: 2%; margin-top: 2.5%; margin-bottom: 2.5%; }
 
  .xs-margin-three-tb{ margin-top: 3%; margin-bottom: 3%; margin-top: 3.5%; margin-bottom: 3.5%; }
 
  .xs-margin-four-tb{ margin-top: 4%; margin-bottom: 4%; margin-top: 4.5%; margin-bottom: 4.5%; }
 
  .xs-margin-five-tb{ margin-top: 5%; margin-bottom: 5%; margin-top: 5.5%; margin-bottom: 5.5%; }
 
  .xs-margin-six-tb{ margin-top: 6%; margin-bottom: 6%; margin-top: 6.5%; margin-bottom: 6.5%; }
 
  .xs-margin-seven-tb{ margin-top: 7%; margin-bottom: 7%; margin-top: 7.5%; margin-bottom: 7.5%; }
 
  .xs-margin-eight-tb{ margin-top: 8%; margin-bottom: 8%; margin-top: 8.5%; margin-bottom: 8.5%; }
 
  .xs-margin-nine-tb{ margin-top: 9%; margin-bottom: 9%; margin-top: 9.5%; margin-bottom: 9.5%; }
 
  .xs-margin-ten-tb{ margin-top: 10%; margin-bottom: 10%; margin-top: 10.5%; margin-bottom: 10.5%; }
 
  .xs-margin-eleven-tb{ margin-top: 11%; margin-bottom: 11%; margin-top: 11.5%; margin-bottom: 11.5%; }
 
  .xs-margin-twelve-tb{ margin-top: 12%; margin-bottom: 12%; margin-top: 12.5%; margin-bottom: 12.5%; }
 
  .xs-margin-thirteen-tb{ margin-top: 13%; margin-bottom: 13%; }
 
  .xs-margin-thirteen-half-tb{ margin-top: 13.5%; margin-bottom: 13.5%; }
 
  .xs-margin-fourteen-tb{ margin-top: 14%; margin-bottom: 14%; }
 
  .xs-margin-fourteen-half-tb{ margin-top: 14.5%; margin-bottom: 14.5%; }
 
  .xs-margin-fifteen-tb{ margin-top: 15%; margin-bottom: 15%; }
 
  .xs-margin-fifteen-half-tb{ margin-top: 15.5%; margin-bottom: 15.5%; }
 
  .xs-margin-sixteen-tb{ margin-top: 16%; margin-bottom: 16%; }
 
  .xs-margin-sixteen-half-tb{ margin-top: 16.5%; margin-bottom: 16.5%; }
 
  .xs-margin-seventeen-tb{ margin-top: 17%; margin-bottom: 17%; }
 
  .xs-margin-seventeen-half-tb{ margin-top: 17.5%; margin-bottom: 17.5%; }
 
  .xs-margin-eighteen-tb{ margin-top: 18%; margin-bottom: 18%; }
 
  .xs-margin-eighteen-half-tb{ margin-top: 18.5%; margin-bottom: 18.5%; }
 
  .xs-margin-nineteen-tb{ margin-top: 19%; margin-bottom: 19%; }
 
  .xs-margin-nineteen-half-tb{ margin-top: 19.5%; margin-bottom: 19.5%; }
 
  .xs-margin-twenty-tb{ margin-top: 20%; margin-bottom: 20%; }
 
  .xs-margin-twenty-half-tb{ margin-top: 20.5%; margin-bottom: 20.5%; }
 
  .xs-margin-twenty-one-tb{ margin-top: 21%; margin-bottom: 21%; }
 
  .xs-margin-twenty-one-half-tb{ margin-top: 21.5%; margin-bottom: 21.5%; }
 
  .xs-margin-twenty-two-tb{ margin-top: 22%; margin-bottom: 22%; }
 
  .xs-margin-twenty-two-half-tb{ margin-top: 22.5%; margin-bottom: 22.5%; }
 
  .xs-margin-twenty-three-tb{ margin-top: 23%; margin-bottom: 23%; }
 
  .xs-margin-twenty-three-half-tb{ margin-top: 23.5%; margin-bottom: 23.5%; }
 
  .xs-margin-twenty-four-tb{ margin-top: 24%; margin-bottom: 24%; }
 
  .xs-margin-twenty-four-half-tb{ margin-top: 24.5%; margin-bottom: 24.5%; }
 
  .xs-margin-twenty-five-tb{ margin-top: 25%; margin-bottom: 25%; }
 
  .xs-margin-5px-tb{ margin-top: 5px !important; margin-bottom: 5px !important; }
 
  .xs-margin-10px-tb{ margin-top: 10px !important; margin-bottom: 10px !important; }
 
  .xs-margin-15px-tb{ margin-top: 15px !important; margin-bottom: 15px !important; }
 
  .xs-margin-20px-tb{ margin-top: 20px !important; margin-bottom: 20px !important; }
 
  .xs-margin-25px-tb{ margin-top: 25px !important; margin-bottom: 25px !important; }
 
  .xs-margin-30px-tb{ margin-top: 30px !important; margin-bottom: 30px !important; }
 
  .xs-margin-35px-tb{ margin-top: 35px !important; margin-bottom: 35px !important; }
 
  .xs-margin-40px-tb{ margin-top: 40px !important; margin-bottom: 40px !important; }
 
  .xs-margin-45px-tb{ margin-top: 45px !important; margin-bottom: 45px !important; }
 
  .xs-margin-50px-tb{ margin-top: 50px !important; margin-bottom: 50px !important; }
 
  .xs-margin-55px-tb{ margin-top: 55px !important; margin-bottom: 55px !important; }
 
  .xs-margin-60px-tb{ margin-top: 60px !important; margin-bottom: 60px !important; }
 
  .xs-margin-65px-tb{ margin-top: 65px !important; margin-bottom: 65px !important; }
 
  .xs-margin-70px-tb{ margin-top: 70px !important; margin-bottom: 70px !important; }
 
  .xs-margin-75px-tb{ margin-top: 75px !important; margin-bottom: 75px !important; }
 
  .xs-margin-80px-tb{ margin-top: 80px !important; margin-bottom: 80px !important; }
 
  .xs-margin-85px-tb{ margin-top: 85px !important; margin-bottom: 85px !important; }
 
  .xs-margin-90px-tb{ margin-top: 90px !important; margin-bottom: 90px !important; }
 
  .xs-margin-95px-tb{ margin-top: 95px !important; margin-bottom: 95px !important; }
 
  .xs-margin-100px-tb{ margin-top: 100px !important; margin-bottom: 100px !important; }
 
 
 
  /* padding */
 
  .xs-no-padding{ padding: 0 !important; }
 
  .xs-no-padding-lr{ padding-left: 0 !important; padding-right: 0 !important; }
 
  .xs-no-padding-tb{ padding-top: 0 !important; padding-bottom: 0 !important; }
 
  .xs-no-padding-top{ padding-top: 0 !important; }
 
  .xs-no-padding-bottom{ padding-bottom: 0 !important; }
 
  .xs-no-padding-left{ padding-left: 0 !important; }
 
  .xs-no-padding-right{ padding-right: 0 !important; }
 
  .xs-padding-one-all{ padding: 1%; }
 
  .xs-padding-one-half-all{ padding: 1.5%; }
 
  .xs-padding-two-all{ padding: 2%; }
 
  .xs-padding-two-half-all{ padding: 2.5%; }
 
  .xs-padding-three-all{ padding: 3%; }
 
  .xs-padding-three-half-all{ padding: 3.5%; }
 
  .xs-padding-four-all{ padding: 4%; }
 
  .xs-padding-four-half-all{ padding: 4.5%; }
 
  .xs-padding-five-all{ padding: 5%; }
 
  .xs-padding-five-half-all{ padding: 5.5%; }
 
  .xs-padding-six-all{ padding: 6%; }
 
  .xs-padding-six-half-all{ padding: 6.5%; }
 
  .xs-padding-seven-all{ padding: 7%; }
 
  .xs-padding-seven-half-all{ padding: 7.5%; }
 
  .xs-padding-eight-all{ padding: 8%; }
 
  .xs-padding-eight-half-all{ padding: 8.5%; }
 
  .xs-padding-nine-all{ padding: 9%; }
 
  .xs-padding-nine-half-all{ padding: 9.5%; }
 
  .xs-padding-ten-all{ padding: 10%; }
 
  .xs-padding-ten-half-all{ padding: 10.5%; }
 
  .xs-padding-eleven-all{ padding: 11%; }
 
  .xs-padding-eleven-half-all{ padding: 11.5%; }
 
  .xs-padding-twelve-all{ padding: 12%; }
 
  .xs-padding-twelve-half-all{ padding: 12.5%; }
 
  .xs-padding-thirteen-all{ padding: 13%; }
 
  .xs-padding-thirteen-half-all{ padding: 13.5%; }
 
  .xs-padding-fourteen-all{ padding: 14%; }
 
  .xs-padding-fourteen-half-all{ padding: 14.5%; }
 
  .xs-padding-fifteen-all{ padding: 15%; }
 
  .xs-padding-fifteen-half-all{ padding: 15.5%; }
 
  .xs-padding-sixteen-all{ padding: 16%; }
 
  .xs-padding-sixteen-half-all{ padding: 16.5%; }
 
  .xs-padding-seventeen-all{ padding: 17%; }
 
  .xs-padding-seventeen-half-all{ padding: 17.5%; }
 
  .xs-padding-eighteen-all{ padding: 18%; }
 
  .xs-padding-eighteen-half-all{ padding: 18.5%; }
 
  .xs-padding-nineteen-all{ padding: 19%; }
 
  .xs-padding-nineteen-half-all{ padding: 19.5%; }
 
  .xs-padding-twenty-all{ padding: 20%; }
 
  .xs-padding-twenty-half-all{ padding: 20.5%; }
 
  .xs-padding-twenty-one-all{ padding: 21%; }
 
  .xs-padding-twenty-one-half-all{ padding: 21.5%; }
 
  .xs-padding-twenty-two-all{ padding: 22%; }
 
  .xs-padding-twenty-two-half-all{ padding: 22.5%; }
 
  .xs-padding-twenty-three-all{ padding: 23%; }
 
  .xs-padding-twenty-three-half-all{ padding: 23.5%; }
 
  .xs-padding-twenty-four-all{ padding: 24%; }
 
  .xs-padding-twenty-four-half-all{ padding: 24.5%; }
 
  .xs-padding-twenty-five-all{ padding: 25%; }
 
  .xs-padding-5px-all{ padding: 5px !important; }
 
  .xs-padding-10px-all{ padding: 10px !important; }
 
  .xs-padding-15px-all{ padding: 15px !important; }
 
  .xs-padding-20px-all{ padding: 20px !important; }
 
  .xs-padding-25px-all{ padding: 25px !important; }
 
  .xs-padding-30px-all{ padding: 30px !important; }
 
  .xs-padding-35px-all{ padding: 35px !important; }
 
  .xs-padding-40px-all{ padding: 40px !important; }
 
  .xs-padding-45px-all{ padding: 45px !important; }
 
  .xs-padding-50px-all{ padding: 50px !important; }
 
  .xs-padding-55px-all{ padding: 55px !important; }
 
  .xs-padding-60px-all{ padding: 60px !important; }
 
  .xs-padding-65px-all{ padding: 65px !important; }
 
  .xs-padding-70px-all{ padding: 70px !important; }
 
  .xs-padding-75px-all{ padding: 75px !important; }
 
  .xs-padding-80px-all{ padding: 80px !important; }
 
  .xs-padding-85px-all{ padding: 85px !important; }
 
  .xs-padding-90px-all{ padding: 90px !important; }
 
  .xs-padding-95px-all{ padding: 95px !important; }
 
  .xs-padding-100px-all{ padding: 100px !important; }
 
 
 
  /* padding top */
 
  .xs-padding-one-top{ padding-top: 1%; }
 
  .xs-padding-one-half-top{ padding-top: 1.5%; }
 
  .xs-padding-two-top{ padding-top: 2%; }
 
  .xs-padding-two-half-top{ padding-top: 2.5%; }
 
  .xs-padding-three-top{ padding-top: 3%; }
 
  .xs-padding-three-half-top{ padding-top: 3.5%; }
 
  .xs-padding-four-top{ padding-top: 4%; }
 
  .xs-padding-four-half-top{ padding-top: 4.5%; }
 
  .xs-padding-five-top{ padding-top: 5%; }
 
  .xs-padding-five-half-top{ padding-top: 5.5%; }
 
  .xs-padding-six-top{ padding-top: 6%; }
 
  .xs-padding-six-half-top{ padding-top: 6.5%; }
 
  .xs-padding-seven-top{ padding-top: 7%; }
 
  .xs-padding-seven-half-top{ padding-top: 7.5%; }
 
  .xs-padding-eight-top{ padding-top: 8%; }
 
  .xs-padding-eight-half-top{ padding-top: 8.5%; }
 
  .xs-padding-nine-top{ padding-top: 9%; }
 
  .xs-padding-nine-half-top{ padding-top: 9.5%; }
 
  .xs-padding-ten-top{ padding-top: 10%; }
 
  .xs-padding-ten-half-top{ padding-top: 10.5%; }
 
  .xs-padding-eleven-top{ padding-top: 11%; }
 
  .xs-padding-eleven-half-top{ padding-top: 11.5%; }
 
  .xs-padding-twelve-top{ padding-top: 12%; }
 
  .xs-padding-twelve-half-top{ padding-top: 12.5%; }
 
  .xs-padding-thirteen-top{ padding-top: 13%; }
 
  .xs-padding-thirteen-half-top{ padding-top: 13.5%; }
 
  .xs-padding-fourteen-top{ padding-top: 14%; }
 
  .xs-padding-fourteen-half-top{ padding-top: 14.5%; }
 
  .xs-padding-fifteen-top{ padding-top: 15%; }
 
  .xs-padding-fifteen-half-top{ padding-top: 15.5%; }
 
  .xs-padding-sixteen-top{ padding-top: 16%; }
 
  .xs-padding-sixteen-half-top{ padding-top: 16.5%; }
 
  .xs-padding-seventeen-top{ padding-top: 17%; }
 
  .xs-padding-seventeen-half-top{ padding-top: 17.5%; }
 
  .xs-padding-eighteen-top{ padding-top: 18%; }
 
  .xs-padding-eighteen-half-top{ padding-top: 18.5%; }
 
  .xs-padding-nineteen-top{ padding-top: 19%; }
 
  .xs-padding-nineteen-half-top{ padding-top: 19.5%; }
 
  .xs-padding-twenty-top{ padding-top: 20%; }
 
  .xs-padding-twenty-half-top{ padding-top: 20.5%; }
 
  .xs-padding-twenty-one-top{ padding-top: 21%; }
 
  .xs-padding-twenty-one-half-top{ padding-top: 21.5%; }
 
  .xs-padding-twenty-two-top{ padding-top: 22%; }
 
  .xs-padding-twenty-two-half-top{ padding-top: 22.5%; }
 
  .xs-padding-twenty-three-top{ padding-top: 23%; }
 
  .xs-padding-twenty-three-half-top{ padding-top: 23.5%; }
 
  .xs-padding-twenty-four-top{ padding-top: 24%; }
 
  .xs-padding-twenty-four-half-top{ padding-top: 24.5%; }
 
  .xs-padding-twenty-five-top{ padding-top: 25%; }
 
  .xs-padding-5px-top{ padding-top: 5px !important; }
 
  .xs-padding-10px-top{ padding-top: 10px !important; }
 
  .xs-padding-15px-top{ padding-top: 15px !important; }
 
  .xs-padding-20px-top{ padding-top: 20px !important; }
 
  .xs-padding-25px-top{ padding-top: 25px !important; }
 
  .xs-padding-30px-top{ padding-top: 30px !important; }
 
  .xs-padding-35px-top{ padding-top: 35px !important; }
 
  .xs-padding-40px-top{ padding-top: 40px !important; }
 
  .xs-padding-45px-top{ padding-top: 45px !important; }
 
  .xs-padding-50px-top{ padding-top: 50px !important; }
 
  .xs-padding-55px-top{ padding-top: 55px !important; }
 
  .xs-padding-60px-top{ padding-top: 60px !important; }
 
  .xs-padding-65px-top{ padding-top: 65px !important; }
 
  .xs-padding-70px-top{ padding-top: 70px !important; }
 
  .xs-padding-75px-top{ padding-top: 75px !important; }
 
  .xs-padding-80px-top{ padding-top: 80px !important; }
 
  .xs-padding-85px-top{ padding-top: 85px !important; }
 
  .xs-padding-90px-top{ padding-top: 90px !important; }
 
  .xs-padding-95px-top{ padding-top: 95px !important; }
 
  .xs-padding-100px-top{ padding-top: 100px !important; }
 
 
 
  /* padding bottom */
 
  .xs-padding-one-bottom{ padding-bottom: 1%; }
 
  .xs-padding-one-half-bottom{ padding-bottom: 1.5%; }
 
  .xs-padding-two-bottom{ padding-bottom: 2%; }
 
  .xs-padding-two-half-bottom{ padding-bottom: 2.5%; }
 
  .xs-padding-three-bottom{ padding-bottom: 3%; }
 
  .xs-padding-three-half-bottom{ padding-bottom: 3.5%; }
 
  .xs-padding-four-bottom{ padding-bottom: 4%; }
 
  .xs-padding-four-half-bottom{ padding-bottom: 4.5%; }
 
  .xs-padding-five-bottom{ padding-bottom: 5%; }
 
  .xs-padding-five-half-bottom{ padding-bottom: 5.5%; }
 
  .xs-padding-six-bottom{ padding-bottom: 6%; }
 
  .xs-padding-six-half-bottom{ padding-bottom: 6.5%; }
 
  .xs-padding-seven-bottom{ padding-bottom: 7%; }
 
  .xs-padding-seven-half-bottom{ padding-bottom: 7.5%; }
 
  .xs-padding-eight-bottom{ padding-bottom: 8%; }
 
  .xs-padding-eight-half-bottom{ padding-bottom: 8.5%; }
 
  .xs-padding-nine-bottom{ padding-bottom: 9%; }
 
  .xs-padding-nine-half-bottom{ padding-bottom: 9.5%; }
 
  .xs-padding-ten-bottom{ padding-bottom: 10%; }
 
  .xs-padding-ten-half-bottom{ padding-bottom: 10.5%; }
 
  .xs-padding-eleven-bottom{ padding-bottom: 11%; }
 
  .xs-padding-eleven-half-bottom{ padding-bottom: 11.5%; }
 
  .xs-padding-twelve-bottom{ padding-bottom: 12%; }
 
  .xs-padding-twelve-half-bottom{ padding-bottom: 12.5%; }
 
  .xs-padding-thirteen-bottom{ padding-bottom: 13%; }
 
  .xs-padding-thirteen-half-bottom{ padding-bottom: 13.5%; }
 
  .xs-padding-fourteen-bottom{ padding-bottom: 14%; }
 
  .xs-padding-fourteen-half-bottom{ padding-bottom: 14.5%; }
 
  .xs-padding-fifteen-bottom{ padding-bottom: 15%; }
 
  .xs-padding-fifteen-half-bottom{ padding-bottom: 15.5%; }
 
  .xs-padding-sixteen-bottom{ padding-bottom: 16%; }
 
  .xs-padding-sixteen-half-bottom{ padding-bottom: 16.5%; }
 
  .xs-padding-seventeen-bottom{ padding-bottom: 17%; }
 
  .xs-padding-seventeen-half-bottom{ padding-bottom: 17.5%; }
 
  .xs-padding-eighteen-bottom{ padding-bottom: 18%; }
 
  .xs-padding-eighteen-half-bottom{ padding-bottom: 18.5%; }
 
  .xs-padding-nineteen-bottom{ padding-bottom: 19%; }
 
  .xs-padding-nineteen-half-bottom{ padding-bottom: 19.5%; }
 
  .xs-padding-twenty-bottom{ padding-bottom: 20%; }
 
  .xs-padding-twenty-half-bottom{ padding-bottom: 20.5%; }
 
  .xs-padding-twenty-one-bottom{ padding-bottom: 21%; }
 
  .xs-padding-twenty-one-half-bottom{ padding-bottom: 21.5%; }
 
  .xs-padding-twenty-two-bottom{ padding-bottom: 22%; }
 
  .xs-padding-twenty-two-half-bottom{ padding-bottom: 22.5%; }
 
  .xs-padding-twenty-three-bottom{ padding-bottom: 23%; }
 
  .xs-padding-twenty-three-half-bottom{ padding-bottom: 23.5%; }
 
  .xs-padding-twenty-four-bottom{ padding-bottom: 24%; }
 
  .xs-padding-twenty-four-half-bottom{ padding-bottom: 24.5%; }
 
  .xs-padding-twenty-five-bottom{ padding-bottom: 25%; }
 
  .xs-padding-5px-bottom{ padding-bottom: 5px !important; }
 
  .xs-padding-10px-bottom{ padding-bottom: 10px !important; }
 
  .xs-padding-15px-bottom{ padding-bottom: 15px !important; }
 
  .xs-padding-20px-bottom{ padding-bottom: 20px !important; }
 
  .xs-padding-25px-bottom{ padding-bottom: 25px !important; }
 
  .xs-padding-30px-bottom{ padding-bottom: 30px !important; }
 
  .xs-padding-35px-bottom{ padding-bottom: 35px !important; }
 
  .xs-padding-40px-bottom{ padding-bottom: 40px !important; }
 
  .xs-padding-45px-bottom{ padding-bottom: 45px !important; }
 
  .xs-padding-50px-bottom{ padding-bottom: 50px !important; }
 
  .xs-padding-55px-bottom{ padding-bottom: 55px !important; }
 
  .xs-padding-60px-bottom{ padding-bottom: 60px !important; }
 
  .xs-padding-65px-bottom{ padding-bottom: 65px !important; }
 
  .xs-padding-70px-bottom{ padding-bottom: 70px !important; }
 
  .xs-padding-75px-bottom{ padding-bottom: 75px !important; }
 
  .xs-padding-80px-bottom{ padding-bottom: 80px !important; }
 
  .xs-padding-85px-bottom{ padding-bottom: 85px !important; }
 
  .xs-padding-90px-bottom{ padding-bottom: 90px !important; }
 
  .xs-padding-95px-bottom{ padding-bottom: 95px !important; }
 
  .xs-padding-100px-bottom{ padding-bottom: 100px !important; }
 
 
 
  /* padding right */
 
  .xs-padding-one-right{ padding-right: 1%; }
 
  .xs-padding-one-half-right{ padding-right: 1.5%; }
 
  .xs-padding-two-right{ padding-right: 2%; }
 
  .xs-padding-two-half-right{ padding-right: 2.5%; }
 
  .xs-padding-three-right{ padding-right: 3%; }
 
  .xs-padding-three-half-right{ padding-right: 3.5%; }
 
  .xs-padding-four-right{ padding-right: 4%; }
 
  .xs-padding-four-half-right{ padding-right: 4.5%; }
 
  .xs-padding-five-right{ padding-right: 5%; }
 
  .xs-padding-five-half-right{ padding-right: 5.5%; }
 
  .xs-padding-six-right{ padding-right: 6%; }
 
  .xs-padding-six-half-right{ padding-right: 6.5%; }
 
  .xs-padding-seven-right{ padding-right: 7%; }
 
  .xs-padding-seven-half-right{ padding-right: 7.5%; }
 
  .xs-padding-eight-right{ padding-right: 8%; }
 
  .xs-padding-eight-half-right{ padding-right: 8.5%; }
 
  .xs-padding-nine-right{ padding-right: 9%; }
 
  .xs-padding-nine-half-right{ padding-right: 9.5%; }
 
  .xs-padding-ten-right{ padding-right: 10%; }
 
  .xs-padding-ten-half-right{ padding-right: 10.5%; }
 
  .xs-padding-eleven-right{ padding-right: 11%; }
 
  .xs-padding-eleven-half-right{ padding-right: 11.5%; }
 
  .xs-padding-twelve-right{ padding-right: 12%; }
 
  .xs-padding-twelve-half-right{ padding-right: 12.5%; }
 
  .xs-padding-thirteen-right{ padding-right: 13%; }
 
  .xs-padding-thirteen-half-right{ padding-right: 13.5%; }
 
  .xs-padding-fourteen-right{ padding-right: 14%; }
 
  .xs-padding-fourteen-half-right{ padding-right: 14.5%; }
 
  .xs-padding-fifteen-right{ padding-right: 15%; }
 
  .xs-padding-fifteen-half-right{ padding-right: 15.5%; }
 
  .xs-padding-sixteen-right{ padding-right: 16%; }
 
  .xs-padding-sixteen-half-right{ padding-right: 16.5%; }
 
  .xs-padding-seventeen-right{ padding-right: 17%; }
 
  .xs-padding-seventeen-half-right{ padding-right: 17.5%; }
 
  .xs-padding-eighteen-right{ padding-right: 18%; }
 
  .xs-padding-eighteen-half-right{ padding-right: 18.5%; }
 
  .xs-padding-nineteen-right{ padding-right: 19%; }
 
  .xs-padding-nineteen-half-right{ padding-right: 19.5%; }
 
  .xs-padding-twenty-right{ padding-right: 20%; }
 
  .xs-padding-twenty-hlaf-right{ padding-right: 20.5%; }
 
  .xs-padding-twenty-one-right{ padding-right: 21%; }
 
  .xs-padding-twenty-one-hlaf-right{ padding-right: 21.5%; }
 
  .xs-padding-twenty-two-right{ padding-right: 22%; }
 
  .xs-padding-twenty-two-hlaf-right{ padding-right: 22.5%; }
 
  .xs-padding-twenty-three-right{ padding-right: 23%; }
 
  .xs-padding-twenty-three-hlaf-right{ padding-right: 23.5%; }
 
  .xs-padding-twenty-four-right{ padding-right: 24%; }
 
  .xs-padding-twenty-four-hlaf-right{ padding-right: 24.5%; }
 
  .xs-padding-twenty-five-right{ padding-right: 25%; }
 
  .xs-padding-5px-right{ padding-right: 5px !important; }
 
  .xs-padding-10px-right{ padding-right: 10px !important; }
 
  .xs-padding-15px-right{ padding-right: 15px !important; }
 
  .xs-padding-20px-right{ padding-right: 20px !important; }
 
  .xs-padding-25px-right{ padding-right: 25px !important; }
 
  .xs-padding-30px-right{ padding-right: 30px !important; }
 
  .xs-padding-35px-right{ padding-right: 35px !important; }
 
  .xs-padding-40px-right{ padding-right: 40px !important; }
 
  .xs-padding-45px-right{ padding-right: 45px !important; }
 
  .xs-padding-50px-right{ padding-right: 50px !important; }
 
  .xs-padding-55px-right{ padding-right: 55px !important; }
 
  .xs-padding-60px-right{ padding-right: 60px !important; }
 
  .xs-padding-65px-right{ padding-right: 65px !important; }
 
  .xs-padding-70px-right{ padding-right: 70px !important; }
 
  .xs-padding-75px-right{ padding-right: 75px !important; }
 
  .xs-padding-80px-right{ padding-right: 80px !important; }
 
  .xs-padding-85px-right{ padding-right: 85px !important; }
 
  .xs-padding-90px-right{ padding-right: 90px !important; }
 
  .xs-padding-95px-right{ padding-right: 95px !important; }
 
  .xs-padding-100px-right{ padding-right: 100px !important; }
 
 
 
  /* padding left */
 
  .xs-padding-one-left{ padding-left: 1%; }
 
  .xs-padding-one-half-left{ padding-left: 1.5%; }
 
  .xs-padding-two-left{ padding-left: 2%; }
 
  .xs-padding-two-half-left{ padding-left: 2.5%; }
 
  .xs-padding-three-left{ padding-left: 3%; }
 
  .xs-padding-three-half-left{ padding-left: 3.5%; }
 
  .xs-padding-four-left{ padding-left: 4%; }
 
  .xs-padding-four-half-left{ padding-left: 4.5%; }
 
  .xs-padding-five-left{ padding-left: 5%; }
 
  .xs-padding-five-half-left{ padding-left: 5.5%; }
 
  .xs-padding-six-left{ padding-left: 6%; }
 
  .xs-padding-six-half-left{ padding-left: 6.5%; }
 
  .xs-padding-seven-left{ padding-left: 7%; }
 
  .xs-padding-seven-half-left{ padding-left: 7.5%; }
 
  .xs-padding-eight-left{ padding-left: 8%; }
 
  .xs-padding-eight-half-left{ padding-left: 8.5%; }
 
  .xs-padding-nine-left{ padding-left: 9%; }
 
  .xs-padding-nine-half-left{ padding-left: 9.5%; }
 
  .xs-padding-ten-left{ padding-left: 10%; }
 
  .xs-padding-ten-half-left{ padding-left: 10.5%; }
 
  .xs-padding-eleven-left{ padding-left: 11%; }
 
  .xs-padding-eleven-half-left{ padding-left: 11.5%; }
 
  .xs-padding-twelve-left{ padding-left: 12%; }
 
  .xs-padding-twelve-half-left{ padding-left: 12.5%; }
 
  .xs-padding-thirteen-left{ padding-left: 13%; }
 
  .xs-padding-thirteen-half-left{ padding-left: 13.5%; }
 
  .xs-padding-fourteen-left{ padding-left: 14%; }
 
  .xs-padding-fourteen-half-left{ padding-left: 14.5%; }
 
  .xs-padding-fifteen-left{ padding-left: 15%; }
 
  .xs-padding-fifteen-half-left{ padding-left: 15.5%; }
 
  .xs-padding-sixteen-left{ padding-left: 16%; }
 
  .xs-padding-sixteen-half-left{ padding-left: 16.5%; }
 
  .xs-padding-seventeen-left{ padding-left: 17%; }
 
  .xs-padding-seventeen-half-left{ padding-left: 17.5%; }
 
  .xs-padding-eighteen-left{ padding-left: 18%; }
 
  .xs-padding-eighteen-half-left{ padding-left: 18.5%; }
 
  .xs-padding-nineteen-left{ padding-left: 19%; }
 
  .xs-padding-nineteen-half-left{ padding-left: 19.5%; }
 
  .xs-padding-twenty-left{ padding-left: 20%; }
 
  .xs-padding-twenty-half-left{ padding-left: 20.5%; }
 
  .xs-padding-twenty-one-left{ padding-left: 21%; }
 
  .xs-padding-twenty-one-half-left{ padding-left: 21.5%; }
 
  .xs-padding-twenty-two-left{ padding-left: 22%; }
 
  .xs-padding-twenty-two-half-left{ padding-left: 22.5%; }
 
  .xs-padding-twenty-three-left{ padding-left: 23%; }
 
  .xs-padding-twenty-three-half-left{ padding-left: 23.5%; }
 
  .xs-padding-twenty-four-left{ padding-left: 24%; }
 
  .xs-padding-twenty-four-half-left{ padding-left: 24.5%; }
 
  .xs-padding-twenty-five-left{ padding-left: 25%; }
 
  .xs-padding-5px-left{ padding-left: 5px !important; }
 
  .xs-padding-10px-left{ padding-left: 10px !important; }
 
  .xs-padding-15px-left{ padding-left: 15px !important; }
 
  .xs-padding-20px-left{ padding-left: 20px !important; }
 
  .xs-padding-25px-left{ padding-left: 25px !important; }
 
  .xs-padding-30px-left{ padding-left: 30px !important; }
 
  .xs-padding-35px-left{ padding-left: 35px !important; }
 
  .xs-padding-40px-left{ padding-left: 40px !important; }
 
  .xs-padding-45px-left{ padding-left: 45px !important; }
 
  .xs-padding-50px-left{ padding-left: 50px !important; }
 
  .xs-padding-55px-left{ padding-left: 55px !important; }
 
  .xs-padding-60px-left{ padding-left: 60px !important; }
 
  .xs-padding-65px-left{ padding-left: 65px !important; }
 
  .xs-padding-70px-left{ padding-left: 70px !important; }
 
  .xs-padding-75px-left{ padding-left: 75px !important; }
 
  .xs-padding-80px-left{ padding-left: 80px !important; }
 
  .xs-padding-85px-left{ padding-left: 85px !important; }
 
  .xs-padding-90px-left{ padding-left: 90px !important; }
 
  .xs-padding-95px-left{ padding-left: 95px !important; }
 
  .xs-padding-100px-left{ padding-left: 100px !important; }
 
 
 
  /* padding top bottom */
 
  .xs-padding-one-tb{ padding-top: 1%; padding-bottom: 1%; }
 
  .xs-padding-one-half-tb{ padding-top: 1.5%; padding-bottom: 1.5%; }
 
  .xs-padding-two-tb{ padding-top: 2%; padding-bottom: 2%; }
 
  .xs-padding-two-half-tb{ padding-top: 2.5%; padding-bottom: 2.5%; }
 
  .xs-padding-three-tb{ padding-top: 3%; padding-bottom: 3%; }
 
  .xs-padding-three-half-tb{ padding-top: 3.5%; padding-bottom: 3.5%; }
 
  .xs-padding-four-tb{ padding-top: 4%; padding-bottom: 4%; }
 
  .xs-padding-four-half-tb{ padding-top: 4.5%; padding-bottom: 4.5%; }
 
  .xs-padding-five-tb{ padding-top: 5%; padding-bottom: 5%; }
 
  .xs-padding-five-half-tb{ padding-top: 5.5%; padding-bottom: 5.5%; }
 
  .xs-padding-six-tb{ padding-top: 6%; padding-bottom: 6%; }
 
  .xs-padding-six-half-tb{ padding-top: 6.5%; padding-bottom: 6.5%; }
 
  .xs-padding-seven-tb{ padding-top: 7%; padding-bottom: 7%; }
 
  .xs-padding-seven-half-tb{ padding-top: 7.5%; padding-bottom: 7.5%; }
 
  .xs-padding-eight-tb{ padding-top: 8%; padding-bottom: 8%; }
 
  .xs-padding-eight-half-tb{ padding-top: 8.5%; padding-bottom: 8.5%; }
 
  .xs-padding-nine-tb{ padding-top: 9%; padding-bottom: 9%; }
 
  .xs-padding-nine-half-tb{ padding-top: 9.5%; padding-bottom: 9.5%; }
 
  .xs-padding-ten-tb{ padding-top: 10%; padding-bottom: 10%; }
 
  .xs-padding-ten-half-tb{ padding-top: 10.5%; padding-bottom: 10.5%; }
 
  .xs-padding-eleven-tb{ padding-top: 11%; padding-bottom: 11%; }
 
  .xs-padding-eleven-half-tb{ padding-top: 11.5%; padding-bottom: 11.5%; }
 
  .xs-padding-twelve-tb{ padding-top: 12%; padding-bottom: 12%; }
 
  .xs-padding-twelve-half-tb{ padding-top: 12.5%; padding-bottom: 12.5%; }
 
  .xs-padding-thirteen-tb{ padding-top: 13%; padding-bottom: 13%; }
 
  .xs-padding-thirteen-half-tb{ padding-top: 13.5%; padding-bottom: 13.5%; }
 
  .xs-padding-fourteen-tb{ padding-top: 14%; padding-bottom: 14%; }
 
  .xs-padding-fourteen-half-tb{ padding-top: 14.5%; padding-bottom: 14.5%; }
 
  .xs-padding-fifteen-tb{ padding-top: 15%; padding-bottom: 15%; }
 
  .xs-padding-fifteen-half-tb{ padding-top: 15.5%; padding-bottom: 15.5%; }
 
  .xs-padding-sixteen-tb{ padding-top: 16%; padding-bottom: 16%; }
 
  .xs-padding-sixteen-half-tb{ padding-top: 16.5%; padding-bottom: 16.5%; }
 
  .xs-padding-seventeen-tb{ padding-top: 17%; padding-bottom: 17%; }
 
  .xs-padding-seventeen-half-tb{ padding-top: 17.5%; padding-bottom: 17.5%; }
 
  .xs-padding-eighteen-tb{ padding-top: 18%; padding-bottom: 18%; }
 
  .xs-padding-eighteen-half-tb{ padding-top: 18.5%; padding-bottom: 18.5%; }
 
  .xs-padding-nineteen-tb{ padding-top: 19%; padding-bottom: 19%; }
 
  .xs-padding-nineteen-half-tb{ padding-top: 19.5%; padding-bottom: 19.5%; }
 
  .xs-padding-twenty-tb{ padding-top: 20%; padding-bottom: 20%; }
 
  .xs-padding-twenty-one-half-tb{ padding-top: 20.5%; padding-bottom: 20.5%; }
 
  .xs-padding-twenty-one-tb{ padding-top: 21%; padding-bottom: 21%; }
 
  .xs-padding-twenty-half-tb{ padding-top: 21.5%; padding-bottom: 21.5%; }
 
  .xs-padding-twenty-two-tb{ padding-top: 22%; padding-bottom: 22%; }
 
  .xs-padding-twenty-two-half-tb{ padding-top: 22.5%; padding-bottom: 22.5%; }
 
  .xs-padding-twenty-three-tb{ padding-top: 23%; padding-bottom: 23%; }
 
  .xs-padding-twenty-three-half-tb{ padding-top: 23.5%; padding-bottom: 23.5%; }
 
  .xs-padding-twenty-four-tb{ padding-top: 24%; padding-bottom: 24%; }
 
  .xs-padding-twenty-four-half-tb{ padding-top: 24.5%; padding-bottom: 24.5%; }
 
  .xs-padding-twenty-five-tb{ padding-top: 25%; padding-bottom: 25%; }
 
  .xs-padding-5px-tb{ padding-top: 5px !important; padding-bottom: 5px !important; }
 
  .xs-padding-10px-tb{ padding-top: 10px !important; padding-bottom: 10px !important; }
 
  .xs-padding-15px-tb{ padding-top: 15px !important; padding-bottom: 15px !important; }
 
  .xs-padding-20px-tb{ padding-top: 20px !important; padding-bottom: 20px !important; }
 
  .xs-padding-25px-tb{ padding-top: 25px !important; padding-bottom: 25px !important; }
 
  .xs-padding-30px-tb{ padding-top: 30px !important; padding-bottom: 30px !important; }
 
  .xs-padding-35px-tb{ padding-top: 35px !important; padding-bottom: 35px !important; }
 
  .xs-padding-40px-tb{ padding-top: 40px !important; padding-bottom: 40px !important; }
 
  .xs-padding-45px-tb{ padding-top: 45px !important; padding-bottom: 45px !important; }
 
  .xs-padding-50px-tb{ padding-top: 50px !important; padding-bottom: 50px !important; }
 
  .xs-padding-55px-tb{ padding-top: 55px !important; padding-bottom: 55px !important; }
 
  .xs-padding-60px-tb{ padding-top: 60px !important; padding-bottom: 60px !important; }
 
  .xs-padding-65px-tb{ padding-top: 65px !important; padding-bottom: 65px !important; }
 
  .xs-padding-70px-tb{ padding-top: 70px !important; padding-bottom: 70px !important; }
 
  .xs-padding-75px-tb{ padding-top: 75px !important; padding-bottom: 75px !important; }
 
  .xs-padding-80px-tb{ padding-top: 80px !important; padding-bottom: 80px !important; }
 
  .xs-padding-85px-tb{ padding-top: 85px !important; padding-bottom: 85px !important; }
 
  .xs-padding-90px-tb{ padding-top: 90px !important; padding-bottom: 90px !important; }
 
  .xs-padding-95px-tb{ padding-top: 95px !important; padding-bottom: 95px !important; }
 
  .xs-padding-100px-tb{ padding-top: 100px !important; padding-bottom: 100px !important; }
 
 
 
  /* padding left right */
 
  .xs-padding-one-lr{ padding-left: 1%; padding-right: 1%; }
 
  .xs-padding-one-half-lr{ padding-left: 1.5%; padding-right: 1.5%; }
 
  .xs-padding-two-lr{ padding-left: 2%; padding-right: 2%; }
 
  .xs-padding-two-half-lr{ padding-left: 2.5%; padding-right: 2.5%; }
 
  .xs-padding-three-lr{ padding-left: 3%; padding-right: 3%; }
 
  .xs-padding-three-half-lr{ padding-left: 3.5%; padding-right: 3.5%; }
 
  .xs-padding-four-lr{ padding-left: 4%; padding-right: 4%; }
 
  .xs-padding-four-half-lr{ padding-left: 4.5%; padding-right: 4.5%; }
 
  .xs-padding-five-lr{ padding-left: 5%; padding-right: 5%; }
 
  .xs-padding-five-half-lr{ padding-left: 5.5%; padding-right: 5.5%; }
 
  .xs-padding-six-lr{ padding-left: 6%; padding-right: 6%; }
 
  .xs-padding-six-half-lr{ padding-left: 6.5%; padding-right: 6.5%; }
 
  .xs-padding-seven-lr{ padding-left: 7%; padding-right: 7%; }
 
  .xs-padding-seven-half-lr{ padding-left: 7.5%; padding-right: 7.5%; }
 
  .xs-padding-eight-lr{ padding-left: 8%; padding-right: 8%; }
 
  .xs-padding-eight-half-lr{ padding-left: 8.5%; padding-right: 8.5%; }
 
  .xs-padding-nine-lr{ padding-left: 9%; padding-right: 9%; }
 
  .xs-padding-nine-half-lr{ padding-left: 9.5%; padding-right: 9.5%; }
 
  .xs-padding-ten-lr{ padding-left: 10%; padding-right: 10%; }
 
  .xs-padding-ten-half-lr{ padding-left: 10.5%; padding-right: 10.5%; }
 
  .xs-padding-eleven-lr{ padding-left: 11%; padding-right: 11%; }
 
  .xs-padding-eleven-half-lr{ padding-left: 11.5%; padding-right: 11.5%; }
 
  .xs-padding-twelve-lr{ padding-left: 12%; padding-right: 12%; }
 
  .xs-padding-twelve-half-lr{ padding-left: 12.5%; padding-right: 12.5%; }
 
  .xs-padding-thirteen-lr{ padding-left: 13%; padding-right: 13%; }
 
  .xs-padding-thirteen-half-lr{ padding-left: 13.5%; padding-right: 13.5%; }
 
  .xs-padding-fourteen-lr{ padding-left: 14%; padding-right: 14%; }
 
  .xs-padding-fourteen-half-lr{ padding-left: 14.5%; padding-right: 14.5%; }
 
  .xs-padding-fifteen-lr{ padding-left: 15%; padding-right: 15%; }
 
  .xs-padding-fifteen-half-lr{ padding-left: 15.5%; padding-right: 15.5%; }
 
  .xs-padding-sixteen-lr{ padding-left: 16%; padding-right: 16%; }
 
  .xs-padding-sixteen-half-lr{ padding-left: 16.5%; padding-right: 16.5%; }
 
  .xs-padding-seventeen-lr{ padding-left: 17%; padding-right: 17%; }
 
  .xs-padding-seventeen-half-lr{ padding-left: 17.5%; padding-right: 17.5%; }
 
  .xs-padding-eighteen-lr{ padding-left: 18%; padding-right: 18%; }
 
  .xs-padding-eighteen-half-lr{ padding-left: 18.5%; padding-right: 18.5%; }
 
  .xs-padding-nineteen-lr{ padding-left: 19%; padding-right: 19%; }
 
  .xs-padding-nineteen-half-lr{ padding-left: 19.5%; padding-right: 19.5%; }
 
  .xs-padding-twenty-lr{ padding-left: 20%; padding-right: 20%; }
 
  .xs-padding-twenty-half-lr{ padding-left: 20.5%; padding-right: 20.5%; }
 
  .xs-padding-twenty-one-lr{ padding-left: 21%; padding-right: 21%; }
 
  .xs-padding-twenty-one-half-lr{ padding-left: 21.5%; padding-right: 21.5%; }
 
  .xs-padding-twenty-two-lr{ padding-left: 22%; padding-right: 22%; }
 
  .xs-padding-twenty-two-half-lr{ padding-left: 22.5%; padding-right: 22.5%; }
 
  .xs-padding-twenty-three-lr{ padding-left: 23%; padding-right: 23%; }
 
  .xs-padding-twenty-three-half-lr{ padding-left: 23.5%; padding-right: 23.5%; }
 
  .xs-padding-twenty-four-lr{ padding-left: 24%; padding-right: 24%; }
 
  .xs-padding-twenty-four-half-lr{ padding-left: 24.5%; padding-right: 24.5%; }
 
  .xs-padding-twenty-lr{ padding-left: 25%; padding-right: 25%; }
 
  .xs-padding-5px-lr{ padding-left: 5px !important; padding-right: 5px; }
 
  .xs-padding-10px-lr{ padding-left: 10px !important; padding-right: 10px !important; }
 
  .xs-padding-15px-lr{ padding-left: 15px !important; padding-right: 15px !important; }
 
  .xs-padding-20px-lr{ padding-left: 20px !important; padding-right: 20px !important; }
 
  .xs-padding-25px-lr{ padding-left: 25px !important; padding-right: 25px !important; }
 
  .xs-padding-30px-lr{ padding-left: 30px !important; padding-right: 30px !important; }
 
  .xs-padding-35px-lr{ padding-left: 35px !important; padding-right: 35px !important; }
 
  .xs-padding-40px-lr{ padding-left: 40px !important; padding-right: 40px !important; }
 
  .xs-padding-45px-lr{ padding-left: 45px !important; padding-right: 45px !important; }
 
  .xs-padding-50px-lr{ padding-left: 50px !important; padding-right: 50px !important; }
 
  .xs-padding-55px-lr{ padding-left: 55px !important; padding-right: 55px !important; }
 
  .xs-padding-60px-lr{ padding-left: 60px !important; padding-right: 60px !important; }
 
  .xs-padding-65px-lr{ padding-left: 65px !important; padding-right: 65px !important; }
 
  .xs-padding-70px-lr{ padding-left: 70px !important; padding-right: 70px !important; }
 
  .xs-padding-75px-lr{ padding-left: 75px !important; padding-right: 75px !important; }
 
  .xs-padding-80px-lr{ padding-left: 80px !important; padding-right: 80px !important; }
 
  .xs-padding-85px-lr{ padding-left: 85px !important; padding-right: 85px !important; }
 
  .xs-padding-90px-lr{ padding-left: 90px !important; padding-right: 90px !important; }
 
  .xs-padding-95px-lr{ padding-left: 95px !important; padding-right: 95px !important; }
 
  .xs-padding-100px-lr{ padding-left: 100px !important; padding-right: 100px !important; }
 
 
 
  /* top */
 
  .xs-top-auto{ top: auto; }
 
  .xs-top-inherit{ top: inherit !important; }
 
  .xs-top-0{ top: 0 !important; }
 
  .xs-top-1{ top: 1px; }
 
  .xs-top-2{ top: 2px; }
 
  .xs-top-3{ top: 3px; }
 
  .xs-top-4{ top: 4px; }
 
  .xs-top-5{ top: 5px; }
 
  .xs-top-6{ top: 6px; }
 
  .xs-top-7{ top: 7px; }
 
  .xs-top-8{ top: 8px; }
 
  .xs-top-9{ top: 9px; }
 
  .xs-top-10{ top: 10px; }
 
  .xs-top-12{ top: 12px; }
 
  .xs-top-15{ top: 15px; }
 
  .xs-top-17{ top: 17px; }
 
  .xs-top-20{ top: 20px; }
 
  .xs-top-25{ top: 25px; }
 
  .xs-top-30{ top: 30px; }
 
  .xs-top-35{ top: 35px; }
 
  .xs-top-40{ top: 40px; }
 
  .xs-top-45{ top: 45px; }
 
  .xs-top-50{ top: 50px; }
 
  .xs-top-minus1{ top: -1px; }
 
  .xs-top-minus2{ top: -2px; }
 
  .xs-top-minus3{ top: -3px; }
 
  .xs-top-minus4{ top: -4px; }
 
  .xs-top-minus5{ top: -5px; }
 
  .xs-top-minus6{ top: -6px; }
 
  .xs-top-minus7{ top: -7px; }
 
  .xs-top-minus8{ top: -8px; }
 
  .xs-top-minus9{ top: -9px; }
 
  .xs-top-minus10{ top: -10px; }
 
  .xs-top-minus15{ top: -15px; }
 
  .xs-top-minus20{ top: -20px; }
 
  .xs-top-minus25{ top: -25px; }
 
  .xs-top-minus30{ top: -30px; }
 
  .xs-top-minus35{ top: -35px; }
 
  .xs-top-minus40{ top: -40px; }
 
  .xs-top-minus45{ top: -45px; }
 
  .xs-top-minus50{ top: -50px; }
 
  .xa-top-25{ top: 25%; }
 
  /* bottom */
 
  .xs-bottom-auto{ bottom: auto; }
 
  .xs-bottom-0{ bottom: 0; }
 
  .xs-bottom-1{ bottom: 1px; }
 
  .xs-bottom-2{ bottom: 2px; }
 
  .xs-bottom-3{ bottom: 3px; }
 
  .xs-bottom-4{ bottom: 4px; }
 
  .xs-bottom-5{ bottom: 5px; }
 
  .xs-bottom-6{ bottom: 6px; }
 
  .xs-bottom-7{ bottom: 7px; }
 
  .xs-bottom-8{ bottom: 8px; }
 
  .xs-bottom-9{ bottom: 9px; }
 
  .xs-bottom-10{ bottom: 10px; }
 
  .xs-bottom-20{ bottom: 20px; }
 
  .xs-bottom-25{ bottom: 25px; }
 
  .xs-bottom-30{ bottom: 30px; }
 
  .xs-bottom-35{ bottom: 35px; }
 
  .xs-bottom-40{ bottom: 40px; }
 
  .xs-bottom-45{ bottom: 45px; }
 
  .xs-bottom-50{ bottom: 50px; }
 
  .xs-bottom--minus30{ bottom: -30px; }
 
  .xs-bottom--minus50{ bottom: -50px; }
 
  .xs-bottom--minus55{ bottom: -55px; }
 
 
 
  /* left */
 
  .xs-left-auto{ left: auto; }
 
  .xs-left-0{ left: 0; }
 
  .xs-left-1{ left: 1px; }
 
  .xs-left-2{ left: 2px; }
 
  .xs-left-3{ left: 3px; }
 
  .xs-left-4{ left: 4px; }
 
  .xs-left-5{ left: 5px; }
 
  .xs-left-6{ left: 6px; }
 
  .xs-left-7{ left: 7px; }
 
  .xs-left-8{ left: 8px; }
 
  .xs-left-9{ left: 9px; }
 
  .xs-left-10{ left: 10px; }
 
 
 
  /* right */
 
  .xs-right-auto{ right: auto; }
 
  .xs-right-0{ right: 0; }
 
  .xs-right-1{ right: 1px; }
 
  .xs-right-2{ right: 2px; }
 
  .xs-right-3{ right: 3px; }
 
  .xs-right-4{ right: 4px; }
 
  .xs-right-5{ right: 5px; }
 
  .xs-right-6{ right: 6px; }
 
  .xs-right-7{ right: 7px; }
 
  .xs-right-8{ right: 8px; }
 
  .xs-right-9{ right: 9px; }
 
  .xs-right-10{ right: 10px; }
 
 
 
  /* width */
 
  .xs-width-10{ width: 10%; }
 
  .xs-width-15{ width: 15%; }
 
  .xs-width-20{ width: 20%; }
 
  .xs-width-25{ width: 25%; }
 
  .xs-width-30{ width: 30%; }
 
  .xs-width-35{ width: 35%; }
 
  .xs-width-40{ width: 40%; }
 
  .xs-width-45{ width: 45%; }
 
  .xs-width-50{ width: 50%; }
 
  .xs-width-55{ width: 55%; }
 
  .xs-width-60{ width: 60%; }
 
  .xs-width-65{ width: 65%; }
 
  .xs-width-70{ width: 70%; }
 
  .xs-width-75{ width: 75%; }
 
  .xs-width-80{ width: 80%; }
 
  .xs-width-85{ width: 85%; }
 
  .xs-width-90{ width: 90%; }
 
  .xs-width-95{ width: 95%; }
 
  .xs-width-100{ width: 100%; }
 
  .xs-width-auto{ width: auto; }
 
  .xs-width-50px{ width: 50px; }
 
  .xs-width-70px{ width: 70px; }
 
  .xs-width-75px{ width: 75px; }
 
  .xs-width-80px{ width: 80px; }
 
  .xs-width-85px{ width: 85px; }
 
  .xs-width-90px{ width: 90px; }
 
  .xs-width-95px{ width: 95px; }
 
  .xs-width-100px{ width: 100px; }
 
  .xs-width-120px{ width: 120px; }
 
  .xs-width-130px{ width: 130px; }
 
  .xs-width-150px{ width: 150px; }
 
  .xs-width-180px{ width: 180px; }
 
  .xs-width-200px{ width: 200px; }
 
  .xs-width-250px{ width: 250px; }
 
  .xs-width-300px{ width: 300px; }
 
  .xs-width-350px{ width: 350px; }
 
  .xs-width-400px{ width: 400px; }
 
  .xs-width-450px{ width: 450px; }
 
  .xs-width-500px{ width: 500px; }
 
  .xs-width-550px{ width: 550px; }
 
  .xs-width-600px{ width: 600px; }
 
  .xs-width-650px{ width: 650px; }
 
  .xs-width-700px{ width: 700px; }
 
  .xs-width-750px{ width: 750px; }
 
  .xs-width-800px{ width: 800px; }
 
  .xs-width-850px{ width: 850px; }
 
  .xs-width-900px{ width: 900px; }
 
  .xs-width-950px{ width: 950px; }
 
  .xs-width-1000px{ width: 1000px; }
 
 
 
  /* height */
 
 
 
  .xs-height-vh-10{ height: 10vh; }
 
  .xs-height-vh-15{ height: 15vh; }
 
  .xs-height-vh-20{ height: 20vh; }
 
  .xs-height-vh-25{ height: 25vh; }
 
  .xs-height-vh-30{ height: 30vh; }
 
  .xs-height-vh-35{ height: 35vh; }
 
  .xs-height-vh-40{ height: 40vh; }
 
  .xs-height-vh-45{ height: 45vh; }
 
  .xs-height-vh-50{ height: 50vh; }
 
  .xs-height-vh-55{ height: 55vh; }
 
  .xs-height-vh-60{ height: 60vh; }
 
  .xs-height-vh-65{ height: 65vh; }
 
  .xs-height-vh-70{ height: 70vh; }
 
  .xs-height-vh-75{ height: 75vh; }
 
  .xs-height-vh-80{ height: 80vh; }
 
  .xs-height-vh-85{ height: 85vh; }
 
  .xs-height-vh-90{ height: 90vh; }
 
  .xs-height-vh-95{ height: 95vh; }
 
  .xs-height-vh-100{ height: 100vh; }
 
 
 
 
 
  .xs-height-50{ height: 50% !important; }
 
  .xs-height-100{ height: 100% !important; }
 
  .xs-height-auto{ height: auto !important; }
 
  .xs-height-10px{ height: 10px !important; }
 
  .xs-height-20px{ height: 20px !important; }
 
  .xs-height-30px{ height: 30px !important; }
 
  .xs-height-40px{ height: 40px !important; }
 
  .xs-height-50px{ height: 50px !important; }
 
  .xs-height-60px{ height: 60px !important; }
 
  .xs-height-70px{ height: 70px !important; }
 
  .xs-height-80px{ height: 80px !important; }
 
  .xs-height-90px{ height: 90px !important; }
 
  .xs-height-100px{ height: 100px !important; }
 
  .xs-height-140px{ height: 140px !important; }
 
  .xs-height-150px{ height: 150px !important; }
 
  .xs-height-200px{ height: 200px !important; }
 
  .xs-height-250px{ height: 250px !important; }
 
  .xs-height-270px{ height: 270px !important; }
 
  .xs-height-300px{ height: 300px !important; }
 
  .xs-height-350px{ height: 350px !important; }
 
  .xs-height-400px{ height: 400px !important; }
 
  .xs-height-450px{ height: 450px !important; }
 
  .xs-height-500px{ height: 500px !important; }
 
  .xs-height-550px{ height: 550px !important; }
 
  .xs-height-600px{ height: 600px !important; }
 
  .xs-height-650px{ height: 650px !important; }
 
  .xs-height-700px{ height: 700px !important; }
 
  .xs-height-800px{ height: 800px !important; }
 
  .xs-height-900px{ height: 900px !important; }
 
  .xs-height-1000px{ height: 1000px !important; }
 
 
  .xs-height-1{ height: 1%; }
 
  .xs-height-2{ height: 2%; }
 
  .xs-height-3{ height: 3%; }
 
  .xs-height-4{ height: 4%; }
 
  .xs-height-5{ height: 5%; }
 
  .xs-height-6{ height: 6%; }
 
  .xs-height-7{ height: 7%; }
 
  .xs-height-8{ height: 8%; }
 
  .xs-height-9{ height: 9%; }
 
  .xs-height-10{ height: 10%; }
 
  .xs-height-15{ height: 15%; }
 
  .xs-height-20{ height: 20%; }
 
  .xs-height-25{ height: 25%; }
 
  .xs-height-30{ height: 30%; }
 
  .xs-height-35{ height: 35%; }
 
  .xs-height-40{ height: 40%; }
 
  .xs-height-45{ height: 45%; }
 
  .xs-height-50{ height: 50%; }
 
  .xs-height-55{ height: 55%; }
 
  .xs-height-60{ height: 60%; }
 
  .xs-height-65{ height: 65%; }
 
  .xs-height-70{ height: 70%; }
 
  .xs-height-75{ height: 75%; }
 
  .xs-height-80{ height: 80%; }
 
  .xs-height-85{ height: 85%; }
 
  .xs-height-90{ height: 90%; }
 
  .xs-height-95{ height: 95%; }
 
  .xs-height-100{ height: 100%; }
 
 
 
  /* line height */
 
  .xs-line-height-10{ line-height: 10px; }
 
  .xs-line-height-18{ line-height: 18px; }
 
  .xs-line-height-20{ line-height: 20px; }
 
  .xs-line-height-24{ line-height: 24px; }
 
  .xs-line-height-22{ line-height: 22px; }
 
  .xs-line-height-26{ line-height: 26px; }
 
  .xs-line-height-28{ line-height: 28px; }
 
  .xs-line-height-30{ line-height: 30px; }
 
  .xs-line-height-35{ line-height: 35px; }
 
  .xs-line-height-40{ line-height: 40px; }
 
  .xs-line-height-45{ line-height: 45px; }
 
  .xs-line-height-50{ line-height: 50px; }
 
  .xs-line-height-55{ line-height: 55px; }
 
  .xs-line-height-60{ line-height: 60px; }
 
  .xs-line-height-65{ line-height: 65px; }
 
  .xs-line-height-70{ line-height: 70px; }
 
  .xs-line-height-75{ line-height: 75px; }
 
  .xs-line-height-80{ line-height: 80px; }
 
  .xs-line-height-85{ line-height: 85px; }
 
  .xs-line-height-90{ line-height: 90px; }
 
  .xs-line-height-95{ line-height: 95px; }
 
  .xs-line-height-100{ line-height: 100px; }
 
  .page-title-large h1{ font-size: 35px; line-height: 35px; }
 
  .page-title-medium h1{ font-size: 25px; line-height: 30px; }
 
  .title-large{ font-size: 38px; line-height: 44px; }
 
  .title-extra-large{ font-size: 35px; line-height: 40px; }
 
 
 
 
 
 
  /* display */
 
  .xs-display-block{ display: block !important; }
 
  .xs-overflow-hidden{ overflow: hidden !important; }
 
  .xs-overflow-auto{ overflow: auto !important; }
 
  .xs-display-inline-block{ display: inline-block !important; }
 
  .xs-display-inline{ display: inline !important; }
 
  .xs-display-none{ display: none !important; }
 
  .xs-display-inherit{ display: inherit !important; }
 
  .xs-display-table{ display: table !important; }
 
  .xs-display-table-cell{ display: table-cell !important; }
 
 
 
  /* position */
 
  .xs-position-inherit{ position: inherit; }
 
  .xs-position-relative{ position: relative; z-index: 5; }
 
  .xs-position-absolute{ position: absolute; }
 
  .xs-position-fixed{ position: fixed; }
 
  .xs-position-static{ position: static; }
 
 
 
  /* position */
 
  .xs-letter-spacing-0{ letter-spacing: 0; }
 
 
 
  /* boder align */
 
  .xs-border-top{ border-top: 1px solid; }
 
  .xs-border-bottom{ border-bottom: 1px solid; }
 
  .xs-border-left{ border-left: 1px solid; }
 
  .xs-border-right{ border-right: 1px solid; }
 
  .xs-border-lr{ border-left: 1px solid; border-right: 1px solid; }
 
  .xs-border-tb{ border-top: 1px solid; border-bottom: 1px solid; }
 
 
 
  /* border */
 
  .xs-no-border-top{ border-top: 0 !important; }
 
  .xs-no-border-bottom{ border-bottom: 0 !important; }
 
  .xs-no-border-right{ border-right: 0 !important; }
 
  .xs-no-border-left{ border-left: 0 !important; }
 
  .xs-no-border{ border: 0 !important; }
 
  
 
  
 
 
 
  }
 
 
 
 
  
 
 
 
 
 
 
 section{padding:50px 0; overflow:hidden;}
 
 .color-white{color:white !important;}
  
 .color-black{color:black !important;}

 .color-orange{color:#f58220 !important;}

 
 
 
 /* text */
 
 .align-center{text-align:center !important;}
 
 .align-justify{text-align:justify !important;}
 
 .align-left{text-align:left !important;}
 
 .align-right{text-align:right !important;}
 
 .text-bold{font-weight: bold !important;}
 
 .text-bolder{font-weight: bolder !important;}
 
 .text-400{font-weight: 400 !important;}
 
 .text-600{font-weight: 600 !important;}
 
 .text-700{font-weight: 700 !important;}
 
 .text-800{font-weight: 800 !important;}
 
 .text-900{font-weight: 900 !important;}
 
 .align-center *{text-align:center !important;}
 
 .align-justify *{text-align:justify !important;}
 
 .align-justify *{text-align:justify !important;}
 
 .align-left *{text-align:left !important;}
 
 .align-right *{text-align:right !important;}
 
 .text-bold *{font-weight: bold !important;}
 
 .text-bolder *{font-weight: bolder !important;}
 
 .text-400 *{font-weight: 400 !important;}
 
 .text-600 *{font-weight: 600 !important;}
 
 .text-700 *{font-weight: 700 !important;}
 
 .text-800 *{font-weight: 800 !important;}
 
 .text-900 *{font-weight: 900 !important;}
 
 @media only screen and (min-width: 601px) and (max-width: 900px) {
 
 .align-md-center{text-align:center !important;}
 
 .align-md-justify{text-align:justify !important;}
 
 .align-md-left{text-align:left !important;}
 
 .align-md-right{text-align:right !important;}
 
 .text-md-bold{font-weight: bold !important;}
 
 .text-md-bolder{font-weight: bolder !important;}
 
 .text-md-400{font-weight: 400 !important;}
 
 .text-md-600{font-weight: 600 !important;}
 
 .text-md-700{font-weight: 700 !important;}
 
 .text-md-800{font-weight: 800 !important;}
 
 .text-md-900{font-weight: 900 !important;}
 
 .align-md-center *{text-align:center !important;}
 
 .align-md-justify *{text-align:justify !important;}
 
 .align-md-left *{text-align:left !important;}
 
 .align-md-right *{text-align:right !important;}
 
 .text-md-bold *{font-weight: bold !important;}
 
 .text-md-bolder *{font-weight: bolder !important;}
 
 .text-md-400 *{font-weight: 400 !important;}
 
 .text-md-600 *{font-weight: 600 !important;}
 
 .text-md-700 *{font-weight: 700 !important;}
 
 .text-md-800 *{font-weight: 800 !important;}
 
 .text-md-900 *{font-weight: 900 !important;}
 
 }
 
 @media only screen and (max-width: 600px) {
 
 .align-sm-center{text-align:center !important;}
 
 .align-sm-justify{text-align:justify !important;}
 
 .align-sm-left{text-align:left !important;}
 
 .align-sm-right{text-align:right !important;}
 
 .text-sm-bold{font-weight: bold !important;}
 
 .text-sm-bolder{font-weight: bolder !important;}
 
 .text-sm-300{font-weight: 300 !important;}
 
 .text-sm-400{font-weight: 400 !important;}
 
 .text-sm-600{font-weight: 600 !important;}
 
 .text-sm-700{font-weight: 700 !important;}
 
 .text-sm-800{font-weight: 800 !important;}
 
 .text-sm-900{font-weight: 900 !important;}
 
 .align-sm-center *{text-align:center !important;}
 
 .align-sm-justify *{text-align:justify !important;}
 
 .align-sm-left *{text-align:left !important;}
 
 .align-sm-right *{text-align:right !important;}
 
 .text-sm-bold *{font-weight: bold !important;}
 
 .text-sm-bolder *{font-weight: bolder !important;}
 
 .text-sm-300 *{font-weight: 300 !important;}
 
 .text-sm-400 *{font-weight: 400 !important;}
 
 .text-sm-600 *{font-weight: 600 !important;}
 
 .text-sm-700 *{font-weight: 700 !important;}
 
 .text-sm-800 *{font-weight: 800 !important;}
 
 .text-sm-900 *{font-weight: 900 !important;}
 
 }
 
 
 
 /* width and height */
 
 .w-auto{width:auto !important;}
 
 .w-2{width:2% !important;}

 .w-4{width:4% !important;}
 
 .w-5{width:5% !important;}

 .w-7{width:7% !important;}
 
 .w-8{width:8% !important;}
 
 .w-20{width:20% !important;}
 
 .w-30{width:30% !important;}
 
 .w-40{width:40% !important;}
 
 .w-48{width:48% !important;}
 
 .w-50{width:50% !important;}
 
 .w-60{width:60% !important;}
 
 .w-70{width:70% !important;}
 
 .w-80{width:80% !important;}

 .w-100{width:100% !important;}

 .max-w-10{
     max-width: 10% !important;
 }

 .min-w-5{
    max-width: 5% !important;
 }
 
 .h-auto{height:auto !important;}
 
 .h-100{height:100% !important;}
 
 @media only screen and (min-width: 601px) and (max-width: 900px) {
 
 .w-md-auto{width:auto !important;}
 
 .w-md-50{width:50% !important;}
 
 .w-md-60{width:60% !important;}
 
 .w-md-70{width:70% !important;}
 
 .w-md-80{width:80% !important;}
 
 .w-md-100{width:100% !important;}
 
 .h-md-auto{height:auto !important;}
 
 .h-md-100{height:100% !important;}
 
 }
 
 @media only screen and (max-width: 600px) {
 
 .w-sm-auto{width:auto !important;}
 
 .w-sm-30{width:30% !important;}
 
 .w-sm-50{width:50% !important;}
 
 .w-sm-60{width:60% !important;}
 
 .w-sm-70{width:70% !important;}
 
 .w-sm-80{width:80% !important;}
 
 .w-sm-90{width:90% !important;}
 
 .w-sm-100{width:100% !important;}
 
 .h-sm-auto{height:auto !important;}
 
 .h-sm-100{height:100% !important;}
 
 }
 
 
 
 /* font */
 
 .font-10, .font-10 *{font-size:10px !important;}
 
 .font-11, .font-11 *{font-size:11px !important;}
 
 .font-12{font-size:12px !important;}
 
 .font-13{font-size:13px !important;}
 
 .font-14{font-size:14px !important;}
 
 .font-15{font-size:15px !important;}
 
 .font-16{font-size:16px !important;}
 
 .font-17{font-size:17px !important;}
 
 .font-18{font-size:18px !important;}
 
 .font-19{font-size:19px !important;}
 
 .font-20 *,.font-20{font-size:20px !important;}
 
 .font-21{font-size:21px !important;}
 
 .font-22{font-size:22px !important;}
 
 .font-23{font-size:23px !important;}
 
 .font-24{font-size:24px !important;}
 
 .font-25{font-size:25px !important;}
 
 .font-26{font-size:26px !important;}
 
 .font-27{font-size:27px !important;}
 
 .font-28{font-size:28px !important;}
 
 .font-29{font-size:28px !important;}
 
 .font-30 *,.font-30{font-size:30px !important;}
 
 .font-31{font-size:31px !important;}
 
 .font-32{font-size:32px !important;}
 
 .font-33{font-size:33px !important;}
 
 .font-34{font-size:34px !important;}
 
 .font-35{font-size:35px !important;}
 
 .font-36{font-size:36px !important;}
 
 .font-37{font-size:37px !important;}
 
 .font-38{font-size:38px !important;}
 
 .font-39{font-size:39px !important;}
 
 .font-40{font-size:40px !important;}
 
 .font-78{font-size:78px !important;}
 
 @media only screen and (min-width: 601px) and (max-width: 900px) {
 
 .font-md-10{font-size:10px !important;}
 
 .font-md-11{font-size:11px !important;}
 
 .font-md-12{font-size:12px !important;}
 
 .font-md-13{font-size:13px !important;}
 
 .font-md-14{font-size:14px !important;}
 
 .font-md-15{font-size:15px !important;}
 
 .font-md-16{font-size:16px !important;}
 
 .font-md-17{font-size:17px !important;}
 
 .font-md-18{font-size:18px !important;}
 
 .font-md-19{font-size:19px !important;}
 
 .font-md-20{font-size:20px !important;}
 
 .font-md-21{font-size:21px !important;}
 
 .font-md-22{font-size:22px !important;}
 
 .font-md-23{font-size:23px !important;}
 
 .font-md-24{font-size:24px !important;}
 
 .font-md-25{font-size:25px !important;}
 
 .font-md-26{font-size:26px !important;}
 
 .font-md-27{font-size:27px !important;}
 
 .font-md-28{font-size:28px !important;}
 
 .font-md-29{font-size:28px !important;}
 
 .font-md-30{font-size:30px !important;}
 
 .font-md-31{font-size:31px !important;}
 
 .font-md-32{font-size:32px !important;}
 
 .font-md-33{font-size:33px !important;}
 
 .font-md-34{font-size:34px !important;}
 
 .font-md-35{font-size:35px !important;}
 
 .font-md-36{font-size:36px !important;}
 
 .font-md-37{font-size:37px !important;}
 
 .font-md-38{font-size:38px !important;}
 
 .font-md-39{font-size:39px !important;}
 
 .font-md-40{font-size:40px !important;}
 
 .font-md-78{font-size:78px !important;}
 
 }
 
 @media only screen and (max-width: 600px) {
 
 .font-sm-10{font-size:10px !important;line-height:1.4 !important;}
 
 .font-sm-11{font-size:11px !important;line-height:1.4 !important;}
 
 .font-sm-12{font-size:12px !important;line-height:1.4 !important;}
 
 .font-sm-13{font-size:13px !important;line-height:1.4 !important;}
 
 .font-sm-14{font-size:14px !important;line-height:1.4 !important;}
 
 .font-sm-15{font-size:15px !important;line-height:1.4 !important;}
 
 .font-sm-16{font-size:16px !important;line-height:1.4 !important;}
 
 .font-sm-17{font-size:17px !important;line-height:1.4 !important;}
 
 .font-sm-18{font-size:18px !important;line-height:1.4 !important;}
 
 .font-sm-19{font-size:19px !important;line-height:1.4 !important;}
 
 .font-sm-20{font-size:20px !important;line-height:1.4 !important;}
 
 .font-sm-21{font-size:21px !important;line-height:1.4 !important;}
 
 .font-sm-22{font-size:22px !important;line-height:1.4 !important;}
 
 .font-sm-23{font-size:23px !important;line-height:1.4 !important;}
 
 .font-sm-24{font-size:24px !important;line-height:1.4 !important;}
 
 .font-sm-25{font-size:25px !important;line-height:1.4 !important;}
 
 .font-sm-26{font-size:26px !important;line-height:1.4 !important;}
 
 .font-sm-27{font-size:27px !important;line-height:1.4 !important;}
 
 .font-sm-28{font-size:28px !important;line-height:1.4 !important;}
 
 .font-sm-29{font-size:28px !important;line-height:1.4 !important;}
 
 .font-sm-30{font-size:30px !important;line-height:1.4 !important;}
 
 .font-sm-31{font-size:31px !important;line-height:1.4 !important;}
 
 .font-sm-32{font-size:32px !important;line-height:1.4 !important;}
 
 .font-sm-33{font-size:33px !important;line-height:1.4 !important;}
 
 .font-sm-34{font-size:34px !important;line-height:1.4 !important;}
 
 .font-sm-35{font-size:35px !important;line-height:1.4 !important;}
 
 .font-sm-36{font-size:36px !important;line-height:1.4 !important;}
 
 .font-sm-37{font-size:37px !important;line-height:1.4 !important;}
 
 .font-sm-38{font-size:38px !important;line-height:1.4 !important;}
 
 .font-sm-39{font-size:39px !important;line-height:1.4 !important;}
 
 .font-sm-40{font-size:40px !important;line-height:1.4 !important;}
 
 .font-sm-78{font-size:78px !important;line-height:1.4 !important;}
 
 }
 
 
 
 .image-no-action {
 
    pointer-events: none;
 
    cursor: default;
 
 }
 
 
 
 /*order colum */
 
 .move-order-first {
 
    -ms-flex-order: -1;
 
    order: -1;
 
     margin-bottom:15px;
 
 }
 
 .move-order-2 {
 
    -ms-flex-order: 0;
 
    order: 0;
 
 }
 
 .move-order-3 {
 
    -ms-flex-order: 1;
 
    order: 1;
 
 }
 
 .move-order-4 {
 
    -ms-flex-order: 2;
 
    order: 2;
 
 }
 
 .move-order-5 {
 
    -ms-flex-order: 3;
 
    order: 3;
 
 }
 
 .move-order-6 {
 
    -ms-flex-order: 4;
 
    order: 4;
 
 }
 
 
 
 @media (max-width: 1199px) {
 
    .move-order-md-first {
 
        -ms-flex-order: -1;
 
        order: -1;
 
         margin-bottom:15px;
 
    }
 
    .move-order-md-2 {
 
        -ms-flex-order: 0;
 
        order: 0;
 
    }
 
    .move-order-md-3 {
 
        -ms-flex-order: 1;
 
        order: 1;
 
    }
 
    .move-order-md-4 {
 
        -ms-flex-order: 2;
 
        order: 2;
 
    }
 
    .move-order-md-5 {
 
        -ms-flex-order: 3;
 
        order: 3;
 
    }
 
    .move-order-md-6 {
 
        -ms-flex-order: 4;
 
        order: 4;
 
    }
 
 }
 
 
 
 @media (max-width: 991px){
 
    .move-order-sm-first {
 
        -ms-flex-order: -1;
 
        order: -1;
 
         margin-bottom:15px;
 
    }
 
    .move-order-sm-2 {
 
        -ms-flex-order: 0;
 
        order: 0;
 
    }
 
    .move-order-sm-3 {
 
        -ms-flex-order: 1;
 
        order: 1;
 
    }
 
    .move-order-sm-4 {
 
        -ms-flex-order: 2;
 
        order: 2;
 
    }
 
    .move-order-sm-5 {
 
        -ms-flex-order: 3;
 
        order: 3;
 
    }
 
    .move-order-sm-6 {
 
        -ms-flex-order: 4;
 
        order: 4;
 
    }
 
 }
 
 @media (max-width: 767px){
 
    .move-order-xs-first {
 
        -ms-flex-order: -1;
 
        order: -1;
 
        margin-bottom:15px;
 
    }
 
    .move-order-xs-2 {
 
        -ms-flex-order: 0;
 
        order: 0;
 
    }
 
    .move-order-xs-3 {
 
        -ms-flex-order: 1;
 
        order: 1;
 
    }
 
    .move-order-xs-4 {
 
        -ms-flex-order: 2;
 
        order: 2;
 
    }
 
    .move-order-xs-5 {
 
        -ms-flex-order: 3;
 
        order: 3;
 
    }
 
    .move-order-xs-6 {
 
        -ms-flex-order: 4;
 
        order: 4;
 
    }

 
 }

 @media only screen and (min-device-height: 1366px) and (max-device-height: 1366px) { 



 .und-height-100{ height: 100%; }
 
 .und-height-auto{ height: auto; }

 .und-height-10px{ height: 10px; }

 .und-height-20px{ height: 20px; }

 .und-height-30px{ height: 30px; }

 .und-height-40px{ height: 40px; }

 .und-height-50px{ height: 50px; }

 .und-height-60px{ height: 60px; }

 .und-height-70px{ height: 70px; }

 .und-height-80px{ height: 80px; }

 .und-height-90px{ height: 90px; }

 .und-height-100px{ height: 100px; }

 .und-height-150px{ height: 150px; }

 .und-height-200px{ height: 200px; }

 .und-height-250px{ height: 250px; }

 .und-height-270px{ height: 270px; }

 .und-height-300px{ height: 300px; }

 .und-height-325px{ height: 325px; }

 .und-height-350px{ height: 350px; }

 .und-height-400px{ height: 400px; }

 .und-height-450px{ height: 450px; }

 .und-height-500px{ height: 500px; }

 .und-height-550px{ height: 550px; }

 .und-height-600px{ height: 600px; }

 .und-height-650px{ height: 650px; }

 .und-height-700px{ height: 700px; }

 .und-height-800px{ height: 800px; }

 .und-height-900px{ height: 900px; }

 .und-height-1000px{ height: 1000px; }


 
 .und-margin-half-all{ margin: .5%; }
 
 .und-margin-one-all{ margin: 1%; }
 
 .und-margin-one-half-all{ margin: 1.5%; }
 
 .und-margin-two-all{ margin: 2%; }
 
 .und-margin-two-half-all{ margin: 2.5%; }
 
 .und-margin-three-all{ margin: 3%; }
 
 .und-margin-three-half-all{ margin: 3.5%; }
 
 .und-margin-four-all{ margin: 4%; }
 
 .und-margin-four-half-all{ margin: 4.5%; }
 
 .und-margin-five-all{ margin: 5%; }
 
 .und-margin-five-half-all{ margin: 5.5%; }
 
 .und-margin-six-all{ margin: 6%; }
 
 .und-margin-six-half-all{ margin: 6.5%; }
 
 .und-margin-seven-all{ margin: 7%; }
 
 .und-margin-seven-half-all{ margin: 7.5%; }
 
 .und-margin-eight-all{ margin: 8%; }
 
 .und-margin-eight-half-all{ margin: 8.5%; }
 
 .und-margin-nine-all{ margin: 9%; }
 
 .und-margin-nine-half-all{ margin: 9.5%; }
 
 .und-margin-ten-all{ margin: 10%; }
 
 .und-margin-ten-half-all{ margin: 10.5%; }
 
 .und-margin-eleven-all{ margin: 11%; }
 
 .und-margin-eleven-half-all{ margin: 11.5%; }
 
 .und-margin-twelve-all{ margin: 12%; }
 
 .und-margin-twelve-half-all{ margin: 12.5%; }
 
 .und-margin-thirteen-all{ margin: 13%; }
 
 .und-margin-thirteen-half-all{ margin: 13.5%; }
 
 .und-margin-fourteen-all{ margin: 14%; }
 
 .und-margin-fourteen-half-all{ margin: 14.5%; }
 
 .und-margin-fifteen-all{ margin: 15%; }
 
 .und-margin-fifteen-half-all{ margin: 15.5%; }
 
 .und-margin-sixteen-all{ margin: 16%; }
 
 .und-margin-sixteen-half-all{ margin: 16.5%; }
 
 .und-margin-seventeen-all{ margin: 17%; }
 
 .und-margin-seventeen-half-all{ margin: 17.5%; }
 
 .und-margin-eighteen-all{ margin: 18%; }
 
 .und-margin-eighteen-half-all{ margin: 18.5%; }
 
 .und-margin-nineteen-all{ margin: 19%; }
 
 .und-margin-nineteen-half-all{ margin: 19.5%; }
 
 .und-margin-twenty-all{ margin: 20%; }
 
 .und-margin-twenty-half-all{ margin: 20.5%; }
 
 .und-margin-twenty-one-all{ margin: 21%; }
 
 .und-margin-twenty-one-half-all{ margin: 21.5%; }
 
 .und-margin-twenty-two-all{ margin: 22%; }
 
 .und-margin-twenty-two-half-all{ margin: 22.5%; }
 
 .und-margin-twenty-three-all{ margin: 23%; }
 
 .und-margin-twenty-three-half-all{ margin: 23.5%; }
 
 .und-margin-twenty-four-all{ margin: 24%; }
 
 .und-margin-twenty-four-half-all{ margin: 24.5%; }
 
 .und-margin-twenty-five-all{ margin: 25%; }



 
 
 .und-margin-half-top{ margin-top: 0.5%; }
 
 .und-margin-one-top{ margin-top: 1%; }
 
 .und-margin-one-half-top{ margin-top: 1.5%; }
 
 .und-margin-two-top{ margin-top: 2%  !important; }
 
 .und-margin-two-half-top{ margin-top: 2.5%; }
 
 .und-margin-three-top{ margin-top: 3%  !important; }
 
 .und-margin-three-half-top{ margin-top: 3.5%; }
 
 .und-margin-four-top{ margin-top: 4%   !important; }
 
 .und-margin-four-half-top{ margin-top: 4.5%; }
 
 .und-margin-five-top{ margin-top: 5%   !important; }
 
 .und-margin-five-half-top{ margin-top: 5.5%; }
 
 .und-margin-six-top{ margin-top: 6%; }
 
 .und-margin-six-half-top{ margin-top: 6.5%; }
 
 .und-margin-seven-top{ margin-top: 7%; }
 
 .und-margin-seven-half-top{ margin-top: 7.5%; }
 
 .und-margin-eight-top{ margin-top: 8%; }
 
 .und-margin-eight-half-top{ margin-top: 8.5%; }
 
 .und-margin-nine-top{ margin-top: 9%; }
 
 .und-margin-nine-half-top{ margin-top: 9.5%; }
 
 .und-margin-ten-top{ margin-top: 10%; }
 
 .und-margin-ten-half-top{ margin-top: 10.5%; }
 
 .und-margin-eleven-top{ margin-top: 11%; }
 
 .und-margin-eleven-half-top{ margin-top: 11.5%; }
 
 .und-margin-twelve-top{ margin-top: 12%; }
 
 .und-margin-twelve-half-top{ margin-top: 12.5%; }
 
 .und-margin-thirteen-top{ margin-top: 13%; }
 
 .und-margin-thirteen-half-top{ margin-top: 13.5%; }
 
 .und-margin-fourteen-top{ margin-top: 14%; }
 
 .und-margin-fourteen-half-top{ margin-top: 14.5%; }
 
 .und-margin-fifteen-top{ margin-top: 15%; }
 
 .und-margin-fifteen-half-top{ margin-top: 15.5%; }
 
 .und-margin-sixteen-top{ margin-top: 16%; }
 
 .und-margin-sixteen-half-top{ margin-top: 16.5%; }
 
 .und-margin-seventeen-top{ margin-top: 17%; }
 
 .und-margin-seventeen-half-top{ margin-top: 17.5%; }
 
 .und-margin-eighteen-top{ margin-top: 18%; }
 
 .und-margin-eighteen-half-top{ margin-top: 18.5%; }
 
 .und-margin-nineteen-top{ margin-top: 19%; }
 
 .und-margin-nineteen-half-top{ margin-top: 19.5%; }
 
 .und-margin-twenty-top{ margin-top: 20%; }
 
 .und-margin-twenty-half-top{ margin-top: 20.5%; }
 
 .und-margin-twenty-one-top{ margin-top: 21%; }
 
 .und-margin-twenty-one-half-top{ margin-top: 21.5%; }
 
 .und-margin-twenty-two-top{ margin-top: 22%; }
 
 .und-margin-twenty-two-half-top{ margin-top: 22.5%; }
 
 .und-margin-twenty-three-top{ margin-top: 23%; }
 
 .und-margin-twenty-three-half-top{ margin-top: 23.5%; }
 
 .und-margin-twenty-four-top{ margin-top: 24%; }
 
 .und-margin-twenty-four-half-top{ margin-top: 24.5%; }
 
 .und-margin-twenty-five-top{ margin-top: 25%; }


 .und-width-5{ width: 5%; }
 
  .und-width-10{ width: 10%; }
 
  .und-width-15{ width: 15%; }
 
  .und-width-20{ width: 20%; }
 
  .und-width-25{ width: 25%; }
 
  .und-width-30{ width: 30%; }
 
  .und-width-35{ width: 35%; }
 
  .und-width-40{ width: 40%; }
 
  .und-width-45{ width: 45%; }
 
  .und-width-50{ width: 50%; }
 
  .und-width-55{ width: 55%; }
 
  .und-width-60{ width: 60%; }
 
  .und-width-65{ width: 65%; }
 
  .und-width-70{ width: 70%; }
 
  .und-width-75{ width: 75%; }
 
  .und-width-80{ width: 80%; }
 
  .und-width-85{ width: 85%; }
 
  .und-width-90{ width: 90%; }
 
  .und-width-95{ width: 95%; }
 
  .und-width-100{ width: 100%; }


  
 .und-height-5{ width: 5%; }
 
 .und-height-10{ width: 10%; }

 .und-height-15{ width: 15%; }

 .und-height-20{ width: 20%; }

 .und-height-25{ width: 25%; }

 .und-height-30{ width: 30%; }

 .und-height-35{ width: 35%; }

 .und-height-40{ width: 40%; }

 .und-height-45{ width: 45%; }

 .und-height-50{ width: 50%; }

 .und-height-55{ width: 55%; }

 .und-height-60{ width: 60%; }

 .und-height-65{ width: 65%; }

 .und-height-70{ width: 70%; }

 .und-height-75{ width: 75%; }

 .und-height-80{ width: 80%; }

 .und-height-85{ width: 85%; }

 .und-height-90{ width: 90%; }

 .und-height-95{ width: 95%; }

 .und-height-100{ width: 100%; }
 
}

Youez - 2016 - github.com/yon3zu
LinuXploit