.container-fluid{padding-top:24px;padding-bottom:24px;margin-top:24px;}body{background:white;/*background-image: url(../images/street.jpg);*/background-repeat: no-repeat; background-attachment: fixed;}p{font-family:'DroidKufiBold'}.contentTitle{font-family:'DroidKufiBold';color:#f8a818;text-align:center;direction:rtl;font-weight:bold;}.contentDescription{font-family:'DroidKufiLight';color:#fff;text-align:center;;width:80%;margin:auto;margin-top:24px;font-size:27px;}.itemData{margin:24px 0;}.clear{clear:both;}.bignum{font-size:15px;float:right;padding:0 10px;overflow:hidden;height:100%;background-color:#fa942b;color:#000;line-height:28px;font-weight:bold;}.contentDescriptionBolites{float:right;margin-right:12px;color:#fa942b;font-size:20px;font-family:'DroidKufiBold';}.contentDescriptionForOneItem{clear:both;margin-top:24px;}.columnImage{width:100%;opacity:0.6}.columnImage:hover{opacity:0.7}.columnImageDiv{width:100%;overflow:hidden;}.columnImageDiv>img{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}.columnImageDiv:hover>img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.teamNames{text-align:center;color:#fff;font-family:'DroidKufiLight';z-index: 99;padding: 27px;border-top: solid 1px;border-bottom: solid 1px;background-color: #111111;}
.teamNames h1{font-size:15px;margin-bottom:12px;font-weight: bold;line-height: 1.5}
@media screen and (max-width: 992px) {.columnImageDiv{margin-bottom:24px;}}.pageTitle,.pageSubTitle{font-family:'Titillium',sans-serif;text-transform:uppercase;color:#333;}.pageTitle{color:#FF7600;}.pageTitle{font-size:2em;font-weight:700;line-height:2em;}.pageSubTitle{margin-bottom:1em;font-size:1.4em;font-weight:300;}.mainBackground{background:url("../img/mainbg.jpg") no-repeat;background-size:100% auto;position:fixed;width:100%;height:400%;top:0;left:0;z-index:-1}.mainBackground::before{content:'';width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.6);}.wrapper{width:80%;padding:40px;margin:0 auto;}.wrapper p{color:#fff;font-size:16px;}.work{display:block;width:33.33333333333333%;height:auto;float:right;position:relative;overflow:hidden;}.work a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#454545;display:block;}.work .media{width:100%;vertical-align:middle;filter:grayscale(100%);margin:0;}.work .caption{transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;}.work a .caption{position:absolute;display:block;width:100%;height:50%;bottom:10px;left:0;opacity:0;background:#000;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));overflow:hidden;}.work a:hover .media{filter:grayscale(0);}.caption .work_title{display:block;width:100%;position:absolute;text-align:center;bottom:-50%;transition:all 0.5s ease 0s;}.work a:hover .caption{opacity:1;}.work a:hover .section{z-index:1;}.work a:hover .work_title{bottom:10px;}.work .caption h1{padding:0 5%;color:#fff;font-family:'DroidKufiBold';font-size:22px;text-align:right;margin-bottom:24px;}.work .caption p{color:#fff;text-align:right;padding:0 5%;}#closebt-container,.closeModal{margin-top:24px!important;}#lightSpeedIn::before{position:fixed;width:100%;height:110%;content:'';top:0;left:0;background:rgba(0,0,0,0.7);}#lightSpeedIn{background-position:top left!important;background-size:cover;}#modal-container{width:60%;margin:auto 5% auto auto;position:relative;}.thumb{direction:rtl}.headData h1{direction:rtl;color:#fff;font-family:'DroidKufiBold';font-size:22px;text-align:right;}.headData p{color:#fff;text-align:right;margin-top:12px;}.clear{clear:both;}.said2017{margin-top:24px;width:100%;background:rgba(255,255,255,0.8);padding:14px;border-radius:5px;color:#000;}.said2018{margin-top:24px;width:100%;background:rgba(228,13,13,0.8);padding:15px;border-radius:5px;color:#fff;}.statics{margin-top:24px;}.statics .icon{float:right;width:7%;}.statics p{color:#fff;width:91%;margin-right:2%;float:right;}.statics .icon img{width:100%;}.work:nth-last-child(1),.work:nth-last-child(2){width:50%;}.masrawyWish{width:80%;float:right;}.salah{position:absolute;width:20%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:10px solid #fff;transform:rotate(-30deg);top:-54px;left:4%;}.salah img{width:100%;}.masrawyWish h1{text-align:right;margin-bottom:24px;color:#fff;font-family:'DroidKufiBold';direction:rtl;}.masrawyWish p{color:#fff;width:80%;text-align:justify;font-family:'DroidKufiLight';direction:rtl;margin:auto 0 auto auto;}@media screen and (max-width: 768px) {.work{width:50%;}.work:nth-last-child(1){width:100%;overflow:hidden;}.wrapper{width:90%;padding:0;margin:auto;}.mainBackground{height:300%;width:500%;}#modal-container{width:90%;}.masrawyWish{width:100%;float:none}.masrawyWish h1{text-align:center;}.masrawyWish p{text-align:center;width:100%;}.salah{display:none}.salahSection{margin-top:0!important}}@media screen and (max-width: 450px) {.work{width:100%!important;}.headDataTitle{text-align:center!important;margin-top:24px;}.headDataDescription{text-align:center!important;}}#disqus_thread{background:#000;width:100%;padding:5%;}.section{display:block;position:absolute;width:auto;top:12px;right:35px;padding:10px;color:#fff;font-family:'DroidKufiLight';z-index:1}
@media screen and (max-width: 991px) {.teamNames{z-index: 2;}}
.vide {background-color: #111}
.wrapper{height: auto;}
.tex {color: #fff}



@font-face {
	font-family: 'hand';
	src: url('../fonts/droidkufi-bold.eot');
	src: url('../fonts/droidkufi-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/kacstfarsi.ttf') format('truetype'),
        url('../fonts/droidkufi-regular.svg#webfontRl4nowrT') format('svg');
	font-weight: normal;
	font-style:normal;
}


.bgimg{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  /*background-color: rgba(0, 0, 0, 0.60);*/
}
.bgimgt{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.23);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}
.bgimg33{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.84);
  margin-top: 0;
  height: 100vh;
}
.bgimg-1{
  background-image: url(../img/mainbg.jpg);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  }
  .bgimg-2{
    background-image: url(../images/main.jpg);
    background-position: top;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 100vh;
  }
  .bgimg-2-2{
    background-image: url(../images/title2.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
  }
  .title2{margin-top: 200px}


  .bgimg-3{
    background-image: url(../images/ramadan.jpg);
    background-position: center;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }

  .bgimg-3new{
    background-image: url(../images/newimg.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
  }


  .bgimg-4new{
    background-image: url(../images/hmam.jpg);
    background-position: center;
  /*  background-attachment: fixed;*/
    background-size: cover;
    height: 720px;
  }


  .bgimg-4ringo{
    background-image: url(../images/ringo.jpg);
    background-position: bottom;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 720px;
  }



  .bgimg-33{
    background-image: url(../images/sena.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-3-3{background-image: url(../images/trans.jpg);
  background-position: center;
/*  background-attachment: fixed;*/
  background-size: cover;
  height: 800px;
}
  .bgimg-34{
    background-image: url(../images/babsena.jpg);
    background-position: top;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-35{
    background-image: url(../images/babsena2.jpg);
    background-position: top;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-36{
    background-image: url(../images/014.jpg);
    background-position: center;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 720px;
  }



  .bgimg-4gr{
    background-image: url(../images/nino.jpg);
    background-position: top;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
  }


  .bgimg-empty{
    background-image: url(../images/empty.jpg);
    background-position: center;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }



  .bgimg-4{
    background-image: url(../images/3eed.jpg);
    background-position: top;
    background-attachment: fixed;
    background-size: cover;
    height: 720px;
  }



  .bgimg-4ram{
    background-image: url(../images/board.jpg);
    background-position: bottom;
  /*  background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }



  .bgimg-4dead{
    background-image: url(../images/ram.jpg);
    background-position: center;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }



  .bgimg-4tour{
    background-image: url(../images/total.jpg);
    background-position: center;
  /*  background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }




  .bgimg-4mmm{
    background-image: url(../images/newimg.jpg);
    background-position: center;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }


  .bgimg-4nino{
    background-image: url(../images/nino.jpg);
    background-position: center;
  /*  background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }




  .bgimg-4alfons{
    background-image: url(../images/alfons.jpg);
    background-position: top;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }


  .bgimg-4last{
    background-image: url(../images/last.jpg);
    background-position: top;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 800px;
  }


  .bgimg-b-last{
    background-image: url(../images/b-last.JPG);
    background-position: center;
  /*  background-attachment: fixed;*/
    background-size: cover;
    height: 900px;
  }


  .bgimg-after{
    background-image: url(../images/aaa.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;

  }



  .bgimg-44{
    background-image: url(../images/3eed.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-45{
    background-image: url(../images/da.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-46{
    background-image: url(../images/elqaa.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-47{
    background-image: url(../images/657.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-48{
    background-image: url(../images/kamean.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-49{
    background-image: url(../images/hoss.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-50{
    background-image: url(../images/bitcoin.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
  .bgimg-55{
    background-image: url(../images/map2.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
.contentTitle {font-size: 6em;margin-top: 100px;margin-bottom: 50px;line-height: 1.5;}
.contentTitle span{    font-size: 30px !important;}
.conter1 h1{}
.coun{display: flex;justify-content: center;flex-direction: row-reverse;flex-wrap: wrap;}
.bord{border: 3px solid #fff}
.count{margin: 0 !important}
.tx{font-size: 23px !important}
.timeline .time{
  background-color: #a90505;
    color: #fff;
    padding: 5px;
    margin-top: -5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.timeline .p1{
  font-weight: bold;
color: #ab0202;
font-size: 12px;
text-align: inherit !important;
}
.timeline .p1 span{
  padding-right: 30px;
}

.timeline .p2{
  font-size: 12px;
font-weight: bold;
text-align: inherit !important;
}
.b1{padding: 50px 0}
/*counter*/
.conter1 {
  text-align: center;

}
.conter1 h1{
  font-family:'DroidKufiBold';
  margin: 20px;
  color: #fff;
 }
.coun2 {font-size: 43px;}
.one {margin: 5%}
.conter1 .circle {
  width: 200px;
  height: 166px;
  background-color: #a91616;
  color: #135159;
  font-weight: 700;
  font-size: 70px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/*end counter */
.conter1 p {
    text-align: center;
    color: #fff;
    margin-top: 10px;
  }
  .zero {
    padding: 30px;
    color: #fff;
  }
.p2 span {color: #a90505}

.ad{display: flex;justify-content: center;align-items: center;padding: 50px}
.ad p{border: solid 1px #fff; width: 768px;height: 90px;text-align:center;}
.bgwhit p{color: #424040!important}
.bgwhit a{
    color: #ffffff;
    font-size: 17px;
    font-family: 'DroidKufiBold';
    background: #af0505;
    padding: 1px 7px 0 1px;
   }
.wrapper h2{
  text-align: center;
  font-family: 'DroidKufiBold';
  padding: 50px;
  color: #fb2020;
  font-size: 45px;
  line-height: 1.5;
}
.wrapper h3{
  text-align: center;
  font-family: 'DroidKufiBold';
  padding: 30px;
  color: #fff;
  font-size: 30px;

}
.img {
  width: 70%;
  margin-top: 65px;
  margin-bottom: 70px;
  margin-left: 42px;
  transition: transform .2s;
}
.img:hover{
  transform: scale(1.2);
}
.wrapper span {font-size: 30px;color: red}
.wh2 {color: #fff !important}
.centered p{
  position: absolute;
  top: 51%;
  left: 47%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.daesh{display: flex;
    flex-flow: row-reverse wrap;
    background: #000;
    margin-bottom: -24px;
    border-top: 5px solid #fff;
  }
.daesh2{    display: flex;
    flex-flow: row-reverse wrap;}
.img2{width: 100%; border-radius: 16px;padding-bottom: 15px;}
.clee{    padding: 0;
    margin-top: 0;}
.spaes{    padding-top: 60px;}
.pimg {padding: 100px 0;}
.wrapper .chart h3{
  color: #fff;
background: #ce2b26;
font-size: 20px;
padding: 15px;
}
section span {font-family: 'DroidKufiBold';font-size: 15px!important}
.accordion2 ul li div p {
  font-size: 15px !important;
text-align: center !important;
margin-bottom: 61px;
top: 0 !important;
margin-left: 0 !important;
background: rgba(0, 0, 0, 0.3803921568627451);
}
.black{background: #252525;width: 20px;height: 20px;margin: 5px;}
.sasa{display: flex;direction: rtl;margin-top: -46px;justify-content: center;}
.sasa .redp{color:#ff4e4e !important}
.red{background: #ff4e4e;width: 20px;height: 20px;margin: 5px;}
.bgwhit iframe{
  /*background: #333;*/
   padding: 15px;}
.meen{    position: fixed;
    top: 200px;
    right: 0;
    z-index: 2;}
.meen p{background: #1c87c9;
    color: #fff;
    padding: 4px 13px;
    border-radius: 5px 0 0 5px;
    text-align: center;
  }
#navicon{padding: 0;}
  .side-categories{}
.side-categories li{
  background: #fff;
margin: 0 0 10px;
text-align: center;
border-radius: 5px 0 0 5px;
}
.side-categories li:hover{background: #999}
.side-categories li a{
  font-family: 'DroidKufiBold';
  font-size: 12px;
  padding-left: 10px;
  color: #000;
}
.side-categories li a:hover{color: #b30909}
@media only screen and (max-width: 400px) {
.bgimg-2-2{height: auto;}


.bgimg-2{
	height: 100vh;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

.bgimg-3{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}


.bgimg-4new{

	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;


}



.bgimg-4ringo{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}

.bgimg-3-3{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;


}

.bgimg-empty{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}


.bgimg-4{

	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
}


.bgimg-4ram{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}

.bgimg-4dead{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}

.bgimg-4tour{

	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
}

.bgimg-4mmm{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}

.bgimg-4nino{

	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
}

.bgimg-4alfons{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}

.bgimg-b-last{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}


.bgimg-4last{
	height: 100vh;
	background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

}

.first{
	margin-top: 5% !important;

}
.bgimgt {height: auto;}
.wrapper h2{padding: 25px;font-size: 35px;}
.dabt{line-height: 1.5;
    font-size: 18px;}
.wrapper .chart h3{margin-bottom: 15px;line-height: 1.5;}
.wrapper h3{padding: 15px;color: #fff;font-size: 20px;line-height: 1.5;}
.bgwhit{margin-top: 15px}
.meen{display: none;}
}
.wrapper .titlewhite{color: #fff; font-size: 35px}
.bg12 p{font-size: 13px !important;text-align: left !important;}





/*ezz*/


.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}



/*arrow*/
#scroll {
  text-align: center;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,1);
	border-radius: 50%;
	margin: 0 auto;
  margin-top: -55px;
  // offset margin to absolutely center
  margin-right: -25px;
	color: white;
	padding-top: 0px;
	font-size: 26px;
  line-height: 40px;
	cursor: pointer;
	position: absolute;
	right: 50%;
	@include transition(transform 0.6s ease);


	&.clicked {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}

	&.rotate {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(3180deg);
	}

	span {
		position: relative;
		bottom: -10px;
	}
}

.arrow-bounce{
	-webkit-animation:   arrow 1s infinite;
	-moz-animation:     arrow 1s infinite;
	-o-animation:       arrow 1s infinite;
	animation:          arrow 1s infinite;
	animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}

@include keyframes(arrow) {
  0% { bottom: -13px; }
  50% { bottom: -8px; }
  100% { bottom: -13px; }
}


/*css-slider*/
body,
#slider,
.wrap,
.slide-content {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100vh;

}

.wrap {
  position: relative;
}

.slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
}

.slide1 {
  background-image: url("../images/1.JPG");
}
.slide2 {
  background-image: url("../images/2.JPG");
}
.slide3 {
  background-image: url("../images/3.JPG");
}

.slide4 {
  background-image: url("../images/4.JPG");
}

.slide5 {
  background-image: url("../images/map2.JPG");
}

.slide6 {
  background-image: url("../images/map1.JPG");

}





.slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.slide-content span {
  font-size: 5rem;
  color: #fff;
}

.arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 0;
  height: 0;
  border-style: solid;
}

#arrow-left {
  border-width: 30px 40px 30px 0;
  border-color: transparent #fff transparent transparent;
  left: 0;
  margin-left: 30px;
}

#arrow-right {
  border-width: 30px 0 30px 40px;
  border-color: transparent transparent transparent #fff;
  right: 0;
  margin-right: 30px;
}


.cocoen-drag::before {
    content: '';
    height: 50px;
    left: -40px;
    margin-left: -7px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: 100px;
    background: url(../images/arrow.gif);
    z-index: 1;
}



#button {
  display: inline-block;
  background-color: #730c08;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}