/* ========================================================= MERGED CSS Sources: base CSS + custom CSS + header CSS Exact duplicate top-level blocks removed. Conflicting/overriding rules are intentionally preserved so existing page behavior is not silently changed. ========================================================= */ @charset "utf-8"; @font-face { font-family: 'Open Sans'; src: url('OpenSans-Bold.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Bold.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Bold.woff') format('woff'), url('../fonts/opensans/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-BoldItalic.eot'); src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2'), url('../fonts/opensans/OpenSans-BoldItalic.woff') format('woff'), url('../fonts/opensans/OpenSans-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-ExtraBold.eot'); src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/opensans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/opensans/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/opensans/OpenSans-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Italic.eot'); src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/opensans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Italic.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Italic.woff') format('woff'), url('../fonts/opensans/OpenSans-Italic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Light.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Light.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Light.woff') format('woff'), url('../fonts/opensans/OpenSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Italic_1.eot'); src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/opensans/OpenSans-Italic_1.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Italic_1.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Italic_1.woff') format('woff'), url('../fonts/opensans/OpenSans-Italic_1.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-LightItalic.eot'); src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/opensans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-LightItalic.woff2') format('woff2'), url('../fonts/opensans/OpenSans-LightItalic.woff') format('woff'), url('../fonts/opensans/OpenSans-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-SemiBold.eot'); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/opensans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/opensans/OpenSans-SemiBold.woff') format('woff'), url('../fonts/opensans/OpenSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Regular.eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Regular.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Regular.woff') format('woff'), url('../fonts/opensans/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-SemiBoldItalic.eot'); src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/opensans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('../fonts/opensans/OpenSans-SemiBoldItalic.woff') format('woff'), url('../fonts/opensans/OpenSans-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-BlackItalic.eot'); src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url('../fonts/Source_Sans_Pro/SourceSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-BlackItalic.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-BlackItalic.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-Black.eot'); src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url('../fonts/Source_Sans_Pro/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-Black.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-Black.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-BoldItalic.eot'); src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url('../fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-Bold.eot'); src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-ExtraLightItalic.eot'); src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLightItalic.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-Italic.eot'); src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('../fonts/Source_Sans_Pro/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-Italic.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-Italic.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-ExtraLight.eot'); src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLight.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLight.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-LightItalic.eot'); src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-Light.eot'); src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/Source_Sans_Pro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-Light.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-Light.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-SemiBoldItalic.eot'); src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-Regular.eot'); src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans Pro'; src: url('SourceSansPro-SemiBold.eot'); src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.woff2') format('woff2'), url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.woff') format('woff'), url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('Poppins-Bold.eot'); src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/Poppins-Bold.woff2') format('woff2'), url('../fonts/poppins/Poppins-Bold.woff') format('woff'), url('../fonts/poppins/Poppins-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('Poppins-Regular.eot'); src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/Poppins-Regular.woff2') format('woff2'), url('../fonts/poppins/Poppins-Regular.woff') format('woff'), url('../fonts/poppins/Poppins-Regular.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('Poppins-Italic.eot'); src: local('Poppins Italic'), local('Poppins-Italic'), url('../fonts/poppins/Poppins-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/Poppins-Italic.woff2') format('woff2'), url('../fonts/poppins/Poppins-Italic.woff') format('woff'), url('../fonts/poppins/Poppins-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } /* Main Website Font */ body { font-family: "Poppins", sans-serif; color: #1e2a3a; } /* Paragraph & Content Font */ p, li, td, th { font-family: "Inter", sans-serif; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; } /* Navigation / Menu */ .menuzord-menu, .menuzord-menu li a { font-family: "Poppins", sans-serif; } .main-content { background: #fff; width: 100%; position: relative; } .Mayor-video-msg { background: url(../images/npatt.png); padding: 40px 0 40px } .Mayor-video-msg .container { padding-top: 0; padding-bottom: 0 } .Mayor-welcome h5 { font-weight: 700; color: #fff; margin: 0 0 16px } .Mayor-welcome p { font-size: 16px; color: #fff; line-height: 24px; margin: 0 0 31px } .Mayor-welcome h6 { font-weight: 600; color: #fff; margin: 0 0 6px; position: relative } .Mayor-welcome strong { color: #fff; font-size: 15px; font-style: italic; font-weight: 500 } .Mayor-welcome h6:after { position: absolute; left: 0; top: -14px; background: rgba(255,255,255,.2); width: 80px; height: 2px; content: "" } .Mayor-video-msg .city-tour { margin-top: -90px; box-shadow: 6px 10px 20px rgba(0,0,0,.15); -webkit-box-shadow: 6px 10px 20px rgba(0,0,0,.15) } .newsTabSection .tabPanelBox { position: relative } .newsTabSection .tabPanelBox .resp-tabs-list li:after { display: none } .newsTabSection .tabPanelBox .resp-tabs-list { width: 148px; display: table; height: 300px; background: 0 0; position: absolute; left: 0; top: 0 } .newsTabSection .tabPanelBox .resp-tabs-container { background: 0 0; width: calc(100% - 148px); margin-left: 148px } .newsTabSection .tabPanelBox .resp-tabs-list li { width: 100% } .newsTabSection .tabPanelBox .panelTabBox ul li a { color: #fff } .newsTabSection .tabPanelBox .panelTabBox ul li a:hover { color: #ff0 } .newsTabSection .tabPanelBox .panelTabBox ul li:after { color: #e8da2e } .newsTabSection .flex-pauseplay a { color: #fff } .newsTabSection .tabPanelBox li.resp-tab-active:before { position: absolute; content: ''; background: #d30707; width: 10px; height: 10px; bottom: 50%; right: -8px; left: auto; margin-bottom: -5px } .Mayor-msg { background: #d94148; width: 100%; float: left; padding: 15px; position: relative; margin: -110px 0 0; border-radius: 5px; overflow: hidden } .Mayor-msg:after { position: absolute; bottom: 0; right: 0; content: ""; width: 100%; height: 40%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.4) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.4) 100%) } .Mayor-thumb { position: relative } .Mayor-thumb img { width: 100%; height: auto } .Mayor-thumb span.Mayor-sig { position: absolute; right: 20px; bottom: 20px } .Mayor-text { padding: 25px 15px 15px; position: relative; z-index: 99 } .Mayor-msg .Mayor-text span { font-style: italic; margin-bottom: 5px; display: block } .Mayor-text p, .Mayor-text span { font-family: Lato, serif; font-size: 16px; color: #fff; line-height: 26px; margin: 0 0 25px; text-shadow: 0 7px 10px rgba(0,0,0,.12) } .Mayor-text h5 { margin: 0 0 35px; font-size: 16px; color: #fff; font-weight: 700; position: relative; text-shadow: 0 7px 10px rgba(0,0,0,.12) } .Mayor-text h5:after { width: 80px; position: absolute; left: 0; bottom: -22px; background: rgba(255,255,255,.25); height: 2px; content: "" } .Mayor-text a { background: #fff; border-radius: 3px; display: inline-block; color: #222; font-size: 15px; font-weight: 500; line-height: 36px; padding: 0 20px } .Mayor-text a:hover { background: #40407e; color: #fff } .services-box { padding: 40px 0 } .services-box .services-content { padding: 0 30px } .section-head { margin-bottom: 0 } .section-head .title { font-weight: 800; font-size: 34px; line-height: 38px; margin: 0; margin-bottom: 10px; text-transform: uppercase } .section-head .title span { display: block; color: #ffb700 } .section-head p { font-size: 16px!important; font-weight: 400; color: #8a8e9a } .section-head.text-white p { color: #fff } .services-list li { display: block; position: relative; padding-left: 80px; padding-bottom: 0 } .services-list .dlab-tilte { font-size: 21px; color: #ffb700; margin-bottom: 6px } .services-list li .icon-cell { position: absolute; left: 0; width: 80px; display: inline-block; text-align: center; margin-bottom: 15px } .icon-lg i { font-size: 50px; vertical-align: middle; color: #2c2255; margin-top: 10px } .news-event { background: url(../images/newsbg.jpg) no-repeat; background-size: cover } .title-style-2 a { background: #d94148; color: #fff; line-height: 42px; float: right; font-weight: 500; font-size: 15px; padding: 0 20px; border-radius: 3px } .title-style-2 a:hover { background: #40407e; color: #fff } .title-style-2 { margin-bottom: 30px } .title-style-2 h2 { border-right: 1px solid #fadbe1; margin: 0; letter-spacing: -.5px } .latest-updates { width: 100%; float: left; background: #fff; border-radius: 3px; overflow: hidden; border: 1px solid #e8e8e8; box-shadow: 0 5px 15px rgba(0,0,0,.07) } .latest-updates h6 { background: #d94148; margin: 0; color: #fff; line-height: 58px; font-weight: 700; padding: 0 20px; text-transform: uppercase; position: relative } .latest-updates h6 img { position: absolute; right: 0; bottom: 0 } .latest-updates ul { margin: 0; padding: 0 20px; list-style: none } .latest-updates ul li { border-bottom: 1px solid #e8e8e8; padding: 14px 0 14px; position: relative } .latest-updates ul li:hover:after { height: 100% } .latest-updates ul li:after { position: absolute; left: -20px; top: 0; width: 2px; height: 0; content: ""; background: #d94148 } .latest-updates ul li strong { display: block; line-height: 24px; font-size: 18px; font-weight: 600; margin: 0 0 7px; letter-spacing: -.5px } .mb-2 { margin-bottom: 10px } .latest-updates h6 { font-size: 18px } .latest-updates ul li strong a { color: #333 } .latest-updates ul li:last-child { border: 0 } .event-meta li, .latest-updates .post-date { color: #777; font-size: 15px } .event-meta i, .latest-updates .post-date i { color: #ccc; font-size: 16px; margin-right: 5px } .latest-updates ul li strong a:hover { color: #d94148 } .event-post { width: 100%; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.07); border-radius: 3px; overflow: hidden } .event-post-txt { padding: 23px 28px } .event-post-txt h5 { margin: 0 0 5px; font-size: 24px; font-weight: 700; letter-spacing: -.5px } .event-post-txt h5 a { color: #333 } .event-meta { margin: 0 0 9px; padding: 0; list-style: none } .event-meta li { margin: 0 0 0; line-height: 25px } .event-post-txt p { line-height: 22px; margin: 0 } .event-post-loc { border-top: 1px solid #eee; color: #777; padding: 0 0 0 30px; height: 46px; position: relative; line-height: 46px } .event-post-loc i { color: #ccc; margin-right: 5px } .event-post-loc a { float: right; color: #ccc; border-left: 1px solid #eee; padding: 0 20px } .event-post:hover .event-post-loc a, .event-post:hover h5 a { color: #d94148 } .event-post:hover .event-post-loc a { background: #d94148; color: #fff } .event-post:hover .event-post-loc a i { color: #fff } .thumb { position: relative; overflow: hidden } .thumb:after { position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3); width: 100%; height: 100%; content: ""; opacity: 0 } .thumb img { width: 100%; height: auto } .new-thumb a, .thumb a { position: absolute; left: -150px; right: 0; top: 0; bottom: 0; margin: auto; width: 44px; height: 44px; background: #fff; border-radius: 100%; z-index: 99; text-align: center; line-height: 44px; color: #d94148; opacity: 0 } .new-thumb a:hover, .thumb a:hover { background: #d94148; color: #fff } .mb20 { margin-bottom: 20px } .event-post:hover .thumb:after { opacity: 1 } .event-post:hover .thumb a { opacity: 1; left: 0 } .Mayor-text a, .event-post-loc a, .event-post-txt h5 a, .latest-updates ul li strong a, .latest-updates ul li:after, .local-service-box a, .local-service-box:after, .logo-nav-row .dropdown-menu>li>a, .logo-nav-row .navbar-nav>li>a, .thumb a, .thumb:after, .title-style-2 a, .topbar ul.left-links a { transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s } .bg-gray2 { background-color: #f6f7fd } ::selection { background: #333; color: #fff; text-shadow: none } ::-moz-selection { background:#333; color:#fff; text-shadow:none } ::-webkit-selection { background:#333; color:#fff; text-shadow:none } :active, :focus { outline: 0!important } html { font-size: 100% } body { line-height: 1.7; color: #242424; font-size: 15px; /*font-family: 'Open Sans', sans-serif;*/ font-family: 'Poppins', sans-serif; background-color: #fff } a { color: #0b7593; text-decoration: none } a:focus, a:hover { color: #000; text-decoration: none } a img { border: none } img { max-width: 100% } iframe { border: none!important } .h1, h1 { font-size: 3.4rem } .h2, h2 { font-size: 28px } .h3, h3 { font-size: 24px } .h4, h4 { font-size: 16px } .h5, h5 { font-size: 15px } .h6, h6 { font-size: 12px } .h1, .h2, h1, h2 { font-weight: 700; line-height: 1.42857143; color: #333 } .h1 .small, .h1 small, .h2 .small, .h2 small, h1 .small, h1 small, h2 .small, h2 small { font-weight: 400; line-height: 1; color: #333 } .h1 a, .h2 a, h1 a, h2 a { color: #333 } .h3, .h4, .h5, .h6, h3, h4, h5, h6 { font-weight: 700; line-height: 1.42857143; color: #333 } .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #333 } .h3 a, .h4 a, .h5 a, .h6 a, h3 a, h4 a, h5 a, h6 a { color: #333 } address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul { margin-bottom: 10px } .breadcrumb { background-color: transparent; padding-left: 0; text-align: center } .breadcrumb>li+li::before { content: "\f22d"; font-family: fontawesome; font-size: 9px } .breadcrumb li.active { color: #111 } .breadcrumb.white li.active { color: #fff } .breadcrumb.white li a { color: grey } @media only screen and (min-width:768px) { .breadcrumb.text-right { text-align: right!important } } .drop-caps p { text-align: justify } .drop-caps p:first-child:first-letter { color: #111; display: block; float: left; font-size: 48px; line-height: 48px; margin: 6px 3px; padding: 10px 18px } .drop-caps.text-colored p:first-child:first-letter { display: block; float: left; font-size: 48px; line-height: 48px; margin: 6px 3px; padding: 10px 18px } .drop-caps.border p:first-child:first-letter { border: 1px solid; margin: 8px 16px 0 0; padding: 15px 20px } .drop-caps.border-rounded p:first-child:first-letter { border: 1px solid; border-radius: 50%; margin: 8px 16px 0 0; padding: 15px 20px } .drop-caps.colored-square p:first-child:first-letter { color: #fff; margin: 8px 16px 0 0; padding: 15px 20px } .drop-caps.colored-rounded p:first-child:first-letter { color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; border-radius: 50% } .drop-caps.dark-square p:first-child:first-letter { background: #222; color: #fff; margin: 8px 16px 0 0; padding: 15px 20px } .drop-caps.dark-rounded p:first-child:first-letter { background: #222; color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; border-radius: 50% } .text-highlight { background: none repeat scroll 0 0 #111; border-radius: 4px; color: #fff; padding: 0 5px 3px } .text-highlight.light { background: grey } html { font-size: 100%; max-width: 100% } @media only screen and (max-width:991px) { html { font-size: 90% } } @media only screen and (max-width:767px) { html { font-size: 85% } } @media only screen and (max-width:479px) { html { font-size: 80% } } html, html a { -webkit-font-smoothing: antialiased } body { max-width: 100%; overflow-x: hidden } ol, ul { list-style: none; margin: 0; padding: 0 } .fluid-video-wrapper { padding: 0; position: relative; width: 100% } iframe { border: none; width: 100% } .lead { font-size: 18px } .inline-block { display: inline-block } .display-block { display: block } .fullwidth { width: 100% } .bg-hover-theme-colored { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .text-underline { text-decoration: underline } .heading-line-bottom { border-bottom: 1px dashed grey; display: inline-block; margin: 0; position: relative; margin: 20px 0 } .heading-line-bottom::after { content: ""; height: 2px; left: 0; position: absolute; top: 4px; width: 20px } .heading-title { margin-top: 10px } .line-bottom { position: relative; margin-bottom: 30px; padding-bottom: 10px } .line-bottom:after { bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 100% } .line-bottom-centered { position: relative; margin: 10px 0 20px } .line-bottom-centered:after { background: #2b96cc none repeat scroll 0 0; bottom: -8px; content: ""; height: 1px; left: 0; margin-left: auto; margin-right: auto; margin-top: 0; position: absolute; right: 0; width: 30px } .title-icon [class^=flaticon-]::after, .title-icon [class^=flaticon-]::before { font-size: 48px; margin-left: 10px } .title-icon { margin: 0 auto; max-width: 160px; position: relative } .title-icon::after { content: ""; height: 2px; left: 24px; position: absolute; top: 10px; width: 30px } .title-icon::before { content: ""; height: 2px; position: absolute; right: 20px; top: 10px; width: 30px } ol ul, ul ul { margin-left: 15px } ul.list { list-style: outside none none; margin-top: 13px; padding-left: 0 } ul.list li { margin: 5px 0; font-weight: 500; padding-left: 15px; position: relative } ul.list li:hover:before { background: 0 0; border-color: transparent } ul.list li a { text-decoration: none; color: #333; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } ul.list.list-white li:before { color: #fff } ul.list.list-white li:hover:before { background: 0 0; border-color: transparent } ul.list.list-white li a { color: #fff; text-decoration: none; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } ul.list-border-bottom li { border-bottom: 1px solid #eee; padding-bottom: 10px } ul.list.list-border-bottom li:last-child { border-bottom: none } ul.list-border-bottom.no-padding li { padding-bottom: 0 } ul.list-border-bottom.no-padding li:last-child { border-bottom: none } .list-border li { border-bottom: 1px dashed #d3d3d3; padding: 5px 0 } .dark .list-border li { border-bottom: 1px dashed #333 } .list-icon li { font-size: 15px; margin: 0 } .list-icon li i { color: #555; font-size: 15px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px } .list-icon.square li i { background: silver; color: #555; font-size: 12px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px } .list-icon.rounded li i { color: #555; background: silver; border-radius: 50%; font-size: 12px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px } .list-icon.theme-colored.square li i { color: #fff } .list-icon.theme-colored.rounded li i { color: #fff } .list-info li { clear: both; position: relative } .list-info li label { display: inline-block; font-weight: 700; padding: 5px 0 0 } .list-info li span { left: 110px; padding: 5px 0; position: absolute } .list-features { -moz-column-count: 3; column-count: 3 } .list-dashed>article { border-bottom: 1px dashed #d3d3d3!important; margin-bottom: 7px; padding-bottom: 7px } .list-dashed>div { border-bottom: 1px dashed #d3d3d3!important; margin-bottom: 7px; padding-bottom: 7px } .list-dashed>li { border-bottom: 1px dashed #d3d3d3!important; margin-bottom: 7px; padding-bottom: 7px } .list-dashed.dark-dash>article { border-bottom: 1px dashed #333!important } .list-dashed.dark-dash>div { border-bottom: 1px dashed #333!important } .list-dashed.dark-dash>li { border-bottom: 1px dashed #333!important } ul.list.check li:before { content: "\f00c"; font-family: fontawesome; font-size: 12px } ul.list.angle-double-right li:before { content: "\f101"; font-family: fontawesome; font-size: 12px } ul.list.angle-right li:before { content: "\f105"; font-family: fontawesome } ul.list.check-circle li:before { content: "\f058"; font-family: fontawesome; font-size: 15px } .call-to-action { width: 100%; padding-bottom: 20px; padding-top: 20px } section { position: relative } section>.container, section>.container-fluid { padding-top: 60px; padding-bottom: 60px } .bg-video { height: 100%; position: absolute; text-align: center; width: 100%; z-index: -1 } .bg-video .video { height: 100%; left: 0; margin: 0!important; position: relative; top: 0; width: 100% } .bg-video .video .mbYTP_wrapper { z-index: -1!important } .display-table-parent { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .display-table { display: table; height: 100%; position: relative; width: 100% } .display-table-cell { display: table-cell; height: 100%; vertical-align: middle } .scrollToTop { background: rgba(0,0,0,.1); bottom: 15px; display: none; height: 50px; padding: 2px; position: fixed; right: 15px; text-align: center; text-decoration: none; width: 50px; z-index: 99999 } .scrollToTop i { color: #fff; font-size: 42px } .scrollToTop:hover { background: rgba(0,0,0,.6); text-decoration: none } .mfp-close-btn-in .mfp-close { color: #eee; font-size: 64px } .heading-border { border-bottom: 1px solid #d3d3d3; margin: 30px 0; padding: 20px 0 } .fc-day-number { color: #333 } .fc-day-number.fc-other-month { opacity: .4 } .scrolltofixed-container { position: static } @media only screen and (max-width:767px) { .scrolltofixed-container .scrolltofixed { position: static!important } .scrolltofixed-container .scrolltofixed+div { display: none!important } } .layer-overlay { position: relative } .layer-overlay::before { background: rgba(17,17,17,.5) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0 } .layer-overlay.overlay-light::before { background-color: rgba(255,255,255,.4) } .layer-overlay.overlay-lighter::before { background-color: rgba(255,255,255,.3) } .layer-overlay.overlay-deep::before { background-color: rgba(255,255,255,.9) } .layer-overlay.overlay-dark::before { background-color: rgba(17,17,17,.85) } .layer-overlay.overlay-dark-1::before { background-color: rgba(17,17,17,.1) } .layer-overlay.overlay-dark-2::before { background-color: rgba(17,17,17,.2) } .layer-overlay.overlay-dark-3::before { background-color: rgba(17,17,17,.3) } .layer-overlay.overlay-dark-4::before { background-color: rgba(17,17,17,.4) } .layer-overlay.overlay-dark-5::before { background-color: rgba(17,17,17,.5) } .layer-overlay.overlay-dark-6::before { background-color: rgba(17,17,17,.6) } .layer-overlay.overlay-dark-7::before { background-color: rgba(17,17,17,.7) } .layer-overlay.overlay-dark-8::before { background-color: rgba(17,17,17,.8) } .layer-overlay.overlay-dark-9::before { background-color: rgba(17,17,17,.9) } .layer-overlay.overlay-white::before { background-color: rgba(255,255,255,.4) } .layer-overlay.overlay-white-1::before { background-color: rgba(255,255,255,.1) } .layer-overlay.overlay-white-2::before { background-color: rgba(255,255,255,.2) } .layer-overlay.overlay-white-3::before { background-color: rgba(255,255,255,.3) } .layer-overlay.overlay-white-4::before { background-color: rgba(255,255,255,.4) } .layer-overlay.overlay-white-5::before { background-color: rgba(255,255,255,.5) } .layer-overlay.overlay-white-6::before { background-color: rgba(255,255,255,.6) } .layer-overlay.overlay-white-7::before { background-color: rgba(255,255,255,.7) } .layer-overlay.overlay-white-8::before { background-color: rgba(255,255,255,.8) } .layer-overlay.overlay-white-9::before { background-color: rgba(255,255,255,.9) } .layer-overlay.layer-pattern::before { background-image: url(../images/pattern1.png); background-color: rgba(0,0,0,.6) } .layer-overlay.layer-pattern2::before { background-image: url(../images/pattern2.png); background-color: rgba(0,0,0,.8) } .layer-overlay.layer-pattern3::before { background-image: url(../images/pattern3.png); background-color: rgba(0,0,0,.8) } .layer-overlay.maximage-layer-overlay::before { z-index: 1 } .layer-overlay.overlay-blue::before { background-color: rgba(1,162,208,.9) } .layer-overlay.overlay-blue-light::before { background-color: rgba(1,162,208,.45) } .layer-overlay.overlay-pink::before { background-color: rgba(235,110,142,.9) } .layer-overlay.overlay-pink-light::before { background-color: rgba(235,110,142,.45) } .layer-overlay.overlay-brown::before { background-color: rgba(60,171,111,.9) } .layer-overlay.overlay-brown-light::before { background-color: rgba(60,171,111,.45) } .layer-overlay.overlay-yellow::before { background-color: rgba(255,187,34,.9) } .layer-overlay.overlay-yellow-light::before { background-color: rgba(255,187,34,.45) } .layer-overlay.overlay-green::before { background-color: rgba(16,196,92,.9) } .layer-overlay.overlay-green-light::before { background-color: rgba(16,196,92,.45) } .layer-overlay.overlay-theme-color-1::before { background-color: rgba(173,216,230,.9) } .layer-overlay.overlay-theme-color-2::before { background-color: rgba(230,173,188,.9) } .layer-overlay.overlay-theme-color-3::before { background-color: rgba(230,216,173,.9) } .half-divider .overlay-theme-color-1, .half-divider .overlay-theme-color-2, .half-divider .overlay-theme-color-3 { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 50% } .header-top { padding: 5px 0 } .header-top .header-widget .styled-icons a i:hover { background: 0 0 } .header-top .header-widget .list-border li { border-right: 1px solid rgba(0,0,0,.06); padding: 5px 15px } .header-top .header-widget .list-border li:last-child { border-right: 0 } .inner-header { background-size: cover!important } .inner-header .title { font-size: 34px; margin-bottom: 60px } .vertical-nav .header { width: 260px; position: fixed; top: 0; left: 0; height: 100%; background: #fff; z-index: 101; padding: 0; -webkit-transition: none; -o-transition: none; transition: none; background-size: cover } .vertical-nav .footer, .vertical-nav .main-content { margin-left: 260px } .vertical-nav .container { max-width: 940px } @media only screen and (min-width:768px) { .boxed-layout .container { max-width: 1170px; padding-left: 30px; padding-right: 30px } .boxed-layout #footer, .boxed-layout .footer, .boxed-layout .header, .boxed-layout .main-content { margin: 0 auto; max-width: 1170px } } .boxed-layout #footer, .boxed-layout .footer, .boxed-layout .header, .boxed-layout section { background-color: #fff } .boxed-layout .header .navbar-default { background-color: #fff; border-color: #fff; padding: 0 } .boxed-layout .header .navbar-default .navbar-nav>li>a { padding: 30px 5px } .boxed-layout .header .navbar-default .navbar-collapse { background-color: #fff; border-color: #fff; margin-right: 30px } .boxed-layout .header #header-logo { margin: 0; padding-top: 27px } @media only screen and (max-width:991px) { .boxed-layout { padding-top: 0 } .boxed-layout .header .navbar-default .navbar-nav>li>a { padding: 10px } .boxed-layout .header .navbar-default .navbar-collapse { margin-right: 15px } .boxed-layout .navbar-header { padding: 15px 0 } .boxed-layout .navbar-collapse .navbar-nav li a .caret { margin-right: 0 } } .boxed-layout.fullwidth .container { max-width: 1170px; padding-left: 30px; padding-right: 30px } .boxed-layout.fullwidth .footer, .boxed-layout.fullwidth .header, .boxed-layout.fullwidth .main-content { margin: 0 auto; max-width: 1170px } .boxed-layout.fullwidth .footer, .boxed-layout.fullwidth .header, .boxed-layout.fullwidth section { background-color: #fff } .boxed-layout.fullwidth .header .navbar-default { background-color: #fff; border-color: #fff; padding: 0 } .boxed-layout.fullwidth .header .navbar-default .navbar-nav>li>a { padding: 30px 5px } .boxed-layout.fullwidth .header .navbar-default .navbar-collapse { background-color: #fff; border-color: #fff; margin-right: 30px } .boxed-layout.fullwidth .header #header-logo { margin: 0; padding-top: 27px } @media only screen and (max-width:991px) { .boxed-layout.fullwidth { padding-top: 0 } .boxed-layout.fullwidth .header .navbar-default .navbar-nav>li>a { padding: 10px } .boxed-layout.fullwidth .header .navbar-default .navbar-collapse { margin-right: 15px } .boxed-layout.fullwidth .navbar-header { padding: 15px 0 } .boxed-layout.fullwidth .navbar-collapse .navbar-nav li a .caret { margin-right: 0 } } .boxed-layout .service-block .thumb .desc { bottom: -34% } .boxed-layout .service-block:hover .thumb .desc { bottom: 0 } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { font-size: 15px } .form-control { border-radius: 0; box-shadow: none; height: 35px; /* width: 100%!important; */ font-size: 13px } .input-group { margin-bottom: 10px; display: flow-root } .searchBoxSt .input-group { position: relative; margin-bottom: 0 } .searchBoxSt .input-group button { position: absolute; right: 0; top: 0; z-index: 9 } label { font-weight: 400 } .form-control:focus, form input[type=color]:focus, form input[type=date]:focus, form input[type=email]:focus, form input[type=number]:focus, form input[type=password]:focus, form input[type=search]:focus, form input[type=tel]:focus, form input[type=text]:focus, form input[type=url]:focus, form select:focus, form textarea:focus { color: #404040; border-color: rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); -moz-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); outline: 0 } .form-transparent .form-control { background: 0 0; color: #f7f7f7 } .form-transparent .form-control:focus, .form-transparent form input[type=color]:focus, .form-transparent form input[type=date]:focus, .form-transparent form input[type=email]:focus, .form-transparent form input[type=number]:focus, .form-transparent form input[type=password]:focus, .form-transparent form input[type=search]:focus, .form-transparent form input[type=tel]:focus, .form-transparent form input[type=text]:focus, .form-transparent form input[type=url]:focus, .form-transparent form select:focus, .form-transparent form textarea:focus { color: #f7f7f7 } .form-transparent textarea.form-control, .form-white textarea.form-control { height: 150px } .form-white .form-control { background: #fff } .form-transparent.form-line .form-control { border: none; border-bottom: 1px solid silver; padding-left: 0 } .form-transparent.form-line textarea.form-control { height: 70px } form label { font-size: 13px; font-weight: 600; margin-bottom: 0; color: #333 } form .form-control.error { border: 2px solid #ee163b } form .error { color: #ee163b } .marqueeSection { position: relative; background: #dfe8e1; padding: 7px; color: #fff; font-weight: 500; font-size: 16px; line-height: 20px; } .marqueeSection span { margin-right: 100px; position: relative; color: #000; top: 2px } .marqueeSection span img { width: 30px } .tabPanelBox a.btn-danger.btn { padding: 5px 8px; font-size: 12px } .marqueeSection .marquee-title { position: absolute; left: 0; background: #0b7593; height: 100%; top: 0; z-index: 9; font-weight: 700; display: flex; align-items: center; padding: 0 15px } .marqueeSection .marquee-title:after { content: ""; background: #0b7593; width: 20px; height: 20px; right: -10px; position: absolute; transform: rotate(45deg) } .donation-form .form-group label.radio-inline { color: grey!important } .form-text-white .form-group label { color: #fff } .dd-container, .dd-select { width: 100%!important } .dd-options { width: 100%!important } .ui-widget-content { background: #2aa1c0 none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 0; color: #333; height: 36px; margin-top: 6px } .ui-widget-header { background: #fff none repeat scroll 0 0 } .ui-state-default { background-color: #eee!important; border: 1px solid #ccc; color: #202c45; font-weight: 400 } .ui-slider-horizontal .ui-slider-range-max { border-radius: 0 } .ui-state-active { background-color: #fff!important; border: 1px solid #ddd!important } .ui-slider .ui-slider-handle { height: 50px; width: 20px } .ui-slider-horizontal .ui-slider-handle { margin-left: -1px } .ui-slider-horizontal .ui-slider-handle { top: -9px } .control__indicator { height: 24px; width: 24px } .control--checkbox .control__indicator::after { height: 10px; left: 10px; top: 5px; width: 6px } .control.control--checkbox, .control.control--radio { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; margin-right: 12px; padding-left: 36px } .control--radio .control__indicator::after { height: 6px; left: 9px; top: 9px; width: 6px } .side-push-panel { overflow-x: hidden } .side-push-panel.fullwidth-page #wrapper { right: 0; position: relative } .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container { right: 0 } .side-push-panel.fullwidth-page.side-panel-left #wrapper { left: 0; right: auto } .side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container { left: 0; right: auto } .side-push-panel.fullwidth-page.side-panel-open #wrapper { right: 300px } .side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container { right: 300px } .side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper { left: 300px; right: auto } .side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container { left: 300px; right: auto } .side-push-panel.has-side-panel .menuzord .showhide { float: left } .has-side-panel .body-overlay { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; background-color: rgba(0,0,0,.6); height: 100%; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: -1 } .has-side-panel.side-panel-open .body-overlay { opacity: 1; pointer-events: auto; z-index: 1111 } .side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: url(../images/close.png) 15 15, default } #side-panel { -webkit-backface-visibility: hidden; background-color: #f3f3f3; height: 100%; overflow: hidden; position: fixed; right: -300px; top: 0; width: 300px; z-index: 1112; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } #side-panel .side-panel-wrap { bottom: 0; height: 100%; left: 0; overflow: auto; padding: 50px 70px 50px 40px; position: absolute; top: 0; width: 330px } #side-panel .widget { border-top: 1px solid #eee; margin-top: 40px; padding-top: 40px; width: 220px } #side-panel .widget:first-child { border-top: 0; margin: 0; padding-top: 0 } .side-panel-open #side-panel { right: 0 } .side-panel-left #side-panel { left: -300px; right: auto } .side-panel-left.side-panel-open #side-panel { left: 0; right: auto } .device-touch #side-panel .side-panel-wrap { overflow-y: scroll } #side-panel .side-panel-nav .nav li a { padding: 5px 0 } #side-panel .side-panel-nav .nav li a:hover { background-color: transparent; color: #a9a9a9 } #side-panel .side-panel-nav .nav ul.tree { display: none; margin-left: 15px } #side-panel-trigger { cursor: pointer; display: block; float: right; margin-left: 10px; margin-right: 5px; margin-top: 25px; z-index: 11 } @media only screen and (max-width:767px) { #side-panel-trigger { margin-top: 15px } } #side-panel-trigger-close { left: 0; margin: 10px; position: absolute; top: 0 } .side-push-panel.fullwidth-page #wrapper, .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container { -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .box-hover-effect { position: relative; overflow: hidden; margin: 0; width: 100% } .box-hover-effect img { position: relative; display: block; max-height: 100%; max-width: 100%; opacity: 1; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .box-hover-effect .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .box-hover-effect .overlay::after, .box-hover-effect .overlay::before { pointer-events: none } .box-hover-effect .overlay .details { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .box-hover-effect .overlay .title { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .box-hover-effect .overlay .para { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .box-hover-effect .overlay .entry-meta { bottom: 10px; font-size: 70%; opacity: 0; position: absolute; width: 89%; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .box-hover-effect .overlay .entry-meta.top { top: 10px } .box-hover-effect .overlay .entry-meta i { color: #fff } .box-hover-effect .overlay .icons { left: 0; opacity: 0; position: absolute; text-align: center; top: 40%; width: 100%; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .box-hover-effect:hover .overlay { background: rgba(0,0,0,.85) } .box-hover-effect:hover .overlay.white { background: rgba(255,255,255,.75) } .box-hover-effect:hover .overlay.black { background: rgba(0,0,0,.85) } .box-hover-effect:hover .overlay .entry-meta { opacity: 1 } .box-hover-effect:hover .overlay .icons { opacity: 1 } .box-hover-effect:hover .overlay .icons i { color: #fff } .box-hover-effect:hover .overlay .icons.twin i { padding: 10px } .box-hover-effect:hover .overlay .icons.bordered i { border: 1px solid #fff } .box-hover-effect:hover .overlay .icons.bordered i.text-black { border-color: #000 } .shadow-overlay { background-image: url(../images/shadow-overlay.png); background-position: center bottom; background-repeat: repeat-x; bottom: 0; color: #fff; height: 100%; left: 0; position: absolute; width: 100% } .box-hover-effect.effect1 .thumb { position: relative; overflow: hidden } .box-hover-effect.effect1 .thumb:before { background-color: rgba(255,255,255,.5); left: 0; content: ""; height: 100%; opacity: 0; position: absolute; top: 0; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg); transform: rotate(-70deg); width: 200%; z-index: 1 } .box-hover-effect.effect1:hover .thumb:before { opacity: 1 } .box-hover-effect.effect1:hover .thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .5s ease; transition: all .5s ease } .box-hover-effect.effect2 .thumb { position: relative; overflow: hidden } .box-hover-effect.effect2 .overlay .overlay-details { opacity: 0; -webkit-transform: scale(.8, .8); -ms-transform: scale(.8, .8); -o-transform: scale(.8, .8); transform: scale(.8, .8); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .box-hover-effect.effect2:hover .overlay-details { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .box-hover-effect.effect2:hover .details { opacity: 0 } .box-hover-effect.effect2:hover img { -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .box-hover-effect.effect3 .overlay { position: relative } .box-hover-effect.effect3 .thumb { position: relative } .box-hover-effect.effect3 .thumb:after { background-color: rgba(255,255,255,.15); bottom: 0; content: ""; height: 0; position: absolute; right: 0; -webkit-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; width: 0 } .box-hover-effect.effect3 .thumb:before { background-color: rgba(255,255,255,.15); left: 0; content: ""; height: 0; position: absolute; top: 0; -webkit-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; width: 0; z-index: 1 } .box-hover-effect.effect3:hover .thumb:after, .box-hover-effect.effect3:hover .thumb:before { height: 100%; width: 100%; -webkit-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s } .box-hover-effect.effect2 .overlay.white .overlay-details p { color: #777 } .work-gallery { margin: 0 auto 30px; max-width: 400px } .work-gallery .gallery-thumb { overflow: hidden; position: relative } .work-gallery .gallery-bottom-part { background-color: #f7f7f7; padding: 10px 10px 16px } .work-gallery .gallery-thumb .gallery-overlay { height: 100%; opacity: 0; position: absolute; top: 0; -webkit-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; width: 100% } .work-gallery:hover .gallery-thumb .gallery-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .gallery-contect { height: 100%; opacity: 0; padding: 30px; position: absolute; top: 0; -webkit-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); -webkit-transition: all .1s ease-in-out 0s; -o-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s; width: 100% } .work-gallery:hover .gallery-thumb .gallery-contect { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .work-gallery .gallery-thumb .styled-icons a { border-color: #fff; height: 36px; width: 36px; line-height: 34px } .work-gallery .gallery-thumb .styled-icons a i { color: #fff } .work-gallery .gallery-thumb .styled-icons a:hover i { color: #fff } .work-gallery .gallery-thumb .styled-icons a:hover { color: #fff; -webkit-transition: all .1s ease-in-out 0s; -o-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s } .work-gallery .gallery-thumb .gallery-contect .styled-icons { left: 0; position: absolute; right: 0; text-align: center; top: 45% } .work-gallery:hover .gallery-bottom-part { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .work-gallery:hover .gallery-bottom-part .title { color: #fff } .work-gallery:hover .gallery-bottom-part .sub-title { color: #fff } .portfolio-filter { margin-bottom: 30px } .portfolio-filter a { border-left: 3px solid transparent; background-color: #f8f8f8; display: inline-block; float: none; font-size: 16px; font-weight: 400; line-height: normal; margin-right: 5px; outline: medium none; padding: 5px 15px; -webkit-transition: all .1s ease-in-out 0s; -o-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s } .portfolio-filter a.active, .portfolio-filter a:hover { color: #fff!important } .gallery-isotope.gutter .gallery-item { padding-right: 5px; padding-bottom: 5px } .gallery-isotope.gutter-small .gallery-item { padding-right: 2px; padding-bottom: 2px } .gallery-isotope.gutter-30 .gallery-item { padding-right: 30px; padding-bottom: 30px } .gallery-isotope.gutter-40 .gallery-item { padding-right: 40px; padding-bottom: 40px } .gallery-isotope.gutter-50 .gallery-item { padding-right: 50px; padding-bottom: 50px } .gallery-isotope.gutter-60 .gallery-item { padding-right: 60px; padding-bottom: 60px } .gallery-isotope .gallery-item { width: 25% } .gallery-isotope .gallery-item.wide { width: 50% } .gallery-isotope.grid-1 .gallery-item { width: 100% } .gallery-isotope.grid-1 .gallery-item.wide { width: 100% } .gallery-isotope.grid-2 .gallery-item { width: 50% } .gallery-isotope.grid-2 .gallery-item.wide { width: 100% } .gallery-isotope.grid-3 .gallery-item { width: 33.333% } .gallery-isotope.grid-3 .gallery-item.wide { width: 66.6667% } .gallery-isotope.grid-4 .gallery-item { width: 25%; float: left } .gallery-isotope.grid-4 .gallery-item.wide { width: 50% } .gallery-isotope.grid-5 .gallery-item { width: 20% } .gallery-isotope.grid-5 .gallery-item.wide { width: 40% } .gallery-isotope.grid-6 .gallery-item { width: 16.666666667% } .gallery-isotope.grid-6 .gallery-item.wide { width: 33.333% } .gallery-isotope.grid-7 .gallery-item { width: 14.2857143% } .gallery-isotope.grid-7 .gallery-item.wide { width: 28.5714286% } .gallery-isotope.grid-8 .gallery-item { width: 12.5% } .gallery-isotope.grid-8 .gallery-item.wide { width: 25% } .gallery-isotope.grid-9 .gallery-item { width: 11.11% } .gallery-isotope.grid-9 .gallery-item.wide { width: 22.22% } .gallery-isotope.grid-10 .gallery-item { width: 10% } .gallery-isotope.grid-10 .gallery-item.wide { width: 20% } .gallery-item { background: #fff; padding: 10px!important; box-shadow: 0 5px 24px 6px rgb(0 0 0 / 6%) } @media only screen and (max-width:991px) { .gallery-isotope .gallery-item { width: 33.333%!important } .gallery-isotope .gallery-item.wide { width: 66.6667%!important } } @media only screen and (max-width:767px) { .gallery-isotope .gallery-item { width: 50%!important } .gallery-isotope .gallery-item.wide { width: 100%!important } } @media only screen and (max-width:479px) { .gallery-isotope .gallery-item { width: 100%!important } .gallery-isotope .gallery-item.wide { width: 100%!important } } .gallery-isotope .gallery-item { overflow: hidden } .gallery-isotope .gallery-item .thumb { position: relative; overflow: hidden } .gallery-isotope .gallery-item .hover-link { position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; width: 100%; height: 100%; background: 0 0!important; color: transparent!important; z-index: 11 } .gallery-isotope .gallery-item .overlay-shade { position: absolute; display: inline-block; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; background-color: #333; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .gallery-isotope .gallery-item:hover .overlay-shade { opacity: .9 } .gallery-isotope .gallery-item .icons-holder { position: absolute; top: 0; left: 90%; display: inline-block; width: auto; height: 36px; vertical-align: middle; z-index: 13; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .gallery-isotope .gallery-item .icons-holder .icons-holder-inner { position: relative; display: inline-block; vertical-align: middle; margin: -83px 0 0 -50% } .gallery-isotope .gallery-item .icons-holder .icons-holder-inner a { opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .gallery-isotope .gallery-item:hover .icons-holder { top: 50% } .gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a { opacity: 1 } .gallery-isotope .gallery-item .portfolio-description { padding: 10px 15px; background-color: #f8f8f8 } .gallery-isotope .gallery-item .portfolio-description .title { margin: 0 } .gallery-isotope .gallery-item .portfolio-description .title a { color: #333 } .gallery-isotope .gallery-item .text-holder { box-sizing: border-box; display: block; height: 100%; left: 0; opacity: 0; overflow: hidden; padding: 25px 30px 60px; position: absolute; top: 0; -webkit-transition: opacity .3s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s; transition: opacity .3s ease-in-out 0s; width: 100%; z-index: 13 } .gallery-isotope .gallery-item .text-holder .title { color: #fff } .gallery-isotope .gallery-item:hover .text-holder { opacity: 1 } .gallery-isotope .flex-control-nav { z-index: 111 } a.btn.btn-gallery { background: #d49d03; margin: 20px auto 10px; display: table; text-transform: uppercase; padding: 10px 25px; border-radius: 100px; color: #fff; transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease } a.btn.btn-gallery:hover { background: #0e305d; color: #fff } #home .revslider-fullscreen { min-height: auto } .minimal-revslider-wrapper { left: 0!important; width: 100%!important } .minimal-revslider-wrapper .tp-leftarrow { left: 0!important } .minimal-revslider-wrapper .tp-rightarrow { right: 0!important } .tab-slider .tab-content { padding: 0; border: 0 } .tab-slider .nav.nav-pills>div { background-color: #fff; float: left; margin-bottom: 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .tab-slider .nav.nav-pills i { color: #d3d3d3 } .tab-slider .nav.nav-pills a { display: block; padding: 40px 30px; background: #f3f3f3 } .tab-slider .nav.nav-pills a.active h6, .tab-slider .nav.nav-pills a.active i, .tab-slider .nav.nav-pills a:hover h6, .tab-slider .nav.nav-pills a:hover i { color: #fff } .maximage-slider .fullscreen-controls .img-next, .maximage-slider .fullscreen-controls .img-prev { background: rgba(0,0,0,.3) } .testimonial-carousel .quote, .testimonial-carousel .thumb, .testimonial-carousel-style2 .quote, .testimonial-carousel-style2 .thumb { margin-bottom: 40px } .testimonial-carousel .quote i, .testimonial-carousel-style2 .quote i { background: #555; border-radius: 50%; color: #fff; font-size: 25px; height: 60px; line-height: 1; padding: 20px 0 0; text-align: center; width: 60px } .testimonial-carousel .author, .testimonial-carousel-style2 .author { margin-top: 30px; text-transform: uppercase } .testimonial-carousel-style2.owl-theme .owl-controls, .testimonial-carousel.owl-theme .owl-controls { margin-top: 10px } .testimonial-carousel-style2.fullwidth .content p, .testimonial-carousel.fullwidth .content p { font-size: 15px; font-style: italic; color: #fff } .testimonial-carousel-style2.fullwidth .content p::after, .testimonial-carousel.fullwidth .content p::after { content: "\f10e"; font-family: fontawesome; font-size: 100px; left: 42%; opacity: .1; position: absolute } .testimonial-carousel-style2.bullet-white .owl-dots span, .testimonial-carousel.bullet-white .owl-dots span { background: #fff!important } .testimonial-carousel .owl-item img, .testimonial-carousel-style2 .owl-item img { display: inline-block; width: auto; max-width: 90px } .testimonial-carousel-style2.boxed .quote, .testimonial-carousel-style2.boxed .thumb, .testimonial-carousel.boxed .quote, .testimonial-carousel.boxed .thumb { margin-bottom: 20px } .testimonial-carousel-style2.boxed .owl-item img, .testimonial-carousel.boxed .owl-item img { display: inline-block; width: auto; max-width: 65px } .testimonial-carousel-style2.boxed .content::after, .testimonial-carousel.boxed .content::after { bottom: 12px; content: "\f10e"; font-family: fontawesome; font-size: 55px; opacity: .2; position: absolute; right: 10px } .testimonial-carousel-style2.boxed .owl-controls, .testimonial-carousel.boxed .owl-controls { margin-top: 0 } .testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot:hover span, .testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot:hover span { opacity: 1 } .widget-testimonial-carousel .item img { max-width: 75px; float: right } .owl-controls { margin: 0 } .owl-controls .owl-nav>div { background: none repeat scroll 0 0 rgba(240,240,240,.8); border-radius: 0; display: block; margin: 0; padding: 10px; position: absolute; top: 45%; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s; z-index: 6 } .owl-controls .owl-next { right: 0 } .owl-controls .owl-next i { color: #888; font-size: 20px } .owl-controls .owl-prev i { color: #888; font-size: 20px } .owl-carousel .owl-item .testimonial-wrapper img { display: inline-block; width: 75px } .owl-theme .owl-dots { text-align: center; margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { background: #fff; border: 2px solid #eee; border-radius: 50%; display: block; height: 12px; margin: 5px 3px; opacity: .8; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s; width: 12px } .image-carousel .owl-controls .owl-nav>div { opacity: 0 } .image-carousel:hover .owl-controls .owl-nav>div { opacity: 1 } .owl-carousel.owl-nav-top.bullet-white .owl-dots span { background: #fff } .owl-carousel.owl-nav-top .owl-controls .owl-nav>div { background-color: transparent; top: -23px; right: 0 } .owl-carousel.owl-nav-top .owl-controls .owl-nav>div:hover { background-color: #d3d3d3 } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev { right: 35px } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next { right: 0 } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev { background: #eee; border: none; line-height: 28px; padding: 0 12px; text-align: center } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i { color: #888; font-size: 14px } .owl-carousel.no-bullet .owl-nav { display: none } .recent-project .owl-controls .owl-nav>div { top: 38% } .recent-project .owl-controls .owl-nav .owl-next i, .recent-project .owl-controls .owl-nav .owl-prev i { padding: 2px 16px } .featured-gallery.style2 { float: right; width: 92% } .featured-gallery.style2 .owl-controls { bottom: 58px; left: -80px; margin: 0; position: absolute } .featured-gallery.style2 .owl-controls .owl-nav>div { top: 95% } .featured-gallery.style2 .owl-controls .owl-nav .owl-prev { left: 0 } .featured-gallery.style2 .owl-controls .owl-nav .owl-next { display: inline-table; left: 40px } .featured-gallery.style2 .owl-controls .owl-nav .owl-next i, .featured-gallery.style2 .owl-controls .owl-nav .owl-prev i { color: #fff; font-size: 35px } @media only screen and (max-width:991px) { .featured-gallery.style2 { float: none; margin-top: 58px; width: 100% } .featured-gallery.style2 .owl-controls { bottom: auto; left: auto; top: -45px } } .fullwidth-carousel .owl-controls .owl-nav>div { top: 45% } .fullwidth-carousel .carousel-item { min-height: 615px; width: 100% } .fullwidth-carousel.blog-fullwidth-carousel .carousel-item { height: 600px; min-height: auto; width: 100% } .fullwidth-carousel.blog-fullwidth-carousel .owl-controls .owl-nav>div { background: 0 0 } .owl-dots-bottom-right .owl-dots { bottom: -10px; position: absolute; right: 0 } .twitter-feed.twitter-carousel { color: #111; font-size: 16px } .twitter-feed.twitter-carousel a { color: #111 } .twitter-feed .date { font-size: 12px } .twitter-feed.twitter-white, .twitter-feed.twitter-white a { color: #fff } .typed-cursor { opacity: 1; -webkit-animation: blink .7s infinite; -moz-animation: blink .7s infinite; animation: blink .7s infinite } @keyframes blink { 0% { opacity:1 } 50% { opacity:0 } 100% { opacity:1 } } @-webkit-keyframes blink { 0% { opacity:1 } 50% { opacity:0 } 100% { opacity:1 } } @-moz-keyframes blink { 0% { opacity:1 } 50% { opacity:0 } 100% { opacity:1 } } .setion-bottom-absolute-div { background: rgba(255,255,255,.5) none repeat scroll 0 0; bottom: 0; left: 0; position: absolute; right: 0 } .bg-img-box { position: relative } .bg-img-box .caption { padding-left: 30px; padding-right: 30px; padding-top: 20px; position: absolute; top: 0 } .bg-img-box .caption .title { font-size: 30px; line-height: 39px } .bg-img-box .caption p { max-width: 280px } .contact-wrapper { padding: 50px 50px 50px 100px } .contact-form .form-group { margin-bottom: 20px } .contact-form .form-control { background-image: none; border: 1px solid silver; border-radius: 0; box-shadow: none; height: 48px } .contact-form .form-control:active, .contact-form .form-control:focus { box-shadow: none; color: #333 } .contact-form .form-control2 { background-color: rgba(0,0,0,.8); color: silver } .contact-form .form-group button { margin-top: 0 } .contact-form textarea.form-control { height: 110px; resize: none } textarea { resize: none } .service-block { margin: 0 auto 30px; max-width: 400px } .service-block:hover .thumb .desc { bottom: 0 } .service-block .thumb { overflow: hidden; position: relative } .service-block .thumb .price { left: -1px; padding: 5px 10px; position: absolute; top: -1px } .service-block .thumb .desc { bottom: -31%; padding: 10px 6px 5px 20px; position: absolute; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; width: 100% } .service-block .thumb .desc p { color: #fff; font-size: 13px } .service-block .content { border: 1px solid #eee; padding: 12px 20px 20px } .product { margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-bottom: 15px; position: relative; overflow: hidden } .products .product { border: 3px solid #eee; max-width: 400px } .products .product:hover { border: 3px solid #eee } .products .product .product-details .product-title { font-size: 15px; margin-top: 20px; text-transform: uppercase } .btn-add-to-cart-wrapper, .btn-product-view-details { opacity: 0; height: auto; margin: 0 0 15px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; position: absolute; bottom: 0; left: -60px } .product:hover .btn-add-to-cart-wrapper, .product:hover .btn-product-view-details { left: 0; opacity: 1 } .btn-product-view-details { left: auto; bottom: 0; right: -60px } .product:hover .btn-product-view-details { left: auto; opacity: 1; right: 0 } .product .price { margin-top: 5px } .product .price .amount { font-size: 18px; font-weight: 600 } .product .price del .amount { color: #999; font-size: 15px; font-weight: 500 } .product .price ins { margin-left: 10px; text-decoration: none } .product .product-summary .product-title { margin-top: 0 } .product .product-summary .short-description { margin-bottom: 15px } .product .product-summary .cart-form-wrapper .btn { margin-top: 0 } .product .product-summary .variations { width: 100% } .product .product-tab { margin-top: 30px } .product .commentlist .comment { margin-top: 30px; position: relative } .product .commentlist .comment .meta { font-size: 12px } .product .commentlist .comment .author { font-size: 15px; font-weight: 700 } .product .product-thumb { position: relative } .product .product-thumb:hover .overlay { opacity: 1 } .product .product-thumb .overlay .add-to-wishlist { color: #fff; right: 10px; top: 10px; position: absolute } .product .product-summary .cart-form-wrapper .quantity, .tbl-shopping-cart .quantity { display: inline-block; margin-right: .8571em; position: relative; width: 4.1429em; vertical-align: top } .product .product-summary .cart-form-wrapper .quantity .minus, .product .product-summary .cart-form-wrapper .quantity .plus, .tbl-shopping-cart .quantity .minus, .tbl-shopping-cart .quantity .plus { background: none repeat scroll 0 0 transparent; border: 1px solid #ccc; border-radius: 3px; height: 18px; left: 2.8571em; line-height: 1; outline: medium none; padding: 0; position: absolute; width: 18px } .product .product-summary .cart-form-wrapper .quantity .minus, .tbl-shopping-cart .quantity .minus { bottom: 0 } .product .product-summary .cart-form-wrapper .quantity .plus, .tbl-shopping-cart .quantity .plus { top: 0 } .product .product-summary .cart-form-wrapper .quantity .qty, .tbl-shopping-cart .quantity .qty { -moz-appearance: textfield; border: 1px solid #ccc; height: 41px; padding-left: 0; padding-right: 0; text-align: center; width: 40px } .star-rating { font-size: 15px; height: 16px; width: 75px; line-height: 1; margin: 0 auto; overflow: hidden; position: relative; top: 0 } .star-rating span::before, .star-rating::before { color: silver; content: "\f005\f005\f005\f005\f005"; float: left; font-family: fontawesome; left: 0; letter-spacing: 2px; position: absolute; top: 0 } .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0 } .star-rating span::before { color: #ffc300!important } .product .tag-sale { margin: 0; top: 0; display: block; left: auto; right: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; color: #fff; font-size: 13px; font-weight: 600; line-height: 18px; padding: 4px 10px 4px 16px; position: absolute; text-align: right; text-transform: uppercase; z-index: 9 } .product .tag-sale .tag-sale::before { border-color: transparent transparent transparent #dcdcdc; border-style: solid; border-width: 12px 13px 13px 8px; content: ""; height: 0; left: 0; pointer-events: none; position: absolute; top: 1px; width: 0 } .tbl-shopping-cart .product-thumbnail img { max-width: 72px; max-height: 72px } .tbl-shopping-cart .product-remove { text-align: center } .tbl-shopping-cart .variation .variation-size, .tbl-shopping-cart .variation .variation-size span { font-size: 12px } .tbl-shopping-cart .coupon button, .tbl-shopping-cart .coupon input, .tbl-shopping-cart .coupon label, .tbl-shopping-cart tr td, .tbl-shopping-cart tr th { vertical-align: middle!important } .tbl-shopping-cart tr td { padding: 10px 12px!important } table.no-border td { border: medium none!important } .payment-method .radio { border: 1px solid #eee; padding: 10px } .payment-method .radio>label { color: #111; font-size: 17px } .payment-method .radio input { margin-top: 8px; vertical-align: initial } .payment-method .radio>p { margin-left: 20px } #checkout-shipping-address { display: none } .top-nav-cart-box .indicator, .top-nav-search-box .indicator { display: none } .has-dropdown+.dropdown { display: none; background-color: #fff; border: 1px solid #eee; box-shadow: 3px 3px 7px rgba(0,0,0,.15); left: auto; position: absolute; right: -1px; top: 100%; z-index: 1000; padding: 5px; width: 300px; font-size: 12px; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out } .top-dropdown-outer { position: relative } .top-dropdown-outer:hover .has-dropdown+.dropdown { display: block } .dropdown-cart { padding: 10px } .dropdown-cart .cart-table-list, .dropdown-cart .cart-table-list i { color: #222; border: none } .dropdown-cart .cart-table-list a { line-height: normal; color: #222 } .dropdown-cart .cart-table-list td img { width: 50px; height: auto } .dropdown-cart .cart-table-list.table>tbody>tr>td { border: none; line-height: 20px; height: 20px; vertical-align: middle; padding: 3px } .dropdown-cart .total-cart { display: inline-block; width: 100%; padding-top: 20px; color: #222; text-align: right } .dropdown-cart .total-cart ul { float: right; list-style: none; padding: 0; width: 100% } .dropdown-cart .total-cart ul li { display: block; overflow: hidden } .dropdown-cart .total-cart ul li span { width: 100px; display: inline-block; text-align: right; white-space: nowrap } .dropdown-cart .total-cart .table>tbody>tr>td, .dropdown-cart .total-cart .table>tbody>tr>th, .dropdown-cart .total-cart .table>tfoot>tr>td, .dropdown-cart .total-cart .table>tfoot>tr>th, .dropdown-cart .total-cart .table>thead>tr>td, .dropdown-cart .total-cart .table>thead>tr>th { border: 0 } .dropdown-cart .cart-btn .btn { width: auto; float: none; padding: 5px 15px } .top-shop-cart { margin-top: 8px; position: relative } .top-shop-cart .cart-number { background: #fff none repeat scroll 0 0; border-radius: 30px; padding: 0 8px 0 3px } .post { position: relative } .post .entry-title { margin-top: 0 } .post .entry-content { position: relative; background: #f8f8f8; padding: 15px } .post .entry-date { font-size: 13px } .post .entry-meta.meta-absolute { height: 100%; position: absolute; top: 0 } .post .entry-meta.meta-absolute i { display: block; font-size: 28px } .post .entry-meta.meta-absolute span a { color: #454545; font-size: 12px; font-style: italic; letter-spacing: 2px; margin-right: 5px } .post.media-post .post-thumb { float: left; margin: 0 10px 10px 0 } .post .post-thumb { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .post .entry-header { position: relative } .post .entry-header .entry-date { bottom: -25px; position: absolute; right: 10px; z-index: 2 } .post .entry-header .entry-date2 { top: 10px; position: absolute; right: 10px; z-index: 2 } .post .entry-header .blog-title { bottom: -20px; position: absolute; transition: all .3s ease-in-out 0s; width: 80%; z-index: 2 } .post .entry-meta.meta-absolute { height: 100%; position: absolute; left: 0; bottom: 0 } .post.style2, .post.style3 { position: relative; overflow: hidden } .post.style2 .entry-content, .post.style3 .entry-content { background-color: rgba(0,0,0,.8); bottom: -30px; left: 0; padding: 30px; position: absolute; right: 0; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .post.style2 .entry-content .entry-date, .post.style3 .entry-content .entry-date { font-size: 11px; margin-bottom: 10px } .post.style2:hover .entry-content, .post.style3:hover .entry-content { bottom: 0 } .post.style2:hover .post-thumb, .post.style3:hover .post-thumb { -webkit-transform: scale(1)!important; -ms-transform: scale(1)!important; -o-transform: scale(1)!important; transform: scale(1)!important } .blog-pull-right { float: right } @media only screen and (max-width:767px) { .blog-pull-right { float: none } } .featured-blog { overflow: hidden; position: relative } .featured-blog-details { bottom: -18%; padding: 30px; position: absolute; transition: all .4s ease-in-out 0s; width: 100% } .featured-blog:hover .featured-blog-details { bottom: 0 } .our-services-gallery .gallery-item { position: relative; overflow: hidden } .our-services-gallery .gallery-item .thumb { position: relative; overflow: hidden } .our-services-gallery .gallery-item .overlay-shade { position: absolute; display: inline-block; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; background-color: #333; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .our-services-gallery .gallery-item:hover .overlay-shade { opacity: .9 } .our-services-gallery .gallery-item .icons-holder { position: absolute; top: 0; left: 50%; display: inline-block; width: auto; height: 36px; vertical-align: middle; z-index: 13; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .our-services-gallery .gallery-item .icons-holder .icons-holder-inner { position: relative; display: inline-block; vertical-align: middle; margin: -18px 0 0 -50% } .our-services-gallery .gallery-item .icons-holder .icons-holder-inner a { opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .our-services-gallery .gallery-item:hover .icons-holder { top: 50% } .our-services-gallery .gallery-item:hover .icons-holder .icons-holder-inner a { opacity: 1 } .our-services-gallery .gallery-item .our-services-details { position: inherit; padding: 10px 15px; background-color: #f8f8f8 } .our-services-gallery .gallery-item .our-services-details .discount { position: absolute; display: inline-block; z-index: 15; right: 10px; top: -40px } .our-services-gallery .gallery-item .our-services-details .title { margin: 0 } .our-services-gallery .gallery-item .our-services-details .title a { color: #333 } .our-services-gallery .gallery-item .text-holder { box-sizing: border-box; display: block; height: 100%; left: 0; opacity: 0; overflow: hidden; padding: 25px 30px 60px; position: absolute; top: 0; -webkit-transition: opacity .3s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s; transition: opacity .3s ease-in-out 0s; width: 100%; z-index: 13 } .our-services-gallery .gallery-item .text-holder .title { color: #fff } .our-services-gallery .gallery-item:hover .text-holder { opacity: 1 } .opening-hours ul li { border-bottom: 1px solid #eee; padding: 10px 0; margin-bottom: 0 } .opening-hours ul li span { float: left } .opening-hours ul li .value { float: right } .causes .progress-item .progress-bar .percent { background-color: rgba(255,255,255,.9); border: 2px solid; border-radius: 50%; color: #333; font-size: 10px; line-height: 8px; padding: 12px 6px; position: absolute; right: -10px; text-align: center; top: -10px } .causes .progress-item .progress { background-color: #efefef; border-bottom: 1px solid #d3d3d3; box-shadow: none; height: 15px } .causes .thumb { position: relative } .causes .thumb .donate-btn { opacity: 0; position: absolute; right: -50px; top: 0; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .causes:hover .thumb .donate-btn { opacity: 1; right: -15px } .donate-piechart { margin: 0 auto } .donate-piechart.piechart-absolute { bottom: -40px; right: 15px; position: absolute } .donate-piechart .piechart-block { border-radius: 50% } .donate-piechart .piechart canvas { max-height: 70px } .donate-piechart .piechart canvas { background-color: #eee!important; border-radius: 50%; max-height: 80px } .donate-piechart .piechart-block .piechart { min-height: 80px; min-width: 80px } .donate-piechart .piechart-block .percent::after { font-size: 12px } .donate-piechart .piechart-block .percent { font-size: 18px; line-height: 77px; position: relative } .piechart { position: relative; margin: 0 auto; text-align: center } .piechart .percent { font-size: 18px; z-index: 100; line-height: 60px } .piechart .percent:after { content: "%"; font-size: 18px } .piechart canvas { position: absolute; left: 0; right: 0; margin: 0 auto } .project-conditions { padding: 8px } .project-conditions li { border-right: 1px solid #d3d3d3; color: grey; width: 32% } .project-conditions li:last-child { border-right: medium none } .project-conditions li strong { display: block; font-weight: 600; color: #222 } .project .thumb { position: relative; overflow: hidden } .project .thumb:after { background: rgba(0,0,0,.6) none repeat scroll 0 0; content: ""; height: 0%; left: 0; right: 0; opacity: 0; position: absolute; bottom: 50%; transition-duration: .3s; width: 100% } .project .hover-link { left: 35%; opacity: 0; position: absolute; top: 20%; transition-duration: .3s; z-index: 9 } .project .hover-link i { color: #fff; display: block; font-size: 20px; padding: 10px } .project .project-details { background: #fff none repeat scroll 0 0; transition-duration: .3s } .project:hover .thumb::after { border: 10px solid rgba(255,255,255,.2); opacity: 1; bottom: 0; height: 100% } .project:hover .hover-link { opacity: 1; top: 44% } .project:hover .project-details { border-bottom: 3px solid #fff } .project:hover .project-details .sub-title, .project:hover .project-details .title { color: #fff } .hover-effect .thumb { position: relative; overflow: hidden } .hover-effect .thumb:after { background: rgba(255,255,255,.1); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 100% } .hover-effect .hover-link { left: 0; margin: 0 auto; opacity: 0; position: absolute; right: 0; top: 20%; text-align: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 9 } .hover-effect .details { background: #f6f6f6; border-bottom: 3px solid #eee; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .hover-effect .details .sub-title { color: #999 } .hover-effect:hover .thumb::after { border: 10px solid rgba(0,0,0,.2); opacity: 1 } .hover-effect:hover .hover-link { opacity: 1; top: 44% } .hover-effect:hover .details { background: #222; border-bottom-color: #333 } .hover-effect:hover .details .sub-title, .hover-effect:hover .details .title { color: #fff } .event { background: #f6f6f6; border: 1px solid transparent; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s } .event:hover { background: #fafafa } .event .event-content .media-heading a { -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s } .event .event-content ul li { font-size: 12px; line-height: 1; margin-top: 10px; margin-bottom: 10px } .event .event-date ul li { line-height: 1 } .event .event-date ul li:first-child { margin-bottom: 10px } .event-time { position: relative } .event-time .event-date { top: 10px; position: absolute; left: 20px; z-index: 2 } .schedule-box .thumb { position: relative; overflow-x: hidden } .schedule-box .thumb .overlay { background-color: rgba(255,255,255,.85); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; -webkit-transition: .3s ease-in-out 0s; -o-transition: .3s ease-in-out 0s; transition: .3s ease-in-out 0s; top: -100% } .schedule-box .thumb .overlay a i { background-color: #333; color: #fff; margin: 0 auto; padding: 13px 12px; position: absolute; text-align: center; -webkit-transition: all .45s ease-in-out 0s; -o-transition: all .45s ease-in-out 0s; transition: all .45s ease-in-out 0s; top: 0 } .schedule-box .schedule-details { border-bottom: 1px solid #bbb } .schedule-box .schedule-details ul li { margin: 0 } .schedule-box .schedule-details .title a { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .schedule-box:hover .thumb .overlay { opacity: 1; top: 0 } .schedule-box:hover .thumb .overlay a i { opacity: 1; top: 40% } .table-schedule thead tr th { color: #fff; font-size: 16px; padding: 15px 25px; text-transform: uppercase } .table-schedule>tbody>tr { background-color: #fcfcfc } .table-schedule>tbody>tr:nth-child(2n+1) { background-color: #f9f9f9 } .table-schedule tbody tr td { border-top: 1px solid #ddd; color: #333; font-weight: 300; padding: 15px 25px } .table-schedule tbody tr td .speaker-thumb { float: left; margin-right: 15px; margin-top: 5px; width: 55px } .table-schedule tbody tr td .title { font-size: 15px; margin-bottom: 0; margin-top: 3px } .table-schedule tbody tr td .name { font-size: 13px; margin: 0 } .table-schedule tbody tr td strong { font-weight: 700 } .table-schedule .toggle-content { cursor: pointer } .table-schedule .session-details { display: none } .job-overview { box-shadow: 0 0 0 2px #eee; padding: 20px 0 20px 20px } .job-overview .dl-horizontal dt { width: auto } .job-overview .dl-horizontal dd { margin-left: 40px } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-image: none } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-default:hover { background-color: #eee; border-color: #eee } .btn-border { color: #222; background-color: #fff; border-color: #222 } .btn-border.focus, .btn-border:focus { color: #222; background-color: #e6e6e6; border-color: #000 } .btn-border:hover { color: #222; background-color: #e6e6e6; border-color: #040404 } .btn-border.active, .btn-border:active, .open>.dropdown-toggle.btn-border { color: #222; background-color: #e6e6e6; border-color: #040404 } .btn-border.active.focus, .btn-border.active:focus, .btn-border.active:hover, .btn-border:active.focus, .btn-border:active:focus, .btn-border:active:hover, .open>.dropdown-toggle.btn-border.focus, .open>.dropdown-toggle.btn-border:focus, .open>.dropdown-toggle.btn-border:hover { color: #222; background-color: #d4d4d4; border-color: #000 } .btn-border.active, .btn-border:active, .open>.dropdown-toggle.btn-border { background-image: none } .btn-border.disabled.focus, .btn-border.disabled:focus, .btn-border.disabled:hover, .btn-border[disabled].focus, .btn-border[disabled]:focus, .btn-border[disabled]:hover, fieldset[disabled] .btn-border.focus, fieldset[disabled] .btn-border:focus, fieldset[disabled] .btn-border:hover { background-color: #fff; border-color: #222 } .btn-border .badge { color: #fff; background-color: #222 } .btn-border { border-width: 2px } .btn-border:active, .btn-border:focus, .btn-border:hover { background-color: #222; border-color: #222; color: #fff } .btn-dark { color: #fff; background-color: #222; border-color: #222 } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #090909; border-color: #000 } .btn-dark:hover { color: #fff; background-color: #090909; border-color: #040404 } .btn-dark.active, .btn-dark:active, .open>.dropdown-toggle.btn-dark { color: #fff; background-color: #090909; border-color: #040404 } .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open>.dropdown-toggle.btn-dark.focus, .open>.dropdown-toggle.btn-dark:focus, .open>.dropdown-toggle.btn-dark:hover { color: #fff; background-color: #000; border-color: #000 } .btn-dark.active, .btn-dark:active, .open>.dropdown-toggle.btn-dark { background-image: none } .btn-dark.disabled.focus, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled].focus, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover { background-color: #222; border-color: #222 } .btn-dark .badge { color: #222; background-color: #fff } .btn-gray { color: #333; background-color: #eee; border-color: #eee } .btn-gray.focus, .btn-gray:focus { color: #333; background-color: #d5d5d5; border-color: #afafaf } .btn-gray:hover { color: #333; background-color: #d5d5d5; border-color: #d0d0d0 } .btn-gray.active, .btn-gray:active, .open>.dropdown-toggle.btn-gray { color: #333; background-color: #d5d5d5; border-color: #d0d0d0 } .btn-gray.active.focus, .btn-gray.active:focus, .btn-gray.active:hover, .btn-gray:active.focus, .btn-gray:active:focus, .btn-gray:active:hover, .open>.dropdown-toggle.btn-gray.focus, .open>.dropdown-toggle.btn-gray:focus, .open>.dropdown-toggle.btn-gray:hover { color: #333; background-color: #c3c3c3; border-color: #afafaf } .btn-gray.active, .btn-gray:active, .open>.dropdown-toggle.btn-gray { background-image: none } .btn-gray.disabled.focus, .btn-gray.disabled:focus, .btn-gray.disabled:hover, .btn-gray[disabled].focus, .btn-gray[disabled]:focus, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray:hover { background-color: #eee; border-color: #eee } .btn-gray .badge { color: #eee; background-color: #333 } .btn-circled { border-radius: 25px } .btn-flat { border-radius: 0 } .btn { font-size: 13px; padding: 8px 15px } .btn-xs { font-size: 11px; padding: 3px 14px } .btn-sm { font-size: 12px; padding: 5px 17px } .btn-lg { font-size: 15px; padding: 10px 26px } .btn-xl { font-size: 16px; padding: 13px 32px } .btn-transparent { background-color: transparent; color: #fff } .btn-quick-contact { background-color: rgba(5,15,5,.1); color: #fff } .btn-read-more { padding: 0 } .btn-read-more::after { display: inline-block; content: "\f18e"; font-family: fontawesome; font-size: 16px; font-variant: normal; font-weight: 400; line-height: 1; margin-left: 5px; position: relative; text-shadow: none; text-transform: none; top: 2px; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s } blockquote { border-left: 3px solid #eee; margin: 20px 0; padding: 30px } blockquote.gray { border-left: 3px solid #666; background-color: #eee; color: #333 } blockquote.gray.bg-theme-colored { background-color: #eee } blockquote.dark { border-left: 3px solid #3c3c3c; background-color: #555; color: #fff } blockquote.dark footer { color: #d3d3d3 } blockquote p { font-size: 16px; font-style: italic } .clients-logo .item { background: #eee; border-color: transparent; margin-bottom: 30px; padding: 0; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .clients-logo img { width: auto!important; display: inline!important; opacity: .7 } .clients-logo img:hover { opacity: 1 } .clients-logo.carousel { text-align: center } .clients-logo.carousel .item { box-shadow: none } .clients-logo.style2 .item { box-shadow: none } .clients-logo.style2 .item img { max-height: 120px } .client-img { opacity: .7; text-align: center; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .client-img:hover { opacity: 1 } .clients-logo.carousel .item { box-shadow: none; margin: 0 10px } .clients-logo.transparent .item { background: 0 0; margin-bottom: 10px } .clients-logo.transparent img { opacity: .9 } .countdown-timer li { color: grey; display: inline-block; padding: 30px 20px; background-color: #f1f1f1; margin-right: 15px; font-size: 40px; text-align: center; min-width: 120px; min-height: 120px } .countdown-timer li span { color: silver; display: block; font-size: 15px; margin-top: 5px } .countdown-timer.timer-box { padding: 20px; padding-top: 40px; text-align: center } .countdown-timer.timer-box li { color: #fff; background-color: rgba(0,0,0,.05); margin-bottom: 15px } .countdown-timer.timer-box li span { color: #eee } .countdown-timer.timer-deep-bg li { background-color: rgba(0,0,0,.05) } @media only screen and (max-width:767px) { .timer-responsive li { margin-top: 30px; font-size: 20px; min-width: 60px; min-height: 60px; padding: 20px 10px } .countdown-timer li span { font-size: 12px } } .divider, .parallax { background-repeat: repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; overflow: hidden; width: 100% } .parallax { width: 100%; height: 100%; margin: 0 auto; background-size: cover; background-attachment: fixed; background-repeat: repeat-y; background-position: top center!important } .mobile-parallax { background-size: cover!important; background-attachment: scroll!important; background-position: center center } .divider .container { padding-top: 90px; padding-bottom: 90px } .divider .container.small-padding { padding-top: 30px; padding-bottom: 30px } .divider .container.extra-padding { padding-top: 180px; padding-bottom: 180px } .fb-comments, .fb-comments>span, .fb-comments>span>iframe, .fb_iframe_widget, .fb_iframe_widget>span, .fb_iframe_widget>span>iframe { display: block; margin: 0; width: 100% } .flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus { outline: 0; border: none } .flex-direction-nav { display: none } .flexslider { position: relative; margin: 0; padding: 0; border: 0 } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .flex-control-nav { margin: 0; padding: 0; list-style: none; border: none; width: auto; position: absolute; z-index: 10; text-align: center; bottom: 15px; right: 15px } .flex-control-nav li { float: left; display: block; margin: 0 3px; width: 10px; height: 10px } .flex-control-nav li a { display: block; cursor: pointer; text-indent: -9999px; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .flex-control-nav li a.flex-active, .flex-control-nav li:hover a { background-color: #fff } .card { float: left; /* min-height: 300px; */ /* padding-bottom: 10%; */ position: relative; text-align: center; width: 100% } .card:nth-child(1) { margin-left: -3px; margin-right: 1px } .card .card:nth-child(3), .card:nth-child(1) { margin-right: 1px } .card .card__back, .card .card__front { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s } .card .card__back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .card .card__text { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 300px; line-height: 20px } .card.effect__hover:hover .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .card.effect__hover:hover .card__back { -webkit-transform: rotateY(0); transform: rotateY(0) } .card.effect__click.flipped .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .card.effect__click.flipped .card__back { -webkit-transform: rotateY(0); transform: rotateY(0) } .card.effect__random.flipped .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .card.effect__random.flipped .card__back { -webkit-transform: rotateY(0); transform: rotateY(0) } .styled-icons a { color: #333; font-size: 18px; height: 32px; line-height: 32px; width: 32px; float: left; margin: 5px 7px 5px 0; text-align: center; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .styled-icons a:hover { color: #666 } .styled-icons.icon-gray a { background-color: #eee; color: #555; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px } .styled-icons.icon-gray a:hover { color: #bbb } .styled-icons.icon-gray.icon-bordered a { background-color: transparent; border: 2px solid #eee } .styled-icons.icon-gray.icon-bordered a:hover { border: 2px solid #d5d5d5 } .styled-icons.icon-dark a { background-color: #333; color: #eee; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px } .styled-icons.icon-dark a:hover { color: #5e5e5e } .styled-icons.icon-dark.icon-bordered a { background-color: transparent; border: 2px solid #111; color: #111 } .styled-icons.icon-dark.icon-bordered a:hover { background-color: #111; border-color: #111; color: #fff } .styled-icons.icon-bordered a { border: 1px solid #777 } .styled-icons.icon-bordered a:hover { background-color: #777; color: #fff } .styled-icons.icon-rounded a { border-radius: 3px } .styled-icons.icon-circled a { border-radius: 50% } .styled-icons.icon-sm a { font-size: 13px; height: 30px; line-height: 30px; margin: 2px 7px 2px 0; width: 30px } .styled-icons.icon-md a { font-size: 24px; height: 50px; line-height: 50px; width: 50px } .styled-icons.icon-lg a { font-size: 32px; height: 60px; line-height: 60px; width: 60px } .styled-icons.icon-xl a { font-size: 60px; height: 120px; line-height: 120px; width: 120px } .styled-icons li { display: inline-block; margin-bottom: 0; margin-top: 0 } .funfact { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .funfact.border { border: 1px solid #d3d3d3 } .funfact.no-border { border: 0 } .funfact i { font-size: 45px } .funfact h2 { position: relative } .funfact h2:after { bottom: 0 } .funfact span { color: #eee; font-size: 18px } .funfact.style-1 .funfact-title, .funfact.style-1 i { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .funfact.style-1 .funfact-title { color: #999; font-size: 15px; text-transform: uppercase } .funfact.style-1:hover i { font-size: 40px!important; opacity: .3 } .funfact.style-1:hover .funfact-title { color: #333!important } .icon-box { padding: 40px 17px } .icon-box .icon { display: inline-block; height: 68px; margin-bottom: 20px; text-align: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 68px } .icon-box .icon i { line-height: 68px } .icon-box .icon.icon-gray { background-color: #eee; color: #555 } .icon-box .icon.icon-gray:hover { background-color: #d5d5d5; color: #bbb } .icon-box .icon.icon-gray.icon-bordered { background-color: transparent; border: 2px solid #eee } .icon-box .icon.icon-gray.icon-bordered:hover { background-color: #eee; color: #555 } .icon-box .icon.icon-dark { background-color: #111; color: #fff } .icon-box .icon.icon-dark:hover { color: #5e5e5e } .icon-box .icon.icon-dark.icon-bordered { background-color: transparent; border: 2px solid #111; color: #111 } .icon-box .icon.icon-dark.icon-bordered:hover { background-color: #111; border-color: #111; color: #fff } .icon-box .icon.icon-white { background-color: #fff; color: #333 } .icon-box .icon.icon-white:hover { background-color: #b3b3b3; color: #000 } .icon-box .icon.icon-white.icon-bordered { background-color: transparent; border: 2px solid #fff; color: #fff } .icon-box .icon.icon-white.icon-bordered:hover { background-color: #fff; border-color: #fff; color: #111 } .icon-box .icon.icon-white.icon-border-effect { position: relative } .icon-box .icon.icon-white.icon-border-effect::after { box-shadow: 0 0 0 3px #fff } .icon-box .icon.icon-bordered { border: 1px solid #777 } .icon-box .icon.icon-bordered:hover { background-color: #777; color: #fff } .icon-box .icon.icon-rounded { border-radius: 3px } .icon-box .icon.icon-circled { border-radius: 50% } .icon-box .icon.icon-xs { height: 30px; width: 30px } .icon-box .icon.icon-xs i { font-size: 18px; line-height: 30px } .icon-box .icon.icon-sm { height: 50px; width: 50px } .icon-box .icon.icon-sm i { font-size: 22px; line-height: 50px } .icon-box .icon.icon-md { height: 75px; width: 75px } .icon-box .icon.icon-md i { font-size: 36px; line-height: 75px } .icon-box .icon.icon-lg { height: 90px; width: 90px } .icon-box .icon.icon-lg i { font-size: 48px; line-height: 90px } .icon-box .icon.icon-xl { height: 120px; width: 120px } .icon-box .icon.icon-xl i { font-size: 60px; line-height: 120px } .icon-box .icon.icon-border-effect { position: relative } .icon-box .icon.icon-border-effect::after { border-radius: 50%; box-shadow: 0 0 0 3px #eee; box-sizing: content-box; content: ""; height: 100%; left: -4px; opacity: 0; padding: 4px; top: -4px; transform: scale(.8); transition: transform .2s ease 0s, opacity .2s ease 0s; pointer-events: none; position: absolute; width: 100% } .icon-box .icon.icon-border-effect.effect-flat::after { border-radius: 0 } .icon-box .icon.icon-border-effect.effect-rounded::after { border-radius: 3px } .icon-box .icon.icon-border-effect.effect-circled::after { border-radius: 50% } .icon-box .icon.icon-border-effect.icon-gray::after { box-shadow: 0 0 0 3px #eee } .icon-box .icon.icon-top { left: 0; margin: 0 auto; position: absolute; right: 0; top: -32px } .icon-box i { display: inline-block; font-size: 40px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .icon-box i[class*=pe-7s-] { vertical-align: text-bottom } .icon-box.left { text-align: left } .icon-box.left a { margin-right: 30px; padding: 0 } .icon-box.iconbox-border { border: 1px solid #dcdcdc } .icon-box.iconbox-bg { background-color: #fafafa } .icon-box.iconbox-bg.iconbox-bg-dark { background-color: #333 } .icon-box .icon-box-title { margin-bottom: 15px } .rotate { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .7s ease-in-out 0s; -o-transition: all .7s ease-in-out 0s; transition: all .7s ease-in-out 0s } .no-rotate { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .7s ease-in-out 0s; -o-transition: all .7s ease-in-out 0s; transition: all .7s ease-in-out 0s } .icon-box .icon-border-effect:hover::after, .icon-box:hover .icon-border-effect::after { opacity: 1; transform: scale(1) } .icon-box .icon-box-details { margin-left: 80px } #infscr-loading { background-color: rgba(0,0,0,.7); border-radius: 3px; color: #fff; font-size: 24px; height: 50px; line-height: 50px; left: 48%; position: fixed; text-align: center; top: 50%; width: 50px; z-index: 100 } #infscr-loading img { display: none } .instagram-feed figure, .instagram-feed-carousel figure { position: relative } .instagram-feed figure .link-out, .instagram-feed-carousel figure .link-out { position: absolute; right: 10px; bottom: 10px; background: rgba(0,0,0,.45); color: #f8f8f8; line-height: 1; padding: 10px; font-weight: 300; opacity: 0 } .instagram-feed figure .link-out:hover, .instagram-feed-carousel figure .link-out:hover { background: rgba(0,0,0,.7); color: #f8f8f8 } .instagram-feed figure:hover .link-out, .instagram-feed-carousel figure:hover .link-out { opacity: 1 } .instagram-feed .item { width: 100px; float: left; margin-bottom: 2px; margin-right: 2px } .nivo-lightbox-theme-default .nivo-lightbox-nav { height: 100%; top: 0 } .lightbox .lb-dataContainer { left: 0; position: absolute; right: 0; top: -45px } .toggle-map { background: rgba(0,0,0,.7); color: #fff; cursor: pointer; display: block; font-size: 16px; padding: 30px 0; position: relative; text-align: center; text-transform: uppercase; width: 100%; z-index: 200; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } .toggle-map:hover { color: #fff } .toggle-map span:after { content: "\f107"; font-family: fontawesome; margin-left: 10px } .toggle-map.open span:after { content: "\f106" } .map-canvas { height: 400px; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s } .map-canvas.big { height: 720px } .map-canvas.map-hidden { height: 0 } .btn-show-map { color: #111; font-size: 18px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 45% } .btn-show-map i { font-size: 48px } .pagination.theme-colored li.active a { background: #bf9e58; color: #fff; border: 1px solid transparent } .pagination.dark li a { color: #333 } .pagination.dark li.active a { background: #333; color: #fff; border: 1px solid transparent } .pager.theme-colored li.active a { color: #fff; border: 1px solid transparent } .pager.dark li a { color: #fff; background-color: #333; border: 1px solid transparent } .pricing-table { margin-bottom: 30px; position: relative } .pricing-table .table-price { color: #111; font-size: 45px } .pricing-table .table-price span { font-size: 13px; vertical-align: middle } .pricing-table.featured { border: 1px solid #111 } .pricing-table .table-type { display: inline } .pricing-table .btn-signup { margin-right: 0; width: 100% } .pricing-table .table-list { list-style: outside none none; padding: 10px 0 10px 20px } .pricing-table .table-list li { border-bottom: 0; font-size: 12px; padding: 10px 0 } .pricing-table .table-list li i { margin-right: 8px } .pricing-table .package-type span { position: relative; padding-left: 15px; margin-left: 10px } .pricing-table .package-type span::after { background: #2d915b; content: ""; height: 20px; left: -20px; position: absolute; top: 11px; width: 20px } .pricing { background-color: #3fb179; position: relative; -webkit-transition: .3s all ease-in-out 0s; -o-transition: .3s all ease-in-out 0s; transition: .3s all ease-in-out 0s } .pricing:hover { background-color: #121b26 } .pricing .table-price { font-size: 4rem; line-height: 1.2; margin: 0 0 20px; font-weight: 200 } .pricing .table-title { color: #fff; margin: 0; padding: 15px 0; padding-top: 0; text-transform: uppercase } .pricing.table-horizontal { background-color: #3fb179 } .progress-item { margin-top: 20px } .progress-item .progress { background-color: #f8f8f8; box-shadow: 0 0 1px rgba(0,0,0,.4) inset; border-radius: 0; height: 10px; margin-bottom: 15px; overflow: visible } .progress-item .progress-bar { font-size: 11px; padding-left: 10px; position: relative; text-align: left; width: 0; line-height: 18px; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s } .progress-item .progress-bar .percent { background: none repeat scroll 0 0 #555; border-radius: 8px 0 0; padding: 3px 5px; position: absolute; right: 0; top: -30px } .progress-item.progress-white .progress { padding: 2px } .progress-item.style2 .progress { height: 25px } .progress-item.style2 .progress-bar .percent { background: 0 0; color: #555; font-size: 14px } .modal-promo-box { max-width: 700px; padding: 90px 60px; margin: 0 auto } .small-title { position: relative } .small-title i { font-size: 36px; margin-top: 7px; padding-top: 0 } .small-title .title { margin-left: 15px } .small-title .title:after { bottom: -6px; content: ""; height: 1px; left: 45px; position: absolute; width: 45px } .section-title .both-side-line::after { background: silver none repeat scroll 0 0; content: ""; height: 2px; position: absolute; right: -40px; top: 10px; width: 30px } .section-title .both-side-line::before { background: silver none repeat scroll 0 0; content: ""; height: 2px; position: absolute; left: -40px; top: 10px; width: 30px } .section-title .top-side-line::after { background: silver none repeat scroll 0 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -8px; width: 40px } .section-title .left-side-line::before { background: silver none repeat scroll 0 0; content: ""; height: 2px; left: 0; position: absolute; top: -8px; width: 35px } .section-title .right-side-line::before { background: silver none repeat scroll 0 0; content: ""; height: 2px; position: absolute; right: 0; top: -8px; width: 35px } .section-title .sub-title { margin: 0; position: relative; display: inline-block } .section-title .title { margin-top: 0; position: relative } .section-title .title-icon { left: -60px; position: absolute; top: -10px } .section-title .title-icon i { opacity: .5 } .section-title p { font-size: 15px } .section-title p.left-bordered { border-left: 2px solid silver; padding-left: 10px } .section-title p.right-bordered { border-right: 2px solid silver; padding-right: 10px } .section-title { margin-bottom: 30px; position: relative } .section-title.title-border { padding-left: 30px } .section-title.title-border.title-right { border-left: 0; text-align: right } .section-title.icon-bg p { font-size: 15px; font-style: italic; margin-bottom: 0 } .section-title.icon-bg .page-title { font-size: 38px; line-height: 52px } .section-title.icon-bg .page-title i { font-size: 42px; line-height: 1.3; position: absolute; opacity: .15; left: 0; right: 0; margin: 0 auto } .title-dots { background: url(../images/title-dots.png) repeat scroll 0 0; height: 30px; margin-bottom: 20px } .title-dots span { color: #fff; font-size: 17px; line-height: 30px; padding: 5px 10px } .title-dots.small { height: 24px; margin-bottom: 15px } .title-dots.small span { font-size: 11px; line-height: 23px } .title-separator { border-top-style: solid; border-top-width: 1px; font-size: 16px; height: auto; line-height: 20px; margin: 10px 0; width: 70% } .title-separator span { background: #fff none repeat scroll 0 0; border-radius: 2px; letter-spacing: .2em; padding: 2px 10px; position: relative; text-transform: uppercase; top: -12px } .separator { color: #ccc; line-height: 1.2em; margin: 30px auto; overflow: hidden; text-align: center; width: 100% } .separator::after, .separator::before { border-bottom: 1px solid #eee; content: ""; display: inline-block; height: .65em; margin: 0 -4px 0 -100%; vertical-align: top; width: 50% } .separator::after { margin: 0 -100% 0 0 } .separator a, .separator i, .separator span { display: inline-block; margin: 0 20px 0 24px; font-size: 20px } .separator.left i, .separator.separator-left { float: left; margin: 2px 50px 0 0 } .separator.right i { float: right; margin: 0 0 2px 50px } .separator.separator-medium-line { margin: 10px auto; width: 20% } .separator.separator-small-line { width: 10% } .separator.separator-border-rouned i, .separator.separator-rouned i { background-color: #f5f5f5; border-radius: 50%; height: 40px; left: 0; line-height: 40px; margin: -12px auto auto; position: absolute; right: 0; width: 40px } .separator.separator-border-rouned i { background: 0 0; border: 1px solid #f5f5f5 } .separator.separator-rouned.separator-rouned-left i { margin: -12px auto auto; right: auto; left: 0 } .separator.separator-rouned.separator-rouned-right i { margin: -12px auto auto; right: 0; left: auto } .separator.dotted::after, .separator.dotted::before { border-bottom: 2px dotted #ccc } .styled-icons.icon-dark a { background-color: #333; color: #eee; display: block; border-radius: 100px; font-size: 18px; height: 36px; line-height: 36px; width: 36px } .styled-icons.icon-dark a:hover { color: #fff; opacity: 0.8; } .styled-icons.icon-sm a { font-size: 23px; height: 60px; line-height: 60px; margin: 2px 7px 2px 0; width: 60px } .tab-content { /* padding: 15px; */ /* border: 1px solid #ddd */ } .nav-tabs { border: none } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li.active a, .nav-tabs>li.active a:focus, .nav-tabs>li.active a:hover { color: #111; background-color: #f8f8f8 } .nav-tabs>li>a:focus, .nav-tabs>li>a:hover { color: #333; background-color: transparent } .nav-tabs>li>a i { font-size: 32px; margin-right: 20px; vertical-align: middle } .nav-tabs>li { text-align: center } .nav-tabs>li>a i { display: block; font-size: 48px; margin-right: 0; margin-bottom: 10px; vertical-align: middle } .horizontal-tab-centered .nav-pills { display: inline-block } .horizontal-tab-centered .nav-pills>li>a { background: #eee; color: #555; font-size: 15px; padding: 8px 10px; margin-right: 10px; margin-bottom: 10px; text-transform: capitalize } .horizontal-tab-centered .nav-pills>li>a:hover { color: #fff } .horizontal-tab-centered .nav-pills>li>a i { font-size: 15px; margin-right: 8px } .horizontal-tab-centered .nav-pills>li.active>a, .horizontal-tab-centered .nav-pills>li.active>a:focus, .horizontal-tab-centered .nav-pills>li.active>a:hover { color: #fff } .horizontal-tab.fullwide .nav-tabs>li { width: 20% } .vertical-tab .tab-content { padding: 5px 5px 20px 20px; border: none } .vertical-tab .nav-tabs>li { float: none; margin-bottom: 0 } .vertical-tab .nav-tabs>li>a { background: 0 0; border-radius: 0; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top: 1px solid transparent; border-left: 1px solid transparent; font-size: 15px; padding: 30px 0 30px 15px } .vertical-tab .nav-tabs>li:first-child>a { border-top: 1px solid #d3d3d3!important } .vertical-tab .nav-tabs>li.active>a, .vertical-tab .nav-tabs>li.active>a:focus, .vertical-tab .nav-tabs>li.active>a:hover { background: 0 0; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #d3d3d3 } .vertical-tab .small-padding .nav-tabs>li a { padding: 20px 0 20px 15px } .vertical-tab .small-padding .nav-tabs>li i { font-size: 24px } @media only screen and (max-width:767px) { .vertical-tab .tab-content { padding: 20px 5px } .nav-tabs>li>a { border-radius: 0; border-bottom: none; border-left: 2px solid #d3d3d3 } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border-bottom: none; border-left: 2px solid #d3d3d3 } } .custom-nav-tabs { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color; border-image: none; border-style: none solid none none; border-width: medium 0 medium medium; margin-right: 53px } .custom-nav-tabs>li { float: none; margin: 0 0 1px } .custom-nav-tabs>li a { background: #eee none repeat scroll 0 0; border: medium none; border-radius: 0; display: block; font-size: 17px; font-weight: 700; line-height: 59px; margin: 0; outline: medium none; padding: 0; text-align: center; text-transform: uppercase } .custom-nav-tabs>li.active>a, .custom-nav-tabs>li.active>a:focus, .custom-nav-tabs>li.active>a:hover, .custom-nav-tabs>li>a:focus, .custom-nav-tabs>li>a:hover { border: medium none; color: #000; padding: 0 } .team-members { overflow: hidden; position: relative } .team-members .team-details { bottom: -50px; position: absolute; transition: all .3s ease-in-out 0s; width: 100% } .team-members1 { position: relative } .team-members1 .team-details1 { bottom: 20px; position: absolute; transition: all .3s ease-in-out 0s; width: 80% } .team-members1 .team-details3 { bottom: -20px; position: absolute; transition: all .3s ease-in-out 0s; width: 80% } .team-members1 .team-details2 { top: 0; right: 0; height: 100%; position: absolute; transition: all .3s ease-in-out 0s; width: 20% } .team-members .team-details1 { opacity: 0; bottom: 140px; position: absolute; transition: all .3s ease-in-out 0s; width: 100% } .team-members:hover .team-details1 { opacity: 1 } .team-members:hover .team-details { bottom: 0 } .team-member .thumb { position: relative; overflow: hidden } .team-member .thumb img { -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .team-member:hover .thumb img { transform: scale(1.1) } .team-member .thumb .info { bottom: -50px; position: absolute; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; width: 100% } .team-member:hover .thumb .info { bottom: 0 } .dl-horizontal.doctor-info dt { color: #333; font-size: 15px; width: auto } @media only screen and (max-width:767px) { .dl-horizontal.doctor-info dt { margin-bottom: 10px } } .team-block .team-upper-block { overflow: hidden; position: relative } .team-block .team-upper-block .styled-icons { background: #fff none repeat scroll 0 0; position: absolute; text-align: center; transform: translateY(-5%); transition: all .3s linear 0s; width: 100% } .team-block:hover .team-upper-block .styled-icons { transform: translateY(-100%) } .team-block:hover .team-upper-block img { transform: translateY(-35px) scale(1.04) } .team-block .team-upper-block img { transition: all .3s linear 0s } .team-block { margin: 0 auto 30px } .team-block .team-thumb { overflow: hidden; position: relative } .team-block .team-thumb .team-overlay { height: 85.4%; padding: 40px 20px 0 30px; position: absolute; top: -90%; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; width: 100% } .team-block .team-thumb .team-overlay .styled-icons { position: absolute; bottom: 4px } .team-block .team-thumb .team-overlay .styled-icons a { border-color: #fff } .team-block .team-thumb .team-overlay .styled-icons a:hover { background: #fff none repeat scroll 0 0 } .team-block .team-thumb .team-overlay .styled-icons a i { color: #fff } .team-block .team-thumb .styled-icons { bottom: 0; padding: 7px 20px 0 0; position: absolute; right: 0; width: 84% } .team-block .team-thumb .styled-icons a { margin: 0 } .team-block .team-thumb .styled-icons a i { color: #fff; font-size: 15px; margin-top: 8px } .team-block .team-thumb .styled-icons a:hover { border-color: #fff; -webkit-transition: all .1s ease-in-out 0s; -o-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s } .team-block .team-thumb .styled-icons::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 22px; bottom: 0; content: ""; display: block; height: 40px; left: -44px; position: absolute; width: 40px } .team-block .team-bottom-part { background: #eee none repeat scroll 0 0; margin-top: 6px; padding: 10px 16px 12px 30px } .team-block:hover .team-overlay { top: 0 } .team-block .team-thumb .team-overlay::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 22px; bottom: -44px; content: ""; display: block; height: 44px; left: -2px; position: absolute; width: 40px } .testimonial { border-radius: 15px; position: relative; overflow: visible } .testimonial .content { position: absolute; border: 5px solid #fff; border-radius: 50%; top: -70px; right: 40px } .testimonial::after { color: #fff; content: "\f10e"; font-family: fontawesome; font-size: 48px; opacity: .2; position: absolute; right: 10px; bottom: -15px } .fc-timetable-wrapper .fc-scroller { height: auto; overflow: hidden } .fc-timetable-wrapper .fc-toolbar { display: none; height: 38px; margin-bottom: 20px } .fc-timetable-wrapper .fc-toolbar h2 { color: #7f7f7f; font-size: 18px; font-weight: 400; line-height: 38px; text-transform: uppercase } .fc-timetable-wrapper .fc-toolbar .fc-button { -moz-box-sizing: border-box; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-box-sizing: border-box; -webkit-transition: all .3s ease; background: #fff; border: 1px solid #e5e5e5; box-shadow: none; box-sizing: border-box; height: 38px; line-height: 36px; transition: all .3s ease; width: 40px } .fc-timetable-wrapper .fc-toolbar .fc-button:hover { background: #5fc7ae; border-color: #5fc7ae } .fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-left-single-arrow { background-position: -108px -50px } .fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-right-single-arrow { background-position: -115px -50px } .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon { height: 11px; top: -1px; width: 6px } .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon:after { display: none } .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow { background-position: -100px -50px } .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow { background-position: -122px -50px } .fc-timetable-wrapper .fc-day-header { background: #fff; color: #7f7f7f; font-size: 14px; font-weight: 300; line-height: 52px } .fc-timetable-wrapper .fc-time-grid .fc-day.fc-widget-content { background: #fff } .fc-timetable-wrapper .fc-axis { background: #fff } .fc-timetable-wrapper .filter-departments { margin-bottom: 20px } .fc-timetable-wrapper .filter-departments li { margin-bottom: 20px } .fc-timetable-wrapper .filter-departments a { background: #eee; border-color: #eee; border-radius: 5px; color: #333; padding: 5px; padding: 7px 15px } .fc-timetable-wrapper .filter-departments .active { background: #888; border-color: #888; color: #fff } .fc-timetable-wrapper .filter-departments .fc-departments-orthopaedics { background: #72a230; border-color: #72a230 } .fc-timetable-wrapper .filter-departments .fc-departments-cardiology { background: #ffab00; border-color: #ffab00 } .fc-timetable-wrapper .filter-departments .fc-departments-neurology { background: #fd4084; border-color: #fd4084 } .fc-timetable-wrapper .filter-departments .fc-departments-dental { background: #00a4ef; border-color: #00a4ef } .fc-timetable-wrapper .filter-departments .fc-departments-haematology { background: #80acdd; border-color: #80acdd } .fc-timetable-wrapper .fc-event { -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; border-radius: 0; border: 0; border: 2px solid #5fc7ae; color: #fff; font-size: 16px; font-weight: 300; transition: all .3s ease } .fc-timetable-wrapper .fc-event .fc-bg { opacity: 0 } .fc-timetable-wrapper .fc-event .fc-content { padding-left: 10px; padding-top: 10px } .fc-timetable-wrapper .fc-event .fc-content div.fc-time { display: none } .fc-timetable-wrapper .fc-event.hide { opacity: 0; z-index: -2 } .fc-timetable-wrapper .fc-event.fc-departments-orthopaedics { background: #72a230; border-color: #72a230 } .fc-timetable-wrapper .fc-event.fc-departments-cardiology { background: #ffab00; border-color: #ffab00 } .fc-timetable-wrapper .fc-event.fc-departments-neurology { background: #fd4084; border-color: #fd4084 } .fc-timetable-wrapper .fc-event.fc-departments-dental { background: #00a4ef; border-color: #00a4ef } .fc-timetable-wrapper .fc-event.fc-departments-haematology { background: #80acdd; border-color: #80acdd } .fc-timetable-wrapper td.fc-time { color: #7f7f7f; font-size: 12px; font-weight: 400; line-height: 70px; text-align: center } .fc-timetable-wrapper .fc-time-grid-container { height: auto } .fc-timetable-wrapper .fc-content-skeleton .fc-event-container { margin: 0 } @media only screen and (max-width:768px) { .fc-timetable-wrapper .fc-day-header { font-size: 10px } .fc-timetable-wrapper .fc-time-grid-event .fc-time, .fc-timetable-wrapper .fc-time-grid-event .fc-title { font-size: 12px } .fc-timetable-wrapper .fc-event .fc-content { padding-left: 0; padding-top: 0 } } .panel-group .panel { box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; position: relative } .panel-group .panel-title { font-size: 13px } .panel-group .panel-title a { background: #f8f8f8; display: block; font-size: 15px; font-weight: 500; padding: 10px 15px 10px 48px; white-space: normal } .panel-group .panel-title a.active { background: #16174f none repeat scroll 0 0; border-bottom: 1px solid #d3d3d3; color: #fff } .panel-group .panel-title a.active .open-sub:after { display: none } .panel-group .panel-title a.active::after { color: #fff; content: "\f068" } .panel-group .panel-title a::after { color: #888; content: "\f067"; font-family: fontawesome; font-size: 15px; left: 0; padding: 10px 14px; position: absolute; top: 0 } .panel-group .panel-title.active.panel-group .panel-title:focus a, .panel-group .panel-title.active.panel-group .panel-title:hover a { color: #333 } .panel-group .panel-title .open-sub { display: block; position: relative } .panel-group .panel-title .open-sub:after, .panel-group .panel-title .open-sub:before { content: ""; display: block; position: absolute; height: 1px; top: 50%; margin-top: -.5px; left: 50% } .panel-group .panel-content { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; padding: 10px 20px 20px } .panel-group .panel-content>:last-child { margin-bottom: 0 } .panel-group.white .panel-title a { background-color: #fff } .panel-group.toggle .panel-heading { padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .panel-group.toggle .panel-body { padding: 10px 0 5px 25px } .panel-group.accordion.transparent .panel-title a, .panel-group.accordion.transparent .panel-title a.active, .panel-group.toggle.transparent .panel-title a, .panel-group.toggle.transparent .panel-title a.active { background: 0 0; border: none; color: #333 } .panel-group.accordion.transparent .panel-title a.active::after, .panel-group.accordion.transparent .panel-title a::after, .panel-group.toggle.transparent .panel-title a.active::after, .panel-group.toggle.transparent .panel-title a::after { color: #333; background: 0 0 } .panel-group.accordion.transparent .panel-content, .panel-group.toggle.transparent .panel-content { background: 0 0 } .panel-group.toggle .panel-heading+.panel-collapse>.list-group, .panel-group.toggle .panel-heading+.panel-collapse>.panel-body { border-top: none } .cd-timeline-content { background: #f1f1f1 } .cd-timeline-content::before { border-color: transparent transparent transparent #eee } .cd-timeline-block:nth-child(2n) .cd-timeline-content::before { border-color: transparent #eee transparent transparent } #cd-timeline.cd-timeline-simple::before { background: #ccc none repeat scroll 0 0; height: 82%; top: 65px; width: 2px } #cd-timeline.cd-timeline-simple.time-line-media::before { height: 65% } .cd-timeline-simple .cd-timeline-block { margin: 38px 0 20px 0 } .cd-timeline-simple .cd-timeline-block .cd-timeline-content::before { display: none } .cd-timeline-simple .cd-timeline-block .cd-timeline-content { padding-top: 0; background: 0 0; box-shadow: none } .cd-timeline-simple .cd-timeline-block .cd-timeline-content p { font-size: 15px } .cd-timeline-simple .cd-timeline-block .cd-timeline-img { background: #333 none repeat scroll 0 0!important; box-shadow: 0 0 0 4px #ccc, 0 3px 0 rgba(0,0,0,.06) inset, 0 0 0 3px rgba(0,0,0,.05)!important } @media only screen and (max-width:992px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content { text-align: left } } @media only screen and (max-width:768px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content { margin-bottom: 10px } } @media only screen and (max-width:992px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 { font-size: 20px } } @media only screen and (max-width:768px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 { font-size: 18px } } @media only screen and (max-width:768px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content .cd-date { font-size: 15px } } .vertical-masonry-timeline .each-masonry-item { position: relative; width: 50%; margin-bottom: 30px } .vertical-masonry-timeline .each-masonry-item:nth-child(2) { margin-top: 80px } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) { padding-left: 50px } .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) { padding-right: 50px } .vertical-masonry-timeline .each-masonry-item .timeline-block { background: #fff none repeat scroll 0 0; border: 1px solid #d7e4ed; height: 100%; padding: 20px; position: relative; width: 100% } .vertical-masonry-timeline .each-masonry-item .timeline-block:after, .vertical-masonry-timeline .each-masonry-item .timeline-block:before { border-style: solid; border-width: 8px; content: ""; display: block; position: absolute; top: 20px } .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:before { border-color: transparent transparent transparent #c6d2db; left: auto; right: -16px } .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:after { border-color: transparent transparent transparent #fff; left: auto; right: -15px } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:before { border-color: transparent #c6d2db transparent transparent; left: -16px; right: auto } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:after { border-color: transparent #fff transparent transparent; left: -15px; right: auto } .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format { left: auto; right: -82px } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format { left: -80px; right: auto } .timeline-post-format { border: 3px solid #bbb; border-radius: 100%; color: #bbb; height: 60px; overflow: hidden; position: absolute; top: -2px; width: 60px; z-index: 1 } .timeline-post-format:after { background: #fff none repeat scroll 0 0; color: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .timeline-post-format i { font-size: 18px; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) } .vertical-masonry-timeline-wrapper:before { background: #ddd none repeat scroll 0 0; bottom: 0; content: ""; height: 100%; left: 50%; margin-left: 0; position: absolute; width: 4px } .vertical-masonry-timeline-wrapper:after { background: rgba(0,0,0,0) linear-gradient(#ddd, transparent) repeat scroll 0 0; bottom: -100px; content: ""; height: 100px; left: 50%; margin-left: 0; position: absolute; width: 4px } .vertical-masonry-timeline::after { background: rgba(0,0,0,0) linear-gradient(transparent, #ddd) repeat scroll 0 0; content: ""; height: 100px; left: 50%; position: absolute; top: -65px; width: 4px } @media only screen and (min-width:768px) { .vertical-masonry-timeline .each-masonry-item.item-right { padding-right: 0; padding-left: 50px } .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:before { border-color: transparent #c6d2db transparent transparent; left: -16px; right: auto } .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:after { border-color: transparent #fff transparent transparent; left: -15px; right: auto } .vertical-masonry-timeline .each-masonry-item.item-right .timeline-post-format { left: -80px; right: auto } .vertical-masonry-timeline .each-masonry-item.item-left { padding-right: 50px; padding-left: 0 } .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:before { border-color: transparent transparent transparent #c6d2db; right: -16px; left: auto } .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:after { border-color: transparent transparent transparent #fff; right: -15px; left: auto } .vertical-masonry-timeline .each-masonry-item.item-left .timeline-post-format { right: -81px; left: auto } } @media only screen and (max-width:768px) { .vertical-masonry-timeline .each-masonry-item { width: 100% } .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) { padding-right: 0; padding-left: 71px } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) { padding-left: 71px; padding-right: inherit } .vertical-masonry-timeline .each-masonry-item:nth-child(2) { margin-top: 0 } .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format { left: -72px; right: auto } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format { left: -72px } .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::before { border-color: transparent #c6d2db transparent transparent; left: -16px; right: auto } .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::after { border-color: transparent #fff transparent transparent; left: -15px; right: auto } .vertical-masonry-timeline:after { left: 29px } .vertical-masonry-timeline-wrapper:after, .vertical-masonry-timeline-wrapper:before { left: 44px } } .working-process>li { float: left; overflow: hidden; position: relative; text-align: center } .working-process>li::after { border-top: 1px dashed #333; content: ""; left: 6px; margin-left: -32px; overflow: hidden; position: absolute; top: 25px; width: 50% } .working-process>li::before { border-top: 1px dashed #333; content: ""; margin-right: -25px; position: absolute; right: 0; top: 25px; width: 50% } .working-process>li :first-child::after { border-top: medium none } .working-process>li :last-child::before { border-top: medium none } .working-process li a { border: 1px solid; display: inline-block; height: 50px; line-height: 50px; overflow: hidden; width: 50px; border-radius: 50% } .working-process li a:hover { background: #333 none repeat scroll 0 0; border: 1px solid transparent; color: #fff } .working-process li a i { font-size: 18px } .working-process.square li a, .working-process.square.large-circle li a { border-radius: 0 } .working-process.large-circle li a { height: 120px; line-height: 130px; width: 120px; border-radius: 50% } .working-process.large-circle li a i { font-size: 28px } .working-process.large-circle>li::before { margin-right: -60px; top: 60px } .working-process.large-circle>li::after { margin-left: -64px; top: 60px } .working-process.theme-colored li a { color: #fff } .home-boxes .each-box { overflow-x: hidden } .home-boxes .bg-icon { bottom: 0; color: #fff; font-size: 58px; line-height: 1; opacity: .3; position: absolute; right: 30px; transform: rotate(-40deg) } .search-form-wrapper { position: relative } .search-form-wrapper.toggle { display: none } .search-form-wrapper.toggle.active { display: block } .search-form-wrapper form { padding: 10px; position: relative } .search-form-wrapper form label { margin: 0; position: absolute; right: 11px; top: 11px } .search-form-wrapper form label:before { color: #555; cursor: pointer; content: "\f002"; font-family: fontawesome; font-size: 16px; position: absolute; right: 13px; top: 6px } .search-form-wrapper form input[type=text] { background-color: #fff; border: 1px solid silver; height: 46px; padding: 8px 17px; width: 100% } .search-form-wrapper form input[type=submit] { background-color: #fff; border-left: 1px solid silver; border: none; height: 44px; width: 50px; text-indent: -999px } .search-form-wrapper.form-absolute form { background-color: #333; position: absolute; right: 0; top: 12px; width: 370px; z-index: 99 } .search-form-wrapper.round form input[type=text] { border-radius: 30px; border-width: 4px } .search-form-wrapper.round form input[type=submit] { height: auto; width: auto; margin-right: 10px; margin-top: 10px } .search-form-wrapper.round form label::before { color: silver } .widget .list-border li { border-bottom: 1px dashed #d3d3d3 } .widget.dark .list-border li { border-bottom: 1px dashed #343434; color: #fff } .widget { margin-bottom: 30px } .widget .widget-title { margin-top: 0; margin-bottom: 20px } .widget ul li { margin-bottom: 0; padding-bottom: 5px } .mainSectionPanel .leftSection.widget .widget-title { margin-top: 20px; margin-bottom: 20px } .mainSectionPanel .leftSection.widget ul li { margin: 0; padding: 8px 0 } .mainSectionPanel .leftSection.widget ul li a { position: relative; padding-left: 13px } .mainSectionPanel .leftSection.widget ul li a:hover { color: #d61311 } .mainSectionPanel .leftSection.widget ul li.active a { color: #d61311; font-weight: 700 } .mainSectionPanel .leftSection.widget ul li a:after { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #1b3872; content: ''; left: 0; top: 7px } .mainSectionPanel .leftSection.widget ul li ul { margin: 0; padding: 0; background: #e3e3e3; margin: 10px -15px 0 -15px } .mainSectionPanel .leftSection.widget ul li ul li { padding-left: 30px; font-size: 13px } .mainSectionPanel .leftSection.widget ul li ul li a:after { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #d61311; content: ''; left: 0; top: 7px } .widget .post, .widget ul.list li { margin: 0 } .widget.brochures>li { margin-bottom: 10px; padding: 10px } .widget.brochures i { color: #666; font-size: 16px; margin-right: 10px } .widget.address>li { font-size: 13px; margin-bottom: 10px; padding: 5px 10px } .widget.address>li i { font-size: 16px; margin-right: 8px; vertical-align: middle } .widget .twitter-feed li { font-size: 13px; margin-bottom: 15px; margin-top: 0; padding-left: 30px } .widget .twitter-feed li.item { position: relative } .widget .twitter-feed li::after { content: "\f099"; font-size: 24px; font-family: fontawesome; left: 0; position: absolute; top: 0 } .widget .styled-icons li { margin-bottom: 0; padding-bottom: 0 } .widget .styled-icons li a { margin-bottom: 0 } .widget .tags a { border: 1px solid #404040; display: inline-block; font-size: 12px; margin: 5px 4px 5px -2px; padding: 5px 10px } .widget .tags a:hover { color: #fff } .widget .search-input { background: transparent none repeat scroll 0 0; border: 1px solid silver; border-radius: initial; box-shadow: none; height: 45px; padding: 10px } .widget .search-button { background: transparent none repeat scroll 0 0; border: 1px solid silver; border-radius: 0; height: 45px } .widget .nav-tabs li { border-bottom: 1px solid transparent; margin-bottom: -2px; padding-bottom: 0 } .widget .nav-tabs li:hover { border-bottom: 1px solid transparent } .widget .post-title a { font-size: 13px; letter-spacing: 0 } .widget .quick-contact-form .form-control { background-color: rgba(241,241,241,.8); border-color: #d3d3d3; color: #a9a9a9 } .widget .product-list .product-title { font-size: 15px; font-weight: 400 } .widget.dark .widget-title { color: #fff } .widget.dark .tags a { border: 1px solid #404040 } .widget.dark .widget-image-carousel .title { color: #fff } .widget.dark .search-input { border: 1px solid #333 } .widget.dark .styled-icons li a:hover i { color: #fff } .widget.dark .search-button { border: 1px solid #333 } .widget.dark .widget-subscribe .subscribe-title { color: #fff } .widget.dark .widget-subscribe .subscribe-sub-title { color: #666 } .widget.dark .nav-tabs li { border-bottom: 1px solid transparent; margin-bottom: -2px; padding-bottom: 0 } .widget.dark .nav-tabs li:hover { border-bottom: 1px solid transparent } .widget.dark .nav-tabs li:hover a { border: 1px solid #555 } .widget.dark .nav-tabs li.active a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #333 none repeat scroll 0 0; border-color: #555 #555 transparent; border-image: none; border-style: solid; border-width: 1px } .widget.dark .product-title a { color: grey } .widget.dark .post-title a { color: silver } .widget.dark .tab-content { background: #333 none repeat scroll 0 0; border: 1px solid #555 } .widget.dark .quick-contact-form .form-control { background-color: rgba(5,15,5,.1); border-color: #333 } .widget.dark .widget-title.line-bottom-theme-colored-2.border-bottom { border-bottom: 1px solid #444 } .widget.no-border ul li { border: none; display: inline-block; padding-bottom: 0; margin-bottom: 0 } .widget ul.list li::before { display: none } .widget.dark ul.list li::before { display: none } .horizontal-contact-widget { border-top: 1px dashed #666 } .horizontal-contact-widget .each-widget::before { content: "\f111"; font-family: FontAwesome; left: 0; position: absolute; right: 0; top: -42px } .horizontal-contact-widget.dark { border-top: 1px dashed #333 } .widget.dark .btn.btn-default { border-color: #333 } #flickr-feed img { background: none repeat scroll 0 0 #000; float: left; height: 60px; margin: 0 5px 5px 0; padding: 0; width: 70px } .text-hover-theme-colored { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .widget .services-list li { background-color: #eee; border-bottom: 1px solid #ddd; padding: 10px 15px 10px 20px } .widget .services-list li.active { position: relative; border-bottom: 1px solid transparent!important } .widget .services-list li.active a { color: #fff } .footer { background: #fafafa } .footer a, .footer p { color: #fff; font-size: 15px } .footer a:hover { color: #0b7593!important } .footer a:active, .footer a:focus, .footer a:hover { color: #d49d03 } .footer .widget .widget-title { margin-top: 0; font-size: 18px } .footer .widget.dark .quick-contact-form button { border-color: #333; color: #fff } .footer .widget.dark .quick-contact-form button:hover { background-color: #eee; border-color: #eee; color: #333 } .footer-box { padding: 20px 15px } .footer-box.icon-box { margin-bottom: 0 } .footer-box .title { color: #fff; margin-bottom: 5px } .footer-box p { color: #eee; line-height: 20px } .footer-box p i { color: #fff; margin-left: 10px } .footer-box-wrapper { margin-top: -55px } .footer-news-letter .newsletter-form .form-control { background: #333; border: medium none; height: 42px; margin-right: 10px } .footer p { color: #fff; font-size: 15px } .bg-1 { background: #f6f6f6 } .menuSection { width: 100%; display: table; background: #0b7593; position: relative !important; } .menuSection.scroll-to-fixed-fixed { position: fixed !important; top: 0px !important; } .opening-hours { margin-bottom: 15px } .opening-hours a { color: #fff; display: block } .opening-hours a:hover { color: #ecd510 } .equal-height-inner h3 { font-size: 20px; color: #ecd510!important } .downloadsPanel { margin-left: 15px; display: inline-block } .downloadsPanel li { list-style: circle } .downloadsPanel li a { color: #333 } .downloadsPanel li a:hover { text-decoration: underline } .footer-bottom, .footer-bottom p { color: #fff!important } .tabPanelBox { min-height: 100%; background: #f1f1f1; border: 1px solid #ddd; padding: 0px } .tabPanelBox .resp-tabs-list { width: 100%; display: table; background: #444347 } .flexslider .flex-viewport { height: 217px!important } .tabPanelBox .resp-tab-content { border: 0 } .tabPanelBox .resp-tabs-list li { border: 0!important; background: #444347!important; padding: 5px 15px!important; font-weight: 400; text-transform: uppercase; font-size: 15px; color: #fff; margin: 0; margin-bottom: 0!important; border-radius: 0; position: relative } .tabPanelBox .resp-tabs-list li:last-child:after { display: none } .tabPanelBox .resp-tabs-list li.resp-tab-active, .tabPanelBox .resp-tabs-list li:hover { background: #0b7593!important; color: #fff } .tabPanelBox .resp-tab-content { padding: 0 } .tabPanelBox .panelTabBox ul li { margin-bottom: 15px; padding-left: 0; padding-bottom: 5px; display: flex; position: relative; border-bottom: 1px dashed #0c315d } .tabPanelBox .panelTabBox ul li .g1 { position: absolute; right: 30px } .tabPanelBox .panelTabBox ul li .g2 { position: absolute; right: 0 } .marquee-vertical { width: 100% } .tabPanelBox .panelTabBox ul li a { color: #000; font-size: 15px; position: relative; font-weight: 500; line-height: normal; padding-left: 20px } .tabPanelBox .panelTabBox ul li a:before { color: #242424; left: 0; top: 5px; position: absolute; content: '\f138'; font-family: FontAwesome } .tabPanelBox .panelTabBox ul li a span { display: block; font-size: 12px; color: #242424 } .tabPanelBox .panelTabBox ul li a span img { width: auto; float: right } .tabPanelBox .panelTabBox ul li a:hover { color: #0b7593 } .tabPanelBox .panelTabBox ul li a .fa-file-pdf-o { color: red; margin-left: 15px; font-size: 18px } .numbersIcon { font-size: 12px; position: absolute; bottom: 15px } .numbersIcon .numbersIcon img { margin-right: 5px; vertical-align: middle; width: 15px } .searchBoxSt .btn-danger { background: #444347; color: #fff; border-radius: 0; border: 0 } .searchBoxSt .btn-danger:hover { color: #fff; border: 0 } .searchBoxSt .btn-default { background: #1b3872; border-radius: 0; color: #fff; border: 0 } .btn-default i { margin-left: 5px; font-size: 18px } .btn-default i.fa-file-pdf-o { color: #fff!important } .btn-default:hover { background: #d30707; border: 0; color: #fff } .directorBox { background: #fff; padding: 10px } .directorBox p { text-align: justify; color: #000 } .flex-pauseplay { display: none } .welcomePanel img { float: left; border: 1px solid #e1e1e1; padding: 5px; background: #fff; margin-right: 25px; margin-bottom: 20px; -webkit-box-shadow: 7px 7px 5px 0 rgba(0,0,0,.12); -moz-box-shadow: 7px 7px 5px 0 rgba(0,0,0,.12); box-shadow: 7px 7px 5px 0 rgba(0,0,0,.12) } .welcomePanel p { text-align: justify; color: #000 } .sd-1 { -webkit-box-shadow: -7px 7px 5px 0 rgba(0,0,0,.12); -moz-box-shadow: -7px 7px 5px 0 rgba(0,0,0,.12); box-shadow: -7px 7px 5px 0 rgba(0,0,0,.12) } .bread_crumbs { border-bottom: 1px dashed #aaa; font-size: 12px; display: block; padding: 10px 0 } .bread_crumbs:after, .bread_crumbs:before { display: table; line-height: 0; content: "" } .bread_crumbs:after { clear: both } .bread_crumbs a { color: #336ea8 } .bread_crumbs span { color: #b3b3b3; text-decoration: none; width: auto; border: none; margin: 0 5px; font-size: 15px; vertical-align: middle } .item .project .text-center { text-align: center!important } .mainSectionPanel { padding: 0 0 } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .bg-2 { background: #f2f2f2 } .leftSection.widget { margin-bottom: 0 } .mainSectionPanel .RightSection { padding: 15px } .mainSectionPanel .RightSection h2 { margin: 0; padding: 0; font-size: 1.5em; color: #1b3872; margin-bottom: 15px } .mainSectionPanel .RightSection p { font-size: 15px; text-align: justify; color: #000 } .mainSectionPanel .RightSection .project .thumb:after { background: rgba(0,0,0,0) none repeat scroll 0 0 } .mainSectionPanel .RightSection h3 { font-size: 15px; margin: 0; padding: 0; margin-bottom: 15px; color: #666; border: 1px solid #ccc; padding: 5px; background: #f2f2f2; border-radius: 4px } .table tr th { background: #0b7593; color: #fff } .table tbody tr td { /* color: #000 */ color: #242424 } .table tbody tr th strong { color: #fff } .table tbody tr td a { color: #333 } .table tbody tr td a:hover { text-decoration: underline } .table tbody tr td .fa-file-pdf-o { font-size: 18px; color: #ff2719 } .imgStyle { border: 1px solid #e0e0e0; padding: 10px; background: #fff; -webkit-box-shadow: 7px 7px 5px 0 rgba(0,0,0,.12); -moz-box-shadow: 7px 7px 5px 0 rgba(0,0,0,.12); box-shadow: 7px 7px 5px 0 rgba(0,0,0,.12) } .line-h-25 { line-height: 25px!important } table.tableBox-1 tr td { line-height: 25px } .tableBox-1 tr td i { color: #1b3872; margin-right: 5px } .panel-group .panel-title a.active::after { color: #fff!important } .mainSectionPanel .RightSection h4 { color: #1b3872 } .mainSectionPanel .RightSection ul li { margin-left: 20px; margin-bottom: 10px; position: relative; color: #000 } .mainSectionPanel .RightSection ul li:after { position: absolute; content: '\f18e'; left: -20px; top: 3px; font-family: FontAwesome; color: #d30707; font-size: 15px } .mainSectionPanel .RightSection ul li a { color: #1960c0 } .mainSectionPanel .RightSection ul li a:hover { text-decoration: underline } a .fa-file-pdf-o { color: #d30707; margin-left: 10px; font-size: 18px } .addressPanel { background: #e7e7e7; padding: 15px; min-height: 280px } ul.pagination li:after, ul.styled-icons li:after { display: none } .pagination>.active>a { color: #fff!important } .contact_us_container address { line-height: 25px; border-bottom: 1px solid #e7e7ed; display: table; padding-bottom: 10px; margin-bottom: 10px } .contact_us_container address i { color: #d30707; margin-right: 10px } .contact_us_container .address:after { border-left: 2px solid #1b3872; content: ''; width: 2500px; height: 100%; background: #f6f6f8; position: absolute; left: -13px; top: 0; z-index: -1 } .topRightHeader .dropdown .menuPanelDown li.blackBtnBox a { background: #000 } .whiteBtnBox { display: none } .flexslider { height: 217px; border: 0!important; background: 0 0!important; margin-bottom: 0!important } .max-wd { min-width: 240px!important } .breadcrumb { display: none } .bg20 img { background: #fff } .owl-carousel-6col img { border: 1px solid #999!important; padding: 3px } .owl-carousel-6col.owl-carousel .owl-stage-outer { padding: 5px 1px } .single-service-offer-box { display: flex; justify-content: space-between; flex-direction: column; flex-basis: 100% } .single-service-offer-box:hover .mid_con .date_time, .single-service-offer-box:hover .mid_con .date_time .fa, .single-service-offer-box:hover .mid_con .icon .fa, .single-service-offer-box:hover .mid_con .text .list-unstyled li a, .single-service-offer-box:hover .mid_con .title h3 { color: #254260 } .single-service-offer-box, .single-testimonial-style-one { border: 1px solid #eaf0ee; border-radius: 5px; padding: 0 30px 20px 30px; position: relative; box-shadow: 0 0 3px #b1b1b1 } .single-service-offer-box:after, .single-service-offer-box:before, .single-testimonial-style-one:after, .single-testimonial-style-one:before { content: ''; width: 100%; height: 100%; position: absolute; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; top: 0; left: 0; transition: all .4s ease; border-radius: 5px } .single-service-offer-box:before, .single-testimonial-style-one:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom center; transform-origin: bottom center; border-top: 4px solid #254260; border-bottom: 4px solid #254260 } .single-service-offer-box:after, .single-testimonial-style-one:after { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: left center; transform-origin: left center; border-left: 4px solid #254260; border-right: 4px solid #254260 } .single-testimonial-style-one .top-block { margin-bottom: 20px } .single-testimonial-style-one .top-block .image-block, .single-testimonial-style-one .top-block .text-block { display: table-cell; vertical-align: middle } .single-testimonial-style-one .top-block .image-block .inner-block { width: 85px; position: relative } .single-testimonial-style-one .top-block .image-block .inner-block i[class*=energy-icon-] { position: absolute; right: -20px; top: -10px; display: block; width: 38px; height: 38px; background: #28b381; color: #fff; line-height: 38px; font-size: 22px; text-align: center; border-radius: 50% } .single-testimonial-style-one .top-block .image-block .inner-block>img { width: 100%; border-radius: 50%; position: relative } .single-testimonial-style-one .top-block .text-block { padding-left: 38px } .single-testimonial-style-one .top-block .text-block h3 { color: #3a3a3a; font-size: 20px; font-weight: 700; margin: 0 } .single-testimonial-style-one .top-block .text-block span { color: #f9c807; font-size: 16px } .single-testimonial-style-one .content-block p { margin: 0; color: #83888d; font-size: 18px; line-height: 28px } .single-service-offer-box:hover:before, .single-testimonial-style-one:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1) } .single-service-offer-box:hover:after, .single-testimonial-style-one:hover:after { -webkit-transform: scale(1, 1); transform: scale(1, 1) } .testimonials-carousel-two .owl-dots { position: relative; display: block!important; margin-top: 50px!important; line-height: 14px } .testimonials-carousel-two .owl-dots .owl-dot { position: relative; display: inline-block; width: 14px; height: 14px; background: 0 0; border: 2px solid #cad0cd; margin: 0 5px; padding: 0; border-radius: 50%; transition: all .3s ease } .testimonials-carousel-two .owl-dots .owl-dot span { display: none } .testimonials-carousel-two .owl-dots .owl-dot:before { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; background: #f9c807; border-radius: 50%; opacity: 0; transition: all .3s ease } .testimonials-carousel-two .owl-dots .owl-dot.active { border: 0 solid #cad0cd } .testimonials-carousel-two .owl-dots .owl-dot.active:before { opacity: 1 } .single-testimonial-style-two .top-box { position: relative } .single-testimonial-style-two .top-box i.energy-icon-quote { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; font-size: 106px; color: #132a39 } .single-testimonial-style-two .top-box p { margin: 0; font-size: 16px; line-height: 22px; color: #000; position: relative; z-index: 9 } .single-testimonial-style-two .name-box { margin: 0 0 10px } .single-testimonial-style-two .name-box .image-block, .single-testimonial-style-two .name-box .text-block { display: table-cell; vertical-align: middle } .single-testimonial-style-two .name-box .image-block { width: 80px } .single-testimonial-style-two .name-box .image-block>img { width: 100%; border-radius: 50% } .single-testimonial-style-two .name-box .text-block { padding-left: 0 } .single-testimonial-style-two .name-box .text-block h3 { margin: 0; line-height: 1em; font-size: 16px; color: #000; font-weight: 700; margin-bottom: 0 } .single-testimonial-style-two .name-box .text-block span { display: block; line-height: 1em; color: #34964d; font-size: 16px } .testimonials-carousel-three { margin-top: 0 } .testimonials-carousel-three .owl-dots { position: absolute; bottom: 0; right: 0 } .testimonials-carousel-three .owl-dots .owl-dot { position: relative; display: inline-block; width: 14px; height: 14px; background: 0 0; border: 2px solid #1d3e53; margin: 0 5px; padding: 0; border-radius: 50%; transition: all .3s ease } .testimonials-carousel-three .owl-dots .owl-dot span { display: none } .testimonials-carousel-three .owl-dots .owl-dot:before { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; background: #34964d; border-radius: 50%; opacity: 0; transition: all .3s ease } .testimonials-carousel-three .owl-dots .owl-dot.active { border: 0 solid #cad0cd } .testimonials-carousel-three .owl-dots .owl-dot.active:before { opacity: 1 } .testimonials-carousel-three .owl-nav { position: absolute; bottom: 0; right: 0; margin-top: 0 } .testimonials-carousel-three .owl-nav [class*=owl-] { width: 50px; height: 50px; background-color: transparent; border: 2px solid #2f2f2f; font-size: 20px; color: #83888d; border-radius: 50%; line-height: 36px; transition: all .4s ease } .testimonials-carousel-three .owl-nav [class*=owl-]:hover { color: #fff; background: #085196; border-color: #085196 } .home-five .single-testimonial-style-two .top-box i.energy-icon-quote { color: #232323 } .home-five .single-testimonial-style-two .name-box .text-block span { color: #085196 } .single-service-offer-box { background: #fff } ul.importantLink { z-index: 999; position: relative; padding: 10px 5px } ul.importantLink li { display: inline-block; width: 48% } ul.importantLink li a { display: block; padding: 1px 3px; color: #333; border: 1px solid #a9bcd4; margin-bottom: 2px; background: #dce9f9; margin-bottom: 2px } ul.importantLink li a:hover { background: #036; color: #fff } ul.topMenuArea { width: 100%; text-align: right; margin-top: 30px } ul.topMenuArea li { display: inline-block; position: relative } ul.topMenuArea li a { font-size: 15px; color: #333; margin: 0 0 0 15px } ul.topMenuArea li a:hover { color: #c30 } ul.topMenuArea li.rt:after { display: none } ul.topMenuArea li a i { width: 28px; height: 28px; background: #005bb5!important; border-radius: 5px; margin-right: 3px; font-size: 16px; line-height: 28px; color: #fff; text-align: center } ul.topMenuArea li a:hover i { background: #e4cb0d!important; color: #333 } .clientBgBox { background: #fff; z-index: 999; position: relative; padding: 10px; border-radius: 10px } .clientBgBox a img { border-radius: 10px; padding: 4px; filter: grayscale(0) } .clientBgBox a:hover img { filter: grayscale(100%) } .clientBgBox .owl-carousel.owl-nav-top .owl-controls .owl-nav>div { top: 25% } .clientBgBox .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next, .clientBgBox .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev { background: #0e305d; padding: 5px 5px } .clientBgBox .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev { left: -25px; right: auto; border-radius: 5px 0 0 5px } .clientBgBox .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next { right: -25px; left: auto; border-radius: 0 5px 5px 0 } .clientBgBox .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i, .clientBgBox .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i { color: #fff } .pricingtable-wrapper { background-color: #fff; border-radius: 5px; overflow: hidden; text-align: center; box-shadow: 5px 5px 30px 0 rgba(0,0,0,.08); border: 1px solid rgba(0,0,0,.05) } .pricingtable-wrapper .pricingtable-features, .pricingtable-wrapper .pricingtable-features li, .pricingtable-wrapper .pricingtable-footer, .pricingtable-wrapper .pricingtable-price { border: 0 } .pricingtable-wrapper .pricingtable-price h4 { font-weight: 400; font-size: 24px; margin-bottom: 0; line-height: 18px; color: rgba(255,255,255,.9); background: #ff5a00; padding: 9px 20px; border-radius: 4px; text-transform: uppercase; display: inline-block } .pricingtable-wrapper .pricingtable-price { padding: 10px 20px 10px } .pricingtable-wrapper .pricingtable-features li { font-size: 15px; padding: 15px 20px; font-weight: 400; color: #8a8e9a; border-bottom: 1px solid rgba(0,0,0,.1) } .pricingtable-wrapper .pricingtable-footer { padding: 15px 20px 30px } .pricingtable-wrapper .pricingtable-bx { font-size: 100px; font-weight: 500 } .pricingtable-wrapper .pricingtable-type { font-size: 16px; font-weight: 400; color: rgba(255,255,255,.9); text-transform: capitalize } .pricingtable-wrapper.red .pricingtable-price { background-color: #f0526d } .pricingtable-wrapper.orange .pricingtable-price { background-color: #ef9800 } .pricingtable-wrapper.blue .pricingtable-price { background-color: #00c5dc } .pricingtable-wrapper.purple .pricingtable-price { background-color: #8862b9 } .pricingtable-wrapper .pricingtable-features { padding: 20px 0 10px } .pricingtable-wrapper .pricingtable-bx { color: #fff } .pricingtable-wrapper .pricingtable-price { background: #002b5e } .pricingtable-wrapper.active .pricingtable-price { background: #ff5a00 } .pricingtable-wrapper.active .pricingtable-price h4 { background: #fff; color: #ff5a00 } .m-t0 { margin-top: 0!important } .p15 { padding: 15px 0 } .stPanel { position: relative; padding: 10px; text-align: center; color: #fff; height: 137px; -webkit-transition: all .25s ease; -o-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; cursor: pointer } .stPanel:hover { border-radius: 8px 8px 0 0; -webkit-transform: translateY(-4px) scale(1.02); -moz-transform: translateY(-4px) scale(1.02); -ms-transform: translateY(-4px) scale(1.02); -o-transform: translateY(-4px) scale(1.02); transform: translateY(-4px) scale(1.02); -webkit-box-shadow: 0 14px 24px rgb(0 0 0 / 40%); box-shadow: 0 14px 24px rgb(0 0 0 / 40%); z-index: 9 } .stPanel p { z-index: 9; position: relative; line-height: 19px; padding-top: 31px } .bg-a { background: #dc2f43 } .bg-b { background: #ab7a03 } .bg-c { background: #ac54c2 } .bg-d { background: url(../images/photos/ab1.jpg) no-repeat center } .bg-d:after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.8); content: '' } .bg-e { background: #0e305d } .bg-f { background: #f58732 } .ideasSection { background: #0e305d; padding: 35px; text-align: center; color: #fff; margin: 0 0 60px } .ideasSection h2 { font-size: 45px; color: #fff; margin-top: 0 } .ideasSection a { display: block; -webkit-transition: all .25s ease; -o-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease } .ideasSection a:hover h3 { color: #d49d03 } .ideasSection .imgIconBox { height: 169px } .ideasSection .imgIconBox img { margin-top: 10px; -webkit-transition: all .25s ease; -o-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease } .ideasSection a h3 { font-size: 25px; color: #fff; padding: 0; margin: 0; line-height: 30px } .ideasSection a:hover .imgIconBox img { margin-top: 0 } .importantAreaPanel { background: #383838; padding: 30px 0 70px 0 } .importantAreaPanel h4 { font-size: 20px; color: #f1f1f1; text-align: center; margin-bottom: 30px } .importantAreaPanel ul { display: table; width: 100% } .importantAreaPanel ul li { float: left; width: 25%; margin-bottom: 10px } .importantAreaPanel ul li a { font-size: 15px; color: #f1f1f1; -webkit-transition: all .25s ease; -o-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease } .importantAreaPanel ul li a:hover { padding-left: 7px } .importantAreaPanel ul li a i { margin-right: 5px } .chartPael { border: 1px solid #444347; padding: 0 } .chartPael .text-center, .chartPael .text-right { background: #fff; padding: 7px; color: #5f5f5f } .highcharts-button-symbol, .highcharts-credits { display: none!important } .mychart { margin-left: 6px!important; margin-right: 5px!important } .key-perform { border: 2px solid #444347; padding: 10px 25px; text-transform: capitalize; color: #444347; display: table; margin: 10px auto 0; transition: all .5s ease } .key-perform:hover { background: #444347; color: #fff } .grid2 li { width: 26%; float: left; margin: 0 35px 0 0 } .radio-container { display: inline-block; position: relative; padding-left: 20px; margin-right: 20px; margin-bottom: 0; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .radio-container input { position: absolute; opacity: 0; cursor: pointer } .checkmark { position: absolute; top: 3px; left: 0; border: 1px solid; height: 16px; width: 16px; background-color: #eee; border-radius: 50% } .radio-container input:checked~.checkmark { border: 1px solid #0075ff } .checkmark:after { content: ""; position: absolute; display: none } .radio-container input:checked~.checkmark:after { display: block } .radio-container .checkmark:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #0075ff } .bx-wrapper .bx-next, .bx-wrapper .bx-prev { background-color: #0e305d!important; border-radius: 100% } .inner-banner-area { position: relative; width: 100%; overflow: hidden; height: 200px } .inner-banner-area:before { position: absolute; background: rgb(0 0 0 / 67%); height: 100%; content: ""; left: 0; top: 0; width: 100% } .inner-banner-area img { width: 100% } .inner-banner-area .banner-content { position: absolute; top: 50%; left: 0; right: 0; margin: auto; text-align: center; transform: translate(0, -50%) } .inner-banner-area .banner-content h1 { margin: 0; color: #fff; font-size: 35px } .inner-banner-area .banner-content h1 { color: #fff; display: block; font-size: 32px; font-weight: 900; line-height: 30px; margin: 0; text-transform: uppercase } .inner-banner-area .banner-content ul { display: inline-block; vertical-align: top; margin-top: 15px } .inner-banner-area .banner-content ul li { display: block; float: left; padding: 0 10px; position: relative } .inner-banner-area .banner-content ul li+li::before { color: #fff; content: "/"; display: block; line-height: 9px; left: -3px; overflow: hidden; position: absolute; top: 0 } .inner-banner-area .banner-content ul li a, .inner-banner-area .banner-content ul li span { color: #fff; display: block; font-size: 15px; line-height: 9px } .inner-banner-area .banner-content ul li a { color: #d49d03 } .pdt40 { padding-top: 40px } .pdb60 { padding-bottom: 60px } .pdb110 { padding-bottom: 110px } .inner-page-section h3 { margin-top: 0; font-size: 18px; font-weight: 700; display: inline-table; background: #0e305d; padding: 6px 10px; color: #fff; border-radius: 0 15px } .inner-page-section img.rightImage { float: right; width: 320px; margin-left: 20px; margin-bottom: 10px; margin-top: 25px; border-radius: 10px; height: 180px } .leftCategory { background: #f4f4f4; padding: 0; max-height: 388px; overflow-y: auto } .leftSiteMenu { min-height: 305px; overflow-y: auto } li.side-dropdown>a:after, li.sub-dropdown>a:after { content: "\f107"; position: absolute; right: 10px; font-family: FontAwesome; top: 10px } li.side-dropdown>ul { margin-left: 21px } .leftCategory::-webkit-scrollbar, .leftSiteMenu::-webkit-scrollbar { width:6px } .leftCategory::-webkit-scrollbar-track, .leftSiteMenu::-webkit-scrollbar-track { background:#f1f1f1 } .leftCategory::-webkit-scrollbar-thumb, .leftSiteMenu::-webkit-scrollbar-thumb { background:#888 } .leftCategory::-webkit-scrollbar-thumb:hover, .leftSiteMenu::-webkit-scrollbar-thumb:hover { background:#555 } .leftCategory h5 { background: #0e305d; padding: 8px 15px; color: #fff; font-size: 15px; text-transform: uppercase; margin-top: 0; margin-bottom: 0 } .leftCategory ul li { margin: 0; border-bottom: 1px dashed #d3d3d3; list-style: none; width: 100%; padding: 0 } /*.leftCategory ul li:nth-last-child { border-bottom: none } */ .leftCategory ul li:last-child { border-bottom: none } .leftCategory ul li a { color: #333; position: relative; font-weight: 600; font-size: 13px; line-height: normal; display: inline-block; padding: 8px 15px; display: flex; align-items: center } .leftCategory ul li a:hover { color: #0b7593 } .leftCategory ul li a i { margin-right: 10px } .RightSection { padding-left: 30px; padding-right: 0 } .RightSection table { border-collapse: collapse; width: 100% } .RightSection td, .RightSection th { border: 1px solid #ddd; text-align: left; padding: 8px } .RightSection .table>tbody>tr>td { vertical-align: middle } .grey-box-wrap { background: #f4f4f4; border-radius: 15px 15px 0 0; padding: 20px 30px } .grey_bg { background: #f4f4f4 } .scrolling-div { max-height: 341px; overflow-y: auto } .scrolling-div .table-responsive::-webkit-scrollbar, .scrolling-div::-webkit-scrollbar { width:7px; height:7px } .scrolling-div .table-responsive::-webkit-scrollbar-track, .scrolling-div::-webkit-scrollbar-track { background:#f1f1f1 } .scrolling-div .table-responsive::-webkit-scrollbar-thumb, .scrolling-div::-webkit-scrollbar-thumb { background:#888 } .scrolling-div .table-responsive::-webkit-scrollbar-thumb:hover, .scrolling-div::-webkit-scrollbar-thumb:hover { background:#555 } .grey-box-wrap ol { list-style: decimal; padding-left: 15px; margin: 15px 0 } .grey-box-wrap ol li { line-height: normal; margin-bottom: 8px } .grey-box-wrap b, .grey-box-wrap strong { color: #333 } .contact-details { margin-top: 20px } .contact-details li { display: flex; margin-bottom: 15px } .contact-details li i { position: relative; width: 25px; top: -2px; font-size: 12px; background: #0b7593; text-align: center; border-radius: 100px; height: 25px; margin-right: 10px; line-height: 25px; color: #fff } .contact-details li a { color: #333; font-weight: 600; font-size: 13px; line-height: normal } .contact-details li a:hover { color: #0b7593 } .grey-box-wrap .resp-tabs-container { width: 100%; background: #fff; padding: 15px 15px; height: 300px; border-radius: 15px 15px 0 0; overflow: hidden } .grey-box-wrap .tabPanelBox .panelTabBox ul li a { color: #000 } .grey-box-wrap .tabPanelBox .panelTabBox ul li a:hover { color: #0b7593 } .grey-box-wrap .tabPanelBox { min-height: 301px; border-radius: 15px 15px 0 0 } .grey-box-wrap .tabPanelBox .panelTabBox ul li a .fa-file-pdf-o { color: #0b7593; margin-left: 5px; font-size: 18px } .grey-box-wrap .tabPanelBox .panelTabBox ul li { border-bottom: 1px dashed #000; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; position: relative; line-height: 20px } .grey-box-wrap .tabPanelBox .panelTabBox ul li:after { position: absolute; top: 0; left: 0; content: '\f138'; font-family: FontAwesome; color: #0b7593 } .grey-box-wrap .tabPanelBox { border: 1px solid #d3d3d3 } .inner-page-section .gallery-isotope .gallery-item .icons-holder { left: 100% } .inner-page-section .gallery-isotope.grid-4 .gallery-item { height: 200px } .inner-page-section .gallery-isotope.grid-4 .gallery-item img { height: 180px } .links p { font-size: 15px; padding-bottom: 10px; background: #fff; padding: 7px 15px; border-radius: 5px } .links p a { color: #000; transition: all .5s ease } .links p a:hover { color: #d49d03; margin-left: 5px } .faq .accordion-container { position: relative } .faq .accordion-container>h2 { margin: 0; font-size: 15px; color: #333; padding-bottom: 5px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd } .faq .set { position: relative; width: 100%; height: auto; background-color: #f5f5f5 } .faq .set>a { display: block; padding: 6px 15px; text-decoration: none; color: #555; font-weight: 600; background: #ebebeb; border-bottom: 1px solid #d3d3d3; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear } .faq .set>a i { float: right; margin-top: 2px } .faq .set>a.active { background-color: #0b7593; color: #fff } .faq .content { background-color: #fff; border-bottom: 1px solid #ddd; display: none } .faq .content ul { margin-left: 15px; padding-left: 25px; list-style: disc } .faq .content p { padding: 10px 15px; margin: 0; color: #333 } #site-map .site-map-box { margin-bottom: 1em } .site-map-menu li { width: 100%; list-style-image: url(../images/menu-leaf.png); border-bottom: 1px #ccc dotted; margin-top: 7px; } .site-map-menu li:last-child { border: none; } .site-map-menu li a { color: #333 } ul li.expanded { border-bottom: none!important; list-style-image: url(../images/menu-expanded.png); list-style-type: circle } .input-group .form-control.captcha-code { width: 200px; margin-right: 15px } .feedback-form .btn-primary { background: #0e305d; border-color: #0e305d } .feedback-form .btn-danger { background: #bababa; border-color: #bababa; margin-left: 4px; border-radius: 4px } .feedback-form .btn-danger:hover, .feedback-form .btn-primary:hover { background: #d49d03; border-color: #d49d03 } sup.red { color: red } .contact-page .grey-box-wrap { padding: 10px 15px; height: 240px; box-shadow: 0 0 2px #adadad } .contact-page .grey-box-wrap .contact-details li { padding-left: 40px } .contact-page .grey-box-wrap .contact-details li i { margin-left: -33px; float: left; margin-right: 5px } .contact-page { margin-bottom: 30px } .clientBgBox .owl-carousel.clientSlider .owl-nav { position: absolute; width: 100%; top: 32% } .clientBgBox .owl-carousel.clientSlider .owl-nav .owl-prev { position: absolute; left: -30px; right: auto; box-shadow: -1px 1px 3px #eee; border-radius: 5px 0 0 5px } .clientBgBox .owl-carousel.clientSlider .owl-nav .owl-next, .clientBgBox .owl-carousel.clientSlider .owl-nav .owl-prev { background: #fff; border-radius: 100px; width: 35px; height: 35px; font-size: 37px; line-height: 3px; box-shadow: 0 0 2px #555 } .clientBgBox .owl-carousel.clientSlider .owl-nav .owl-next span, .clientBgBox .owl-carousel.clientSlider .owl-nav .owl-prev span { display: block; line-height: 30px; height: 37px } .clientBgBox .owl-carousel.clientSlider .owl-nav .owl-next { position: absolute; right: -30px; left: auto; } /* Home Gallery Arrow */ .twitter-gallery .owl-carousel.HomeGallerySlider .owl-nav { position: absolute; width: 100%; top: 50%; display: block; transform: translateY(-50%); margin-top: -20px; } .twitter-gallery .owl-carousel.HomeGallerySlider .owl-nav .owl-prev { position: absolute; left: -18px; right: auto; box-shadow: -1px 1px 3px #eee; border-radius: 5px 0 0 5px } .twitter-gallery .owl-carousel.HomeGallerySlider .owl-nav .owl-next, .twitter-gallery .owl-carousel.HomeGallerySlider .owl-nav .owl-prev { background: #fff; height: 40px; width: 40px; border-radius: 100px; font-size: 30px; line-height: 37px; box-shadow: 0 0 2px #555 } .twitter-gallery .owl-carousel.HomeGallerySlider .owl-nav .owl-next span, .twitter-gallery .owl-carousel.HomeGallerySlider .owl-nav .owl-prev span { display: block; line-height: 19px; height: 26px } .twitter-gallery .owl-carousel.HomeGallerySlider .owl-nav .owl-next { position: absolute; right: -18px; box-shadow: 0 0 2px #555; left: auto; height: 40px; width: 40px; border-radius: 100px; font-size: 30px; } .twitter-gallery .owl-carousel.HomeGallerySlider .item img { height: 200px; } .leftCategory .resp-tabs-list li ul, .leftSiteMenu li ul { display: none } .leftCategory li.side-dropdown>ul, .leftSiteMenu li.side-dropdown>ul { background: #fff; float: left; padding: 0 20px; margin: 0; width: 100% } .leftSiteMenu li.side-dropdown>ul { background: #333 } .leftCategory li.sub-dropdown>ul, .leftSiteMenu li.sub-dropdown>ul { background: #0b7593; float: left; width: 100%; padding: 0 20px; margin: 0 } .leftCategory li.sub-dropdown>ul { background: #f4f4f4 } .inner-page-section { padding-right: 15px; padding-left: 15px } .inner-page-section .gallery-isotope .gallery-item .icons-holder { left: 89% } .gallery-page .gallery-isotope h3 { display: block; margin: 35px 0 10px } .gallery-page .gallery-isotope:first-child h3 { margin: 0 0 10px } .lightbox { top: 50%!important; transform: translate(0, -50%) } @media (min-width:1200px) { .container { width: 1190px } } @media (max-width:1199px) { .container { width: 99% } } .padding-space { padding: 60px 0; } .ministerpic ul { width: 100%; float: left; display: flex; margin: 0; padding: 0; justify-content: space-evenly; flex-wrap: wrap; align-content: space-between } .ministerpic ul li:first-child { width: 33.3% } .ministerpic ul li:first-child .mnstrimgbx a img { height: 155px } .ministerpic ul li { margin-bottom: 20px } .ministerpic ul li { list-style: none; width: auto; text-align: center; float: left; width: 33.3% } .ministerpic ul li .mnstrimgbx { width: auto; padding: 10px; text-align: center; margin: 0 auto; max-width: 275px } .ministerpic ul li .mnstrimgbx a { display: block; text-decoration: none } .ministerpic ul li .mnstrimgbx a img { padding: 2px; border: 1px solid #e0e0e0; height: 155px } .ministerpic ul li .mnstrimgbx a p { font-size: 13px; line-height: 16px; margin: 5px 0 0; color: #333 } .homeboxes_service .homesec2sec2bx { display: block; width: auto; margin: 0 auto } .homeboxes_service .homesec2sec2bx ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 1.5% !important; width: 100%; margin: 0; padding: 0; list-style: none; } .homesec2sec2bx ul li { width: calc(25% - 1.5%) !important; position: relative; height: 200px; display: flex; border-radius: 10px; transition: all ease-in-out .5s; background: 0 0; box-sizing: border-box; margin-bottom: 15px !important; } .homesec2sec2bx ul li:hover { margin-top: -2px } .homesec2sec2bx ul li a { display: table-cell; color: #fff; vertical-align: middle; text-align: center; width: 100%; border-radius: 10px; height: 100%; background: rgb(255 255 255 / 55%) } .homesec2sec2bx ul li a span { width: 100%; font-size: 16px; padding: 0 5px; font-weight: 600; display: block; line-height: 14px } .homesec2sec2bx ul li a img { margin: 25px 0 0; width: 120px; filter: grayscale(00%) } .homesec2sec2bx ul li:hover a { color: #fff; background: rgb(0 133 116); } /*.homesec2sec2bx ul li:hover a span img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); transition: 0.9s; } */ footer .widget.dark img { width: 160px } .clientBgBox a img { border-radius: 10px; padding: 4px; filter: grayscale(0); border: 1px solid #999!important } footer .widget.dark .validatorImg { width: 90px; margin-right: 10px } .module-gallery { width: 100% } .module-gallery .slider-wrapper { display: flex; overflow: hidden; max-height: 300px } .module-gallery .slider-thumb { max-width: 150px } .module-gallery .slick-slider img { width: 100%; height: 300px } .module-gallery .slider-thumb li { margin: 0 10px 10px; height: 93px; background: #000; border: none } .module-gallery .slider-thumb li:hover { cursor: pointer; opacity: .9 } .module-gallery .slider-thumb img { width: 100%; height: 100%; object-fit: cover } .module-gallery .slider-thumb .slick-next, .module-gallery .slider-thumb .slick-prev { z-index: 1; height: 1em; width: 90%; background-color: #000; opacity: .5; transition: opacity .3s ease; font-size: 1.5em; color: #fff } .module-gallery .slider-thumb .slick-next:before, .module-gallery .slider-thumb .slick-prev:before { content: '' } .module-gallery .slider-thumb .slick-next:hover, .module-gallery .slider-thumb .slick-prev:hover { opacity: .8 } .module-gallery .slider-thumb .slick-prev { left: 12px; top: .5em } .module-gallery .slider-thumb .slick-next { top: unset; right: 12px; bottom: -.5em } .slick-track .slick-track { display: none } .headingBtn { top: 3px; right: 15px; padding: 6px 16px; background: #0b7593; color: #fff; z-index: 9; position: absolute; border-radius:20px; } .headingBtn:hover { background: #0b7593; color: #fff } .vision-text { font-size: 15px; padding: 10px 12px 0; text-align: justify; color: #444347; border: 1px solid #ddd } .vision-text p { font-size: 16px } .hmBox { text-transform: uppercase; background: #0b7593; margin: 0; padding: 5px; color: #fff; font-size: 17px; text-align: center } .mtext-text { display: block; text-align: center; margin: 20px 0 0; font-size: 20px; letter-spacing: 1px; position: relative; color: #B03C00 } .mtext-text:before { content: '\f10d'; left: 0; top: -5px; font-size: 20px; position: absolute; font-family: FontAwesome } .mtext-text:after { content: '\f10e'; right: 0; top: -5px; font-size: 20px; position: absolute; font-family: FontAwesome } .main-button-flag_wrap { margin-top: 15px } .main-button-flag { background-image: linear-gradient(#ff8b0c, #fffefe, #3f840a); border: 0; border: 0; padding: 6px 5px; color: #000; width: 100%; display: block; text-align: center; font-size: 15px; border-radius: 3px; cursor: pointer; font-weight: 900; position: relative; text-transform: uppercase; text-shadow: 3px 2px 3px snow; letter-spacing: 1px } .flag { height: 50px; width: 50px; border: 2px solid #ff8b0c; border-radius: 50%; margin: 0 6px } .tabPanelBox .search-div { margin: auto; padding: 0 15px; text-align: center; display: inherit; margin-bottom: 10px } .tabPanelBox .search-div label { color: #333; font-weight: 700; font-size: 13px; padding-right: 8px; padding-top: 16px } .tabPanelBox .search-div input { border: 1px solid #ccc; border-radius: 100px; width: 100%; height: 32px; margin-top: 10px; padding-left: 10px; color: #333 } .filterDivd { position: relative; margin-right: 5px; } .tabPanelBox .search-div .search-icon { position: absolute; right: 4px; top: 13px; margin-top: 0; height: 26px; width: 26px; background: #f1f1f1; border-radius: 100px; padding: 5px; line-height: 0px; border: 1px solid #ccc; } .tabPanelBox .search-div .search-icon:hover { background: #0b7593; border: 1px solid #0b7593; } .tabPanelBox .search-div .search-icon:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .filterDivd select.form-control { margin-top: 8px; padding-left: 0; } li.type-image.slick-slide { position: relative } .type-image p { position: absolute; bottom: -10px; background: rgb(0 0 0 / 75%); color: #fff; z-index: 9; width: 100%; padding: 5px; font-size: 18px; text-align: center } .p-8px { padding: 8px!important } .mt-15px { margin-top: 15px } .mb-15px { margin-bottom: 15px } .height-300px { height: 260px } .ventures-content h2.heading span { color: #0b7593 } .youtbevideo { width: 100%; height: 200px !important; border: 0; } /* Inner page */ .innerbanner { color: #fff; width: 100%; height: 145px; position: relative; } .inner-title-block { position: absolute; color: #FFFFFF; font-size: 34px; bottom: 25px; left: 0; margin-bottom: 0px; } .innerbanner h3 { width: 100%; text-align: center; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; color: #fff; font-size: 28px; font-weight: 600; text-transform: uppercase; margin-top: -10px; } .inner-title-block .page-title { font-size: 22px; font-weight: bold; margin: 0px; padding: 11px 0px; border-bottom: solid 0px #bdbdbd; letter-spacing: 0; } .inner-title-block .page-title span { padding: 0px 10px 0px 10px; display: inline-block; color: #fff; font-size: 20px; font-weight: bold; text-transform: uppercase; } .inner-title-block .breadcrumb-area { display: block !important; } .inner-title-block #breadcrumbs { width: 100%; text-align: center; /* padding: 5px 0px; */ } .inner-title-block h2.element-invisible { margin-top: 20px; margin-bottom: 10px; } .inner-title-block .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px; } .inner-title-block .breadcrumb { color: #fff; display: block; border-bottom: #eee 0px solid !important; font-size: 15px; padding: 8px 15px; list-style: none; background: none !important; margin-bottom: 0px !important; } .inner-title-block .breadcrumb span a { color: #fff; } .inner-title-block .breadcrumb .delimiter { color: #fff; font-size: 15px; } span.inline.even.last { color: #14d5bc; } .innertop-menu { float: left; border: 1px solid #ddd; } .innertop-menu li { width: 100%; float: left; border-bottom: 1px solid #ddd; } .innertop-menu li a { color: #2a2a2a; background: #f9f9f9; width: 100%; float: left; box-sizing: border-box; padding: 8px 20px; font-size: 100%; } .innertop-menu li.active a, .innertop-menu li a:hover { color: #fff; background: #0b7593; } .inner-right-content p { text-align: justify; color: #242424; } .innermain-sec p { color: #242424; } .inner-right-content ul { margin-left: 25px; margin-bottom: 15px; } .inner-right-content ul.dots > li { display: block; padding: 5px 0; text-align: justify; position: relative; } .inner-right-content ul.dots > li > a{ color: #2a2a2a; } .inner-right-content ul.dots > li > a:hover{ color: #B03C00; } .inner-right-content ul.dots > li > a img.pdf { width: 16px; } .inner-right-content ul.dots > li:before { position: absolute; content: ""; width: 6px; height: 6px; background: #0b7593; left: -15px; top: 14px; } .innermain-sec { padding: 40px 0; } .content-image { float: right; margin-left: 25px; text-align: center; padding: .25rem; padding: 0 15px; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto; } .content-image img.chairman{ width: 180px; } /* Who's Who */ .frontside .card, .backside .card { float: unset; min-height: unset; padding-bottom: unset; position: unset; text-align: unset; width: unset; border: none; background: #ffffff; } .backside .card .table-responsive { position: unset; } h3.section-title { font-size: 22px; font-weight: 600; text-align: center; text-transform: uppercase; text-decoration: underline; } .frontside .card .card-body p, .backside .card .card-body p { text-align: center !important; } .image-flip:hover .backside, .image-flip.hover .backside { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); border-radius: .25rem; } .image-flip:hover .frontside, .image-flip.hover .frontside { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .mainflip { -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -ms-transition: 1s; -moz-transition: 1s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 1s; transform-style: preserve-3d; position: relative; } .frontside { position: relative; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; margin-bottom: 30px; } .backside { position: absolute; top: 0; left: 0; background: white; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); } .frontside, .backside { box-shadow: 0px 1px 10px 0px rgb(204 204 204); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transition: 1s; -moz-transform-style: preserve-3d; -o-transition: 1s; -o-transform-style: preserve-3d; -ms-transition: 1s; -ms-transform-style: preserve-3d; transition: 1s; transform-style: preserve-3d; width: 100%; } .frontside .card, .backside .card { min-height: 250px !important; } .backside .card a { font-size: 15px; color: #0b7593 !important; } .frontside .card .card-title, .backside .card .card-title { color: #0b7593 !important; font-size: 15px; margin-top: 5px; margin-bottom: 0; text-transform: uppercase; font-weight: 600; } .frontside .card .card-body img { width: 120px; height: 120px; border-radius: 50%; } .backside .card table td { font-size: 15px; padding: 5px 10px; } .backside .card table td a { font-size: 15px; } .backside .card .table-responsive>.table-bordered { border: 0; margin-bottom: 0; position: absolute; top: 50%; left: 49.5%; transform: translate(-50%, -50%); width: 90%; } .frontside .card .card-text { font-size: 12px; } .frontside .card .card-text2 { font-size: 11px; margin-bottom: 0; } /* Organization Chart */ .tree, .tree ul, .tree li { list-style: none; margin: 0; padding: 0; position: relative; } .tree { margin: 0 0 1em; text-align: center; } .tree, .tree ul { display: table; width: 100%; } .tree li { display: table-cell; padding: .4em 0 0; vertical-align: top; } .tree > li { margin-top: 0; } .tree li:first-child:before { left: 50%; } .tree li:last-child:before { right: 50%; } .tree code, .tree span { border: solid 1px #000; border-top: solid 4px #000; border-radius: 0 0 25px 0; display: inline-block; margin: 10px 4px 20px; padding: 7px; position: relative; font-size: 13px; font-weight: 600; } .tree ul:before, .tree code:before, .tree span:before { outline: solid 1px #000; content: ""; height: 18px; left: 50%; position: absolute; } .tree span img { width: 35px; margin-right: 8px; margin: auto; display: block; } .tree .orange { background: #ffc107b8; } .tree code:before, .tree span:before { top: -19px; } .tree > li:before, .tree > li:after, .tree > li > code:before, .tree > li > span:before { outline: none; } /* Organogram NEW */ .organogram1_div { width: 100%; } .tree ul.anothertree li span { position: absolute; top: -122px; right: 46.5%; } .anothertree li span:before { top: 40px; left: -119px; width: 117px; height: 0; } .tree ul { width: 100%; } .tree li:before { outline: solid 1px #000; content: ""; left: 0; position: absolute; right: 0; top: 0; } .tree li:first-child:before {left: 50%;} .tree li:last-child:before {right: 50%;} .tree span small{ display: block; } .tree .purple { background: #FDB0FD; } .tree .green { background: #94fff5; } .tree .red { background: #fdabab; color: #000; } .tree .skyblue { background:#abccfd; } .tree .dust { background: #f9cda3; } .tree .greenlight { background: #95f54dbf; } .tree ul:before { top: -20px; } /* The root node doesn't connect upwards */ .tree > li {margin-top: 0;} /* Datatable */ .dataTable td > a { color: #274fa2; font-weight: 600; font-size: 13px; } div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_filter input { height: 35px; line-height: normal; border-radius: 0; color: #223d63; border: 1px solid #223d63; } table.dataTable thead>tr>th { color: #223d63; background: #f7faff; } table.dataTable thead tr th { border: 0 !important; border-bottom: 1px solid #dee2e6!important; border-right: 1px solid #dee2e6!important; font-weight: 600; } table.dataTable tbody tr td { font-size: 13px; } .page-item.disabled .page-link { border-color: #dee2e6; } button.btn.btn-secondary.buttons-html5 { background: #0b7593; border: none; } div.dataTables_wrapper div.dataTables_filter { display: inline-block; float: right; margin-bottom: 10px; } div.dataTables_wrapper div.dataTables_paginate { display: inline-block; float: right; margin-top: 10px; } div.dataTables_wrapper div.dataTables_info { display: inline-block; } .page-item.active .page-link { background-color: #0b7593; border-color: #0b7593; } span.badge { font-size: 12px; } div.dataTables_wrapper div.dataTables_filter input { width: auto !important; } .iq-card { background: #f9f9f9; border: 1px solid #ddd; margin-bottom: 20px; } .p-10-15 { padding: 5px 15px 0; } .btn-primary { background: #0b7593; color: #fff; border-color: #0b7593; } .btn-primary:hover { background: #B03C00; border-color: #B03C00; } .btn-danger { background: #ffdfdf; color: #e64141; border-radius: 6px; } .btn-primary:hover, .btn-danger:hover { opacity: 0.9; } #reportrange i { position: absolute; top: 10px; right: 16px; } #reportrange, #reportrange span { position: relative; } .inner-right-content ul.nav-tabs { margin: 0; } .inner-right-content .nav-tabs .nav-link.active { border-color: #ddd #ddd #fff; color: #0b7593; } .inner-right-content .nav-tabs .nav-link { font-weight: 500; font-size: 15px; } .inner-right-content ol { list-style: decimal; margin-left: 15px; } .inner-right-content ol li { margin: 5px 0; } .inner-right-content ol li a { color: #000; text-decoration: underline; } .inner-right-content .tab-pane ul { margin: 0; } /* FAQ */ .faq-section .mb-0 > a { display: block; position: relative; color: #fff; font-weight: 600; } .faq-section .mb-0 > a:after { content: "\f067"; font-family: "FontAwesome"; position: absolute; right: 0; font-weight: 600; } .faq-section .mb-0 > a[aria-expanded="true"]:after { content: "\f068"; font-family: "FontAwesome"; font-weight: 600; } .faq-section .card .card-header { background: #0b7593; color: #fff; } .faq-section .card { margin: 5px 0; text-align: left; } .inner-right-content .card { min-height: unset; padding-bottom: unset; } .contact_details-inner { background: #f9f9f9 none repeat scroll 0 0; border-radius: 6px; border: 1px solid #ddd; float: left; line-height: 23px; margin: 0 0 20px; padding: 17px; width: 100%; } .contact_details-inner p { font-size: 15px; text-align: left; } .table-archieve-btn { position: absolute; z-index: 99; left: 0; } .table-responsive { position: relative; } .blacktext { color: #000000; font-weight: 600; } .tblNew { width: 100% !important; border:1px solid #dddddd !important; } .tblNew tr > td { border: 1px solid #ddd !important; } .tblNew tr.bggreen { background-color: #0b7593 !important; } .tblNew tr.bggreen > td { font-weight: bold !important; color: #fff !important; } .tblNew tr.bggreen > td a{ color: #fff !important;} .w-20per { width: 20%; } .required { color: #ff3300; } .table tr td.bluetext { color: Blue; font-size: 11px; font-weight: bold; } .updatecompanyMain { display: none; width: 80%; margin: auto; } label { margin-bottom: 0; } /* Login */ .loginbg { background: #052e47; width: 100%; min-height: 100vh; color: #353030; float: left; } .loginbg .content { width: 420px; margin: 21vh auto; } .loginbg .content .kc-login-content { background-color: white; margin: 10px auto 0; padding: 0px 40px 15px; border: none; box-shadow: 0 2px 3px 1px rgb(0 0 0 / 15%); border-top: 5px solid #f89938; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; } .loginbg .kc-login-content .header-icon { text-align: center; margin-bottom: 8px; margin-top: 20px; } .loginbg .content header { width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease; } .loginbg .content .header-title h2 { font-size: 18px; color: #353030; font-weight: 600; margin: 0; } .loginbg .content .kc-login-content .form-group { margin: 10px 0; display: block; width: 100%; } .loginbg .content .kc-login-content input.form-control { height: 40px !important; width: 100%; margin: 0; padding-left: 10px; height: 40px; border: 1px solid #d2d2d2; box-sizing: border-box; border-radius: 4px; padding: 4%; font-size: 15px; } .loginbg .content .valid-feedback { display: block; width: 100%; margin-top: 4px; margin-top: .25rem; font-size: 80%; text-align: left; font-weight: normal; color: #28a745 !important; } .loginbg .content .invalid-feedback { display: block; width: 100%; margin-top: 4px; margin-top: .25rem; font-size: 80%; text-align: left; font-weight: normal; color: #b00020 !important; } .loginbg .content .form-group1.has-float-label.input-container { display: block; position: relative; } .loginbg .content span#captcha { width: 60px; right: 40px; height: 40px; position: absolute; top: 0; right: 18px; } .loginbg .content #kc-form-login #captcha span { width: 44px; position: relative; top: -13px; right: 4px; font-weight: bold; } .loginbg .content #kc-form-login #captcha input { background: url(../images/refereshicon.png) no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; width: 15px; background-position-y: 14px; position: relative; z-index: 99999999; height: 40px; margin: 0; padding: 0; } .loginbg .content .forget span a { color: #007bbd; } .loginbg .content #kc-form-buttons { padding: 12px 0; border-radius: 100px; } .loginbg .content #kc-form-buttons { padding: 12px 0; background-color: #0b7593; border-radius: 100px; } .loginbg .content #kc-form-buttons:hover { background-color: #B03C00; } /* Gallery */ /* case study fullimage - start */ .casestudy_fullimage { overflow: hidden; position: relative; margin: 20px 0; } .casestudy_fullimage .item_image, .casestudy_fullimage .item_video { width: 100%; display: block; height: 217px; background-image: -webkit-gradient(linear, left bottom, left top, from(#0b7593), to(#c5e3f8)); background-image: -webkit-linear-gradient(bottom, #0b7593, #c5e3f8); background-image: -o-linear-gradient(bottom, #0b7593, #c5e3f8); background-image: linear-gradient(0deg, #0b7593, #c5e3f8); } .casestudy_fullimage .item_image img { width: 100%; height: 217px; display: block; -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .casestudy_fullimage .details_btn { top: 30px; opacity: 0; z-index: 2; right: 30px; width: 45px; height: 45px; color: #ffffff; font-size: 20px; line-height: 47px; position: absolute; text-align: center; border-radius: 100%; border: 1px solid #ffffff; -webkit-transform: translateY(-70px); -ms-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .casestudy_fullimage .details_btn:hover { color: #4154f1; background-color: #ffffff; } .casestudy_fullimage .item_content { left: 0px; z-index: 1; bottom: 0px; padding: 30px; position: absolute; padding-bottom: 25px; } .casestudy_fullimage .item_content .item_title { overflow: hidden; display: inline-block; } .casestudy_fullimage .item_content .item_title > a { color: #ffffff; display: block; font-size: 22px; } .casestudy_fullimage .item_content .item_title > a i { font-size: 40px; } .casestudy_fullimage .item_content .item_category { overflow: hidden; } .casestudy_fullimage .item_content .item_category > a { font-size: 15px; color: rgba(255, 255, 255, 0.9); } .casestudy_fullimage .item_content .item_category > a:hover { color: #ffffff; text-decoration: underline; } .casestudy_fullimage .item_content .item_title > a, .casestudy_fullimage .item_content .item_category > a { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .casestudy_fullimage:hover .item_image > img { opacity: .1; } .casestudy_fullimage:hover .details_btn { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .casestudy_fullimage:hover .item_title > a, .casestudy_fullimage:hover .item_category > a { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .casestudy_fullimage:hover .item_title > a { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .casestudy_fullimage:hover .item_category > a { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .gallery_section .casestudy_fullimage .item_content { top: 50%; left: 0px; right: 0px; padding: 15px; bottom: unset; text-align: center; position: absolute; display: inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .gallery_section .casestudy_fullimage .item_content { padding: 15px; } .photoGalleryBox > a { display: inline-block; width: 100%; height: 217px; overflow: hidden; } .photoGalleryBox img { width: 100%; height: 217px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .photoGalleryBox:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .photoGalleryBox h3.item_title { text-align: center; background: #0b7593; position: relative; top: -5px; padding: 0 10px; display: flex; height: 45px; justify-content: center; align-items: center; } .photoGalleryBox h3.item_title a { color: #fff; font-weight: 500; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .photoGalleryBox:hover h3.item_title{ background: #B03C00; } .photoGalleryBox:hover h3.item_title a { color: #fff; } .gallery_section h3.pb-3 { text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; } .right30px { right: 30px; } .p-absolute { position: absolute; } .inner-right-content .gallery_section .nav-tabs .nav-link.active, .inner-right-content .gallery_section .nav-tabs .nav-item.show .nav-link { color: #001c2f; background-color: #c5e3f8; border-color: #c5e3f8 #c5e3f8 #fff; } .inner-right-content .gallery_section .nav-tabs .nav-link { font-weight: 600; font-size: 16px; text-transform: capitalize; color: #001c2f; } .HomeGallerySlider .item a{ position: relative; display: block; overflow: hidden;} .HomeGallerySlider .item a:after{ position: absolute; width: 100%; height: 100%; background:rgba(0, 0, 0, .5); content: '\f00e'; left: 0; top:0; color: #fff; font-size: 25px; line-height: 200px; text-align: center; font-family:FontAwesome; opacity: 0; transform: scale(0.5,0.5); transition: all .2s; } .HomeGallerySlider .item a:hover:after{ opacity: 1; transform: scale(1.1); } .menuzord-menu>li:nth-last-child(2):after{ display: none; } /* Start 14-01-2022 */ .tab-common-division ul li img { height: 45px; display: block; margin: 0 auto; margin-bottom: 30px; width: 45px; object-fit: contain; } .mnstr-img img { width: 100%; -ms-transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; transition: all .8s; } .division-individual { border: 1px solid #cacaca; padding: 0; text-align: center; border-radius: 4px; } .division-individual a { display: block; padding: 30px 10px; } section.new-minister-wrapper-box .info-mnstr strong { font-size: 16px; padding-right: 0; margin: 15px 0 5px; display: block; font-weight: 600; color: #000; } .info-mnstr span { display: block; line-height: 17px; font-size: 14px; height: 35px; } /* .division-individual.active, .division-individual:hover { background-color: #d9efde; display: block; border: 1px solid rgb(0 133 116); } */ .tab-common-division li { padding: 0 10px; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; /* flex: 0 0 33.3%; display: inline-block; max-width: 33.3%; */ margin-bottom: 0px; } .tab-common-division ul.grid { justify-content: center; -ms-justify-content: center; -ms-flex-pack: center; } .grid-align-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .video-section { background: #f1f1f1; width: 100%; height: 100%; box-shadow: 0 0 3px #9b9b9b; border-radius: 10px; padding: 21px; display: flex; align-items: center; justify-content: center; } /* .listmnistr:hover .mnstr-img img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } */ .homeboxes_service { background: url(../images/bg/services-bg.jpg); /* background: linear-gradient(rgba(0,0,0,0.90), rgba(0,0,0,0.90)), url(../images/bg/services-bg.jpg); */ background-size: cover; background-attachment: fixed !important; height: 100%; left: 0; top: 0; width: 100%; z-index: 0; } /** Upper Footer **/ .upper-footer { background: #0b7593; width: 100%; float: left; padding: 15px 0; } .upper-footer h3 { color: #FFFFFF; font-size: 16px; padding: 0 25% } .upper-footer ul.links { margin-top: 0; } .upper-footer ul.links li { padding: 0px 12px; margin: 0; border-color: #fff; } .upper-footer ul.links li a { color: #fff; font-weight: 500; } /** Footer **/ footer { /* background-image: url(../images/footer-bottom-bg.png); background-repeat: repeat; background-color: #444347; */ color: #fff; float: left; width: 100%; padding: 25px 0 0; text-align: center; } ul.links { margin-top: 30px; } ul.links li { display: inline-block; padding: 0px 20px; border-right: 1px solid; margin-bottom: 20px; line-height: 18px; } ul.links li a { color: #FFFFFF; } ul.links li a:hover { color: #B03C00; } ul.visitor-count { border-top: 1px dashed; padding: 10px 0; } ul.visitor-count li { padding: 5px 10px; display: inline-block; text-align: center; display: inline-block; color: #fff; font-weight: 600; } .visitor-count .images { display: table; margin: 0 auto 10px; } .visitor-count img { display: inline-block; margin: 0 10px; max-height: 50px; } .copyright { background-image: url(../images/footer-bottom-bg.png); background-repeat: repeat; background-color: #444347; text-align: center; /* padding: 10px; */ width: 100%; float: left; } .copyright p { margin: 0; color: #FFFFFF; } .copyright p a { color: #000000; } .search-header { width: 50px; height: 42px; background-color: #023c35; line-height: 42px; text-align: center; position: absolute; right: 0; } .search-header img { filter: brightness(0) invert(1); } .search-form-wrappers { background-color: #023c35; display: none; transition: none; position: absolute; z-index: 1; width: 100%; top: 44px; } .search-form-wrappers form#searchform { margin-bottom: 0; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .search-form-wrappers input.search-field { -webkit-appearance: none; border: none; background-color: transparent; height: 60px; width: 100%; font-size: 2rem; color: #fff; } .search-form-wrappers input.search-field:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #fff; } .dropdown.searchBtn { display: none; } li.ToggleDropdown { position: relative; } li.ToggleDropdown:before { position: absolute; right: 6px; content: "\f107"; font-family: "FontAwesome"; background: #0b7593; width: 25px; height: 25px; text-align: center; color: #fff; line-height: 25px; top: 6px; cursor: pointer; } li.ToggleDropdown ul.dropdownSubMenu { width: 100%; position: relative; margin-left: 0; } li.ToggleDropdown ul.dropdownSubMenu { display: none; } li.ToggleDropdown ul.dropdownSubMenu li a { color: #2a2a2a; background: #ebebeb; padding-left: 30px; } li.ToggleDropdown ul.dropdownSubMenu li a:hover { color: #fff; background: #0b7593; } .form-error>p{ color: red; font-weight: bold; font-size: 11px; } .custom-control.custom-radio .text-danger.form-error { position: absolute; width: 200px; bottom: -28px; } h4.item_title.mb-0 > a { background: #0b7593; color: #fff; text-align: center; padding: 4px; display: block; } .errorMsg{ color: #ff0202; font-size: 12px; font-weight: 600; } /* End 14-01-2022 */ div#wrapper { background: #cceaf5; } .main-content{ background: #f1f5fe; } .homesec2sec2bx ul li:nth-child(1){ background: #e2d810; } .homesec2sec2bx ul li:nth-child(2){ background: #d9138a; } .homesec2sec2bx ul li:nth-child(3){ background: #12a4d9; } .homesec2sec2bx ul li:nth-child(4){ background: #bfbfbf; } .homesec2sec2bx ul li:nth-child(5){ background: #ecc19c; } .homesec2sec2bx ul li:nth-child(6){ background: #1e847f; } .homesec2sec2bx ul li:nth-child(7){ background: #c66b3d; } .homesec2sec2bx ul li:nth-child(8){ background: #6d6d6d; } .homesec2sec2bx ul li a{ background: transparent; } .homeboxes_service{ background: url(../images/bg/services-bg.jpg); /* background: linear-gradient(rgb(41 92 130 / 82%), rgb(41 92 130 / 60%)), url(../images/bg/services-bg.jpg); */ } section.new-minister-wrapper-box .mnstr-img img { width: 100px; height: 100px; object-fit: cover; object-position: center; margin-bottom: 0; border-radius: 100%; } .division-individual{ margin-bottom: 18px; border-radius: 15px; } .division-individual .listmnistr { display: flex; align-items: center; padding: 14px; background: #ffffff3b; border-radius: 15px; gap: 30px; } .latestnews{ display : flex; } .latestnews li{ padding-right:20px; } .info-mnstr.resentFontPanel { text-align: left; } /* footer section */ h1, h2, h3, h4, h5, h6 {} a, a:hover, a:focus, a:active { text-decoration: none; outline: none; } a, a:active, a:focus { color: #333; text-decoration: none; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } ul { margin: 0; padding: 0; list-style: none; } img { max-width: 100%; height: auto; } section { /* padding: 60px 0; */ /* min-height: 100vh;*/ } .footer { background: linear-gradient(105deg, #7bb7b4, #0b7593); padding-top: 80px; /* padding-bottom: 40px; */ } /*END FOOTER SOCIAL DESIGN*/ .single_footer{} @media only screen and (max-width:768px) { .single_footer{margin-bottom:30px;} } .single_footer h4 { color: #fff; margin-top: 0; margin-bottom: 25px; font-weight: 700; text-transform: uppercase; font-size: 20px; } .single_footer h4::after { content: ""; display: block; height: 2px; width: 40px; background: #fff; margin-top: 20px; } .single_footer p{color:#fff;} .single_footer ul { margin: 0; padding: 0; list-style: none; } .single_footer ul li{} .single_footer ul li a { color: #fff; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 36px; font-size: 15px; text-transform: capitalize; } .single_footer ul li a:hover { color: #ff3666; } .single_footer_address{} .single_footer_address ul{} .single_footer_address ul li{color:#fff;} .single_footer_address ul li span { font-weight: 400; color: #fff; line-height: 28px; } .contact_social ul { list-style: outside none none; margin: 0; padding: 0; } /*START NEWSLETTER CSS*/ .subscribe { display: block; position: relative; margin-top: 15px; width: 100%; } .subscribe__input { background-color: #fff; border: medium none; border-radius: 5px; color: #333; display: block; font-size: 15px; font-weight: 500; height: 60px; letter-spacing: 0.4px; margin: 0; padding: 0 150px 0 20px; text-align: center; text-transform: capitalize; width: 100%; } @media only screen and (max-width:768px) { .subscribe__input{padding: 0 50px 0 20px;} } .subscribe__btn { background-color: transparent; border-radius: 0 25px 25px 0; color: #01c7e9; cursor: pointer; display: block; font-size: 20px; height: 60px; position: absolute; right: 0; top: 0; width: 60px; } .subscribe__btn i{transition: all 0.3s ease 0s;} @media only screen and (max-width:768px) { .subscribe__btn{right:0px;} } .subscribe__btn:hover i{ color:#ff3666; } button { padding: 0; border: none; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; } /*END NEWSLETTER CSS*/ /*START SOCIAL PROFILE CSS*/ .social_profile {margin-top:40px;} .social_profile ul{ list-style: outside none none; margin: 0; padding: 0; } .social_profile ul li{float:left;} .social_profile ul li a { text-align: center; border: 0px; text-transform: uppercase; transition: all 0.3s ease 0s; margin: 0px 5px; font-size: 18px; color: #fff; border-radius: 30px; width: 50px; height: 50px; line-height: 50px; display: block; border: 1px solid rgba(255,255,255,0.2); } @media only screen and (max-width:768px) { .social_profile ul li a{margin-right:10px;margin-bottom:10px;} } @media only screen and (max-width:480px) { .social_profile ul li a{ width:40px; height:40px; line-height:40px; } } .social_profile ul li a:hover{ background:#ff3666; border: 1px solid #ff3666; color:#fff; border:0px; } /*END SOCIAL PROFILE CSS*/ .copyright-new { margin-top: 35px; padding-top: 20px; color:#fff; font-size: 15px; border-top: 1px solid rgba(255,255,255,0.4); text-align: center; } .copyright-new a{color:#01c7e9;transition: all 0.2s ease 0s;} .copyright-new a:hover{color:#ff3666;} /* PAGE DEMO CONTENT */ .page-content { min-height: 80vh; padding: 40px; text-align: center; background: #f4f6f8; } /* FOOTER */ .footer-upper { background: #fff; color: #ffffff; padding: 40px 20px 20px; } /* FOOTER HEADING */ .footer-upper h3 { text-align: center; font-size: 18px; margin-bottom: 25px; letter-spacing: 0.5px; } /* PARTNER ICON WRAPPER */ .footer-partners { display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; margin-bottom: 30px; } /* PARTNER ICON CARD */ .partner-icon { width: 100px; height: 100px; background: #ffffff; border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); transition: all 0.3s ease; } /* IMAGE STYLE */ .partner-icon img { max-width: 100%; max-height: 100%; /* filter: grayscale(100%); */ transition: all 0.3s ease; height: 100px; } /* HOVER EFFECT */ .partner-icon:hover { transform: translateY(-5px); box-shadow: 0 10px 22px rgba(0,0,0,0.25); } .partner-icon:hover img { filter: grayscale(0%); transform: scale(1.05); } /* FOOTER BOTTOM */ .footer-bottom { border-top: 1px solid rgba(255,255,255,0.2); padding-top: 15px; text-align: center; font-size: 14px; opacity: 0.9; } /* RESPONSIVE */ @media (max-width: 768px) { .partner-icon { width: 70px; height: 55px; } } body { font-family: Arial, sans-serif; font-size: 16px; background-color: #fff; color: #000; transition: all 0.3s ease; } /* hgome page gallery section */ :root { --gap: 1.25rem; --speed: 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); --closed: 5rem; --open: 30rem; --accent: #ff6b35; } body { font-family: Inter, sans-serif; background: #07090d; color: #c5c7ce; } .head { max-width: 1400px; margin: auto; /* padding: 70px 20px 40px; */ display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; } .head h2 { font: 400 1.5rem/1.2 Inter, sans-serif; color: #fff; } @media (min-width: 1024px) { .head h2 { font-size: 2.25rem; } } .nav-btn { /* width: 2.5rem; height: 2.5rem; */ border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.12); color: #f1f5fe; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; } .nav-btn:hover { /* background: var(--accent); */ } .nav-btn:disabled { opacity: 0.3; cursor: default; } .slider { max-width: 1400px; margin: auto; overflow: hidden; } .controls { display: flex; flex-direction: row; gap: 0.5rem; } .track { display: flex; gap: var(--gap); align-items: flex-start; justify-content: center; scroll-behavior: smooth; scroll-snap-type: x mandatory; /* padding-bottom: 40px; */ } .track::-webkit-scrollbar { display: none; } .project-card { position: relative; flex: 0 0 var(--closed); height: 26rem; border-radius: 1rem; overflow: hidden; cursor: pointer; transition: flex-basis var(--speed), transform var(--speed); } .project-card[active] { flex-basis: var(--open); transform: translateY(-6px); /* box-shadow: 0 18px 55px rgba(0, 0, 0, 0.45); */ } .project-card__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.75) saturate(75%); transition: filter 0.3s, transform var(--speed); } .project-card:hover .project-card__bg { filter: brightness(0.9) saturate(100%); transform: scale(1.06); } .project-card__content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.7rem; padding: 0; /* background: linear-gradient(transparent 40%, rgba(0, 0, 0, 0.85) 100%); */ background: linear-gradient(transparent 40%, rgb(200 193 137) 100%); z-index: 2; } .project-card__title { color: #fff; font-weight: 700; font-size: 1.35rem; writing-mode: vertical-rl; transform: rotate(180deg); } .project-card__thumb, .project-card__desc, .project-card__btn { display: none; } .project-card[active] .project-card__content { flex-direction: row; align-items: center; padding: 1.2rem 2rem; gap: 1.1rem; } .project-card[active] .project-card__title { writing-mode: horizontal-tb; transform: none; font-size: 2.4rem; } .project-card[active] .project-card__thumb, .project-card[active] .project-card__desc, .project-card[active] .project-card__btn { display: block; } .project-card__thumb { width: 133px; height: 269px; border-radius: 0.45rem; object-fit: cover; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); } .project-card__desc { color: #ddd; font-size: 1rem; line-height: 1.4; max-width: 16rem; } .project-card__btn { padding: 0.55rem 1.3rem; border: none; border-radius: 9999px; background: var(--accent); color: #fff; font-size: 0.9rem; font-weight: 600; cursor: pointer; } .project-card__btn:hover { background: #ff824f; } .dots { display: flex; gap: 0.5rem; justify-content: center; padding: 20px 0; } .dot { width: 13px; height: 13px; border-radius: 50%; background: rgba(255, 255, 255, 0.35); cursor: pointer; transition: 0.3s; } .dot.active { background: #f1f5fe; transform: scale(1.2); } @media (max-width: 767px) { :root { --closed: 4rem; --open: 22rem; } .head { padding: 50px 20px 30px; } .track { flex-direction: column; scroll-snap-type: y mandatory; align-items: center; justify-content: flex-start; padding-bottom: 0; } .project-card { height: 20rem; } .project-card__title { font-size: 1.1rem; writing-mode: horizontal-tb; transform: none; text-align: center; padding-inline: 0.3rem; } .nav-btn { width: 2rem; height: 2rem; font-size: 1.2rem; } } @media (max-width: 767px) { :root { --closed: 100%; --open: 100%; --gap: 0.8rem; } .head { padding: 30px 15px 20px; flex-direction: column; align-items: flex-start; gap: 1rem; } .slider { padding: 0 15px; } .track { flex-direction: column; scroll-snap-type: y mandatory; gap: 0.8rem; padding-bottom: 20px; } .project-card { height: auto; min-height: 80px; flex: 0 0 auto; width: 100%; scroll-snap-align: start; } .project-card[active] { min-height: 300px; transform: none; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); } .project-card__content { flex-direction: row; justify-content: flex-start; padding: 1rem; align-items: center; gap: 1rem; } .project-card__title { writing-mode: horizontal-tb; transform: none; font-size: 1.2rem; margin-right: auto; } .project-card__thumb, .project-card__desc, .project-card__btn { display: none; } .project-card[active] .project-card__content { align-items: flex-start; padding: 1.5rem; } .project-card[active] .project-card__title { font-size: 1.8rem; margin-bottom: 1rem; margin-top: 2rem; } .project-card[active] .project-card__thumb { width: 200px; height: 267px; border-radius: 0.35rem; margin-bottom: 1rem; } .project-card[active] .project-card__desc { font-size: 0.95rem; max-width: 100%; margin-bottom: 1rem; } .project-card[active] .project-card__btn { align-self: center; width: 100%; text-align: center; padding: 0.7rem; } .dots { display: none; } .controls { width: 100%; justify-content: space-between; padding: 0 15px 20px; } .nav-btn { position: static; transform: none; } } /* hgome page gallery section */ /* ========================================================= HEADER / SEARCH / RESPONSIVE OVERRIDES ========================================================= */ html { scroll-behavior: smooth; } a:focus-visible { border: 2px solid red; padding: 5px; } /* SEARCH */ .search-input { width: 100%; max-width: 400px; padding: 12px 14px; border: 1px solid #ddd; border-radius: 15px; font-size: 12px; transition: all 0.25s ease; background: #f9f9f9; } .search-input:focus { border-color: #fff; background: #fff; box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.15); outline: none; } .search-item { padding: 12px 14px; border-bottom: 1px solid #2f2f2f; transition: background 0.2s ease; } .search-item:hover { background: #1f1f1f; } .search-link { color: #ffffff; text-decoration: none; font-size: 15px; display: block; } .search-link strong { display: inline-block; border-bottom: 1px solid transparent; transition: all 0.2s ease; } .search-item:hover .search-link strong { border-bottom: 1px solid #fff; } .search-desc { margin: 6px 0 0; color: #aaa; font-size: 13px; line-height: 1.4; } /* INNER BANNER */ .breadcrumb, .breadcrumb a, .breadcrumb span { color: #ffffff; } .breadcrumb a:hover { color: #d9fffb; } .breadcrumb .delimiter { color: #e0f7f5; } /* ========================================================= MOR-PANKHI (PEACOCK GREEN) HEADER — POLISHED FINAL THEME Replaces the previous FINAL HEADER OVERRIDES block. Kept at the END of the file so it wins the cascade. ========================================================= */ :root { --mp-dark: #0b6e70; /* deep peacock green - nav bar */ --mp-main: #0b7593; /* primary peacock green - top bar */ --mp-light: #e6f6f5; /* pale mint - dropdown bg */ --mp-hover: #0d7f81; /* hover shade, between dark & main */ --mp-accent: #ffb703; /* warm gold accent for active/underline */ --mp-white: #ffffff; --mp-text-soft: #eafaf9; } /* ================================ LATEST UPDATES ================================ */ /* ===================================================== LATEST UPDATES SECTION ===================================================== */ .latest-updates-section { width: 100%; padding: 35px 0 45px; background: #f5f7f9; } .latest-updates-container { width: 94%; max-width: 1620px; margin: 0 auto; } .latest-updates-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } /* ===================================================== BOX ===================================================== */ .update-box { position: relative; background: #edf4fa; border: 1px solid #c5ccd2; box-shadow: 0 2px 5px rgba(0,0,0,0.20); min-height: 635px; padding: 0 15px 18px; } /* ===================================================== HEADER ===================================================== */ .update-box-header { position: relative; height: 77px; display: flex; align-items: center; padding: 0 10px; } .update-box-header h2 { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: 700; color: #000; position: relative; z-index: 2; } .update-header-icon { position: absolute; right: 0; top: 8px; font-size: 60px; color: #dce3e9; } /* ===================================================== COMMON LIST ===================================================== */ .update-list { background: #fff; border-radius: 0 0 17px 17px; overflow: hidden; height: 475px; padding: 0 12px; } /* ===================================================== COMMON ITEM ===================================================== */ .update-item { display: grid; grid-template-columns: 42px 1fr 40px; gap: 8px; min-height: 76px; padding: 16px 5px; border-bottom: 1px solid #d9d9d9; } .update-item:last-child { border-bottom: none; } /* ===================================================== ITEM ICON ===================================================== */ .update-item-icon { display: flex; justify-content: center; align-items: flex-start; padding-top: 3px; } .update-item-icon i { font-size: 25px; color: #111; } /* ===================================================== DATE ===================================================== */ .update-date { display: block; color: #d34b38; font-size: 16px; line-height: 1.3; margin-bottom: 4px; } /* ===================================================== TITLE ===================================================== */ .update-title { display: block; color: #40536a; font-size: 16px; line-height: 1.45; text-decoration: none; } .update-title:hover { color: #0b7593; } /* ===================================================== NEW BADGE ===================================================== */ .update-new { display: flex; justify-content: center; align-items: flex-start; padding-top: 2px; } .new-badge { position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 28px; background: #0b7593; clip-path: polygon( 50% 0%, 61% 8%, 73% 4%, 82% 14%, 94% 15%, 92% 28%, 100% 38%, 91% 48%, 96% 61%, 84% 66%, 82% 80%, 68% 78%, 58% 91%, 48% 83%, 35% 94%, 28% 81%, 14% 82%, 15% 68%, 3% 60%, 9% 48%, 0% 37%, 10% 28%, 6% 15%, 20% 14%, 29% 3%, 40% 8% ); } .new-badge::after { content: "NEW"; color: #fff; font-size: 7px; font-weight: 700; } /* ===================================================== NEWS & EVENTS MARQUEE ===================================================== */ .news-update-list { position: relative; overflow: hidden !important; height: 475px; padding: 0 12px; } /* ===================================================== MARQUEE CONTAINER ===================================================== */ .news-marquee { position: absolute; top: 0; left: 12px; right: 12px; width: auto; animation: newsMarqueeUp 45s linear infinite; } /* ===================================================== MARQUEE CONTENT ===================================================== */ .news-marquee-content { display: block; width: 100%; } /* ===================================================== SUB CATEGORY GROUP ===================================================== */ .news-subcategory-group { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; } /* ===================================================== SUB CATEGORY HEADING ===================================================== */ .news-subcategory-heading { display: block !important; width: 100% !important; min-height: 38px; box-sizing: border-box; padding: 9px 12px !important; margin: 0 !important; background: #0b7593; color: #fff; font-size: 13px; font-weight: 700; line-height: 20px; border-bottom: 1px solid #d8d8d8; float: none !important; clear: both !important; position: relative !important; } /* ===================================================== NEWS CONTENT ===================================================== */ .news-update-list .update-content { min-width: 0; } /* ===================================================== EMPTY CATEGORY ===================================================== */ .news-empty { display: block !important; padding: 10px 12px; font-size: 12px; color: #777; background: #fff; border-bottom: 1px solid #e0e0e0; } /* ===================================================== MARQUEE ANIMATION ===================================================== */ @keyframes newsMarqueeUp { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* ===================================================== PAUSE ON HOVER ===================================================== */ .news-update-list:hover .news-marquee { animation-play-state: paused; } /* ===================================================== FOOTER ===================================================== */ .latest-updates-section .update-box-footer { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 10px; } .latest-updates-section .update-box-footer .update-archive { display: inline-block; text-decoration: none; color: #007fa3; font-size: 16px; } .latest-updates-section .update-box-footer .update-view-all { display: inline-block; text-decoration: none; color: #007fa3; font-size: 16px; margin-left: auto; } .latest-updates-section .update-box-footer .update-archive:hover, .latest-updates-section .update-box-footer .update-view-all:hover { color: #005f78; text-decoration: underline; } /* ===================================================== VIEW ALL ===================================================== */ .update-view-all { display: block; text-align: right; padding: 15px 2px 0; color: #0b7593; font-size: 16px; font-weight: 500; text-decoration: none; } .update-view-all:hover { color: #0b7593; text-decoration: underline; } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { .latest-updates-section { padding: 20px 0 30px; } .latest-updates-container { width: 92%; } .latest-updates-grid { grid-template-columns: 1fr; gap: 20px; } .update-box { min-height: auto; } /* ----------------------------------------------------- Normal Tenders / Downloads ----------------------------------------------------- */ .update-list { height: auto; max-height: 480px; overflow-y: auto; } /* ----------------------------------------------------- News Marquee IMPORTANT: Do NOT allow scrollbar here ----------------------------------------------------- */ .news-update-list { height: 475px !important; max-height: 475px !important; overflow: hidden !important; } .news-marquee { animation-duration: 40s; } .update-box-header { height: 70px; } .update-box-header h2 { font-size: 19px; } .update-header-icon { font-size: 55px; } .update-item { grid-template-columns: 38px 1fr 35px; padding: 14px 3px; } .update-title { font-size: 15px; } .update-date { font-size: 15px; } .news-subcategory-heading { font-size: 12px; padding: 8px 10px !important; } } /* ===================================================== TABLET ===================================================== */ @media (min-width: 768px) and (max-width: 991px) { .latest-updates-container { width: 94%; } .latest-updates-grid { grid-template-columns: 1fr 1fr; gap: 20px; } .update-box:last-child { grid-column: span 2; } } /* ========================================================= ABOUT SECTION ========================================================= */ .about-section { width: 100%; padding: 70px 0; background: #f6f9fb; } .about-container { width: 92%; max-width: 1250px; margin: 0 auto; } .about-wrapper { display: grid; grid-template-columns: 1.6fr 1fr; gap: 55px; align-items: center; } /* ========================================================= LEFT CONTENT ========================================================= */ .about-content { position: relative; } .about-small-title { display: inline-block; margin-bottom: 12px; color: #0b7593; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .about-content h2 { margin: 0 0 22px; color: #152536; font-family: Arial, Helvetica, sans-serif; font-size: 38px; font-weight: 700; line-height: 1.2; } .about-content h2 span { color: #0b7593; } .about-content p { margin: 0 0 17px; color: #526273; font-size: 16px; line-height: 1.8; text-align: justify; } /* ========================================================= RIGHT HIGHLIGHTS ========================================================= */ .about-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .about-highlight-card { position: relative; padding: 25px 18px; background: #ffffff; border-radius: 14px; border: 1px solid #e3e9ee; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.07); text-align: center; transition: all 0.3s ease; overflow: hidden; } .about-highlight-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #0b7593; } .about-highlight-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.11); } .about-highlight-icon { width: 52px; height: 52px; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #eaf5fb; color: #0b7593; font-size: 23px; } .about-highlight-card h3 { margin: 0 0 7px; color: #152536; font-size: 18px; font-weight: 700; } .about-highlight-card p { margin: 0; color: #667584; font-size: 14px; line-height: 1.5; } /* ========================================================= BOTTOM INFORMATION ========================================================= */ .about-bottom { margin-top: 40px; padding: 22px 28px; background: #0b7593; border-radius: 12px; color: #ffffff; box-shadow: 0 5px 15px rgba(8, 125, 193, 0.20); } .about-bottom p { margin: 0; color: #ffffff; font-size: 16px; line-height: 1.7; text-align: center; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 991px) { .about-section { padding: 50px 0; } .about-wrapper { grid-template-columns: 1fr; gap: 35px; } .about-content h2 { font-size: 32px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .about-section { padding: 40px 0; } .about-container { width: 90%; } .about-content h2 { font-size: 28px; } .about-content p { font-size: 15px; line-height: 1.7; text-align: left; } .about-highlights { grid-template-columns: 1fr 1fr; gap: 12px; } .about-highlight-card { padding: 20px 10px; } .about-highlight-card h3 { font-size: 16px; } .about-highlight-card p { font-size: 13px; } .about-bottom { padding: 18px; } .about-bottom p { font-size: 14px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .about-highlights { grid-template-columns: 1fr; } } /* ========================================================= OUR DISTINGUISHED AUTHORITIES ========================================================= */ .leadership-section { width: 100%; padding: 35px 0 60px; background: #ffffff; } .leadership-container { width: 92%; max-width: 1600px; margin: 0 auto; } .leadership-title { text-align: center; margin: 0 0 45px; } .leadership-title h2 { margin: 0; color: #000000; font-family: Georgia, "Times New Roman", serif; font-size: 44px; font-weight: 500; line-height: 1.2; } .leadership-grid { display: grid; grid-template-columns: repeat(20, 1fr); column-gap: 30px; row-gap: 60px; align-items: start; } .leader-card { position: relative; grid-column: span 5; min-height: 355px; padding: 35px 18px 28px; text-align: center; background-color: #faf5f2; border-radius: 30px 0 45px 0; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.20); transition: transform 0.3s ease, box-shadow 0.3s ease; } .leader-card:nth-child(n+5) { grid-column: span 4; } .leader-card::before { content: ""; position: absolute; top: 0; right: 0; width: 68%; height: 100%; opacity: 0.55; background-image: linear-gradient( 30deg, transparent 45%, #eadfc8 46%, #eadfc8 48%, transparent 49% ), linear-gradient( 150deg, transparent 45%, #eadfc8 46%, #eadfc8 48%, transparent 49% ); background-size: 38px 38px; pointer-events: none; z-index: 0; } .leader-card:hover { transform: translateY(-5px); box-shadow: 0 9px 18px rgba(0, 0, 0, 0.22); } .leader-photo { position: relative; z-index: 2; width: 155px; height: 165px; margin: 0 auto 13px; background: #ffffff; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .leader-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .leader-name { position: relative; z-index: 2; margin: 0 0 7px; color: #050505; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.35; } .leader-designation { position: relative; z-index: 2; margin: 0 auto; max-width: 310px; color: #0b7593; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.45; } .leader-card.top-authority .leader-designation { color: #0b7593; font-weight: 700; font-size: 18px; } @media (min-width: 768px) and (max-width: 1199px) { .leadership-container { width: 90%; } .leadership-grid { grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 35px; } .leader-card, .leader-card:nth-child(n+5) { grid-column: auto; } .leadership-title h2 { font-size: 36px; } } @media (max-width: 767px) { .leadership-section { padding: 25px 0 40px; } .leadership-container { width: 90%; } .leadership-title { margin-bottom: 30px; } .leadership-title h2 { font-size: 30px; } .leadership-grid { grid-template-columns: 1fr; gap: 25px; } .leader-card, .leader-card:nth-child(n+5) { grid-column: auto; } .leader-card { width: 100%; max-width: 360px; margin: 0 auto; min-height: 350px; padding-top: 30px; } .leader-photo { width: 150px; height: 160px; } .leader-name { font-size: 18px; } .leader-designation { font-size: 16px; } .leader-card.top-authority .leader-designation { font-size: 17px; } } @media (min-width: 1500px) { .leadership-grid { column-gap: 30px; } .leader-card { min-height: 360px; } } .nav.pause { right: 60px; font-size: 18px; } /* ========================================================= NAVIGATION BAR ========================================================= */ .main-navigation { width: 100%; background: #159da0; position: relative; z-index: 30; } .main-navigation ul { margin: 0; padding: 0; list-style: none; } /* ========================================================= GOOGLE TRANSLATE - HEADER COMPACT ========================================================= */ #google_translate_element { display: inline-block !important; width: 150px !important; height: 34px !important; margin: 0 0 0 15px !important; padding: 0 !important; vertical-align: middle !important; position: relative !important; z-index: 9999 !important; } #google_translate_element .goog-te-gadget { width: 150px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 34px !important; } #google_translate_element .goog-te-gadget select.goog-te-combo { display: block !important; width: 150px !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 5px 8px !important; box-sizing: border-box !important; background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.55) !important; border-radius: 4px !important; font-size: 13px !important; line-height: 22px !important; outline: none !important; cursor: pointer !important; } /* Dropdown options */ #google_translate_element select.goog-te-combo option { color: #000 !important; background: #fff !important; } /* ========================================================= GOOGLE TRANSLATE TOP BAR HIDE ========================================================= */ .goog-te-banner-frame, .goog-te-banner-frame.skiptranslate, iframe.goog-te-banner-frame { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; } body { top: 0 !important; } /* ========================================================= GOOGLE TRANSLATE EXTRA ELEMENTS HIDE ========================================================= */ body > .skiptranslate { display: none !important; } .goog-tooltip, .goog-tooltip:hover, .goog-text-highlight { display: none !important; } /* ========================================================= GOOGLE TRANSLATE BRANDING HIDE ========================================================= */ #google_translate_element .goog-logo-link { display: none !important; } #google_translate_element .goog-te-gadget span { display: none !important; } .btn.btn-primary.btn-sm { border-radius: 25px !important; padding: 15px 16px !important; font-size: 13px; } .doctor-profiles { width: 100%; max-width: 1000px; margin: 0 auto; } .doctor-profile { width: 100%; padding: 30px 20px 35px; margin-bottom: 35px; text-align: center; box-sizing: border-box; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 8px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); } .doctor-profile-image { text-align: center; margin-bottom: 15px; } .doctor-profile-image img { width: 269px; max-width: 100%; height: auto; display: inline-block; } .doctor-profile-name { margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.4; color: #111111; } .doctor-profile-qualification { margin-top: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.5; color: #444444; } .doctor-profile-info { max-width: 650px; margin: 22px auto 0; text-align: left; border-top: 1px solid #eeeeee; padding-top: 18px; } .doctor-profile-info p { margin: 0 0 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: #222222; } .doctor-profile-address { max-width: 650px; margin: 18px auto 0; text-align: left; } .doctor-profile-address p { margin: 0 0 6px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: #222222; } .doctor-profile-address p:first-child { margin-bottom: 8px; } @media (max-width: 767px) { .doctor-profile { padding: 25px 15px 30px; } .doctor-profile-image img { width: 230px; } .doctor-profile-name { font-size: 18px; } .doctor-profile-qualification { font-size: 14px; } .doctor-profile-info, .doctor-profile-address { max-width: 100%; } }