@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body {
	padding:0px;
	margin:0px auto;
    font-family: 'Open Sans', sans-serif;
	}
a {
	text-decoration:none;
	}	
a:hover {
	text-decoration:none;
	}	
.no-pad {
	padding:0px;
	}
.no-marg {
	margin:0px auto;
	}
a,
a:active,
a:focus {
    outline: 0;
}	
#back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 70px;
	height: 70px;
	text-align: center;
	background: rgba(51,51,51,0.7);
	border-radius: 6px;
}
#back-to-top:hover {
	background: rgba(51,51,51,0.9);
}
#back-to-top i {
	margin-top: 15px;
	color: #fff;
	font-size: 36px;
}



html {
  font-size: 28px;
}

.smaller {
  font-size: 0.5rem;
}
.btns01 {
    border: 1px solid #fff;
    padding: 5px 13px;
    background: none;
}
.btns01:hover {
    border: 1px solid #fff;
    padding: 5px 13px;
    background: #e9e9e9;
}
.news02 {
    padding: 6px 0px;
}
.font-contrler {
    text-align: center;
    padding: 8px 0;
}
.font-contrler h4 {
    margin: 0px auto;
    font-size: 20px;
    padding: 0px 0px 2px;
}
.font-contrler small {
    font-size: 11px;
}
/*===============*/



#hoc-top-header {
    padding: 10px 0px;
    background: #006caa;
}
#menus-bar{
    padding: 0px 0px;
    background: #f4f4f4;
    -webkit-box-shadow: 1px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 1px 8px 5px -11px rgba(0,0,0,0.75);
}
.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }

.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 0px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 0px auto;
}
.social-icons {
    float: left;
    padding: 9px 0;
}
#drp-dwn .dropdown-menu > li > a {
    display: block;
    padding: 11px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
	border-bottom: 1px solid #e7e7e7;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #337ab7;
    color: #fff !important;
}
/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


.social-network a.icoFacebook:hover {
	background-color:#3B5998;
    border: 1px solid #3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
    border: 1px solid #33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
    border: 1px solid #BD3518;
}

.social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i{
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:4%;
	text-align:center;
    width: 33px;
    height: 33px;
    font-size: 17px;
	padding: 6px 0;
}
.social-circle li i {
	margin:0;
	line-height:33px;
	text-align: center;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;

    z-index: 999;
}

.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-circle a {
    border: 1px solid #fff;
}


.sidenav{background-color:#111;height:100%;left:0;overflow-x:hidden;padding-top:60px;position:fixed;top:0;transition:.5s;width:0;z-index:1;}
.sidenavR{background-color:#092d45;height:100%;overflow-x:hidden;padding-top:60px;position:fixed;right:0;top:0;transition:.5s;width:0;z-index:999;}
.sidenav a,.sidenavR a{color:#fff;display:block;font-size:14px;padding:20px 8px 20px 32px;text-decoration:none;transition:.3s;}
.sidenav a:hover,.offcanvas a:focus,.sidenavR a:hover,.offcanvas a:focus{color:#f1f1f1;}
.sidenav .closebtn, .sidenavR .closebtn {
    font-size: 28px;
    margin-left: 50px;
    position: absolute;
    right: 25px;
    top: 8px;
    background: #006caa;
    padding: 3px 16px 2px;
    border-radius: 50%;
    color: #fff !important;
}
@media screen and max-height 450px {
.sidenav,.sidenavR{padding-top:15px;}
.sidenav a,.sidenavR a{font-size:18px;}
}
.menu-bar {
    font-size: 32px;
    cursor: pointer;
    font-weight: bold;
    background: #fff;
    color: #006caa;
    padding: 1px 9px 0px;
    border-radius: 5px;
}
.menu-brs {
    padding: 15px 0px;
}
.menu-logo {
    padding: 32px 23%;
    background: #fff;
    margin: 12px 10px;
}
.sidenav a, .sidenavR a:hover {
    background: #006caa;
}


.jk-slider{
    width:100%;
}
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

#minister h4 {
    margin: 3px auto;
}
#minister h3 {
    margin: 5px auto 10px;
    font-weight: bold;
    font-size: 20px;
    color: #006caa;
}
#minister h5 {
    margin: 2px auto;
}
.carousel-control.left {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
}
#news-events {
    padding: 30px 0px;
}
#owl-demo .item{
    margin: auto 11px auto 0px;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height:234px;
}
#owl-demo2 .item{
    margin: auto 11px auto 0px;
}
#owl-demo2 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo5 .item{
    margin: auto 11px auto 0px;
}
#owl-demo5 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo3 .item{
    margin: auto 2px;
}
#owl-demo3 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo4 .item{
    margin: auto 11px auto 0px;
}

.news-txts {
    padding: 5px 16px;
}
.news-txts h4 {
    font-weight: 600;
    min-height: 77px;
    line-height: 25px;
    margin: 8px auto 0px;
}
.commn-hdd {
    font-weight: bold;
    margin: 10px auto 20px;
}
.news-txts p {
    margin: 0px auto;
    min-height: 74px;
}
.news-bttn {
    padding: 7px 10px;
    border-radius: 5px;
    margin: 10px auto;
}
.date-pos {
    background: #006caa;
    color: #fff;
    padding: 7px 17px;
    position: absolute;
    top: 1px;
    left: 0px;
    z-index: 9999;
}
.news-itms {
    background: #f4f4f4;
    min-height: 480px;
}
.owl-theme .owl-controls {
    display: none !important;
}
#directors-board {
    padding: 30px 0px;
    background: url(../images/team-bg.jpg) center repeat fixed;
    background-size: cover;
}
.directirs-itms img {
    border: 1px solid #f4f4f4;
    background: #f4f4f4;
}
.directirs-itms h3 {
    margin: 5px auto;
    font-size: 20px;
}
.directirs-itms h5 {
    margin: 5px auto;
    color: #fff;
}
#gallery01 {
    padding: 30px 0px;
	background:#f4f4f4;
}
#footr {
    padding: 25px 0px 35px;
    background: #006caa;
    color: #f4f4f4;
}
#footr a {
    color: #fff;
}
#contct-secton {
    padding: 0px 0px;
    background: #f4f4f4;
    float: left;
    width: 100%;
}
.addrs .fa {
    font-size: 19px;
    color: #006caa;
}
.addrs {
    margin: 10px auto;
}
.contct-sec {
    padding-left: 18%;
    padding-top: 53px;
}
.footer-comn-hdd {
    font-weight: 600;
}
.footr-evnts p {
    border-bottom: 1px dashed #9f9f9f;
    padding: 7px 0px;
    margin: 0px auto;
}
#footr-cpyrgt {
    background: #333;
    padding: 10px 0px;
    text-align: center;
    float: left;
    width: 100%;
    color: #fff;
}
#footr-cpyrgt a {
    color: #fff;
}
#footr-cpyrgt p {
    margin: 0px auto;
}
.vison-mson-bg {
    background: #fff;
    margin: 8px auto;
    padding: 12px 18px;
    border: 1px solid #e1e1e1;
    border-left: 2px solid #337ab7;
   /* min-height: 152px;*/
   min-height: 98px;
}
#tendr-s {
    padding: 30px 0px;
    background: url(../images/team-bg.jpg) center repeat fixed;
    background-size: cover;
}
.team-txt-bg {
    background: #337ab7;
    padding: 6px 15px;
    color: #fff;
}
.tender-wrper h4 {
    font-weight: 600;
    margin: 2px auto;
    font-size: 16px;
    line-height: 25px;
    color: #337ab7;
}
.tender-wrper h5{
    margin: 5px auto;
}
.tender-wrper {
    background: #fff;
    padding: 10px;
    border: 1px solid #e1e1e1;
	min-height: 210px;
}
.opertuntyes {
    background: #fff;
    padding: 15px;
    float: left;
    width: 100%;
    height: 175px;
    border: 1px solid #e1e1e1;
}
.opertuntyes ul li {
    list-style: none;
}
.opertuntyes ul li:before {
    content: '\f00c';
    font-family: FontAwesome;
}
.widget ul li::before {
    content: "\f00c";
    left: 0;
    position: absolute;
    font-family: FontAwesome;
}

.widget ul li::before {
    content: "\f00c";
    left: 0;
    position: absolute;
    font-family: FontAwesome;
    color: #337ab7;
}

.widget ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}

.widget ul li {
 
    margin-bottom: 6px;
    padding-left: 20px;
    position: relative;
}


.slimScroll {
    margin-top: 0px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 142px;  
    width: 100%;
}

/* custom stylings */
.wrapper, .scroll-wrapper {
    padding: 5px;
}
.scroll-wrapper.mac + .scrollBarContainer{
    background-color: transparent;
}
.scrollBarContainer.animate .scroll{
    transition: 2s opacity ease;
    -ms-transition: 2s opacity ease;
    opacity: 0;
}
.scrollBarContainer:hover .scroll{
    opacity: 0.5;
    transition: none;
    -ms-transition: none;
}
.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.scroll{
    border-radius: 10px;
}
.wrapper + .scrollBarContainer{
    background-color: #eee9ee;
}
.scrollBar {
    background-color: #60F509;
    border-radius: 10px;
    opacity: 0.5;
}
.scroll-bar{
    background-color: #14D1E0;
}
.nav-logo {
    background: #006caa;
    padding: 10px 0px;
}
.nav-logo img{
    margin: 0px auto;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position:relative;
}

#wrapper.toggled {
    padding-left: 0px;
}

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -207px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #093655;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    z-index: 999999;
    min-height: 790px;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 304px;
}

#page-content-wrapper {
    width: 100%;
    padding-top: 70px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 304px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #093655;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;    
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: #006caa;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */

.hamburger {
  position: absolute;
  top: 23px;  
  z-index: 999999 !important;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}










.burger {
    cursor: pointer;
    height: 60px;
    margin-bottom: 0;
    width: 60px;
    z-index: 9001;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    background: #08c;
}

.burger:after {
    bottom: 7px;
    color: #FFFFFF;
    content: 'Menu';
    font-size: 13px;
    font-weight: 300;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}


/*--------------------------------------
 Creates the look of the burger icon
 using the inner span and pseudo-elements
--------------------------------------*/

.burger span,
.burger span:before,
.burger span:after {
    background: #FFFFFF;
    border-radius: 0.2em;
    height: 4px;
    left: 10px;
    position: absolute;
    top: 22px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 40px;
}


/* Reset the left and create the pseudo-element */

.burger span:before,
.burger span:after {
    content: '';
    left: 0;
}


/* Top bar position */

.burger span:before {
    top: -8px;
}


/* Bottom bar position */

.burger span:after {
    top: 8px;
}


/* Get rid of more on action (IE9 or higher) */

.burger-check:checked + .burger:after {
    content: '';
}


/* Get rid of the middle bar on action (IE9 or higher) */

.burger-check:checked + .burger span {
    height: 0;
    width: 0;
}


/* Moves the top and bottom bars to the middle on action (IE9 or higher) */

.burger-check:checked + .burger span:before,
.burger-check:checked + .burger span:after {
    top: 6px;
}


/* Rotates the top bar on action with full browser support (IE9 or higher) */

.burger-check:checked + .burger span:before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}


/* Rotates the bottom bar on action with full browser support (IE9 or higher) */

.burger-check:checked + .burger span:after {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(-225deg);
}

#mobile-nav:focus + .burger,
.burger:focus,
.burger:hover {
    background: rgba(0, 136, 204, 0.9);
}

.burger-check:checked + .burger {
    width: 200px;
}

.burger-check:checked + .burger:after {
    bottom: 18px;
    content: 'Close Menu';
    font-size: 20px;
    padding-left: 30px;
}

#mobile-nav {
    left: -9999px;
    position: fixed;
    top: 0;
}

.header-nav ul li a:active,
.header-nav ul li a:focus,
.header-nav ul li a:hover,
#mobile-nav:focus + .burger,
.burger:focus,
.burger:hover {
    background: rgba(0, 0, 0, 0.1);
    outline: none;
}

.fixed-nav {
    background: #08c;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 9000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.header-nav {
    float: left;
    height: 60px;
    position: relative;
    width: 100%;
}

.header-nav ul {
    background: #FFF;
    height: calc(100vh - 60px);
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: 10px 0 0 0;
    position: absolute;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    width: 200px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.075);
    top: 100%;
    z-index: 1;
}

.burger-check:checked ~ .header-nav ul {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.header-nav ul li {
    float: left;
    position: relative;
    width: 100%;
}

.header-nav ul li a {
    color: rgba(0, 0, 0, 0.79);
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 24px;
    margin-left: 0;
    overflow: hidden;
    padding: 12px 60px 12px 12px;
    position: relative;
    text-decoration: none;
    width: 100%;
}
#social-codes {
	padding:30px 0px;	
}
#social-codes img {
	margin:0px auto;
	}
.secnd-menus {
    width: 90%;
    margin: 0px auto;
}
.navbar-form {
    padding: 0px 1px;
}
.show-on-hover:hover > ul.dropdown-menu {
    display: block;    
}
.dropdown-menu > li > a {
    padding: 10px 20px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    padding: 17px 20px;
    background: #dedede;
    border: none;
    border-radius: 0;
}
.dropdown-menu {
    top: 95%;
}
.show-on-hover {
    float: none;
}

#abot-page-banner {
    padding: 0px;
    position: relative;
}
.banner-txt-commn {
    background: #ffffffb3;
    color: #000;
    padding: 20px 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.banner-txt-commn h2 {
    margin: 0px auto;
    font-weight: bold;
}
.banner-txt-commn p {
    margin: 5px auto;
    text-align: right;
    font-size: 16px;
}
.banner-txt-commn a {
    color: #000;
}
#tender-txts {
    padding: 30px 0px;
}

table {
    border-collapse: collapse !important;
	font-size:13px!important; 
}
th {
    border: 1px solid #9BBB59 !important; 
    text-align: left !important; 
    padding: 8px !important; 
	background-color: #9BBB59 !important; 
	color:#FFF;
	}


td {
    border: 1px solid #e3e3e3 !important; 
    text-align: left !important; 
   /* padding: 8px !important; */
	padding: 8px; 
	background:none !important;
	}

/*tr:nth-child(odd) {
    background-color:#FFF  !important;
	
}
tr:nth-child(even) {
    background-color:#F9F9F9  !important;
	
}*/
.tend-hdds02 td {
    background: #006caa !important;
    color: #fff;
    padding: 11px !important;
}
.panel-default > .panel-heading {
    color: #fff;
    background-color: #006caa;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
    background: #006caa;
    color: #fff;
}
#contct-page {
    padding: 30px 0px;
}

.active2 {
    background: #3ea3dd;
}
#company-prifle {
    padding: 30px 0px;
}
#company-prifle h4 {
    color: #006caa;
    font-weight: bold;
    margin: 13px auto;
}
.misson-bg {
    background: #f4f4f4;
    padding: 12px 20px;
}
.addrs a {
    color: #333;
}
#kochi-unt {
    padding: 30px 0px;
    background: #f4f4f4;
    line-height: 28px;
}
#other-location {
    padding: 30px 0px;
}
#other-location h4 {
    color: #006caa;
    font-weight: bold;
    margin: 13px auto;
}
#other-location a {
    color: #333;
}
#other-location h5 {
    color: #006caa;
    font-weight: bold;
}
.address-each {
    
}
.addrs-itms {
    background: #f4f4f4;
    padding: 16px 25px;
    margin-bottom: 27px;
    min-height: 208px;
    border: 1px solid #e9e1e1;
}

#strength {
    padding: 30px 0px;
}
.nav > li > a {
    padding: 16px 11px;
}
#ministry {
    padding: 30px 0px;
    background: #f4f4f4;
}
#ministry img {
    border: 1px solid #e3e3e3;
}
.ministry-txts img {
    margin: 0px auto;
}
.ministry-txts p {
    margin: 1px auto 4px;
    line-height: 14px;
    font-size: 13px;
}
.ministry-erper img {
	background:#fff;
	padding:4px;
	}
	
.p-m {
    width: 30%;
}
.ministry-txts {
    text-align: center;
}
.misisters02 {
    text-align: center;
}
.ministry-erper {
    background: #f4f4f4;
    float: left;
    width: 100%;
    padding: 27px;
	border:1px solid #e9e4e4;
}
.min-wrper {
    width: 100%;
    margin: 0px auto;
}
.min-txts03 {
   
    padding: 6px 4px;
    color: #333;
}
#minister p {
    line-height: 24px;
}
#ministry img {
    margin: 0px auto;
}
.secnd-menus1 {
	width: 97%;
	margin: 0px auto;
	}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
.publicatModelvideo img {
	width:100%;
}
.video-borders01 {
	background:#ccc !important;
	padding:10px;
	}
#careers-pge {
	padding:30px 0px;	
}
#careers-pge .form-control {
	margin:7px auto;
	}
#careers-pge label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    margin-top: 15px;
}
.back-bttns {
	padding:10px 20px;
	}
#title h3 {
	margin:0px auto !important;
	}
#project1 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #006caa !important;
    border-radius: 5px 5px 0px 0px;
	color:#fff;
}
#project1 .modal-header .close {
    margin-top: -2px;
    background: #fff;
    padding: 4px 8px;
    border-radius: 89%;
}
.video-txts03 {
	margin:10px auto 0px;	
}
.video-txts03 p {
	margin:0px auto;
	min-height: 35px;
	} 
#contact_form .input-group img {
	border:1px solid #ccc;
	width: 87%;
	}
.news-hdd {
	font-weight:bold;
	line-height:25px;
	}
.news-times1 {
	float:right;
	color: #006caa;
	}
.news-times {
	color: #006caa;
	}
#news-list {
	padding:30px 0px;
	}
.news-list-items {
	background:#f4f4f4;
	margin-bottom:20px;
	}
.list-news-txt h4 {
	font-weight:bold;
	}
.list-news-txt {
	padding:0px 15px 10px;
	}
.galry-more-bttn {
	float:right;
	font-weight:bold;
	padding:10px 0px;
	}
.news-bttn3 {
    padding: 7px 10px;
    border-radius: 5px;
    margin: 4px auto;
}
#images-gallry {
	padding:50px 0px;
	}
.list-news-txt2 h4 {
	font-weight:bold;
	}
.list-news-txt2 {
	}
.click-bttn-carer {
	padding: 6px 16px;
	border-radius: 25px;
	margin:10px auto;
	}
.news-list-items2 {
    
    margin-bottom: 0px;
}




.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-submenu > .dropdown-menu {
    bottom: 0 !important;
}
/*.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;
}
.site-mp-txts a {
    color: #006caa;
    padding: 3px 5px;
    line-height: 18px;
	font-weight:normal !important;
}
.sub-map-hd a {
	color:#4ca3ef !important;
	}
.active h4 {
	font-size:16px !important;
	}
.navbar-nav > li > .dropdown-menu {
    margin-top: 3px !important;
}
#search {
    float: right;
    margin-top: 9px;
    width: 250px;
}

#hoc-top-header .search {
    padding: 5px 0;
    width: 100%;
    height: 30px;
    position: relative;
    left: 10px;
    float: right;
    line-height: 22px;
	margin: 9px auto;
}

#hoc-top-header .search input {
        position: absolute;
        width: 100%;
        float: Left;
       /* margin-right: 210px;*/
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 47px;
        line-height: 18px;
		padding: 0 2px 0 15px;
		border: 1px solid #006caa;
		border-radius: 0px ;
    }

#hoc-top-header .search:hover input, .search input:focus {
            width: 100%;
            margin-left: 0px;
        }

#hoc-top-header .btn {
    height: 47px;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius:1px;
	font-size: 18px;
}
.video-pdd {padding-right:5px;}









.sec-drpdwn {
    background: #fff;
    position: static;
}
.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-submenu:hover>.dropdown-menu {
    display: block;
	position:absolute !important;
	top:0px !important;
	float:left !important;
}

.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;
}
.dropupSub {
	position:absolute;
	top:0px;
	}
.sec-drpdwn {
    background: #fff;
    position: static ;
}
.dropdown-submenu > .dropdown-menu {

    bottom: 0 !important;
}
.dropdown-menu {
	height:100%;
	}
.dropdown-menu > li > a {
    background: #fff;
	border-bottom: 1px solid #eee;
}	

#u_0_3 {
	width: 142% !important;
}
. _2p3a {
	width:100% !important;
}
.fb_iframe_widget {
	width:100% !important;
}
.fb_iframe_widget > span {
	width:100% !important;
}
.fb_iframe_widget > span > iframe{
	width:100% !important;
}
.social-hdds {
	font-weight:bold;
	}
.fb-page {
	background:#f4f4f4;
	padding:8px;
	height: 225px;
	overflow-y: scroll;
	}
.tweet {
	background:#f4f4f4;
	padding:8px;
	height: 225px;
	overflow-y: scroll;	
	}
.card-block a {
	color:#FFF;
}
#footr-conm {
    padding: 13px 0px;
    background: #005e95;
    color: #c9c9c9;
	text-align:center;
}
.profle-ee {
	padding:4px 18px;
	border-radius:0px;
	font-size:13px;
	}
.logo h3 {
	margin:0px auto;
	color:#fff;
	font-size: 22px;
	}
.logo h4 {
	margin:3px auto;
	color:#fff;
	}
.logo {
	margin:14px auto;
	}
.lg2 {float:right;}
.to-onlpymnt {
    font-size: 13px !important;
    margin: 11px auto;
    padding: 10px 19px;
    float: right;
    background: none;
    color: #fff;
	border: 2px solid #fff;
    font-weight: bold;
    height: 42px !important;
}
.to-onlpymnt:hover {
    font-size: 13px !important;
    margin: 11px auto;
    padding: 10px 19px;
    float: right;
    background: #fff;
    color: #333;
	border: 2px solid #fff;
    font-weight: bold;
    height: 42px !important;
}




/*Login Page*/






#login-page {
	padding:30px 0px;
	background:url(../images/bg2.png) repeat;
	}
.login-pages-wrpr {
	background:#f4f4f4;
	box-shadow: 2px 3px 5px -5px rgba(0,0,0,0.75);
	padding: 20px 30px;
	float: left;
	width: 100%;
	margin: 10px auto;
	border: 1px solid #f4f4f4;
	}
.login-box {
	padding:25px 5px;
	}
.login-box h2 {
	font-weight:bold;
	text-align: center;
	margin: 0px auto;
	}
.form-login {
	
	}
.form-login-itms {
	padding:25px 0px 8px;
	}
.logn-fm {
	border: 1px solid #e6e6e6;
	padding: 12px 12px;
	width: 100%;
	box-shadow: 2px 3px 5px -5px rgba(0, 0, 0, 0.4);
	margin-bottom: 13px;
	}
.logn-bttn9 {
	padding: 10px 15px;
	margin: 10px auto;
	width: 100%;
	font-size: 16px;
	border-radius: 0;
	background: #006caa;
	border: 1px solid #006caa;
	}
.logn-bttn99 {
	padding: 10px 15px;
	margin: 17px auto;
	width: 100%;
	font-size: 14px;
	border-radius: 0;
	}	
.logn-bttn9:hover {
	padding: 10px 15px;
	margin: 10px auto;
	width: 100%;
	font-size: 16px;
	border-radius: 0;
	background: #115d88;
	border: 1px solid #115d88;
	}
.cont-wth-us li {
	display: inline-block;
	padding:0 10px;
	}
.cont-wth-us {
	text-align:center;
	padding:10px 0;
	margin: 0px auto;
	}
#login-header {
	padding:22px 0px;
	}
.logn-logo {
	margin:0px auto 19px;
	width:42%;
	}



.fist-step1 {
	padding:15px;
	}
.frm--1 {
    border: 1px solid #e6e6e6;
	padding: 7px 12px;
	width: 100%;
	box-shadow: 2px 3px 5px -5px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
}
.lbl-reg {
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 1px;
	}
.mid-brdr3 {
	height:580px;
	width:1px;
	background:#f4f4f4;
	margin:8px auto;
	}
.reg-hddings {
	font-size: 21px;
	margin: 5px auto 15px;
	font-weight: bold;
	}
.reg-bttns {
	padding: 10px 18px;
	margin: 9px auto 0;
	background:#006caa;
	border: 1px solid #006caa;
	}
.reg-bttns:hover {
	padding: 10px 18px;
	margin: 9px auto 0;
	background:#0a5b8a;
	border: 1px solid #0a5b8a;
	}
.submit-bttn-right-alin {
	float:right;
	}

.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0px !important;
    border-radius: 2px;
    width: 100%;
    margin-bottom: 1px;
}
			.custom-dropdown__select {
				padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */				
				border: 0;
				border-radius: 3px;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;   
				width:100%; 
				font-weight: normal;
				color: #777;
				height:38px;
				border: 1px solid #E6E6E6;
				padding: 3px 9px;
				box-shadow: 2px 3px 5px -5px rgba(0, 0, 0, 0.4);
			}

			.custom-dropdown::before,
			.custom-dropdown::after {
				content: "";
				position: absolute;
				pointer-events: none;
			}

			.custom-dropdown::after { /*  Custom dropdown arrow */
				content: "\f0dd";
				height: 0em;
				font-size: -0.1em;
				line-height: 1;
				right:0.9em;
				top: 51%;
				margin-top: -.6em;
				font-family:FontAwesome;
				color: #291F64 !important;
			}

			.custom-dropdown::before { /*  Custom dropdown arrow cover */
				width: 2.3em;
				right: 0; top: 0; bottom: 0;
				border-radius: 0 3px 3px 0;
			}

			.custom-dropdown__select[disabled] {
				color: rgba(0,0,0,.3);
			}

			.custom-dropdown.custom-dropdown--disabled::after {
				color: rgba(0,0,0,.1);
			}

			/* White dropdown style */
			.custom-dropdown--white::before {
				border: none;
				border-left: none;
			}

			.custom-dropdown--white::after {
				color: rgba(0,0,0,.9);
			}					

			/* Emerald dropdown style */
			.custom-dropdown--emerald::before {
				background-color: #1aa181;
			}

			.custom-dropdown--emerald::after {
				color: rgba(0,0,0,.4);
			}


			/* Red dropdown style */
			.custom-dropdown--red::before {
				background-color: #d53a22;
			}

			.custom-dropdown--red::after {
				color: rgba(0,0,0,.4);
			}
#product-list-wrpr .custom-dropdown {
    margin-bottom: 9px;
}
.hd-shp {
    padding: 7px 10px;
    background: 
    #f4f4f4;
    margin: 6px auto 11px;
}
#product-list-wrpr {
	padding:35px 0px;
	}

/*Login Page*/






/*my account page*/




.cust-btn{
	margin-bottom: 10px;
	background-color: #f8204f;
	border-width: 2px;
	border-color: #f8204f;
	color: #fff;
}
.cust-btn:hover{
	border-color: #f8204f;
	background-color: #fff;
	color: #f8204f;
	border-radius: 20px;
	transform-style: 2s;
}
.brand--items-list p {
	padding:2px 0px;
	}
.brand-name-list {
	float: left;
	width: 100%;
	line-height: 25px;
	}
.brand--items-list2 {
	float:left;
	width:100%;
	padding: 9px 0;
	}
.brand--items-list2 p {
	padding:2px 0px;
	}
.flter-itm-list li {
	list-style:none;
	display: inline-block;
	}
.flter-itm-list li a {
	background:#eee;
	padding: 7px 12px;
	font-size: 12px;
	color: #333;
	}
.panel-heading span {
    margin-top: -23px;
    font-size: 13px;
    margin-right: -30px;
}
.panel-heading {
    padding: 9px 28px 1px 12px;
    float: left;
    background: #eee;
    border-radius: 3px;
}
.clickable {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}
.panel-title {
    font-size: 12px;
}
.panel {
    box-shadow: none;
}
.product-itm-pp-wrrp {
	background:#fff;
	box-shadow: 2px 3px 5px -5px rgba(0,0,0,0.75);
	padding: 17px;
	float: left;
	width: 100%;
	border: 1px solid #f4f4f4;
	overflow:hidden;
	}
.common-width-containr {
	width:90%;
	margin:0px auto;
	}
#my-account {
	padding:35px 0px;
	}
#my-account .navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

#my-account .navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: 1px solid #f4f4f4;
	box-shadow: 2px 3px 5px -5px rgba(0,0,0,0.75);
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    perspective: 1500px;
}


#sidebar {
    min-width: 250px;
    max-width: 250px;
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;
}

#sidebar.active {
    margin-left: -250px;
    transform: rotateY(100deg);
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}


a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}


ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: 100%;
    padding: 0 20px;
    transition: all 0.3s;
}

#sidebarCollapse {
    width: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
	margin: 0px auto;
	box-shadow: 2px 3px 5px -5px rgba(0,0,0,0.75);
}

#sidebarCollapse span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
}

#sidebarCollapse span:first-of-type {
    transform: rotate(180deg) translate(0px, -11px);
}
#sidebarCollapse span:nth-of-type(2) {
    opacity: 0;
	

}
#sidebarCollapse span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
}
#sidebarCollapse .arrw1:before {
		content:'\f054';
	font-family:FontAwesome;
	}

#sidebarCollapse.active span {
    transform: none;
    opacity: 1;
    margin: 5px auto;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
        transform: rotateY(90deg);
    }
    #sidebar.active {
        margin-left: 0;
        transform: none;
    }
    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }
    #sidebarCollapse.active span {
        margin: 0 auto;
    }
    #sidebarCollapse.active span:first-of-type {
        transform: rotate(180deg) translate(0px, -11px);
    }
    #sidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }
    #sidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }

}


.simpleLens-mouse-cursor {
	width:25px !important;
	width:25px !important;
	}
#my-account .navbar {
    padding: 2px 0px;
    background: none;
    border: none;
    border-radius: 0;
    margin-bottom: 8px;
    box-shadow: none;
    width: auto;
}
.left-account-detls {
	background:#fff;
	box-shadow: 2px 3px 5px -5px rgba(0,0,0,0.75);
	padding: 17px;
	float: left;
	width: 100%;
	border: 1px solid #f4f4f4;
	}
.acc-menu-left {
	margin:0px auto;
	}
.acc-menu-left li .fa {padding-right:8px;color: #006caa;}	
.acc-menu-left li {
    list-style: none;
    border-bottom: 1px dashed #e6e3e3;
	padding: 12px 10px;
	color: #333;
	font-size:15px;
}
.acc-menu-left li:hover {
    list-style: none;
    border-bottom: 1px dashed #e6e3e3;
	padding: 12px 10px;
	color: #333;
	background:#f4f4f45e;
	font-size:15px;
}
.prof-l-pic img {
	margin:0px auto;
	}
.prof-l-pic h3{
	text-align:center;
	margin:16px auto 10px;
	font-size: 21px;
	}
.dshbrd-brdcrmp {

	}
.dshbrd-brdcrmp h3 {margin:0px auto;}
.brd-crmp-hds {
	background: #ffffffc4;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 17px 15%;
	}
.dshbrd36 li {
	display:inline-block;
	padding:0px 5px;
	}
/*my account page*/



.dshbrd36 a{color:#333;}
.dshbrd36 {margin:0px auto; float:right;}
.prof-bttnsa {
	position: static !important;
	width: 100%;
	text-align: left;
	padding: 9px 17px !important;
	font-size: 17px !important;
	background: none !important;
	border: 0px solid #ffffff4a !important;
	color: #fff;
}
.prof-bttnsa:hover {
	position: static !important;
	width: 100%;
	text-align: left;
	padding: 9px 17px !important;
	font-size: 17px !important;
	background: none !important;
	border: 0px solid #ffffff4a !important;
	color: #fff;
}
#usr-bttnds .btn-group, .btn-group-vertical {
    width: 100%;
	margin: 14px auto;
}
.prof-bttnsa3 {
	top:0 !important;
	}
.bttn-rgt-btm {
	float:right;
	font-size:13px;
	}
.prof-icon {font-size:34px !important; }
.nme-prof {
	padding:5px 0px;
	}
.logn-bttnsd {
    margin: 0 auto;
    font-size: 15px !important;
    padding: 10px 26px;
    background: 
    #038ad7;
    position: static !important;
    float: left;
}
.logn-bttnsd:hover {
	margin: 0px auto;
	font-size: 15px !important;
	padding: 10px 26px;
	background: #005788;
	position: static !important;
	float: left;
	}






.procurm-wdyth {
	width: 87%;
	overflow: auto;
	}


.tse-scrollable {
        overflow-y: scroll;
      }
	  
 #abot-page-banner img {width:100%;}

  .tse-scrollable .tse-scroll-content {
    overflow: hidden;
    overflow-y: scroll;
    }
    /* No longer using ::scrollbar too, since it breaks Chrome 25 */
    .tse-scrollable .tse-scroll-content::-webkit-scrollbar {
      width: 0;
      height: 0;
      }
.tse-scrollbar {
  z-index: 99;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 11px;
  }
  .tse-scrollbar .drag-handle {
    position: absolute;
    right: 2px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    min-height: 10px;
    width: 7px;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background: #6c6e71;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    }
  .tse-scrollbar:hover .drag-handle {
   
    opacity: 0.7;
    -webkit-transition: opacity 0 linear;
    -moz-transition: opacity 0 linear;
    -o-transition: opacity 0 linear;
    -ms-transition: opacity 0 linear;
    transition: opacity 0 linear;
    }
    .tse-scrollbar .drag-handle.visible {
      opacity: 0.7;
      }

.scrollbar-width-tester::-webkit-scrollbar {
  width: 0;
  height: 0;
}
 .tse-scrollable {
  position: relative;
  width: 1080px; /* Default value. Overwite this if you want. */
  height: 300px; /* Default value. Overwite this if you want. */
  overflow: hidden;
  }
.tse-scrollable.horizontal .tse-scroll-content {
  overflow-x: scroll;
  overflow-y: hidden;
  width: 1080px !important;
	height: 317px !important;
  }
  .tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,
  .tse-scrollable.horizontal .tse-scroll-content::scrollbar {
    width: auto;
    height: 0;
    }
.tse-scrollable.horizontal .tse-scrollbar {
  top: auto;
  left: 0;
  width: auto;
  height: 11px;
  }
  .tse-scrollable.horizontal .tse-scrollbar .drag-handle {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
    }

.demo-fullscreen {
  width: 100%;
  }
  .demo-fullscreen p {
    margin: 0;
    padding: 10px;
    }
    .demo-fullscreen p.odd {
      background: #f0f0f0;
      }
.demo-fullscreen.horizontal .tse-content {
    display: inline-block; /* allows element to expand outside container without setting explicit width */
    /* allows element to expand outside container without setting explicit width */
    }
    /* Box styling is purely for demo puposes. Your scrollable content can be styled however you like. */
    .demo-fullscreen.horizontal .boxes {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      overflow: auto;
      padding: 0px;
      height: 100%;
      }
      .demo-fullscreen.horizontal .box {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        margin-right: 10px;
        padding: 20px;
        width: 300px;
        height: 100%;
        color: #fff;
        font-size: 24px;
        background: #666;
        }
.innr-tble9 tr td {
	border:none !important;
	border-right:1px solid #e3e3e3 !important;
	
	}

.lst-tdd {border:none !important;}
.brd-crmp-hds3 {
    background: 
    #ffffffc4;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 17px 5%;
}
#my-account .logn-fm {
	padding: 6px 12px;
}
.srch-cco-gl {
	font-size:12px;
	}
.srch-cco-gll2 {
	padding: 7px 17px;
	border-radius: 0;
	background:#006caa;
	border: 1px solid #006caa;
	}

.prod-dtl-itm9 {
	background:#fff;
	box-shadow: 2px 3px 5px -5px rgba(0,0,0,0.75);
	padding: 17px;
	float: left;
	width: 100%;
	/*border: 1px solid #f4f4f4;*/
	
	border-bottom: 3px solid #f0ad4e;
	border-top: 3px solid #f4f4f4;
	border-left: 3px solid #f4f4f4;
	
	overflow: hidden;
	margin-bottom:23px;
	height: 474px;
	}
.prod-dtl-itm10 {
	background:#fff;
	box-shadow: 2px 3px 5px -5px rgba(0,0,0,0.75);
	padding: 17px;
	float: left;
	width: 100%;
/*	border: 1px solid #f4f4f4;*/
    border-bottom: 3px solid #2e9582;
	border-top: 3px solid #f4f4f4;
	border-left: 3px solid #f4f4f4;
	overflow: hidden;
	margin-bottom:23px;
	height: 382px;
	}	
.dsh-brd-hds h4 {
	margin:0px auto 8px;
	font-size: 16px;
	font-weight: bold;
	}
.prod-mmgs img {
	margin:0px auto;
	}
.chrt-lst {width:100%;}
.dshbrd-hd {
	margin:0px auto 11px;
	font-weight:bold;
	font-size:20px;
	}
.thr-bxsd03_01 {
    background: #fff;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	box-shadow: 2px 3px 5px -4px rgba(0,0,0,0.75);
	
	border-top : 1px solid #ececec;
	border-bottom : 1px solid #ececec;
	border-right: 5px solid #f0ad4e;
	border-radius:  0 10px 10px 0 ;
    padding: 11px 0;
}
.thr-bxsd03_02 {
    background: #fff;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	box-shadow: 2px 3px 5px -4px rgba(0,0,0,0.75);
	
	border-top : 1px solid #ececec;
	border-bottom : 1px solid #ececec;
	border-right: 5px solid #058dc7;
	border-radius:  0 10px 10px 0 ;
    padding: 11px 0;
}
.thr-bxsd03_03 {
    background: #fff;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	box-shadow: 2px 3px 5px -4px rgba(0,0,0,0.75);
	
	border-top : 1px solid #ececec;
	border-bottom : 1px solid #ececec;
	border-right: 5px solid #cf4ba8;
	border-radius:  0 10px 10px 0 ;
    padding: 11px 0;
}
.thr-bxsd03_1 h4 {
	margin: 0px auto 6px;
	color:#000;
	}
/*.thr-bxsd03 p {
    background: #ed561b;
	color: #fff;
    padding: 4px 9px;
    float: left;
	box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75);
}*/
.bx-thr-icon-bx_1 {
    background: #f0ad4e;
	color:#fff;
	padding: 16px 10px;
	float: left;
	box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75);
    position: absolute;
    left: -7px;
    top: 2px;
    height: 52px;
}

.bx-thr-icon-bx_2 {
    background: #058dc7;
	color:#fff;
	padding: 16px 10px;
	float: left;
	box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75);
    position: absolute;
    left: -7px;
    top: 2px;
    height: 52px;
}

.bx-thr-icon-bx_3 {
    background: #cf4ba8;
	color:#fff;
	padding: 16px 10px;
	float: left;
	box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75);
    position: absolute;
    left: -7px;
    top: 2px;
    height: 52px;
}









.intro-logo-wrapper {
    width: 70%;
	border-bottom: 3px solid #006caa;
    margin: 0% auto;
/*	background:#f4f4f4;
	box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.16);*/
}
.inro-logo-scton {
	background:#006caa;
	padding: 27px 30px;
	}
.inro-logo-scton img {
	
	}
.intro-contnt-txts {
    padding: 80px 25px;
    text-align: center;
    background: url(../images/bg.jpg) repeat;
    border-bottom: 8px solid #006caa;
}
.intro-contnt-txts h3 {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0px;
    margin: 0px auto 0;
    color: #006caa;
}
.intro-contnt-txts ul li a {
    text-align: center;
    border: 1px solid #fff;
    padding: 17px 41px;
    margin: 15px 5px;
    font-size: 17px;
	background:#fff;
    text-transform: uppercase;
    border-radius: 10px;
    box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: -1px 1px 5px -2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.16);
    letter-spacing: 1px;
}
.intro-contnt-txts ul li {
	display: inline-block;
}
/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  text-align: center;
	border: 1px solid #fff;
	padding: 17px 31px;
	margin: 15px 5px;
	font-size: 17px;
	text-transform: uppercase;
	border-radius: 10px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
.modal-dialog {
    width: 406px;
    margin: 30px auto;
}

.homePagePopup {
    width: 77% !important;
}

.hdr-logosd { margin:0px auto; padding:0px; float:right; }
.hdr-logosd li { list-style:none; display:inline-block; }