html, img, ul, li { margin: 0; padding: 0;list-style: none;}
body { font-family: Tahoma; font-size: 11px; padding-right: 0px!important;  background-color: #fff;}
p {margin:0 0 10px 0;padding: 0px;line-height:20px; text-align: justify; color: #777;}
a { color: #666; }
a:link, a:visited, a:active { text-decoration: none;outline: 0;}
a:hover {color: #0082BF;text-decoration: none;}

h1 { font-size: 16px; font-family: body; }
h2 { font-size: 30px; font-family: title; }
h3 { font-size: 25px; font-family: title; }
h4 { font-size: 16px; font-family: body; }
h5 { font-size: 14px; font-family: body; }
h6 { font-size: 11px; font-family: body; }
.btn { font: 11px Tahoma; padding-bottom: 8px; }
.box-shadow {  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2); }

/* ------------------------------- Fonts ------------------------------- */
@font-face {font-family:'body';  src: url("../fonts/iransans_light.woff") format('woff'); }
@font-face {font-family:'title'; src:url('../fonts/Shabnam.eot') format('embedded-opentype'); src:url('../fonts/Shabnam.eot?#iefix') format('embedded-opentype'),url('../fonts/Shabnam.woff') format('woff'), url('../fonts/Shabnam.ttf') format('truetype');}

/* ------------------------------- drop down fontsize ------------------------------- */
.dropdown-menu { min-width: 120px; font-size: 11px;} .dropdown-item{ line-height: 2; }
.navbar { border-radius: 0;}
.carousel-control { width: auto;}
.carousel-control.left , .carousel-control.right { background-image:none; }


/* ------------------------------- Pagination ------------------------------- */
.page_nav { margin: 20px 7px 10px 0; display: inline-block; }
.page_nav .page-numbers{ background:#bbb; color:#fff;  float:right; margin: 4px 4px 4px 0; padding:7px 14px; border-radius: 5px;}
.page_nav .page-numbers:hover{ background: #24221D; color:#fff;}
.page_nav .current{ background: #24221D; color:#fff; padding:7px 14px;}


/* -------------------------------  Post Info Single ------------------------------- */
.post-info { margin-bottom: 30px; }
.post-info .card-header { font: 15px body; }
.post-info .card-block { padding: 0.9rem 1.25rem; }
.post-info .card-block { padding: 0.9rem 1.25rem; }
.post-info .list-group-item { font: 13px body; color: #666!important;}
.post-info .list-group-item:last-of-type{  text-align: center; padding: 0; font-size: 22px; opacity: 0.7; }
.post-info .list-group-item:last-of-type a:hover {  opacity: 0.6; }


/* ------------------------------- Random Post ------------------------------- */
.rand-post { margin-top: 40px; }
.rand-post img { opacity: 0.7; width: 100%; height: 140px; }
.rand-post img:hover { opacity: 1; }
.rand-post .card-block { padding: 10px; }
.rand-post .card-block h6 { color: #888; font-size: 12px; margin: 7px 5px 0 0;  }


/* ------------------------------- Load Page Jquery ------------------------------- */
.pace {-webkit-pointer-events: none;pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.pace-inactive { display: none;}
.pace .pace-progress { background: #5bc0de; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 3px;}
.pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #5bc0de, 0 0 5px #5bc0de;
    opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}
.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 16px; height: 16px; border: solid 2px transparent; border-top-color: #5bc0de;
    border-left-color: #5bc0de; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite;}
@-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }}
@-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }}
@-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); }}


.h_iframe-aparat_embed_frame {
    position: relative;
}
.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}
.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------------------------- Header ------------------------------- */
.header {  height: 300px; background: #fcfcfc url("../images/header-farsi.jpg") center top no-repeat;  background-size: auto 250px; border-bottom: 1px solid #e1e1e1 ;}
.header span {  position: relative; top: 265px; left: 0px; cursor: pointer; }
.header i { padding-left: 7px; }
.social a {  float: left; color: #999; padding-right: 15px; margin-top: 2px; font-size: 15px;}
.social a:hover{color: #cdcdcd;}

.header-cat h4 { border-bottom: 1px solid #eee;  padding-bottom: 25px; font-size: 14px; }
.header-cat h4 li { border-bottom: 2px solid #60c2d3; float: right; padding:0 3px 9px 10px;}


/* ------------------------------- Sidebar ------------------------------- */
.sidebar-fixed-top{ width: 244px; position: fixed; top:60px; z-index: 12; transition: all 0.4s ease; }
/* --> Menu */
div.sidebar {   }
.menu-right ul { margin: 0; padding: 0; }
.menu-right li { width: 100%; border: 1px solid #eee; position: relative; }
.menu-right li a {  display: block; font:14px title; padding: 6px 10px 0 0; color: #363636; height: 35px; background: #f7f7f9; border-right: 3px solid #5BC0DE;  z-index: 12;}
.menu-right li a:hover { background-color: #F1F1F1; border-right: 3px solid #D9534F;}
.menu-right li ul { display: none; }
.menu-right li:hover ul { display: block; position: absolute; width: 90%; top:12px; right: 85%; z-index: 12; -webkit-transition:  }
.menu-right li:hover ul li a { padding-right: 15px; color: #363636; border: 1px solid #eee;}
.menu-right li:hover ul li ul { display: none; }
.menu-right li:hover ul li ul li ul { display: none;}
.menu-right li ul li:hover ul { display: block; position: absolute; width: 90%; top:12px; right: 85%; z-index: 12;}
.menu-right li ul li ul li:hover ul { display: block; position: absolute; width: 90%; top:20px; right: 88%; z-index: 12;}
.menu-right li > a:after { content: ' ›'; float: left; padding-left: 8px; font-size: 16px; }
.menu-right li > a:only-child:after { content: '';}


/* ------------------------------- Title Section ------------------------------- */
.title h2 { width: 100%; font: 17px body; text-align: center; margin-top:30px; margin-bottom: -3px; color: #545454;
    text-shadow: 2px 3px 6px rgba(200,200,200,0.2), 0px -5px 35px rgba(255,255,255,0.3);}
.title p { text-align: center;  margin-bottom: 10px; font-size: 11px; color: #999; }
.title section { height: 11px; background: url("../images/border_title.png") no-repeat center; margin-bottom: 30px; }
.title-border { height: 11px; background: url("../images/border_w_title.png") no-repeat center; margin-bottom: 30px; }


/* ------------------------------- Menu Navbar Header ------------------------------- */
.menu-nav { background:#41474c; height: 100px; transition: all 0.4s ease; }
.menu-nav img { margin-top: 18px; float: right;  float: right; transition: all 0.2s ease; }
.menu-nav ul { float: left; padding-top: 35px; font: 14px title;}
.menu-nav li:before { content: '|'; color: #aaa; padding: 0 0px 0 11px;}
.menu-nav li:first-child:before { content: '';}
.menu-nav li a{ color: #bbc0c4; -webkit-transition: all 0.3s ease; transition: all 0.1s ease;}
.menu-nav li a:hover { color: #60c2d3 ; border-bottom: 2px solid #60c2d3; -webkit-filter: blur(1px); filter: blur(1px);}
.menu-nav img:hover { -webkit-filter: blur(1px); filter: blur(1px);}
.navbar-fixed-top { opacity: 0.8; height: auto !important; background:#41474c !important; }
.navbar-fixed-top img { margin: 0!important; width: 300px; height: 42px; }
.navbar-fixed-top ul { padding-top: 10px!important; font-size: 13px!important; }
.navbar-fixed-top li a {  color: #ddd !important; }
.navbar-fixed-top .banner-nav { height: auto; background-image:none; }


/* ------------------------------- Index Slider ------------------------------- */
.slider { width: 100%; height: auto; display: block; background: #ddd url("../images/slider_bg.jpg") no-repeat; background-size: 100% 100%; }
.slider .img1{ float: right; padding: 0; margin: 0!important; }
.slider .img2 { float: right; width:310px!important; height: 174px!important; margin: 85px 0 76px 28px!important; }
.slider h4 {  padding-top: 100px; }
.slider h4 a { color: #545454; }
.slider p { font-size: 12px; padding-left: 60px; padding-bottom: 15px; }
.slider .carousel-item { margin-right: 60px; }
.slider .carousel-item:first-child { margin-right: 0; }
.slider .carousel-control .icon-prev, .slider .carousel-control .icon-next { background: #fff; color: #006699; font-size: 30px; line-height: 24px; width: 30px; height: 30px; border-radius: 50%; }
.slider .carousel-control .icon-prev:hover, .slider .carousel-control .icon-next:hover { background: #37bcc4; color: #fff; }


/* ------------------------------- Moharram ------------------------------- */
.banner { width: 100%; height: 295px;  background: #393a3e;}
.banner .img { height: 295px;  background: #393a3e url("../images/moharram.jpg") no-repeat; margin: auto;}
.banner-nav { width: 100%; height: 92px; background: #41474c; text-align: center; }
.banner-nav-index { width: 100%; height: 92px; background: #41474c url("../images/moharram-nav.jpg") no-repeat; text-align: center; }
.navbar-fixed-top .banner-nav-index { height: auto; background-image:none; }

/* ------------------------------- Index Video ------------------------------- */
.video { padding-bottom: 20px; }
.video .img-thumbnail{ display: block; position: relative; width: 100%; height: 360px; opacity: 0.9; border-radius: 15px; }
.video li { position:absolute; cursor: pointer; top:45%; left: 45%; font-size: 50px; color: #fff; } .video li:hover { color: #0C77BD; }
.video td { padding: 12px 10px 1px 0; }
.video h4 { font: 12px title; color: #777; display: inline; cursor: pointer; }
.video i { font-size: 13px; padding-left: 5px;}
.video video { width: 100%;}
.video .table p { width: 50px; margin-left: 10px; border-radius: 10px; padding-right: 10px; }
.video .bg-inverse { background: #888; font-size: 11px; }
.video .btn{ font: 13px title; }
.video .fa-play-circle {  }


/* ------------------------------- Category Video ------------------------------- */
.cat-video { position: relative; margin-top: 30px; }
.cat-video h5 { margin-top: 7px; width: 85%; height: 30px; color: #666; font:12px title; }
.cat-video .col-lg-6 h5 { position: absolute; bottom:10px; right: 30px; padding: 5px; background-color: rgba(51, 51, 51, .7); border-radius: 5px; color: #fff; }
.cat-video .col-lg-9 { border-right: 1px solid #eee; }
.cat-video .col-lg-3 { padding-left: 30px; }
.cat-video .thumbnail { width: 100%!important; height: 218px; }
.cat-video .img-thumbnail { width: 100%; }
.cat-video .img-responsive{ width: 100%;  opacity: 0.8;  margin-top: 15px; border-radius: 5px;  max-height: 139px; }
.cat-video .img-responsive:hover { opacity: 1; }
.cat-video article { position: absolute; top:130px; left: 30px; color: #fff; background-color: rgba(51, 51, 51, .5); padding: 2px 5px; border-radius: 5px; font:bold 12px arial; }

.single-video { position: relative; margin-top: 30px; }
.single-video video { margin-bottom: 10px; width: 100%; height: auto; }
.single-video p { font-family: body; font-size: 12px;}

.single-video .rand-post .card-block { height: 55px!important; }


/* ------------------------------- Index Audio ------------------------------- */
.audio { background: #e9e9e9; background-size: cover; margin-top:30px; }
.audio .title { position: absolute; bottom: 125px; left: 42%; }
.audio .title h2{ color: #fff!important;}
.audio .table { margin-top: 40px;}
.audio i { color: #fff; font-size: 14px; }
.audio h5 , .audio data { color: #888; font-size: 12px}
.audio p { display: inline; padding-right: 20px; color: #aaa;}
.audio a { color: #777; }
.audio .table td { padding: 10px 10px 3px 10px;  border-left: 3px solid #e9e9e9;  }
.audio .table tr:nth-child(even) td{ padding: 0;  padding-bottom: 15px; color: #aaa;}



/* ------------------------------- Category Audio ------------------------------- */
.cat-sound { margin: 40px 0 20px 0; }
.cat-sound audio { position: absolute; top:-30px; left: 16px; background: #96EFFF; opacity: 0.7; }
.cat-sound h5 { font-size: 13px; }
.cat-sound h5 , .audio data { color: #555;}
.cat-sound .col-lg-9 { border-right: 1px solid #eee; padding-right: 30px; }
.cat-sound .col-lg-3 { padding-left: 30px; }
.cat-sound .bg-info , .cat-sound .bg-warning { padding: 5px 8px ; border-radius: 5px;  text-align: center;}
.cat-sound .bg-info:hover , .cat-sound .bg-warning:hover { color: #fff; opacity: 0.5; }

.single-sound { margin: 40px 0 20px 0; }
.single-sound .col-lg-9 { border-right: 1px solid #eee; padding-right: 30px; }
.single-sound .col-lg-3 { padding-left: 30px; }
.single-sound span { width: 100%; height: 372px; float: right; background: url("../images/sound-top.jpg") no-repeat;}
.single-sound span h4 {text-align: right; margin: 40px 20px; font-size: 13px; display: inline; border-bottom: 2px solid #5bc0de; padding-bottom: 7px; }
.single-sound article { margin: 230px 20px 0 0 ; }
.single-sound audio { width: 300px; float: right; margin-left: 5px; }
.single-sound article a { padding: 0.4500rem 1.5rem; float: right; }
.single-sound span h6 { float: right; margin: 5px 0 0 10px; padding: 7px 25px 3px 24px; border-radius: 5px; font-size: 11px; background: #eee; }



/* ------------------------------- Index Bookesfta ------------------------------- */
.estefta { margin: 50px 0 10px 0;}
.estefta .title-h4{  border-bottom: 1px solid #e9e9e9; padding-bottom:3px; line-height: 25px; color: #399eba; margin-bottom: 20px;} .estefta h3 i { padding-left: 5px;}
.estefta .panel-title {line-height: 30px; border:1px solid #F2F2F2; background: #fafafa; border-radius: 5px; padding-right: 10px; margin-bottom: 7px; }
.estefta .panel-title a {  display: block; color: #777; }
.estefta .panel-title i { font-size: 15px; padding-left: 5px; color: #5bc0de; }
.estefta .panel-title .fa-plus { float: left; margin: 10px 0 0 8px; font-size: 11px ; color: #2b2d2f;}
.estefta .collapse {  margin: 15px 10px; }
.estefta .collapse p { margin: 15px 0 25px 0; color: #999; }
.estefta .collapse h5 { padding-bottom: 7px; border-bottom: 1px solid #F2F2F2; color: #187f9b; line-height: 22px; text-align: justify }



/* ------------------------------- Category Estefta ------------------------------- */
.cat-estefta { margin-top: 50px; }
.cat-estefta input[type=text] { font-size: 12px; height: 38px; }
.cat-estefta .btn { height: 38px; padding: 0; font: 15px title; }
.cat-estefta nav { width: 100%; margin: 20px 0 0 0; }
.cat-estefta .nav-item { background: #666; color: #fff; border-radius: 3px; float: right; margin: 2px; padding: 7px 20px; font: 12px title; }
.cat-estefta .nav-item:hover{background: #999;}
.cat-estefta .collapse .text-muted { color:#d9534f;  }
.cat-estefta .collapse p { font: 13px title; color: #999; }
.cat-estefta .card-title {font-size: 15px; padding-bottom: 10px;}
.cat-estefta .text-muted a { color: #187f9b; line-height: 22px; }
.cat-estefta .card-text { font: 13px title; line-height: 25px; }
.cat-estefta .header-cat { padding: 0; }
.cat-estefta .card i { float: left; font-size: 20px; margin-right: 3px; opacity: 0.7; }
.cat-estefta .card i:hover { color: #d9534f; opacity: 1; }



/* ------------------------------- Index Ebook ------------------------------- */
.estefta .carousel img {  float: right; padding: 0 0 0 15px; }
.estefta .carousel span { display: block; margin-top: 13px; padding-top: 13px; border-top: 1px solid #F2F2F2; }
.estefta .carousel-item h5 a { color: #666; }
.estefta .carousel-indicators { position: relative; top: -40px; margin-bottom: -10px; right: 0px; float: left; text-align: left; }
.estefta .carousel-indicators li { background-color: #ddd;}
.estefta .carousel-indicators .active { background: #5bc0de;}



/* ------------------------------- Category Ebook ------------------------------- */
.cat-ebook{ position: relative; margin-top: 30px; }
.cat-ebook .col-lg-9 { border-right: 1px solid #eee; padding-right: 30px; }
.cat-ebook .col-lg-3 { padding-left: 30px; }
.cat-ebook i { float: right; padding: 0 0 0 10px; font-size: 15px; color: #999; }
.cat-ebook h4{ color: #888; font-size: 14px; }
.cat-ebook table { font:13px title; color: #999; }
.cat-ebook table p { font: 11px tahoma; }
.cat-ebook table td { border: 0; padding: 6px 0 0 0; }
.cat-ebook img { cursor: pointer; height: 200px; }
.cat-ebook .col-lg-2 a { width: 100px; margin-top: 10px; }
.cat-ebook .col-lg-2 a li { padding-left: 3px;}
.cat-ebook .modal-content img {  padding: 30px 0; max-height: 700px;}

.single-ebook { position: relative; margin-top: 30px; }
.single-ebook .col-lg-9 { border-right: 1px solid #eee; padding-right: 30px; }
.single-ebook .col-lg-3 { padding-left: 30px; }
.single-ebook img { width:100%; heigh:473px; }
.single-ebook i { float: right; padding: 0 0 0 10px; font-size: 20px; opacity: 0.8; }
.single-ebook table td {  padding: 10px 0 0 0; }
.single-ebook span { position: absolute; bottom: 25px; left: 25px; }
.single-ebook span a { padding: .500rem 1rem }
.single-ebook p { font-family: body!important; font-size: 13px; line-height:23px; padding-left:8px; }
.single-ebook h5 { padding: 4px 0 7px 0; }
.info-book { font-family: title; font-size: 13px;  }



/* ------------------------------- Index Contact ------------------------------- */
.contact { margin-top:30px;}
.contact .col-md-6{ width: 49%; height: 350px; background: #F2F2F2; }
.contact .col-md-6:first-child { float: left; border-radius: 0 15px 15px 0; padding: 40px 60px 0 0;  }
.contact .col-md-6:last-child { float: right; border-radius: 15px 0 0 15px; padding: 0 0 0 38px; }
.contact li{ float: right; margin-left: 5px;}
.contact pre{font: 11px tahoma;}
.contact p { width: 475px; font: 11px tahoma; line-height: 23px; margin-bottom: 30px; }
.contact article{ width: 99%; float: right; height: 350px; background: #f2f2f2;  border-radius: 10px 0 0 10px; margin-left: 1%;}
.contact iframe{ float: left; margin-top: 30px; }



/* ------------------------------- Index Articel ------------------------------- */
.article{ background: url("../images/slider_bg.jpg") no-repeat; background-size: 100% 100%; margin: 30px 0 10px 0; padding-bottom:30px; }
.article h5 { color: #666; margin-bottom: 0px; }
.article span { display: none;}
.article .card { margin-bottom: 25px; border-color: #f2f2f2; background: #fff;}



/* ------------------------------- Category Articel ------------------------------- */
.cat-article { margin-top: 40px; }
.cat-article .col-lg-9 { border-right: 1px solid #eee; padding-right: 30px; }
.cat-article .col-lg-3 { padding-left: 30px; }
.cat-article .card { margin: 0 0 30px 0; }
.cat-article .card-header { height: 50px; line-height: 50px;}
.cat-article .card-text { height: 70px; }



/* ------------------------------- Single Articel ------------------------------- */
.single-article { margin: 40px 0 0 0 ; }
.single-article .col-lg-9 { border-right: 1px solid #eee; padding-right: 30px; }
.single-article .col-lg-9 p {  font:14px body; color: #777; }
.single-article .col-lg-3 { padding-left: 30px; }
.single-article .col-lg-9 ul { border-top: 1px solid #eee; margin-top: 20px }
.single-article .col-lg-9 ul li { display: inline; float: left; padding-top: 5px; margin-right: 15px; }
.single-article .col-lg-9 ul a { font-size: 20px; }



/* ------------------------------- Category News ------------------------------- */
.cat-news { margin-top: 20px; }
.cat-news .col-lg-6 img { height: 296px; }
.cat-news .col-lg-6 a { width: 120px; margin-top: 50px; }
.cat-news .card { margin: 30px 0 10px 0; }
.cat-news .card h4 a { color: #444; }
.cat-news .card h4 a:hover { color: #f63e28; }
.cat-news .card-title { height: 40px; }
.cat-news .card-header { height: 50px; line-height: 50px;}
.cat-news .card-text { height: 70px; }
.cat-news img { width: 100%; height: 197px; }
.single-news { margin: 40px 0 0 0 ; }
.single-news h4 { margin-bottom: 20px; }
.single-news p { font:13px body; color: #999!important; }
.single-news img:first-child { margin-top: 20px; }
.single-news img { width: 98%; margin: 0 1% 5px 5%; }
.single-news .card img { width: 100%; margin: 0; }



/* ------------------------------- Page ------------------------------- */
.page { margin: 30px 0; }
.page p { font:13px body; color: #999; }

.blur{
    -webkit-filter: blur(2px); /* Chrome, Safari, Opera */
    filter: blur(2px);
    transition: all 0.4s ease;
}


/* ------------------------------- Page Gallery ------------------------------- */
.page-gallery { margin-top: 40px; }
.page-gallery .img-thumbnail { width: 350px; height: 220px; margin: 0 0 35px 0; }



/* ------------------------------- Footer ------------------------------- */
.footer { text-align: center; float: none; margin: 30px 0; }
.footer span a { text-align: center; color: #666; transition: all 0.4s ease; }
.footer span a:hover { color: #f63e28; }
.footer-border { height: 7px; border-bottom: 1px solid #c2c2c2; margin-top: 30px; }
.footer-border i { background: #fff; font-size: 14px; }
.icon-button { height: 48px; width: 48px; background: #f2f2f2; font-size: 16px; padding-top: 15px; border-radius: 100%; text-shadow: 0 1px 0 #fff;}
.footer h4 { color: #8f8f8f; margin-top: 30px; }
.footer li { display: inline;} .footer li a { padding: 0 7px; color: #a9a9a9; }


.blur-style{
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(5px);
}

#back-to-top { position: fixed; bottom: 30px; right: 30px; z-index: 9999; color: #60C2D3; cursor: pointer;  text-decoration: none; transition: opacity 0.2s ease-out;  opacity: 0; }
#back-to-top:hover { background: #e9ebec;}
#back-to-top.show { opacity: 1;}