article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}


abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

mark {
  color: #000;
  background: #ff0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
	max-width:100%;
	height:auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

button:focus,
input:focus,
select:focus,
textarea:focus{
	border:0px;
	outline:none;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:0;}a:active,a:hover{outline:0}h1{font-size:2em;}h2{font-size:1.5em;}h3{font-size:1.17em;}h4{font-size:1em;}h5{font-size:.83em;}h6{font-size:.67em;}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}a{ text-decoration:none;}li{ list-style:none;}
a{ color:#7ecefd;}
a:hover{ text-decoration:underline;}
/**{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }*/

body{ font-size:13px; font-family:Arial, Helvetica, sans-serif;}
body{-ms-overflow-style: scrollbar !important;}
p{ margin-bottom:15px; line-height:17px; color:#404748; font-size:13px;}
ul, ol{ margin:0px; padding:0px;}
li{ list-style:none;}
a:hover{ text-decoration:none;}


/* @font-face { */
    /* font-family: 'HelveticaNeueLTStdThin'; */
    /* src: url('../fonts/HelveticaNeueLTStd-Th.eot'); /* IE9 Compat Modes */ */
    /* src: url('../fonts/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ */
         /* url('../fonts/HelveticaNeueLTStd-Th.woff') format('woff'), /* Modern Browsers */ */
         /* url('../fonts/HelveticaNeueLTStd-Th.ttf') format('truetype'), /* Safari, Android, iOS */ */
         /* url('../fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg'); /* Legacy iOS */ */
    /* font-style: normal; */
    /* font-weight: normal; */
    /* text-rendering: optimizeLegibility; */
/* } */


/* ==================================================================================================================================================== */

/*============================== Common ==============================*/
.mm-slideout{ overflow:hidden;}
.no-padding{ padding:0px;}
.no-left-padding{ padding-left:0px;}
.no-right-padding{ padding-right:0px;}

input::-moz-placeholder, textarea::-moz-placeholder{ opacity: 1;}
::-webkit-input-placeholder {color: #797979;}
:-moz-placeholder {color: #797979;}
::-moz-placeholder {color: #797979;}
:-ms-input-placeholder {color: #797979;}
.checkbox-outer{ padding:0px;}
.checkbox-outer label{ color:#ffffff; font-size:12px; font-weight:lighter;}
.checkbox-outer [type="checkbox"]:not(:checked),
.checkbox-outer [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.checkbox-outer [type="checkbox"]:not(:checked) + label,
.checkbox-outer [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

/* checkbox aspect */
.checkbox-outer [type="checkbox"]:not(:checked) + label:before,
.checkbox-outer [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 13px; height: 13px;
  border: 1px solid #aaa;
  background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
  border-radius: 3px;
  /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3)*/
}
/* checked mark aspect */
.checkbox-outer [type="checkbox"]:not(:checked) + label:after,
.checkbox-outer [type="checkbox"]:checked + label:after {
  content: ' ';
  position: absolute;
  top: 2px; left: -1px;
  font-size: 14px;
  color: #09ad7e;
  transition: all .2s;
	background-image:url(../images/checked-ic.png);
	background-repeat:no-repeat; background-position:center center;
	width:13px;
	height:13px;
}
/* checked mark aspect changes */
.checkbox-outer [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.checkbox-outer [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.checkbox-outer [type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox-outer [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.checkbox-outer [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.checkbox-outer [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.checkbox-outer [type="checkbox"]:checked:focus + label:before,
.checkbox-outer [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
.checkbox-outer label:hover:before {
 /* border: 1px solid #4778d9!important;*/
}
span.art-title-ic{ background-color:#44d673; width:38px; min-width: 38px; text-align:center; justify-content: center; }
span.art-title-ic.green{ background-color:#51e0b4;}
span.art-title-ic.light-blue{ background-color:#50c8e1;}
span.art-title-ic.blue{ background-color:#7292f5;}

.inner-title-2, .w-footnote-title{ width:100%; float:left; background-color:#278390; padding:10px 15px; color:#ffffff; text-transform:uppercase; font-size:20px; line-height:36px; margin:0px;}
.w-footnote-title { font-weight: bold; margin-bottom: 15px; }
.inner-title-2 .title-txt{ float:left; width:80%; line-height:25px; display:table;}
.inner-title-2 .title-txt a{color:#ffffff;}
.category-article-list-count{ font-size:18px; float:right; border-left:2px solid #92c1c7; width:14%; text-align:right; text-transform:capitalize; display:table;}
.category-article-list-count span{ display:table-cell; height:38px; vertical-align:middle;}
.title-txt span{ display:table-cell; vertical-align:middle; height:38px;}
.clr{ clear:both;}
.title-sm-2{ font-size:14px; font-weight:bold; color:#414849;}
.title-sm-3{ font-size:16px; font-weight:bold; color:#1385C2;}
#top{ width:33px; height:33px; background-image:url(../images/scroll-top.png); background-repeat:no-repeat; background-position:center center; position:absolute; top:-172px; right:20px;}

/*============================== Header ==============================*/
#ir-logo{ float:left; width:auto; margin-top:-7px;}
#login-search{ float:right;}
#language-container{ width:100%; height:auto; background-color:#09141a; padding-top: 5px;}
#language-container ul{ float:right; height: 30px; overflow: hidden; }
#language-container ul li{ float:left; width:auto; border-right:1px solid #1f2a30;}
#language-container ul li a{ font-size:11px; color:#ffffff; padding:0 13.6px; line-height:35px; display:block; line-height:30px;}
#language-container ul li:hover{ background-color:#1385c3;}
#language-container ul li.active-lang{ background-color:#1385c3;}
#header-middle{ background-color:#1385c3; width:100%; padding:16px 0 0px;}
#header-middle a.login-link{ font-size:12px; font-weight:bold; color:#ffffff; display:block; float:left; line-height:31px; margin-right:15px; text-transform: uppercase;}
#header-middle .register-link{ font-size:12px; font-weight:bold; color:#1385c3; background-color:#ffffff; padding:8px 15px 4px; display:block; float:left; margin-right:15px; text-transform: uppercase; border: none;}
.header-serch{ float:left; background-color:#ffffff; border:0px solid #ededed; height:29px;}
.header-serch input[type="text"]{ width:265px; background-color:none; border:0px; height:29px; font-size:12px; color:#898989; padding:0 12px; float:left;}
.header-serch button[type="submit"]{ width:40px; height:29px; background-color:transparent; border:0px; overflow:hidden; background-image:url(../images/header-search-ic.svg); background-position:center center; background-repeat:no-repeat; cursor:pointer;}
.header-serch button[type="submit"]:hover{ background-color:#f0f0f0;}
.all-words{ width:130px; line-height:26px; color:#565656; font-size:11px; text-align:center; border:0px solid #ededed; float:left;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
cursor:pointer;
height:29px;
}

.all-words,  x:-moz-any-link, x:default{ line-height:28px;}

.all-words:hover{
	background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9e9e9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9e9e9 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9e9e9 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e9e9e9 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.all-words select{ background-color:transparent; border:0px; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; background-image:url(../images/word-arrow.svg); background-repeat:no-repeat; background-position:right center; padding-right:15px; padding-left: 5px; cursor:pointer; background-color: rgba(0, 0, 0, 0); width: 98%; height: 100%;}

.all-words > img {
    margin-left: 20px;
}
#login-search .checkbox-outer{ float:left; width:auto; margin-left:35px; line-height: 20px;}
#login-search .checkbox-outer label{ padding-bottom:2px;}
.lo-se-bottom {
    float: right;
    width: auto;
	margin-top:0px;
	height: 27.5px;
	min-width: 180px;
}
#navigation-container{ border-bottom:1px solid #d5d5d5;}
#navigation-container .social-header > img {
    width: auto;
}
#navigation-container li{ float:left; text-transform: capitalize; }
#navigation-container li a.menu-anch{ font-size:13px; color:#565656; font-weight:bold; line-height:37px; display:block; text-align:center; padding:0 22px; border-right:1px solid #d5d5d5;}
#navigation-container li:hover a.menu-anch{ color:#ffffff; border-bottom:3px solid #424242; margin-bottom:-4px; border-right:1px solid rgba(0, 0, 0, 0); background-color:#1385c3;}
#navigation-container .right-nav li:hover a.menu-anch{ background-color:transparent; color:#1385c3; border:0px;}
#navigation-container li.current-page a.menu-anch{ color:#ffffff; border-bottom:3px solid #424242; margin-bottom:-4px; border-right:0px solid rgba(0, 0, 0, 0); background-color:#1385c3;}
.right-nav{ float:right;}
#navigation-container .right-nav li{ border-right:0px; float: right;}
#navigation-container .right-nav li a{ border-right:0px; font-size:12px;}
#navigation-container .right-nav .cont-expand-sec { float: right;}
.social-header{ float:left; margin-top:8px;overflow:hidden; height: 25px;}
#navigation-container .top-navigation li:last-child a{ border-right:0px;}
.lo-se-top {
    float: right;
}
.right-nav .contact-expand-ic{ display:block; float:left; margin:8px 0 0 3px;}

/*============================== Artical Cont ==============================*/
#middle-cont{ margin-top:28px;}
.feat-art-video-sec{ padding-left:10px;}
.art-video-section{ padding-right:10px;}
.new-artical { margin-bottom:50px; min-height: 410px; }
.new-artical .list-art-date{ display:none;}
.new-artical .artical-list .list-art-date{ display:block;}
.new-videos { min-height: unset; }
.featured-artical{ margin-bottom:50px; }
.f-article, .f-article-none { min-height: 410px; max-height: 410px; }
.f-video, .f-video-none { min-height: 315px; max-height: 315px; }
.f-article-none, .f-video-none { display: none; }
.artical-title{ background-color:#09141a; font-size:20px; color:#ffffff; padding:8px 16px; margin:0px; text-transform: uppercase;}
.artical-title img{ margin-right:21px; margin-top:-4px;}
.artical-title span{ font-weight:bold;}
.artical-img img{ width:100%;}
.main-artical{ position:relative; width:63%;}
.main-artical h2 a { color: #FFF; }
.article-info{
	position:relative; bottom:0px; left:0px; width:100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,1) 13%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(13%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 13%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 13%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 13%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 13%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	color:#ffffff; padding:12px 18px; margin-top:-48px;
}
.article-info h2{ margin:0 0 3px 0; font-size:18px; font-weight:bold;}
.art-list {
    float: left;
    margin-bottom: 9px;
    width: 100%;
}
.art-bottom a{ color:#1285C3; font-size:11px;}
.art-bottom {
    bottom: -3px;
    position: relative;
}
.art-date, .list-art-date{ font-size:12px; font-family:Georgia; float:right; font-style:italic;}
.artial-list-title{ color:#343A3B; font-size:14px; font-weight:bold; margin-top: 10px; display:block; line-height:16px; margin-bottom:4px;}
.artical-list p{ color:#343A3B; font-size:13px; margin-bottom: 2px; padding-right: 15px; line-height:18px;}
.artical-list a.art-more{ color:#1285C3; font-size:11px; font-weight:bold;}
.article-info > p {
    margin-bottom: 20px;
		color:#ffffff;
}
.art-bottom a:hover{ color:#ffffff;}
.artical-list{ background-color:#f0f0f0; width:36%;}
.read-more{ color:#1285C3; font-size:11px; font-weight:bold; text-transform:uppercase;}
.featured-title{
	background: rgb(211,105,19); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(211,105,19,1) 0%, rgba(238,134,1,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,105,19,1)), color-stop(100%,rgba(238,134,1,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(211,105,19,1) 0%,rgba(238,134,1,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(211,105,19,1) 0%,rgba(238,134,1,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(211,105,19,1) 0%,rgba(238,134,1,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(211,105,19,1) 0%,rgba(238,134,1,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d36913', endColorstr='#ee8601',GradientType=0 ); /* IE6-9 */
	font-size:20px; color:#ffffff; padding:8px 16px;
	margin:0px;
	width:100%;
	float:left;
	text-transform:uppercase;
}
.featured-title span{ font-weight:bold;}
.featured-img{ position:relative; margin-bottom:15px; max-height: 215px; width: 100%; overflow: hidden; }
.glance-img { max-height: 173px; }
.featured-info{/* position:absolute; bottom:0px; left:0px; min-height:61px;*/ width:78%; background-color:#ffffff; color:#343A3B; font-size:18px; font-weight:bold; line-height:21px; padding:9px 0 15px; margin-top:-75px; position:relative;}
.featured-info a { color:#343A3B; }
.featured-artical p{ margin-bottom:5px;}
.featured-artical .featured-info { min-height:61px; }
.art-cont{ background-color: #f0f0f0; width:100%; float:left;}

/*============================== Video Cont ==============================*/
.vid-thumb{ overflow:hidden; position:relative; background-color:#000000;}
h3.video-title{ margin:10px 0 0 0; font-size:14px; font-weight:bold;}
.video-sec{ width:100%; float:left; padding:30px 15px; min-height:277px;}
.vid-play{ width:100%; height:100%; position:absolute; top:0px; left:0px; background-image:url(../images/video-thumb-ic.png); background-repeat:no-repeat; background-position:center center;}
.vi-thimg{ opacity:.5}
.vid-thumb .vi-thimg { height: 172px; }
.video-block{ padding:0 10px;}

/*============================== Glance Cont ==============================*/
.glance-section{ margin-bottom:50px;}
.glance-section h2.artical-title{ background-color:#279745; line-height:22px; margin-bottom:5px;}
.glance-section .featured-info{ font-size:14px; line-height:18px; margin-top:-46px; min-height:48px; padding-right:3px; max-height: 65px; overflow: hidden; }
.glance-section p{ margin-bottom: 5px; min-height:51px; margin-top:0px;}
.glance-section .row {
    margin: 0 -6px;
}
.glance-section .col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
}

/*============================== Article Category Cont ==============================*/
.artical-category-section{ margin-bottom:40px;}
.art-cate-info{ background-color:#2e808c; min-height:140px; width:590px; padding:22px 18px; float:left; margin-right:10px; margin-bottom:10px;}
.art-cate-title{ font-size:20px; color:#ffffff; padding:8px 0px; margin:0 0 17px 0; text-transform:uppercase;}
.art-cate-title img{ margin-right:21px; margin-top:-4px;}
.art-cate-title span{ font-weight:bold;}
.art-cate-info p{ color:#DFDFDF; margin:0px;}
.art-cate-block{ width:190px; height:140px; overflow:hidden; float:left; margin-right:10px; position:relative; margin-bottom:10px;}
.art-block-title{ position:absolute; bottom:0px; left:0px; background-color:rgba(255,255,255,0.8); width:100%; height:47px; display:flex;}
.art-block-title > span{ display: flex;}
.art-title-ic > img {
  max-width: unset;
  max-height: unset;
  width: 23px;
  align-self: center;
}
span.art-title-txt{ padding-left:11px; font-size:15px; font-weight:bold; line-height:17px; height: 47px; }
span.art-title-txt > span { align-self: center; }
span.art-title-txt a, span.glance-title-txt a { color:#1285C3; display: block; overflow: hidden; align-self: center; }
span.art-title-txt a span, span.glance-title-txt a span {
    display:inline;
    display:inline-table;
    display:inline-block;
    vertical-align:middle;
    line-height: 20px;
    *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}
.cate-expand{ background-color:#2e808c; height:140px; width:391px; text-align:center; float:left; margin-right:10px; margin-bottom:10px; display:table;}
.cate-expand a{ display:table-cell; vertical-align:middle; font-size:15px; color:#ffffff; font-weight:bold; text-align:center;}
.cate-expand img{ margin-right:13px;}
.video-cate .cate-expand{ width:191px;}

/*============================== EBook Cont ==============================*/
.ebook-secion{ margin-bottom:42px;}
.ebook-secion .artical-title{ background-color:#f1f1f1; color:#2D808C;}
.artical-title .art-title-qot{ color:#2D808C; font-size:13px; font-weight:lighter; margin-left:25px;}
.ebook-list{ border-right:1px dashed #f1f1f1; border-bottom:1px dashed #f1f1f1; line-height:16px;}
.ebook-list{ height:50px; padding:0 55px 0 0; margin-top:16px;}
.ebook-list a{ color:#1285C3; font-size:15px; font-weight:bold; display:block; margin-top:3px;}
.ebook-list a:hover{ color:#343a3b;}
.ebook-list.col-md-4 > img {
    float: left;
		margin-right:15px;
		margin-left:15px;
}

/*============================== View Articles ==============================*/
.view-articles{ width:100%; height:auto; margin:0px; background-color:#34393c; padding:20px 0 91px; position:relative;}
.view-in-block{ margin-right:10px; margin-top:20px;}
.view-in-block h4{ background-color:#8e8f91; padding:10px 15px; margin:0px 0 1px 0; color:#ffffff; font-size:18px; text-transform: uppercase;}
.accord-view-title{ background-color:#e5e5e5; padding:10px 15px 10px 43px; margin:0px 0 1px 0; color:#343A3B; font-size:15px; font-weight:bold; background-image:url(../images/accor-arrow1.svg); background-repeat:no-repeat; background-position:15px center; cursor:pointer; text-transform: uppercase;}
.accordion-view{ width:100%; float: left; }
.accordion-view .accordion-title { float: none; }
.accordion-view .accord-view-content{ display:none; margin-top:0px;}
.accord-view-content{ background-color:#ffffff;/* padding:5px;*/ margin-top:0px;}
.accord-view-content .featured-info{ font-size:14px; font-weight:normal; padding:9px 9px 5px 9px; line-height:18px; width:100%; overflow:hidden; margin:0px;}
.accord-view-content .active-img .featured-info{ width:80%; height:44px;}
.accord-view-content .featured-img{ margin-bottom:-44px;}
.accord-view-content .featured-img img{ width:100%;}
.accord-view-content .read-more{ padding-left:9px; color:#1285C3;}
.view-block{ border-bottom:1px solid #ebebeb; padding-bottom:9px;}
/*.accord-view-content .view-block:last-child{ border-bottom:0px;}*/
a.view-art-more{ color:#4791FF; font-weight:bold; display:block; margin-bottom:15px; margin-top:12px; float:left; padding:0 10px;}
a.view-clear-list{ color:#FF9969; font-weight:bold; font-size:11px; display:block; margin-top:12px; float:right; line-height:22px; padding:0 10px;}
a.remove-list {
    color: #FF9969;
    font-size: 11px;
    font-weight: bold;
		float:right;
		line-height:20px;
		padding-right:5px;
}
.view-more-holder { background-color: #FFF !important; margin-bottom: 10px; padding-left: 9px; }
.view-art-cl{ padding-right:10px;}
.view-block .art-date {
    float: left;
    margin-bottom: -6px;
    padding-left: 9px;
    position: relative;
    width: 100%;
    z-index: 8;
}
.list-article .featured-info{ width:100%; float:left;}
/*.accord-view-content .view-block:last-child{ padding-bottom:0px;}*/
.accord-view-title:hover{ background-color:#d5d5d5;}
.list-article{ padding-top:9px;}
.view-art-cl:last-child{ padding-right:0px;}
.accord-view-title.ve-active{ background-image: url("../images/accor-active-arrow1.svg");}

/*============================== Footer ==============================*/
.foot-block{ width:30%; float:left; font-size:11px;}
.foot-block img{ margin-top:4px;}
.foot-img{ text-align:center;}
.abt-is .foot-img{ text-align:left;}
.abt-is .foot-img img { width: 100%;}
.foot-block.arwadh{ width:25%; margin-left:20px;}
.foot-block.arwadh .foot-img{ padding-bottom: 8px; }
.foot-block.aljomaih{ width:21%; margin-left:40px;}
.foot-block.aljomaih img { margin-top:-10px;}
.foot-block.creat-web{ width:16%; float:right;}
.footer-navigation{ float:left;}
.footer-social{ float:right;}
.footer-top{ width:100%; float:left; margin-top:26px; margin-bottom:53px;}
.footer-bottom{ width:100%; float:left;}
.footer-navigation li a{ font-size:12px; color:#343A3B; font-weight:bold; display:block; padding:0 20px; line-height:20px; border-right:1px solid #d5d5d5; text-transform: initial; }
.footer-navigation li a:hover{ color:#4791ff;}
.footer-navigation li{ float:left;}
.footer-navigation li:first-child a{ padding-left:0px;}
.footer-navigation li:last-child a{ border:0px;}
.footer-bottom{ margin-bottom:40px;}
.footer-social span{ margin-right:30px;}
.footer-social span:last-child{ margin:0px;}
.creat-web .foot-txt{ margin-top:10px;}
.cacti-logo{ text-align:center; font-family:Arial; font-size:12px; margin-top:12px;}
.cacti-logo span{ color:#80A527;}
.cacti-logo span img{ margin-top:-5px; margin-left:5px;}
p.copy-txt{ text-align:center; width:100%; float:left; margin-bottom:30px; font-family: 'Lato', Arial; font-size:11px; color:#000000;}
.cont-expand-sec{ position:relative;float:left;overflow:hidden;height:33px;}
footer { margin-bottom: 200px; }

.view-desktop{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #1387c4 0%, #2b9de6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1387c4), color-stop(100%,#2b9de6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1387c4 0%,#2b9de6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1387c4 0%,#2b9de6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1387c4 0%,#2b9de6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1387c4 0%,#2b9de6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1387c4', endColorstr='#2b9de6',GradientType=0 ); /* IE6-9 */
	height:38px; line-height:38px; text-align:center; font-size:12px; font-weight:bold; width:100%;
}
.view-desktop a{ color:#ffffff; display:block;}
.view-desktop img{ margin-right:10px;}

/*============================== Sub Menu Section ==============================*/
.top-navigation{ position:relative;}
.submenu-section{ width:100%; height:auto; position:absolute; left:0px; z-index:9999; background-color:#ffffff; box-shadow:0 3px 7px #7c7c7c; border-top:3px solid #adb2b6; display:none;}
.top-sub-menu:hover .submenu-section{ display:block;}
.subleft-menu{ float:left; width:22%; border-right:1px solid #e8e8e8; padding:17px 0 19px;}
.menu-desc{ float:left; width:48%; border-right:1px solid #e8e8e8; padding:20px 30px; display:none;}
.submenu-section .menu-desc:first-child{ display:block;}
.suggest-video{ float:left; width:30%; padding:20px 30px; background-color:#f5f6fb;}
.submenu-section li{ width:100%; border:0px; text-align:left;}
.subleft-menu li a{ font-size:13px; color:#6b6b6b; font-weight:bold; line-height:23px; display:block; text-align:left; margin:0 15px; background-image:url(../images/submenu-bullet.png); background-repeat:no-repeat; background-position:right center;}
.subleft-menu li a:hover{ color:#1386c7; background-image:url(../images/submenu-hover-bullet.png); background-repeat:no-repeat; background-position:right center;}
.subleft-menu li.active a{ color:#1386c7; background-image:url(../images/submenu-hover-bullet.png); background-repeat:no-repeat; background-position:right center;}
span.menu-cate-count{ font-family:Georgia; color:#8c8c8c; font-size:14px; font-style:italic;}
.menu-article-list a{ color:#1386c7; font-size:14px;}
.menu-article-list li{ list-style:inside none disc; color:#1386c7; padding:0 0 3px;}
.menu-article-list li span.menu-cate-count{ margin-left:10px;}
.menu-desc h2{ margin-top:0px; line-height:20px;}
.menu-article-list{ margin-top:47px;}
.suggest-video h3{ margin-top:0px; margin-bottom:16px; font-size:20px; color:#000107;}
.sug-video{ position:relative;}
.sugvideo-txt{ background-color:#f5f6fb; font-size:18px; color:#474c50; position:absolute; left:0px; bottom:0px; width:89%; padding-right:12%; padding-top:4px;}
.sug-list{ border-top:1px solid #e3e8ec; font-size:14px; color:#474c50; font-weight:bold; margin-top:20px; padding-top:10px; line-height:16px;}
.sug-list .read-more{ margin-top:10px; display:block;}
#navigation-container li.top-sub-menu .menu-anch{ background-image:url(../images/menu-arr.svg); background-position:right center; background-repeat:no-repeat; padding-right:35px;}
#navigation-container li.top-sub-menu .menu-anch:hover{ background-image:url(../images/menu-active-arr.svg);}
#navigation-container li.top-sub-menu.current-page .menu-anch{ background-image:url(../images/menu-active-arr.svg);}

#res-header{ display:none;}
/*.mm-title,.mm-close{ display:none;}*/
.mm-menu.mm-pageshadow::after{ }
.mm-hasnavbar-top-2 .mm-panel{/* z-index:999;*/ padding:0px;}
.mm-search{ padding:15px;}
.mm-menu .mm-search input{ background:url(../images/menu-icon.png) 0px top no-repeat; border-radius:0px; font-weight:lighter; color:#ffffff;  padding-left:30px; font-size:16px; text-transform:uppercase;}
.mm-menu .mm-search input::placeholder { color: #dcdcdc; }
.mm-menu > .mm-panel > .mm-listview{ margin-right:0px; background-color:transparent;}
.mm-listview > li > a, .mm-listview > li > span{ color:#ffffff; font-size:16px; text-indent: 15px; text-transform: uppercase;}
.mm-menu em.mm-counter{ display:none;}
.mm-listview .mm-next::before{ border:0px;}
.mm-menu .mm-listview > li:hover a{ color:#08537c;}
.mm-menu .mm-listview > li:hover .mm-prev::before, .mm-menu .mm-listview > li:hover .mm-next::after, .mm-menu .mm-listview > li:hover .mm-arrow::after{ border-color:#08537c;}
.mm-listview > li > a, .mm-listview > li > span{ padding-top:2px; padding-bottom:2px;}
.mm-listview > li:not(.mm-divider)::after{ border:0px;}
.mm-menu > .mm-panel > .mm-listview.mm-first{ margin-top:-4px;}
.mm-navbar .mm-title{ color:#6c6c6c; font-size:14px; font-weight:bold;}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{ color:#6c6c6c; font-size:14px; font-weight:bold;}
/*.mm-close::after{ display:none;}*/
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.7);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
.all-words select option {
    background-color: #fff;
}
.all-words .trigger, .all-words .activetrigger{ margin-left:17px;}

/*============================== Popup Content ==============================*/

.popup-cont .md-content .pop-main-cont{ padding:17px 20px;}
.popup-cont .md-content{ padding:0px; background-color:#ffffff; width:100%; float:left;}
#register{ width:481px;}
.pop-title{ font-size:20px; color:#171717; margin:0px 0 10px 0;}
.field-ic{ background-color:#2b8698; width:33px; height:30px; float:left; text-align:center; line-height:30px;}
.pop-field input[type="text"],.pop-field input[type="password"]{ width:220px; float:left; height:30px; border:1px solid #f0f0f0; color:#797979; font-size:12px; padding:0 13px;}
.pop-field input[type="text"]:focus,.pop-field input[type="password"]:focus{ border:1px solid #1385c1;}
.pop-field li{ margin-bottom:7px; width:100%; float:left; padding:0px;}
.field-check{ width:100%; float:left; text-align:left; color:#373938; font-size:11px; line-height:23px; margin-bottom:15px;}
.field-check input{ margin-right:10px; float:left;}
.pop-field input[type="submit"]{ width:auto; height:30px; background-color:#1286c3; text-align:center; font-size:14px; color:#ffffff; border:0px; font-weight:bold;padding:0 25px;}
.pop-field a{ color:#6da7cf; font-size:12px;}
.pop-field a:hover{ color:#246f8c;}
.login-btn{ margin-right:20px;}
.pop-up-bottom{ background-color:#1286c3; padding:12px 20px; width:100%; float:left;}
.pop-close{ width:25px; height:25px; border-radius:360px; background-color:#1286c3;/* text-align:center;*/ line-height:22px; position:absolute; right:-12px; top:-12px; cursor:pointer; padding-left:5px;}

#register .pop-field input[type="text"], #register .pop-field input[type="password"], #forgot-password input[type="text"], #forgot-password input[type="password"]{ width:100%;}
#register .pop-up-bottom{ text-align:center;}
#register .pop-up-bottom a{ color:#ffffff;}
#register p{ padding-right:13px;}
#register .pop-field{ margin-top:5px; width:100%; float:left;}
#register .pop-field p{ margin:15px 0;}
#register .pop-field > p{ margin:10px 0 15px; display:inline-block;}
#register .reg-cap input[type="text"]{ float:left; width:72%;}
.reg-cap-img{ float:left; width:28%;}
.reg-cap{ width:100%; float:left;}
p.reg-message{ display:inline-block; font-size:10px; color:#a7a7a9; margin-bottom:0px;}
#register .pop-field input[type="submit"]{ width:75%; margin:19px 0 10px 41px;}

#forgot-password .reg-cap-img{ width:100%; text-align:center; margin:10px 0 30px;}
#forgot-password .pop-field input[type="submit"]{ width:100%; margin-top:15px;}

/*============================== Breadcrumbs ==============================*/
.breadcrumbs{ font-size:12px; color:#000; margin-top:19px;}
.breadcrumbs.inside-row { margin-left: 15px; margin-bottom: 10px; margin-top: 10px; }
.breadcrumbs .home{ color:#000;}
.breadcrumbs li{ float:left; background-image:url(../images/breadcurmb-bullet.png); background-repeat:no-repeat; background-position:right 5px; margin-right:4px; padding-right:9px; color:#1385c4;}
.breadcrumbs li a{ color:#1385c4;}
.breadcrumbs li a:hover{ color:#000;}

.breadcrumbs li:last-child{ background-image:none;}

#middle-cont .breadcrumbs {margin: 10px 0px 10px -15px; padding-left: 0px;}

/*============================== Inner Page ==============================*/
h1.page-title{ width:100%; background-color:#11161c; padding:8px 15px 8px 60px; font-size:20px; text-transform:uppercase; color:#ffffff; margin:0px 0 20px;}
h1.page-title img { margin-left: -45px; }
.mainarticle-page h1.page-title, .middle-left-cont h1.page-title { padding: 8px 15px; }
.inner-wrap #middle-cont{ margin-top:10px; margin-bottom:100px;}
.title-art-count{ float:right;}
.category-filter{ width:100%; line-height:19px; margin-bottom:38px; float:left;}
.category-filter label{font-size:16px; color:#343A3B; font-weight:bold; float:left; text-transform:uppercase; margin-bottom: 0px; padding-right: 11px; }
.category-filter ul{ float:left;}
.category-filter li{ float:left;}
.category-filter a.filter-title{ color:#1586C4; padding:0 11px; border-right:1px solid #a1a1a3;}
.category-filter a:hover{ color:#343A3B;}
.category-filter .filter-title:first-child{ padding-left: 0px; }
.category-filter .filter-title:last-child{ border:0px;}
.category-filter{ margin-top: -16px; }
.category-filter:nth-of-type(1) { margin-top: 8px !important; }
.category-filter:only-of-type { margin-top: 8px !important; }
.category-filter .linkh { padding-left: 110px; }
.show-video-details{ float:right;}
.show-video-details a{ color:#1586C4; display:block; background-image:url(../images/cat-arrow.svg); background-repeat:no-repeat; background-position:left center; padding-left:25px;}
.show-article-details{ float:right;}
.show-article-details a{ color:#1586C4; display:block; background-image:url(../images/cat-arrow.svg); background-repeat:no-repeat; background-position:left center; padding-left:25px; text-transform: initial; }



/*============================== Article List Section ==============================*/
.article-cont{ width:100%; float:left; margin-bottom:40px;}
.article-cont:last-child{ margin-bottom:0px;}
.article-list-sec.main-article { margin-bottom: 20px; float: left; clear: both; width: 100%; }
.article-list-sec > li{ background-color:#f7f7f7; padding:11px 12px 11px; width:100%; float:left; margin-bottom:3px; position:relative;}
.article-list-sec > li label{ width:78%; float:left; line-height:34px; margin:0px;}
.article-list-sec > li label a{ color:#1586C4; font-size:14px; font-weight:lighter; display:block;}
.article-list-sec > li:hover{ background-color:#edebeb;}

.article-list-sec li .ratings-pick{ width:14%; float:right; text-align:right; display:table;}
.article-list-sec li .ratings-pick .rati-cont{ display:table-cell; vertical-align:middle; height:34px;}
.art-list-ic{ margin-right:15px; margin-top:-2px; float:left;}
.editors-pick{ color:#2E828D; font-size:13px; text-transform:uppercase; letter-spacing:0.6px; width:100%; float:left;}
.top20{ margin-right: 5px;}
.article-cont .inner-title-2{ margin-bottom:2px;}
.inner-article-tags{ width:100%; margin-top:22px; margin-bottom:32px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.inner-article-tags .art-block-title{ position:relative; width:186px; background-color:#f7f7f7; margin-bottom:10px; display: flex; }
/* .inner-article-tags .art-block-title:nth-child(2n){ float:right;} */
.featured-title .art-title-qot{ font-size:11px; font-weight:lighter;}
.inner-article-tags .ebook-list{ width:100%; float:left; padding:0px; margin:0 0 4px 0; border:0px;}
.inner-article-tags .ebook-list img{ float:left; margin-right:15px;}
.inner-article-tags .ebook-list a{ width:80%; float:left; display:table;}
.inner-article-tags .ebook-list a span{ vertical-align:middle; height:38px; display:table-cell;}
.art-list-count{ color:#2C818D; font-size:14px; width:100%; float:left;}
.article-list-page .article-list-sec li label{ line-height:normal;}
.article-list-page .rati-cont{ height:auto !important;}
.article-list-page .article-list-sec li{ padding:8px 12px 4px;}

.glance-block-title {
    background-color: #f5f3f4;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
		height: 47px;
		display: table;
}
span.glance-title-ic {
    background-color: #269548;
		display: table-cell;
    vertical-align: middle;
		width:40px;
		text-align:center;
}
span.glance-title-txt {
    font-size: 15px;
    font-weight: bold;
    padding-left: 11px;
		display: table-cell;
    vertical-align: middle;
}
span.glance-title-txt a{ color:#208dc8;}
#live-chat{ height:60px; margin-bottom:20px; width:100%; float:left; text-align:center; line-height:60px; font-size:18px; color:#fff; background-color:#288ecc;
	background: -moz-linear-gradient(top, #1684c1 0%, #3b9ad4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1684c1), color-stop(100%,#3b9ad4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1684c1 0%,#3b9ad4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1684c1 0%,#3b9ad4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1684c1 0%,#3b9ad4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1684c1 0%,#3b9ad4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1684c1', endColorstr='#3b9ad4',GradientType=0 ); /* IE6-9 */
	box-shadow:0 0 6px #9c9c9c;
	border:1px solid #ffffff;
	border-top:0px;
	border-bottom:0px;
	display:none;
}
#live-chat img {
    margin-right: 10px;
}

#live-chat > a{ color:#ffffff; display:block;}

.vi-art-block{ float:left; width: 50%;}
.vi-art-block:first-child {
    padding-right: 10px;
}
.accord-view-content .col-md-12.no-padding{ background-color:#34393c;}
.ve-active.accord-view-title{ background-color:#d5d5d5;}

.mobile-header-serch{ width:100%; float:left; background-color:#e3e3e3; padding:7px; border:1px solid #dfdfdf; display:none;}
.mobile-header-serch input[type="text"]{ width:90%; background-color:none; border:0px; height:30px; font-size:12px; color:#898989; padding:0 12px; float:left;}
.mobile-header-serch input[type="button"]{ width:10%; height:30px; background-color:transparent; border:0px; overflow:hidden; background-image:url(../images/header-search-ic.svg); background-position:center center; background-repeat:no-repeat; cursor:pointer; background-color:#f0f0f0;}
.mobile-header-serch input[type="button"]:hover{ background-color:#f0f0f0;}
/*.res-so-ic.mob-search{ margin:0px;}*/
.video-category-section .article-list-sec li{ padding:0 15px 0 0;}
.video-category-section .article-list-sec li label{ width:60%; display:table;}
.video-category-section .article-list-sec li label a{ display:table-cell; vertical-align:middle; padding-left:15px;}
.video-art-thumb {
    float: left;
	height: 75px; overflow: hidden;
}
/*.video-category-section .video-sub-description{ display:none !important;}*/

.video-sub-category .article-list-sec > li label a{ font-weight:bold;}
.video-sub-description{ width:510px; height:auto; position:absolute; left:80px; top:57px; padding:0px; z-index:9999; background-color:#ffffff; border-radius:15px; border:2px solid #c9c9c9; padding:23px 20px; display:none;}
.video-sub-description:before{
	width: 30px;
	height: 27px;
	content:" ";
	position:absolute;
	left:50px; top:-27px;
	background-image:url(../images/sub-desc-arrow.png);
}
.video-sub-description .vi-sub-detail, .videodesc-show .vi-sub-detail{ display:block;}

.video-sub-description h3{ margin:0px; font-size:16px; font-weight:bold; color:#343A3C; width:100%;}
.des-text{ width:323px; float:left;}
.des-text p{ line-height:18px; margin-top:10px;}
.des-thumb{ width:134px; float:right;}
.vi-sub-detail{ width:100%; float:left;}
.vi-sub-detail li{ width:50%; float:left; padding-right:15px; padding-bottom:5px;}
.des-audio-stream{ width:100%; float:left; margin-top:18px;}
.des-audio-stream a{ color:#1385C2; font-weight:bold; font-size:14px;}
.des-audio-stream img{ margin-left:7px;}
.videodesc-show{ width:100%; float:left;}
.videodesc-show .des-text{ width:75%;}
.videodesc-show h3{ width:auto; font-weight:bold; margin-bottom:0px;}
.video-category-section .videodesc-show{ padding-left:15px; padding-bottom:15px;}

.vid-in-rating-row{ width:100%; float:left; position:relative; z-index:999; margin-bottom: 18px;}
.vid-in-rating-row span{ margin-right:22px; line-height:14px; float:left;}
.vid-in-rating-row .editors-pick{ width: auto; }
.vid-ratings{ font-size:16px; color:#343A3C; font-weight:bold;}
.vid-ratings > img {
    margin-top: -5px;
}
.vid-editor-pic a{ color:#2C818D; text-transform: uppercase; }

.st-so-left{ float:left;}
.st-so-right{ float:right; max-height: 24px; max-width: 340px; overflow:hidden; }
.st-so-left span{ margin-right:30px; float:left;}
.st-so-left span a, .art-comment a{ display:block;}
.st-so-left span:last-child{ margin:0px;}
.art-comment{ float:right; margin-right:19px;}

.vid-inner-detail{ width:100%; float:left; margin-top:-12px;}
.vid-inner-detail h3{ font-weight:bold; font-size:16px; line-height: 24px; margin-bottom: 6px;}
.vid-inner-detail h3 span.description{ font-weight:normal; font-size:16px; margin-bottom: 6px;}
.vid-inner-detail .category-filter{ margin-top:-16px; margin-bottom:20px;}
.vid-inner-detail .category-filter:nth-of-type(1) { margin-top: 8px !important; }
.vid-inner-detail .category-filter:only-of-type { margin-top: 8px !important; }

.vid-star-social{ width:100%; float:left; margin-top:25px; margin-bottom:10px; position:relative;}
.video-inner-category .vi-sub-detail{ margin-top:20px; display:block;}
.video-pagination{ width:100%; float:left;}
.video-pagination a{ font-size:16px; color:#1385C2; font-weight:bold; width:40%; margin-top:15px;}
.video-pagination a.vid-prev{ float: left; }
.video-pagination a.vid-next{ float: right; }

.key-video li{ background-color:#f5f3f3; width:100%; float:left; margin-bottom:3px;}
.key-video li .key-time{ padding:12px 4px; background-color:#53c6e1; color:#ffffff; float:left;}
.key-video li .key-txt{ float:left; padding-left:15px; width:85%;}
.key-video li label{ padding:12px 0; font-weight:lighter; margin:0px;}
.key-video li label a{ font-size:14px; color:#1385C2;}
.key-point p, .key-point .kpvideo1{ margin:0px 0 3px 10px;}
.key-point{ margin-bottom:15px;}
.video-inner-category .article-cont{ margin-top:30px; margin-bottom:15px;}
a.vid-view-all{ font-size:16px; color:#1385C2; font-weight:bold; width:50%; float:left; margin-top:10px;}
.video-inner-category .vid-star-social{ }
.comments-section{ width:100%; float:left;}
.comment-title{ color:#343A3C; font-size:18px; font-weight:bold; margin-bottom:20px;text-transform:capitalize;}
a.hide-comment{ color:#1385C2; font-size:14px; background-image:url("../images/bullet-1.svg"); background-repeat:no-repeat; background-position:left center; padding-left:15px; margin-left:20px;}
.user-comments{ border-bottom:1px solid #f9f9f9; padding-bottom:10px; margin-bottom:10px; width:100%; float:left;}
.user-comments:last-child{ border-bottom:0px;}
.user-comments h4{ font-size:14px; font-weight:bold; color:#414849; margin:3px 0 8px 0;}
.user-comments .com-date span{ margin-left:0px;}
.pro-dte{ font-size:12px; margin-bottom:15px;}
.com-date{ float:right;}
.com-date span{ margin-left:15px;}
.comment-form{ width:100%; float:left; background-color:#f5f3f3; padding:10px 10px;}
.comment-form li label{ font-weight:lighter; width:100px; text-align: right; padding-right: 10px;}
.comment-form input[type="text"]{ width:240px; height:30px; line-height:30px; border:1px solid #e6e5e5; padding:0 10px;}
.comment-form textarea{ min-width:360px; max-width:370px; min-height:117px; max-height:117px; line-height:30px; border:1px solid #e6e5e5; padding:0 10px;}
.comment-form input[type="text"]:focus, .comment-form textarea:focus{ border:1px solid #1385c2;}

.comment-form li{ margin-bottom:14px; width: 98%;}
.comment-form .dontshowtxt {margin-left: 108px;}
.comment-btn{ margin-left:70px;}
.comment-btn input.submit-btn{ background-color:#1385c2; font-size:14px; font-weight:bold; color:#ffffff; border:0px; line-height:30px; padding:0 15px;}
.comment-btn input.clear-btn{ font-size:14px; font-weight:bold; color:#1385c2; border:0px; line-height:30px; padding:0 15px; background-color:transparent;}
.comment-btn input.clear-btn:hover{ color:#000;}
.comment-btn input.submit-btn:hover{ background-color:#289fdf;}
.comment-btn p{ color:#A6A8AB; font-size:10px; line-height:12px; margin-top:15px; margin-bottom:10px;}
.comment-form .checkbox-outer{ border-radius:0px; width:auto; margin-left:70px;}
.comment-form .checkbox-outer [type="checkbox"]:not(:checked) + label::before, .comment-form .checkbox-outer [type="checkbox"]:checked + label::before{ width:15px; height:15px; background:#ffffff !important; border:1px solid #e6e5e5; width:17px; height:17px;}
.comment-form .checkbox-outer label{ width:auto !important; color:#414849; line-height:22px;}
.comment-form .checkbox-outer [type="checkbox"]:not(:checked) + label::after, .comment-form .checkbox-outer [type="checkbox"]:checked + label::after{ background-image: url("../images/checked2-ic.svg"); width:17px; height:17px; top:0px;}
.comment-form .checkbox-outer [type="checkbox"]:not(:checked) + label, .comment-form .checkbox-outer [type="checkbox"]:checked + label{ padding-left:30px;}
.comment-form .dropdown-main{display:inline-block; position: relative;}
.comment-form .dropdown-main select{border:1px solid #e7e5e6; width:240px; height:29px; padding-left: 5px;}
.comment-form .dropdown-main .drop-arrow{position:absolute; background:url("../images/menu-arr.svg") #ffffff no-repeat right center; width:40px; height:27px; right:1px; top:1px;}
.comment-form li.comment-textarea label { text-align: left; }
.video-inner-category .vid-star-social{ padding-bottom:10px;}
.video-inner-category .vid-in-rating-row { margin-bottom: 0px; }
#video-player video{ width:100%; height:auto;}

/*============================== Highest Ratings ==============================*/
.rating-filter{ background-color:#f5f3f3; padding:15px 20px; width:100%; float:left; line-height:25px; margin-bottom:40px;}
.ra-fi-count {float:left;}
.ra-fi-display {float:left; margin-left: 100px;}
.ra-fi-block{ float:right;}
.ra-fi-block span{ float:left; margin-left:10px; font-weight:bold;}
.ra-fi-block span > a{ padding:0 10px; display:block; font-weight:lighter; color:#1385C2;}
.prev, .next{ background-color:#1385c2;}
.ra-fi-block span.start, .ra-fi-block span.end { font-weight: normal; }
.disabled-btn { background-color: #8E8F91; }
.ra-fi-block .prev a, .ra-fi-block .next a{ color:#ffffff !important; padding:0 16px}
.filter-page{ background-color:#ffffff; border:1px solid #e8e7e8; position:relative;}
.filter-page select, .ra-fi-display select { background-color: #ffffff;border: medium none;padding:1px 5px;}
.filter-page select option, .ra-fi-display select option { border-bottom: 1px solid #ccc; text-align: center; padding: 2px 5px; }
.ra-fi-block .filter-page > a{ height:auto; line-height:24px; margin:0px; padding-right:24px; color:#414849; margin-right:6px; color:#414849; font-size:13px;}
.ra-fi-block .dropcontainer ul{ background-color:#ffffff; border:0px;}
.ra-fi-block .dropcontainer{ position:absolute; width:100%; border:1px solid #e8e7e8; border-top:0px; width:104%; left:-1px;}
.ra-fi-block .dropcontainer ul li a{ font-weight:normal; font-size:13px; padding-left:10px;}
.ra-fi-block span:last-child a{ padding: 0px;}
.rating-block .inner-title-2{ margin-bottom:13px;}
.rating-block .category-filter{ margin-bottom: 14px;}
.ca-ra-left{ width:574px; float:left; min-height: 75px;}
.ca-ra-right{ width:132px; float:right; min-height: 75px;}
.ca-ra-right .video-art-thumb{ height: 75px; overflow: hidden; }
.rating-block .vid-inner-detail h3{ margin: 0 0 5px;}
.vi-sub-detail{ /*display:none;*/ }
.rating-block{ width:100%; float:left; margin-bottom:20px;}
.rating-block .inner-title-2 .title-txt{ width:100%; line-height:25px;}
.rating-block .inner-title-2 .title-txt a{ color:#ffffff; text-decoration: underline; }
.rating-filter:last-child{ margin:0px;}
.rating-block .rating-title{ padding:0px; background-color:#f7f7f7;}
.rating-block .rating-title .left-txt{ width:75%; float:left;}
.rating-block .rating-title .title-txt{ width:auto;}
.rating-block .rating-title .title-txt > span{ padding-left:10px; text-align:left; font-weight:bold;}
.rating-block .rating-title .title-txt span a{ color:#1e86c3; font-size:14px;}
.rating-title .rati-cont{ width:140px; float:right; margin-right:10px; text-align:right;/* display:table;*/ position:absolute; right:0px; top:0px;}
.rating-title .rati-cont span{ vertical-align:middle;/* display:table-cell;*/ display:inline-block; height:auto;}
.rating-title .editors-pick{ line-height:normal; margin-bottom:10px;}
.rating-block .rating-title{ display:none; position:relative;}

/*============================== Search Result ==============================*/
.search-result{ background-color:#f5f3f4; padding:25px 18px; width:100%; float:left; margin-bottom:40px;}
.search-result-section .rating-filter{ margin:25px 0;}
.search-field-row{ width:100%; float:left;}
.search-field-row > label{ width:71px; float:left; line-height:29px; font-weight:lighter; color:#565656;}
.search-field-row input[type="submit"]{ background-color:#1385c2; font-size:14px; font-weight:bold; color:#ffffff; border:0px; line-height:29px; padding:0 15px; margin-left:15px;}
.search-field-row input[type="submit"]:hover{ background-color: #289fdf;}
.search-field-row .header-serch{ border:1px solid #e5e5e5; overflow:hidden;}
.search-field-row > .all-words{ border:1px solid #e5e5e5; border-left:0px;}
.search-field-row .trigger, .search-field-row .activetrigger{ height:28px;}
.search-field-row .checkbox-outer{ float:left; width:auto; margin-left:0; margin-right:20px; margin-top:16px;}
.search-field-row .checkbox-outer label{ color:#565656;}
.search-rele{ float:left; margin-right:27px; margin-top:10px;}
.search-rele label{ width:71px; float:left; line-height:27px; font-weight:lighter; color:#565656 !important;}
.search-rele .all-words{ border:1px solid #e5e5e5; position:relative;}
.search-rele .all-words > a{ font-size:13px; color:#565656 !important;}
.search-field-row .trigger, .search-field-row .activetrigger{ line-height:26px;}
.search-rele .all-words{ width:140px;}
.search-keyword{ width:100%; float:left; margin-top:-30px; margin-bottom:40px;}
.search-select option{ padding: 7px; background-color:#F2F2F2;border-bottom:1px solid #ccc; }
.search-field-1 .all-words {width: 160px;}
.search-field-2 .all-words {width: 200px;}

/*============================== Search Result ==============================*/
.book-pic{ width:120px; float:left;}
.book-txt{ width:650px; float:left;}
.book-txt .title-sm-3{ margin-top:15px; margin-bottom:10px; display:block;}
.ebook-section{ width:100%; float:left; border-bottom:1px solid #f3f3f3; padding-bottom:15px; margin-top: 10px;}
.ebook-section:last-child{ border-bottom:0px;}

/*============================== Search Result ==============================*/
.glance-sec{ width:100%; float:left; margin-bottom:40px;}
.glance-sec .category-filter{ margin:20px 0;}
.glance-sec .inner-title-2 .title-txt{ width:100%;}
.glance-txt p{ line-height:20px;}
.glance-rating .vid-in-rating-row span{ margin-bottom:10px;}
.glance-rating .vid-in-rating-row span.vid-editor-pic{ margin-top:-8px;}
.glance-rating{ float:right;}

/*============================== Contact-us ==============================*/
.contact-form{ color:#414849;}
.contact-form form{padding:10px; background:#f2f0f1; float:left; width:550px;}
.contact-form p{ line-height:20px;}
.contact-form li{ width:100%; float:left; margin-bottom:15px;}
.contact-form li label{ color:#343A3B; font-size:14px; width:210px; float:left; line-height:29px; padding-right: 20px; text-align: right; }
.contact-form li input[type="text"], .contact-form li textarea, .contact-form li select{ border:1px solid #e7e5e6; height:29px; width:284px; float:left;}
.contact-form li input[type="text"]:focus, .contact-form li textarea:focus, .contact-form li select:focus{ border:1px solid #1385c3;}
.contact-form li textarea{ min-height:117px; min-width:284px; max-width:284px;}
.contact-form li select{ -moz-appearance:none; -webkit-appearance:none; appearance:none; -ms-appearance:none; background:#ffffff;}
.contact-form .dropdown-main{display:inline-block; position: relative;}
.contact-form .dropdown-main .drop-arrow{position:absolute; background:url("../images/menu-arr.svg") #ffffff no-repeat right center; width:40px; height:27px; right:1px; top:1px;}
.enter-captcha{width:284px; margin-left:210px;}
.contact-form li .enter-captcha input[type=text]{ width:139px;}
.enter-captcha .cap-img{ float:right;}
.enter-captcha a{ float: right; margin: 3px 5px;}
.enter-captcha .comment-btn{ float:left; margin:13px 0 0 0;}
.enter-captcha p{ margin-bottom:7px;}
.enter-captcha .comment-btn .clear-btn{ background-color:transparent;}
.enter-captcha .comment-btn p{ margin-top:5px;}

/*============================== Profile ==============================*/
.profile-inner{ width:100%; float:left; padding:22px 25px; background-color:#f8f6f7; margin-top:3px;}
.profile-inner li{ margin-bottom:14px;}
.profile-inner label{ width:162px; line-height:29px; font-size:14px; margin:0px;}
.profile-inner input[type="text"], .profile-inner input[type="password"], .profile-inner input[type="email"]{ width:285px; height:29px; line-height:29px; border:1px solid #e7e8ea; padding:0 10px;}
.profile-inner input[type="text"]:focus, .profile-inner input[type="password"]:focus, .profile-inner input[type="email"]:focus{ border:1px solid #1385c2;}
.old-cred{ background-color:#e7e8ea; color:#939598;}
.profile-inner input[type="text"]:focus.old-cred{ border:1px solid #bababa;}
.profile-inner .comment-btn{ margin-left:168px;}
.profile-field{ width:100%; float:left; margin:16px 0 26px;}
.profile-field .comment-btn p{ margin:8px 0 0;}


/*============================== Guest Book ==============================*/
.guest-book{ padding:20px 10px;}
.guest-book p{ margin-top:9px;}
.guest-book-filter{margin:24px 0 21px 0;}
.guest-list-main{width:100%; display:block; clear:both;}
.guest-list{width:100%; margin:15px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #E6E7E8;}
.guest-list:last-child{border:none;}
.guest-list li{display:block; margin:5px 0 0 0; padding:0px;}
.guest-list li label{font-size:14px; width:98px; display:table-cell; vertical-align:top; position:relative;}
.guest-list li span{display:table-cell; vertical-align:top; font-size:13px;}
.guest-list li label:after{content:":"; font-size:14px; display:inline-block; margin:0 13px 0 0; font-weight:bold; position:absolute; right:0px;}
.guest-book .enter-captcha{width:299px; margin:0 0 0 0;}
.guest-book .enter-captcha input[type="text"]{width:98%; margin:0 0 10px 0;}
.guest-book .comment-btn .clear-btn{background:transparent;}
.guest-book .comment-btn { margin-left: 0px; }
.sent_message {background-color: #EDEBEB; padding: 15px; margin: 10px 0px 20px; color: #1385c2; font-size: 1.2em;}


/*============================== Chat Page ==============================*/
.chat-main{ width:auto; margin:auto; background:#d2e9f6; margin-top:30px; position:relative;}
.chat-main .chat-minimize {display:none;position:absolute;top:-18px;right:-6px;padding:5px;z-index:1000;}
.chat-main iframe { width:258px;height:192px; }
.chat-inner{ background:#1d90d3; width:100%;}
.chat-inner .chat-header{ background:url(../images/live-chat-bg.png) left top no-repeat; width:100%; height:73px; color:#ffffff; font-family:arial; font-size:20px; line-height:65px; text-align:center;}
.chat-inner .chat-header span{ background:url(../images/chat-icon.png) center 2px no-repeat; width:25px; height:20px; display:inline-block; margin:0 10px 0 0;}
.chat-inner .chat-content{ padding:10px; font-family:arial; text-align:center; min-height: 120px;}
.chat-inner .chat-content p{ color:#ffffff; font-size:16px; color:#ffffff;}
.chat-inner .chat-content a.chat-now{ background:#106294; padding:12px 15px; text-align:center; color:#ffffff; border-bottom:3px solid #022f68; display:inline-block;}
.chat-inner .chat-content h4 { height: 52px; color: #FFF; font-size: 20px; margin-top: 15px; }
.chat-inner .chat-content h4.chatbusy { color: #d8d801; }
.chat-inner .chat-content h4.chatoffline { color: #ff0000; }
.chathitpoint {width: 100%; height: 100%; position: absolute; top:0px; left:0px;}
.privacy-plicy p{ line-height:20px;}


/*============================== Main Article Page ==============================*/
.mainarticle-page .vi-sub-detail{ display:block; margin-top:5px; font-size: 16px;}
.play-download-row{ width:100%; float:left; margin:30px 0 10px 0;}
.play-down-btn{ width:194px; line-height:48px; background-color:#f5f3f4; float:left;}
.play-down-btn .audio-ic{ width:40px; float:left; background-color:#1385c3; text-align:center;}
.play-down-btn .btn-link{ display:block; width:152px; font-size:14px; font-weight:bold; float:left; padding-left:10px;}
.play-down-btn .btn-link:hover{ text-decoration:none;}
.play-download-row .play-down-btn:nth-child(2n){ /*float:right;*/ margin-left:198px;}
.w-quran, .w-hadeeth-or-bible{ font-size:17px; font-style:italic; font-weight:bold; text-align:center; line-height:29px; padding-top:14px;}
.article-middle-content{ width:100%; float:left; /*border-top:2px solid #f9f9f9; padding-top:14px;*/ margin-top:12px; font-size: 17px;}
.w-body-text-1 .w-footnote-number{ font-size:14px; color:#1385C2;}
.article-middle-content p { line-height:24px; word-wrap: break-word; }
.w-body-text-1, .w-body-text-bullet{ padding-right:40px; line-height:24px; margin-bottom:22px; font-size:17px; word-wrap: break-word; }
.img-caption{ width:265px; float:left; margin-right:40px; clear:left; margin-bottom:15px;}
.w-caption{ font-size:12px; color:#A6A8AB; line-height:15px;}
.img-caption .w-body-text-1{ padding:0px; margin:0 0 10px 0;}
.mainarticle-page .video-pagination a{ margin-top:0px;}
.mainarticle-page .video-pagination{ border-bottom:1px solid #f3f3f3; padding-bottom:25px;}
.mainarticle-page .vid-star-social{ margin-top:20px;}
.key-footnotes li, .MsoFootnoteText, .w-footnote-text { background-color:#f5f3f3; width:100%; margin-bottom:3px; float:left; }
.key-footnotes li .footnum, .MsoFootnoteText > a:first-child, .w-footnote-text > a:first-child { padding:15px 4px; background-color:#53c6e1; color:#ffffff; float:left; width:40px; text-align:center; display:block; flex-shrink: 0;}
.footnum a{ color:#ffffff; display:table-cell; vertical-align:middle;}
.key-footnotes li .foottxt, .MsoFootnoteText .w-footnote-textChar { float:left; padding:15px; width:85%; color:#414849; overflow-wrap: break-word;}
.MsoFootnoteText .w-footnote-textChar span { font-size: 13px !important; }
.article-list-sec > li.active-list label a{ color:#808283}
.key-footnotes{ margin-top:25px; width:100%; float:left;}
.w-footnote-text { padding: 15px 15px 15px 55px; font-size: 13px; }
.w-footnote-text > a:first-child { margin: -15px 15px -15px -55px; }
.mainarticlelist {
    float: left;
    margin-bottom: 39px;
    width: 100%;
}
.mainarticle-page .comments-section{ border-top:1px solid #f3f3f3; padding-top:8px;}
.mainarticle-page .user-comments{ padding-bottom:0px;}
.cate-arti{ margin:26px 0 10px;}
.cate-arti a.filter-title {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 14px;
		padding:0 8px;
}
.cate-arti label{ font-size:15px;}
.mainarticle-page .comment-form{ margin-bottom:40px;}
.mainarticle-page .enter-captcha{width:299px; margin:0 0 0 71px;}
.mainarticle-page .enter-captcha input[type="text"]{width:98%; margin:0 0 10px 0;}
.mainarticle-page .comment-btn .clear-btn{background:transparent;}
.footnotes{ margin-top:40px;}
.mainarticle-page .video-category-section .article-list-sec li label{ width:75%;}
.st-middle span{ margin-right:19px; float:right;}
.mainarticle-page .art-phone{ display:none;}
.video-inner-category .art-phone{ display:none;}
.multi-desc {
    float: left;
    width: 66%;
}
.multi-rating {
    float: right;
    width: 25%;
}
.multi-rating span{ line-height:17px;}
.multi-rating strong{ margin-bottom:5px; width:100%; float:left;}
.mainarticle-page .vi-sub-detail li{ padding-bottom:3px;}
.vid-inner-detail .multi-desc h3{ margin-top:0px;}
.mainarticle-page .vi-sub-detail li strong{ font-size:16px;}
.mainarticle-page .article-list-page .article-list-sec li{ padding:8px 12px 7px;}
.mainarticle-page .vid-in-rating-row { margin-bottom: 0px; }

p.MsoNormal img, .w-body-text-1 img { width:265px; float:left; margin-right:40px; clear:left; margin-bottom:15px;}
p.w-caption{ width:265px; float:left; clear:both; margin-right:40px; font-size:14px; color:#A6A8AB; line-height:15px;}

.rating-form { background-color: #f7f7f7; clear: left; padding: 5px; font-size: 15px; margin-bottom: 20px; height: 40px; line-height: 30px; }
.content_vote input { margin: 0px 6px; }
.rate-btn { background-color:#1385c2; font-size:14px; font-weight:bold; color:#ffffff; border:0px; line-height:30px; padding:0 15px; margin-left: 15px; }

/*============================== Article Multiple Parts ==============================*/
.multi-section{ width:100%; float:left; margin-bottom:25px;}
.multi-section .article-middle-content{ border:0px; margin-top:35px;}
.multi-section .vid-inner-detail{ margin-top:10px;}
.tool-rate{ float:left; margin-top:20px; width:48%;}
.tool-rate .vid-ratings{ margin-left:5px;}
.article-tools .st-so-right{ margin-top:20px;}
.article-tools .play-download-row{ margin-top:21px;}
.article-tools .play-down-btn{ margin-bottom:10px;}
.mainarticle-page .guest-list li{ margin-top:2px;}
.mainarticle-page div.comment-form:last-child{ margin-bottom:0px;}
.vid-inner-detail .category-filter.last-filter{ margin-top:-16px;}
.multi-section .w-quran{ margin-top:-20px;}
.multi-section:first-child .inner-title-2{ width:100%; background-color:#11161c; padding:8px 15px; font-size:20px; text-transform:uppercase; color:#ffffff; line-height: 22px;}

/*============================== Other ==============================*/
.artical-category-section.accordion-view .featured-title.accordion-title{ display:none;}
.ebook-secion.accordion-view .featured-title.accordion-title{ display:none;}
.ebook-secion.accordion-view {
    float: none;
    width: auto;
}
.cacti-logo a{ color:#333;}

.fixed-chat{position:fixed; right:15px; bottom:0px; z-index:10000; display:block;}
.fixed-chat .chat-main{margin:0px;}
.fixed-chat.minimized{bottom:-150px !important;}
.green_bg { background-color:#7AC043; display: none; height: 10px; width: 258px; position: absolute; top: 60px; }
.green_bg_left { background-color:#7AC043; display: none; height: 30px; position: absolute; width: 20px; top:50px; left:10px;}
.green_bg_right { background-color:#7AC043; display: none; height: 30px; position: absolute; width: 20px; top:50px; right:10px;}

/*#live-chat-fixed{width:40px; height: 100%; position: fixed; right: 0; top:0px; text-align:center; display:none;}
#live-chat-fixed a{white-space:nowrap;  line-height:40px; font-size:14px; color:#fff;  z-index:100000; -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);
display:block;  position:relative; line-height: 40px; padding: 0 10px; height:100%;}

{background-color:#288ecc; background: -moz-linear-gradient(top, #1684c1 0%, #3b9ad4 100%); /* FF3.6+ *
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1684c1), color-stop(100%,#3b9ad4)); /* Chrome,Safari4+ *
  background: -webkit-linear-gradient(top, #1684c1 0%,#3b9ad4 100%); /* Chrome10+,Safari5.1+ *
  background: -o-linear-gradient(top, #1684c1 0%,#3b9ad4 100%); /* Opera 11.10+ *
  background: -ms-linear-gradient(top, #1684c1 0%,#3b9ad4 100%); /* IE10+ *
  background: linear-gradient(to bottom, #1684c1 0%,#3b9ad4 100%); /* W3C *
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1684c1', endColorstr='#3b9ad4',GradientType=0 );}
#live-chat-fixed img{margin-right:10px;}*/
#live-chat-fixed{ 
   display: none;
   position:fixed;
   right: 0px;
   bottom:0;
   padding:0;
   z-index:10000;
}
/*#live-chat-fixed > a{display: inline-block;
   white-space: nowrap;
   transform: translate(0,100%) rotate(-90deg);
   transform-origin: 0 0;
   -ms-transform: translate(0,100%) rotate(-90deg);
  -webkit-transform: -webkit-translateY(0,100%) rotate(-90deg);
  -moz-transform: translate(0,100%) rotate(-90deg);
  -o-transform: translate(0,100%) rotate(-90deg);
  text-align:left;
  color:#ffffff;
  background-color:#288ecc;
  height: 300px;
  padding: 0 10px;
  line-height:2.5;
  margin:0 -270px 0 0; 
}
#live-chat-fixed > *:before {
   content: "";
   float: left;
   margin-top: 100%;
}
#live-chat-fixed img{
  margin:0 10px 0 0;
}*/

header #login-search .trigger,header #login-search .activetrigger{text-align:left;}
.mm-listview > li{padding-left:30px; background:url(../images/menu-icon.png) 35px top no-repeat; min-height:35px; margin:5px 0;}
.mm-listview > li:hover{background:url(../images/menu-icon-hover.png) 35px top no-repeat;}
.mm-listview > li.icon-late{background-position:35px -46px;}
.mm-listview > li.icon-late-vid{background-position:35px -92px;}
.mm-listview > li.icon-articles{background-position:35px -138px;}
.mm-listview > li.icon-videos{background-position:35px -184px;}
.mm-listview > li.icon-ebooks{background-position:35px -230px;}
.mm-listview > li.icon-featured{background-position:35px -276px;}
.mm-listview > li.icon-chat{background-position:35px -321px;}
.mm-listview > li.icon-fav{background-position:35px -369px;}
.mm-listview > li.icon-art-cat{background-position:35px -412px;}
.mm-listview > li.icon-vid-cat{background-position:35px -456px;}
.mm-listview > li.icon-guest-book{background-position:35px -504px;}
.mm-listview > li.icon-download{background-position:35px -550px;}
.mm-listview > li.icon-editors{background-position:35px -596px;}
.mm-listview > li.icon-popular{background-position:35px -646px;}
.mm-listview > li.icon-history{background-position:35px -688px;}
.mm-listview > li.icon-ialsam{background-position:35px -736px;}
.mm-listview > li.icon-setting{background-position:35px -782px;}
#mm-2 .mm-listview > li{background:none; padding-left:0px;}
#mm-3 .mm-listview > li{background:none; padding-left:0px;}

.languageTitle{ text-align: center; font-size:14px; background:#F0F0F0; padding: 5px; }
.languageTitle a { color:#2D808C; }

.art-inner-detail{ width:100%; float:left;}
.art-inner-detail h3{ font-weight:bold; font-size:16px; margin-bottom: 6px;}
.art-inner-detail .category-filter{ margin-top:8px; margin-bottom:20px;}

.chat_page_text a { color: #1385c2; }

.chatboxp, .chatboxp2 { width: 280px; border: 1px solid #2e808c; margin-left: 10px; text-align: center; float: right;}
.chatboxp h3, .chatboxp2 h3 { padding: 8px; background-color: #2E808C; font-weight: bold; color: #FFF; margin: 0 0 10px; }
.chatboxp p { margin-top: 10px; }
section.chatboxp section div, section.chatboxp2 section div {
	overflow: hidden;
	margin: 0 auto !important;
}
.chatboxp div div div.LPMcontainer, .chatboxp2 div div div.LPMcontainer {
	margin: 0px auto !important;
}

ul.playlist li.sm2_paused, ul.playlist li.sm2_playing {
	background-position: 10px 7px;
	background-repeat: no-repeat;	
}
ul.playlist li.sm2_paused {
	background-image: url(../images/mp3_play.png);
}
ul.playlist li.sm2_playing {
	background-image: url(../images/mp3_pause.png);
}

.rvfs-1 p, .rvfs-1 li{ font-size: 70% }
.rvfs-2 p, .rvfs-2 li{ font-size: 80% }
.rvfs-3 p, .rvfs-3 li{ font-size: 90% }
.rvfs-4 p, .rvfs-4 li{ font-size: 100% }
.rvfs-5 p, .rvfs-5 li{ font-size: 110% }
.rvfs-6 p, .rvfs-6 li{ font-size: 120% }
.rvfs-7 p, .rvfs-7 li{ font-size: 130% }

.rvfs-1 p.w-footnote-text{ font-size: 10px }
.rvfs-2 p.w-footnote-text{ font-size: 11px }
.rvfs-3 p.w-footnote-text{ font-size: 12px }
.rvfs-4 p.w-footnote-text{ font-size: 13px }
.rvfs-5 p.w-footnote-text{ font-size: 15px }
.rvfs-6 p.w-footnote-text{ font-size: 17px }
.rvfs-7 p.w-footnote-text{ font-size: 20px }

.rvfs-controllers, .rvfs-title { float: right; }
.rvfs-title { color: #343a3c; font-size: 16px; font-weight: bold; padding-top: 10px; }

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  color: #7e7e7e;
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.search-result-title {
  width: 100%;
  background-color: #11161c;
  padding: 8px 15px;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
}

#menu { z-index: 9999; }

.clearme {clear: both;}
.hideme { display: none !important; }
.showme { display: block !important; }


/* Chat page buttons */
#chat-buttons {
    padding: 20px 10px;
    max-width: 400px;
}
.label {
    padding: 0;
    margin-bottom: 10px;
    display: block;
    font-size: .9em;
}
.widget-send-button {
    margin: 0 0 40px 0;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 16000160;
    bottom: 0;
    text-align: center;
    height: 50px;
    min-width: 50px;
    border-radius: 25px;
    visibility: visible;
    transition: none;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
    right: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wa-widget-send-button {
    background-color: #4dc247;
}
.wa-messenger-svg-whatsapp {
    fill: white;
    width: 41px;
    height: 50px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
}

#fb-widget-send-button {
    background-color: #0084ff;
}
.fb-messenger-svg {
    fill: white;
    width: 41px;
    height: 41px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 7px;
}