body
{
    background: #ffffff;
    width: 100%;
    height: 100%;
    color: #000000;
    font-family: "nassim", arial, tahoma;
    font-size: 12pt;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    cursor: default;
    direction: rtl;
    overflow-x: hidden;
}

.BTitr{
	font-family:BTitr, times;	
}
.nazli{
	font-family:nazli, times;	
}
.nazlibold{
	font-family:nazlibold, times;	
}

.font-en
{
    font-family: arial, tahoma;
}

.display-none
{
    display: none;
}

textarea
{
    resize: none;
}

textarea, input
{
    outline: none;
}

.float-right
{
    float: right;
}
.float-left
{
    float: left;
}

.width-100-percent
{
    width: 100%;
}

.height-100-percent
{
    height: 100%;
}

.pd-0
{
    padding: 0 !important;
}
.pd-t-10
{
    padding-top: 10px !important;
}
.pd-t-20
{
    padding-top: 20px !important;
}
.pd-r-10
{
    padding-right: 10px !important;
}
.pd-b-10
{
    padding-bottom: 10px !important;
}
.pd-b-50
{
    padding-bottom: 50px !important;
}
.pd-l-10
{
    padding-left: 10px !important;
}

a:hover
{
    text-decoration: none;
}

/* section-header
********************************************************************/
.section-header
{
    background: #ff9a00 url("../images/header.jpg") repeat-x;
    padding-bottom: 10px;
}

.section-header .site-link
{
    padding-bottom: 10px;
}
.section-header .site-link a
{
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
    letter-spacing: 2px;
}

.section-header .logo img
{
    /*width: 100%;*/
    max-width: 330px;
    margin-top: 10px;
}

.section-header .last-news .newsticker
{
    height: 20px !important;
    border-right: 5px solid #f64545;
    padding-right: 5px;
    overflow: hidden;
}

.section-header .last-news .newsticker a{
	color: #000;
}
.section-header .search-date-social
{
    clear: both;
}

.section-header .date
{
    padding: 5px 0 0 10px;
}

.section-header .search input
{
    background: #ffe0b0;
    width: 90%;
    height: 30px;
    border: 0;
    padding: 0 5px;
}
.section-header .search button
{
    background: #ffffff;
    width: 10%;
    height: 30px;
    float: left;
    border: 0;
}

.section-header .full-name
{
    color: #ffffff;
    font-size: 9.5pt;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: left;
    clear: both;
    padding-top: 5px;
}

.section-header .col-last-news
{
    padding: 0;
}
.section-header .col-date, .section-header .col-social, .section-header .col-search
{
    padding: 0;
}

@media (max-width: 991px)
{
    .section-header .logo
    {
        text-align: center;
    }
    .section-header .logo img
    {
        margin-top: 0;
    }

    .section-header .last-news
    {
        clear: both;
        margin-top: 10px;
    }

    .section-header .date
    {
        text-align: center;
    }

    .section-header .col-social
    {
        text-align: center;
        margin-top: 10px;
    }

    .section-header .col-search
    {
        text-align: center;
        margin-top: 10px;
    }
}

/* menu
********************************************************************/

.section-menu
{
    background: #eaeaea;
    border-top: 1px dotted #5b5b5b;
}
.section-menu .navbar-collapse
{
    padding: 0;
    overflow: visible;
}
.section-menu .navbar-nav
{
    float: right;
    padding: 5px 0;
}
.section-menu .navbar-default
{
    background: transparent;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: inherit !important;
}
.section-menu li
{
    text-align: center;
    float: right;
    border-left: 1px solid #ffffff;
}
.section-menu a, .section-menu a:visited
{
    width: 100%;
    color: #5b5b5b !important;
    padding: 3px 7px !important;
}
.section-menu a:hover, .section-menu a.active
{
    color: #e88c00 !important;
    text-decoration: none;
}
.section-menu li:last-child
{
    border: 0;
}

.section-menu .navbar-default .navbar-toggle .icon-bar
{
    background: #5b5b5b;
}
.section-menu .navbar-default .navbar-toggle
{
    border-color: #5b5b5b;
}
.section-menu .navbar-default .navbar-toggle:hover .icon-bar, .section-menu .navbar-default .navbar-toggle:focus .icon-bar
{
    background: #ffffff;
}
.section-menu .navbar-default .navbar-toggle:hover, .section-menu .navbar-default .navbar-toggle:focus
{
    background: #5b5b5b;
    border-color: #ffffff;
}

.section-menu .col-icons a
{
    width: auto;
    float: left;
    margin-top: 5px;
}

@media (max-width: 768px)
{
    .section-menu .navbar-nav
    {
        margin-left: 0;
        margin-right: 0;
    }
	
	.col-icons
	{
		display: none;
	}
	.col-icons-2
	{
		display: block;
	}
}
@media (max-width: 500px)
{
    .section-menu li
    {
        width: 50%;
    }
    .section-menu li:nth-child(odd)
    {
        border-left: 1px solid #ffffff;
    }
    .section-menu li:nth-child(even)
    {
        border-left: 0;
    }
}

/* section-main-content
********************************************************************/

.section-main-content
{
    margin-bottom: 30px;
}

.section-main-content .col-main-content
{
    padding: 0;
}

@media (max-width: 768px)
{
    .col-right
    {
        display: inline-block;
    }
}

/* col-slide
********************************************************************/

.col-slide
{
    margin-top: 10px;
}
.col-slide-2
{
    margin-top: 0;
    margin-bottom: 30px;
}

.col-slide .slider
{
    background: #6b6b6b;
}

.col-slide .slider .owl-carousel .owl-stage-outer
{
    top: 0;
}
.col-slide .slider img
{
    width: 100%;
    height: 300px;
    object-fit: cover;
    -o-object-fit: cover;
}

.col-slide .slider .text-box
{
    width: 100%;
    position: absolute;
    bottom: 0px;
	/*font-family: BTitr !important;*/
}
.col-slide .slider .text-box .text
{
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
	font-size: 20px;
	text-align: center;
	font-family: BTitrBold;
	
}
.col-slide .slider .text-box .text .pre-title
{
    font-size: 13px;
	font-family: tahoma;
	margin-bottom: 10px;
	
}
.col-slide .slider a
{
    color: #ffffff;
}

.col-slide .slider .owl-theme .owl-controls
{
    position: relative;
    top: -20px;
    margin: 0;
    height: 0;
}
.col-slide .slider .owl-theme .owl-controls .owl-dot span
{
    background: #037691;
}
.col-slide .slider .owl-theme .owl-controls .owl-dot.active span
{
    background: #e4856b;
}

@media (max-width: 1199px)
{
    .col-slide .slider img
    {
        height: 300px;
    }
}

/* col-recent-news
********************************************************************/

.col-recent-news
{
    margin-top: 10px;
}

.col-recent-news .link-content-box
{
    background: #f2f2f2;
    height: 300px;
    border-bottom: 3px solid #e5e5e5;
}
.col-recent-news .link-content-box .link-tab
{
    width: 100%;
    display: inline-block;
    white-space: nowrap;
}
.col-recent-news .link-content-box .link-tab a, .col-recent-news .link-content-box .link-tab a:visited
{
    background: #e5e5e5;
    width: 33.33%;
    color: #6d6d6d;
    text-align: center;
    float: right;
    padding: 5px 0;
}
.col-recent-news .link-content-box .link-tab a:hover, .col-recent-news .link-content-box .link-tab a:focus
{
    background: #e88c00 !important;
    color: #ffffff;
    text-decoration: none;
}
.col-recent-news .link-content-box .link-tab a.active
{
    background: #e88c00;
    color: #ffffff;
}

.col-recent-news .link-content-box .link-content
{
    width: 100%;
    height: 250px;
}
.col-recent-news .link-content-box li
{
    width: 100%;
    float: right;
    list-style: none;
    text-align: justify;
}
.col-recent-news .link-content-box a, .col-recent-news .link-content-box a:visited
{
    width: 100%;
    float: right;
    color: #000000;
    padding: 1px 7px !important;
}
.col-recent-news .link-content-box a:hover
{
    color: #e88c00;
    text-decoration: none;
}
.col-recent-news .link-content-box a .fa
{
    color: #ed1c24;
    font-size: 5pt;
}
.col-recent-news .link-content-box a:hover .fa
{
    color: #e88c00;
}

@media (max-width: 1199px)
{
    .col-recent-news .link-content-box
    {
        height: 300px;
    }
    .col-recent-news .link-content-box .link-content
    {
        height: 250px;
    }
}

/* col-recent-news-2
********************************************************************/

.col-recent-news-2
{
    margin-top: 30px;
}

.col-recent-news-2 .link-content-box
{
    background: #f2f2f2;
    border-bottom: 3px solid #e5e5e5;
}
.col-recent-news-2 .link-content-box .link-tab
{
    width: 100%;
    display: inline-block;
    white-space: nowrap;
}
.col-recent-news-2 .link-content-box .link-tab a, .col-recent-news-2 .link-content-box .link-tab a:visited
{
    background: #e5e5e5;
    width: 50%;
    color: #6d6d6d;
    text-align: center;
    float: right;
    padding: 5px 0;
}
.col-recent-news-2 .link-content-box .link-tab a:hover, .col-recent-news-2 .link-content-box .link-tab a:focus
{
    background: #e88c00 !important;
    color: #ffffff;
    text-decoration: none;
}
.col-recent-news-2 .link-content-box .link-tab a.active
{
    background: #e88c00;
    color: #ffffff;
}

.col-recent-news-2 .link-content-box .link-content
{
    width: 100%;
}
.col-recent-news-2 .link-content-box li
{
    width: 100%;
    float: right;
    list-style: none;
    text-align: justify;
}
.col-recent-news-2 .link-content-box a, .col-recent-news-2 .link-content-box a:visited
{
    width: 100%;
    float: right;
    color: #000000;
    padding: 5px 7px !important;
}
.col-recent-news-2 .link-content-box a:hover
{
    color: #e88c00;
    text-decoration: none;
}
.col-recent-news-2 .link-content-box a .fa
{
    color: #ed1c24;
    font-size: 5pt;
}
.col-recent-news-2 .link-content-box a:hover .fa
{
    color: #e88c00;
}

/* col-last-news-uni
********************************************************************/

.col-last-news-uni
{
    background: #f2f2f2;
    border-bottom: 3px solid #e5e5e5;
    display: inline-block;
    margin-top: 10px;
}
.col-last-news-uni .link-tab
{
    width: 100%;
    display: inline-block;
}
.col-last-news-uni .link-tab a, .col-last-news-uni .link-tab a:visited
{
    background: #e5e5e5;
    width: 50%;
    color: #6d6d6d;
    text-align: center;
    float: right;
    padding: 5px 0;
}
.col-last-news-uni .link-tab a:hover, .col-last-news-uni .link-tab a:focus
{
    background: #e88c00 !important;
    color: #ffffff;
    text-decoration: none;
}
.col-last-news-uni .link-tab a.active
{
    background: #e88c00;
    color: #ffffff;
}

.col-last-news-uni .link-content
{
    width: 100%;
}
.col-last-news-uni li
{
    width: 100%;
    float: right;
    list-style: none;
    text-align: justify;
}
.col-last-news-uni li a
{
     padding: 1px 7px !important;
	 font-family: tahoma;
	 font-size: 12px;
	 line-height: 1.5;
}
.col-last-news-uni a, .col-last-news-uni a:visited
{
    width: 100%;
    float: right;
    color: #000000;
    padding: 1px 7px !important;
}
.col-last-news-uni a:hover
{
    color: #e88c00;
    text-decoration: none;
}
.col-last-news-uni a .fa
{
    color: #ed1c24;
    font-size: 5pt;
}
.col-last-news-uni a:hover .fa
{
    color: #e88c00;
}

/* col-day-pic
********************************************************************/

.col-day-pic
{
    background: #f2f2f2;
    width: 100%;
    border-bottom: 3px solid #e5e5e5;
    display: inline-block;
    margin-top: 30px;
}

.col-day-pic .title-box
{
    background: #e5e5e5;
    width: 100%;
    display: inline-block;
}
.col-day-pic .title-box .title
{
    background: #e88c00;
    width: 50%;
    color: #ffffff;
    text-align: center;
    float: right;
    padding: 5px 0;
}
.col-day-pic .title-box a.link-continue, .col-day-pic .title-box a.link-continue:visited
{
    color: #747474;
    text-align: center;
    float: left;
    padding: 5px 10px 2px 10px;
    border-bottom: 3px solid #fa6c02;
}
.col-day-pic .title-box a.link-continue:hover, .col-day-pic .title-box a.link-continue:focus
{
    color: #fa6c02;
    text-decoration: none;
}

.col-day-pic .content-box
{
    width: 100%;
    padding: 0 10px;
}

.col-day-pic .content-box li
{
    width: 100%;
    float: right;
    list-style: none;
    text-align: justify;
    border-bottom: 1px dotted #5c5c5c;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.col-day-pic .content-box li:last-child
{
    border-bottom: 0;
    padding-bottom: 0;
}
.col-day-pic .content-box a, .col-day-pic .content-box a:visited
{
    width: 100%;
    float: right;
    color: #000000;
}
.col-day-pic .content-box a:hover
{
    color: #e88c00;
    text-decoration: none;
}
.col-day-pic .content-box a .fa
{
    color: #ed1c24;
    font-size: 5pt;
}
.col-day-pic .content-box a:hover .fa
{
    color: #e88c00;
}
.col-day-pic .content-box li img
{
    background: #ffffff;
    width: 100%;
    border: 1px solid #5c5c5c;
    padding: 2px;
    margin-bottom: 5px;
}

.col-day-pic .owl-carousel .owl-stage-outer
{
    top: 0;
}
.col-day-pic .owl-theme .owl-controls
{
    position: relative;
    margin: 0;
}
.col-day-pic .owl-theme .owl-controls .owl-dot span
{
    background: #b3b3b3;
}
.col-day-pic .owl-theme .owl-controls .owl-dot.active span
{
    background: #e4856b;
}

/* col-news-services
********************************************************************/

.col-news-services
{
    background: #f2f2f2;
    width: 100%;
    border-bottom: 3px solid #e5e5e5;
    display: inline-block;
    margin-top: 10px;
}

.col-news-services .title-box
{
    background: #e5e5e5;
    width: 100%;
    display: inline-block;
}
.col-news-services .title-box .title
{
    background: #e88c00;
    width: 100%;
    color: #ffffff;
    text-align: center;
    float: right;
    padding: 5px 0;
}

@media (max-width: 768px)
{
    .col-news-services
    {
       /* width: 48%;*/
    }
    .col-news-services-2
    {
        width: 100%;
    }
}

/* col-note
********************************************************************/

.col-note
{
    background: #f2f2f2;
    width: 100%;
    border-bottom: 3px solid #e5e5e5;
    display: inline-block;
    margin-top: 15px;
}

.col-note .title-box
{
    background: #e5e5e5;
    width: 100%;
    display: inline-block;
}
.col-note .title-box .title
{
    background: #e88c00;
    width: 100%;
    color: #ffffff;
    text-align: center;
    float: right;
    padding: 5px 0;
}

.col-note .content-box
{
    width: 100%;
    padding: 0 10px;
}

.col-note .content-box li
{
    width: 100%;
    float: right;
    list-style: none;
    text-align: justify;
}
.col-note .content-box li .author
{
    color: #004798;
    font-size: 10pt;
}
.col-note .content-box a, .col-note .content-box a:visited
{
    width: 100%;
    float: right;
    color: #000000;
}
.col-note .content-box a:hover
{
    color: #e88c00;
    text-decoration: none;
}
.col-note .content-box a .fa
{
    color: #ed1c24;
    font-size: 5pt;
}
.col-note .content-box a:hover .fa
{
    color: #e88c00;
}
.col-note .content-box li img
{
    background: #ffffff;
    width: 48px;
    height: 48px;
    float: right;
    border: 1px solid #5c5c5c;
    padding: 2px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.col-note .bottom-bar .null
{
    width: 50%;
    float: right;
    border-bottom: 3px solid #e5e5e5;
    display: inline-block;
}
.col-note .bottom-bar .link-download
{
    width: 50%;
    float: left;
    color: #fa6c02;
    text-align: center;
    border-bottom: 3px solid #fa6c02;
}

@media (max-width: 1199px)
{
    .col-note .content-box li img
    {
        /*width: 100%;*/
    }
}
@media (max-width: 768px)
{
    .col-note
    {
        width: 100%;
        /*float: left;*/
        margin-top: 30px;
    }
}

/* col-download-topic
********************************************************************/

.col-download-topic
{
    background: #f2f2f2;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.col-download-topic .title-box
{
    background: #e5e5e5;
    width: 100%;
    display: inline-block;
}
.col-download-topic .title-box .title
{
    background: #e88c00;
    width: 100%;
    color: #ffffff;
    text-align: center;
    float: right;
    padding: 5px 0;
}

.col-download-topic .bottom-bar .null
{
    width: 50%;
    float: right;
    border-bottom: 3px solid #e5e5e5;
    display: inline-block;
}
.col-download-topic .bottom-bar .link-download
{
    width: 50%;
    float: left;
    color: #fa6c02;
    text-align: center;
    border-bottom: 3px solid #fa6c02;
}

.col-download-topic .content-box
{
    width: 100%;
    padding: 0 10px;
    display: inline-block;
}

.col-download-topic .content-box li
{
    width: 100%;
    float: right;
    list-style: none;
    text-align: justify;
}
.col-download-topic .content-box a, .col-download-topic .content-box a:visited
{
    width: 100%;
    float: right;
    color: #000000;
}
.col-download-topic .content-box a:hover
{
    color: #e88c00;
    text-decoration: none;
}
.col-download-topic .content-box a .fa
{
    color: #ed1c24;
    font-size: 5pt;
}
.col-download-topic .content-box a:hover .fa
{
    color: #e88c00;
}
.col-download-topic .content-box li img
{
    background: #ffffff;
    width: 48px;
    height: 48px;
    float: right;
    border: 1px solid #5c5c5c;
    padding: 2px;
    margin-bottom: 5px;
    margin-left: 5px;
}

@media (max-width: 1199px)
{
    .col-download-topic .content-box li img
    {
        width: 100%;
    }
}
@media (max-width: 768px)
{
    .col-download-topic
    {
        width: 100%;
        float: left;
        margin-top: 30px;
        margin-bottom: 0;
    }
    .col-download-topic .content-box li img
    {
        height: 200px;
    }
}
@media (max-width: 400px)
{
    .col-download-topic .content-box li img
    {
        height: 120px;
    }
}

/* col-middle
********************************************************************/

.col-middle
{
    /*margin-top: 10px;*/
}

.col-middle .title-box
{
    background: #e5e5e5;
    width: 100%;
    display: inline-block;
}
.col-middle .title-box .title
{
    background: #e88c00;
    color: #ffffff;
    text-align: center;
    float: right;
    padding: 5px 30px;
}
.col-middle .title-box a.link-continue, .col-middle .title-box a.link-continue:visited
{
    color: #747474;
    text-align: center;
    float: left;
    padding: 5px 10px 2px 10px;
    border-bottom: 3px solid #fa6c02;
}
.col-middle .title-box a.link-continue:hover, .col-middle .title-box a.link-continue:focus
{
    color: #fa6c02;
    text-decoration: none;
}

.col-middle .content-box li
{
    width: 100%;
    float: right;
    list-style: none;
    text-align: justify;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #5c5c5c;
}

.col-middle .content-box li .text-box
{
    overflow: hidden;
    word-wrap: break-word;
    padding-right: 10px;
}

.col-middle .content-box li .pre-title
{
    color: #ababab;
    font-size: 11pt;
}
.col-middle .content-box li .title-2
{
    margin-bottom: 10px;
}
.col-middle .content-box li .text{
	/*font-family: tahoma;
	font-size: 12px;*/
}
.col-middle .content-box li .title a, .col-middle .content-box li .title a:visited
{
    width: 100%;
    color: #004798;
    font-size: 18px;
	font-family: nazlibold;
	line-height: 130%;
}
.col-middle .content-box li .title a:hover
{
    color: #e88c00;
    text-decoration: none;
}
.col-middle .content-box li .title a .fa
{
    color: #ff7917;
    font-size: 5pt;
}
.col-middle .content-box li .title a:hover .fa
{
    color: #e88c00;
}

.col-middle .content-box li .img-box
{
    /*width: 200px;
    height: 140px;*/
    float: right;
	margin-left: 10px;
}
.col-middle .content-box li .img-box-2
{
    width: 140px;
    height: 100px;
}
.col-middle .content-box li img
{
    background: #ffffff;
    width: 100%;
    height: 100%;
    border: 1px solid #5c5c5c;
    padding: 2px;
    object-fit: cover;
    -o-object-fit: cover;
}

@media (max-width: 500px)
{
    .col-middle .content-box li .img-box
    {
        /*width: 100%;*/
        height: auto;
        float: none;
    }
    .col-middle .content-box li .text-box
    {
        padding: 0;
    }
}

.leadtext{
	font-family:tahoma;
	font-size: 11px;
	line-height: 20px;
	text-align: justify;
	
}

/* col-ad
********************************************************************/
.imgresponsive{
	display: block;
    height: auto;
    max-width: 100% !important;
}
.col-ad
{
    margin-top: 10px;
}
.col-ad li
{
    list-style: none;
    margin-bottom: 10px;
}
.col-ad li:last-child
{
    margin-bottom: 0;
}

.col-ad li img
{
    width: 100%;
}

@media (max-width: 768px)
{
    .col-ad
    {
        display: none;
    }
}

/* section-film-audio
********************************************************************/

.section-film-audio
{
    background: #dedede;
}

.section-film-audio .title-box
{
    background: #e5e5e5;
    width: 100%;
    display: inline-block;
}
.section-film-audio .title-box .title
{
    background: #e88c00;
    color: #ffffff;
    text-align: center;
    float: right;
    padding: 5px 30px;
}
.section-film-audio .pagination
{
    float: left;
    padding-top: 5px;
}

.section-film-audio .content-box
{
    padding-bottom: 10px;
}
.section-film-audio .col-big video
{
    width: 100%;
    height: 300px;
}
.section-film-audio .col-big .title a
{
    color: #2e7400;
}
.section-film-audio .col-big .title .fa
{
    color: #6a6a6a;
    font-size: 10pt;
}

.section-film-audio .col-small
{
    padding: 0;
}
.section-film-audio .col-small .m-b
{
    margin-bottom: 20px;
}
.section-film-audio .col-small .item
{
    position: relative;
}
.section-film-audio .col-small .item img
{
    width: 100%;
    height: 140px;
    object-fit: cover;
    -o-object-fit: cover;
}
.section-film-audio .col-small .item .title
{
    width: 100%;
    height: 3.5em;
    line-height: 1.5em;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}
.section-film-audio .col-small .item .title div
{
    background: rgba(0, 0, 0, 0.5);
    font-size: 10pt;
    color: #ffffff;
    padding: 7px;
    text-align: justify;
}
.section-film-audio .col-small .item:hover .title div
{
    color: #fb6f06;
}

.section-film-audio .title-box a.link-continue, .section-film-audio .title-box a.link-continue:visited
{
    color: #747474;
    text-align: center;
    float: left;
    padding: 5px 10px 2px 10px;
    border-bottom: 3px solid #fa6c02;
}
.section-film-audio .title-box a.link-continue:hover, .section-film-audio .title-box a.link-continue:focus
{
    color: #fa6c02;
    text-decoration: none;
}

@media (max-width: 1350px)
{
    .section-film-audio .col-big video
    {
        height: 260px;
    }
    .section-film-audio .col-small .item img
    {
        height: 120px;
    }
}
@media (max-width: 1199px)
{
    .section-film-audio .col-big video
    {
        height: 210px;
    }
    .section-film-audio .col-small .item img
    {
        height: 95px;
    }
}
@media (max-width: 991px)
{
    .section-film-audio .col-big video
    {
        height: 160px;
    }
}
@media (max-width: 768px)
{
    .section-film-audio .col-big video
    {
        height: auto;
    }
    .section-film-audio .col-small
    {
        margin-top: 20px;
    }
}
@media (max-width: 500px)
{
    .section-film-audio .col-small div[class*="col-"]
    {
        width: 50%;
        margin-bottom: 20px !important;
    }
    .section-film-audio .col-small .m-b
    {
        margin-bottom: 0;
    }
}
@media (max-width: 300px)
{
    .section-film-audio .col-small div[class*="col-"]
    {
        width: 100%;
        margin-bottom: 20px !important;
    }
    .section-film-audio .col-small .m-b
    {
        margin-bottom: 0;
    }
}

/* section-footer
********************************************************************/

.section-footer
{
    border-top: 3px solid #fb6f06;
    position: relative;
}

.section-footer .link
{
    background: #6b6b6b url("../images/footer-bg.jpg") center center no-repeat;
    text-align: center;
    padding: 10px 0;
    border-top: 3px solid #ffffff;
}
.section-footer .link li
{
    list-style: none;
    display: inline-block;
    margin: 0 7px;
}
.section-footer .link li a, .section-footer .link li a:visited
{
    color: #ffffff;
}
.section-footer .link li a:hover
{
    color: #e88c00;
}
.section-footer .link .link-1
{
}
.section-footer .link .link-2
{
    font-size: 9pt;
	color: #ffffff;
}

.section-footer .copy-right
{
    background: #494949;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
}

/* go-to-top
********************************************************************/

.go-to-top
{
    position: absolute;
    bottom: 60px;
    right: 10px;
}

/* pagination
********************************************************************/

.pagination
{
    margin: 0;
}
.pagination a, .pagination a:visited
{
    background: #c7c7c7;
    width: 24px;
    height: 24px;
    color: #ffffff;
    font-family: "nassim", arial, tahoma;
    font-size: 18px;
    text-align: center;
    float: left;
    margin-right: 5px;
    display: inline-block;
}
.pagination a:hover
{
    background: #fb6f06;
    text-decoration: none;
}
.pagination a.active
{
    background: #fb6f06;
}
.pagination span
{
    color: #c7c7c7;
    float: left;
    margin-right: 5px;
}


.col-middle .pagination
{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.col-middle .pagination ul
{
    display: inline-block;
}
.col-middle .pagination .fa
{
    padding: 3px;
}

.col-middle .pagination a, .col-middle .pagination a:visited
{
    background: #f8f8f8;
    width: 24px;
    height: 24px;
    color: #7a7a7a;
    font-family: "nassim", arial, tahoma;
    font-size: 18px;
    text-align: center;
    float: left;
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #d6d6d6;
}
.col-middle .pagination a:hover
{
    background: #ffffff;
    text-decoration: none;
}
.col-middle .pagination a.active
{
    background: #ffffff;
}

/* col-gallery
********************************************************************/

.col-gallery
{

}

.col-gallery .gallery-item
{
    background: #eeeeee;
    padding: 10px;
    margin-top: 30px;
}
.col-gallery .gallery-item .img-box
{
    position: relative;
    border: 1px solid #ffffff;
}
.col-gallery .gallery-item .img-box img
{
    width: 100%;
    height: 250px;
    object-fit: cover;
    -o-object-fit: cover;
}
.col-gallery .row-4-items .gallery-item .img-box img
{
    height: 160px;
}
.col-gallery .gallery-item .img-box .title
{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: #ffffff;
    padding: 5px 7px;
    position: absolute;
    bottom: 0;
}
.col-gallery .gallery-item .img-box .star
{
    color: #ff9a00;
    font-size: 10pt;
    position: absolute;
    top: 5px;
    left: 5px;
    display: none;
}
.col-gallery .gallery-item .date-visit-comment
{
    height: 15px;
    color: #6a6a6a;
    margin-top: 5px;
}
.col-gallery .gallery-item .date-visit-comment .date
{
    float: right;
}
.col-gallery .gallery-item .date-visit-comment .visit
{
    float: left;
    direction: ltr;
    margin-left: 10px;
    display: none;
}
.col-gallery .gallery-item .date-visit-comment .comment
{
    float: left;
    direction: ltr;
    display: none;
}
.col-gallery .gallery-item .date-visit-comment .fa
{
    color: #ff9a00;
    font-size: 10pt;
}

.col-gallery .gallery-item:hover
{
    background: #c7c7c7;
}
.col-gallery .gallery-item:hover .img-box .star, .col-gallery .gallery-item:hover .date-visit-comment .visit, .col-gallery .gallery-item:hover .date-visit-comment .comment
{
    display: block;
}

.col-gallery .title-box
{
    background: #e5e5e5;
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}
.col-gallery .title-box .title
{
    background: #e88c00;
    color: #ffffff;
    text-align: center;
    float: right;
    padding: 5px 30px;
}
.col-gallery .title-box a.link-continue, .col-gallery .title-box a.link-continue:visited
{
    color: #747474;
    text-align: center;
    float: left;
    padding: 5px 10px 2px 10px;
    border-bottom: 3px solid #fa6c02;
}
.col-gallery .title-box a.link-continue:hover, .col-gallery .title-box a.link-continue:focus
{
    color: #fa6c02;
    text-decoration: none;
}

@media (max-width: 600px)
{
    .col-gallery .row-3-items div[class*="col-"]
    {
        width: 100%;
    }

    .col-gallery .row-4-items div[class*="col-"]
    {
        width: 50%;
    }
}
@media (max-width: 300px)
{
    .col-gallery .row-4-items div[class*="col-"]
    {
        width: 100%;
    }
}

/*********************/

.col-gallery-show .video-box
{
    background: #eeeeee;
    margin-top: 30px;
    padding: 20px;
}

.col-gallery-show .video-box .visit-date-score
{
    color: #969696;
    margin-bottom: 10px;
}
.col-gallery-show .video-box .visit-date-score .visit
{
    float: right;
}
.col-gallery-show .video-box .visit-date-score .date
{
    text-align: center;
}
.col-gallery-show .video-box .visit-date-score .score
{
    float: left;
}
.col-gallery-show .video-box .visit-date-score .score .active
{
    color: #ff9a00;
}

.col-gallery-show .video-box video
{
    background: #919191;
    width: 100%;
    border: 5px solid #919191;
}

.col-gallery-show .video-box .title-share-download
{
    margin-top: 20px;
}
.col-gallery-show .video-box .title-share-download .title
{
    color: #1b2c38;
    font-size: 16pt;
    float: right;
    padding-top: 10px;
}
.col-gallery-show .video-box .title-share-download .share
{
    background: #9a9a9a;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 20pt;
    float: left;
    padding-top: 12px;
    text-align: center;
    margin-left: 5px;
}

.col-gallery-show .video-box .title-share-download .download
{
    background: #ff9a00;
    width: 150px;
    height: 50px;
    float: left;
    color: #ffffff;
    text-align: center;
}
.col-gallery-show .video-box .title-share-download .download .title
{
    float: right;
    color: #ffffff;
    padding-right: 10px;
    padding-top: 3px;
}
.col-gallery-show .video-box .title-share-download .download .title .get
{
    font-size: 14pt;
}
.col-gallery-show .video-box .title-share-download .download .title .count
{
    font-size: 12pt;
}
.col-gallery-show .video-box .title-share-download .download .icon
{
    float: left;
    font-size: 20pt;
    padding: 15px;
}

.col-gallery-show .gallery-item .img-box img
{
    height: 142px;
}


@media (max-width: 991px)
{
    .col-gallery-show .col-xs-9
    {
        width: 100%;
    }

    .col-gallery-show .col-xs-3
    {
        width: 100%;
    }
    .col-gallery-show .col-xs-3 a
    {
        width: 33.33%;
        float: right;
    }
}
@media (max-width: 500px)
{
    .col-gallery-show .col-xs-3 a
    {
        width: 100%;
        float: right;
    }
}

/* post
********************************************************************/

.post-share-size
{
    float: left;
    text-align: left;
    margin: 7px 0 0 5px;
    padding: 0 !important;
}
.post-share-size a
{
    background: #ffffff;
    color: #ff9a00;
    padding: 3px 7px 0px 7px;
    margin: 0 2px;
}

.post-box .post-no-date
{
    width: 100%;
    padding-bottom: 5px;
    display: inline-block;
}
.post-box .post-no
{
    float: right;
    padding: 0;
}
.post-box .post-date
{
    float: left;
    text-align: left;
    padding: 0;
}
.post-box .post-pre-title
{
    color: #4f727c;
    font-size: 12pt;
    text-align: center;
    margin: 0;
    clear: both;
}
.post-box .post-title, .post-box .post-title a
{
    color: #004798;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0 0 !important;
}
.post-box .post-summery-text
{
    background: #f5f5f5;
    color: #12272d;
    text-align: justify;
    padding: 10px;
    margin: 20px;
}
.post-box .post-text
{
    color: #000c16;
    text-align: justify;
    padding-bottom: 10px;
}
.post-box .post-text img
{
    display: block;
	max-width: 100% !important;
	height: auto !important;
	text-align: center !important;
}
.post-box .post-text embed
{
    display: block;
	max-width: 100% !important;
		text-align: center !important;
}
.post-box .post-text .img
{
    float: left;
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.post-box .post-text .img img
{
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}
.post-box .post-tags
{
    padding-bottom: 20px;
}
.post-box .post-tags a, .post-box .post-tags a:visited
{
    color: #9a9a9a;
    padding: 3px 10px;
    border: 1px solid #9a9a9a;
	display: inline-flex;
	margin: 5px;
	float: right;
}
.post-box .post-tags a:hover
{
    color: #ff9a00;
    border: 1px solid #ff9a00;
}

/* related
**************/
.related-box
{
    margin-bottom: 10px;
}
.related-box li
{
    list-style-type: none;
}
.related-box li a
{
    color: #3b556c;
    display: inline-block;
    margin: 5px 0;
}
.related-box li a:hover
{
    color: #ff7917;
}
.related-box .fa
{
    color: #ff7917;
    font-size: 6pt;
    padding-left: 5px;
}

/* comment form
********************************************************************/

.comment-form-box
{
    font-family: "nassim", arial, tahoma;
    text-align: justify;
    padding: 0;
}
.comment-form-box [class*="col-"]
{
    padding: 0 !important;
    margin: 0 !important;
}
.comment-form-box .warning
{
    color: #646464;
    line-height: 1.5em;
    border-right: 5px solid #ff7917;
    padding-right: 5px;
    clear: both;
}
.comment-form-box input
{
    background: #f5f5f5;
    width: 100%;
    height: 35px;
    padding: 0 5px;
    border: 1px solid #bebebe;
    margin-bottom: 10px;
}
.comment-form-box textarea
{
    background: #f5f5f5;
    width: 100%;
    height: 128px;
    padding: 5px;
    border: 1px solid #bebebe;
    resize: none;
}
.comment-form-box .form-comment-text-box
{
    padding-right: 10px !important;
}
.comment-form-box .form-comment-btn
{
    background: #e88c00;
    color: #ffffff;
    border: 1px solid #e88c00;
}
.comment-form-box .form-comment-btn:hover
{
    background: #f7983f;
    border: 1px solid #f7983f;
}
.comment-form-box .capcha
{
    background: #bebebe;
    width: 100%;
    height: 35px;
    text-align: center;
    padding: 0 5px;
    border: 1px solid #bebebe;
    margin-bottom: 10px;
}

@media (max-width: 991px)
{
    .comment-form-box .form-comment-text-box
    {
        padding: 0 !important;
    }
}

/*
**************/

.comment-text-box
{
    background: #f4f4f4;
    margin-top: 10px;
}
.comment-text-box .comment-text-top
{
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #dce0e2;
}
.comment-text-box .comment-text-top [class*="col-"]
{
    padding: 0 !important;
    margin: 0 !important;
}
.comment-text-box .comment-text-top .comment-user
{
    color: #5b5b5b;
    text-align: center;
    padding: 3px 0;
    border-top: 5px solid #e88c00;
}
.comment-text-box .comment-text-top .comment-date
{
    color: #606060;
    font-weight: normal;
    text-align: left;
}
.comment-text-box .comment-text-top .comment-date span
{
    padding: 10px 0 0 5px;
}

.comment-text-box .comment-text-main
{
    text-align: justify;
    padding: 7px;
}
.comment-text-box .comment-text-main [class*="col-"]
{
    padding: 0 !important;
    margin: 0 !important;
}
.comment-text-box .comment-text-main .text
{
    overflow: hidden;
    word-wrap: break-word;
    padding: 0 10px !important;
}

.comment-text-box .comment-text-main .vote
{
    width: 50px;
    float: right;
}
.comment-text-box .comment-text-main .vote div
{
    direction: ltr;
}
.comment-text-box .comment-text-main .vote .vote-up
{
    color: #77b402;
}
.comment-text-box .comment-text-main .vote .vote-down
{
    color: #f00404;
}
.comment-text-box .comment-text-main .vote .vote-up:hover, .comment-text-box .comment-text-main .vote .vote-down:hover
{
    text-decoration: none;
}
.comment-text-box .comment-text-main .vote .vote-up span, .comment-text-box .comment-text-main .vote .vote-down span
{
    font-size: 11pt;
    margin-left: 5px;
}
.comment-text-box .comment-text-main .vote .vote-up i
{
    background: #77b402;
    color: #ffffff;
    padding: 3px 5px;
}
.comment-text-box .comment-text-main .vote .vote-down i
{
    background: #f00404;
    color: #ffffff;
    padding: 3px 5px;
}

.comment-text-box .comment-btn-answer a
{
    background: #e5e5e5;
    color: #606060;
    font-weight: bold;
    padding: 3px 5px;
}

.comment-answer-text-box
{
    background: #f7f7f7;
    clear: both;
    margin-top: 20px !important;
    border: 1px solid #dce0e2;
}
.comment-answer-text-box .comment-text-main
{
}
.red{
	color: #ed1c24 !important;
}
/*
********************************************************************/
.flexBox {
    display: flex;
    flex-wrap: wrap;
}
@media all and (max-width: 768px) {
.flexBox .order2 {
    order: 2;
}
.flexBox .order1 {
    order: 1;
}
.flexBox .order3 {
    order: 3;
}
.flexBox .order4 {
    order: 3;
}
}

.spimg
{
    background: transparent !important;
    width: 13px !important;
    height: 13px !important;
    float: none !important;
    border: none !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}
.spfont{
	font-family: tahoma;
	font-size: 12px;
	line-height: 1.5;
	padding: 1px 7px !important;
}