.hero-wrapper {
    width: 100%;
    height: 100vh;
  }
/*   
  p, p:last-child {
    margin: 0 0 1.25em 0;
    
  } */
  
  #panels-ipe-paneid-78{
    font-size: 30px;
  }

  div.pane-content > div > div > div > div > p{
    font-size: 30px;
    padding-top: 80px;
    text-align: center;
    font-weight: 900;
  }

  #column > div.pane-content > div > div > div > div > p{
    font-weight: 500;
    padding-top: 2px;
  }

  #panels-ipe-regionid-hero-second > div.panels-ipe-sort-container{
    text-align: center;
    padding-right: 8rem;
  }

  /* #panels-ipe-paneid-82 > div.panels-ipe-portlet-content > div > div.pane-content > div > div > div > div > p{
    font-size: 30px;
  } */

  p {
    font-size:30px;
    padding: 20px;
    text-align:center;
    line-height: initial;
  }
  
  .image-footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 40%;
  }
  
  .navigation-wrapper {
    background: #0077C0;
    width: 100%;
  }
  
  #footer {
    background: #006EBA;
  }
  
  ul#horizontal-list {
    list-style-type: none;
    margin: 0;
    padding-top: 20px;
    text-align:center;
    margin: 2%;
  }
  
  ul#horizontal-list li {
    display: inline;
    color: #FFFFFF;
    padding:10px;
    font-size: 17px;
  }
  
  div.footer-para{
    padding-top: 30px;
    text-decoration: none;
    /* outline: none; */
    text-align: center;
    color: rgba(240, 248, 255, 0.986);
    font-size: 15px;
  }
  
  /* div > p {
    padding:2px;
    font-size:12px;
    margin:5px;
    color: #FFFFFF;
  }
   */
  .image-cp{
    top: 4373px;
    left: 1101px;
    width: 25px;
    height: 25px;
  }
  
  #footer-p1{
    font-size:10px;
  }
  
  #footer-p2{
    font-size:10px;
  }
  
  .image-cycle{
    /* width:1006px;
    height:1006px; */
    display: block;
    /* margin-left: auto;
    margin-right: auto;
    width: 50%; */
    opacity: 1;
    max-width: 900px;
    width: 90%;
    height: auto;
    margin: auto;
    padding: 20px;
  }
  
  .div-cycle{
    background-color:grey;
    /* width: 1920px;
    height: 797px; */
    background: #E6E6E6 0% 0% no-repeat padding-box;
    
  }
  
  .card-text{
    color:black;
  }
  
 
  img.card-img-top{
    padding: 10px;
    margin-top: 20px;
    max-width: 60%;
  }
  
  .title-categories{
    padding-bottom: 30px;
    text-align:center;
    font-size:50px;
    font-weight: normal;
    border-bottom: 1px solid #333333;
    border-bottom: padding;
  }
  
  
  .title-values{
    padding-bottom: 20px;
    text-align:center;
    font-size:50px;
    font-weight: normal;
    border-bottom: 1px solid black;
    border-bottom: padding;
  }
  
  .title-p{
    padding-top: 20px;
    /* padding-left: 200px;
    height: 137px; */
    color: black;
    font-size: 20px;
  }
  
  img {
    max-width: 100%;
    height: auto;
}

  .image-blog{
    background: transparent url('img/Rectangle 334.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.black-all p{
  color: black;
}

.title-blog{
    padding-bottom: 40px;
    text-align: center;
    font-size: 50px;
    font-weight: normal;
    border-bottom: 1px solid #333333;
}

.col-sm-3 {
    /* width: 25%; */
    text-align: left;
    padding-top: 3%;
}


.footer a {
    color:white;
    text-decoration: none;
    /* font-size: 20px; */
    margin: 1%;
}

a:hover 
{
    text-decoration:none; 
    cursor:pointer;  
  
}

.box-shadow:hover{
    box-shadow: 0 0 11px #3A3A3A33; 
}

.card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #E4E4E4;
    border-radius: 10px;
    opacity: 1;
    width: 200px;
    margin: 50px auto; 
    float: none; 
    margin-bottom: 10px; 
  }

  html,
  body {
    overflow-x: hidden;
  }

  /* .col-md-3 {
      width: 20%;
     
  } */
  

/*   
.range{
    margin-top: 30px;
  }  */

.pane-content {

  color:black;
}

#footer.footer {
  /* padding: 14px 0 !important; */
  margin-top: 50px;
  width: 100%;
}

#projects > div:nth-child(6) > div:nth-child(3) > div
{
  width: 180px;
}
/* 
.dropdown-menu{
  background: #0077C0 !important;
}

#main-menu > li.last.expanded.dropdown.menu-link-categories-.radix-dropdown-processed > ul{
  background: #0077C0 !important;
} */

.menu{
  background: #0077C0;
}

.navbar-default .navbar-nav .dropdown-menu li a, .navbar-default .user-menu .dropdown-menu li a{
  background: #0077C0 !important;
}


#block-dkan-sitewide-dkan-sitewide-user-menu .links a {
  font-size: 18px;
}

.navbar-default .navbar-nav .open .dropdown-menu li > a, .navbar-default .navbar-nav .dropdown-menu li:last-child {
  background: #0077C0 !important;
 
}

#projects > div:nth-child(6) > div:nth-child(3) > div {
  width: 200px;
}

#header > div.branding.container > a > img{
  max-width: 40%;
  height: auto;
}

.left-text{
    text-align: left;
}

.panel-dkan-front .panel-hero .inside {
  text-align: center;
}

#main-content > section:nth-child(1) > div > div > div > div > div.container > div > div{
  text-align:center;
}
/* 
.centered {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);

} */

#main-content > section.categories > section:nth-child(1) > div > div > h4{
  color: white;
  font-size: 30px;
  font-weight: bold;
}


.hero {
    position: relative;
    /* width: 100vw;
    height: 100vh; */
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:url('/profiles/dkan/themes/nuboot_radix/assets/images/hero_image_test1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

}

.hero-content {
  position: relative; 
  color: white;
  text-align: center;
  margin-top:  5rem;
}


.hero-title {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 40px;
  color: white;
  margin-top: -50px;
}

.hero-subtitle {
  font-size: 2.5rem;
  font-weight: 600;
  margin-top: 1rem;
  color: white;
}

/* .hero-button {
 
  color: white;
  margin-top: 5rem;
  padding: 0.9375rem 1.875rem;
  font-size: 1.125rem;
  font-weight: 200;
  cursor: pointer;
} */

/* .hero-button:hover {
  background-color: #cb376a;
  border: 1px solid #db7598;
} */


body {
  margin: 0;
  padding: 0;
}


#main-content > section.hero > div > form > input[type=submit]{
    background: #00BCEE; 
    border-color: 0;
    color: rgb(232, 241, 243);
    background: #00BCEE 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 5px #00000080;
    border-radius: 10px;
    opacity: 1;
    padding: 10px 45px 10px 45px;
    margin: 45px;
    border: none;
    opacity: 1;
}

#main-content > section.hero > div > form > input[type=submit]:hover{
  position: relative; 
  top: -5px;
}

.ch-width-cards{
    width: 185px;
}

.dimension-cd{
    width: 210px;
    height: 200px;
}

#main-wrapper > section > div > div > div:nth-child(n) > h4{
   margin-top: -60px;
}

#footer > div > small.copyright.pull-left > div > p:nth-child(n){
  font-size: 15px;
}


#footer > div > small.copyright.pull-left > div > p:nth-child(3){
  margin-top: -80px;
} 

.navbar-default .navbar-nav li > a, .navbar-default .user-menu li > a {
  font-size: 18px;
}

/* .navbar-default .navbar-nav li > a, .navbar-default .user-menu li {
 
  padding-left: 35px;
} */

/* #horizontal-list{
    display: block;  
    padding: 0;      
    margin: 0;       
    width: 100%; 
} */

/* #horizontal-list li>{
    display: inline-block; 
    width: 25%;            
    text-align: center;   
} */

/* 
#block-dkan-sitewide-dkan-sitewide-user-menu > div > span > a:nth-child(1):hover{
  background-color: #002245;
} */

/* 
#footer > div > small.copyright.pull-left{
  padding-left: 10% !important;
} */


.border-rg{
  border-right: 1px solid white;
}

#footer > div > small.copyright.pull-left{
  float: none!important;
}

/* #footer > div > small.copyright.pull-left > div > p:nth-child(1) {


} */

 /* Responsive  */

 /* @media screen and (max-height: 500px){
    #horinzontal-list list {
       width: 100%; 
     
      } 
} */


@media (max-width: 767px){
.container {
    width: 100%;
    padding: 5px;
}

/* @media (max-width: 500px) {
    #horinzontal-list li { 
      width: 100%; 
    
    } 
  
} */