/*--- Variables ---*/
/*--- Global Styles ---*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100);
body, * {
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 16px; font-weight: 300;
  line-height: 22px; }

body, html {
  height: 100%;
  font-family: "Roboto", Helvetica, sans-serif;
   }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", Helvetica, sans-serif;
  margin: 0px;
  padding: 0px; }

input, button, select, textarea, .form-control {
  font-family: "Roboto", Helvetica, sans-serif;
  color: black;
  font-size: 14px;
  line-height: 18px; }

*:focus, a:focus, a:active {
  outline: none; }

.overflow {
  overflow: hidden; }

/*--- Header ---*/
.header{border-bottom:2px solid #505050;}
.header .logo {
  display: inline-block;
  margin: 0px 0px; }
.header .logo img{max-width: 100%; }
.menu{background-color: #2f026c; width: 100%;}

.menu2 ul{
   list-style: none; padding: 0px; margin: 0px;
   }
  .menu2 ul li { float: left; 
    }
  .menu2 ul li a{ 
    color: #dddddd;
    font-size: 20px;
    padding: 10px 12px;
    text-decoration: none;
    display: block;
    font-weight: 300;
  }
   .menu2 ul li a:hover{ 
    color: #fff;
  }
  .menu2 ul li ul {
    display: none;
    position: absolute;
    z-index: 100;
    width: 250px;
    background-color: #ad197c;
    border: 1px solid #ad197c;
    border-top: 0px;
    list-style: none;
    margin:0 0 0 -1px;
    padding: 0; }
  .menu2 ul li:hover ul {
    display: block; }
  .menu2 ul li ul li {
    border-right: 0px;
    width: 100%;
    border-bottom: 1px solid #3f3f3f; }
    .menu2 ul li ul li:last-child{
    border-bottom: 0px; }
  .menu2 ul li ul li a {
    padding: 10px 5px;
    display: block;
    font-size: 18px !important;
    text-decoration: none;
    color: #dddddd; }
  .menu2 ul li ul li a:hover {
    color: #fff; }


.shifter-navigation{ background-color: #505050;}
.shifter-navigation ul{
   list-style: none; padding: 0px; margin: 0px;
   }
  .shifter-navigation ul li { width: 100%;
    }
  .shifter-navigation ul li a{ 
    color: #e8e7e7;
    font-size: 20px;
    width:100%;
    padding: 10px 12px;
    text-decoration: none;
    display: block;
    font-weight: 300;
  }
  .shifter-navigation ul li ul{ 
    margin-left: 15px;
  }
  .shifter-navigation ul li ul li a{ 
    color: #dddddd;
    font-size: 18px;
  }
   .shifter-navigation ul li a:hover{ 
    color: #fff;
  }

/*--- Banner ---*/
.banner .carousel-caption {
  text-shadow: none; }
.banner .carousel-control {
  background: none; }

.main-image{ width: 100%;}

.scrolling{ margin: 20px 0px 0 0; font-size: 20px;}

/*--- Content ---*/
.page-title {
    margin-bottom: 10px; background: url(../img/heading-bg.png) no-repeat bottom center; text-align: center; padding-bottom: 25px; 
    font-size: 30px; font-weight: 400; color:#5e2da1 }
.page-content{ overflow:hidden; margin-top: 15px;}
.content {
  padding: 0px 0px 20px 0px; }
  
  .content .page-content h1 {
    margin-bottom: 10px; }
  .content .page-content h2 {
    margin-bottom: 10px; }
  .content .page-content h3 {
    margin-bottom: 10px; }
  .content .page-content h4 {
    margin-bottom: 10px; }
  .content .page-content h5 {
    margin-bottom: 10px; }
  .content .page-content h6 {
    margin-bottom: 10px; }
  .content .page-content .alignnone {
    margin: 5px 20px 20px 0; }
  .content .page-content .aligncenter,
  .content .page-content div.aligncenter {
    display: block;
    margin: 5px auto 5px auto; }
  .content .page-content .alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .content .page-content .alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .content .page-content a img.alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .content .page-content a img.alignnone {
    margin: 5px 20px 20px 0; }
  .content .page-content a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .content .page-content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .content .page-content ul, .content .page-content ol {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
    overflow: hidden; }
.sub-schemes .schemes-wrapper{padding: 00px 0px;}
.schemes-wrapper{padding: 20px 0px;}
.schemes-box{ float: left; width: 20%; height: 200px; overflow: hidden; position: relative; display: table-cell; vertical-align: middle; }
.schemes-box img{ width: 100%; }

.schemes-box a .schemes-red-box{ display:none; } 
.schemes-box:hover a .schemes-red-box{ background-color: #ad197c; color: #fff; left: 15%; right: 15%; top:85px; position: absolute;text-align: center;
    padding: 4px 5px;
    line-height: 35px;
    font-size: 21px;
    z-index: 20;
    display: block;
     }

.schemes-box a img.lena-desaturate{
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(#greyscale);
  filter: gray;
}

.schemes-box:hover a img.lena-desaturate{
  -webkit-filter: grayscale(0);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: url(#greyscale);
  filter: gray;
}

.news-wrapper{padding: 20px 0px;}
.news{ background: url(../img/news-bg.png) no-repeat center right; height: 115px; color: #a20fb2;
    padding: 41px 20px 0 0;font-size: 30px; text-align: right;}
.news-data a{ margin-top: 14px; color: #232323;height: 85px;display: block;overflow: hidden;}    
.news-data a:hover{ color: #000; text-decoration: none;}  


.count-box{ width: 100%; margin-top: 15px; color: #8b8b8b; font-size: 50px; padding-top: 63px; text-align: center; height: 145px; background: url(../img/counter-bg.png) no-repeat center center;}
.count-title{ width: 100%; color: #a20fb2; text-align: center; font-size: 26px; margin-top: 8px;}

.form-box{background-color: #b9b9b8; height: 100%; overflow: hidden;}
.form-box2{background-color: #ccc; height: 100%; overflow: hidden;}
.link-box{ width: 100%;} 
.link-box .ltext{ width: 100%; background-color: rgba(187, 10, 124, 0.5); padding: 4px 15px;  color: #fff; bottom:10px; line-height: 30px;  font-size: 26px; font-weight: 500; z-index: 30;display: block; position: absolute; }
.link-box:hover{ text-decoration: none;}
.link-box:hover .ltext{ display: block; background-color: rgba(187, 10, 124, 1.0);  }
.link-box:hover img{ opacity: 0.6; }
.link-box img{ width: 100%; opacity: 0.2; }

/*--- Footer ---*/
.footer {
  padding: 30px 0px; margin-top: 16px; border-top: 20px solid #bb0a7c;  }
  .footer .socialmedia-menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center; }
    .footer .socialmedia-menu li {
      display: inline-block;
      margin: 0px 5px; }
      .footer .socialmedia-menu li a {
        display: block; }
        .footer .socialmedia-menu li a i {
          font-size: 20px;
          line-height: 24px; }
        .footer .socialmedia-menu li a i:hover {
          color: red; }
.footer-menu{text-align: center; margin-bottom: 22px;}
.footer-menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block; }
    .footer ul li {
      display: inline-block;
      margin: 4px 5px; color: #4d4c4b; }
      .footer ul li a {
        display: block;
        color: #43413e; }
.f-link a{ color:#9c9c9b;}



.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.contact_us_form fieldset {
  padding: 25px;
  border: 1px solid #b8b8b8;
  position: relative;
  width: 99%;
  float: left;
  margin: 1%;
  color: #191919; }

.contact_us_form legend {
  margin-left: 0px;
  color: #191919;
  padding: 0px 10px 0 10px;
  font-weight: 300;
  font-size: 25px;
  border: 0px; }

.contact_us_form input, .contact_us_form textarea {
  height: 25px;
  width: 100%; margin-bottom: 6px; }


.contact_us_form .form-horizontal .form-group {
  margin: 0 0 5px 0; }

.contact_us_form label {
  font-weight: normal; }

/*  --------------  forms ---------------  */
.tform .form{ width: 88%; margin: 0px auto;}
.tform .form .form-group{margin-bottom: 8px;}
.tform .form .form-group label{ font-family: "Roboto", Helvetica, sans-serif;   }
.tform .form .form-group label span{ color: #d70a0a; display: block; height: 35px; margin-right: 4px; float: left;  }
.tform .form .form-group input, .tform .form .form-group select   
{ width: 100%;  border: 1px solid #ccc; border-radius: 0px; margin-bottom: 4px; height: 30px;  }
#datepicker{ width: 100%;  border: 1px solid #ccc; height:30px;  }
.tform textarea{ width: 100%;  border: 1px solid #ccc; border-radius: 0px; margin-bottom: 4px; }

.tform .form .form-group textarea
{ width: 100%;  border: 1px solid #ccc; border-radius: 0px; margin-bottom: 4px; }
label.error{ color: #d70a0a; font-weight: 300; font-size: 12px;}
.form-group{ overflow: hidden;}
.btn-default{ background-color: #d70a0a; font-weight: 300; font-size:20px; border: 0px; float: right;  height: 38px; color: #fff; border-radius: 0px; }
.btn-default:hover{ background-color: #505050; color: #fff;}

.bhome{font-size:16px; color:#d70a0a;  display:block; padding:8px 12px; border:1px solid #d70a0a; width:250px; margin:0px auto;}
.bhome:hover{ text-decoration: none; color:#505050; border:1px solid #ccc;}
/*  --------------  Gallery ---------------  */
.gallery{ overflow:  hidden;}
.gallery-img{ float: left; width: 187px; margin: 8px; }
.gallery-img a img{ width: 185px; height: 110px; border: 1px solid #bdbdbd; padding: 2px; }
.gallery_image img{ width: 100%;}  

#swipebox-title{ color: #fff; margin-top: 6px;}
#swipebox-overlay {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.gallery_name{ display: none;}

.photo_album{ width: 100%; overflow: hidden; text-align: center; margin-bottom: 15px; }
.photo_album img{ width: 100%; /*height: 110px;*/ border: 1px solid #bdbdbd; padding: 2px; }
.video_view{ width: 410px; float: left; margin:10px 6px 8px 6px;}

.alert-danger{ background-color: #fdc2c7; padding: 8px; margin: 8px; display:  block;}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.tlist{ border-right:1px solid #D2D2D2; border-top:1px solid #D2D2D2; }
.tlist th{ border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; padding:2px 4px; background-color: #E8E8E8;  font-weight: 400; }
.tlist td{ border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; padding:2px 4px; }