/* Theme Name: Knowledge Created: 05/15/2016 Updated: 06/08/2016 Version: 1.0 */ /* ========================================================================== */ /* ========================================================================== */ /* [Table of contents] */ /* ========================================================================== */ /* ========================================================================== */ /* ## Global - Padding/Margin ## Fonts Settings -- Roboto -- RobotoBlack -- Roboto Slab -- Niconne -- Open Sans -- Poppins ## Header -- Top Header ## Footer -- Footer Main -- Footer Bottom -- Footer2 ## Page Banner ## Section Header ## Responsive -- min-width: 1200 -- min-width: 992 -- min-width: 992 to max-width: 1199 -- max-width: 991 -- max-width: 767 -- max-width: 639 -- max-width: 479 */ /* ## Global */ body { font-family: 'Roboto', sans-serif; font-size: 15px; color: #000; overflow-x: hidden; } main, footer { overflow-x: auto; } img { max-width: 100%; height: auto; } a { outline: 0 !important; } html { width: 104%; } /* - Padding/Margin */ .no-padding { padding: 0; } .no-left-padding { padding-left: 0; } .no-right-padding { padding-right: 0; } .no-top-padding { padding-top: 0; } .no-bottom-padding { padding-bottom: 0; } .no-margin { margin: 0; } .no-left-margin { margin-left: 0; } .no-right-margin { margin-right: 0; } .no-top-margin { padding-top: 0; } .no-bottom-margin { margin-bottom: 0; } /* - OW pull-left/pull-right */ .ow-pull-left { float: left; } .ow-pull-right { float: right; } /* -- Section Padding */ .section-padding { padding-top: 30px; padding-bottom: 30px; } /* -- Section Header */ .section-header { display: inline-block; width: 100%; text-align: center; margin-bottom: 45px; } .section-header h3 { color: #084d89; font-size: 32px; line-height: 28px; font-family: 'Roboto Slab', serif; font-weight: 700; text-transform: capitalize; margin: 0px; word-wrap: break-word; } .section-header h3 span { color: #f7a703; } .section-header p { color: #777; font-size: 15px; letter-spacing: 0.30px; line-height: 26px; font-family: 'Open Sans', sans-serif; word-wrap: break-word; } /* ## Fonts Settings */ /* font-family: 'Roboto', sans-serif; */ /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* -- font-family: 'Niconne', cursive; */ /* latin-ext */ @font-face { font-family: 'Niconne'; font-style: normal; font-weight: 400; src: local('Niconne'), local('Niconne-Regular'), url(https://fonts.gstatic.com/s/niconne/v6/at9nZeERhG1mh4D7CWUJzfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Niconne'; font-style: normal; font-weight: 400; src: local('Niconne'), local('Niconne-Regular'), url(https://fonts.gstatic.com/s/niconne/v6/Ci0yFRBPDqtg7EHO7VR0Zw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* -- font-family: 'Open Sans', sans-serif; */ /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* -- RobotoBlack */ /* -- font-family: 'robotoblack'; */ @font-face { font-family: 'robotoblack'; src: url('fonts/roboto-black.woff2') format('woff2'), url('fonts/roboto-black.woff') format('woff'); font-weight: normal; font-style: normal; } /* -- font-family: 'Poppins', sans-serif; */ /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/gG8m82oGcrBJF727xHU04fY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/F4YWuALHubF63LLQPw0rMfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/HLBysyo0MQBO_7E-DWLwzg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v1/BAM-XigHGVWzifDv8-EC1SEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v1/9VWMTeb5jtXkNoTv949NpSEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v1/zO07Oxe3SOlw0l2YX2sdIfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* ## Header */ /* -- Top Header */ .top-header { background-color: #333; line-height: 50px; } .topheader-left { display: inline-block; width: 50%; } .topheader-left a { color: #999; display: inline-block; font-size: 13px; margin-right: 10px; padding-right: 20px; position: relative; text-decoration: none; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .topheader-right a:hover, .topheader-left a:hover { color: #ffc722; } .topheader-left a::after { color: #494949; content: "/"; font-size: 20px; position: absolute; right: 0; top: 0; } .topheader-left a:last-of-type::after { content: ""; } .topheader-left a i { font-size: 21px; margin-right: 10px; position: relative; top: 2px; } .topheader-left span { display: inline-block; margin-right: 5px; } .topheader-right { float: right; text-align: right; width: 50%; } .topheader-right a { color: #999; font-size: 13px; line-height: 26px; margin-right: 10px; padding-right: 15px; position: relative; text-decoration: none; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .topheader-left a:last-of-type, .topheader-right a:last-of-type { margin-right: 2px; padding-right: 0; } .topheader-right a i { margin-right: 9px; } .topheader-right a::after { background-color: #4f4f4f; content: ""; height: 16px; position: absolute; right: 0; top: 0; width: 1px; } .topheader-right a:last-of-type::after { width: 0; } /* -- Expanding Search */ .menu-block .container { position: relative; } .menu-block .menu-search { float: right; position: absolute; padding-left: 15px; top: 42px; right: 16px; } .menu-block .menu-search::before { position: absolute; content: ""; left: 0; top: 0; background-color: #000; height: 25px; width: 1px; } .menu-search .sb-search-submit i { font-size: 18px; color: #808080; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; font-weight: 300; } .menu-block.navbar-fixed-top .menu-search .sb-search-submit:hover i, .menu-search .sb-search-submit:hover i { color: #ffc722; } .menu-search .sb-search-input::-webkit-input-placeholder { color: #777; } .menu-search .sb-search-input:-moz-placeholder { color: #777; } .menu-search .sb-search-input::-moz-placeholder { color: #777; } .menu-search .sb-search-input:-ms-input-placeholder { color: #777; } .menu-search .sb-search { position: relative; top: 0; } .menu-search .sb-icon-search, .menu-search .sb-search-submit { width: auto; display: block; position: absolute; right: 0px; top: 0; padding: 0; margin: 0; text-align: center; cursor: pointer; } .menu-search .sb-search-submit { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1; color: transparent; border: none; outline: none; z-index: 1; position: relative; left: 0; right: 0; top: 2px; margin: 0 auto; width: 100%; } /* Open state */ .menu-search .sb-search.sb-search-open, .menu-search .no-js .sb-search { width: 100%; -webkit-transition: width 0.8s; -moz-transition: width 0.8s; transition: width 0.8s; -webkit-backface-visibility: hidden; } .menu-search .sb-search.sb-search-open .sb-icon-search, .menu-search .no-js .sb-search .sb-icon-search { color: #fff; z-index: 11; } .menu-search .sb-search.sb-search-open .sb-search-submit, .menu-search .no-js .sb-search .sb-search-submit { z-index: 90; } .menu-search .sb-search-input { position: absolute; top: 52px; right: 0; border: none; outline: none; background: none; width: 0; height: 0; margin: 0; z-index: 11; font-size: 14px; color: #222; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .menu-search .sb-search.sb-search-open .sb-search-input { top: 67px; right: 0; padding: 10px 30px 10px 30px; background-color: #fff; width: 280px; height: 40px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .menu-block.navbar-fixed-top .menu-search { border: none; top: 23px; } .menu-block.navbar-fixed-top .menu-search .sb-search.sb-search-open .sb-search-input { top: 48px; } .menu-block.navbar-fixed-top .menu-search .sb-search-submit i { color: #fff; } .menu-block.navbar-fixed-top .menu-search::before { background-color: #fff; } /* ## Footer */ /* -- Footer Main */ .footer-main { background-color: #232323; } .footer-main .row { padding-top: 88px; padding-bottom: 10px; } .ftr-widget { margin-bottom: 27px; } /* -- Wiget:: About */ .about_widget { padding-right: 35px; } a.footer-logo { color: #fff; display: inline-block; float: left; font-family: 'Roboto Slab', serif; font-size: 18px; line-height: 16px; margin-bottom: 28px; padding-left: 56px; position: relative; text-decoration: none; text-transform: uppercase; } .footer-logo>img { left: 0; position: absolute; top: -6px; } .footer-logo span { color: #777; display: block; font-family: 'Roboto Slab', serif; font-size: 13px; line-height: 20px; text-transform: capitalize; } .about_widget ul { margin: 15px 0px; padding-left: 0; } .about_widget ul li { display: inline-block; } .about_widget ul li a { color: #888888; font-size: 13px; letter-spacing: 0.65px; line-height: 24px; margin-right: 33px; text-decoration: none; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .about_widget ul li a:hover { color: #ffc722; } .about_widget ul li:last-of-type a { margin-right: 0; } .about_widget p { color: #888; display: inline-block; font-size: 15px; font-weight: 400; line-height: 26px; width: 100%; } /* -- Widget Title */ .ftr-widget .widget-title { margin: 0; font-size: 18px; font-weight: 400; text-transform: capitalize; line-height: 26px; font-family: 'Roboto Slab', serif; color: #fff; position: relative; padding-bottom: 21px; margin-bottom: 23px; } .ftr-widget .widget-title::after { position: absolute; content: ""; left: 0; bottom: 0; background-color: #ffc722; width: 30px; height: 1px; } .footer2 .ftr-widget .widget-title { font-size: 16px; color: #ccc; padding-bottom: 15px; } .footer2 .ftr-widget { margin-bottom: 24px; } /* -- Widget:: Newsletter */ .newsletter_widget .input-group { min-height: 60px; padding: 4px 3px; display: inline-block; width: 100%; } .newsletter_widget .input-group-btn { position: absolute; right: 128px; top: 9.5px; z-index: 5; } .newsletter_widget .form-control { border: 1px solid #343434; border-radius: 0; box-shadow: none; text-shadow: none; background-color: transparent; color: #888; font-weight: 300; font-style: italic; font-size: 13px; line-height: 60px; min-height: 60px; padding-left: 19px; padding-right: 155px; letter-spacing: 0.52px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .newsletter_widget .form-control:focus { border-color: #fff; } .newsletter_widget .btn { background-color: #ffc722; border-radius: 0; min-height: 49px; border: 1px solid transparent; text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 700; line-height: 26px; letter-spacing: 0.42px; font-family: 'Roboto Slab', serif; padding: 8px 35px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; position: relative; z-index: 1; } .newsletter_widget .btn::before { position: absolute; content: ""; left: 0; right: 0; width: 0; bottom: 0; top: 0; background-color: rgba(35, 35, 35, 1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; z-index: -1; } .newsletter_widget .btn:hover::before { width: 100%; } /* -- Widget:: UpcomingEvent */ .upcomingevent_widget { padding-right: 35px; } .upcoming-eventbox { position: relative; } .upcoming-eventbox p { color: #888; font-size: 13px; line-height: 26px; } .upcoming-eventbox ul { padding-left: 0; display: inline-block; } .upcoming-eventbox ul li { display: inline-block; margin-right: 16px; } .upcoming-eventbox ul li:last-of-type { margin-right: 0; } .upcoming-eventbox ul li a { text-decoration: none; color: #888; font-size: 13px; line-height: 26px; text-transform: capitalize; } .upcoming-eventbox ul li a i { margin-right: 10px; } .upcoming-eventbox>a { float: right; font-size: 13px; line-height: 26px; letter-spacing: 0.39px; color: #eeba22; text-transform: capitalize; text-decoration: none; position: relative; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .upcoming-eventbox>a::before { position: absolute; content: ""; left: 0; bottom: 0; width: 0; background-color: #eeba22; height: 1px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .upcoming-eventbox>a:hover::before { width: 100%; } .upcoming-eventbox>a:hover { color: #fff; } .upcomingevent_widget .carousel-control { background: rgba(0, 0, 0, 0.2); height: 38px; line-height: 38px; opacity: 1; text-align: center; text-shadow: none; width: 38px; z-index: 999; font-size: 12px; top: -80px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .upcomingevent_widget .carousel-control:hover { background: rgba(255, 199, 34, 0.8); color: #333; } .upcomingevent_widget .left.carousel-control { left: auto; right: 50px; } /* -- Widget:: Flickr */ .flickr_widget ul { padding-left: 0; } .flickr_widget ul li { display: inline-block; margin-right: 8px; margin-bottom: 8px; position: relative; } .flickr_widget ul li a { text-decoration: none; } .flickr_widget ul li:nth-child(odd) a::before, .flickr_widget ul li:nth-child(even) a::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 199, 34, 0.4); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .flickr_widget ul li:nth-child(odd) a::before { height: 0; } .flickr_widget ul li:nth-child(odd) a:hover::before { height: 100%; } .flickr_widget ul li:nth-child(even) a::before { width: 0; } .flickr_widget ul li:nth-child(even) a:hover::before { width: 100%; } .flickr_widget ul li:last-of-type { margin-right: 0; } /* -- Footer Bottom */ .footer-bottom { border-top: 1px solid #343434; padding-top: 13px; padding-bottom: 28px; } .footer-bottom span { font-size: 12px; line-height: 26px; letter-spacing: 0.6px; color: #888; display: inline-block; font-family: 'Roboto Slab', serif; } .footer-bottom .ow-navigation { float: right; width: auto; } .footer-bottom .ow-navigation .nav.navbar-nav>li { margin: 0 12px; } .footer-bottom .ow-navigation .navbar-collapse { padding-right: 0; padding-left: 0; } .footer-bottom .ow-navigation .nav.navbar-nav li>a { margin-top: 5px; margin-bottom: 5px; font-size: 12px; line-height: 26px; letter-spacing: 0.6px; color: #888; display: inline-block; font-family: 'Roboto Slab', serif; font-weight: 400; } .footer-bottom .ow-navigation .nav.navbar-nav li>a:hover { color: #ffc722; } .footer2 .footer-bottom span, .footer2 .footer-bottom .ow-navigation .nav.navbar-nav li>a { text-transform: capitalize; font-weight: 300; font-size: 14px; font-family: 'Roboto', sans-serif; } /* -- Footer2 */ .footer2.footer-main { background-color: #242424; } .footer2.footer-main .row { padding-bottom: 55px; } .footer2 .about_widget { padding-right: 0; } .footer2 .about_widget>span { display: inline-block; width: 100%; color: #888; font-size: 14px; font-weight: 300; line-height: 24px; margin-bottom: 24px; letter-spacing: 0.28px; } .footer2 .about_widget.ftr-widget p { position: relative; padding-left: 42px; margin-bottom: 9px; color: #999; font-size: 14px; font-weight: 300; line-height: 24px; letter-spacing: 0.42px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .footer2 .about_widget.ftr-widget p:hover a, .footer2 .about_widget.ftr-widget p:hover span, .footer2 .about_widget.ftr-widget p:hover { color: #ffc722; } .footer2 .about_widget p span { position: absolute; left: 0; top: 0; font-size: 20px; color: #999; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .footer2 .about_widget p:first-of-type { margin-top: -3px; } .footer2 .about_widget p:first-of-type span { top: 5px; } .footer2 .about_widget p a { color: #999; text-decoration: none; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } /* -- Widget:: UsefullLink */ .footer2 .useful-llink { padding-left: 72px; } .footer2 .useful-llink ul { padding-left: 0; margin-bottom: 0; } .footer2 .useful-llink ul li { display: inline-block; width: 100%; margin-bottom: 12px; } .footer2 .useful-llink ul li:last-of-type { margin-bottom: 0; } .footer2 .useful-llink ul li a { color: #888; font-size: 14px; text-decoration: none; line-height: 28px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .footer2 .useful-llink ul li a:hover { color: #ffc722; margin-left: 5px; } /* -- Widget:: Flickr */ .footer2 .flickr_widget .flickr-box { position: relative; display: inline-block; width: 100%; margin-bottom: 17px; } .footer2 .flickr_widget .flickr-box img { position: absolute; left: 0; top: 0; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 100%; } .footer2 .flickr_widget .flickr-box p { padding-left: 80px; color: #ccc; font-size: 14px; line-height: 28px; text-transform: capitalize; } .footer2 .flickr_widget .flickr-box p span { display: block; color: #666; line-height: 24px; } /* -- Widget:: Newsletter */ .footer2 .ftr-widget.newsletter_widget>p { font-size: 14px; font-weight: 300; line-height: 24px; color: #888; } .footer2 .newsletter_widget .form-control { min-height: 45px; line-height: 45px; padding-right: 65px; background-color: #2c2c2c; border: none; } .footer2 .newsletter_widget .input-group { margin-top: 11px; } .footer2 .newsletter_widget .input-group-btn { position: absolute; right: 50px; top: 4px; } .footer2 .newsletter_widget .btn { min-height: 44px; line-height: 30px; padding: 5px 13px; font-weight: 700; } .footer2 .newsletter_widget ul { padding-left: 0; margin-bottom: 0; border-top: 1px solid #383838; padding-top: 22px; margin-top: 16px; } .footer2 .newsletter_widget ul li a { color: #949494; font-size: 14px; text-decoration: none; line-height: 26px; letter-spacing: 2.8px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; margin-right: 18px; } .footer2 .newsletter_widget ul li a:hover { color: #ffc722; } .footer2 .newsletter_widget ul li:last-of-type a { margin-right: 0; } .footer2 .newsletter_widget ul li { display: inline-block; } /* ## Page Banner */ .pagebanner { position: relative; } .pagebanner::before { background-color: rgba(0, 0, 0, 0.7); bottom: 0; content: ""; display: inline-block; left: 0; position: absolute; right: 0; top: 0; display: none; } .pagebanner-content { margin-top: 135px; } .pagebanner h3 { position: relative; font-size: 35px; line-height: 26px; font-family: 'Roboto Slab', serif; font-weight: 700; color: #fff; display: inline-block; float: left; margin: 0; } .pagebanner .breadcrumb { background-color: rgba(0, 0, 0, 0); border-radius: 0; float: right; margin-bottom: 0; padding: 0; position: relative; } .pagebanner .breadcrumb>li+li::before { content: "-"; padding: 0 6px 0 2px; color: #fff; } .pagebanner .breadcrumb li { color: #fff; font-size: 12px; letter-spacing: 0.6px; line-height: 26px; font-weight: 400; font-family: 'Roboto Slab', serif; text-transform: capitalize; } .pagebanner .breadcrumb a { color: #fff; text-decoration: none; } .bg-color { background-color: #084d89; color: #fff; } /* ========================================================================== */ /* ========================================================================== */ /* [ Responsive ] */ /* ========================================================================== */ /* ========================================================================== */ /* -- min-width: 1200 */ @media (min-width: 1200px) { .container { width: 1200px; } } /* -- min-width: 992 */ @media (min-width: 992px) { /* -- Footer Main */ .footer-main .col-md-6:nth-child(2n+1) { clear: both; } .footer-main.footer2 .col-md-3:nth-child(4n+1) { clear: both; } } /* -- min-width: 992 to max-width: 1199 */ @media only screen and (min-width: 992px) and (max-width: 1199px) { /* -- Footer Main */ /* -- Wiget:: About */ .about_widget ul li a { margin-right: 5px; } /* -- Wiget:: UpcomingEvent */ .upcoming-eventbox ul li { margin-right: 10px; } /* -- Footer2 */ .footer2 .about_widget.ftr-widget p { padding-left: 35px; } .footer2 .useful-llink { padding-left: 40px; } } /* -- max-width: 991 */ @media (max-width: 991px) { /* -- Menu Block */ /* -- Menu Search */ .menu-block .menu-search { right: 85px; top: 18px; } .menu-block .menu-search::before { width: 0; } .menu-search .sb-search.sb-search-open .sb-search-input { top: 35px; width: 230px; } .menu-block.navbar-fixed-top .menu-search { top: 15px; } .menu-block.navbar-fixed-top .menu-search .sb-search.sb-search-open .sb-search-input { top: 40px; } /* -- Footer Main */ .footer-main .col-md-6:nth-child(2n+1) { clear: both; } /* -- Widget:: About */ .about_widget ul { display: inline-block; width: 100%; text-align: center; } /* -- Widget:: UpcomingEvent */ .upcoming-eventbox>a { float: left; } /* -- Footer Bottom */ .footer-bottom { padding-top: 0; padding-bottom: 7px; } .footer-bottom span { line-height: 50px; } .footer-bottom .ow-navigation { position: relative; margin-top: -50px; width: 100%; } .footer-bottom .ow-navigation .nav.navbar-nav>li, .footer-bottom .ow-navigation .nav.navbar-nav li>a { margin: 0; } .footer-bottom .ow-navigation .navbar-collapse>ul>li>a { padding-top: 2px; padding-bottom: 2px; } /* -- Footer2 */ .footer2.footer-main .col-md-3:nth-child(2n+1) { clear: both; } .footer2 .useful-llink { padding-left: 0; } .footer2 .about_widget.ftr-widget p { margin-bottom: 12px; } /* -- PageBanner */ .pagebanner h3 { font-size: 25px; } } /* -- max-width: 767 */ @media (max-width: 767px) { /* -- Top Header */ .topheader-left { width: 60%; } .topheader-right { width: 40%; } /* -- Footer Main */ .footer-main .row { padding-bottom: 0; padding-top: 30px; } .footer-main .row /* -- Widget:: About */ .about_widget { padding-right: 5px; } .about_widget ul { display: inline-block; width: auto; text-align: center; } /* -- Widget:: UpcomingEvent */ .upcoming-eventbox>a { float: right; } /* -- PageBanner */ .pagebanner h3 { font-size: 25px; width: 100%; text-align: center; } .pagebanner .breadcrumb { display: inline-block; float: none; width: 100%; margin-top: 25px; text-align: center; } } /* -- max-width: 639 */ @media (max-width: 639px) { /* -- Top Header */ .topheader-left { width: 72% } .topheader-right { width: 28%; } .topheader-left a, .topheader-right a { font-size: 11px; } .topheader-left a { margin-right: 5px; padding-right: 15px; } .topheader-right a { margin-right: 5px; padding-right: 5px; } /* -- Widget:: UpcomingEvent */ .upcoming-eventbox ul li { margin-right: 8px; } /* -- PageBanner */ .pagebanner h3 { font-size: 20px; } } /* -- max-width: 479 */ @media (max-width: 479px) { /* -- Top Header */ .top-header { line-height: 35px; } .topheader-left, .topheader-right { width: 100%; text-align: center; } .topheader-left a { font-size: 11px; padding-right: 11px; margin-right: 5px; } .topheader-left a i { margin-right: 5px; font-size: 20px; } .topheader-right { float: none; } /* -- widget:: About */ .about_widget ul { width: 100%; } /* -- widget:: Newsletter */ .newsletter_widget .input-group { padding: 4px 0; } /* -- widget:: UpcomingEvent */ .upcomingevent_widget { padding-right: 5px; } .upcoming-eventbox>a { float: left; } /* -- Footer Bottom */ .footer-bottom span { font-size: 10px; } /* -- PageBanner */ .pagebanner-content { margin-top: 130px; } .pagebanner h3 { font-size: 18px; } } /*=========== own-css-start =============*/ .top-logo .container-fluid { padding: 0 30px 0 15px; } .hotline-div h3 { color: #ea1f1f; margin-top: 0; } .hotline-div p:nth-child(3) { margin-bottom: 0; } .hotline-div p { font-size: 17px; font-weight: 500; } .hotline-div p span { font-size: 18px; font-weight: 600; } .hotline-div { padding: 40px 0 0px; } .blink-div { background: #f9f9f9; } .blink-div h3 a:hover { text-decoration: none; } .blink-div h3 a:focus { text-decoration: none; } .blink-div h3 { color: #084d89; font-size: 26px; line-height: 32px; margin: 25px 0 0; /*background: -webkit-linear-gradient(#f00 40%, #ff8303 66%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ } .blink-soft { animation: blinker 1s step-end infinite; } @keyframes blinker { 50% { opacity: 0; } } .blink { background-color: #ffb100; -webkit-animation: blink 1s step-end infinite; animation: blink 1s step-end infinite; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @-webkit-keyframes blink { 50% { background-color: blue; } } @keyframes blink { 50% { background-color: blue; } } .column { float: left; width: 33.33%; padding: 5px; } /* Clearfix (clear floats) */ .row::after { content: ""; clear: both; display: table; } /*.column img{ display: block; margin-left: auto; margin-right: auto; width: 99%; }*/ .logo-div img { margin: 26px 0px 0px 0px; } .logo-div1 img { position: relative; left: 25%; } .logo-content h6 { color: #f7a703; margin: 0px; font-size: 20px; } .logo-content h1 { font-size: 28px; color: #084d89; margin: 10px 0px; } .logo-content { margin: 36px 0px; } .menu-block { background-color: #084d89; } .footer-links { margin-left: 15px; padding-left: 0px; } .footer-links li { color: #888; padding-bottom: 14px; } .footer-links li a { color: #888; text-decoration: none; } .footer-links li a:hover { color: #f7a703; } .fotter-address p { color: #888; font-size: 15px; line-height: 26px; font-weight: 400; } .fotter-address p a { color: #888; } .fotter-address p .fa { margin-right: 15px; } .copyright span { text-align: center; } .copyright { text-align: center; } .event-box img { width: 100%; } #return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgb(8, 77, 137); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 999; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: rgba(0, 0, 0, 0.9); } #return-to-top:hover i { color: #fff; top: 5px; } #quick-link { margin-left: 40px; } .testimonial-box p a .fa { margin-right: 5px; color: #ffc722; } .about-content p { color: #555; line-height: 24px; } .about-trust-title-div img { margin-bottom: 20px; } .about-content .sub-title { padding: 20px 0px 10px 0px; color: #084d89; margin: 5px 0px 0px 0px; } .about-trust-tabel { width: 100%; border-collapse: collapse; border: 1px solid #999; } .about-trust-tabel td, th { border: 1px solid #999; padding: 8px; } .about-trust-tabel th { background-color: #eee; } .about-trust-tabel tr:nth-child(even) { background-color: #eee; } .about-trust-sub-content p { line-height: 25px; margin-bottom: 12px; } .about-trust-content h4 { font-size: 16px; } .hostel-facilities-ul { overflow: hidden; padding: 0px 0px 0px 20px; color: #555; } .hostel-facilities-ul li { width: 33.333%; float: left; padding: 0px 0px 10px 0px; } .academic-syllabus a { position: relative; padding: 0px 30px 0px 30px; font-weight: 600; display: block; } .academic-syllabus p { margin-bottom: 15px; } .academic-syllabus .sub-title { margin: 30px 0px 15px 0px; } .academic-syllabus a::before { position: absolute; content: ""; left: 0px; background-image: url('images/pdf-icon.png'); width: 20px; height: 25px; } .library-staff-tabel { width: 100%; border-collapse: collapse; border: 1px solid #999; } .library-staff-tabel td, th { border: 1px solid #999; padding: 8px; } .library-staff-tabel th { background-color: #eee; } .library-staff-tabel tr:nth-child(even) { background-color: #eee; } .question-bank-ul li { list-style: none; padding-bottom: 15px; width: 33.3333%; float: left; } .question-bank-ul { padding-left: 0px; overflow: hidden; } .gallery-img-div { margin-bottom: 30px; } .seminar-and-symposium-tabel { width: 100%; border-collapse: collapse; border: 1px solid #999; } .seminar-and-symposium-tabel td, th { border: 1px solid #999; padding: 8px; } .seminar-and-symposium-tabel tr:nth-child(odd) { background-color: #eee; } .courses-content p { padding-bottom: 30px; } .courses-content .float-left-p { float: left; } .courses-table th { border: none; padding: 5px 20px; } .courses-table td { padding: 5px 20px; } .faculties-tabel { width: 100%; border-collapse: collapse; border: 1px solid #999; } .faculties-tabel td, th { border: 1px solid #999; padding: 6px; font-size: 13px; } .new-section { padding: 30px 0px; } /*.faculties-tabel tr:nth-child(odd) { background-color: #dddddd; }*/ .gallery-img-div { position: relative; } .gallery-img-div a:hover>.img-hover-effect { display: block; } .img-hover-effect { position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background-color: #0000009c; cursor: pointer; display: none; transition: .10s all; -webkit-transition: .10s all; -moz-transition: .10s all; -o-transition: .10s all; } .img-hover-effect .fa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #fff; } .contact-address p .fa { margin-right: 5px; width: 20px; height: 20px; } .contact-address { padding-bottom: 30px; } .contact-address ul { padding-left: 0px; } .contact-address ul li { position: relative; list-style: none; color: #777; font-size: 15px; line-height: 26px; padding-bottom: 10px; padding-left: 30px; } .contact-address ul .address-li::before { position: absolute; top: 0; left: 0px; font-family: "FontAwesome"; content: "\f041"; font-size: 16px; width: 20px; height: 20px; } .contact-address ul .phone-li::before { position: absolute; top: 0; left: 0px; font-family: "FontAwesome"; content: "\f095"; font-size: 16px; width: 20px; height: 20px; } .contact-address ul .fax-li::before { position: absolute; top: 0; left: 0px; font-family: "FontAwesome"; content: "\f1ac"; font-size: 16px; width: 20px; height: 20px; } .contact-address ul .email-li::before { position: absolute; top: 0; left: 0px; font-family: "FontAwesome"; content: "\f0e0"; font-size: 16px; width: 20px; height: 20px; } .about-college-img img { margin-top: 30px; } .about-trust-img img { margin-top: 30px; } .hospital-and-opds-img img { margin-top: 30px; } .downloads-content-div h3 { position: relative; padding-left: 30px; font-weight: 600; } .downloads-content-div h3::before { position: absolute; content: ""; left: 0px; background-image: url(images/pdf-icon.png); width: 20px; height: 25px; position: absolute; left: 0px; top: 0px; } .about-trust-link-btn a button { margin-top: 30px; padding: 15px 30px; background: #084d89; border: 0px; border-radius: 0px; outline: none; color: #fff; } .about-trust-link-btn a button:hover { background: #f7a703; transition: .8s all; -webkit-transition: .8s all; -o-transition: .8s all; -ms-transition: .8s all; } .about-trust-link-btn { text-align: center; } .logo-div img { /*width: 100%;*/ } .logo-content { margin: 36px 0px; /*margin-left: -25px;*/ position: relative; left: 20px; } .shekharchandra-div { padding-left: 70px; } .form-group span { padding: 0px 20px 0px 3px; } .form-group label { color: #555; width: 100%; padding-bottom: 8px; font-size: 17px; } #feedback-form-div { padding: 30px; box-shadow: 0 0 14px 3px #0000001f; } .form-group select { font-weight: 500; font-size: 14px; border-radius: 0; padding: 12px 0px; line-height: 26px; padding-left: 19px; color: #777; letter-spacing: 0.52px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; width: 100%; outline: none; border: 1px solid #ccc; } .form-group select option { color: #555; font-weight: 600; padding: 10px; line-height: 30px; } .form-br { display: none; } input[type=checkbox], input[type=radio] { cursor: pointer; } .modal-body { padding: 0px 0px 30px 0px; } .mt-3 { margin-top: 10px; } .update-space1 { width: 30%; } .update-space2 { width: 35%; } .modal-body a.btn-link, a.btn-link { display: inline-block; padding: 10px 30px; background-color: #084d89; color: #fff; text-decoration: none; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; } .modal-body a.btn-link:hover, a.btn-link:hover, a.btn-link:focus { background-color: #f7a703; text-decoration: none; } .modal-body h1 { margin-top: 0px; margin-bottom: 5px; color: #f7a703; } .modal-body h3 { margin-top: 15px; margin-bottom: 20px; color: #084d89; } .modal-title { color: #084d89; } .modal-header { padding: 15px; border-bottom: 0px solid #e5e5e5; } .modal-body.border { border-top: 1px solid #e5e5e5; } .about-ul-content { padding-left: 20px; } .about-ul-content li { color: #555; width: 32.33%; float: left; line-height: 24px; padding-top: 10px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); border: 2px solid #f7a703; } .event { position: absolute; margin-top: -150px; } th { text-align: center; } .footer-img img { display: block; margin-left: auto; margin-right: auto; padding: 10px 0px 10px 0px; } .awards-achievements-img { width: 100%; margin-left: auto; margin-right: auto; display: block; } .awards-img img { margin-top: 10px; } @media screen and (max-width: 1024px) and (min-width: 320px) { .update-space1 { width: 100%; } .update-space2 { width: 100%; margin-top: 10px; } } @media screen and (max-width: 768px) and (min-width: 320px) { .logo-content { margin: 24px 0px; } .logo-content h1 { font-size: 17px; } .welcome-box img { width: 100%; } .event-box img { margin-bottom: 20px; } .about-img-div img { margin-bottom: 20px; } .hostel-facilities-ul li { width: 50%; } .question-bank-ul li { width: 100%; float: none; } .question-bank-ul { padding-left: 0px; } .section-header { margin-bottom: 6px; } .academic-syllabus a { line-height: 30px; } .table-responsive { overflow-x: scroll; } .faculties-tabel-div { overflow-x: scroll; } .getintouch { padding-left: 0px !important; } .logo-content h6 { font-size: 19px; } .library-staff-tabel-div { overflow-x: scroll; } .about_widget ul { text-align: left; } .logo-div img { width: auto; } .logo-content { margin-left: 0px; } .shekharchandra-div { padding-left: 0px; } .form-br { display: block; } input[type=checkbox], input[type=radio] { margin: 4px 0 10px; margin-top: 1px\9; line-height: normal; } .about-ul-content li { width: 100%; float: none; } .top-logo .container-fluid { padding: 20px 0; margin: 0 15px; } .top-logo { padding: 5px 0px; text-align: center; } .hotline-div { padding: 15px 0; } .hotline-div h3 { font-size: 20px; } .hotline-div p { font-size: 15px; margin-bottom: 5px; } .hotline-div p span { font-size: 16px; } } @media screen and (max-width: 640px) and (min-width: 320px) { #quick-link { margin: 0px; } .footer-bottom span { font-size: 10px; } .top-logo { margin: 0 auto; text-align: center; } .logo-content { margin: 12px 0px; } .about-trust-sub-content { border-bottom: 1px solid #eee; } .hostel-facilities-ul li { width: 100%; float: none; } .about-content .sub-title { padding: 0px 0px 0px 0px; font-size: 20px; line-height: 26px; } .about_widget ul { text-align: left; } .blink-div h3 { font-size: 22px; margin: 50px 0 0; } } @media screen and (max-width: 520px) and (min-width: 320px) { .footer-bottom span { line-height: 20px; padding: 20px 0px; } .shekharchandra-div { margin-top: 20px; } .ow-navigation .navbar-header { float: none; /* padding-top: 12px; */ /* padding-bottom: 5px; */ padding: 12px; } } @media screen and (max-width: 425px) and (min-width: 320px) { .logo-content { position: relative; left: 7px; } .logo-content h6 { font-size: 10px; } .logo-content h1 { font-size: 14px; } .modal-body h1 { font-size: 25px; } .modal-body h3 { font-size: 18px; } } /*index page - latest event section*/ .latest-event-section { padding: 60px 0px; } /*slider arrow*/ .fa-arrow-left { position: absolute; left: -60px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; line-height: 50px; background-color: #084d89; text-align: center; border-radius: 50%; color: white; font-size: 17px; cursor: pointer; } .fa-arrow-right { position: absolute; right: -60px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; line-height: 50px; background-color: #084d89; text-align: center; border-radius: 50%; color: white; font-size: 17px; cursor: pointer; } /*index page latest-event section*/ @media screen and (max-width: 1024px) { .latest-section-center { position: relative; left: 0px !important; } .latest-events { margin-top: 20px; } .fa-arrow-left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; background-color: #084d89; text-align: center; border-radius: 50%; color: white; font-size: 14px; z-index: 999; } .fa-arrow-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; background-color: #084d89; text-align: center; border-radius: 50%; color: white; font-size: 14px; z-index: 999; } } @media screen and (max-width: 768px) { .logo-div1 { display: none; } .latest-events { margin-top: 20px; } .fa-arrow-left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; background-color: #084d89; text-align: center; border-radius: 50%; color: white; font-size: 14px; z-index: 999; } .fa-arrow-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; background-color: #084d89; text-align: center; border-radius: 50%; color: white; font-size: 14px; z-index: 999; } } .index-important-box { padding: 55px 0px; background-color: #d3eaff; } .latest-block { margin: auto; } .latest-section-center { position: relative; left: 175px; } @media screen and (max-width: 425px) { .latest-events { margin-top: 20px; } } @media screen and (max-width: 375px) { .latest-events { margin-top: 20px; } } @media screen and (max-width: 320px) {} /*submenr*/ /*.four a:hover > ul.dropdown-menu { display: block; } .dropdown-submenu { position:relative; background-color: #084d89; text-decoration: none; } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; } */ /* rotate caret on hover */ /*.dropdown-menu > li > a:hover:after { text-decoration: underline; transform: rotate(-90deg); } */ /*.dropdown{ display:inline-block; position:relative; } .dropdown button{ border:none; padding:8px 16px; background-color:seaGreen; color:#fff; transition:.3s; cursor:pointer; }*/ /* .dropdown:hover button{ background-color:mediumSeaGreen; } .dropdown:hover{ filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2)); } .dropdown > div{ background-color:#fff; z-index:1; visibility:hidden; position:absolute; min-width:100%; opacity:0; transition:.3s; }*/ .dropdown .submenu { position: relative; text-decoration: none !important; } .dropdown .submenu>div { background-color: #084d89; visibility: hidden; position: absolute; left: 0%; top: 0; transition: .3s; opacity: 0; } /*use the following commented class if you wanna show submenu at left*/ /* .dropdown .submenu.atLeft > div{ left:-100%; } */ .dropdown .submenu:hover>.four { visibility: visible; opacity: 1; } /* .dropdown:hover > div{ visibility:visible; opacity:1; }*/ /* .dropdown a{ display:block; text-decoration:none; padding:8px; color:#000; transition:.1s; white-space:nowrap; } */ /* .dropdown a:hover,.dropdown .submenu:hover > a{ background-color:mediumSeaGreen; color:#fff; }*/ /*alumni*/ /*.container{ height:100%; display:flex; align-items:center; justify-content:center; }*/ /*.content{ background-color:white; } img{ width: 100%; height: 25%; } .form-title{ padding:10px 40px 0px; } form{ padding:0px 40px; } input[type=text], [type=email]{ border: none; border-bottom: 1px dotted black; background-color: #084d8900; outline:none; width:100%; margin: 8px 0; padding:10px 0; } input[type=text], [type=email]{ border: none; border-bottom: 1px dotted black; outline:none; width:100%; margin: 8px 0; background-color: #084d8900; padding:10px 0; } input[type=number]{ border: none; border-bottom: 1px dotted black; background-color: #084d8900; outline:none; margin: 8px 0; padding:5px 0; } input :hover { background-color: red; } select{ border: none; border-bottom: 1px dotted black; background-color: #084d8900; outline:none; margin: 8px 0; padding:5px 0; width:50%; } .beside{ display:flex; justify-content: space-between; } .alumni{ color:#ffffff; background-color: #f7a703; height:50px; width:200px; margin:15px 0px; cursor: pointer; border:none; border-radius:10px; outline:none; text-align:center; font-size:16px; font-weight: 600; text-decoration:none; -webkit-transition-duration:0.4s; transition-duration:0.4s; } .alumni-association{ background-color: #084d8912 !important; border-radius: 20px; margin: 60px 0px; padding: 5px 0px; } .placeholder{ background-color: #084d8917 !important; font-size: 16px !important; font-weight: 600 !important; } .alumni-heading-1{ font-size: 35px; font-weight: 600; text-align: center; padding: 60px 0px 0px 0px; } .alumni-content{ font-size: 16px; font-weight: 600; text-align: center; } .alumni-link{ cursor: pointer; color: #f7a703; text-decoration: none; } .alumni-link: hover{ cursor: pointer; color: #f7a703 !important; text-decoration: none !!important; }*/ /*.well { height: 100vh; width: 100vw; display: flex; justify-content: center; flex-direction: column; align-items: center; } */ /*.form-group { width: 300px; }*/ /*label, input { display: block; font-size: 16px; }*/ /*label {margin-bottom: 10px; font-weight: bold} input { padding: 12px 16px; width: 100%; border-radius: 3px; border: none; outline: 2px solid #efefef; }*/ @media only screen and (min-width: 320px) and (max-width: 575px) { /*{ .beside { display: block; justify-content: space-between; }*/ } .alumni-maintain { margin: 0px 0px 50px 0px; } .form-control { width: 400px !important; background-color: #f4f4f4; } .alumni-input { margin: 15px 0px; } .alumni-lable { margin: 15px 0px; } .beside { display: flex; justify-content: space-between; width: 800px; } .p-text { margin-top: 50px; margin-bottom: 60px; } .association-form { width: 1200px; margin-right: 100px; } .form-submit { color: black; margin-left: 320px !important; font-size: 16px; font-weight: 600; background-color: #fbba2b; padding: 10px 30px; margin: 10px 0px; } .form-mail { color: #e8a000; text-decoration: none; } .form-mail:hover { color: #e8a000; text-decoration: none; } .form-label { font-size: 16px; font-weight: 300; } .getintouch h2 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin: 9px 0 23px; padding-bottom: 17px; } /*blinking*/ body { font-family: 'Roboto', sans-serif; } #container { display: flex; flex-direction: column; align-items: center; justify-content: center; } #example-link { margin-top: 50px; } a { color: #000; } a:hover { color: #000; text-decoration: none; } /* BELOW: CODE FOR NEON FONT EFFECT */ #click-here { font-family: 'Roboto', sans-serif; font-size: 20px; filter: blur(0.3px); } .neon { display: block; margin: 5px 0px 0px 0px; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 1px; animation: glow 5s linear infinite; -moz-animation: glow 5s linear infinite; -webkit-animation: glow 2s linear infinite; -o-animation: glow 2s linear infinite; } @keyframes glow { 50% { text-shadow: 0 0 0.5vw #fac425, 0 0 2vw #fac425, 0 0 3vw #fac425, 0 0 3vw #fff, 0 0 5vw #fac425, 0 0 3vw #fac425, 0 0 2vw #fac425, 0 0 0.5vw #fac425; color: #ff6347; } 0%, 100% { text-shadow: 0 0 0.5vw #ffffff, 0 0 1vw #ffffff, 0 0 2vw #ffffff, 0 0 3vw #ffffff, 0 0 5vw #ffffff, 0 0 2vw #ffffff, 0 0 1vw #ffffff, 0 0 0.5vw #fac425; color: #ff3366; -webkit-text-stroke: 0.1px #ff69b4; } } @media only screen and (min-width: 320px) and (max-width: 575px) { .neon { display: block; margin-left: auto; margin-right: auto; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 1px; animation: glow 5s linear infinite; -moz-animation: glow 5s linear infinite; -webkit-animation: glow 2s linear infinite; -o-animation: glow 2s linear infinite; } .form-control { width: 290px !important; background-color: #f4f4f4; } .beside { display: block; justify-content: space-between; width: 300px; padding: 0px 5px; margin-left: auto; margin-right: auto; } .getintouch h3 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin-right: auto; margin-left: auto; text-align: center; padding: 0px 5px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .neon { display: block; margin-left: auto; margin-right: auto; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 1px; animation: glow 5s linear infinite; -moz-animation: glow 5s linear infinite; -webkit-animation: glow 2s linear infinite; -o-animation: glow 2s linear infinite; } .form-control { width: 290px !important; background-color: #f4f4f4; } .beside { display: block; justify-content: space-between; width: 500px; padding: 0px 25px; margin-left: auto; margin-right: auto; } .getintouch h3 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin: 9px 0 23px; padding: 0px 5px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .form-control { width: 470px !important; background-color: #f4f4f4; } .beside { display: flex; justify-content: space-between; width: auto; padding: 0px 5px; } .getintouch h3 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin: 9px 0 23px; padding: 0px 5px; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .form-control { width: 500px !important; background-color: #f4f4f4; } .beside { display: flex; justify-content: space-between; width: 800px; margin-right: auto; padding: 0px 5px; margin-left: auto; } .getintouch h3 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin: 9px 0 23px; padding: 0px 5px; } } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .form-control { width: 500px !important; background-color: #f4f4f4; } .beside { display: flex; justify-content: space-between; width: 800px; margin-right: auto; padding: 0px 5px; margin-left: auto; } .getintouch h3 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin: 9px 0 23px; padding: 0px 5px; } } @media only screen and (min-width: 1200px) and (max-width: 1440px) { .form-control { width: 500px !important; background-color: #f4f4f4; } .beside { display: flex; justify-content: space-between; width: 800px; margin-right: auto; padding: 0px 5px; margin-left: auto; } .getintouch h3 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin: 9px 0 23px; padding: 0px 5px; } } @media only screen and (min-width: 1441px) and (max-width: 2000px) { .form-control { width: 500px !important; background-color: #f4f4f4; } .beside { display: flex !important; justify-content: space-between; width: 800px; margin-right: auto !important; padding: 0px 5px; margin-left: auto !important; } .getintouch h3 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin: 9px 0 23px; padding: 0px 5px; } } @media only screen and (min-width: 2001px) { .form-control { width: 290px !important; background-color: #f4f4f4; } .beside { display: flex !important; justify-content: space-between; width: 800px; margin-right: auto !important; padding: 0px 5px; margin-left: auto !important; } .getintouch h3 { color: #333; font-weight: 700; font-family: 'Roboto Slab', serif; position: relative; text-transform: capitalize; line-height: 28px; margin: 9px 0 23px; padding: 0px 5px; } } /*media start*/ @media (min-width: 769px) { .desktop-view { display: block; text-align: center; } .mobile-view { display: none; text-align: center; } } @media (max-width: 768px) { .desktop-view { display: none; } .mobile-view { display: block; text-align: center; } } /*media end*/ /*blinking link*/ .text-red { color: red; font-weight: 600; font-size: 20px; } .blink-hard { animation: blinker 1s step-end infinite; } .blink-soft { animation: blinker 2s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } .latest { color: gray; font-size: 14px !important; margin-top: 10px; } /*=========== own-css-end ===============*/ .sub-title-2 { color: #084d89; padding-top: 10px; font-size: 20px; font-weight: 800; } .add { text-align: center; } .ow-navigation ul li>.dropdown-menu{ max-width: 290px !important; min-width: 290px !important; } /* .main-header-nav{ display: flex; justify-content: space-evenly; } */ .ow-navigation .nav.navbar-nav>li{ padding: 0px 15px !important; } .question-bank-ul h2 span{ color: #f7a703; } .question-bank-ul h2 { color: #084d89; font-weight: 700; text-align: center; padding-bottom: 20px; } .full-main{ background: #084d89; } .full-main .full-top-ul li{ list-style: none; padding: 10px 15px; display: flex; align-items: center; } .full-main .full-top-ul li a{ color: #fff; font-size: 11px; line-height: 26px; font-weight: 600; text-transform: uppercase; } .full-main .full-top-ul{ display: flex; justify-content: flex-end; align-items: center; margin-right: 90px; margin-bottom: 0px; } @media (max-width:991px){ .ow-navigation .nav.navbar-nav li>a{ color: #fff !important; } .full-main .full-top-ul li{ padding: 20px 20px 20px 0px } } /* mobile-view-li */ @media only screen and (min-width:320px) and (max-width:1023px){ .full-main{ display: none; } } @media only screen and (min-width:1024px) and (max-width:1439px){ .mobile-view-li{ display: none !important; } .ow-navigation .nav.navbar-nav>li { padding: 0px 10px !important; } .full-main .full-top-ul{ margin-right: 30px; } } @media only screen and (min-width:1440px){ .full-main { display: none; } .ow-navigation .nav.navbar-nav>li { padding: 0px 18px !important; } } @media only screen and (min-width:1100px) and (max-width:1200px){ .ow-navigation .nav.navbar-nav>li { padding: 0px 12px !important; } } @media only screen and (min-width:1200px) and (max-width:1439px){ .ow-navigation .nav.navbar-nav>li { padding: 0px 18px !important; } } .latest-news-container { position: relative; border: 1px solid #777; background: linear-gradient(110deg, #084d89e6 60%, #084d89 60%); } .latest-news-container, .latest-news-container .headertext { padding: 7px; background-color: #fff; color: #626060; font-weight: bold; } .latest-news-container .headertext { position: absolute; top: 0; left: 0; z-index: 10; padding: 11px 10px; border-right: 1px solid #777; background: #C8102E; color: #fff; text-shadow: 1px 1px #111; } .latest-news-container marquee { line-height: 1.5; } .latest-news-container marquee p { margin: 0; } /* .inner-marquee { display: flex; justify-content: space-evenly; } */ .latest-news a::before { position: absolute; content: ""; left: 0px; background-image: url(images/pdf-icon.png); width: 20px; height: 25px; } .latest-news a{ display: flex; margin-left: 30px; font-weight: 500; } .text-red { color: red; } .blink-hard { animation: blinker 1s step-end infinite; } .blink-soft { animation: blinker 1.5s linear infinite; } @keyframes blinker { 50% { opacity: 0; } }