@font-face {
    font-family: dana;
    src: url(../font/dana/dana.eot),
        url(../font/dana/dana.ttf),
        url(../font/dana/dana.woff),
        url(../font/dana/dana.woff2);
}

* {
    font-family: dana !important;
}


/* header start */
#header {
    position: relative;
    height: 75px;
    background: #d9d9d9;
    border-radius: 20px;
    top: 20px;
    margin-bottom: 20px;
}

.list-group-item {
    background: transparent;
    border: 0;
}

#menu li a {
    text-decoration: none;
    color: #333;
}

#menu li a:hover {
    color: #03a9f4;
    transition: all 0.4s;
}

#menu li img {
    width: 30px;
}

#search {
    width: 45px;
}

#signup {
    background: #03a9f4 !important;
    border-color: #03a9f4 !important;
}

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

/* header end */


/* trends start */

.tr {
    background-size: cover !important;
    border-radius: 10px;
    position: relative;
    transition: all 0.4s;
    filter: grayscale(1);
}

.tr:hover {
    filter: grayscale(0);
    cursor: pointer;
}

.trpad {
    padding: 10px;
}

.trpad2 {
    padding: 0 10px 10px 10px;
}

.trpad3 {
    padding: 10px 10px 0px 10px;
}

#siasi {
    background: url(../img/siasi.jpg);
    height: 500px;

}

#bargozideh {
    background: url(../img/bargozideh.jpg);
    height: 500px;

}

.trendlink {
    color: white;
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#varzeshi {
    background: url(../img/varzeshi.jpg);
    height: 240px;

}

#eqtesadi {
    background: url(../img/eqtesadi.jpg);
    height: 240px;

}

#musiqi {
    background: url(../img/musiqi.jpg);
    height: 240px;

}

#cinema {
    background: url(../img/cinema.jpg);
    height: 240px;

}

#ashpazi {
    background: url(../img/ashpazi.jpg);
    height: 230px;

}

#dokhtaruneh {
    background: url(../img/dokhtaruneh.jpg);
    height: 230px;

}

#akaskhoneh {
    background: url(../img/akaskhuneh.jpg);
    height: 230px;

}

#ai {
    background: url(../img/ai.jpg);
    height: 230px;

}

/* trends end */


/* carousel news start */
#carouselnews {
    height: 400px;
    background: #59c6f8;
    margin-top: 150px;
    position: relative;
    padding-top: 150px;
}

#wave1 {
    position: absolute;
    top: 400px;
    left: 0;
}

#carouseltitle {
    position: absolute;
    right: 200px;
    width: 350px;
    top: -150px;
}

#carouselnews h2 {
    font-size: 30px;
    color: white;
    position: absolute;
    right: 300px;
    top: 0;
}

.mycardtitle {
    font-weight: bold;
    font-size: 19px;
}

.bottomcard img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 100% !important;
    border: 2px solid #59c6f8 !important;
}

.card-text {
    text-align: justify;
    padding-left: 40px;
}

.bottomcard span {
    color: #59c6f8 !important;
    font-size: 14px !important;
    display: inline !important;
}

.bottomcard h5 {
    display: inline !important;
    font-size: 13px !important;
    margin-right: 50px !important;
}

/* carousel news end */


/* videos start */
#videos {
    height: 500px;
    margin-top: 200px;
}

.videoleft {
    padding-top: 40px;
}

.videoleft h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.videoleft h4 {
    font-size: 13px;
    text-align: center;
}

.mb-20 {
    margin-bottom: 20px;
}

.w100 {
    width: 100%;
}

video {
    border-radius: 10px;
}

.trendvideo {
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

#titlevideo {
    text-align: center;
}

#titlevideo svg {
    width: 300px;
    margin: auto;
}

#titlevideo h2 {
    position: relative;
    bottom: 170px;
    color: white;
}

/* videos end */

/* ad start*/
#ad {
    height: 220px;
    margin-top: 400px;

}

#ad img {
    width: 100%;
    border-radius: 20px;
}


/* ad end */


/* article start */
.articletitle {
    text-align: center;
    color: #303f9f;
    font-weight: bold;
    margin-bottom: 50px;

}

#banner {
    background: #2899d5;
    height: 375px;
    border-radius: 10px;
}

#banner img {
    width: 100%;

}

#comment {
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 9px 10px 35px -20px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 9px 10px 35px -20px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 9px 10px 35px -20px rgba(0, 0, 0, 0.75);
    height: 250px;
    border-radius: 10px;
    padding: 20px;
    overflow-y: hidden;

}

#comment2 {
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 9px 10px 35px -20px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 9px 10px 35px -20px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 9px 10px 35px -20px rgba(0, 0, 0, 0.75);
    min-height: 300px;
    border-radius: 10px;
    padding: 20px;
    overflow-y: hidden;

}

#comment h3{
    text-align: right;
    color: #303f9f;
    font-size: 24px;
    font-weight: bold;

}

.mycomment{
    list-style: none;
    border-bottom: 1px solid #ababab;
    margin-top: 20px;
}

.mycomment2{
    list-style: none;
    border-bottom: 1px solid #dedede;
    margin-top: 20px;
    padding-bottom: 10px;
}

.mycomment img{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border:2px solid #2899d5;
}

.x{
    color: #333;
    position: relative;
    bottom: 10px;
    right: 3px;
}

.xx{
    color: #03a9f4;
    font-weight: bold;
}

.y{
    color: #03a9f4;
    position: relative;
    right: 76px;
    bottom: 27px;
}

.pd0{
    padding: 0 !important;
}

.center{
    justify-content: center;
    text-align: center;
}
/* article end */


/* contact start */
#contactlist{
    padding-top: 100px;
}
#contactlist li{
    list-style: none;
    text-align: right;
    font-size: 1.4rem;
    margin-bottom: 20px;
}

/* contact end */


/* footer start */
#footer{
    background-color: #5f6ec1;
    height: 300px;
    position: relative;
    margin-top: 300px;
}

#wavefooter{
    position: absolute;
    left: 0;
    bottom: 298px;
}

.footertitle{
    color: white;
}

.footerp{
    color: white;
    text-align: justify;
    padding: 20px 0 0 40px;
}

.menufooter{
    padding-top: 15px;
    padding-right: 0;
}

.menufooter li{
    list-style: none;
     margin-top: 10px;
}

.menufooter li a{
    text-decoration: none;
    color: white;
   
}

.menufooter li a:hover{
    color: yellow;
}

.mytable{
    margin-right: 30px;
    margin-top: 30px;
}

.mytable td{
    padding: 10px;
}

.enamadback{
    background-color: #e1e1e1;
    width: 100px;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
}
/* footer end */


/* master start */
#masterhead{
    height: 700px;
    background: url(../img/masterhead.png);
    background-size: cover;
    position: relative;
}

#masterwave{
    position: absolute;
    bottom: -1px;
    left: 0;
}

#mastertitle{
    position: absolute;
    width: 400px;
    right: 200px
}

#mastertext{
    color: white;
    position: absolute;
    right: 288px;
    top: 257px;
    font-size: 1.3rem;
}

#mastertext2{
    color: yellow;
    position: absolute;
    right: 288px;
    top: 257px;
    font-size: 3rem;

}
#section1{
    justify-content: center;
    text-align: center;
}

.textmaster{
    font-size: 1.85rem;
    text-align: justify;
}

#blogtext{
    font-size: 1.2rem;
    text-align: justify;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 30px;
}

#tags{
    background-color: #f4f4f4;
    padding: 30px;
    border-radius: 15px;
}

#tags li:nth-child(1){
    display: inline-block;
    margin: auto 10px;
    font-size: 1.4rem;
    color: #303f9f;
    font-weight: bold;
}

#tags li{
  display: inline-block;
  margin: auto 10px;
  font-size: 1.4rem;
}

/* master end */