/* Start modal content */

.ehd-scroll .nicescroll-rails{

  opacity: 0 !important;

}

.extp-hidden-scroll{ overflow:hidden; height:auto;margin-right: 15px;}

.extsc-hidden .nicescroll-rails{ border-radius:5px; width:6px !important;}

.extsc-hidden .nicescroll-cursors{ border:0 !important}

.extsc-hidden {

  position: fixed;

  top: 0px;

  right: 0;

  background: #fff;

  z-index: -1;

  left: auto;

  transition: all .3s linear .2s;

  transform: translateX(100%);

  width: 600px;

  height: 100%;

  padding: 3px 2px;

  opacity:0;

}

.extsc-hidden-active{

  transition: all .3s linear .2s;

  transform: translateX(0);

  z-index: 999999;

  opacity:1;

}

.extsc-hidden-active .extp-mdbutton{

  transition: all .3s linear .2s;

  right: 30px;

  bottom: 20px;

  opacity: 1;

}

.extsc-hidden .exp-modal-info{ overflow: scroll; height: calc(100vh - 6px ); padding: 20px 30px 20px 25px; margin-bottom: 6px;}

.item-modl{ display:none; overflow:hidden;}

.extsc-hidden .exp-modal-info > div{

  display: inline-block;

  width: 100%;

}

.extsc-hidden .exp-modal-info .exp-modal-image img{}

.extsc-hidden .exp-modal-info h3,

.extsc-hidden .exp-modal-info h5{

  margin: 0;

  padding: 0;

}

.extsc-hidden .exp-modal-info h5 span{ padding:0; margin:0; margin-right:5px;}

.extsc-hidden .exp-modal-info h3{

  text-transform: uppercase;

  font-size: 24px;

  font-weight: 400;

  line-height: 24px;

  margin: 7px 0;

}

.extsc-hidden .exp-modal-info h3 a{

  box-shadow: none;

  color:#00bcd4;

}

.extsc-hidden .exp-modal-info h5{

  font-weight: 400;

  margin: 0;

  font-size: 13px;

  text-transform: initial;

  color: #888;

  letter-spacing: 1px;

  margin-top:3px;

  display: inline-block;

  margin-right: 15px;

  border-right: 2px solid #ddd;

  padding-right: 15px;

}

.extsc-hidden .exp-modal-info h5:last-of-type {border: 0;}

.extsc-hidden .ex-social-account li a{

  background: none;

  color: inherit;

  border: 1px solid #ddd;

  line-height: 26px;

  transition: all .2s;

}

.extsc-hidden .ex-social-account li a:hover{background: #00BCD4; color: #fff; border-color: #00BCD4;}

.extsc-hidden .gslide-description.description-right p {

    font-size: 13px;

    margin: 10px 0px;

    line-height: 1.6;

}

.extsc-hidden .exp-modal-info .exp-modal-meta{

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 10px;

  margin-bottom: 10px

}

.extsc-hidden .exp-modal-info .exp-modal-meta h5:first-child{

  color: inherit;

  text-transform: uppercase;

}

.extsc-hidden .exp-modal-info .exp-modal-meta .exp-modal-social{

    color: #888;

}

.extsc-hidden .ex-social-account {

    margin:0;

	margin-bottom:5px;

}

.exp-expand .expand-social ul li a { color: #d6d6d6;}

.ex-overlay{

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: transparent;

  transition: all .3s linear .2s;

  z-index: -1;

}

.ex-overlay-active{

  background: rgba(0,0,0,.7);

  z-index: 999;

  transition: all .3s linear .2s;

}

.extp-mdbutton {

  transition: all .3s linear .2s;

  position: fixed;

  bottom: 20px;

  right: 0px;

  opacity: 0;

}

.extp-mdbutton > div{

	width: 35px;

    height: 35px;

	display:inline-block;

	text-align: center;

	border: 1px solid transparent;

    background: rgba(0,0,0,.7);

	line-height: 33px;

	position:relative;

	cursor:pointer;

	transition: all .2s;

}

.extp-mdbutton > div:after {

	content:"";

    border: solid rgb(255, 255, 255);

    border-width: 0 1px 1px 0;

    display: inline-block;

    padding: 4px;

}

.extp-mdbutton > div.extp-mdleft:after {

    transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

	margin-right:-4px;

}

.extp-mdbutton > div.extp-mdright:after {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

	margin-left:-4px;

}

.extp-mdbutton > div.extp-mdclose:before,

.extp-mdbutton > div.extp-mdclose:after{

	position: absolute;

    top: 50%;

	padding:0;

	border:0;

	content:"";

	background-color: rgba(255,255,255,1);

}

.extp-mdbutton > div.extp-mdclose:before {

    left: 50%;

    display: block;

    height: 1px;

    width: 19px;

    margin-left: -10px;

    margin-top: -1px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

}

.extp-mdbutton > div.extp-mdclose:after {

    display: block;

    height: 19px;

    width: 1px;

    margin-left: 15px;

    margin-top: -10px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

}

.extp-mdbutton > div:hover{background: #00BCD4; color: #fff; border-color: #00BCD4;}

.extp-mdbutton > div:hover:after{ border-color:#fff;}

.extp-mdbutton > div.extp-mdclose:hover:before,

.extp-mdbutton > div.extp-mdclose:hover:after{background:#fff;}

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

  .extsc-hidden {

    width: 450px;

  }

}

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

  .extsc-hidden{width: 330px; }

}

/* End modal content */