body{
 overflow-x: hidden;
 }
 *{
 font-family: Open sans;  

 }
 a{
 text-decoration: none !important;    
 }
 .bkground {
 background-color: #000000;
 }
 .bkground p {
 color: #cccccc;
 font-size: 11px;
 font-family: Open sans;
 font-style: italic;
 padding-top:14px;
 margin-bottom: 0;
 }
 .bkground a {
 color: #ffffff;
 font-size: 11px;
 font-family: Open sans;
 padding: 10px;
 padding-top: 6px;
 }
 .bkground img {
 padding: 10px;
 }
 .bkground ul{
 float: right;
 margin-bottom: 0;
 padding: 9px 0;
 }
 .bkground ul li{
 display: inline-block;
 list-style-type: none;
 }
 .bkground ul li a{
 color:#ccc;
 font-size: 11px;
 font-family:Open sans;
 padding-left:16px;
 }
 .bkground ul li a:hover{
 color:#3ab6be;
 text-decoration: none;
 }
 .bkground ul li i{
 color: #fff;
 font-size: 16px;
 }
 .bkground ul li .fa-search {
 padding-left: 10px;
 font-size: 12px;
 color:#ccc;
 }
 .bkground ul li  .fa-facebook:hover{
 color: #29487d;
 }
 .bkground ul li .fa-twitter:hover{
 color: #1da1f2;
 }
 .bkground ul li .fa-linkedin:hover{
 color: #287bbc;
 }
 .bkground ul li  .fa-youtube-play:hover{
 color: hsl(0, 100%, 50%);
 }
 .navbar-nav li{
 margin: 0 5px;
 }
 .flt_rite {
 float: right;
 }
 .ntd {
 background-color: #ffffff;
 padding: 30px;
 padding-top: 0;
 }
 .ntd h2 {
 font-size: 24px;
 font-weight: 600;
 text-align: right;
 padding-right: 20px;
 }
 .frs {
 border-right: 3px solid #46c2ca;
 }
 .algn {
 border-right: 3px #46c2ca;
 }
 .ntd span {
 color: #46c2ca;
 }
 .ntd p {
 font-size: 13px;
 color: #666666;
 }
 .blog-back {
 background-color: #ffffff;
 }
 .blog-back h4 {
 text-align: center;
 color: #000000;
 font-weight: 600;
 font-size: 22px;
 font-family: open sans;
 }
 .blog-back hr {
 height: 4px;
 background-color: #46c2ca;
 width: 50px;
 }
 .gall {
 padding: 30px;
 }
 .ims {
 margin-bottom: 20px;
 }

 .ims > .col-sm-3{
 position: relative;
 }
 .banner {
 background: url(../images/banner_02.png) no-repeat center center;
 background-size: 100% auto;
 background-position-y: 0;
 }
 .banner .cyber-security h1 {
 font-size: 40px;
 text-transform: uppercase;
 color: #000;
 font-weight: 700;
 }
 .banner .top-banner {
 padding-top: 14%;
 }
 .banner .cyber-security p {
 color: #000;
 font-size: 14px;
 line-height: 5px;
 }
 .banner .cyber-security button {
 text-align: center;
 padding: 11px 0;
 min-width: 140px;
 color: #fff;
 background-color: #ed3644;
 border: none;
 text-align: center;
 margin-top: 20px;
 font-size: 14px;
 cursor: pointer;
 }
 .banner .about-us {
 text-align: center;
 padding-top: 20%;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 }
 .about-us h5 {
 text-transform: uppercase;
 font-size: 13px;
 color: #fff;
 font-weight: 600;
 text-align: left;
 }
 .about-us p {
 font-size: 12px;
 color: #90dadf;
 display: block;
 }
 .about-us .black_back {
 background-color: rgba(0, 0, 0, 0.5);
 }
 .banner .border h5 {
 border-right: 1px solid #fff;
 }
 .border {
 display: inline-block;
 width: 100%;
 }
 .banner .about-us span {
 font-weight: 600;
 }
 .banner .about-us p {
 font-size: 12px;
 color: #90dadf;
 display: inline;
 padding: 0px 10px 0;
 }
 .services h2 {
 font-size: 22px;
 color: #000;
 padding-bottom: 5px;
 font-weight: 600;
 padding: 10px 0 0px;
 text-transform: uppercase;
 }
 .services hr {
 background-color: #46c2ca;
 width: 50px;
 height: 3px;
 margin-left: 0;
 }
 .services img {
 width: 100%;
 }
 .services p {
 font-size: 15px;
 color: #666666;
 padding: 10px 0 10px;
 }
 .services_top {
 padding-top: 30px;
 margin-bottom: 75px;
 }
 .services_top:hover .img_gallery_project {
 background-color: rgba(0, 0, 0, 0.7);
 color: #fff;
 padding: 9px 13px 24px;
 }
 .services_top .img_gallery_project {
 position: absolute;
 bottom: 0;
 overflow: hidden;
 width: 92%;
 height: 191px;
 -webkit-transition: .5s ease;
 -o-transition: .5s ease;
 transition: .5s ease;
 }
 .services_top .img_gallery_project h5{
 display: none;
 font-size: 14px;
 color: #fff;
 position: absolute;
 top: 50%
 }
 .services_top .img_gallery_project:hover h5{
 display: block !important;
 }
 .multiple-items{
 overflow-x: hidden;
 }
 .project {
 background: url(../images/blueback_02.png) no-repeat center center;
 background-size: 100% 100%;
 background-size: 100% auto;
 background-position-y: 0;
 }
 .project h2 {
 font-size: 22px;
 font-weight: 600;
 color: #fff;
 padding: 15px 0 15px;
 }
 .img_gallery_project {
 position: absolute;
 bottom: 0;
 overflow: hidden;
 width: 89%;
 height: 0;
 -webkit-transition: .5s ease;
 -o-transition: .5s ease;
 transition: .5s ease;
 }
 .img_gallery_project h5 {
 font-size: 13px;
 color: white;
 }
 .ims > .col-sm-3:hover .img_gallery_project {
 background-color: rgba(0, 0, 0, 0.7);
 color: #fff;
 padding: 9px 13px 24px;
 }                           /** my-galery**/
 .my-galery {
 background: url(../images/background.png);
 width: 100%;
 padding: 30px 0;
 }
 .my-galery .clien_p{
 background-color: transparent;
 border-radius: 0;
 padding: 10px 0;
 margin-bottom: 0;
 text-align: center;
 }
 .clien_p img{
 margin:  0 auto;
 }
 .my-galery .jumbotron img {
 margin-right: 20px;
 padding-top: 10px;
 }
 .my-galery .clien_p h3 {
 font-size: 22px;
 padding-top: 13px;
 color: #000;
 line-height: 20px;
 text-transform: uppercase;
 }
 .my-galery .clien_p p {
 font-size: 14px;
 color: #000;
 }
 *:focus{
 outline: none !important;
 }
 /** GALLERY **/
 .Gallery .jumbotron {
 border: 1px solid #ccc;
 border-radius: 0;
 background-color: #fff;
 padding: 0;
 margin-bottom: 0;
 }
 .Gallery .jumbotron img {
 float: left;
 margin-right: 20px;
 }
 .Gallery .jumbotron h3 {
 font-size: 14px;
 padding-top: 13px;
 color: #000;
 padding-right: 10px;
 font-weight: 500;
 line-height: 20px;
 }
 .Gallery .jumbotron p {
 font-size: 13px;
 color: #666;
 padding-right: 10px;
 margin-bottom: 0;
 }
 .Gallery i {
 font-size: 13px;
 color: #46c2ca;
 }
 .read_more{
 margin-top: 20px;
 display: block;
 }
 .read_more_home{
 margin-top: 0;
 display: block;
 }
 .Gallery span {
 font-size: 13px;
 color: #46c2ca;
 padding-left: 3px;
 font-family: Myriad Pro Regular;
 }
 .Gallery .my-company {
 padding: 25px 0;
 }
 .Gallery .my-company .company img {
 float: left;
 }
 .Gallery .my-company .company {
 padding-top: 20px;
 }
 .Gallery .my-company .jquery {
 padding-top: 20px;
 }
 .Gallery .my-company .cb2 {
 padding-top: 20px;
 }
 .Gallery .my-company .digital {
 padding-top: 20px;
 }
 .Gallery h2 {
 text-align: center;
 color: #000000;
 font-weight: 600;
 font-size: 22px;
 font-family: open sans;
 padding-top: 25px;
 }
 .our_new_project{
 text-align: center;
 }
 hr {
 height: 4px;
 background-color: #46c2ca;
 width: 50px;
 }
 .Gallery {
 padding: 30px;
 }
 .Gallery .last_hr {
 background-color: #ccc;
 width: 100%;
 height: auto;
 }
 .latest_media {
 padding-top: 32px;
 padding-bottom: 50px;
 }
 /** MEDIA QUERY **/
 @media only screen and (max-width: 992px) {
 .footer_back .address p {
 line-height: normal;
 }
 }
                                     /**Header Bottom**/
 .header-bottom {
 }
 .header-bottom .ntdc-logo img {
 float: left;
 padding: 17px 0 17px;
 margin-right: 16px;
 }
 .header-bottom p {
 font-size: 17px;
 font-weight: bold;
 color: #000000;
 padding-top: 30px;
 }
 .header-bottom .pakistan img {
 float: right;
 padding-top: 10px;
 margin-bottom: 10px;
 }
 .header-bottom .mail-tender {
 padding: 42px 0 17px;
 }
 .mail-tender .fa-share-alt {
 margin-right: 9px;
 color: #f28c08;
 font-size: 20px;
 border: 2px solid #0082c1;
 padding: 4px;   
 border-radius: 50%;
 height: 35px;
 width: 35px;
 text-align: center;
 padding-top: 6px;
 }
 .mail-tender .fa-share-alt:hover
 {
       border: 2px solid #f28c08;
      -webkit-transform: rotate(360deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .mail-tender .fa-facebook {
 color: #110583;
 font-size: 18px;
 padding: 0 10px;
 }
 .mail-tender .fa-facebook:hover
 {
       
      -webkit-transform: rotate(360deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .mail-tender .fa-twitter{
 color: #2ca7df;
 font-size: 18px;
 padding: 0 4px;
 }
 .mail-tender .fa-twitter:hover
 {
       
      -webkit-transform: rotate(360deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .mail-tender .fa-circle{
 color: #000ec1;
 font-size: 14px;
 padding: 0 4px;
 }
 .mail-tender a#dt-h:hover .fa-circle
 {
       
      -webkit-transform: rotate(180deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .mail-tender .fa-envelope-o {
 margin-right: 9px;
 color: #f28c08;
 font-size: 20px;
 border: 2px solid #0082c1;
 padding: 4px;   
 border-radius: 50%;
 height: 35px;
 width: 35px;
 text-align: center;
 padding-top: 6px;
 }
 .mail-tender .list-inline li i {
     -webkit-transform: rotate(0deg);
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .mail-tender span {
 color: #0d6299;
 font-size: 14px;
 vertical-align: text-top;
 }
 .mail-tender a{
 text-decoration: none;
 }
 .list-inline li a:hover .fa-envelope-o
 {
       border: 2px solid #f28c08;
      -webkit-transform: rotate(360deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .list-inline li a:hover span
 {
      color:#f28c08;
 }
 .header-bottom .list-inline-item:not(:last-child) {
 margin-right: 20px;
 }
 .header-bottom .list-inline {
 float: right;
 }
 .pakistan .btn-login {
 background: #19ab01;
 color: #ffffff;
 padding: 12px 32px;
 border-radius:5px;
 font-size: 14px;
 position:relative;
 transition: all 500ms ease; 
 box-sizing: border-box;
  font-weight: 600;
  transition: 0.5s;
 }
.pakistan .btn-login:hover{
 background-color: #9c0f1a;
 color: #ffffff;
  padding: 10px 35px;
 }
 .navbar-light .navbar-nav .nav-link {
 font-size: 12px;
 color: #ffffff;
 font-weight: 600;
 text-transform: uppercase;
 padding: 15px 10px;
 transition: 0.5s;
 }
 .navbar-light .navbar-nav .active > .nav-link,
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .nav-link.open,
 .navbar-light .navbar-nav .open > .nav-link {
 color: #ffffff;
 background-color: #f8920f;
 padding: 15px 15px;
 }
 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
 color: #ffffff;
 background-color: #f8920f;
 padding: 15px 25px;
 }
 .navbar-light {
 z-index: 999;
 width: 100%;
 background: #fff;
 opacity: 1;
 background-color: #232b6a;
 padding: 0 20px;
 }
 .header-bottom .pakistan .list-unstyled {
 float: right;
 margin-top: 40px;
 }
 .navbar-toggleable-md  input{
 float: right !important;
 display: inline-block;
 }
 .navbar-toggleable-md ul{
 width: 100%;
 }
 .navbar-toggleable-md form{
 border-left: 1px solid #ffffff;
 }
 .navbar-toggleable-md .form-control{
 color: #ffffff;
 border: none;
 background-color: transparent;
 font-size: 14px;
 }
 .navbar-toggleable-md  input::-webkit-input-placeholder {
 color: #ffffff;
 }
 .navbar-toggleable-md  input:-ms-input-placeholder {
 color: #ffffff;
 }
 .navbar-toggleable-md  input::-ms-input-placeholder {
 color: #ffffff;
 }
 .navbar-toggleable-md  input::placeholder {
 color: #ffffff;
 }
 .navbar-toggleable-md  .fa-search{
 position: absolute;
 right: 15px;
 color: #ffffff;
 }
 /**Header Bottom**/
 .myslider {
 width: 100%;
 }
 .top_slid {
 position: relative;
 }
 .top_slid img {
 width: 100%;
 }
 .top_slid .parah {
 position: absolute;
 top: 87%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 100%;
 }
 .button{
 text-align: center;
 }
 .top_slid .parah .button button {
 min-width: 155px;
 border: none;
 text-align: center;
 padding: 10px 0;
 font-size: 14px;
 color: #fff;
 background-color: #0d88c4;
 border-radius: 5px;
 }
 .top_slid .parah .button a {
 min-width: 155px;
 border: none;
 text-align: center;
 padding: 9px 25px;
 font-size: 17px;
 color: #fff;
 background-color: #0d88c4;
 border-radius: 5px;
 
  transition: all 500ms ease; 
 box-sizing: border-box;
 
  transition: 0.5s;
 }
 
 .top_slid .parah .button a:hover{
 background-color: #9c0f1a;
 color: #ffffff;
  padding: 10px 25px;
 }
 .imgs {
 position: relative;
 }
 .slick-active.firstanimationset h3 {
 -webkit-animation-name: fadeInDownBig;
 animation-name: fadeInDownBig;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 }
 @-webkit-keyframes fadeInDownBig {
 from {
 opacity: 1;
 -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0);
 }
 to {
 opacity: 1;
 -webkit-transform: none;
     transform: none;
 }
 }
 @keyframes fadeInDownBig {
 from {
 opacity: 1;
 -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0);
 }
 to {
 opacity: 1;
 -webkit-transform: none;
     transform: none;
 }
 }
 .slick-active.firstanimationset p {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 }
 @-webkit-keyframes fadeInLeft {
 from {
 opacity: 1;
 -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
 }
 to {
 opacity: 1;
 -webkit-transform: none;
     transform: none;
 }
 }
 @keyframes fadeInLeft {
 from {
 opacity: 1;
 -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
 }
 to {
 opacity: 1;
 -webkit-transform: none;
     transform: none;
 }
 }
 .slick-active.firstanimationset button {
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 }
 @-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
 }
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
 }
 }
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 }
 to {
 opacity: 1;
 -webkit-transform: none;
     transform: none;
 }
 }
 .slick-active.secoundanimationset h3 {
 -webkit-animation-name: rotateInDownLeft;
 animation-name: rotateInDownLeft;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 }
 @-webkit-keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
 }
 to {
 -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
 -webkit-transform: none;
     transform: none;
 opacity: 1;
 }
 }
 @keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
 }
 to {
 -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
 -webkit-transform: none;
     transform: none;
 opacity: 1;
 }
 }
 .slick-active.secoundanimationset p {
 opacity:1;
 -webkit-animation-name: fadeInRightBig;
 animation-name: fadeInRightBig;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 }

 @-webkit-keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0);
 }
 to {
 opacity: 1;
 -webkit-transform: none;
     transform: none;
 }
 }
 @keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0);
 }
 to {
 opacity: 1;
 -webkit-transform: none;
     transform: none;
 }
 }
 .slick-active.secoundanimationset button {
 opacity:1;
 -webkit-animation-name: slideInUp;
 animation-name: slideInUp;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 }
 @-webkit-keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
 }
 to {
 -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 }
 @keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
 visibility: visible;
 }
 to {
 -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 }
 .our-project-slider {
 background: url(../images/blueback_02.png);
 width: 100%;
 padding: 35px 0;
 }
 .our-project-slider h2 {
 color: #fff;
 font-size: 22px;
 text-transform: uppercase;
 }
 .our-project{
 position: relative;
 }
 .services .new_slider {
 position: absolute;
 top: 70px;
 height: 191px;
 opacity: 0.8;
 background-color: #000;
 width: 92%;
 }
 .services .new_slider p {
 color: #fff;
 padding: 8px 15px;
 position: absolute;
 bottom: 0;
 font-size: 13px;
 margin-bottom: 0;
 }
 .our-project .new_slider{
 position: absolute;
 top: 0;
 height: 218px;
 opacity: 0.8;
 background-color: #000;
 width: 95%;
 }
 .our-project-slider .multiple-slider p {
 color: #fff;
 padding: 8px 15px;
 position: absolute;
 bottom: 0;
 font-size: 13px;
 margin-bottom: 0;
 }
 .our-project-slider .slider-button {
 text-align: center;
 clear: both;
 }
 .our-project-slider .slider-button button {
 min-width: 142px;
 text-align: center;
 border: none;
 font-size: 14px;
 color: #fff;
 background-color: #ed3644;
 padding: 6px 0;
 margin: 0 auto;
 margin-top: 30px;
 }
 .our-project-slider .slider-button button:hover{
 background-color: #9c0f1a;
 }
 .our-project-slider .row {
 padding-bottom: 30px;
 }
 .our-project-slider .tab span {
 color: #999;
 padding-left: 15px;
 }
 .our-project-slider .tab {
 overflow: hidden;
 float: right;
 }
 .our-project-slider .tab button {
 background-color: transparent;
 float: left;
 border: none;
 outline: none;
 cursor: pointer;
 padding: 14px 8px;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
 font-size: 13px;
 color: #999;
 }
 .our-project-slider .tab button:hover {
 background-color: transparent;
 }
 .our-project-slider .tab button.active {
 color: #46c2ca;
 }
 .our-project-slider .tabcontent {
 display: none;
 padding: 6px 0;
 -webkit-animation: fadeEffect 1s;
 animation: fadeEffect 1s;
 clear: both;
 padding-top: 30px;
 }
 @-webkit-keyframes fadeEffect {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
 }
 @keyframes fadeEffect {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
 }
 .first_ani{
 -webkit-animation-duration: 1.5s;
 animation-duration: 1.5s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 }
 .first_ani > div {
 position: relative;
 }
 #Current{
 display:block;
 }
 /** Footer Hover affects **/
 .footer_back .Follow-us .fa-facebook:hover{
 background-color: #29487d;
 }
 .footer_back .Follow-us .fa-twitter:hover{
 background-color: #1da1f2;
 }
 .footer_back .Follow-us .fa-youtube:hover{
 background-color: hsl(0, 100%, 50%);
 }
 .footer_back .Follow-us .fa-google-plus:hover{
 background-color:#db4437;
 }
 .myslider{
 overflow-x:hidden;
 }
 .ticker_back{
 background-color: rgba(0, 0, 0, 0.5);
 float:left;
 -webkit-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 transform: translateY(-100%);
 }
 .ticker_back .latest p{
 color:#fff;
 font-size:13px;
 display:inline-block;
 line-height:40px;
 margin-bottom: 0;
 }
 .ticker_back .latest::after {
 content: '';
 display: inline-block;
 border-left: 7px solid transparent;
 border-right: 7px solid transparent;
 border-bottom: 7px solid #fff;
 border-bottom-color: #fff;
 position: absolute;
 top: 15px;
 left: 100%;
 margin-left: -2px;
 -webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 }
 .ticker_back .latest{
 border-right:3px solid #fff;
 display:inline-block;
 float: left;
 width: 9%;
 max-width: 100px;
 position: relative;
 }
 .ticker_back .news{
 float:left;
 width:91%;
 overflow-x: hidden;
 }
 .ticker_back .news ul{
 margin-bottom:0;
 }
 .ticker_back .news li{
 list-style:none;
 float:right;
 padding: 0 9px;
 line-height: 40px;
 }
 .ticker_back .news li a{
 color:#90dadf;
 text-decoration:underline;
 font-size:13px;
 }
 .hedr_b span a{
 color:#ec971f;
 }
 .navContainer {
 position: absolute;
 width: 100%;
 left: 0;
 padding: 0 15PX;
 bottom: -33px;
 }
 .paperrelease{
 float: left;
 width: 68%;
 padding-left: 20px;
 }
 .new_img{
 float: left;
 width: 32%;
 }
 .zakat_slider{
 background : url(../images/sponsors-bg.jpg);
 height: 530px;
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background-repeat: no-repeat;
 background-size: cover;
 text-align: center;
 }
 .zakat_slider h2{
 color: #ffffff;
 font-size: 40px;
 font-weight: 500;
 padding-bottom: 40px;
 font-family: 'Aleo', serif;
 }
 .zakat_slider p{
 color: #ffffff;
 font-size: 14px;
 line-height: 22px;
 padding-top: 10px;
 font-weight: 600;
 }                                              /** IMAGE SECTION **/
 .blog-back {
 background-color: #ffffff;
 padding-top: 30px;
 padding-bottom: 30px;
 }
 .blog-back h4 {
 text-align: center;
 color: #000000;
 font-weight: 600;
 font-size: 22px;
 font-family: 'Aleo', serif;
 }
 .blog-back hr {
 height: 3px;
 background-color: #f28c08;
 width: 15%;
 }
 .gall {
 padding: 30px 0 0px;
 padding-bottom: 10px;
 }
 .ims {
 margin-bottom: 20px;
 }
 .ims.gallery .mng-g{
 position: relative;
 margin-bottom:30px;
 }
 
 
 .ims.gallery .mng-g img {
   opacity:1;
   transition: all 0.5s ease-in;
}
.ims.gallery .mng-g:hover img {
   opacity:0.5;

}
 /* ****************/
 .img_gallery_project {
 position: absolute;
 bottom: 0;
 overflow: hidden;
 width: 40%;
 height:20px;
/* -webkit-transition: .5s ease;
 -o-transition: .5s ease;
 transition: .5s ease;*/
 opacity:0;
  
 
 transition-property: width;
    transition-duration: 0.5s;
    transition-timing-function: linear;
   /*transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;*/
 }
 .img_gallery_project  h5{
 font-size: 14px;
 
 }
 .ims.gallery .mng-g:hover .img_gallery_project {
 background: rgba(0, 0, 0, 0.7);
 
 color: #fff;
 display:block;
  height:40px;
  width:100%;
 padding:11px 15px 11px 11px;
opacity:1; 

 }
 .services_top {
 padding-top: 30px;
 }
                    /** IMAGE GALLERY **/
 .bdate {
 position: relative;
 }
 .bdate .blogdate{
 position: absolute;
 top: -21px;
 left: 13px;
 color: #ffffff;
 }
 .bdate .blogdate h3{
 background-color: #4665bc;
 margin-bottom: 0;
 padding: 14px 19px;
 font-size: 22px;
 }
 .bdate .blogdate p{
 background-color: red;
 text-align: center;
 font-size: 14px;
 color: #ffffff;
 background-color: #323232;
 padding: 8px 0;
 }
 .img-gallery h4 {
 text-align: center;
 color: #000000;
 font-weight: 600;
 font-size: 22px;
 font-family: open sans;
 }
 .img-gallery hr {
 height: 2px;
 background-color: #3955a5;
 width: 50px;
 }
 .newstitle{
 padding-left: 26%;
 padding-top: 16px;
 }
 .newstitle h3{
 font-size: 20px;
 font-weight: 600;
 margin-bottom: 5px;
 color: #323232;
 font-family: open sans; 
 }
 .newstitle p{
 font-size: 13px;
 line-height: 22px;
 color: #666666;
 font-family: open sans;   
 }
                                     /** BLOG**/
 .blog{
 margin:0 auto;
 font-size:25px;
 margin-top:50px;
 margin-bottom:30px;
 width: 100%;
 }
 .blog .col-sm-4{
 background-color:#fff;
 }
 .blog h2{
 color:#000000;
 font-weight:600;
 font-family:Open Sans;
 text-align: center;
 margin-bottom: 10px;
 font-size: 25px;
 font-family: 'Aleo', serif;
 }
 .blog p{
 font-size:12px;
 color:#888888;
 text-align:center;
 padding-bottom: 18px;
 display: table;
 margin: 0 auto;
 }

/*************************** gmd style from here *********************/
 .view {
      width:100%;
      height:100%;
   overflow: hidden;
   position: relative;
   text-align: center;
  
   cursor: default;
}

.view .mask, .view .vcontent {
   width:100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}

.view a.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:28px;
}
 

.effect .mask {
   opacity: 0;
   overflow:visible;
   background:rgba(0,0,0,0);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}
.effect img {
   opacity:1;
   transform:scale(1,1);
   transition: all 0.2s ease-in;
}
.effect:hover img {
   opacity:0.7;
   transform:scale(2,2);
}

.effect a.info {
   position:relative;
   top:41%;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.effect:hover .mask {
   opacity: 1;
  /* border:100px solid rgba(0,0,0,0.7);*/
  background:rgba(0,0,0,0.75);
}

.effect:hover a.info {
   opacity:1;
   transform:scale(1,1);
   transition-delay:0.3s;
}

 
 /**************************** end ************************************/

 .program_promo .blog p{
 color: #000000 !important;
 font-size: 18px !important;
 padding-bottom: 10px !important;
 }
 .blog hr{
 width:10%;
 height:1px;
 color:#888888;
 text-align:center;
 margin:0 auto;
 padding-bottom:15px;
 }
 .blog_imgs h6{
 font-size:14px;
 color:#525252;
 font-weight:500;
 padding-top:15px;
 }
 .blog_imgs span{
 color:#333333;
 font-size:16px;
 /*text-transform: lowercase;*/
 }
 .blog_imgs i{
 font-size:16px;
 color:#f8920f;
 padding-right:5px;
 }
 .blog_imgs p{
 text-align:left;
 font-size:12px;
 color:#000000;
 margin-bottom:0px;
 margin-top:5px;
 }
 .blog_imgs a{
 color:#ee665f !important;
 font-size:11px;
 text-align:left;
 cursor: pointer;
 }
 .blog_imgs img{
 width:100%;
 height: 200px;
 }
 .blog hr{
 width:20%;
 height:3px;
 color:#f28c08;
 text-align:center;
 margin:0 auto;
 padding-bottom:0px;
 background-color: #f28c08;
 margin-bottom: 50px;
 }
 .blog_imgs h6{
 font-size:14px;
 color:#525252;
 font-weight:500;
 margin-bottom:0px;
 }
 .pricing {
 border: 1px solid #9dc6e2;
 border:1px solid #91bfdf;
 padding: 0px 0 10px;
 margin-bottom:60px;
 -webkit-box-shadow: 3px 4px 4px #ccc;
 box-shadow: 3px 4px 4px #ccc;
 }
 .pricing  {
 text-align: center;
 }
 .pricing h2{
 text-align:center;
 font-size:24px;
 color:#31b2c5;
 font-weight:600;
 padding-top:10px;
 padding-bottom:0px;
 margin-bottom: 5px;
 }
 .pricing p{
 font-size:14px;
 color:#9a9a9a;
 padding-top:0;
 padding-bottom:0;
 margin-bottom: 10px;
 }
 .pricing hr{
 width:100%;
 background-color:#9a9a9a9a;
 text-align:center;
 margin:0 auto;
 margin-bottom:20px;
 }
 .pricing_text p{
 color:#4e4e4e;
 text-align:left;
 display:inline;
 font-size:14px;
 }
 .pricing_text i{
 padding:0 20px 0;
 color:#5ed055;
 }
 .pricing .pricing-parah {
 text-align: left;
 }
 .pricing .check-sign i{
 color: #5ed055;
 }
 .pricing .pricing-parah p{
 font-size: 14px;
 color: #4e4e4e;
 }
 .pricing-padd{
 padding-top: 15px;
 }
 .price-padd{
 padding-bottom: 10px;
 }
 .navbar-toggleable-md .navbar-collapse{
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 }
 .texture-bg{
 background : url(../images/texture-bg.jpg);
 min-height:  530px;
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background-repeat: no-repeat;
 background-size: cover;
 margin-bottom: 20px;
 }
 .jumbotron{
 margin-top:0;
 padding: 0 !important;
 border: 1px solid none;
 border-radius: 0px;  
 background-color: #ffffff;
 min-height: 465px;
 margin-bottom: 4rem;
 }
 .jumbotron .jumbotron_h{
 padding-bottom:0; 
 font-weight:600;   
 font-size: 22px;
 color: #000000;
 padding-left: 25px;
 padding-top: 20px;
 margin-bottom: 0;
 }
 .texture-bg .blog p
 {
 color: #000000 !important;
 font-size: 18px !important;
 padding-bottom: 10px !important;
 }
 .texture-bg .blog hr{
 margin-bottom: 20px !important;
 }
 .jumbotron .jumbotron_ul{
 list-style: none;
 padding-left:0px;
 margin-bottom: 0;
 padding: 10px 20px 20px 20px; 
 }
 .jumbotron ul li{
 position: relative;
 padding-left: 30px;
 font-size: 13px;
 font-weight: 600;
 padding-bottom: 6px;
 padding-top:6px;
 color: #000000;
 }
 .jumbotron ul li a{
 font-size: 13px;   
 text-decoration: none;
 color: #000000;
 }
 .jumbotron_li:before {
 position: absolute;
 top: 13px;
 left: 0;
 content: ' ';
 width: 20px;
 height: 30px;
 background: url("../images/tick.png")  no-repeat;
 }
 .donate_btn{
 text-align: center;
 position: absolute;
 left: 41%;
 bottom: -18px;
 }
 .donate_btn button{
 background: #f28c08;
 color: #ffffff;
 padding: 10px 30px;
 border-radius: 5px;
 font-size: 16px;
 }

 .donate_btn a{
 background: #f28c08;
 color: #ffffff;
 padding: 10px 30px;
 border-radius: 5px;
 font-size: 16px;
 
  transition: all 500ms ease; 
 box-sizing: border-box;
 
  transition: 0.5s;
 
 }
 .donate_btn a:hover{
 background-color: #9c0f1a;
 color: #ffffff;
  padding: 10px 35px;
 }
 .decades_great{
 padding: 30px 0;
 }
 .decades_great p{
 text-align: center;
 width: 82%;
 margin: 0 auto;
 font-size: 24px;
 color: #000;
 font-weight: 600;
 line-height: 28px;
 padding: 20px 0;
 }
 .our_services{
 border-bottom: 1px solid #cecece;
 border-right: 1px solid #cecece;
 text-align: center;
 }
 .our_services p{
 color: #000000;
 font-size: 20px;
 font-weight: 600;
 line-height: 22px;
 padding-top: 20px;
 padding-bottom: 10px;
 }
 .our_services img{
 padding-top: 20px;
 }
                                   /** FOOTER **/
 .footer_overlap{
 width: 98%;
 border-radius: 39px;
 position: absolute;
 background-color: #fff;
 padding: 30px 29px;
 margin: 0 auto;
 -webkit-box-shadow: 0px 9px 23px;
 box-shadow: 0px 9px 23px;
 z-index: 9999;
 }
 .footer_back {
 background-color: #f2f3f5;
 margin: 0 auto;
 padding: 50px 0;
 }
 .footer_back h6 {
 font-size: 25px;
 color: #000000;
 font-weight: 600;
 font-family: 'Aleo', serif;
 text-transform: initial;
 }
 .footer_back .about p {
 line-height: 18px;
 color: #000000;
 font-size: 12px;
 padding-top: 10px;
 margin-bottom: 10px;
 padding-right: 10px;
 }
 .footer_back .about a {
 font-size: 13px;
 color: #46c2ca;
 }
 .footer_back .address {
 padding-top: 0px;
 }
 .footer_back .address p {
 line-height: 18px;
 font-size: 12px;
 color: #000000;
 margin-bottom: 5px;
 padding-right: 10px;
 }
 .footer_back .address span {
 line-height: 18px;
 font-size: 12px;
 color: #007ebb;
 margin-bottom: 10px;
 padding-right: 10px;     
 }
 .footer_back .address a {
 font-size: 12px;
 color: #007bb6;
 margin-top: 10px;
 }
 .footer_back .Follow-us {
 padding-top: 10px;
 }
 .Follow-us ul{
 padding-left: 20px;
 color:#007dba;
 list-style: none;
 }
 .footer_back .Follow-us ul li::before{
 content: "\2022";
 color:#007dba;
 font-weight: bold;
 display: inline-block;
 width:1em;
 margin-left: -1em;
 }
 .footer_back .Follow-us ul li {
 line-height: 8px;
 font-size: 12px;
 color: #000000;
 padding-top: 5px;
 margin-bottom: 10px;
 padding-right: 10px;
 }
 .footer_back .Follow-us i {
 color: #fff;
 height: 36px;
 width: 36px;
 border: 2px solid #fff;
 text-align: center;
 border-radius: 50%;
 line-height: 33px;
 margin-right: 18px;
 margin-top: 10px;
 margin-bottom: 10px;
 cursor: pointer;
 }
 .footer_back .Follow-us i:hover {
 color: #fff;
 background-color: #d9512a;
 }
 .footer_back .inputs {
 border-top: 1px solid #888c8e;
 padding-top: 10px;
 }
 .footer_back .inputs p {
 line-height: 15px;
 color: #fff;
 font-size: 12px;
 padding-top: 5px;
 margin-bottom: 10px;
 padding-right: 10px;
 }
 .footer_back .inputs input {
 max-width: 100%;
 background-color: #555c60;
 border: none;
 padding: 4px 10px;
 margin-bottom: 8px;
 }
 .footer_back .inputs input::-webkit-input-placeholder {
 color: #fff;
 font-size: 11px;
 }
 .footer_back .inputs input:-ms-input-placeholder {
 color: #fff;
 font-size: 11px;
 }
 .footer_back .inputs input::-ms-input-placeholder {
 color: #fff;
 font-size: 11px;
 }
 .footer_back .inputs input::placeholder {
 color: #fff;
 font-size: 11px;
 }
 .footer_back .inputs .button button {
 min-width: 63px;
 color: #fff;
 font-size: 11px;
 padding: 5px 0;
 text-align: center;
 background-color: #d9512a;
 border: none;
 margin-top: 8px;
 cursor: pointer;
 }
 .address p a{
 text-decoration: none;
 color: #ccc;
 }
 .backgd{
 background : url(../images/bg_blue.png);
 padding: 40px 0; 
 }
 .hedr_b {
 background-color: #007fbc;
 padding: 15px 0;
 position: relative;
 }

 .hedr_b p {
 color: #e7e7e7;
 text-align: center;
 font-family: open sans;
 font-size: 12px;
 margin-bottom: 0;
 padding-top:190px;
 }
 .hedr_b span{
 float: right;
 font-size: 10px;
 color:#e7e7e7;
 }
 .Follow-us ul li a{
 color: #000;
 font-size: 12px;
 text-decoration: none;
 }
 .address .fa{
 font-size: 16px;
 color: #f28c08;
 padding-right: 10px;
 -webkit-transform: rotate(0deg);
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .address p:hover .fa
 {
       
      -webkit-transform: rotate(180deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .about .fa-facebook{
 border: 1px solid #352b95;
 border-radius: 50%;
 color: #352b95;
 font-size: 14px;
 height: 25px;
 width: 25px;
 text-align: center;
 line-height: 22px;
 cursor: pointer;
 background-color: #f1f1f1;
 -webkit-transform: rotate(0deg);
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .about .fa-facebook:hover
 {
       
      -webkit-transform: rotate(360deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .about .fa-circle{
 border: 1px solid #ed1ceb;
 border-radius: 50%;
 color: #ed1ceb;
 font-size: 14px;
 height: 25px;
 width: 25px;
 text-align: center;
 line-height: 22px;
 cursor: pointer;
 background-color: #f1f1f1;
 -webkit-transform: rotate(0deg);
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
  .about .fa-circle:hover
 {
       
      -webkit-transform: rotate(360deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .about .fa-twitter{
 border: 1px solid #2ca7df;
 border-radius: 50%;
 color: #2ca7df;
 font-size: 14px;
 height: 25px;
 width: 25px;
 text-align: center;
 line-height: 22px;
 cursor: pointer;
 background-color: #f1f1f1;

 -webkit-transform: rotate(0deg);
        -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .about .fa-twitter:hover
 {
       
      -webkit-transform: rotate(360deg);
           -webkit-transition: -webkit-transform 0.25s ease-in-out;
 }
 .fasting_sec{
 margin-top: 40px;
 }
 .fasting_sec img{
 margin-top: 40px;
 }
 .blog-back img{
 /*margin-bottom: 30px;*/
 width: 100%;
 }
 .booking_form_s{
 position:fixed;
 top:140px;
 right:0;
 z-index: 1;
 }

@keyframes slide {
  0% {
   
    top: 140px;
  }
  50% {
   
    top: 155px;
  }
  100% {
    
   top: 140px;
  }
}
 .booking_form_s:hover{
      animation-name: slide;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: .5s;
  animation-iteration-count: infinite;
 }

.booking_form_s #booking_form{
 position:relative;
 display:block;
 width:39px;
 height:175px;
 top:140px;
 right:19px;
 cursor:pointer;
 }
 .booking_div{
 position:fixed;
 top:290px;
 width:250px;
 background:#fff;
 right:-250px;
 }
 .booking_form_inner{
 padding:14px;
 text-align:left;
 background-color: #0082c1;
 border: none;
 }
 .booking_form_inner .form-control{
 margin-bottom:5px;
 font-size:13px;
 text-align:left;
 resize:none;
 border: none;
 border-radius: 0;
 }
 .booking_div .btn_sub{
 background: #000;
 color: #fff;
 font-size: 13px;
 font-family: 'Open Sans', sans-serif;
 font-weight: normal;
 border-radius: 2px;
 cursor: pointer;
 text-align:left;
 padding:8px 15px;
 text-decoration: none;
 border: none;
 }
 .booking_div .btn_sub:hover{
 background-color:#070606;
 }
                             /** banner top**/
 .top-stories_how_it{
 background: url(../images/inner_banner.png) no-repeat 100% 100%;
 background-size: cover;
 padding: 55px 0;

 }
 .top-stories_how_it .my-blog_how p{
 font-family: 'Open Sans', sans-serif;
 color: #ffffff;
 font-size: 24px;
 font-weight: 600;
 margin-bottom: 0;
 padding-bottom: 0;
 padding: 0;

 }
 .top-stories_how_it .my-breadcrumbs .breadcrumb {
 background: transparent;
 padding:0;
 margin-bottom: 0;
 }
 .top-stories_how_it  .my-breadcrumbs{
 padding-top: 6px;
 }
 .top-stories_how_it  .my-breadcrumbs .breadcrumb li a{
 font-size: 14px;
 color: #00243c;
 font-weight: 500;
 font-family: 'Open Sans', sans-serif;
 }
 .breadcrumb-item+.breadcrumb-item::before{
 color: #00243c; 
 }
 .breadcrumb-item .active{
 color: #ffffff !important;
 }
                   /** TABLE **/
 .main-content{
 margin-top: 50px;
 }
 .table{
 margin-bottom: 0;   
 }
 .table-responsive{
 clear: both;
 border: 1px solid #cfdbe2;
 border-radius: 7px;
 }
 .table thead{
 background-color: #cce6f3;
 }
 .table thead th{
 font-size: 14px;
 color: #000;
 font-weight: 500;
 width: 20%;
 }
 .table td, .table th{
 border-top: none;
 }
 .table tr a{
 font-size: 13px !important;
 }
 .table tr td{
 font-size: 12px ;
 }
 .fa-file-text-o{
 font-size: 16px;
 color: #14589d;
 }
 .table td, .table th{
 padding:  10px;
 }
 .table .fa-sign-out{
 font-size: 18px;
 color: #999999;
 }

 .page-link {
 position: relative;
 display: block;
 padding: .5rem .75rem;
 margin-left: -1px;
 line-height: 1.25;
 color: #666666;
 border: none;
 border-radius: 0;
 background-color: #d4d2d7;
 font-size: 12px;

 }
 .page-item:first-child .page-link{
 border-bottom-left-radius: 0;
 border-top-left-radius: 0;
 }
 .page-link:focus, .page-link:hover {
 color: #000;
 text-decoration: none;
 background-color: #327eba;
 border-color: #ddd;
 }
 .page-item:last-child .page-link {
 border-bottom-right-radius: 0;
 border-top-right-radius: 0;
 }
 .show_res{
 font-size: 11px;
 color: #666666;
 }
 .res_showing{
 margin-top: 15px;
 }
 .page-link {
 margin: 0 7px;
 border-radius: 50%;
 }
 .nav_new nav{
 float: right;
 text-align: right;
 }
 .page-item:first-child .page-link{
 background-color: transparent;
 }
 .page-item:last-child .page-link{
 background-color: transparent; 
 }


 left-column {

 /*margin-right:10px;*/

 }



 .center-content {

 /*margin-right:10px;*/

 }

 .panel {

 box-shadow: 1px 1px 1px 1px #c3c3c3;

 border-radius: 5px;

 padding: 0px 10px;

 margin-top:10px;

 }



 .panel:first-child {

 margin-top:0px !important;

 }



 .navContainer li a.nav-link {

 border-right: 1px solid #A9A9A9;

 }

 u{
 text-decoration: none;
 display: block;
 width: 100%;
 text-align: left;
 background-color: #232b6a;
 color: #fff;
    padding: 8px 15px;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
 }

 .panel{
 padding: 0;
 box-shadow: none;
 }
 #sidebar .sidebar-header{
 padding: 0px;
 }
 .components  li  a{
 padding: 10px;
 font-size: 1.1em;
 display: block;
 font-weight: 600;
 text-transform: uppercase;
 color: #666666;
 border-bottom: 1px solid #e7e7e8;
 }
 .components  li  a:hover{
 color: #ed3644;
 }
 #homeSubmenu  li  a{
 padding-left: 20px;
 }
 .ims_ntdc img{
 height: 148px;
 margin-bottom: 20px;
 }
 .ims-login {
 margin: 20px 0;
 }
 .sidebar-nav {
 background-color: #000;
 collapse: #fff;
 }
 .sidebar-nav ul {
 padding:0;
 list-style: none;
 }
 .sidebar-nav ul li {
 margin-bottom:5px;
 }
 .sidebar-nav ul li a {
 margin-bottom:5px;
 color: #fff;
 }
 .sidebar-nav ul li a:hover {
 color:#c3c3c3;
 text-decoration: underline;
 }
 #sidebar ul li a {
 font-size: 14px;
 font-weight: 500;
 color: #666;
 text-decoration: none;
 background-color: #ffffff;
 text-transform:capitalize;
 }
 #sidebar ul li a:hover{
 color: #ed3644 !important;
 }

 strong {
 font-weight: 500 !important;
 }
 .buttons .btn {
 margin-bottom: 15px;
 margin-right: 15px;
 }
 #sidebar .dropdown-toggle::after {
 float: right;
 margin-top: 10px;
 color: #cccccc;
 }
 .mem_sect{
 background-color: #f2f3f5;
 padding-top: 40px;
 }
 .components p{
 margin-bottom: 0;
 font-size: 12px;
 padding: 10px 0;
 font-weight: 600;
 color: #000;
 text-transform: uppercase;
 }
 .tab_in_sec .panel-default>.panel-heading {
 padding: 0;
 }
 .tab_in_sec .panel-default>.panel-heading a {
 display: block;
 padding:10px ;
 font-size: 14px;
 color: #ffffff;
 text-transform: uppercase;
 background: #fff;
 border: solid 1px #ccc;
 margin:0px 0;
 }
 .panel {
 background: none;
 border: none;
 }
 .tab_in_sec h2 {
 color: #228697;
 font-family: 'TimesNewRomanPS-BoldMT';
 text-transform: inherit;
 position: relative;
 margin: 0 25px 35px 25px;
 }
 .in++.panel-title {
 color: #228697;
 }
 .tab_in_sec h2 span {
 position: absolute;
 left: 0;
 top: 50%;
 height: 1px;
 display: block;
 width: 100%;
 background: #228697;
 z-index: 0;
 }
 .tab_in_sec h2 strong {
 display: inline-block;
 background: #f2f1f1;
 position: relative;
 z-index: 1;
 padding: 10px 15px;
 font-family: raleway;
 border-radius: 15px;
 box-shadow: inset 1px 1px 1px 0px #000;
 border: 5px solid #d82029;
 color: #000;
 font-size: 27px;
 font-weight: bold;
 }
 .tab_in_sec .panel-default>.panel-heading a {
 background:#232b6a;
 color:#fff;
 }
 .tab_in_sec .panel-default>.panel-heading a.active {
 background:#232b6a;
 color: #ffffff;
 }
 .tab_first .panel-heading {
 background: none;
 border-bottom: none;
 box-shadow: none;
 padding: 0px;
 }
 .tab_sec {
 position: relative;
 }
 .tab_first .panel-heading ul li {
 display: inline-block;
 text-align: center;
 }
 .tab_first .panel-heading ul li a {
 padding: 15px 35px;
 font-weight: bold;
 background: #fff;
 color: #000000;
 text-transform: uppercase;
 }
 .tab_first .panel-primary {
 box-shadow: none;
 padding-left: 30px;
 }
 .actives {
 background: #d82028 !important;
 color: #fff !important;
 }
 .letter_durations h2{
 font-size: 22px;
 color: #232b6a;
 text-align: left;
 font-weight: normal;
 text-transform: capitalize;
 padding-bottom: 5px;
 }
 .letter_durations h3{
 font-size: 22px;
 color: #000;
 text-align: left;
 font-weight: normal;
 text-transform: capitalize;
 padding-bottom: 5px;
 }
 .letter_durations p{
 font-size: 14px;
 color: #666666;
 line-height: 22px;
 }
 .new_forms{
 background-color: #ffffff;
 border: 1px solid #cfd0de;
 box-shadow: 0px 0px 8px 0px blue;
 border-radius: 8px;
 }
 .new_forms{
 border-radius:8px;
 margin-top: 30px;
 padding:20px;  
 margin-bottom: 50px;  
 }
 .new_forms .form_h4{
 font-size:22px;
 font-family: "Open Sans", sans-serif; 
 font-weight:600;
 margin:0;
 padding:0 0 20px 0;
 color:#232b6a;
 }
 .new_forms .form-group{
 margin-bottom: 10px;
 /*border: 1px solid #666666;*/
 }
 .new_forms .form-group input{
border: 1px solid #666666;
 }
  .new_forms .form-group select{
border: 1px solid #666666;
 }
 .new_forms .form-group label {
    display: inline-block;
    margin-bottom: 0;
    color: red;
    font-size: 14px;
}
 .new_forms textarea{
     border: 1px solid #666666;
 resize: none;
 }
  .new_forms input[type=file] {
     border: none;
  }
  .new_forms input[type=submit] {
      background-color: #232b6a;
    color: #fff;
    font-size: 15.37px;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0;
        padding: 7px 0;
    border: none;
}
 .new_forms button{
 background-color:#232b6a;
 color:#fff;
 font-size:15.37px;
 font-family: "Open Sans", sans-serif; 
 width:100%;
 font-weight:600;
 cursor: pointer;
 border-radius: 0;
 }
 .new_forms .form-control{
 font-size:15.37px;
 font-family: "Open Sans", sans-serif; 
 font-weight:600;
 color:#333333;
 border-radius:0rem;
 }
 .new_forms .form-control::-webkit-input-placeholder{
 font-size:15.37px;
 font-family: "Open Sans", sans-serif; 
 font-weight:600;
 color:#333333;
 }
 .new_forms .form-control:-ms-input-placeholder{
 font-size:15.37px;
 font-family: "Open Sans", sans-serif; 
 font-weight:600;
 color:#333333;
 }
 .new_forms .form-control::-ms-input-placeholder{
 font-size:15.37px;
 font-family: "Open Sans", sans-serif; 
 font-weight:600;
 color:#333333;
 }
 .new_forms .form-control::placeholder{
 font-size:15.37px;
 font-family: "Open Sans", sans-serif; 
 font-weight:600;
 color:#333333;
 }
 .aboutUs_form_container{
 padding-top:30px;
 }
 .progress_img img{
 width: 100%;
 }
 .letter_durations p span {
 color: #ea1818;
 }
.letter_durations h4 {
    font-size: 18px;
    color: #000;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
    padding-bottom: 5px;
}

.sub_btn button{
      background-color: #232b6a;
    color: #fff;
    font-size: 15.37px;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0;
    width: 120px;
    text-transform: uppercase;
    margin-top: 15px;
}
















.banner-search .search-dropdown select {
    width: 100%;
    min-height: 60px;
    font-size: 18px;
    padding: 0 14px;
    background: #1a80b6 url(../images/select-arrow.png) no-repeat right;
    border-color: #1a80b6;
    color: #fff;
    background-position: 90%;
    -webkit-appearance: none;
    -moz-appearance: none;
}
 .banner-search .search-dropdown select::-ms-expand {
 display: none;
}
#sliders-container .fusion-slider-container {
    margin-top: -149px !important;
}
.fusion-footer-widget-area .widget-title {
    position: relative;
    color: #1a80b6 !important;
    text-transform: capitalize;
}
.fusion-footer-widget-area .widget-title a {
    color: #1a80b6;
}
.fusion-footer-widget-area .widget-title:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 35px;
    background: #1a80b6;
    bottom: -5px;
}
.fusion-footer-widget-area p {
    line-height: 20px;
}
.fusion-main-menu .sub-menu li a:hover {
    color: #1a80b6;
}
.fusion-footer .fusion-footer-widget-column {
    margin-bottom: 0
}
.news-block .display_archive {
    margin: 0 -20px;
}
.news-block .display_archive .e-new {
    padding: 20px;
    width: 33.3333%;
    display: none;
    vertical-align: top;
}
.news-block .display_archive .e-new .campaign {
    padding: 30px 25px 20px 25px;
    background-color: rgba(255,255,255,0);
    border: 1px solid #ebeaea;
    border-bottom-width: 3px;
    line-height: 2;
    margin-bottom: 0;
}
.news-block .display_archive .e-new .campaign a {
    color: #666;
}
.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu.deep-level a {
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.post-type-archive-tribe_events .fusion-page-title-bar, #tribe_events_filter_control, .post-type-archive-tribe_events #tribe-events .tribe-events-ical.tribe-events-button {
    display: none;
}
.post-type-archive-tribe_events #tribe-events-bar, .post-type-archive-tribe_events .fusion-events-before-title {
    margin-bottom: 0;
}
.tribe-filter-live #main {
    padding-top: 0;
    padding-bottom: 0;
}
.post-type-archive-tribe_events #tribe-events-content #tribe-events-footer {
    margin: 0;
    border: none;
    padding: 0;
}
.post-type-archive-tribe_events #tribe-events-content #tribe-events-footer .tribe-events-sub-nav li a {
    font-weight: bold;
}
.post-type-archive-tribe_events #tribe-events-content .tribe-events-calendar td {
    background-color: inherit;
}
#tribe_events_filter_item_geofence {
    display: block !important;
}
.post-type-archive-tribe_events .fusion-events-before-title .tribe-events-page-title {
    margin: 12px 0 0;
    font-size: 16px;
}
.post-type-archive-tribe_events #tribe_events_filters_wrapper {
    margin-top: 45px;
}
.fusion-footer-widget-area .widget_nav_menu li {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
}
.home_services .fusion-content-boxes .heading, .home_services .fusion-content-boxes .content-container, .home_services .fusion-content-boxes.fusion-columns-1 .fusion-column {
    margin: 0;
}
.single-tribe_events .event-archive {
    display: none !important;
}
.single-tribe_events #main .sidebar:not( .fusion-sticky-sidebar ) {
    background-color: #fff;
}
.post-type-archive-tribe_events .event-archive {
    display: block !important;
    padding: 0;
}
.organization_outer {
    -moz-column-width: 20em;
    -webkit-column-width: 20em;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    margin-left: -10px;
    position: relative;
    max-width: 100%;
    width: 100%;
    display: inline-block;
}
.organization_outer > .organization_list {
    position: absolute;
    display: inline-block;
    margin: 10px;
    width: 100%;
    float: none;
    padding: 30px 25px 20px 25px;
    background-color: rgba(255,255,255,1);
    border: 1px solid #ebeaea;
    border-bottom-width: 3px;
    text-align: center;
}

.organization_outer > .organization_list .organizer-logo, .organization_outer > .organization_list .size-organizer-logo {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.organization_outer > .organization_list h2 {
    font-size: 18px !important;
    margin-top: 10px;
    line-height: 27px;
}
.organization_outer > .organization_list p {
    line-height: initial;
    margin-bottom: 10px;
}
#select-organizer-main {
    text-align: center;
}
.select-organizer-main, .submit-main {
    display: inline-block;
    text-align: left;
}
.tab-pane.fade.in.active {
    margin-top: -50px;
    padding-top: 50px;
}
.member_sections{
    background-color: #f2f3f5;
    padding-bottom:9%;
}
.organization_outer > .organization_list .organizer-logo, .organization_outer > .organization_list .size-organizer-logo img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.white-panel {
    margin-bottom: 10px;
}



/*ABDU*/
.padd_top_bottom{
    padding: 10px 0 35px 0;
}
.letter_durations .card{
    border:none;
    margin-bottom: 15px;

}
.letter_durations .card_accordian .card-header {
    padding: 0;
    margin-bottom: 10px;
} 
.letter_durations .card_accordian a {
    width: 100%;
    text-decoration: none;
    color: #000;
    font-family: "Open Sans", sans-serif;
}
.letter_durations .card_accordian p::before {
    content: '\02795';
    font-size: 12px;
    font-weight: lighter;
    padding-right: 15px;
    padding-left: 10px;
    float:right;
}
/* .letter_durations .card_accordian p::after {
    content: '-';
    font-size: 12px;
    font-weight: lighter;
    padding-right: 15px;
    padding-left: 10px;
    float:right;
} */
.letter_durations .card_accordian p {
    font-size: 14px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 16px 12px 16px 20px;
    color:#232b6a;
    font-weight:600;
}
.card_accordian .card-body {
    font-size: 12px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    padding: 15px;
    color:#666666;
    background-color: #ffffff;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f4f7f7;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.letter_durations .card_accordian .card-header {
    padding: 0;
    margin-bottom: 0px;
}
/* .letter_durations .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
} */
.card-header{
    background-color: #e9e9e9;
    border: 1px solid #f28c08;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.pull-right-text p{
    float:right;
}
.back-white{
    background-color: #fff;
    padding-bottom:0px;
    margin-bottom:25px;
}
.silv_back_top{
    background-color:#f4f7f7;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-radius: 10px;
}
.silver_back{
    background-color:#e9e9e9;
    padding:10px 25px;
    margin-bottom:15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.pad_top_bottom{
    padding:25px 15px;
}
.silver_back h5{
    font-size:18px;
    font-weight: normal;
    margin-bottom: 0;
}
.pad_inner{
    padding:10px 25px;
    min-height:180px;
}
.pad_inner p{
    font-size:14px;
    color:#232b6a;
    margin-bottom: 10px;
}
.fa-map-marker{
     margin-right: 5px;
}
.pad_inner span{
    font-size:14px;
    color:#666666 !important;
}
.buton_marg_top{
    margin:20px 0;
}
.letter_durations h6{
    font-size:14px;
    font-weight:700;
    color:#666666;
    padding-right:25px;
}
.pad_top{
    margin-top:15px;
}
.button_inter{
    font-size:15px;
    font-weight:bold;
    color:#232b6a;
    padding:9px 15px;
    background-color:#fff;
    border:1px solid #f28c08;
}
.pad_top .fa{
    font-size:14px;
    padding-right:7px;
}
.para-align{
    text-align:end;
}
.white_back{
    background-color:#fff;
    padding:10px 20px;
    border-bottom:3px solid #f8920f;
    margin:20px 0;
    min-height:160px;
}
.letter_durations h5{
    font-size:16px;
    font-weight:400;
    color:#000;
    line-height:1.4;
}
.white_back img{
    padding-right:10px;
}
.load_more{
    font-size:15px;
    font-weight:bold;
    color:#fff;
    background-color:#232b6a;
    text-transform: uppercase;
    padding:9px 13px; 
    border:none;
    cursor: pointer;
    margin:20px 0;
}
.letter_durations ul{
    padding-lefT:25px;
}
.letter_durations ul li{
    font-size:14px;
    line-height:1.4;
    color:#0099cc;
}
.white_back_weekly_news{
    background-color:#fff;
    padding:10px 20px;
    margin:20px 0;
    min-height:175px;
}
.white_back_weekly_news img{
    padding-right:10px;
}
.top_bottom_space{
    padding:40px 0; 
    border-bottom:1px solid #cccccc;
}
.top_bottom_space a{
    font-size:12px;
    text-decoration: underline !important;
    color:#325eab;
}









.bx-wrapper .bx-controls-direction a{
     display: none;
}
.nav-link {
    display: block;
    padding: .5em 10px;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 12px;
    background-color: #ffffff;
    color: #666666;
    border: 1px solid #f28c08;
    border-bottom: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
     background-color: #f28c08;
     color: #ffffff !important;

}
.tab-content{
     background-color: #ffffff;
     padding: 20px;
}



/*ABDU*/
.padd_top_bottom{
    padding: 10px 0 35px 0;
}
.letter_durations .card{
    border:none;
    margin-bottom: 15px;

}
.letter_durations .card_accordian .card-header {
    padding: 0;
    margin-bottom: 10px;
} 
.letter_durations .card_accordian a {
    width: 100%;
    text-decoration: none;
    color: #000;
    font-family: "Open Sans", sans-serif;
}
.letter_durations .card_accordian p::before {
    content: '\02795';
    font-size: 12px;
    font-weight: lighter;
    padding-right: 15px;
    padding-left: 10px;
    float:right;
}
/* .letter_durations .card_accordian p::after {
    content: '-';
    font-size: 12px;
    font-weight: lighter;
    padding-right: 15px;
    padding-left: 10px;
    float:right;
} */
.letter_durations .card_accordian p {
    font-size: 14px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 16px 12px 16px 20px;
    color:#232b6a;
    font-weight:600;
}
.card_accordian .card-body {
    font-size: 12px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    padding: 15px;
    color:#666666;
    background-color: #ffffff;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f4f7f7;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.letter_durations .card_accordian .card-header {
    padding: 0;
    margin-bottom: 0px;
}
/* .letter_durations .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
} */
.card-header{
    background-color: #e9e9e9;
    border: 1px solid #f28c08;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.pull-right-text p{
    float:right;
}
.back-white{
    background-color: #fff;
    padding-bottom:0px;
    margin-bottom:25px;
}
.silv_back_top{
    background-color:#f4f7f7;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-radius: 10px;
}
.silver_back{
    background-color:#e9e9e9;
    padding:10px 25px;
    margin-bottom:15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.pad_top_bottom{
    padding:25px 15px;
}
.silver_back h5{
    font-size:18px;
    font-weight: normal;
    margin-bottom: 0;
}
.pad_inner{
    padding:10px 25px;
    min-height:180px;
}
.pad_inner p{
    font-size:14px;
    color:#232b6a;
    margin-bottom: 10px;
}
.fa-map-marker{
     margin-right: 5px;
}
.pad_inner span{
    font-size:14px;
    color:#666666 !important;
}
.buton_marg_top{
    margin:20px 0;
}
.letter_durations h6{
    font-size:14px;
    font-weight:700;
    color:#666666;
    padding-right:25px;
}
.pad_top{
    margin-top:15px;
}
.button_inter{
    font-size:15px;
    font-weight:bold;
    color:#232b6a;
    padding:9px 15px;
    background-color:#fff;
    border:1px solid #f28c08;
}
.pad_top .fa{
    font-size:14px;
    padding-right:7px;
}
.para-align{
    text-align:end;
}
.white_back{
    background-color:#fff;
    padding:10px 20px;
    border-bottom:3px solid #f8920f;
    margin:20px 0;
    min-height:160px;
}
.letter_durations h5{
    font-size:16px;
    font-weight:400;
    color:#000;
    line-height:1.4;
}
.white_back img{
    padding-right:10px;
}
.load_more{
    font-size:15px;
    font-weight:bold;
    color:#fff;
    background-color:#232b6a;
    text-transform: uppercase;
    padding:9px 13px; 
    border:none;
    cursor: pointer;
    margin:20px 0;
}
.letter_durations ul{
    padding-lefT:25px;
}
.letter_durations ul li{
    font-size:14px;
    line-height:1.4;
    color:#0099cc;
}
.white_back_weekly_news{
    background-color:#fff;
    padding:10px 20px;
    margin:20px 0;
    min-height:175px;
}
.white_back_weekly_news img{
    padding-right:10px;
}
.top_bottom_space{
    padding:0 0 30px 0; 
    margin-bottom: 30px;
    border-bottom:1px solid #cccccc;
}
.top_bottom_space a{
    font-size:12px;
    text-decoration: underline !important;
    color:#325eab;
}
.contact_style_headings{
    margin:25px 0;
}
.contact_style_headings h2{
    font-size: 22px;
    color: #232b6a;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
    padding-bottom: 25px;
    font-family: 'Times New Roman', Times, serif;
    line-height:1.4;
}
.contact_style_headings h5{
    color:#2b4387;
    font-size:14px;
    line-height:1.4;
    font-weight:600;
}
.contact_style_headings p{
    font-size:14px;
    color:#333333;
    line-height:1.8;
    padding-bottom:10px;
}
.contact_style_headings span{
    font-size:14px;
    color:#333333;
    display: block;
}
.contact_style_headings .fa-phone{
    font-size:14px;
    color:#439ed0;
    padding-right:10px;
}
.contact_style_headings .fa-envelope{
    font-size:14px;
    color:#439ed0;
    padding-right:10px;
}
.contact_style_headings a{
    color:#439ed0;
}
.new_forms_contact{
    background-color: #ffffff;
    border: 1px solid #cfd0de;
    border-radius: 8px;
    -webkit-box-shadow: 0 0px 8px 1px #333 inset;
    -moz-box-shadow: 0 0px 8px 1px #333 inset;
    box-shadow: 0 0px 8px 1px #333 inset;
}
.new_forms_contact{
    border-radius: 14px;
    margin-top: 30px;
    padding: 20px;
    margin-bottom: 50px;
}
.new_forms_contact button{
    background-color: #232b6a;
    color: #fff;
    font-size: 15.37px;
    font-family: "Open Sans", sans-serif;
    width: 30%;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0;
}
.new_forms_contact h4{
    font-size: 22px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0 0 20px 0;
    color: #232b6a;
}
.new_forms_contact .form-control::placeholder{
    font-size: 15.37px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #333333;
}
.new_forms_contact .form-group{
    margin-bottom: 10px;
   
}
.new_forms_contact input{
 border: 1px solid #666666;
border-radius: 0;
}
.new_forms_contact textarea{
  border: 1px solid #666666;
  resize: none;
  border-radius: 0; 
}
.new_forms_contact .error {
    color: red;
    font-size: 13px;
    font-weight: 600;
    padding-top: 5px;
}
.new_forms_contact label{
  margin-bottom: 0;
}
.megamenu{
    width:100%;
    display:inherit;
}
.megamenu ul{
    display: inline-block;
    padding: 0;
}
.link-list li{
    display: block;
    text-align: center;
    white-space: nowrap;
    text-align: left;
    padding-bottom:15px;
}
.navbar-nav li
{
  position: relative;
}
.position{
    position: absolute;
    left: 0%;
    z-index: 9999;
    
    border-top:3px solid #f8920f;
    padding:0 0;
    display:none;
}
.position .container{
  
  width: 1000px;
  }
.link-list h2{
    font-size:12px;
    font-weight:700;
    text-transform: uppercase;
    color:#0082c1;
}
.megamenu ul li a:hover span
{
  color: #f8920f;
}
.megamenu ul li
{
  padding-bottom: 10px;
}
.link-list h3{
    font-size:12px;
    color:#000;
    font-weight:700;
}
.link-list span{
    font-size:12px;
    color:#666666;
}
.fa-caret-right{
    font-size:12px;
    color:#666666;
    padding-right:10px;
}
.border-right{
    border-right:1px solid #cccccc;
    padding-top: 15px;
    background-color: #fff;
}
.navbar-nav li:hover > div.position
{
     display:block;
}
.relative{
    position: relative;
}
.detail_image{
  margin-bottom: 20px;
}

/*our staff*/

.mark_jhons {

  min-height: 430px;

  background-color: #ffffff;

  padding: 20px 25px;

  text-align: center;

  border-radius: 3px;

  margin: 20px 0;

}
.mark-john_sect  h1{

  font-family: "Open Sans", sans-serif;

  font-size: 28px;

  color: #000000;

  font-weight: 500;

  padding-top: 0px;

  padding-bottom: 15px;

  text-transform: uppercase;

  text-align: center;

  margin-top: 20px;

}


.mark_jhons .markjons{

  margin:  0 auto;

}

.mark_jhons  p{

  font-family: "Open Sans", sans-serif;

  font-size: 14px;

  color: #666666;

  font-weight: 500;

  text-align: center;

  padding-top: 0px;

  margin-bottom: 20px;

  line-height: 20px;

}

.mark_jhons  h1{

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  color: #000000;

  font-weight: 600;

  padding-top: 18px;

  padding-bottom: 5px;

}

.mark_jhons  h2{

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  color: #666666;

  font-weight: 500;

}


#myTabContent ul li{
    font-size: 13px;
    color: #666666;
    line-height: 22px;
}

/*article page*/



                    /** ARTICAL PAGE**/

.mark_jhons {

  min-height: 430px;

  background-color: #ffffff;

  padding: 20px 25px;

  text-align: center;

  border-radius: 3px;

  margin: 20px 0;

}
.mark-john_sect  h1{

  font-family: "Open Sans", sans-serif;

  font-size: 28px;

  color: #000000;

  font-weight: 500;

  padding-top: 0px;

  padding-bottom: 15px;

  text-transform: uppercase;

  text-align: center;

  margin-top: 20px;

}


.mark_jhons .markjons{

  margin:  0 auto;

}

.mark_jhons  p{

  font-family: "Open Sans", sans-serif;

  font-size: 14px;

  color: #666666;

  font-weight: 500;

  text-align: center;

  padding-top: 0px;

  margin-bottom: 20px;

  line-height: 20px;

}

.mark_jhons  h1{

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  color: #000000;

  font-weight: 600;

  padding-top: 18px;

  padding-bottom: 5px;

}

.mark_jhons  h2{

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  color: #666666;

  font-weight: 500;

}


.letter_durations ul li{
    font-size: 13px;
    color: #666666;
    line-height: 22px;
}
.artical_page .mark_jhons  img{
     height: 180px;
     width: 100%;
}
.artical_page .mark_jhons{
         min-height: 500px;
         margin: 10px 0;
}
.artical_page .mark_jhons h1 {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
}
.artical_page .mark_jhons a{
     font-size: 12px !important;
}

/*end of abdu css*/

.desktop-menu
{
    display: block;
}
.mobile-menu
{
    display: none;
}

.manage_members{
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  margin: 0;
  padding: 0;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;

}
.manage_members .itemsw {
  display: inline-block;
 
  / padding: 1em; /
  margin: 0 0 1em;
  width: 100%;
  -webkit-transition: 1s ease all;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  
}
.manage_members .itemsw .mark_jhons
{
  margin-top: 0px;
}
.res_showing ul.pagination
{
  float: right;

}
.res_showing .nav_new
{
  padding-right: 0;

}
.res_showing .page-item:last-child .page-link, .res_showing .page-item:first-child .page-link
{
  font-size: 22px;
  position: relative;
  top: -7px;
}
.manage_img img
{
  margin-bottom: 15px;
}
.manage_img h1
{
  margin-bottom: 25px;
}
.manage_topSpec.top_bottom_space
{
  padding-top: 0;

}
.top_bottom_space .col-sm-9 a.read_more.manage_readm
{
  margin-top: 0;
  text-decoration: none !important; 

}
.manage_events{
  margin-top: 25px;
}

.blog_imgs .manage_blogN h6
{
  font-weight: 700;
  margin:9px 0 7px 0;
  padding: 0;
}
.blog_imgs .manage_blogN p
{
  padding: 0;
}
.blog_imgs .manage_blogN a.b-anc
{
position: relative;
    padding: 0;
    margin: 7px 0 0 0;
    float: left;
}
p.block-N
{
  border-bottom: 1px solid #ccc;
  padding: 0 0 7px 0;
  margin: 0 0 7px 0;
  float: left;
  width: 100%;
}
p.block-N .st-left
{
  float: left;
  width: 30%;
  color: #232b6a;
  font-weight: 700;
}
p.block-N .st-right
{
  float: right;
  width: 60%;

}
.modal-header .modal-title
{
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;

}

@media (min-width:1681px) and (max-width:1920px){
  .tab_first {
  left: 600px;
  } 
  }
  @media (min-width:1599px) and (max-width:1680px){
  .tab_first {
  left: 476px;
  } 
  }
  @media (min-width:1439px) and (max-width:1600px){
  .tab_first {
  left:430px;
  } 
  }
  @media (min-width:1367px) and (max-width:1440px){
  .tab_first {
  left:342px;
  } 
  }
  @media only screen and (max-width:1280px){
  .tab_first {
  left: 270px;
  } 
  }

 @media only screen and (max-width:1200px){

  .manage_members{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count:2;
  margin: 0;
  padding: 0;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;

}
}


  @media only screen and (max-width:1024px){
  .tab_first {
  left: 135px;
  } 

.desktop-menu
{
    display: none;
}
.mobile-menu
{
    display: block;
    z-index:11;
    width: 100%;
    position: relative;
    height: 40px;
    opacity: 1;
    background-color: #232b6a;
    padding: 0 20px;
}
a.hu
{
    display: block !important;
}
nav#menu a
{
    color: #fff;

}
.mm-listview > li > a, .mm-listview > li > span {

    color: #fff !important;

}

.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {

    color: #fff !important;

}

.mm-title {

    color: #fff !important;

}

.mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-next::after {

    border-color: rgba(256,256,256,1) !important;

}

.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {

    border-color: rgba(256,256,256,1) !important;

}
.mobile-menu ul li h2
{
    color: #fff;
    font-size: 22px;
    padding-left: 20px;
}

  }
  @media only screen and (max-width: 992px) {
  .tab_first .panel-primary {
      padding-left: 0px;
  }
  .tab_first .panel-heading ul li a {
      padding: 12px 20px;
  }
  .tab_first {
      top: -38px;
  }
  }
  @media only screen and (max-width: 767px) {
  .tab_first {
      display: none;
  }
  
  .top_appy {
   width: 192px;
   margin-top: 5px;
   position: relative;
   z-index: 101;
   float: none;
   margin: 5px auto 0 auto;
  }
  .top_appy a {
   height: 30px;
   line-height: 30px;
   font-size: 12px;
  }
  .tab_sec {
      background: none;
  }
  }

  @media only screen and (max-width: 700px) {
    .manage_members{
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count:1;
  margin: 0;
  padding: 0 10px;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;

}

  }
  @media only screen and (max-width: 480px) {
  .top_appy {
  margin-top: 0px;
  }
  .tab_in_sec h2 span {
      display: none;
  }
  .tab_in_sec h2 strong {
      background: none;
  }
  .tab_in_sec h2 {
      margin: 0px;
      margin-bottom: 15px;
  }
  }
  .blog-content{
     margin-top: 10px;
  }