@font-face {
    font-family: 'Rubik';
    src: url('/fonts/Rubik.ttf'); /* IE9 Compat Modes */
 
}
*{margin:0;padding:0}
body{direction:rtl;text-align:right;background:#cfcfcf;font-family:"Rubik";font-size:14px}
ul{list-style: none;padding:0;margin:0}
a{text-decoration:none;color:#fff}
a:hover{text-decoration:none}
/* main-menu */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.text-dark{color:#000 !important}
.maing h1{font-size: 18px;
    margin: 0 30px;
    padding: 20px 0 10px;
    text-transform: uppercase;
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #484848;}
a {
    text-decoration: none; }
.pagination{width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;}
a:hover {
    color: #7c001f; }
.mx-auto{margin-right: auto !important;margin-left: auto !important;}
/* =Template
-------------------------------------------------------------- */
#wrapper {
    width: 100%;
    margin: 0 auto; }
/* =Top Bar
-------------------------------------------------------------- */
#top-bar {
    background-color: #950025; }

#top-bar a {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    padding: 10px; }

#top-bar a:hover {
    background-color: #7c001f; }
/* =Nav
-------------------------------------------------------------- */
.logo-hedaer{
    height: 28px;
    position: relative;
    right: -40px;
    transform: scale(1.8);
   
}
.logo-hover a:hover{
    background:none !important;
}
.logo-hover{
    display: flex;
    justify-content: flex-end;
    width: 21%;
}

.hidd-logo{
    transition:all ease 0.5s;
    display:flex;
    justify-content:center
}
.hidd-logo .logo-hover{
    display:none !important;

}
.scroll-nav{
    position:fixed;
    width:100%;
    transition:all ease 0.5s;
    z-index:2000;
    display:flex;
    top:0
}
#nav-trigger {
    display: none;
    text-align: center; }
#nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #c80032;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    width:100%;
}
#nav-trigger span:after {
    display: inline-block;
    margin-left: 10px;
    width: 20px;
    height: 10px;
    content: "";
    border-left: solid 10px transparent;
    border-top: solid 10px #fff;
    border-right: solid 10px transparent;
transform: scale(0.6);
}
#nav-trigger span:hover {
    background-color: #af002c; }
#nav-trigger span.open:after {
    border-left: solid 10px transparent;
    border-top: none;
    border-bottom: solid 10px #fff;
    border-right: solid 10px transparent; }

nav#nav-main {
    background-color: #c80032;
    padding: 10px 0; }
nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 79%;
}nav#nav-main li ul {
    position:absolute;
    right:0;
    width:100%;
    z-index:9999;
    background:#d6282f;
    display:none
}
nav#nav-main li ul li {
        border-left: 0;

}
nav#nav-main li {
    display: inline-block;
    border-left: solid 1px #950025;
    padding: 0 5px;position:relative }
    nav#nav-main li:hover ul {
    display: block }
nav#nav-main li:last-child {
    border-right: none; }
nav#nav-main a {
    display: block;
    color: white;
    padding: 10px 17px;
    font-family: Rubik;
    font-weight:bold;
    font-size:12px
}
nav#nav-main li:hover {
    background-color: #d6282f;
    color: #fff; }

nav#nav-mobile {
    position: relative;
    display: none; }
nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #c80032;
    z-index:999
}
nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #950025; }
nav#nav-mobile li:last-child {
    border-bottom: none; }
nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
nav#nav-mobile a:hover {
    background-color: #af002c;
    color: #fff; }
/* filter menu*/
.rightelement{float:right;width:100%;overflow:hidden;margin-top:-5px}
.padt-30{
    padding-top:30px;
}
.filter-menu{list-style:none;display:block;margin-bottom:5px !important;margin-right:10px;margin-left:10px}
.filter-menu li{display:inline-block;}
.filter-menu li a,.filter-menu li span{background:#868b93;color:#fff;
                                       padding:0 15px 5.1px;
                                       font-family:Rubik;
                                       font-size:17px;
                                       font-weight:bold
}
.filter-menu li{padding-right:0px !important}
/* tabs*/
.tabs{display:flex;margin-top:12px}
.tabs li{    background: #868b93;color:#fff;cursor: pointer;
             padding: 4px 10px 5px;
             font-family: Rubik;
             font-size: 1rem;
             font-weight: bold;    margin: 0 2px;}

.main-content .tabelement {
    width: 100%;
    display: none;
    transition: 0.5s ease-in-out;
}
.main-content .tabelement:nth-child(1) {
    display: block;
}
.mrgt-20{margin-top:20px !important}
/* section news*/
.galleryicom,.videoicom{    position: absolute;
                            bottom: 0;
                            width: 35px;
                            height: 35px;
                            background: #fff;
                            z-index: 1;
border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;}
.galleryicom{    position: absolute;
                 right: 0;}
.galleryicom i,.videoicom i{    position: absolute;
                                top: 5px;
                                right: 5px;
                                color: #fff;
                                font-size: 2rem;
                                width: 22px;
                                height:22px;
}
.videoicom i{width: 40px !important;height:40px !important;}
.galleryicom i{background:url(../img/camera.svg)}
.videoicom i{background:url(../img/play.svg)}
.videoicom{left:0}
.hover-video,.hover-video2{
    width:100%;
    height:100%;
    display:block;
    position:relative
}
.hover-video:before,.hover-video2:before{
    width:100%;
    height:100%;
    position:absolute;
    background:#000;
    content:"";
    right:0;
    top:0px;
    z-index:4;
    opacity:0;
    transition:all ease 0.5s
}
.hover-video:hover:before,.hover-video2:hover:before{
    opacity:0.5;
    transition:all ease 0.5s
}
.hover-video:after{
    right: 50%;
    top: 45%;
}
.hover-video2:after{
    right: 45%;
    top: 35%;
}
.hover-video:after,.hover-video2:after{
    background: none;
    border: 2px solid #fff;
    border-radius: 50%;
    content: "\25B6";
    font-size: 20px;
    height: 50px;
    padding:11px;
    position: absolute;
    width: 50px;
    transform:scale(0.2);
    transition:all ease 0.5s;
    opacity:0 ;
    color:#fff;
    z-index:5;
}
.hover-video:hover:after,.hover-video2:hover:after{
    transform:scale(1);
    transition:all ease 0.5s;
    opacity:1
}
.main-video p{font-size:22px !important;padding:10px;margin-bottom:-3px}
.bg-video{height:190px}
a .video-par{padding-bottom:0 !important}
.bg-main-video{ height:480px;margin-top:20px}
.bg-fnews,.bg-video{
    width:100%;
    background:url(../img/1.png)repeat scroll center center / cover;
    position:relative
}
.sbig{height: 350px;}
.ssmall{height: 162px;margin-bottom:24px}
.bg-fnews{
    width: auto;
}
.bg-fnews:before,.bg-video:before{
    background:url(../img/overlay.png)repeat-x scroll right bottom;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 2;}
.title-first-news,.bg-fnews span:first-child,.bg-video a:first-child{
    position:absolute;
    right: 1.25rem;
    top: 1.25rem;
    background:#d42027;
    padding:0 10px 5px;
    font-size:12px;
    z-index:3
}

.cat-title{
    position:absolute;
    top:7px;
    right:7px;
    font-size: 1.4rem;
    padding:0.2rem 1.5rem;
    background: #c80032;
}
.bg-fnews h2,.bg-video h2{    position: absolute;
    bottom: 0;
    padding: 17px;
    min-height: 80px;
    z-index: 3;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    width: 100%;
    line-height: 2rem;
    background-image: linear-gradient(0deg,#000,rgba(0,0,0,0.7),transparent);
    margin:0
}
.bg-fnews h2:hover,.bg-video h2:hover{color:#d42027 }
/* last news */
.title-photo li a,.title-video li span{background:#d42027 !important}
.title-video,.title-photo{margin:0}
.m-last-news,.video{position:relative;padding:15px;
                    background:#363e4b
}
.souter{float:right;width:100%;overflow:hidden}
.m-last-news div,.video div{width:100%;
                            height:250px;
}
.m-last-news a{display: block;
               width: 100%;
              }
.m-last-news p,.video p{position:absolute;width:100%;bottom:0;right:0;background:#1f242a;margin:0;
                        padding:5px 10px;
                        font-size:16px
}
.m-last-news:hover p,.m-last-news p:hover,.video:hover p,.video p:hover{color:#fff}
.sub-news,.subnews{
    width:100%;
    height:150px;
    margin-top:20px;
    overflow:hidden;
    transition:all ease-in-out 0.5s;
    position:relative;
    display:block;

}
.subnews{height:117px}
.news-height{height:262px}
.bg-default{width:100%}
.bg-default,.sub-news,.subnews{background:url(/static/img/background.jpg) no-repeat center center/cover;}
.sub-news .imgs,.sub-news img,.subnews .imgs{
    height:100%;
    transition:all ease-in-out 0.5s;
    width:100%;
}
.sub-news:hover .imgs,.sub-news:hover img{transform:scale(1.1);transition:all ease-in-out 0.5s}
.video div:after{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    opacity:0;
    transition:all ease 0.5s;
    z-index:1
}
.video div{position: relative}
.video div:before{
    position:absolute;
    content:"";
    right:43%;
    width:50px;
    height:50px;
    top:40%;
    background:url("../img/player.svg");
    border: 2px solid #fff;
    border-radius: 50%;
    opacity:0.5;
    transition:all ease 0.5s;
    z-index:3
}
.video div:hover:before,.video div:hover:after{
    opacity:1;
    transition:all ease 0.5s;
}

.main-title-most{
    background: #fff none repeat scroll 0 0;
    padding: 15px 10px
}

.main-title-most h4{
    color: #000;
    height: 87px;
    line-height: 2rem;
    margin: 0;
    overflow: hidden;
    font-size: 1.4rem;
    padding: 0.2rem 1.5rem;
    font-weight:bold
}
.main-title-most h4:hover{color:#c80032}
.bgcc .main-title-most h4{padding:0}
.m-sub-news{margin:0 10px;position:relative}
.m-sub-news p{    width: 100%;
                  padding: 0.125rem 5px 0.125rem 5px;
                  background: #eaeaea;
                  color: #7d7c7c;
                  font-size: 1.3rem;
                  margin: 0;
}
.sub-news a:last-child,.sub-news span:last-child{
    background: #d42027 none repeat scroll 0 0;
    font-family: Rubik;
    font-size: 1.3rem;
    padding: 0.1rem 0.6rem;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
}
.sub-news a:hover:last-child{
    color:#fff
}
.par-sub{background:#f6f6f6;
         padding:0.375rem 0.625rem
}
.par-sub h4{
    font-family: Rubik;
    font-size: 18px;
    height: 73px;
    line-height: 1.32;
    overflow: hidden;
    padding:0 5px;
    margin-bottom:0 !important;
    font-weight:bold;
}
.par-sub h4:hover{
   color:#c80032;
}
.par-sub p{
    color: #848484;
    font-size: 1.2rem;
    text-align: justify;
    height: 131px;
    overflow: hidden;
    background: none;
    line-height: 1.6;
}
a .par-sub{color:#333;
           padding-bottom:0px
}
a .par-title-only{padding-bottom:0px!important}
.pad160{padding-bottom:40px !important}
/* idea desgin*/
.idea,.catcontainer{float:right;width:100%;position:relative;padding:1.25rem;
                    background:#e6e6e6
}
.catcontainer .last_news{    position:relative;float: right;
                             width: 100%;
                             min-height: 2px;
                             padding: 1rem;
                             background: #cfcfcf;
                             margin: 5px 0;}
.last_news a{color:#000}
.last_news .news_dat{    margin-top: 17px;
                         position: relative;
                         text-align: left;
                         color: #868b93;
                         float: left;}
.news_dat:before{    right: -20px;
                     position: absolute;
                     width: 15px;
                     height: 15px;
                     content: "";
                     top:4px}
.eye:before{background:url(../img/eye.svg)}
.calender:before{background:url(../img/time.svg)}
.man-user:before{background:url(../img/man-user.svg)}
.idea img{width:100%;
          height:200px
}
.idea p{font-size:18px;
        padding-top:5px
}
.m-radio label{width:100%;
               padding:1rem;
               background:#cfcfcf;
               cursor:pointer;
               margin:5px 0
}
.m-radio input{margin:0 0 0 10px;}
.idea div{display:flex;
          justify-content:center;
          padding:10px 0
}
#pollWrap li.radio{    width: 100%;
                       min-height:2px;
                       padding: 1rem;
                       background: #cfcfcf;
                       cursor: pointer;
                       margin: 5px 0;}
.pollChart{width:0;height:3px}
.idea #pollSubmit{background:#d42027;color:#fff;
                  padding:1rem 1.50rem;
                  font-weight:bold;
                  border-radius:5px;
                  margin: 10px auto;
                  display: block;
}
#lodingimg{
    padding: 0 !important;
    background: #fff;
    position: absolute !important;
    display:none;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    align-items: center;
    justify-content: center;
    bottom: 0;}
#pollAjaxLoader{width:30px;height:30px;}
li.radio label{width:100%}
.idea a{font-size:1.5rem;color: #000;}
.m-news{background:#fff;padding:1.25rem}
.m-news-line a div{background:url("../img/3.jpg");width:100%;height:250px}
.m-news-line p{ font-size: 17px;
                height: 68px;
                overflow: hidden;
                padding-top: 13px;
}
.sub-news-line{display: flex;background:#cfcfcf}
.bg2{background:url("../img/4.jpg")repeat scroll center center / cover;}
.bg3{background:url("../img/5.jpg")repeat scroll center center / cover;}
.bg4{background:url("../img/6.jpg")repeat scroll center center / cover;}
.sub-news-line a p{
    width:75px;
    height:75px;
    margin-bottom:0
}
.sub-news-line a{font-size:1.5rem}
.sub-news-line .link-news{
    padding:5px 28px 0 0;
    height:52px;
    overflow:hidden;
    font-size:15px
}
.main-news-footer{
    display:flex;
    flex-direction:column;
    height:100px;
}
.main-news-footer span{
    padding:8px 10px;
    display:block
}
.m-news .sub-news-line{margin:10px 0}
.swiper-three{background:#fff}
.slidlogo{display:block;height:57px;}

.affilate-site{background:#d42027 none repeat scroll 0 0;
               color: #fff;
               display: flex;
               flex-direction: column;
               font-size: 18px;
               height: 110px;
               justify-content: center;
               right: 15px;
               text-align: center;
               top: -5px;
               transform: skewX(-20deg);
               width: 200px;
               z-index:2;
               position:relative
}
.affilate-site h3{
    transform:skewX(20deg);
    margin:0;
    padding-bottom:15px
}
.under-line{
    position: relative;
    color:#b5becd
}
.under-line:before{
    content:"";
    position:absolute;
    background:#4590de;
    width:50px;
    height:5px;
    bottom:-15px;
}
.last-news-footer{
    padding-top:20px
}

.last-news-footer .sub-news-line{
    margin:10px 0;
    background:none;
    color:#fff
}
.tag-footer{
    margin:40px 0;
    display:block
}
.tag-footer .tags{
    background: #2d3950;
    display: inline-block;
    margin: 3px;
    padding: 3px 5px;
    transition: all 0.5s ease 0s;
}
.title-cost,.weather{background:#e6e6e6;
                     padding: 10px 0;
                     text-align: center;
}
.main-img-footer{position:relative}
.mrgt-30{margin-top:8px}
.mrgt-20{margin-top:10px}
.main-img-footer .toltip{position: absolute;
    width: 200px;
    height: 25px;
    overflow: hidden;
    right: -58px;
    font-size: 1.2rem;
    text-align: center;
    background: rgba(0,0,0,0.7);
    display: none;
    transition: all ease 0.5s;
    color: #fff;
    top: -36px;
    z-index: 10;
}/*
.toltipmobie{
    width:100%;
    height:75px;
    color:#fff;
    overflow:hidden;
}*/
.main-img-footer:before{
       right: 30px;
top: -18px;
position: absolute;
width: 0;
height: 0;
border-top: 12.5px solid transparent;
border-right: 20px solid rgba(0,0,0,0.7);
border-bottom: 12.5px solid transparent;
content: "";
display: none;
transform: rotate(-91deg) scale(0.6);
}
.main-img-footer:hover .toltip,.main-img-footer:hover:before{transition:all ease 0.5s;display:block}
.img-footer{width:75px;
            height:75px;
}
footer{background:#212a3b;padding-bottom:20px;}
.footer-menu{    float: right;
                 width: 100%;
                 margin-top: 30px;
                 display: flex;
                 flex-flow: wrap;}
.footer-menu li{display:block;line-height:3;font-size:18px;}
.footer-menu  a{background:#2f3848 ;color:#fff;padding:6px;margin:5px}
footer .form-control{background: #212a3b;border: 1px solid #5f5f5f;color:#ccc}

/* cost*/
.main-cost{display: flex;
           flex-direction: column;
           justify-content: center;
}
.sub-cost{
    display: flex;
    justify-content: space-around;
    background: rgb(134, 139, 147) none repeat scroll 0% 0%;
    padding: 10px 0px;
    margin: 5px 0px;
    font-size:16px
}
.main-weather{width:100%;height:320px;background:url(../img/weather.jpg)repeat scroll center center / cover ;}
/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 600px) {


    #top-bar a {
        display: block; }

}
/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
    #nav-trigger {
        display: block; }

    nav#nav-main {
        display: none;
        z-index: 999
    }

    nav#nav-mobile {
        display: block; } }

html,body{position:relative;height:100%;}.swiper-container{width:100%;height:100%;}.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.size{width:100%;height:auto;display:flex;justify-content: space-around;    flex-wrap: wrap;}
.footer{background:#212a3b;padding-bottom:20px}
.commentxt{    padding: 7px;
               background: #dedede;}
.commenpost{    float: right;
                display: block;
                margin: 4px 0;}
.commenpost a{color:#8065ee}
.rights{    color: #fff;
            direction: rtl;}
.border-t{
    border-top:1px solid #ccc;
    padding:20px 0 0
}
.c-count{     width: 20px;
              height: 20px;
              background: #868b93;
              color: #fff;
              border-radius: 50%;
              position: absolute;
              display: flex;
              align-items: center;
              justify-content: center;
              right: 95%;
              top: -12px;}
#results{
    margin-top: 20px;
    overflow: hidden;
}
article{width:100%;padding:20px;margin:30px 0}
article img{max-width: 100%;}
article a{color:#337ab7}
.loadmornews{display: block;width:50px;margin:0 auto;}
.main-content{position:relative;overflow:hidden}
.main-content>div{position:relative;display:none;top:0}
.main-content>div:nth-child(1){display:block}
.vis{display: block !important}
.unv{display: none !important;}
.showin{background:#000 !important}
/* depart ment design*/
.img-depart{
    display:block;
    width:100%;
    height:350px;
    margin-top: 30px;
    transition:all ease 0.5s;

}

.main-par-depart{   background-color: #fff;
                    display: inline-block;
                    right: -1px;
                    margin: -60px auto 0;
                    padding: 20px 25px;
                    position: relative;
                    width: 93%;
                    z-index: 997;}
.main-par-depart p{
    padding:10px 0
}
.title-depart-news{
    font-size: 25px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px;
    padding: 0;
    height:71px;
    overflow:hidden
}
.title-depart-news a{color:#444}
.title-depart-news a:hover{color:#d42027}
.authoer{color:#999;margin:20px 0}
.par-depart{
    height: 60px;
    margin-bottom: 40px;
    overflow: hidden;
}
.link-more-dep{
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #444;
    display: inline-block;
    font-family: Rubik;
    font-size: 11px;
    line-height: 1;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}
.link-more-dep:hover{
    color:#fff;
    background:red;
    transition: all 0.3s ease-in-out 0s;
}
/* design post */
.h-img2-dep-hover, .img-size {
    transition: all ease 0.5s;
}
.img-size {
     height: 170px;
}
.img-size2 {
    height: 227px;
}
.line-beside, .img-size, .img-size2, .img-size-post {
    position: relative;
    overflow: hidden;
}
.overlay-slider {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(70%,rgba(0,0,0,0.65)));
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%);
}
.card-img-overlay {
    position: absolute;
    top: 0;

    left: 0;
    padding: 0.25rem;
    border-radius: calc(0.25rem - 1px);
}
z-index{z-index:999}

.card-text:last-child {
    margin-bottom: 0;
}
.text-white {
    color: #fff !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.badge-danger {
    color: #fff;
    background-color: #e3342f;
}
.badge {
    transition: none;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.main-post{padding:30px 0 0 0}
.news_dat{position:relative;margin:0 25px 0 0}
.sociallinksadd  .news_dat{margin:0 28px }
.main-post h1{
    font-size: 18px;
    margin: 0 30px;
    padding: 20px 0 10px;
    text-transform: uppercase;
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: 0.01em;
    color:#484848;
    padding:2rem 0
}
.main-post h1 a,.main-post a{
    color:#484848
}
.main-post img{
    display:block;
    width:100%;
    vertical-align: middle;

}
.main-img-post{
    width:100%;
}
article p{
    padding: 3px 10px 0;
    text-align:justify;
    font-size: 1.7rem;
    margin:0;
    line-height:30px;

}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-right: 5px solid #31b8da;
    border-left: 5px solid #31b8da;
    color: #e50000;
}
.title-aside-post{
    border: 4px double #eee;
    color: #2b2b2b;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 13px;
    margin-top: 0;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
}
.title-aside-post::after {
    content: "+";
    display: block;
    line-height: 40px;
    position: absolute;
    left: 15px;
    top: 0;
}
/* design slider header */
.main-img-slider-header{
    width:100%;height:430px;position:relative
}
.content-header-slider{
    display: flex;
    justify-content:center;
    flex-direction:column;
    left:15%;
    right:15%;
    position:absolute;
    top:25%;
    z-index:99
}
.main-date-header{
    display:flex;
    justify-content:center;
    color:#fff;
    font-size:15px;
}
.main-date-header span:last-child{
    font-size: 28px;
    line-height: 0.6;
    padding: 0 5px;
    font-weight:300
}
.overlay-header-slider{
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
}
.link-more-header-slider{
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: Rubik;
    font-size: 11px;
    line-height: 1;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;

}
.overlay-header-slider:before,.overlay-header-slider:after,.overlay-header-slider:before,.overlay-header-slider:after{
    bottom: 15px;
    left: 15px;
    right: 15px;
    top: 15px;
    border-color: #f7c49e;
}
.overlay-header-slider:hover:before,.overlay-header-slider:hover:after{
    transform:scale(1)
}
.overlay-header-slider:before,.overlay-header-slider:after{
    bottom: 20px;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: transform 0.35s ease 0s;
    z-index: 10;
}
.overlay-header-slider:before{
    border-bottom: 2px solid #c80032;
    border-top: 2px solid #c80032;
    transform: scale(0, 1);
}
.overlay-header-slider:after{
    border-left: 2px solid #c80032;
    border-right: 2px solid #c80032;
    transform: scale(1, 0);
}
.depart-name-slider{
    display:flex;
    position:absolute;
    bottom:0px;
    color:#fff;
    justify-content:center;
    width:100%
}
.depart-name-slider span{
    background:#c80032;
    padding:5px 10px;
    z-index:999;

}
.main-more{
    display:flex;
    justify-content:center;
    margin-top:30px
}
.tagsContainer{
    display:flex;
    margin:20px 0;
    flex-wrap:wrap;
}
.tagsContainer .tags{
    margin:5px ;
    background:#ccc;
    padding:3px 5px;
    transition:all ease 0.5s;

}
.tags a{color:#484848;}
.tag-footer .tags a{color:#eee}
.tagsContainer .tags:hover,.tag-footer .tags:hover{
    background:#d42027;
    transition:all ease 0.5s;
}
.tagsContainer .tags:hover a,.tag-footer .tags:hover a{
    color:#fff
}

.sociallinksadd{
    background:#d8d8d8;
    padding:15px 10px
}
.sociallinksadd img{width:100%}
.bgcc{
    float: right;width:100%;
    background: #ccc;
    padding-bottom:30px

}
.bgcc .sub-news{
    margin-top:0px
}
.pagingloop{
    background: #bbbbbb none repeat scroll 0 0;
    margin: 30px 0;
    padding: 10px 0;
    text-align: center;
}
.pagingloop a:hover{
    color:#fff
}
.pagingloop a{background:#797979 none repeat scroll 0 0;}
.pagingloop a,.current{
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    height: 30px;
    line-height: 2.3;
    width: 30px;

}
.current{
    background:#d42027;
    color:#fff
}
.pagingloop span{
    font-weight:800;
}
.depart{
    background: #bbbbbb none repeat scroll 0 0;
    color: #fff;
    font-family:Rubik;
    font-size: 27px;
    line-height: 1.43;
    margin: 22px 0 -5px;
    padding: 7px 0;
    position: relative;
}
.depart:before{
    background: #c80032 none repeat scroll 0 0;
    content: "";
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;

}
.main-par-first {
    position: relative;
}
.soical-footer{
  display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    padding-right: 4px;
}
.padt10{
    padding-top:10px
}
.soical-media {
    left: 0;
    position: absolute;
    top: 0;
}
.soical-media a,.soical-footer a {
    background: #b2b2b2 none repeat scroll 0 0;
    display: block;
    height: 35px;
    margin: 10px 0;
    width: 35px;
    transition: all ease 0.5s
}
.soical-footer a{
    margin: 0px 2px !important;

}
.soical-media .f:hover,.soical-footer .f{
    background:#335d9a !important;
    transition: all ease 0.5s;
}
.soical-media .t:hover,.soical-footer .t{
    background:#4faade !important;
    transition: all ease 0.5s;
}
.soical-media .r:hover,.soical-footer .r{
    background:#f06203 !important;
    transition: all ease 0.5s;
}
.soical-media .g:hover,.soical-footer .g{
    background:#dc4e41 !important;
    transition: all ease 0.5s;
}
.soical-media .m:hover,.soical-footer .m{
    background:#e53935 !important;
    transition: all ease 0.5s;
}
.soical-footer .w,.soical-media .w:hover{
    background:#2cb742 !important;
    transition: all ease 0.5s;
}
.soical-footer .y,.soical-media .y:hover{
    background:#f00 !important;
    transition: all ease 0.5s;
}

.soical-footer .instagram,.soical-media .instagram:hover{

    transition: all ease 0.5s;
    background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

.soical-media a:first-child{
    margin: 0 !important;
}
.rss {
    background: rgba(0, 0, 0, 0) url("../img/rss.svg") repeat scroll center center / cover ;
}
.facebook {
    background: rgba(0, 0, 0, 0) url("../img/f.svg") repeat scroll center center / cover ;
}
.facebook, .twitter, .google, .mail,.whatsapp,.telegram,.youtube,.instagram,.rss {
    height: 35px;
    margin: 0;
    transform: scale(0.6);
    width: 35px;
}
.twitter {
    background: rgba(0, 0, 0, 0) url("../img/t.svg") repeat scroll center center / cover ;}
.google {
    background: rgba(0, 0, 0, 0) url("../img/gp.svg") repeat scroll center center / cover ;
}
.telegram {
    background: rgba(0, 0, 0, 0) url("../img/telegram.svg") repeat scroll center center / cover ;
}
.youtube {
    background: rgba(0, 0, 0, 0) url("../img/youtube.svg") repeat scroll center center / cover ;
}
.mail {
    background: rgba(0, 0, 0, 0) url("../img/mail.svg") repeat scroll center center / cover ;
}
.instagram{

        transform: scale(0.9);
    background: rgba(0, 0, 0, 0) url("../img/instagram.svg") repeat scroll center center / cover ;
}
.whatsapp {
    background: rgba(0, 0, 0, 0) url("../img/whatsapp.svg") repeat scroll center center / cover ;
}
.gallery{background:url('../img/bgimg.jpg') no-repeat center center;background-size:cover}
.gallery img{width:100%}
.onscroll-hidden{
    opacity:0;
    transition:all ease 0.5s;
    z-index:9999
}
.show{
    width:100%;
    background:#fff;
    transition:all ease 0.5s;
    z-index:9999
}
.readmore{
    padding: 3px 5px;
    background: #fff;
    width: 75px;
    margin: 17px 15px 0px 0px;
    font-size:18px;
}
.photo-depart{
    overflow:hidden;
    margin-top:30px;
    transition:all ease 0.5s;
}
.photo-depart:hover .img-depart{
    transform:scale(1.5);
    transition:all ease 0.5s;
}
.imgfetch figcaption{
    font-size: 18px;
    padding: 25px 0;
    text-align: center;
    font-weight:bold
}
 .marg0{margin:0}
 .youtube-video{position:relative}
.youtube-video:hover span{transform:scale(1.2);transition:all ease 0.5s}
.youtube-video span{position:absolute;width:50px;height:50px;top:45%;right:45%;background:#fff;z-index:2;cursor:pointer;border-radius: 50%;transition:all ease 0.5s}
.youtube-video span i{font-size:2.5rem}
 .images-fp{position:absolute;top:0;width:100%;height:100%;overflow:hidden}
 h1,h2,h3,h4,h5{font-family:Rubik}
article h2{color:#2EB7D9;font-size:17px;font-weight:bold;text-indent:14px;    line-height: 25px;
    }
article h3{color:#d0073f;font-size:16px;text-indent: 53px;text-align:center;}
article h4{color:#565656;font-size:1em;font-weight:100;}
article h5{color:#FF0000;font-weight:bold;font-size:1em;padding:0 14px;line-height:2;text-align:justify;}
article h6{color:#005C73;font-size:1em;padding:0 14px;line-height:2}
 .images-fp img {
    position:absolute;
    width:100%;
    top:0;
animation-name: FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}
.video-background {
  background: #000;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 0;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.p-2{padding:20px !important}
.w-100{width: 100% !important;}
.w-20{width: 20% !important;}
.w-80{width: 80% !important;}
.sharet,.sharef,.sharew,.facebooksharenum{
    width: 30px;
height: 30px;
padding: 5px;
display: inline-block;
}
.sharew{
    background:#2cb742;
    margin:0 10px 0 0;
}
.sharef{
    background:#335d9a !important
}
.sharet{
    background:#4faade;
    margin:0 10px 0 0
}
.main-search-soical{
    width:100%;margin-top:7px;
}
.facebooksharenum{text-align:center;position:relative;
width:auto;min-width:39px;
    margin: 0 6px 0 0;
    background: #fff;    z-index: 2;}
    .facebooksharenum img{width:23px}
.facebooksharenum:before{position: absolute;
    content: "";
    background: #fff;
    width: 11px;
    height: 11px;
    right: -5px;
    top: 5px;
    z-index: -1;
    transform: rotate(45deg);}
    .telgram{width:100%;text-align: center;color:#54b3e6}
    .telgram a{color:#54b3e6}
    .telgram img{width:25px;margin: 0 auto;}

    /*design happen now */

    .now{float:right;margin-top:15px;background:#000;color:#fff}
.now-news{width:100%;overflow:hidden}
.now-news img{width:100%}
.now p{font-size:2rem}
     .main-happan{
         display:flex;
                       padding: 10px 0;
            }
            .happan-now{

                    color: #080101;
    background: #feeb1a;
                width: 115px;
                padding: 10px 15px;
                font-size: 18px;
                font-weight: bold;
            }
            .title-happan-now{
                    color: #fff;
    background: #d1261e;
    background: -moz-linear-gradient(top, #d1261e 0%, #c41711 50%, #9c0e07 52%, #891613 99%);
    background: -webkit-linear-gradient(top, #d1261e 0%,#c41711 50%,#9c0e07 52%,#891613 99%);
    background: linear-gradient(to bottom, #d1261e 0%,#c41711 50%,#9c0e07 52%,#891613 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1261e', endColorstr='#891613',GradientType=0 );
                font-size: 30px;
                padding: 10px;
                font-weight: bold;
                margin-bottom:30px
            }
            .title-happan-now a,.par-happan-now{color:#fff}
            .par-happan-now{
    display: flex;
    overflow: hidden;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
            }
            .exp-news{
                margin-top:0px;
    background: #feeb1a;
    padding: 10px 0;
    height: 63px;
    overflow: hidden;
}.d-flex{display:flex !important}
.bg-comment{
    background: #f7f7f7;
    border-radius: 18px;
    color: #4a4848;
    padding: 10px 18px 32px;
    position: relative;
}
.bg-comment:before{
    position: absolute;
    content: "";
    right: -17px;
    top: 14px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 33px solid #f7f7f7;
    transform: rotate(14deg);
}
.comment-name{
    padding: 8px;
    min-width: 113px;
    background: #31b8da;
    border-radius: 20px;}
.bg-comment span{
        position: absolute;
    left: 40px;
    bottom: 1px;
    color: #a09999;
}
.mt-4{margin-top:20px}
.recenttitle, .recentcontent {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}
element.style {
}

.swiper-text .swiper-button-next, .swiper-text .swiper-button-prev {
    top: 0px;
    width: 20px;
    height: 20px;
    margin: 0;
    transform: rotate(90deg);
    right: 0px;
    -moz-background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-text .swiper-button-next {
    top: 20px;
}
    .exp-news a{display:block;width:100%;margin-right:30px;font-size:2rem;color:#000;    font-weight: bold;text-align:right;}
   .exp-news span {    position: relative;
    height: 100%;
    color: #e6e6e6;
    font-weight: bold;
    font-size: 2.3rem;
    background: #000;
    padding: 10px;font-family: Rubik}
    video{    display: block;
    margin: 50px auto;max-width:100%}
            .time-happen{
                width: auto;
                background: #504e4d;
                color: #fff;
                height: 100%;
            }
            .time-happen,.par-happan-now p:last-child{
                margin:0px;
                padding:7px;
            }
            .par-happan-now p:last-child{
                font-weight:bold
            }
            .par-happan-now p a{    position: relative !important;
    background: #000000 !important;
    color: #dedede;
    top: 2px !important;
    background: #000;
    padding: 1px 12px !important;}
    #loading-wait{    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;}
    #loading-wait img{    width: 27px;
    height: 27px;display:none;}
    .news_comment{display:inline-block;margin:0 20px}
    .news_comment_con{background:#eee}
    .allComent{    background: #f5f5f5;
    padding: 5px;margin:10px 0}
    .news_comment_txt{margin: 7px 0;
    background: #fff;}
 @keyframes FadeInOut {
  0% {
    opacity:1;
  }
  25% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
.swiper-slide-active{font-size:15px;}
.swiper-container{overflow:visible !important}
.images-fp img:nth-of-type(1) {
  animation-delay: 8s;
}
.images-fp img:nth-of-type(2) {
  animation-delay: 6s;
}
.images-fp img:nth-of-type(3) {
  animation-delay: 4s;
}
.images-fp img:nth-of-type(4) {
  animation-delay: 0s;
}
@media only screen and (max-width:1124px){
    nav#nav-main a{
        font-size:12px !important;
        padding:10px 8px
    }

}
@media screen and (max-width:1440px) and (min-width: 1024px) {

    .main-content [class*="col-lg-3"] {
        width:33.3333%;
    }

}
@media only screen and (max-width:768px){
   .logo-hedaer{
        display:none
    }
    article{padding:0}
    .exp-news a{font-size:1rem}
    .exp-news span{font-size:1.3rem}
    .logoc{
        text-align:center;
        display:flex;
        justify-content:center
    }
    .soical-footer{
        margin-bottom:10px
    }
    .main-search-soical{
        width:228px
    }
    .soical-media{
        z-index:999
    }
}
@media only screen and (max-width:480px){
    .bg-fnews{
        height:300px
    }

}
@media screen and (min-width: 1250px)
{
    .left{float:left}
}