@import "custom_vr.css";
@import "animation.css";
@import "custom_hootesh.css";

#myDotnav>li>a {
    padding: 4px 0!important;
}
#myDotnav.uk-nav-default>li.uk-active>a {
    color: #D52B1E;
    background-color: #D52B1E!important;
}
#myDotnav.uk-dotnav>.uk-active>* {
    border-color: #D52B1E!important;
}
#myDotnav.uk-nav-default>li>a:focus, .uk-nav-default>li>a:hover{
  
    color: #D52B1E!important;
    background-color: #D52B1E!important;
}
.uk-grid.poi>div {
    /* width: 50%; */
    /* position: relative; */
    padding: 0;
    margin: 0 auto;
}
.social_div .uk-icon-button {
    display: flex!important;
}
.social_div li.uk-icon-button {
    margin-bottom: 20px!important;
    margin-left: -7px;
}

.bar-long {
    height: 3px;
    background-color: #e44e56;
    width: 0px;
    position: fixed;
    top: 75px;
    left: 0;
}
.uk-offcanvas-reveal, .offcanvas-child{
  width:100vw;
}

.uk-offcanvas-flip.uk-offcanvas-container-animation{
    left: 0px;
}

.uk-search-navbar{
    padding: 50px 100px;
}
.uk-search-icon{
  padding:50px;
}
.uk-navbar-item.uk-logo{
  font-size:18px;
}
#search_modal .uk-modal-dialog{
	border-radius:20px;  
}

@media only screen and (min-width: 960px) {
  .uk-offcanvas-close{
      /*right: 400px;*/
  }
}
.uk-navbar-left a{
 /* display:none; */
}


/* --- table css --- */ 
table, td, th {
  border: 1px solid black;
  padding: 0 10px;   
}

th{
 font-weight: bold; 
 text-align: center; 
 color: #fff; 
 background: #e44e56; 
}

td {
  height: 40px;
  vertical-align: middle;
  text-align: left; 
}

table {
  width: 100%;
  border-collapse: collapse;
}


.striped_table > tr:nth-child(odd){
    background-color: #ddd;
}
.cls-grid svg {
    width: 200px;
    height: 200px;
}
.cls-grid {
    text-align: center;
}


.notes_box {
    position: relative;
    min-height: 200px;
    height: 280px;
}

.uk-tile {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.note_download_link.uk-margin.uk-text-right {
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.search{
  margin-top:75px;
}
.search .uk-panel>fieldset~div,#ordering,.search #searchForm div:nth-child(2) div:nth-child(2) {
  display:none;
}

.search #searchForm .uk-button.uk-button-primary{
  background:#f7f7f7;
  color: #78787c;
}

.sr_title a.uk-link-reset{
  text-transform: capitalize !important;
}
.nv_content{
  height: auto;
    display: grid;
    grid-column-gap: 17px;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
    column-gap: 20px;
    row-gap: 20px;
}
.nv_content>div{
  margin-top:20px;
  border-bottom: 1px solid;
}



.img_cont {
    margin: 10px;
}
.member{
  position:relative;
  bottom:97px;
  background:transparent;
  margin-top:0!important;
  margin-bottom:0!important;
}

.member p{
  color:#fff;
}
.member>em{
  color:#cbba8c;
}

.img_cont>.member {
    display: none;
}
.img_cont:hover >.member {
    display: block;
}
.img_cont:hover .Img_mag{
  filter: sepia(80%);
}


.img_cont:hover .Img_mag{
  filter: sepia(80%);
}

.img_cont:hover .member *, .img_cont:hover .member {
 	background: transparent!important;
    color: #cbba8c;
}

#mod_modal .uk-modal-dialog{
    width: 500px!important;
    height: 700px!important;
}
#mod_modal iframe{
  width:100%!important;
  height:100%!important;
}
.uk-navbar-left .uk-navbar-toggle{
  display:none;
}
div#masonry {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 0;
    /*width: calc(100vw - 100px);*/
    row-gap: 20px;
    grid-column-gap: 17px;
    align-items: center;
    justify-content: center;
    flex: 1 1;
  width:auto;
}
.nv_con:nth-child(odd){
	background-color: #2e2d2c;
    color:#a8a8ab;
}
.nv_con:nth-child(even){
	background-color: #a8a8ab;
    color:#2e2d2c;
}
.nv_con_1{
  height: 300px;
  width: 350px;
  background:url('../../../images/contentpage/1.png') no-repeat bottom right;
    /*width: calc(100% - 750px);*/
}

.nv_con_2{
  height: 300px;
    width: 300PX;
    /*width: calc(100% - 900px);*/
  /*background:url('../../../images/contentpage/6.png') no-repeat bottom right;*/
  background:url('../../../images/contentpage/2.png') no-repeat bottom right;
}

.nv_con_3{
 height: 300px;
    width: 450PX;
    /*width: calc(100% - 800px);*/
  /*background:url('../../../images/contentpage/7.png') no-repeat bottom right;*/
  background:url('../../../images/contentpage/3.png') no-repeat bottom right;
}

.nv_con_4{
    width: 300px;
    height: 220px;
  /*background:url('../../../images/contentpage/2.png') no-repeat bottom right;*/
  background:url('../../../images/contentpage/4.png') no-repeat bottom right;
}

.nv_con_5{
    height: 220px;
    width: 300px;
  /*background:url('../../../images/contentpage/3.png') no-repeat bottom right;*/
  background:url('../../../images/contentpage/5.png') no-repeat bottom right;
}

.nv_con_6{
    height: 220px;
    width: 500px;
  /*background:url('../../../images/contentpage/4.png') no-repeat bottom right;*/
  background:url('../../../images/contentpage/6.png') no-repeat bottom right;
}

.nv_con_7{
    height: 200px;
    width: 655px;
      /*flex: 1 2!important;*/
  /*background:url('../../../images/contentpage/5.png') no-repeat bottom right;*/
  background:url('../../../images/contentpage/7.png') no-repeat bottom right;
	background-color: #a8a8ab!important;
  color: #2e2d2c!important;
  background-size: cover;
}

.nv_con_8{
    height: 200px;
    width: 425px;
      /*flex: 1 2!important;*/
  background:url('../../../images/contentpage/8.png') no-repeat bottom right;
	background-color: #2e2d2c!important;
  color: #a8a8ab!important;
}

.nv_con{
  margin:0px!important;
  flex:auto;
  transition: .8s background-color;
}

.nv_con h4{
  
    width: 75%;
    font-size: 17px;
    margin-left: 5px;
}
.nv_con a{
    position: relative;
    top: -40px;
    left: 40px;
    transform: translate(-50%, -50%);
    padding: 50px;
    text-decoration: none;
}
.nv_con:hover{
  
  color:#fff;
	background-color: #d52c28!important;
  
}
.nv_cnt_title{
  color:#9e2522!important;
  /*height: 50px;*/
  padding: 35px 0 0 0;
  width:75%;
}
span.numchap{
  font-size:50px;
    padding-left: 10px;
}
#offcanvas-push .uk-offcanvas-bar{
      background: url('../../../images/contentpage/background.jpg') no-repeat bottom right!important;
}

.nv-hover-linear{
transition: background-image 1s linear;
}

.mod_panel>a:hover .nv-hover-linear{
  /*background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,0.5))!important;*/
  background-image: linear-gradient(to bottom, #bb666600, #ff00008c)!important;
}
.mod_panel {
    transform: scale(0.9);
    transition: transform 0.3s linear;
      margin: 0!important;
}
.mod_panel:hover {
    transform: scale(1);
}

.mod_cntair>div:nth-child(odd){
  padding-top: 50px;
  
}

@media only screen and (max-width: 1213px) {
 
  .nv_con_3, .nv_con_7, .nv_con_8{
    height: 220px;
  }
  
  
}

@media only screen and (max-width: 959px) {
 
  .mod_cntair>div:nth-child(odd){
    padding-top: 0px;
  }
  	#prev_page a, #next_page a {
    	transform: scale(1.2)!important;
    	border: none!important;
	}
  
  
}

/*gspeech*/
.sexy_tooltip .powered_by_3, #sexy_tooltip .powered_by_3{
    visibility: hidden!important;
}


::selection {
    background: #ee3b34b0!important;
    color: #ffffff!important;
}
::selection {
    background: #ee3b34b0!important;
    color: #fff!important;
    text-shadow: none;
}

#prev_page a, #next_page a{
    transform: scale(1.6);
   border:none!important;
}
#prev_page a.uk-button-default:hover, #next_page a.uk-button-default:hover{
   border:none!important;
}

/********** Footer Buttons **********/

@media screen and (max-width: 1233px) and (min-width: 960px) {
    .footer-button-annual,
    .footer-button-sustain {
        width: 280px;
        line-height: 0 !important;
    }

    .footer-button-annual .el-content,
    .footer-button-sustain .el-content {
        line-height: 2;
    }
}