/* * @file * global.styles * * Styles you add here will load for all device sizes, they are "global", as * opposed to "responsive" styles, which only load for a given breakpoint (media * query) that you set in theme settings. See the README for more details. * * * How to use this file: * -------------------- * * There are many empty selectors and some basic styles to act as a guide. * Nothing is set in stone and you can change anything - even delete all of it * and start with your own clean slate. * * To FORCE PRINT all selectors you can search and replace a single { (opening * curly brace) and insert an empty comment. This is very useful in conjuction * with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/ * * See global.base also which includes normalize.css and some additional * helper classes and base styles. */ /* ============================================================================= * Base * ========================================================================== */ /* * To preserve theme settings never apply font properties to the HTML element. * This is critically important if you are using the Responsive JavaScript * feature as this relies on being able to set a pseudo font family on the HTML * element. If you need to set default font properties of any kind use the BODY * element as these can be overridden using font theme settings. */ /* line 41, ../sass/global.styles.scss Website Designed by Sujeet Kumar Singh*/ html { background: #fff; } /* line 45, ../sass/global.styles.scss */ body { font-family: "Helvetica Neue","Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; background: #fff; } a { color: #000; } /* ============================================================================= * HTML Elements * ========================================================================== */ /* line 135, ../sass/global.styles.scss */ pre, code, tt, samp, kbd, var { font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif; } /* ============================================================================= * Wrappers * ========================================================================== */ /* * Outer wrappers: * - #page-wrapper: body > #page-wrapper */ p, pre { margin: 0 0 10px; } ol, ul{ margin: 15px 0 15px 0; } #page.page{ background: #fff; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .top-header { background: #eee; padding: 5px; height: 40px; } /* * - #page: body > #page-wrapper > #page * - .container: body > #page-wrapper > #page.container * * The .container class holds the page width value from theme settings. You can * style the .container class but do not add width such as border, padding, * margins etc. */ /* * Wraps all header elements - branding and .region-header */ /* * Wraps the sidebars the content column */ /* * Main content column wrapper */ /* * Wraps the main-content-header, the content region and feed-icons. Use this * wrapper to style the entire main content column */ /* * Wraps the content region, avoid applying styles to this wrapper, its used * mainly for position and invisible gutters and can be problematic to style */ /* * Footer wrapper */ /* * Panels may need additional margin wrangling when in the $content region */ /* * Full Width Wrappers * These are used in the optional page--full-width-wrappers.tpl.php template. * All have internal .container classes. In the full width wrapper template the * .container classes set the width or max-width - you can style this but never * add any width/margin/padding/borders etc to .container */ /* * Wraps the leaderboard */ /* * Wraps the header */ /* line 231, ../sass/global.styles.scss */ #header-wrapper { /* Debug styles, is this working */ background: rgba(255, 192, 203, 0.5); } #main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, .rendered-by-ds .panel-display .region-inner, div.messages, .at-gutter { margin-left: 0px; margin-right: 0px; } /* * Wraps the nav elements */ /* * Wraps breadcrumb */ /* * Wraps messages and help */ /* * Wraps the secondary content/preface region */ /* * Wraps the main content column */ /* * Wraps the tertiary content/postfix region */ /* * Footer wrapper */ /* line 289, ../sass/global.styles.scss */ #footer-wrapper { /* Debug styles, is this working? */ background: rgba(255, 192, 203, 0.5); } /* ============================================================================= * Branding * ========================================================================== */ /* * Wraps all the branding elements, logo, name and slogan */ /* * Logo */ @font-face { font-family: aparaj; src: url(fonts/aparaj.ttf); } @font-face { font-family: "verdana"; src: url("fonts/verdana.ttf"); } @font-face { font-family: "verdana"; src: url("fonts/verdanab.ttf"); font-weight: bold; } @font-face { font-family: "verdana"; src: url("fonts/verdanai.ttf"); font-style: italic, oblique; } @font-face { font-family: "verdana"; src: url("fonts/verdanaz.ttf"); font-weight: bold; font-style: italic, oblique; } body{ margin: 0; padding: 0;font-family: Verdana, Geneva, sans-serif; } .header-top{ background-image:url('../images/header-top.png'); background-repeat:no-repeat; background-size:contain; background-position:center; min-height: 38px; width: 100%; padding-top: 5px; padding-left: 15px; padding-right: 15px; } .header-top a{ color: #000; } .hight li:first-child{border: none;} .hight li{ border: 1px solid #000;} .hight li a{ color: #000; } @media (min-width: 1201px){ .container { width: 1252px; } .header-top{ background-image: url(../images/header-top.png); width: 1252px!important; height: 38px; } } @media (max-width: 768px){ .logo-2 .logo-2-span1 { display: block; color: #fff; font-size: 25px !important; font-family: aparaj; } } .search-header{ float: right; margin-top: -46px; } @media (max-width: 990px){ .search-header{ float: right; margin-top: 0px; } .header-top{ background-image: none; background: #eee; width: 100%; min-height: 38px; font-size: 75%; } .logo-1 { padding: 4px 0; text-align: center; width: 25% !important; } .logo-2 { width: 75% !important; float: left; padding: 5px 0; } } .banner{border-bottom: 5px solid #0a4796; margin-bottom: 20px; } .heading h1{ font-size: 22px; margin: 0 0px 5px 0; border-bottom: 2px solid #0a4796; padding-bottom: 10px; } .heading p{ text-align: justify; } .logo-1{ float: left; width: 150px; padding: 20px 0;} .logo-2{ float: left;padding: 30px 0;} .logo-2 .logo-2-span1{ display: block; color: #fff; font-size: 45px;font-family: aparaj; } .logo-2 .logo-2-span-2{ display: block; color: #fcff00; font-size: 20px; font-family: "verdana"; } header { background: #094696; } .login-button { text-align: right; margin-top: 20px; margin-bottom: 20px;} .header-2 .log a{ color: #fff; } .logo { background: url(../images/logo.png) no-repeat 3px 0; float: left; color: #fff; font-size: 350%; line-height: 100%; min-height: 103px; padding: 30px 0 0 178px; font-family: 'Lora', serif; } .logo span{ font-size: 50%; color: #fcff00;font-family: Verdana, Geneva, sans-serif; } .navbar-default { background-color: #3596e6; border-color: #fff; margin-bottom: 0; border-bottom: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; } .navbar-default .navbar-nav>li>a { color: #fff; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: #1057a7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background-color:#1057a7; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #fff; background-color:#1057a7; } .dropdown-menu{ margin: 0; padding: 0;} .navbar-nav > li .dropdown-menu{background-color: #3596e6;} .dropdown-menu > li > a { padding: 10px 10px; border-bottom: 1px solid #fff; color: #fff; } .search input{ border-radius: 20px; border-right:0; } .search .input-group-addon{ border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #fff; border-left:0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown:hover>.dropdown-menu { display: block; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .home-list{ margin: 0; padding: 0; } .home-list li{list-style-type: none; margin: 00px 0 15px 0; margin-left: 15px; text-indent: -15px;} .home-list li:before { content: '\00BB'; padding-right: 8px; color: #432470; } .home-list2{ margin: 0; padding: 0; } .home-list2 li{ list-style-type: none; margin: 00px 0 15px 0; margin-left: 15px; text-indent: -15px; border-bottom: 1px dotted #fff; padding-bottom: 10px; } .home-list2 li:before { content: '\00BB'; padding-right: 8px; color: #fff; } header{ border-bottom: 3px solid #fe8e01; } footer{ text-align:center; padding: 15px; background-color: #000; color: #fff; } h1.head{font-size: 16px; border-bottom: 2px solid #094696; padding-bottom: 10px; margin-bottom: 20px;} h1.head2{font-size: 16px; border-bottom: 2px solid #fff; padding-bottom: 10px; margin: 5px 0 15px 0 ;} .section_1_welcome{padding: 20px 0; box-shadow: 10px 10px 5px #eee; margin: 30px 0;} .section_2_services{padding: 20px 0; margin: 30px 0;} .section_3_services{ background-color: #094696; padding: 10px 0; color: #fff;} .bg-10{ background-color: #eceff6; padding: 7px; } .bg-11{ background-color: #083f87;padding: 7px; margin: 10px 0 0 0;} .home-list-123 li{ background-color: #f4f4f4; padding: 25px; width: 160px; text-align: center; } .home-list-123 li span { width: 70px; height: 70px; display: block; margin: 0 auto; border-radius: 50%; padding: 15px } .home-list-123 li span.bg-1-1{ background-color: #dc2017;} .home-list-123 li span.bg-1-2{ background-color: #bd6bff;} .home-list-123 li span.bg-1-3{ background-color: #f5a300;} .home-list-123 li span.bg-1-4{ background-color: #0dc8b9;} @font-face { font-family: aparaj; src: url(fonts/aparaj.ttf); } @font-face { font-family: "verdana"; src: url("fonts/verdana.ttf"); } @font-face { font-family: "verdana"; src: url("fonts/verdanab.ttf"); font-weight: bold; } @font-face { font-family: "verdana"; src: url("fonts/verdanai.ttf"); font-style: italic, oblique; } @font-face { font-family: "verdana"; src: url("fonts/verdanaz.ttf"); font-weight: bold; font-style: italic, oblique; } body{ margin: 0; padding: 0;font-family: Verdana, Geneva, sans-serif; } .header-top{ background-image:url('../images/header-top.png'); background-repeat:no-repeat; background-size:contain; background-position:center; min-height: 38px; width: 100%; padding-top: 5px; padding-left: 15px; padding-right: 15px; } .header-top a{ color: #000; } .hight li:first-child{border: none;} .hight li{ border: 1px solid #000;} .hight li a{ color: #000; } @media (min-width: 1201px){ .container { width: 1252px; } .header-top{ background-image: url(../images/header-top.png); width: 1252px!important; height: 38px; } } @media (max-width: 768px){ .logo-2 .logo-2-span1 { display: block; color: #fff; font-size: 25px !important; font-family: aparaj; } } .search-header{ float: right; margin-top: -46px; } @media (max-width: 990px){ .search-header{ float: right; margin-top: 0px; } .header-top{ background-image: none; background: #eee; width: 100%; min-height: 38px; font-size: 75%; } .logo-1 { padding: 4px 0; text-align: center; width: 25% !important; } .logo-2 { width: 75% !important; float: left; padding: 5px 0; } } .banner{border-bottom: 5px solid #0a4796; margin-bottom: 20px; } .heading h1{ font-size: 22px; margin: 0 0px 5px 0; border-bottom: 2px solid #0a4796; padding-bottom: 10px; } .heading p{ text-align: justify; } .logo-1{ float: left; width: 150px; padding: 20px 0;} .logo-2{ float: left;padding: 30px 0;} .logo-2 .logo-2-span1{ display: block; color: #fff; font-size: 45px;font-family: aparaj; } .logo-2 .logo-2-span-2{ display: block; color: #fcff00; font-size: 20px; font-family: "verdana"; } header { background: #094696; } .login-button { text-align: right; margin-top: 20px; margin-bottom: 20px;} .header-2 .log a{ color: #fff; } .logo { background: url(../images/logo.png) no-repeat 3px 0; float: left; color: #fff; font-size: 350%; line-height: 100%; min-height: 103px; padding: 30px 0 0 178px; font-family: 'Lora', serif; } .logo span{ font-size: 50%; color: #fcff00;font-family: Verdana, Geneva, sans-serif; } .navbar-default { background-color: #3596e6; border-color: #fff; margin-bottom: 0; border-bottom: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; } .navbar-default .navbar-nav>li>a { color: #fff; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: #1057a7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background-color:#1057a7; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #fff; background-color:#1057a7; } .dropdown-menu{ margin: 0; padding: 0;} .navbar-nav > li .dropdown-menu{background-color: #3596e6;} .dropdown-menu > li > a { padding: 10px 10px; border-bottom: 1px solid #fff; color: #fff; } .search input{ border-radius: 20px; border-right:0; } .search .input-group-addon{ border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #fff; border-left:0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown:hover>.dropdown-menu { display: block; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .home-list{ margin: 0; padding: 0; } .home-list li{list-style-type: none; margin: 00px 0 15px 0; margin-left: 15px; text-indent: -15px;} .home-list li:before { content: '\00BB'; padding-right: 8px; color: #432470; } .home-list2{ margin: 0; padding: 0; } .home-list2 li{ list-style-type: none; margin: 00px 0 15px 0; margin-left: 15px; text-indent: -15px; border-bottom: 1px dotted #fff; padding-bottom: 10px; } .home-list2 li:before { content: '\00BB'; padding-right: 8px; color: #fff; } header{ border-bottom: 3px solid #fe8e01; } footer{ text-align:center; padding: 15px; background-color: #000; color: #fff; } h1.head{font-size: 16px; border-bottom: 2px solid #094696; padding-bottom: 10px; margin-bottom: 20px;} h1.head2{font-size: 16px; border-bottom: 2px solid #fff; padding-bottom: 10px; margin: 5px 0 15px 0 ;} .section_1_welcome{padding: 20px 0; box-shadow: 10px 10px 5px #eee; margin: 30px 0;} .section_2_services{padding: 20px 0; margin: 30px 0;} .section_3_services{ background-color: #094696; padding: 10px 0; color: #fff;} .bg-10{ background-color: #eceff6; padding: 7px; } .bg-11{ background-color: #083f87;padding: 7px; margin: 10px 0 0 0;} .home-list-123 li{ background-color: #f4f4f4; padding: 25px; width: 160px; text-align: center; } .home-list-123 li span { width: 70px; height: 70px; display: block; margin: 0 auto; border-radius: 50%; padding: 15px } .home-list-123 li span.bg-1-1{ background-color: #dc2017;} .home-list-123 li span.bg-1-2{ background-color: #bd6bff;} .home-list-123 li span.bg-1-3{ background-color: #f5a300;} .home-list-123 li span.bg-1-4{ background-color: #0dc8b9;} @font-face { font-family: aparaj; src: url(fonts/aparaj.ttf); } @font-face { font-family: "verdana"; src: url("fonts/verdana.ttf"); } @font-face { font-family: "verdana"; src: url("fonts/verdanab.ttf"); font-weight: bold; } @font-face { font-family: "verdana"; src: url("fonts/verdanai.ttf"); font-style: italic, oblique; } @font-face { font-family: "verdana"; src: url("fonts/verdanaz.ttf"); font-weight: bold; font-style: italic, oblique; } body{ margin: 0; padding: 0;font-family: Verdana, Geneva, sans-serif; } .header-top{ background-image:url('../images/header-top.png'); background-repeat:no-repeat; background-size:contain; background-position:center; min-height: 38px; width: 100%; padding-top: 5px; padding-left: 15px; padding-right: 15px; } .header-top a{ color: #000; } .hight li:first-child{border: none;} .hight li{ border: 1px solid #000;} .hight li a{ color: #000; } @media (min-width: 1201px){ .container { width: 1252px; } .header-top{ background-image: url(../images/header-top.png); width: 1252px!important; height: 38px; } } @media (max-width: 768px){ .logo-2 .logo-2-span1 { display: block; color: #fff; font-size: 25px !important; font-family: aparaj; } } .search-header{ float: right; margin-top: -46px; } @media (max-width: 990px){ .search-header{ float: right; margin-top: 0px; } .header-top{ background-image: none; background: #eee; width: 100%; min-height: 38px; font-size: 75%; } .logo-1 { padding: 4px 0; text-align: center; width: 25% !important; } .logo-2 { width: 75% !important; float: left; padding: 5px 0; } } .banner{border-bottom: 5px solid #0a4796; margin-bottom: 20px; } .heading h1{ font-size: 22px; margin: 0 0px 5px 0; border-bottom: 2px solid #0a4796; padding-bottom: 10px; } .heading p{ text-align: justify; } .logo-1{ float: left; width: 150px; padding: 20px 0;} .logo-2{ float: left;padding: 30px 0;} .logo-2 .logo-2-span1{ display: block; color: #fff; font-size: 45px;font-family: aparaj; } .logo-2 .logo-2-span-2{ display: block; color: #fcff00; font-size: 20px; font-family: "verdana"; } header { background: #094696; } .login-button { text-align: right; margin-top: 20px; margin-bottom: 20px;} .header-2 .log a{ color: #fff; } .logo { background: url(../images/logo.png) no-repeat 3px 0; float: left; color: #fff; font-size: 350%; line-height: 100%; min-height: 103px; padding: 30px 0 0 178px; font-family: 'Lora', serif; } .logo span{ font-size: 50%; color: #fcff00;font-family: Verdana, Geneva, sans-serif; } .navbar-default { background-color: #3596e6; border-color: #fff; margin-bottom: 0; border-bottom: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; } .navbar-default .navbar-nav>li>a { color: #fff; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: #1057a7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background-color:#1057a7; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #fff; background-color:#1057a7; } .dropdown-menu{ margin: 0; padding: 0;} .navbar-nav > li .dropdown-menu{background-color: #3596e6;} .dropdown-menu > li > a { padding: 10px 10px; border-bottom: 1px solid #fff; color: #fff; } .search input{ border-radius: 20px; border-right:0; } .search .input-group-addon{ border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #fff; border-left:0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown:hover>.dropdown-menu { display: block; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .home-list{ margin: 0; padding: 0; } .home-list li{list-style-type: none; margin: 00px 0 15px 0; margin-left: 15px; text-indent: -15px;} .home-list li:before { content: '\00BB'; padding-right: 8px; color: #432470; } .home-list2{ margin: 0; padding: 0; } .home-list2 li{ list-style-type: none; margin: 00px 0 15px 0; margin-left: 15px; text-indent: -15px; border-bottom: 1px dotted #fff; padding-bottom: 10px; } .home-list2 li:before { content: '\00BB'; padding-right: 8px; color: #fff; } header{ border-bottom: 3px solid #fe8e01; } footer{ text-align:center; padding: 15px; background-color: #000; color: #fff; } h1.head{font-size: 16px; border-bottom: 2px solid #094696; padding-bottom: 10px; margin-bottom: 20px;} h1.head2{font-size: 16px; border-bottom: 2px solid #fff; padding-bottom: 10px; margin: 5px 0 15px 0 ;} .section_1_welcome{padding: 20px 0; box-shadow: 10px 10px 5px #eee; margin: 30px 0;} .section_2_services{padding: 20px 0; margin: 30px 0;} .section_3_services{ background-color: #094696; padding: 10px 0; color: #fff;} .bg-10{ background-color: #eceff6; padding: 7px; } .bg-11{ background-color: #083f87;padding: 7px; margin: 10px 0 0 0;} .home-list-123 li{ background-color: #f4f4f4; padding: 25px; width: 160px; text-align: center; } .home-list-123 li span { width: 70px; height: 70px; display: block; margin: 0 auto; border-radius: 50%; padding: 15px } .home-list-123 li span.bg-1-1{ background-color: #dc2017;} .home-list-123 li span.bg-1-2{ background-color: #bd6bff;} .home-list-123 li span.bg-1-3{ background-color: #f5a300;} .home-list-123 li span.bg-1-4{ background-color: #0dc8b9;}