/* ----- color table ---- */
/*   light red :  #f6756b */
/*                #ffefef */
/*         red :  #e45854 ?f54242*/
/*    dark red :  #b31515 */
/*  light blue :  #4686f0 */
/*        blue :  #263a94 */
/*      yellow :  #f4aa2a */
/*       green :  #31ab1d */
/*       black :  #454545 */
/* light white :  #eee    */

/**************** General *******************/
@font-face{
    font-family:"gothic";
    src:url('/dprkrcs/assets/vendor/font-awesome/fonts/wklgoth.woff2'), format('truetype');
    font-weight:normal;
    font-style:normal;
}
h1,h2{font-family: bgothic; font-size: 2em!important; font-weight: bold; color: #454545!important;}
h3,h4,h5{font-family: rgothic; color: #454545!important;}
body, p{color: #454545;}

.mailto{text-decoration:none!important; font-family:arial;}
.new-mark{color: white;background:#e45854; font-size: .8em; vertical-align: super; font-family: gungso;padding: 2px 6px 3px!important;border-radius: 3px;}


.header-body{padding-bottom: 0!important;}

/**************** header-top *******************/
.header-top{ padding: 0!important; border: 0!important;
	background-image: url(../images/header-bg.png)!important; background-repeat: no-repeat!important; /*background-color: #b31515!important;*/
	color:#eee;}
	@media (max-width: 1140px) { .header-top{
		/*background-image:none!important; background-color: #fff!important;*/ } }

#header .header-top{z-index: unset!important;}
#header .header-top .header-nav-top .dropdown-menu{z-index: 999!important;}

		/*-- header-contacts --*/
#header-contacts{font-family: arial; font-size: .8em; line-height: 2em; display: inline-block; vertical-align: top; overflow: hidden;}
	@media (max-width: 1140px) { #header-contacts{display: none;} }
#header-contacts i{padding-left: 10px;}
#header-contacts .mailto{color: #eee!important;}

		/*-- div-header-nav-top --*/
#div-header-nav-top{display: inline-block; vertical-align: top; padding: 7px 0; background-color: #e91c1c!important; position: relative;}
#div-header-nav-top:before{	content: '';border-right: 16px solid transparent;border-bottom: 25px solid white;position: absolute;left:-16px;top:25px;background: #e91c1c;}
	@media (max-width: 1140px) {
		#div-header-nav-top:before{ display: none; }
		#div-header-nav-top{width: 100%!important; background-color:white!important;}
	}
#header .header-nav-top{float: right!important;} 
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > a:hover { color: #eee!important; background: inherit;}
#header .header-nav-top .nav > li > a i{ font-size: 1.2em; }
#header .header-nav-top .nav > li .dropdown-menu li a:hover{color: #e45854; background-color: #ffefef;}
#header .header-search .form-control {border-color: #e45854;}
#header .header-search .form-control i {color: #e45854!important; }
	@media (max-width: 420px) {#header .header-nav-top {margin: -5px 0 5px!important;}}
#div-header-nav-top .lang-mark{font-weight: bold; font-family: "arial black"; padding-right: 10px;}

/**************** header-container *******************/
/*.header-container{min-height: 70px;}*/
		/*-- header-logo --*/
.header-logo{margin-top: -30px;z-index: 10;  /* overflow: hidden; height: 105px!important;*/}		/*2023.1*/
	@media (max-width: 1140px) {.header-logo{margin-top: -45px;}}  /*2023.1*/
	@media (max-width: 992px) {.header-logo{margin-top: 0px; text-align: left;}}  /*2023.1*/
	@media (max-width: 570px) {.header-logo{max-width: 80px;overflow: hidden;}}
	/*@media (max-width: 400px) {.header-logo{max-width: 220px;}}  2023.1*/
.header-nav{padding-right:60px;}		/*2023.1*/
	@media (max-width: 1199px) {.header-nav{padding-right:0px;}}  /*2023.1*/

		/*-- header-nav-main --*/
#header .header-nav-main nav > ul li a { font-family: gothic; }
	/*@media (max-width: 1024px) {#header .header-nav-main nav > ul li a{display: none;}}*/  /*2023.1*/
#header .header-nav-main nav > ul > li > a {
    border-radius: 0;
    background-color: white; color:#454545;
    font-size: 1em; line-height: 1.5em;
    padding: 3px 12px; text-transform: none!important;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color: #454545!important;font-size: 1em;}
	@media (max-width: 1140px) { #header .header-nav-main nav > ul > li > a{padding: 3px 10px!important;} }
#header .header-nav-main nav > ul > li > a:after{border-top-color: #454545!important;}
#header .header-nav-main nav > ul > li.active > a.dropdown-toggle:after, #header .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after { border-top-color: #e45854!important;}
#header .header-nav-main nav > ul > li > a:hover, #header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li:hover > a {border-bottom: 3px solid #e45854!important;background-color: white!important; color: #e45854!important;}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {color: #e45854; background-color: #ffefef;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {border-top:none;}
	@media (max-width: 992px) {
		#header .header-btn-collapse-nav{margin: 20px 20px 0 0!important;}
		#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > a:hover{background-color:white!important;color: #e45854!important;}
		#header .header-nav-main nav > ul > li > a:hover, #header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li:hover > a {border-bottom: 0!important;}
		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {font-size: 1.1em;}
	}
#header .header-btn-collapse-nav{ margin-top: -55px!important; z-index: 1000; }
	@media (max-width: 570px) {#header .header-btn-collapse-nav{ margin-top: 45px!important; }}


/**************** page-header *******************/
.page-header {border-top: 0;}
.page-header .active, .page-header a, .page-header h1 {color: #eee!important;}
.breadcrumb a{text-decoration: none!important;}
section.page-header h1 {line-height: 1.2em;}

/**************** home-intro *******************/
#home-intro .btn{width: 120px;}

/**************** toolbar *******************/
.toolbar.top{margin: 10px 0 40px; padding:10px 20px!important; border-bottom: 5px solid #eee;}
.toolbar.bottom{margin: 40px 0 10px; padding:20px!important;border-top: 5px solid #eee;}
	@media (max-width: 992px) {.toolbar.top{padding-left: 0!important; padding-right: 0!important;}.toolbar.bottom{padding-left: 0!important; padding-right: 0!important;}}

.pagination{margin: 5px 0 0!important; font-family: arial; padding: 0!important; float:left;}
.pagination > li > span,.pagination > li > a{padding: 4px 8px!important; min-width:27px;}

.search-result, .limiter{font-family: gungso; font-size: .9em;}
.search-result{padding: 8px 20px!important;float: right;}
.search-result span{font-family: arial; color: #e45854; font-size: 1.1em; font-weight: bold;}

.limiter{display: inline-block; float: right; padding-top: 6px;	}
.limiter select{padding: 4px 8px!important; color:#e45854; font-family: arial;}


/**************** list *******************/
.rec-date{color: #31ab1d; font-family: arial; padding-right: 20px!important;}
.read-count{color: #f4aa2a; font-family: arial;}

.cont-image-left{max-width: 160px; max-height:100px; float: left; margin: 0 20px 20px 20px;}
.cont-image-right{max-width: 160px; max-height:100px; float: right; margin: 0 20px 20px 20px;}
.post-content a{text-decoration: none;}
.post-meta{clear: both;}
.blog-posts article:last-child{border: 0;}
article{margin-bottom: 20px!important;}
.news-mark{font-family:gungso;font-size:xx-small; color:#fff; background-color:#f00; padding:4px 6px 4px; vertical-align:middle;border-radius:4px; font-weight:bold; line-height: 12px;}

/**************** view *******************/
.post-nav{color: #454545; font-family: chongbong; font-size: 1em; padding: 0 0 10px; /*border-bottom: 5px solid #eee; margin: 0 0 10px; */ }
.post-nav a{color:#e45854; text-decoration: none; }
.post-nav-return{ width:58.5%; text-align:left; padding-left: 10px; display:inline-block; font-family: gungso; font-size: .9em;}
.post-nav-fb{ width:38.5%; text-align:right; padding-right: 10px; display:inline-block;}
.post-nav.bottom{ padding: 0; /*border-bottom: 0; border-top: 5px solid #eee; margin: 10px 0 0;*/ }
	@media (max-width: 992px) {
		article.post-large { margin-left: 0px; }
		.post-content h3{font-size: 1.3em!important;line-height: 1.4em; }
	}
.post-content{display: inline-block;}
.post-meta-title{font-family: gothic; font-size: 1em; color:red; }
/*.post-meta *{vertical-align: middle;}
*/

html .blockquote-primary {
  border-color: #e45854 !important;
  background-color: #fff6f6!important;
  border-top:1px solid #ffdfdf!important;
  border-bottom:1px solid #ffdfdf!important;
  border-right:1px solid #ffdfdf!important;
  padding-bottom: 20px;
}

html .blockquote-secondary {
  border-color: #ccc !important;
  background-color: #f6f6f6!important;
  border-top:1px solid #dfdfdf!important;
  border-bottom:1px solid #dfdfdf!important;
  border-right:1px solid #dfdfdf!important;
  padding-bottom: 20px;
}


/**************** sidebar *******************/
#sidebar{ /*background: #ffefef; margin: -35px 0 -50px 0;*/ padding: 10px 30px 40px;}

.sidebar h4 { font-size: 1.2em; }
.sidebar li a { font-size: .875em!important; padding: 10px!important; border-bottom: 1px dotted #eaa!important; }
.sidebar li:last-child a { border: 0!important; }
.sidebar li a:hover{ background: none!important; }
.sidebar li a:hover .post-title  { font-weight: bold; }

.nav-box{padding-bottom:10px;}
.nav-box:last-child{padding-bottom:15px;}
.media-list{ text-align: center;}
.list-photo{padding:3px!important; width:48%; display: inline-block;}
.list-photo img{padding:5px!important; background: #fff; border: 1px solid #ccc; border-radius: 4px!important;}
.list-video{padding:3px!important; width:98%; display: inline-block; padding-bottom: 2%!important;}
.list-video img{padding:5px!important; background: #fff; border: 1px solid #ccc; border-radius: 4px!important;}

	/*-------- search_form ---------*/
#search-form {font-family: chongbong;}
.input-group-lg>.form-control { font-size: 1em; }

/**************** footer *******************/
#footer{padding: 0; margin: 0!important;}
#footer .container .row > div{padding: 0; margin: 0;}
.footer-copyright{margin: 0!important; padding: 20px 0!important; border: 0!important;}
.footer-copyright a{font-family: gothic; text-decoration: none;}
.footer-copyright a:hover{color: #f6756b!important}
	@media (max-width: 992px) {
		#footer .container .row > div{text-align: center;}
		#footer .footer-copyright nav { float: none;}
	}


/**************** newsletter-popup *******************/
.newsletter-popup {
    max-width: 700px;
    height: 324px;
    background: #fff;
    padding: 40px 40px 25px;
    border-top: 4px solid #e45854;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: right 20px bottom 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    background-image: url(../images/logo_img_back.jpg)
}
.newsletter-popup h4{ text-align: center; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.newsletter-popup hr{ margin: 20px 0; }
.newsletter-popup a{ text-decoration: none; }
.newsletter-list{height:150px; overflow: auto;}

.newsletter-subscribe a{color: #454545; font-size: .9em; font-family: chongbong;}
p label {background-color: #c6e6ff;}
a label {background-color: #c6e6ff;}