HOME

Mini Shell 1.0
DIR:/home/newgyandham.com/www/wp-content/themes/gyandham/
Current File : /home/newgyandham.com/www/wp-content/themes/gyandham/style.css
/*
Theme Name: New Gyan Dham Public School
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: CSW team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
*/
html, body {height: 100%;}

body{color:#000; font-size:14px; font-family: 'open_sansregular';}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/OpenSans-Bold.woff') format('woff'),
         url('fonts/OpenSans-Bold.ttf') format('truetype'),
         url('fonts/OpenSans-Bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular_1.eot');
    src: url('fonts/OpenSans-Regular_1.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular_1.woff2') format('woff2'),
         url('fonts/OpenSans-Regular_1.woff') format('woff'),
         url('fonts/OpenSans-Regular_1.ttf') format('truetype'),
         url('fonts/OpenSans-Regular_1.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a{color:#fd5d00;}
a:hover, a:focus{color:#011c38; text-decoration:none; outline:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:22px;}
p span{color:#fd5d00; font-family: 'open_sansbold';}
h1{color:#008dcd; font-size:40px; margin-bottom:20px;}
h2{color:#231f20; font-size:30px; font-family: 'open_sansbold';}
h3{color:#000; font-size:24px;}
h3 span{color:#fd5d00; font-family: 'open_sansbold';}
h4{color:#011c38; font-size:20px; font-family: 'open_sansbold';}
.ft-l {float: left;}

.mrg-bt{margin-bottom:20px;}
.mrg-b40{margin-bottom:40px;}
.pad-0{padding:0;}
.mrg-0{margin:0;}

.border-tp{border-top:none !important;}
.border-rt{border-right:none !important;}
.border-lt{border-left:none !important;}
.border-bt{border-bottom:none !important;}

.top-sec{background:#fd5d00; line-height:2em;}
.top-sec a{color:#fff;}
.top-sec a:hover{color:#011c38;}
.ph-top{float: left; margin-right: 10px; color: #fff; border-right: 1px solid #fff; padding: 5px 10px 3px 0;}
.ph-top:last-child{border-right: 1px solid #333;}
.ph-top a{color: #fff;}
.ph-text{margin-left: 20px; font-size: 13px;}
.ph-top i{float: left; font-size:22px; line-height:30px;}
.email-top i{line-height:22px;}
.ph-top:last-child{border-right: 0px;}
.ph-top:last-child i{font-size:18px; padding-top:5px;}
.ph-top:last-child .ph-text{margin-left:25px;}
.top-link{text-align:right; padding:5px 0;}
.top-link ul{margin:0; padding:0;}
.top-link ul li{display:inline-block; list-style:none; font-family: 'open_sansbold'; padding:0 7px; position:relative;}
.top-link li:after{background: #fff; content: ""; height: 10px; position: absolute; right: -3px; top: 11px; width: 1px;}
.top-link li:last-child{padding-right:0;}
.top-link li:last-child:after{display:none;}
 
header{background:#052c52 url(images/city-bg.png) no-repeat scroll center top; background-size:cover; position:relative; padding:0; z-index:9}
  header .logo{float:left; height:100%; margin:0; padding:15px 0; vertical-align:middle; /*width:452px;*/ max-width:100%;}
  .head-right{font-family: 'open_sansbold'; height:102px; margin:62px 0 0 0; text-align:center; width:369px;}
  .head-right p{font-size:10px; padding:0 0 0 5px;}
  .ad-text{color:#011c38; font-size:24px;}
  .ad-text span{display:block; font-size:14px;}
.head-right .corona-virus {position: absolute;top: 50px;left: 61%;font-weight: bold;padding: 20px;right: 0;text-align: center;background: #fd5d00;width: 24%;margin: auto;border-radius: 5px;}
  .head-right .corona-virus:hover { background: #011c38; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
.menu{background:#fd5d00; border-bottom:5px solid #011c38; /*height:50px;*/ position:relative; z-index:2;}  
.menu form{position:absolute; top:0; right:0; z-index:3; height:100%; background:#011c38;}
.menu form input[type="search"]{background: none; border: none; color: #fff; padding: 13px 30px 12px 15px; position: relative;}
.menu form:after{font-family:'FontAwesome'; content:'\f002'; font-size:16px; position:absolute; right:5px; top:8px; display:block; width:24px; height:34px; line-height:34px; color:#fff; z-index:5;}
  .menu form input[type="search"]::-webkit-input-placeholder{color:#fff;}
  .menu form input[type="search"]:-moz-placeholder{color:#fff;}
  .menu form input[type="search"]::-moz-placeholder{color:#fff;}  
  .menu form input[type="search"]:-ms-input-placeholder{color:#fff;}  
.menu .container{position:relative;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
#cssmenu{position:relative; font-family: 'open_sansbold';}
#cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu:after, #cssmenu > ul:after {content: "."; display: block; clear: both; line-height: 0; visibility: hidden; height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;}
#menu-line {position: absolute; top: 0; left: 0; height: 3px; background: #009ae1;   -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; display:none;}
#cssmenu > ul > li {display:inline-block; margin:0; text-align:left; position:relative;}
#cssmenu.align-center > ul {font-size: 0; text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block; float: none;}
#cssmenu > ul > li:after{background: #fff; content: ""; height: 10px; position: absolute; right: -3px; top: 20px; width: 1px;}
#cssmenu > ul > li:last-child:after{display:none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > a {padding: 16px 10px 20px; color:#fff; font-size:12px; text-transform:uppercase; text-shadow:none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a, #cssmenu > ul > li.current-menu-item a{color:#011c38; text-decoration: none;}
#cssmenu > ul > li.has-sub > a {padding-right: 25px;}
#cssmenu > ul > li.has-sub > a::after {position: absolute; bottom:48%; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after {border-color: #000;}
#cssmenu ul ul {position: absolute; left: -9999px;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {right: 0;}
#cssmenu ul ul ul {margin-left: 100%; top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0; margin-right: 100%;}
#cssmenu ul ul li {height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease;}
#cssmenu ul li:hover > ul > li {height: 32px;}
#cssmenu ul ul li a {border-top:1px solid #fff; padding: 10px 20px; width: 210px; font-size: 14px; background: #011c38; text-decoration: none; color: #fff !important; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #011c38 !important; background:#f5f5f5;}
#cssmenu ul ul li.has-sub > a::after {position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after {right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after {border-color: #ffffff;}
@media all and (max-width: 959px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {width: 100%;}
  #cssmenu ul {width: 100%; display: none;}
  #cssmenu.align-center > ul, #cssmenu.align-right ul ul {text-align: left;}
  #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15);}
  #cssmenu ul li a, #cssmenu ul ul li a {width: 100%;}
  #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {float: none; display: block;}
  #cssmenu ul ul li a {padding: 13px 20px 13px 30px; font-size: 12px; color: #fff; background: none;}
  #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #000000;}
  #cssmenu ul ul ul li a {padding-left: 40px;}
  #cssmenu ul ul, #cssmenu ul ul ul {position: relative; left: 0; right: auto; width: 100%; margin: 0;}
  #cssmenu > ul > li.has-sub > a::after, cssmenu ul ul li.has-sub > a::after {display: none;}
  #menu-line {display: none;}
  #cssmenu #menu-button {display: block; padding: 20px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase;}
  #cssmenu #menu-button::after {content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 15px; height: 2px; background: #fff;}
  #cssmenu #menu-button::before {content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 15px; height: 7px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
  #cssmenu .submenu-button {position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 42px; width: 52px; cursor: pointer;}
  #cssmenu .submenu-button::after {content: ''; position: absolute; top: 15px; left: 26px; display: block; width: 1px; height: 11px; background: #fff; z-index: 99;}
  #cssmenu .submenu-button::before {content: ''; position: absolute; left: 21px; top: 20px; display: block; width: 11px; height: 1px; background: #fff; z-index: 99;}
  #cssmenu .submenu-button.submenu-opened:after {display: none;}
}

.banner{position:relative; z-index:1;  font-family: 'open_sansbold';}
/*.banner:after{background:url(images/texture.png) repeat; content:""; left:0; top:0; position:absolute; height:100%; width:100%;}*/
.banner .carousel-control{z-index:3;}
.banner .carousel-inner > .item > a > img, .banner .carousel-inner > .item > img{margin:auto;}
.banner .carousel-caption{bottom:31%; left:10%; right:10%;}
.banner .carousel-caption h2{color:#fff; font-size:50px; margin-bottom:1%; text-shadow:5px 2px 3px #000; text-transform:uppercase;}
.banner .carousel-caption p{margin:20px 0;}
.banner .carousel-caption p span{background:rgba(0, 0, 0, 0.5); color:#fff; font-size:24px; padding:5px 20px;}
.banner .btn{background:#f25512; color:#fff; font-size:1em; padding:1.5% 3%; text-transform:uppercase;}
.banner .btn:hover{opacity:0.7; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}

.text-hm{background:#011c38; padding:0 0 30px;}  
  .text-hm .container{margin-top:-60px; position:relative; z-index:4;}  
  .text-hm .col-sm-8{background:#fff;}
  .pr-hm{background:#f5f5f5; overflow:hidden; padding:15px; margin:20px 0 30px;}
  .pr-hm figure{background: #fff; border: 2px solid #011c38; float:left; margin:0 15px 0 0; padding: 2px;}
  .pr-hm:hover figure{border-color:#fd5d00; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
  .pr-hm h3{margin:0 0 5px;}
  .icon-hm{margin:0 0 15px; cursor:pointer;}
  .icon-hm .col-sm-6:nth-child(1){padding-left:0; padding-top:0;}
  .icon-hm .col-sm-6:nth-child(2){padding-left:0; padding-top:0;}  
  .icon-hm .col-sm-6:nth-child(2n+2){border-right:none; padding-left:25px;}
  .icon-hm .col-sm-6:nth-child(4){border-bottom:none; padding-left:25px;}
  .icon-hm .col-sm-6:nth-child(3){border-bottom:none; padding-left:0;}
  .icon-hm .col-sm-6{border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 15px;}
  .icon-hm img{border:3px solid #011c38; float:left; margin:0;}
  .icon-text{margin:0 0 0 80px;}
  .icon-hm h4{margin:0 0 5px; font-family: 'open_sansbold';}
  .icon-hm p{color:#575757; margin:0 0 5px;}
  .icon-text a i, .pr-hm a i{color:#011c38;}
  .icon-text:hover a{color:#011c38;}
  .form-hm{background:#fd5d00; position:relative;}
  .form-hm:after{background: #0c3257; border-left: 200px solid transparent; border-right: 190px solid transparent; border-top: 60px solid #fd5d00; content: ""; height: 150px; left: 0; position: absolute; width: 100%;}
  .form-hm h2{color:#fff; position:relative; margin:20px 0 30px; padding:0 0 10px;}  
  .form-hm h2:after{background:#fff; width:180px; height:1px; position:absolute; content:""; left:0; bottom:0;}
  .form-hm .form-control{border: none; border-radius: 0; color: #777777; font-size: 14px; height: 45px; padding:12px 10px;}
  .form-hm .form-control::-moz-placeholder{color:#777777;}
  .form-hm .form-control::-moz-placeholder{color:#777777;}
  .form-hm .form-control::-webkit-input-placeholder{color:#777777;}  
  .form-hm .form-control:-ms-input-placeholder{color:#777777;}  
  .form-hm form textarea{min-height:175px;}
  .form-hm form input[type="submit"]{background:#00a9ff; border:none; color:#fff; font-size:22px; margin:100px 0 0; padding:10px 0; text-transform:uppercase; text-align:center; width:300px; position:relative; z-index:2;}
  .form-hm form input[type="submit"]:hover{background:#fff; color:#00a9ff; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
    
.update-hm{padding:30px 0;}
  .update-hm .news-h2{margin:0 0 20px;}
  .update-hm h2{color:#383c4b; font-family: 'open_sansbold'; font-size:20px; margin:0 0 30px;}
  .update-hm .panel-default > .panel-heading{padding:0; background:none;}
  .update-hm .panel-group .panel{border-radius:0; box-shadow:none; margin-bottom:15px;}
  .update-hm .panel-heading h3 a{color:#5a5e6a; display:block; font-family: 'open_sansbold'; font-size:14px; position:relative; padding:10px 15px;}
  .update-hm .active h3 a{color:#fd5d00;}
  .update-hm .active h3 a:after{content: "\f068" !important; background:#5a5e6a !important;}
  .update-hm .panel-heading h3 a:after{content: "\f067"; background:#fd5d00; color:#fff; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; right:10px; top:8px; height:20px; line-height:20px; width:20px; font-size:10px; text-align:center;} 
  
.info-hm{background:#f5f5f5; padding:30px 0;}
  .info-hm h3{border-bottom: 1px solid #a2a1a1; margin: 0 0 20px; padding: 0 0 10px;}
  .info-bx figure{overflow:hidden; position:relative;}
  .info-bx figure:after{background: rgba(0, 0, 0, 0.25); bottom: 0; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%;}
  .info-bx figure img{border-radius:4px 4px 0 0;}  
  .info-bx .info-con{position: relative; background: #fff; padding:10px 10px 20px; margin: 0; border-radius: 0 0 4px 4px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12); text-align:center;}
  .info-bx .info-con h4{color:#011c38; font-family: 'open_sansbold';font-size:14px;}
  .info-bx .info-con p{color:#5a5e6a; font-size:13px;}
  .info-bx .buttons .orange-btn{background: #fd5d00;}
  .info-bx .buttons .subscribe-btn{background: #383c4b;}
  .info-bx .buttons .btn{border-radius: 0; color: #fff; font-family: "open_sansbold"; padding: 3px 10px 4px; margin:0 -2px;}
  .info-bx .buttons .btn:hover{opacity:0.8; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s;}

.directors-sec{margin:30px 0;}

.vision-sec{padding:10px 0 100px;}
  .vision-sec .row:nth-child(1){margin-bottom:40px;}
  .vision-sec h2{font-size:24px; position:relative; margin:0 0 20px; padding:0 0 10px;}
  .vision-sec h2:before{background:#bebebe; content:""; height:1px; left:25%; position:absolute; bottom:0; width:50%;}
  .vision-sec h2:after{background: #bebebe; border-radius: 100%; bottom: -8px; content: ""; height: 16px; left: 49.3%; position: absolute; width: 15px;}
  .vision-text .col-sm-1{text-align:center; margin:13px 0; padding:0;}
  .vision-text .col-sm-11{padding-right:0;}
  .vision-img figure{background: #fff; border: 2px solid #afafaf; margin:0; padding: 2px;}
  .vision-img:hover figure{border-color:#fd5d00; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s;}
  
footer{background:#011c38 url(images/footer-bg.png) no-repeat scroll center top; padding:40px 0;}
  .icon-ft{background:url(images/icon-ft-bg.png) repeat; position:relative; height:62px; margin:-70px 0 20px; width:410px; padding:0 20px; float:right;}
  .icon-ft:before{background:url(images/icon-ft-before.png) no-repeat; content:""; height:62px; left:-62px; top:0; position:absolute; width:62px;}
  .icon-ft h5{color:#fff; font-size:18px; display:inline-block; margin:0; padding:23px 20px 0 0;}
  .icon-ft a{background: #fff; border-radius: 100%; color: #011c38; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px;}
  .icon-ft a:hover{background:#011c38; color:#fff; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s;}
  .wg-1{margin:0 0 10px; position:relative;}
  .wg-1 h3{color:#fff; font-size:20px; position:relative; font-size:20px; font-family: "open_sansbold"; margin:0 0 30px; padding:0 0 10px;}
  .wg-1 h3:before{background:#092f57; height:1px; content:""; width:100%; bottom:0; left:0; position:absolute;}
  .wg-1 h3:after{background:#092f57; height:4px; content:""; width:70px; bottom:0; left:0; position:absolute;}  
  .wg-1 ul{margin:5px 0 0; padding:0;}
  .wg-1 ul li{background:url(images/footer-link-arrow.png) no-repeat scroll 0 6px; padding:0 0 0 25px; list-style:none; margin:0 0 10px;}
  .wg-1 ul li a{color:#fd5d00;}
  .wg-1 ul li:hover{padding:0 0 0 20px; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s;}
  .wg-1 ul li a:hover{color:#fff; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}
  .wg-1 p, .wg-1 p a{color:#fff;}
  .wg-1 p strong{font-family: "open_sansbold";}
  .wg-1 p:hover a{color:#fd5d00;}
  .ft-bottom{color:#000; margin:0; text-align:center;}
  .ft-bottom p{padding:15px 0 7px;}
  .ft-bottom a{font-family: "open_sansbold"; color: rgb(253, 93, 0);}


/************* inner page css ***************/
.mid-wrap{margin:30px 0;}

.banner-inner{background:url(images/banner.jpg) no-repeat scroll center 0; background-size:cover; border-bottom: 1px solid #999; height: 200px; overflow: hidden; position: relative;}
.banner-inner .textblock {height: 200px; position: relative;}
.banner-inner .block{background:rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; width: 100%;}
.banner-inner .block:after {left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;}
.banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
.banner-inner h1 {/*background: #3f3f3f;*/ color: #fff; margin: 0; font-size: 40px; line-height: 79px; overflow: hidden; padding:0; height: 79px;}

.breadcrumb{float: right; font-size: 13px; line-height: 15px; position: relative; z-index: 5; margin: 39px 0 5px; background: none; border-radius: 0; max-width: 400px; min-width:261px; text-align:right;}
.breadcrumb > li {margin: 0 0 5px;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb > li .fa-home {margin: 0 9px;}
.breadcrumb li a {color: #fff;}   

.li-sec{margin:0;}
  .li-sec ul{margin:0; padding:0 0 0 20px;}
  .li-sec ul li{list-style:none; position:relative; padding:0 0 10px 25px;}
  .li-sec ul li:before{content: "\f046"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left:0; top:3px;}
  
#slider1 { position: relative; width:100%;}
#slider1 .viewport {height: 364px; overflow: hidden; position: relative;}
#slider1  .prev {display: block;  position: absolute; top: -14%;outline:none; z-index:9999;right: 4%;}
#slider1  .prev i{background:#FD5D00; font-size:10px; color:#fff; padding:8px; }
#slider1 .next { display: block;  position: absolute; top: -14%;  right: 20px; outline:none;}
#slider1  .next i{background:#FD5D00; font-size:10px; color:#fff; padding:8px;}
#slider1 .disable {visibility: hidden;}
#slider1 .overview {list-style: none; position: absolute; padding: 0; margin: 0 0 0 0px; width: 100%; left: 0 top: 0;}
#slider1 .overview li{float: left; margin: 0 20px 0 0; padding: 0px;  width: 270px;}
#slider1 .overview li img{height:auto;}

.evnt { padding-bottom: 30px;padding-top: 0;}
.evnt-img{ margin-right: 20px;position: relative;}
.evnt-img img {border-radius: 3px;}
.evnt-date{background:#262934 none repeat scroll 0 0;border-radius: 3px;color: #fff;font-size: 12px;height: 58px;left: 10px;position: absolute;text-align: center;top: 10px;width: 42px;}
.evnt-date span {display: block;}
.post-title {line-height: 12px;text-align: left;}
.post-description {color: #282828;margin-bottom: 3px;}

#slider2 { position: relative; width:100%;}
#slider2 .viewport {height: 364px; overflow: hidden; position: relative;}
#slider2 .overview {list-style: none; position: absolute; padding: 0; margin: 0 0 0 0px; width: 100%; left: 0 top: 0;}
#slider2 .overview li{float: left; margin: 0 20px 0 0; padding: 0px;  width: 565px;}
#slider2 .overview li img{height:auto;}
#slider2  .prev {display: block;  position: absolute; top: -12.5%;outline:none; z-index:9999;right: 8%;}
#slider2  .prev i{background:#FD5D00; font-size:10px; color:#fff; padding:8px; }
#slider2 .next { display: block;  position: absolute; top: -12.5%;  right: 20px; outline:none;}
#slider2  .next i{background:#FD5D00; font-size:10px; color:#fff; padding:8px;}
.mid-inner {margin: 15px 0 50px 0; min-height: 650px;}
h2.pg-tl {color: #fd5d00;text-transform: uppercase;}
ul#menu-footer_menu {background: none;}
.top-link ul#menu-top {border: none;}


#slider2 .prev i:hover {background: #5a5e6a;}
#slider2 .next i:hover {background: #5a5e6a;}
#slider1 .prev i:hover {background: #5a5e6a;}
#slider1 .next i:hover {background: #5a5e6a;}

h4.pg-tl {
    color: #fd5d00;
    text-transform: uppercase;
}

a.pdf {
    float: right;
    background-color: #fd5d00;
    color: #fff;
    padding: 8px 10px;
}

.service-block {
    border: 10px solid #ecf0f5;
    margin-bottom: 30px;
    min-height: 485px;
    padding: 25px 20px;
    text-align: center;
}

.add-r {
    text-align: left;
}
ol, ul {
    list-style: outside none none;
}

.service-block li {
    font-size: 13px;
    margin: 8px 0;
    padding-top: 8px;
}


element.style {
    max-width: none;
}
.ngg-gallery-thumbnail img {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    display: block;
    margin: 4px 0 4px 4px;
    padding: 1px;
    position: relative;
}
.ngg-gallery-thumbnail {
    float: left;
    text-align: center;
}
.ngg-gallery-thumbnail {
    float: left;
    margin: 25px;
    padding: 33px;
}

.right {
    float: right;
}

.col-lg-8.col-md-8 > p {
    text-align: justify;
}
.jj {
    color: #FD5D00;
}
.text-aera {
    color: #011c38;
    font-size: 17px;
}
.pr-hm .right {
    color: #000;
}
.icon-hm a {
    color: #000;
}
.not-in .entry-footer {
    display: none;
}
.new-bx3 h4 a {
    color: #011c38;
}
.new-bx3 ul {
    padding-left: 10px;
}

.not-in h1 {
    font-size: 25px;
    color: #fd5d00;
    font-weight: 700;
    font-family: 'open_sansbold';
    text-transform: uppercase;
}
.not-in header {
    background: none;
}



.not-in .post-thumbnail {
    width: 20%;
    float: left;
    margin-right: 25px;
}
.not-in img {
    border: 2px solid #fd5d00;
    padding: 2px;
}
.not-in .entry-content {
    text-align: justify;
}
.new-bx3 button {
    background: #072d52;
    border: none;
    margin: 5px 0 10px;
}
.evnt a.ln-tr {
    color: #000;
}


@media (min-width: 320px) and (max-width: 767px){
	.wg-1 iframe {
    width: 100%;
}
}
.table {border: 2px solid #000;}
.mid-inner.table.table-stripped.table-bordered {
    border: 1px;
}