.error_border{border:1px #c21b00 solid !important;}
.fancybox-button svg path{color:#fff}
/* ------------------------------------------------------ */
/* ---------------------- details page ------------------ */
/* ------------------------------------------------------ */
/* ---------------- */
/* -- navigation -- */
/* ---------------- */
.details .col_right .navigation{margin-bottom:20px;padding:3px 0;background:#f9f9f9;}
.details .col_right .navigation ul{list-style-type: none;margin: 0;padding: 0}
.details .col_right .navigation ul li:first-child{margin-right:5px;}
.details .col_right .navigation ul li{display:inline-block;font-size:13px;margin:0px;}
.details .col_right .navigation ul li a{text-decoration:none;color:#003e7b;padding:0 5px;}
.details .col_right .navigation ul li a:hover{color:#d51900;}
.details .col_right .navigation ul li a:hover > i{color:#d51900}
.details .col_right .navigation ul li a i{color:#003e7b}
.details .col_right .navigation ul li.sep i{color:#003e7b;font-size:20px;}

/* ---------------- */
/* ----- Title ---- */
/* ---------------- */
.details .col_right .title{margin-bottom:10px;}
.details .col_right .title h4{margin-bottom:10px;color:#2b2b2b;font-size:20px;font-weight: bold;}
.details .col_right .title h1{margin-bottom:10px;color:#2b2b2b;font-size:27px;line-height:130%;font-family:'AlmaraiExtraBold', Serif;}
.details .col_right .title h5{margin-bottom:10px;color:#2b2b2b;font-size:17px;}

/* --------------------------- */
/* ----- date and options ---- */
/* --------------------------- */
.details .col_right .datetime_options{margin-bottom:10px;padding:5px;}
.details .col_right .datetime{float:right;font-size:12px;color:#4a4b4b;}
.details .col_right .options{float:left;}
.details .col_right .options ul{list-style-type: none;margin: 0;padding: 0}
.details .col_right .options ul li{display:inline-block;margin-right:10px;cursor:pointer;}
.details .col_right .options ul li{display:inline-block;margin-right:10px;cursor:pointer;}
.details .col_right .options ul li span{color:#6c6c6c;font-size:11px;}
.details .col_right .options ul li i{color:#6c6c6c}
.details .col_right .options ul li a{text-decoration:none;}
.details .col_right .options ul li a:hover > span{color:#b90016;}
.details .col_right .options ul li a:hover > i{color:#b90016;}

/* ------------------ */
/* ----- tags ---- */
/* ------------------ */
.details .col_right .tags{margin-bottom:20px;}
.details .col_right .tags .title{margin-bottom:5px;border-bottom:1px #f0f0f0 solid;height:30px;line-height:30px;font-size:17px;font-weight: bold;color:#df2f00}
.details .col_right .tags .title i{height:30px;line-height:30px;padding-left:5px;font-size:17px;color:#df2f00}
.details .col_right .tags .tag{float:right;margin-left:5px;margin-bottom:5px;}
.details .col_right .tags .tag a{display:block;text-decoration:none;color:#006f8b;padding:5px;background:#f1f1f1}
.details .col_right .tags .tag a:hover{color:#fff;background:#df2f00}
/* ------------------- */
/* ----- in photo ---- */
/* ------------------- */
.details .col_right .inphoto{margin-bottom:20px;position:relative;}
.details .col_right .inphoto a{text-decoration:none;}
.details .col_right .inphoto img{width:100%;}
.details .col_right .inphoto i{position:absolute;bottom:0px;left:0;padding:10px 10px;color:#fff;font-size:20px;}
.details .col_right .inphoto div{position:absolute;bottom:0px;left:0;right:0;padding:5px 10px;background: rgba(120, 1, 1, 0.5);color:#fff;}

/* ---------------------- */
/* ----- writer_name ---- */
/* ---------------------- */
.details .col_right .writer_name{margin-bottom:10px;font-size:16px; font-weight: bold; color:#00336c;}
/* ---------------- */
/* ----- text ----- */
/* ---------------- */
.details .col_right .text {font-size:24px;}
.details .col_right .text *{margin-bottom:20px;color:#000;line-height: 160%;font-family: AlmaraiRegular !important; font-size:20px !important;text-align:justify !important;}
.details .col_right .text img{max-width:100%;height:auto;}
/* ------------------------- */
/* ----- photo_gallery ----- */
/* ------------------------- */
.details .col_right .photo_gallery{margin-bottom:20px;background:#f0f0f0;}
.details .col_right .photo_gallery .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
.details .col_right .photo_gallery .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
.details .col_right .photo_gallery .gallery a.big img {
  width: 40%;
}

/* ---------------------- */
/* ----- video_face ----- */
/* ---------------------- */
.details .col_right .video_face{
	margin-bottom:20px;text-align:center;position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.details .col_right .video_face iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* ------------------------- */
/* ----- video_youtube ----- */
/* ------------------------- */
.details .col_right .video_youtube{
	margin-bottom:20px;text-align:center;position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.details .col_right .video_youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* ------------------------- */
/* ----- video_library ----- */
/* ------------------------- */
.details .col_right .video_library{margin-bottom:20px;}
.details .col_right .video_library video{width: 100%;height: auto;}
/* ------------------------- */
/* ----- sound_library ----- */
/* ------------------------- */
.details .col_right .sound_library{margin-bottom:20px;}
.details .col_right .sound_library audio{width: 100%;}
/* ------------------------- */
/* ----- sound_album ----- */
/* ------------------------- */
.details .col_right .sound_album{margin-bottom:20px;}
.details .col_right .sound_album .title{margin-bottom:5px;border-bottom:1px #f0f0f0 solid;height:30px;line-height:30px;font-size:17px;color:#df2f00}
.details .col_right .sound_album .title i{height:30px;line-height:30px;padding-left:5px;font-size:17px;color:#df2f00}
.details .col_right .sound_album .sound_cont{padding:5px 5px 0px 5px;background:#f2f1f1}
.details .col_right .sound_album .item{margin-bottom:5px;}
.details .col_right .sound_album .item:last-child{margin-bottom:0px;}
.details .col_right .sound_album .sound_title{margin-bottom:0px;color:#0693b1;font-size:15px;background:#fff;padding:5px;}
.details .col_right .sound_album .sound_title i{color:#0693b1;font-size:15px;padding-left:5px;}
.details .col_right .sound_album audio{width: 100%;}
/* ------------------------- */
/* ----- file_album ----- */
/* ------------------------- */
.details .col_right .file_album{margin-bottom:20px;}
.details .col_right .file_album .title{margin-bottom:5px;border-bottom:1px #f0f0f0 solid;height:30px;line-height:30px;font-size:17px;color:#df2f00}
.details .col_right .file_album .title i{height:30px;line-height:30px;padding-left:5px;font-size:17px;color:#df2f00}
.details .col_right .file_album .file_cont{padding:5px;background:#f2f1f1}
.details .col_right .file_album .item{margin-bottom:5px;background:#fff;}
.details .col_right .file_album .item:last-child{margin-bottom:0px;}
.details .col_right .file_album .item .no{float:right;height:30px;line-height:30px;background:#ddd;padding:0 5px;}
.details .col_right .file_album .item .file_title{float:right;}
.details .col_right .file_album .item .file_title a{text-decoration:none;color:#0693b1;display:block;height:30px;line-height:30px;padding-right:5px;}
.details .col_right .file_album .item .file_title a:hover{color:#df2f00}
.details .col_right .file_album .item .icon{float:left}
/* ----------------------- */
/* ----- related news ---- */
/* ----------------------- */
.details .col_right .related_post{margin-bottom:20px;}
.details .col_right .related_post .title{margin-bottom:5px;border-bottom:1px #f0f0f0 solid;height:35px;line-height:35px;font-size:18px;color:#df2f00;font-weight: bold;}
.details .col_right .related_post .title i{height:40px;line-height:40px;padding-left:5px;font-size:18px;color:#df2f00}
.details .col_right .related_post ul{list-style-type: none;padding:0;margin:0;}
.details .col_right .related_post ul li {margin-bottom:5px;}
.details .col_right .related_post ul li a{font-size:15px;color:#006f8b;text-decoration:none;}
.details .col_right .related_post ul li a i{font-size:15px;color:#006f8b;}
.details .col_right .related_post ul li a:hover{color:#df2f00;}
/* -------------------- */
/* ----- userCode  ---- */
/* -------------------- */
.details .col_right .userCode{font-size:20px;margin-bottom:10px;}
/* -------------------- */
/* ----- more news ---- */
/* -------------------- */
.details .col_right .morenews{margin-bottom:20px;}
.details .col_right .morenews .title{margin-bottom:5px;border-bottom:1px #f0f0f0 solid;height:40px;line-height:40px;font-size:20px;font-weight: bold;color:#df2f00}
.details .col_right .morenews .title i{height:40px;line-height:40px;padding-left:5px;font-size:20px;color:#df2f00}
.details .col_right .morenews a{text-decoration:none;}
.details .col_right .morenews .item{float:right;width:24%;margin-left:1.25%;}
.details .col_right .morenews .item:nth-child(4n+0){margin-left:0;}
.details .col_right .morenews .item:hover{background:#f2f1f1}
.details .col_right .morenews .item img{height:100%;width:100%;}
.details .col_right .morenews .item .text{padding:10px;height:101px;overflow:hidden;}
.details .col_right .morenews .item .text h3{color:#2b2b2b;font-size:14px !important;padding:0;margin:0;line-height:20px;text-align:right;}
@media (max-width: 1199px) {
	.details .morenews{display:none}
}
/* -------------------------- */
/* ----- share_shortlink ---- */
/* -------------------------- */
.details .col_right .share_shortlink{margin-bottom:20px;background:#f2f1f1;padding:10px;}
.details .col_right .share_shortlink .short_link{float:right;}
.details .col_right .share_shortlink .short_link .title{float:right;margin:0 0 0 10px;height:25px;line-height:25px;}
.details .col_right .share_shortlink .short_link .link-container{position:relative;float:right;background:#fff;overflow:hidden;}
.details .col_right .share_shortlink .short_link .link-container .link{height:25px;line-height:25px;padding:0 5px;font-size:12px;font-family:tahoma;}
.details .col_right .share_shortlink .short_link .link-container .msg{position:absolute;left:0;right:0;top:0;bottom:0;height:0px;background:#66a000;text-align:center;color:#fff;overflow:hidden;}
.details .col_right .share_shortlink .short_link .button{background-color:#2a87b4;color:#ffffff;display:inline-block;font-size:12px;height:25px;line-height:25px;padding:0 10px;cursor:pointer;}
.details .col_right .share_shortlink .short_link .button:hover{background-color:#7eaec5;}
.details .col_right .share_shortlink .share{float:left;height:25px;line-height:25px;}
.details .col_right .share_shortlink .share .title{float:right;height:25px;line-height:25px;padding-left:10px;font-weight: bold;}
.details .col_right .share_shortlink .share a{float:right;margin-right:10px;}
.details .col_right .share_shortlink .share a i{color:#999999;}
.details .col_right .share_shortlink .share a:hover > i{color:#000;}
/* ------------------------------------------------------ */
/* ------------------ cat details page ------------------ */
/* ------------------------------------------------------ */
/* -------------------- */
/* ----- cat title ---- */
/* -------------------- */
.details .col_right .cat_title{margin-bottom:20px;border-bottom:1px #f0f0f0 solid}
.details .col_right .cat_title h1{margin-bottom:5px;color:#2b2b2b;font-size:30px;line-height:150%;font-weight: bold;}
/* -------------------- */
/* ----- search title ---- */
/* -------------------- */
.details .col_right .search_title{margin-bottom:20px;border-bottom:1px #f0f0f0 solid}
.details .col_right .search_title .title{margin-bottom:5px;color:#2b2b2b;font-size:18px;line-height:150%}
.details .col_right .search_title .title span{color:#bb0707;font-size:19px;line-height:150%}
.details .col_right .search_title .count{margin-bottom:10px;color:#3391d0;font-size:12px;line-height:150%}
.details .col_right .search_title .count span{color:#3391d0;font-size:12px;line-height:150%}
/* ---------------- */
/* ----- posts ---- */
/* ---------------- */
.details .col_right .posts{margin-bottom:20px;}
.details .col_right .posts .post{margin-bottom:20px;}
.details .col_right .posts .post .img{float:right;width:20%;}
.details .col_right .posts .post .img img{height:100%;width:100%;padding:0;}
.details .col_right .posts .post .title{float:right;width:80%;padding:0 10px;}
.details .col_right .posts .post .title h3{font-size:18px;font-weight: bold;line-height:25px;color:#2b2b2b;margin-bottom:5px;}
.details .col_right .posts .post .title .writer{font-size:12px;margin-bottom:5px;}
.details .col_right .posts .post .title .cat{color:#bb0707;font-size:12px;margin-bottom:5px;}
.details .col_right .posts .post .title .cat i{color:#bb0707;margin-left:5px;}

.details .col_right .posts .post .title .date{font-size:12px;margin-top:10px;}
.details .col_right .posts .post .title .date span{color:#949595;}
.details .col_right .posts .post .title .date i{color:#949595;margin-left:5px;}
.details .col_right .posts a:hover > .post > .title > h3{color:#017795;}
/* col-xs */
@media (max-width: 767px) {
	.details .col_right .posts .post .img{width:30%;}
	.details .col_right .posts .post .title{width:70%;}
}
/* ------------------- */
/* ----- comments ---- */
/* ------------------- */
.details .col_right .comments{margin-bottom:15px;}
.details .col_right .comments .alltabs .tab{background:#f3f3f3;margin:0;}
.details .col_right .comments .alltabs .tab button{float:right;border: none;border-left:1px #d7d7d7 solid;outline: none;padding:10px 10px;cursor:pointer;background-color: inherit;transition: 0.3s;}
.details .col_right .comments .alltabs .tab button:hover{background:#eee;font-weight: bold;}
.details .col_right .comments .alltabs .tab button.selected{background:#ddd;font-weight: bold;}
.details .col_right .comments .alltabs .allcontents .tabcontent{display:none;padding-top:10px;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.details .col_right .comments .alltabs .allcontents .tabcontent:nth-child(1){display:block}
.details .col_right .comments .alltabs .allcontents .tabcontent .hint{margin-bottom:15px;color:#9f0404}
.details .col_right .comments .alltabs .allcontents .tabcontent .detail_comment{margin-bottom:15px;}
.details .col_right .comments .alltabs .allcontents .tabcontent .detail_comment .comment_details{margin-bottom:5px;}
.details .col_right .comments .alltabs .allcontents .tabcontent .detail_comment .comment_details .comment_name{}
.details .col_right .comments .alltabs .allcontents .tabcontent .detail_comment .comment_details .no{background:#ddd;padding:0 5px;margin-left:5px;}
.details .col_right .comments .alltabs .allcontents .tabcontent .detail_comment .comment_text{line-height:25px;}
.details .col_right .comments .alltabs .allcontents .tabcontent .ctitle{margin-bottom:5px;color:#9f0404;font-size:15px;text-align:center;font-weight: bold;}
.details .col_right .comments .alltabs .allcontents .tabcontent .field{margin-bottom:10px;}
.details .col_right .comments .alltabs .allcontents .tabcontent .field{margin-bottom:10px;}
.details .col_right .comments .alltabs .allcontents .tabcontent .input{padding:5px;border:1px #ddd solid; border-radius: 4px;font-size:15px;}
.details .col_right .comments .alltabs .allcontents .tabcontent .input::-webkit-input-placeholder {color:#bbb !important}
.details .col_right .comments .alltabs .allcontents .tabcontent .input:-ms-input-placeholder {color:#bbb;}
.details .col_right .comments .alltabs .allcontents .tabcontent .input::-moz-placeholder {color:#bbb;opacity: 1;}
.details .col_right .comments .alltabs .allcontents .tabcontent .input:-moz-placeholder {color:#bbb;opacity: 1;}
.details .col_right .comments .alltabs .allcontents .tabcontent input.input{width:100%;}
.details .col_right .comments .alltabs .allcontents .tabcontent textarea.input{width:100%;height:100px;resize: none;margin:0;}
.details .col_right .comments .alltabs .allcontents .tabcontent button.button{background-color: #007fa0;border: none;outline: none;color: white;padding: 5px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;}
.details .col_right .comments .alltabs .allcontents .tabcontent #comments_msg{color:#009e55;}
.details .col_right .comments .alltabs .allcontents .tabcontent #comments_msg i{color:#009e55;}
.details .col_right .comments .alltabs .allcontents .tabcontent #comments_msg_er{color:#D84315;}
.details .col_right .comments .alltabs .allcontents .tabcontent #comments_msg_er i{color:#D84315;}
/* --------------------- */
/* ----- pagination ---- */
/* --------------------- */
.pagination1 {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination1 > li {
  display: inline;
}
.pagination1 > li > a > i{color: #337ab7;}
.pagination1 > li > a,
.pagination1 > li > span {
  position: relative;
  float: right;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination1 > li:first-child > a,
.pagination1 > li:first-child > span {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination1 > li:last-child > a,
.pagination1 > li:last-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination1 > li > a:hover,
.pagination1 > li > span:hover,
.pagination1 > li > a:focus,
.pagination1 > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination1 > .active > a,
.pagination1 > .active > span,
.pagination1 > .active > a:hover,
.pagination1 > .active > span:hover,
.pagination1 > .active > a:focus,
.pagination1 > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination1 > .disabled > span,
.pagination1 > .disabled > span:hover,
.pagination1 > .disabled > span:focus,
.pagination1 > .disabled > a,
.pagination1 > .disabled > a:hover,
.pagination1 > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
/* ------------------------------------------------------- */
/* --------------------- static page --------------------- */
/* ------------------------------------------------------- */
.details .col_right .application .inputDiv{margin-bottom:5px;}
.details .col_right .application .inputDiv .title{float:right;width:19%;margin:0;color:#6e6e6e;padding-top:3px;}
.details .col_right .application .inputDiv .field{float:left;width:80%;}
.details .col_right .application .inputDiv .field .hint span{color:#aaa;font-size:12px;}
.details .col_right .application .inputDiv .field .input{width:100%;padding:5px;border:1px #ddd solid; border-radius: 4px;font-size:12px;}
.details .col_right .application .inputDiv .field input.input{}
.details .col_right .application .inputDiv .field textarea.input{height:100px;resize: none;}
.details .col_right .application .inputDiv .field select.input{}
.details .col_right .application .inputDiv .field input[type=file]{border:1px #ddd solid; border-radius: 4px;width:100%;}
.details .col_right .application .inputDiv .field .ltr{text-align:left;direction:ltr;}
.details .col_right .application .inputDiv .field .error_border{border:1px #c21b00 solid !important;}
.details .col_right .application .Button_bar{margin-bottom:5px;text-align:left}
.details .col_right button.button{background-color: #007fa0; /* Green */
    border: none;
    color: white;
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;}
.details .col_right .application .hintStar{margin:10px 0;color:#c21b00}
.details .col_right .success{margin-bottom:10px;padding:10px;background:#89ebb7;color:#08552c}
.details .col_right .fail{margin-bottom:10px;padding:10px;background:#f08a82;color:#552308}
@media (max-width: 767px) {
	.details .col_right .application .inputDiv .title{width:100%;margin-bottom:5px;}
	.details .col_right .application .inputDiv .field{width:100%;}
}
/* ------------------------------------------------------ */
/* --------------------- print page --------------------- */
/* ------------------------------------------------------ */
.print_page .logo{margin:10px 0 10px 10px;padding-bottom:5px;border-bottom:1px #ddd solid; text-align: center;}
.print_page .title{margin-bottom:10px;}
.print_page .title h4{margin-bottom:10px;color:#2b2b2b;font-size:20px;}
.print_page .title h2{margin-bottom:20px;color:#2b2b2b;font-size:30px;line-height:140%;font-weight: bold;}
.print_page .title h5{margin-bottom:20px;color:#2b2b2b;font-size:17px;}
.print_page .img{margin-bottom:10px;position:relative;}
.print_page .img .xouter{
	position:relative;
	left:50%;
	float:left;
	clear:both;
	text-align:left;
}
.print_page .img .xinner{
	position:relative;
	left:-50%;
	text-align:left;
}
.print_page .img img{margin:0 auto;max-width:100%;}
.print_page .img .close_img{position:absolute;top:0;padding:10px;background:#a20000;cursor:pointer}
.print_page .img .close_img i{font-size:20px;color:#fff}
.print_page .img .close_img:hover > i{color:#ffd200}
.print_page .datetime{margin-bottom:10px;color:#2b2b2b;font-size:12px;}
.print_page .text {font-size:21px;}
.print_page .text *{margin-bottom:20px;text-align:justify;font-family: TajawalRegular !important;color:#000;line-height: 130%;}
.print_page .text img{max-width:100%;height:auto;}
.print_page .writer_name{margin-bottom:10px;font-size:24px;;color:#00336c;}
.print_page .link{margin:20px 0;text-align:left;direction:ltr;font-size:18px;}
.print_page .link span{font-family:TajawalRegular,arial;font-size:20px;}
.print_page .btn_print{margin-bottom:20px;text-align:center;}