/***Global Styles***/
canvas { direction: ltr; }
.FaTextBox { direction: rtl; text-align: right; }
.EnTextBox { direction: ltr; text-align: left; font-family: arial; }
textarea { direction: rtl; text-align: right; }
select { direction: rtl; text-align: right; }
.number { direction: ltr; }
.error { color: red; }
.ltr { direction: ltr; }
.rtl { direction: rtl; }
.inline-block { display: inline-block !important; }
.align-top { vertical-align: top; }
.align-bottom { vertical-align: bottom; }
.align-middle { vertical-align: middle; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.line-through { text-decoration: line-through; }
.caution { color: red; }
.caution-wrapper { border: 1px solid red; padding: 5px; }
.flash-container { overflow: hidden; }
.bullet { margin-left: 5px; border: solid 1px #eeae39; direction: ltr; vertical-align: middle; }
.wrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; }
.clearfloat { clear: both; }
.rtl-placeholder[value=""] { direction: rtl; }
.rtl-placeholder { direction: ltr; }
.footer .stuff-tags.well { min-height: 20px; padding: 0; margin: 0; background-color: transparent; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }
.no-padding { padding: 0; }
.data-list { margin-top: 10px; }
.highlight { outline: -2px solid rgba(0, 0, 255, 0.5); box-shadow: 0 0 9px 3px rgba(0, 0, 255, 0.5); }
.magnifier { background-color: white; }
.menu-des { }

.nav-pills > li > a { background-color: #f1f1f1; border-radius: 5px 5px 0 0; }
.nav > li > a:hover, .nav > li > a:focus { background-color: #f4e9ef; border-radius: 5px 5px 0 0; color: #bb1d72; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #143846; border-radius: 0; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #444; }
input.captcha-text { font-family: Arial !important; }
/*dropdown-menu */
.dropdown-menu > li > a label { width: 100%; padding-top: 5px; padding-bottom: 5px; }
.dropdown-menu > li > a { padding-top: 0; padding-bottom: 0; }
.dropdown-menu > li > a.radio, .dropdown-menu > li > a.checkbox { margin-top: 0; margin-bottom: 0; }
.dropdown-menu > li > [type=radio], .dropdown-menu > li > [type=checkbox] { margin-right: 10px; margin-left: 10px; float: right; margin-top: 9px; }
.dropdown-menu .divider { margin: 2px 0; }
.dropdown-menu [type=checkbox] + label { display: block; cursor: pointer; padding-top: 5px; padding-bottom: 5px; }

/*base-tab */
.base-tab .nav-tabs { border: none; background: #143846; color: #fff; padding-right: 25px; }
.base-tab .nav > li > a { font-weight: bold; color: #eee; padding: 12px 25px; border: none; border-radius: 0; transition: all 0.3s ease; }
.base-tab .nav > li > a:before { content: ""; position: absolute; right: 0; left: 0; top: -10px; background: #f3f3f3; border-top: 1px solid #143846; height: 10px; transition: all 0.3s ease; opacity: 0; }
.base-tab .nav-tabs > li.active > a, .base-tab .nav-tabs > li.active > a:hover, .base-tab .nav-tabs > li.active > a:focus, .base-tab .nav > li > a:hover { background: #f3f3f3; color: #143846; border: none; }
.base-tab .nav-tabs > li.active > a:before, .base-tab .nav-tabs > li.active > a:hover:before, .base-tab .nav-tabs > li.active > a:focus:before, .base-tab .nav > li > a:hover:before { opacity: 1; }
.base-tab .tab-content { min-height: 200px; background: #f3f3f3; padding: 30px 70px 70px 70px; }
.base-tab .tab-content .tab-title { display: none; }


/*Allform*/
.form-control { border-radius: 0; font-size: 18px; height: 40px; box-shadow: none; }
.form-group { margin-right: 0 !important; margin-left: 0 !important; }
.form-control:hover, .form-control:focus { border: 1px solid #143846; box-shadow: none; }
.btn-primary { border-radius: 0; line-height: 27px; background: #143846; font-size: 18px; border: 1px solid #143846; color: #fff; transition: all 0.3s ease; min-width: 150px; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: #bf0f72 !important; color: #fff; border: 1px solid #143846; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: inherit; outline: none; }
.btn { text-shadow: none; border-radius: 0; }
.form-title { text-align: center; }
.form-title .sec-title { text-align: center; color: #393e3f; text-transform: uppercase; font-size: 25px; margin-top: 0; }
.form-title .sec-des { text-align: center; font-size: 13.5px; }
.form-box { width: 750px; margin: 0 auto; max-width: 100%; padding: 50px 30px; box-shadow: 1px 0px 15px #e1e1e1; }
.form-box .form-box-header { padding: 0 0px; }
.form-box .form-box-header h6 { margin-top: 0; display: inline-block; font-size: 22px; font-weight: bold; border-left: 1px solid; padding-left: 15px; margin-left: 15px; }
.form-box .form-box-header p { border-top: 1px solid #e1e1e1; padding-top: 20px; margin-top: 20px; color: #838383; }
.form-box .form-box-input { background: #f6f6f6; padding: 25px 75px 10px 75px; margin: 15px 0 20px 0; }
.form-box .form-box-input .notRegisterUser { background-color: #bf0f72; border: 1px solid transparent; color: #fff; font-weight: bold; font-size: 21px; display: block; width: 100%; margin: 10px auto 20px auto; padding: 14px; border-radius: 40px; padding: 10px; max-width: 230px; transition: all 0.4s ease; }
.form-box .form-box-input .notRegisterUser:hover { background-color: #fff; border: 1px solid #bf0f72; color: #bf0f72; }
.form-box .form-box-footer { padding: 0 75px; }
.form-box .form-box-footer .form-group, .form-box .form-box-footer .checkbox { margin-bottom: 0; }
.form-box input[type="checkbox"] { position: inherit; margin-left: 5px; vertical-align: middle; }
.form-box .btn-primary { width: 100%; }
.form-box .control-label { font-size: 12px; padding-left: 0; }
.login .form-box .form-group > div > a { font-size: 18px; color: #bf0f72; }
.login .form-box .form-group > div > a:hover { color: #143846; }
/*ActionButtons*/
.action-buttons { display: inline-block; }
.action-buttons .share-button { display: inline-block; position: relative; margin: 0 5px; }
.action-buttons .share-button li { direction: ltr; text-align: left; width: 100%; }
.action-buttons .share-button i { margin-right: 5px; }
.action-buttons .share-button .fa-facebook-square { color: #3b5998; }
.action-buttons .share-button .fa-google-plus-square { color: #e02f2f; }
.action-buttons .share-button .fa-twitter-square { color: #2aa1d3; }
.action-buttons .share-button .fa-linkedin-square { color: #007bb5; }
.action-buttons .share-button .fa-pinterest-square { color: #ca2127; }
.action-buttons .print-button { margin: 0 5px; }

/*Pager*/
.pager-wrapper { text-align: center; margin-top: 30px; }
.pager-wrapper .pagination > li:first-child a { direction: ltr; }
.pager-wrapper .pagination > li:first-child a, .pager-wrapper .pagination > li:last-child a, .pager-wrapper .pagination > li:first-child span, .pager-wrapper .pagination > li:last-child span { border-bottom: none; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: transparent; padding-top: 10px; }
.pager-wrapper .pagination > li:first-child a:before, .pager-wrapper .pagination > li:first-child span:before { content: "\f054"; color: #bbb; }
.pager-wrapper .pagination > li:last-child a:before, .pager-wrapper .pagination > li:last-child span:before { content: "\f053"; color: #bbb; }
.pager-wrapper .pagination > li > a, .pager-wrapper .pagination > li > span { float: right; border: none; border-bottom: 2px solid #ddd; color: #bbb; padding: 3px 17px; transition: all 0.3s ease; font-size: 17px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: none; border-bottom: 2px solid #000 !important; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: none; border-bottom: 2px solid #000 !important; }
.pager-wrapper .pagination > li:first-child.active a, .pager-wrapper .pagination > li:first-child.active span, .pager-wrapper .pagination > li:first-child a:hover, .pager-wrapper .pagination > li:first-child a:focus { border-bottom: none !important; }
.pager-wrapper .pagination > li:last-child.active a, .pager-wrapper .pagination > li:last-child.active span, .pager-wrapper .pagination > li:last-child a:hover, .pager-wrapper .pagination > li:last-child a:focus { border-bottom: none !important; }

/*ArchiveDates*/
.archive-dates { background: #f3f3f3; padding: 20px 30px 5px 20px; margin-bottom: 30px; }
.archive-dates label { font-size: 14px; font-weight: bold; margin-left: 5px; }
.archive-dates table label { font-weight: normal; font-size: 13px; }
.archive-dates input[type="radio"] { position: inherit; margin-left: 5px; vertical-align: middle; margin-top: 0; }
.archive-dates table tr { display: inline-block; }
.archive-dates .radio { margin: 0; }


/*Poll*/
.poll-group-ctrl .title { font-size: 22px; border-bottom: 2px solid #e1e1e1; display: block; padding-bottom: 10px; }
.poll-group-item-ctrl .title, .poll-item-ctrl .title { font-size: 16px; margin: 20px 0 0 0; border-bottom: none; padding-bottom: 0; }
.poll-group-item-ctrl .title:before, .poll-item-ctrl .title:before { margin-left: 5px; content: "\f059"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.poll-item-ctrl { padding: 5px; }
.poll-ctrl .column.percent { width: 35px; }
.poll-ctrl .column.vote-count { width: 20px; }
.poll-ctrl .column.bar .bar-wrapper { position: relative; height: 1.5em; border: 1px dotted gray; }
.poll-ctrl .column.bar .bar { background-color: orange; background-repeat: repeat-y; background-position: right top; height: 1.5em; float: right; }
.poll-ctrl .column.bar .label { position: absolute; top: 0; right: 0; line-height: 14px; padding-right: 5px; }
.poll-ctrl .results { font-size: 1em; background-color: transparent; }
.poll-ctrl .result-bars { width: 100%; }
.poll-ctrl .poll-count { text-align: center; }
.poll-ctrl .questions { font-size: 14px; padding-left: 20px; margin-bottom: 15px; padding-right: 10px; margin-top: 11px; }
.questions input { vertical-align: middle; margin-left: 3px !important; position: initial !important; }
.divPollResult { margin-top: 20px; }
.divPollResult .progress-bar-info { background: #143846; }
.poll-group-list table, .poll-list table { width: 100%; }
.poll-group-list .btn, .poll-list .btn { text-transform: uppercase; background: #143846 !important; border: 1px solid #143846 !important; line-height: 20px; color: #fff; font-size: 15px; border-radius: 0; width: 150px; margin-top: 20px; transition: all 0.3s ease; }
.poll-group-list .btn:hover, .poll-group-list .btn:focus, .poll-list .btn:hover, .poll-list .btn:focus { background: #fff !important; color: #143846; box-shadow: none; }
.poll-group-list .questions table tr, .poll-list .questions table tr { display: inline-block; margin-left: 85px; }

/*FaqList*/
.faq-list .questions .question { cursor: pointer; font-size: 16px; }
.faq-list .questions .item { padding: 10px; border: 1px solid #e1e1e1; margin-bottom: 15px; }
.faq-list .questions .item .answer { display: none; padding: 10px 20px; font-size: 13px; }
.faq-list .questions .item .answer i { margin-left: 5px; }
.faq-list .questions .question i { color: #143846; margin-right: 15px; line-height: 1.5em; vertical-align: middle; float: left; font-size: 18px; }
.faq-list .questions .question i.active:before { content: "\f068"; }
.faq-list .questions .item .questioner .link { font-weight: bold; color: #7c9dc5; line-height: 1.5em; }
.faq-list .questions .item .link { font-weight: bold; line-height: 1.5em; }
.faq-list .questions-and-answers { display: none; }
.faq-list .audio-link { margin: 20px 0 0 20px; }
.faq-list .video-link { margin: 20px 0 0 0; }
.faq-list .video-link { }
.faq-list #form .form-group { padding-right: 7px !important; padding-left: 7px !important; }
.faq-list #form img { position: absolute; left: 7px; top: 0; width: 90px; height: 39px; }
.faq-list #form .btn { width: 100% !important; height: 40px; }
.faq-list #form span { font-size: 12px; }
.faq-list #form .file-upload .file-upload { position: relative; }
.faq-list #form .file-upload label { position: absolute; left: 10px; top: 1px; text-align: left; font-weight: normal; color: #a9a9a9; padding-left: 10px; font-size: 17px; }
.faq-list #form .file-input input { padding: 0; overflow: hidden; line-height: 40px; }
.faq-list .fancy { display: none; }

/*DownloadList*/
.download-list table { margin-bottom: 0; }
.download-list table td { vertical-align: middle !important; }
.download-list .downloads .item { margin-bottom: 50px; border: 1px solid #e1e1e1; width: 80% !important; margin: 0 auto; border-top: 0; }
.download-list .downloads .item table tr:first-child { background: #ccc; color: #444; }
.download-list .downloads .item table tr:first-child th { text-align: right; }
.download-list .download-title { font-size: 18px; margin-bottom: 15px; margin-top: 15px; text-align: center; }

/*Downloads*/
.downloads .well { width: 80%; background: none; background-color: #143846; color: #fff; margin: 0 auto; border: none; box-shadow: none; text-align: center; font-size: 20px; border-radius: 50px 50px 0 0; border: 0; margin-top: 20px; }

/*LinkList*/
.link-list .link-wrapper { margin-bottom: 30px; text-align: center; height: 200px; }
.link-list .link-wrapper span { display: block; }
.link-list .link-wrapper img { vertical-align: middle; max-width: 100%; border: 2px solid #e1e1e1; padding: 8px; margin: 0 auto; margin-bottom: 15px; transition: all 0.3s ease; }
.link-list .link-wrapper:hover img { border: 2px solid #143846; }

/*GalleryList*/
.contentContainer .gallery-list { text-align: center; }
.gallery-list .gallery-item { position: relative; display: inline-block; overflow: hidden; margin: 10px 1%; width: 310px; height: 220px; background: #000000; color: #ffffff; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); max-width: 100%; }
.gallery-list .gallery-item * { -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.gallery-list .gallery-item > a { position: absolute; right: 0; left: 0; top: 0; bottom: 0; }
.gallery-list .gallery-item .image-wrapper { width: 100%; position: relative; background-color: #143846; }
.gallery-list .gallery-item .image-wrapper img { max-width: 100%; position: relative; opacity: 1; }
.gallery-list .gallery-item:hover .image-wrapper img { opacity: 0.7; }
.gallery-list .gallery-item .gallery-title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 13%; right: 13%; border: 1px solid rgba(255, 255, 255, 0.9); border-width: 0px 1px; background-color: rgba(0, 0, 0, 0.2); }
.gallery-list .gallery-item .gallery-title .icon { overflow: hidden; width: 100%; position: absolute; transform: translateY(-50%); top: 0; }
.gallery-list .gallery-item .gallery-title .icon { font-size: 24px; }
.gallery-list .gallery-item .gallery-title .icon:before, .gallery-item .gallery-title .icon:after { position: absolute; height: 1px; content: ''; background: white; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; width: 95px; top: 50%; }
.gallery-list .gallery-item .gallery-title .icon:before { left: 0; }
.gallery-list .gallery-item .gallery-title .icon:after { right: 0; }
.gallery-list .gallery-item .gallery-title h2 { padding: 25px 20px; margin: 0; text-transform: uppercase; font-weight: 400; font-size: 24px; }
.gallery-list .gallery-item .gallery-title .gallery-number { overflow: hidden; width: 100%; position: absolute; transform: translateY(50%); bottom: 0; }
.gallery-list .gallery-item .gallery-title .gallery-number span { display: table; margin: 0 auto; padding: 0 10px; position: relative; text-align: center; width: auto; color: rgba(255, 255, 255, 0); font-size: 13px; }
.gallery-list .gallery-item .gallery-title .gallery-number:before, .gallery-item .gallery-title .gallery-number:after { position: absolute; height: 1px; content: ''; background: white; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; width: 150%; bottom: 50%; }
.gallery-list .gallery-item .gallery-title .gallery-number:before { left: -100%; }
.gallery-list .gallery-item .gallery-title .gallery-number:after { right: -100%; }
.gallery-list .gallery-item:hover .gallery-number:before, .gallery-item:hover .gallery-number:after { width: 130%; }
.gallery-list .gallery-item:hover .gallery-number span { color: #fff; }

/*Gallery*/
.gallery-page { }
.gallery-page .gallery-page-title { text-align: center; }
.gallery-page .gallery-page-title h1 { font-size: 28px; }
.gallery-page .gallery-item { display: block; width: 100%; position: relative; margin-bottom: 30px; border: 1px solid #e1e1e1; }
.gallery-page .gallery-item img { width: 100%; outline: 2px solid rgba(255,255,255,0.0); outline-offset: -40px; transition: all 0.3s ease; border: 1px solid #e1e1e1; }
.gallery-page .gallery-item:hover img { outline: 1px solid rgba(255, 255, 255, 0.9); outline-offset: -10px; }
.gallery-page .gallery-item .item-title { position: absolute; color: #fff; font-size: 16px; right: 0; left: 0; top: 0; bottom: 0; text-align: center; padding-top: 27%; opacity: 0; transform: scale(0); transition: all 0.3s ease; transition-delay: 0.2s; }
.gallery-page .gallery-item:hover .item-title { opacity: 1; transform: scale(1); }

/*PhotoList*/
.photo-list { }
.photo-list .photo-list-title { text-align: center; }
.photo-list .photo-list-title h1 { font-size: 28px; }
.photo-list .gallery-item { display: block; width: 100%; position: relative; border: 1px solid #e1e1e1; }
.photo-list .gallery-item img { width: 100%; outline: 2px solid rgba(255,255,255,0.0); outline-offset: -40px; transition: all 0.3s ease; border: 1px solid #e1e1e1; }
.photo-list .gallery-item:hover img { outline: 1px solid rgba(255, 255, 255, 0.9); outline-offset: -10px; }
.photo-list .item-title { margin-bottom: 30px; font-size: 16px; }

/*NewsList*/
.news-list .news-item { height: 360px; border: 1px solid #e1e1e1; margin-bottom: 30px; position: relative; }
.news-list .news-item .news-img { }
.news-list .news-item .news-img a:after { content: ""; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 60px; font-size: 39px; height: 60px; background: #fff; color: transparent; line-height: 60px; position: absolute; font-size: 21px; text-align: center; border-radius: 50%; right: 0; left: 0; margin: 0 auto; bottom: -35px; transition: all 0.3s ease; }
.news-list .news-item:hover .news-img a:after { color: #fff; background: #143846; bottom: 30%; }
.news-list .news-item .news-img a { display: block; position: relative; }
.news-list .news-item .news-img a img { width: 100%; transition: all 0.3s ease; }
.news-list .news-item .news-des { padding: 0 12px; }
.news-list .news-item .news-summary { color: #888888; font-size: 12px; line-height: 20px; text-align: justify; margin-top: 0; padding-bottom: 20px; }
.news-list .news-item h4 { margin-top: 25px; position: relative; }
.news-list .news-item h4 a { transition: all 0.3s ease; font-size: 15px; line-height: 25px; }
.news-list .news-item .news-info { font-size: 11px; color: #777777; position: absolute; bottom: 8px; right: 15px; left: 15px; /*border-top: 1px solid #e1e1e1;*/ background-color: #f5f5f5; padding: 3px 10px; }
.news-list .news-item .news-info span { margin-left: 5px; }
.news-list .news-item .news-info a { float: left; color: #143846; line-height: 31px; }
.news-list .news-item .news-info a:hover { color: #bf0f72; }
.news-list .news-item:hover .news-img a img { filter: brightness(120%); }

/*News*/
.news { }
.news .news-header h1 { font-size: 18px; color: #143846; margin-bottom: 22px; margin-top: 0; padding-top: 8px; text-align: right; }
.news .news-header .news-action { float: left; padding: 0px 20px; margin-right: 10px; /*border: 1px solid #ebebeb;*/ line-height: 44.6px; color: #777777; height: 44.6px; font-size: 18px; }
.news .news-header .news-action > a { margin: 0 5px; }
.news .news-img { position: relative; }
.news .news-img img { width: 100%; }
.news .news-img .related-pictures { width: 95px; position: absolute; top: 10px; left: 10px; }
.news .news-info { background: #143846; min-height: 33px; line-height: 33px; text-align: left; margin-top: 5px; font-size: 11px; color: #fff; letter-spacing: 1px; padding-left: 20px; margin-bottom: 25px; }
.news .news-content { text-align: justify; }

/*latest-news */
.latest-news .latest-title { border: 1px solid #143846; font-size: 17px; color: #fff; padding: 4px 15px; background: #143846; }
.latest-news ul { list-style: none; padding: 0; }
.latest-news ul li { padding: 12px 10px 5px 10px; border-bottom: 1px solid #ebebeb; width: 100%; }
.latest-news ul li:nth-child(even) { background-color: #f9f9f9; }
.latest-news ul li h4 { font-size: 14px; color: #143846; margin-bottom: 5px; }
.latest-news ul li .latest-info { font-size: 11px; color: #777777; }
.latest-news ul li .latest-info span { margin-left: 20px; }
.latest-news ul li .latest-info i { margin-left: 3px; }

/*NewsArchive*/
.news-archive { }
.news-archive .media { border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; }
.news-archive .media h3 { font-size: 20px; display: inline-block; }
.news-archive .media .date { color: #75b4ff; }
.news-archive .media .summary { color: #999; }

/*ServiceList*/
.service-list-page { text-align: center; }
.service-list-page .section-title { display: none; }
.service-list-page .service-item { width: 320px; height: 345px; overflow: hidden; position: relative; margin: 0 auto; margin-bottom: 60px; max-width: 100%; }
.service-list-page .service-item > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.service-list-page .service-item .service-img { position: relative; }
.service-list-page .service-item .service-img h3 { position: absolute; right: 0; left: 0; bottom: 0; height: 50px; background: rgba(0,0,0,0.75); margin: 0; color: #fff; /* font-weight: bold; */ padding-top: 14px; font-size: 16px; transition: all 0.3s ease; }
.service-list-page .service-item .service-des { border-top: 1px solid #e0e0e0; margin-top: 15px; padding-top: 5px; transition: all 0.3s ease; }
.service-list-page .service-item .service-des .service-footer { text-align: left; color: #777777; transition: all 0.3s ease; }
.service-list-page .service-item .service-des .service-footer i { border-right: 1px solid #e0e0e0; padding-right: 15px; margin-left: 10px; }
.service-list-page .service-item .service-des p { font-size: 12px; padding: 0 12px; text-align: center; padding-top: 15px; opacity: 0; transition: all 0.3s ease; }
.service-list-page .service-item:hover .service-img h3 { height: 100px; padding-top: 22px; }
.service-list-page .service-item:hover .service-des { transform: translateY(-50px); border-top: 1px solid rgba(255,255,255,0.2); }
.service-list-page .service-item:hover .service-footer { color: #fff; }
.service-list-page .service-item:hover .service-footer i { border-right: 1px solid rgba(255,255,255,0.2); }
.service-list-page .service-item:hover .service-des p { opacity: 1; }

/*Service*/
.service { }
.service .serviced-pic > img { width: 100%; }
.service .serviced-pic .related-pictures { margin-top: 5px; }
.service .serviced-pic .related-pictures .item { width: 75px; height: 75px; border: 1px solid #e0e0e0; margin-left: 1px; display: inline-block; }
.service .serviced-pic .related-pictures .item img { width: 100%; }
.service .service-description h1 { margin-top: 0; font-size: 22px; color: #143846; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; }
.service .service-description h2 { font-size: 12px; text-transform: uppercase; color: #777777; text-align: left; margin-top: 0; margin-bottom: 15px; }
.service .service-description .description { color: #797979; text-align: justify; }
.service .service-description .service-footer { border-top: 1px solid #e0e0e0; margin-top: 20px; padding-top: 5px; text-align: left; color: #777777; font-size: 15px; }
.service .action-buttons .share-button, .service .action-buttons .print-button { border-right: 1px solid #e0e0e0; padding-right: 15px; margin-left: 10px; line-height: 20px; }
.service .downloads .item { margin-bottom: 50px; border: 1px solid #e1e1e1; width: 80% !important; margin: 0 auto; }
.service .downloads .item table tr:first-child { background: #21272d; color: #fff; }
.service .downloads .item table tr:first-child th { text-align: right; }
.service .downloads .well { font-size: 17px; }

/*ArticleList*/
.article-list .article-item { height: 400px; border: 1px solid #e1e1e1; margin-bottom: 55px; position: relative; padding-top: 0; }
.article-list .article-item:before { content: ""; width: 93px; height: 93px; border-radius: 50%; border: 1px solid #e1e1e1; background: #fff; position: absolute; right: 0; left: 0; margin: 0 auto; top: -47px; }
.article-list .article-item:after { content: ""; border: 4px solid #fff; width: 85px; height: 85px; border-radius: 50%; position: absolute; right: 0; left: 0; margin: 0 auto; top: -46px; background: #143846 url(../../Images/article-icon.png); transition: all 0.3s ease; }
.article-list .article-item .media-image { width: 100%; display: block; position: relative; text-align: center; overflow: hidden; height: 200px; }
.article-list .article-item .media-image img { position: absolute; left: -9999px; right: -9999px; margin: auto; min-width: 100%; height: 100%; }
.article-list .article-item .media-image img { -webkit-transform: scale(1); transform: scale(1); transition: all 0.2s ease-in-out; }
.article-list .article-item:hover .media-image img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.article-list .article-item:hover .media-image img { }
.article-list .article-item h2 { margin-top: 25px; position: relative; color: #143846; }
.article-list .article-item h2 a { transition: all 0.3s ease; font-size: 15px; line-height: 25px; }
.article-list .article-item .article-des { padding: 0 12px; }
.article-list .article-item .article-summary { color: #888888; font-size: 12px; line-height: 20px; text-align: justify; margin-top: 0; padding-bottom: 20px; height: 44px; overflow: hidden; }
.article-list .article-item .article-info { line-height: 30px; font-size: 11px; color: #777777; position: absolute; bottom: 8px; right: 15px; left: 15px; border-top: 1px solid #e1e1e1; background-color: #f5f5f5; padding: 3px 10px; }
.article-list .article-item .article-info span { margin-left: 5px; }
.article-list .article-item .article-info .article-share { float: none; color: #777777; margin-right: 10px; }
.article-list .article-item .article-info a { float: left; color: #143846; }
.article-list .article-item .article-info a:hover { color: #bf0f72; }
.article-list .article-item .article-info a:last-child { line-height: 32px; }
.article-list .article-item:hover:after { background: #bf0f72 url(../../Images/article-icon.png); }

/*Article*/
.article { }
.article .article-header h1 { font-size: 19px; color: #143846; margin-bottom: 22px; margin-top: 0; padding-top: 8px; }
.article .article-header .article-action { float: left; padding: 0px 20px; /*border: 1px solid #ebebeb;*/ line-height: 44.6px; color: #777777; height: 44.6px; font-size: 18px; }
.article .article-header .article-action > a { margin: 0 5px; }
.article .article-img { position: relative; }
.article .article-img img { width: 100%; }
.article .article-img .related-pictures { width: 95px; position: absolute; top: 10px; left: 10px; }
.article .article-info { background: #143846; height: 33px; line-height: 33px; text-align: left; margin-top: 10px; font-size: 11px; color: #fff; letter-spacing: 1px; padding-left: 20px; margin-bottom: 25px; }
.article .article-header .article-action .article-like { }
.article .article-header .article-action .article-like.liked:before { color: red; content: "\f004"; }
/*ArticleArchive*/
.article-archive { }
.article-archive .media { border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; }
.article-archive .media h3 { font-size: 20px; display: inline-block; }
.article-archive .media .date { color: #75b4ff; }
.article-archive .summary { padding: 5px; color: #999; }

/*ProjectList*/
.project-list { }
.project-list .project-col { padding: 30px 50px; height: 220px; background: #f5f5f5; }
.project-list .project-col:nth-child(1), .project-list .project-col:nth-child(4), .project-list .project-col:nth-child(5), .project-list .project-col:nth-child(8) { background: #fbfbfb; }
.project-list .project-col:hover { background: #f1f1f1; }
.project-list .project-item .project-img { display: inline-block; vertical-align: top; max-width: 50%; }
.project-list .project-item .project-img a { background-color: #143846; }
.project-list .project-item .project-img a img { opacity: 1; transition: all 0.3s ease-in-out; }
.project-list .project-item:hover .project-img a img { opacity: 0.8; }
.project-list .project-item .project-des { padding-right: 30px; display: inline-block; width: 250px; max-width: 49%; }
.project-list .project-item .project-des h3 { margin-top: 0; font-size: 17px; border-right: 20px solid #e3e8e8; background: #fbfbfb; padding: 6px 10px 6px 5px; text-align: right; transition: all 0.3s ease; }
.project-list .project-item .project-des p { padding-right: 30px; height: 38px; overflow: hidden; font-size: 12px; line-height: 19px; text-align: right; color: #3e3e3e; }
.project-list .project-item .project-des .project-info { color: #3e3e3e; font-size: 11px; margin-top: 13px; }
.project-list .project-item .project-des .project-info > span { /*border-bottom: 1px solid #f3f3f3;*/ transition: all 0.5s ease-in-out; min-width: 85px; display: inline-block; position: relative; padding-right: 5px; }
.project-list .project-item .project-des .project-info > span em { color: #777777; margin-right: 5px; transition: all 0.5s ease-in-out; }
.project-list .project-item .project-des .project-info > span em.fa-info-circle { font-size: 15px; }
.project-list .project-item .project-des .project-info > span:last-child { float: left; }
.project-list .project-col:hover .project-des .project-info > span em,
.project-list .project-col:hover .project-des .project-info > span { color: #143846; }
.project-list .project-col:hover h3 { border-right: 20px solid #143846; }

/*Project*/
.project { }
.project .project-img img { max-width: 100%; }
.project .project-img .related-pictures { margin-top: 5px; }
.project .project-img .related-pictures .item { display: inline-block; }
.project .project-header { border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 20px; display: inline-block; width: 100%; vertical-align: top; }
.project .project-header h1 { font-size: 20px; margin-top: 0; font-weight: bold; display: inline-block; }
.project .project-header .action-buttons { float: left; font-size: 18px; }
.project .project-header .action-buttons i.fa-print, .project .project-header .action-buttons i.fa-share-alt { color: #777777; }
.project .project-content { color: #444; text-align: justify; line-height: 22px; }
.project .project-content .project-info { margin-bottom: 20px; display: inline-block; padding: 5px 10px; background: #f9f9f9; width: 100%; }
.project .project-content .project-info > span { display: inline-block; width: 100%; vertical-align: top; }
.project .project-content .project-info strong { color: #143846; margin-left: 5px; }
.project .project-content .project-info span:last-child { float: right; }
.project .project-footer { margin-top: 16px; font-size: 12px; background: #f9f9f9; padding: 5px 10px; }
.project .project-footer > span { margin-left: 15px; font-size: 15px; font-weight: normal; }
.project.modal-open { padding-right: 0 !important; }
.project .project-content ul { list-style: square outside url(/images/arrowL.png); }
.project .project-content li { display: list-item; padding-right: 10px; line-height: 20px; margin-bottom: 10px; }
/*Videos*/
.video-list .video-col { }
.video-list .video-item { position: relative; margin-bottom: 30px; overflow: hidden; border: 1px solid #e1e1e1; }
.video-list .video-item a { position: relative; }
.video-list .video-item .item { display: block; font-size: 16px; }
.video-list .video-item * { -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.video-list .video-item h3 { font-size: 19px; margin-bottom: 15px; padding: 10px; text-transform: uppercase; }
.video-list .video-item:hover .play i { bottom: 38%; background-color: #143846; }
.video-list .video-item .play i { position: absolute; right: 0; left: 0; margin: auto; bottom: -30px; font-size: 31px; color: #fff; padding: 4px 14px; width: 60px; height: 60px; line-height: 50px; z-index: 1; text-align: center; background-color: #fff; border-radius: 50%; transition: all 0.3s ease-in-out; }
.video-list .video-item .video-img { background-color: #143846; overflow: hidden; }
.video-list .video-item img { width: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.video-list .video-item:hover img { opacity: 0.8; -webkit-transform: scale(1.1); transform: scale(1.1); }
.video-list .modal-title { text-align: center; }

.video-list.modal-open { padding-right: 0 !important; }
.video-list .video-module { padding: 0; }
.video-list .video-module .video-item { border: none; }


/*Contact*/
.contact .contact-form > div { padding-right: 7px; padding-left: 7px; }
.contact .contact-form select { color: #999; height: 40px; margin-bottom: 15px; }
.contact .contact-form input { margin-bottom: 15px; height: 40px; text-align: right; }
.contact .contact-form textarea { margin-bottom: 15px; height: 130px; }
.contact .contact-form .contact-btn { text-align: left; }
.contact .contact-form .contact-btn .btn { width: 100%; height: 40px; background: #143846; color: #fff; border: 1px solid #143846; text-align: center; border-radius: 0; transition: all 0.3s ease; }
.contact .contact-form .contact-btn .btn:hover { background: #bf0f72 !important; color: #fff; }
.contact .contact-form img { position: absolute; left: 6px; top: 0; width: 90px; height: 40px; }
.contact .contact-form span { font-size: 12px; }

.activate .captcha img { position: absolute; left: 0px; top: 0; width: 90px; height: 40px; }
.activate .captcha { position: relative; margin-top: 10px; }


.contact-text2 a { line-height: 29px; vertical-align: middle; display: block; font-size: 15px; }
.contact-text2 a em { font-family: fontawesome; display: inline-block; width: 27px; height: 27px; margin-right: 4px; float: right; text-align: center; font-size: 16px; color: #fff; background-color: #143846; padding: 6px 3px 3px; border-radius: 50%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
/*StuffList-contentMenu*/
.stuff-list-big-image { position: relative; }
.stuff-list-big-image img { width: 100%; /*padding: 0 15px 40px;*/ max-width: 100%; }
.stuff-list-big-image .title-big-image { position: absolute; right: 5%; bottom: 21%; color: #fff; background: #bf0f72; padding: 12px 20px; font-size: 25px; /*display: inline-block;*/ display: none; vertical-align: top; line-height: 33px; max-width: 350px; }
.stuff-list-content { }
.stuff-list-content .stuff-list-header { text-align: center; box-shadow: none; color: #fff; font-size: 20px; padding: 9px; background-color: #143846; margin: 30px 0 0; }
.stuff-list-content .stuff-list-video-detail { background: #f9f9f9; padding: 30px; text-align: center; }
.stuff-list-content .stuff-list-video-detail span { display: inline-block; width: 24.5%; text-align: center; color: #000; }
.stuff-list-content .stuff-list-video-detail span span { white-space: nowrap; position: relative; display: inline; }
.stuff-list-content .stuff-list-video-detail em { display: inline-block; padding-left: 5px; color: #bf0f72; font-size: 23px; vertical-align: middle; }
.stuff-list-content .stuff-list-video-detail .fancy { display: none; }
.stuff-list-content .stuff-list-text { background: #f9f9f9; padding: 15px; }
.stuff-list-content .stuff-list-text .stuff-list-details-text { height: 180px; overflow: hidden; transition: all 0.3s ease-in-out; }
.stuff-list-content .stuff-list-text .stuff-list-details-text.active { height: auto; transition: all 0.3s ease-in-out; }
.stuff-list-content .stuff-list-text .stuff-list-details-text ul { list-style: none; }
.stuff-list-content .stuff-list-text .stuff-list-details-text ul li { display: list-item; padding-right: 30px; }
.stuff-list-content .stuff-list-text .stuff-list-details-text ul li:before { content: '\f005'; font-family: 'FontAwesome'; float: right; margin-right: -1.5em; color: #bf0f72; }
.stuff-list-content .stuff-list-text .stuff-list-readmore { position: relative; left: 0; bottom: 0; width: 100%; display: block; height: 41px; line-height: 44px; z-index: 2; text-align: center; font-size: 14px; color: #bf0f72; cursor: pointer; }
.stuff-list-content .stuff-list-text .stuff-list-readmore:before { content: '\f107 '; position: absolute; left: -100px; right: 0; margin: auto; font-family: fontawesome,iransans; transition: all 0.3s ease-in-out; }
.stuff-list-content .stuff-list-text .stuff-list-readmore:after { content: ' نمایش بیشتر    '; position: absolute; left: 0; right: 0; margin: auto; font-family: fontawesome,iransans; transition: all 0.3s ease-in-out; }
.stuff-list-content .stuff-list-text .stuff-list-readmore.less:before { content: '\f106    '; position: absolute; left: -100px; right: 0; margin: auto; font-family: fontawesome,iransans; transition: all 0.3s ease-in-out; }
.stuff-list-content .stuff-list-text .stuff-list-readmore.less:after { content: ' نمایش کمتر    '; position: absolute; left: 0; right: 0; margin: auto; font-family: fontawesome,iransans; transition: all 0.3s ease-in-out; }
.stuff-list-content .stuff-list-header em{ margin-left: 15px;vertical-align: middle;font-size: 25px;} 
.stuff-list-content .stuff-list-text .audio-demo { text-align: center; }
.stuff-list-content .stuff-list-text .audio-demo audio { max-width: 800px; width: 100%;border: 2px solid #bf0f72;border-radius: 25px }
.stuff-list-courselist { padding: 15px 0 30px; }
.stuff-list-courselist .stuff-list-header { text-align: center; box-shadow: none; color: #fff; font-size: 20px; padding: 9px; background-color: #143846; margin: 30px 0 20px; }
.stuff-list-courselist .episode {width: 100%;background: #f9f9f9;box-shadow: 0 0 0 1px rgba(220, 221, 224, 0.5), 0 1px 0 0 rgba(208, 209, 213, 0.5);border-radius: 3px;transition: all .3s ease;overflow: hidden;margin-bottom: 5px;height: 170px !important;cursor: pointer;}
.stuff-list-courselist .episode .lock-box { width: 10%; display: inline-block; vertical-align: top; background: #bf0f72; color: #FFFFFF; font-size: 27px; line-height: 45px; height: 36px; text-align: center; vertical-align: middle; }
.stuff-list-courselist .episode .lock-box em { font-family: fontawesome; }
.stuff-list-courselist .episode .center-box { text-align: right; width: 70%; display: inline-block; vertical-align: top; padding: 0 25px; box-sizing: border-box; margin-top: 10px; }
.stuff-list-courselist .episode .center-box .title { /*height: 50%; width: 100%;*/ display: inline-block; line-height: 25px; font-size: 15px; font-weight: bold; display: inline-block; vertical-align: top; text-align: right; margin-top: 0px; }
.stuff-list-courselist .episode .center-box .details { font-size: 12px; margin-right: 15px; color: rgba(0, 0, 0, 0.29); height: 50%; width: 100%; font-weight: bold; text-align: right; margin-left: 20px; }
.stuff-list-courselist .episode .center-box .Price-in { color: #0fa149; font-size: 14px; }
.stuff-list-courselist .episode .center-box .Price-in span { padding-right: 10px; }
.stuff-list-courselist .episode .center-box .Price-in span.line-through { color: red; }
.stuff-list-courselist .episode .center-box .dnld-link { display: none; float: left; color: #a352ff; border: 2px solid #eee; background: #f4eaff; padding: 2px 8px; border-radius: 10px; margin-top: -27px; }
.stuff-list-courselist .episode .center-box .dnld-link em { padding: 0 5px 0 10px; position: relative; font-style: normal; }
.stuff-list-courselist .episode .center-box .dnld-link em:before { content: '\f019 '; font-family: fontawesome; padding-left: 10px; }
.stuff-list-courselist .episode .left-box {/* width: 19%; *//* display: inline-block; *//* vertical-align: top; *//* position: relative; *//* margin-top: -24px; */}
.stuff-list-courselist .episode .left-box .view { background: #f2f2f2; color: #000000; line-height: 38px; text-align: center; width: 100%; height: 50%; display: block; }
.stuff-list-courselist .episode .left-box .login { background: #0fa149; color: #FFFFFF; line-height: 38px; text-align: center; width: 100%; height: 36px; display: block; line-height: 36px; }
.stuff-list-courselist .episode .left-box .free { background: #0fa149; color: #FFFFFF; line-height: 38px; text-align: center; width: 100%; height: 36px; display: block; line-height: 36px; }
.stuff-list-courselist .episode .left-box .add-to-cart-wrapper { }
.stuff-list-courselist .episode .left-box .add-to-cart-wrapper .qtyString,
.stuff-list-courselist .episode .left-box .add-to-cart-wrapper select.quantity { display: none; }
.stuff-list-courselist .episode .left-box .add-to-cart-wrapper .add-to-cart { background: #868686; color: #FFFFFF; line-height: 38px; text-align: center; width: 100%; height: 50%; display: block; line-height: 37.5px; }
.stuff-list-courselist .episode .left-box .add-to-cart-wrapper .add-to-cart i { display: none; }

.stuff-list-courselist .episode.active .lock-box em:before { content: '\f09c'; }
.stuff-list-courselist .episode.active .center-box .dnld-link { display: inline-block; }
.stuff-list-courselist .episode.active .left-box .login { background: #0fa149; }

@media (max-width: 991px) {
    .stuff-list-content .stuff-list-video-detail span { width: 100%; float: none; margin-bottom: 10px; }
    .stuff-list-courselist .episode {height: auto;}
    .stuff-list-courselist .episode .lock-box { display: none; }
    .stuff-list-courselist .episode .center-box .details {display: block;}
    .stuff-list-courselist .episode .center-box { width: 100%; }
    .stuff-list-courselist .episode .left-box { width: 100%; }
    .stuff-list-courselist .episode .center-box .dnld-link { float: none; margin: 5px 0; }
    .stuff-list-courselist .episode.active .center-box .dnld-link { display: inline-block; }
}

/*StuffList*/
.stuff-list { width: 100% !important; padding: 0; }
.stuff-list .searched-items { list-style: none; text-align: center; /*display: table;*/ }
/*.stuff-list .searched-items li{display: table-cell}*/
.stuff-list #results .searched-items { }
.stuff-list #results .searched-items li { min-height: 360px; margin-bottom: 20px; }
.stuff-list .stuff-item { position: relative; padding: 10px; background: #f6f6f6; box-shadow: 0 4px 5px -2px #999; transition: all 0.2s ease-in-out; }
.stuff-list .stuff-item:hover { box-shadow: 0 4px 5px -5px #999; }
.stuff-list .stuff-item .stuff-img { border: 1px solid transparent; position: relative; overflow: hidden; text-align: center; }
.stuff-list .stuff-item .stuff-img a { display: block; background: #f6f6f6; }
.stuff-list .stuff-item .stuff-img img { max-width: initial; transition: all 0.2s ease-in-out; min-height: 100%; width: 100%; margin: auto; }
.stuff-list .stuff-item:hover .stuff-img img { transform: scale(1.1); }
.stuff-list .stuff-item .stuff-img span { position: absolute; right: 0; left: 0; bottom: -30px; text-align: center; color: #fff; font-size: 14px; transition: all 0.3s ease; text-transform: capitalize; background: #143846; }
.stuff-list .stuff-item .stuff-name { margin-top: 12px; position: relative; }
.stuff-list .stuff-item .stuff-name h3 { margin: 0; font-size: 18px; text-transform: capitalize; width: 100%; height: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; /*width: calc(100% - 50px);*/ }
.stuff-list .stuff-item .stuff-name .stuff-status { color: #fff; line-height: 20px; position: absolute; left: 0; top: 0; visibility: hidden; }
.stuff-list .stuff-item .stuff-name .stuff-status .label { font-weight: normal; }
.stuff-list .stuff-item .stuff-price { font-size: 22px; margin-top: 5px; color: #1ca700; min-height: 28px; }
.stuff-list .stuff-item .stuff-price span { font-size: 12px; margin-right: 5px; font-weight: normal; color: #888; }
.stuff-list .stuff-item .stuff-price span:empty { display: none; }
/*.stuff-list .stuff-item .stuff-price span:empty { display: none; }*/
.stuff-list .stuff-item .compare { left: 15px; position: absolute; text-align: left; top: -5px; font-size: 12px; opacity: 0; transition: all 0.3s ease; }
.stuff-list .stuff-item .compare input { vertical-align: top; width: 20px; height: 20px; }
.stuff-list .stuff-item .compare > span { font-size: 15px; text-transform: capitalize; line-height: 21px; display: inline-block; }
.stuff-list .stuff-item:hover .compare { opacity: 1; top: 5px; }
.stuff-list .stuff-item:hover .stuff-img span { bottom: 0; border-bottom: 1px solid #143846; border-top: 1px solid #143846; padding: 5px 0; opacity: 0.9; }
.stuff-list .stuff-item .left-box { }
.stuff-list .stuff-item .left-box .view { width: 100%; display: inline-block; vertical-align: top; }
.stuff-list .stuff-item .left-box { width: 100%; height: 36.8px; display: inline-block; vertical-align: top; position: relative; }
.stuff-list .stuff-item .left-box .view { background: #f2f2f2; color: #000000; line-height: 38px; text-align: center; width: 100%; height: 50%; display: block; }
.stuff-list .stuff-item .left-box .login { /*margin-top: 5px;*/ background: #bf0f72; color: #FFFFFF; line-height: 38px; text-align: center; width: 100%; height: 38px; display: block; line-height: 38px; }
.stuff-list .stuff-item .left-box .free { /*margin-top: 5px;*/ background: #bf0f72; color: #FFFFFF; line-height: 38px; text-align: center; width: 100%; height: 38px; display: block; line-height: 38px; }
.stuff-list .stuff-item .left-box .add-to-cart-wrapper { }
.stuff-list .stuff-item .left-box .add-to-cart-wrapper .qtyString,
.stuff-list .stuff-item .left-box .add-to-cart-wrapper select.quantity { display: none; }
.stuff-list .stuff-item .left-box .add-to-cart-wrapper .add-to-cart { background: #868686; color: #FFFFFF; line-height: 38px; text-align: center; width: 100%; height: 50%; display: block; line-height: 37.5px; }
.stuff-list .stuff-item .left-box .add-to-cart-wrapper .add-to-cart i { display: none; }
.stuff-list .stuff-item .left-box .add-to-cart.login { margin-top: 0px; }
.stuff .comments-wrapper,
.stuff-list .comments-wrapper { padding: 0; }

.search-template .display { display: none; }
.search-template .display .button { display: inline-block; width: 24px; height: 24px; background: url(../Images/display-type.png) no-repeat; float: left; }
.search-template .display .button.grid { background-position: 0 0; }
.search-template .display .button.grid:hover, .search-template .display .button.grid.selected { background-position: 0 -24px; }
.search-template .display .button.list { background-position: -24px -24px; }
.search-template .display .button.list:hover, .search-template .display .button.list.selected { background-position: -24px 0; }


/*StuffList-filtering*/
.stuff-sidebar .stuff-search { }
.stuff-sidebar .stuff-search input[type=text] { border: 1px solid #143846; height: 34px; font-size: 12px; }
.stuff-sidebar .stuff-search .btn { background: #143846; color: #fff; font-size: 12px; line-height: 20px; border-radius: 0 !important; }
.stuff-sidebar .stuff-search .dropdown-menu { line-height: 20px; font-size: 13px; }
.stuff-sidebar .stuff-search .dropdown-menu li { width: 100%; display: block; }
.stuff-sidebar .stuff-search .dropdown-menu li:hover { background: #eee; }
.stuff-sidebar .selected-items .label { margin-left: 5px; display: inline-block; padding: 5px 8px; margin-bottom: 1px; }
.stuff-sidebar .selected-items span.remove { margin-right: 10px; cursor: pointer; font-size: 13px; }
.stuff-sidebar .price { border: 1px solid #143846; padding: 0 15px 15px 15px; margin: 30px 0; }
.stuff-sidebar .price .price-title { display: block; background: #143846; color: #fff; padding-right: 15px; margin-right: -15px; margin-left: -15px; margin-bottom: 10px; }
.stuff-sidebar .price #minPrice { text-align: left; }
.stuff-sidebar .search-items { border: 1px solid #143846; list-style: none; }
.stuff-sidebar .search-items .search-item { width: 100%; }
.stuff-sidebar .search-items .search-item .btn { cursor: default; width: 100%; border-radius: 0; background: #143846; height: 30px; border: 1px solid #143846; line-height: 17px; color: #fff; font-size: 14px; text-align: right; }
.stuff-sidebar .search-items .search-item .btn .caret { position: absolute; border-top: 6px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; margin-left: 0; top: 10px; left: 10px; }
.stuff-sidebar .search-items .search-item .dropdown-menu { position: inherit; display: block !important; box-shadow: none; border: none; border-radius: 0; font-size: 12px; z-index: 2 !important; width: 100%; float: none; }
.stuff-sidebar .search-items .search-item .dropdown-menu > .active > a { background: none; color: inherit; }
.stuff-sidebar .search-items .search-item .dropdown-menu input { position: inherit; margin-left: 6px; vertical-align: text-top; }
.sidebar-btn { position: fixed; right: calc(100% - 66px); top: 50%; transform: rotate(-90deg); background: #fff; padding: 8px 20px; font-size: 16px; border: 2px solid; border-radius: 0 0 5px 5px; border-top-color: #fff; z-index: 20001; display: none; }

.label-info { background-color: #bf0f72; }
.label-primary { background-color: #bf0f72; }
/*Stuff*/
.stuff .images-wrapper { text-align: center; margin-bottom: 30px; }
.stuff .images-wrapper .main.image { width: 100%; }
.stuff .images-wrapper .related-pictures { margin-top: 10px; }
.stuff .images-wrapper .related-pictures .item { display: inline-block; margin: 0 5px; }
.stuff .images-wrapper .related-pictures .item img { border: 3px solid #f3f6ed; }
.stuff .stuff-details { }
.stuff .stuff-details .stuff-header { border-bottom: 1px solid #f0f0f0; padding: 0 0 10px 0; display: inline-block; vertical-align: top; width: 100%; }
.stuff .stuff-details .stuff-header .stuff-title { display: inline-block; }
.stuff .stuff-details .stuff-header .stuff-title h1 { font-size: 20px; font-weight: bold; color: #143846; margin: 0; line-height: 30px; }
.stuff .stuff-details .stuff-header .stuff-title span { color: #999; display: none; }
.stuff .stuff-details .stuff-header #rate { float: left; }
.stuff .stuff-details .price-box { padding: 25px 0; color: #525252; font-size: 18px; }
.stuff .stuff-details .price-box .pricing { display: inline-block; }
.stuff .stuff-details .price-box .pricing .item-label { display: none; }
.stuff .stuff-details .price-box .before-discount { color: #1ca700; font-weight: bold; }
.stuff .stuff-details .price-box .before-discount.line-through { color: #ff0000; font-weight: normal; font-size: 15px; border: 1px solid #f0f0f0; padding: 2px 13px; margin-left: 25px; }
.stuff .stuff-details .price-box .before-discount.line-through:after { content: "ریال"; color: #525252; font-size: 13px; }
.stuff .stuff-details .price-box .discounted { color: #1ca700; font-weight: bold; }
.stuff .stuff-details .price-box .stuff-action { float: left; position: relative; }
.stuff .stuff-details .price-box .stuff-action > * { vertical-align: top; }
.stuff .stuff-details .price-box .stuff-action .fa { width: 32px; height: 32px; border: 1px solid #f0f0f0; text-align: center; line-height: 32px; color: #828080; cursor: pointer; background: #fff; }
.stuff .stuff-details .price-box .stuff-action .stuff-share { display: inline-block; }
.stuff .stuff-details .price-box .stuff-action .send-to-friend-box { display: inline-block; }
.stuff .stuff-details .price-box .stuff-action #compare-button { visibility: hidden; width: 0; }
.stuff .stuff-details .price-box .stuff-action .stuff-share .share-icon { list-style: none; position: absolute; display: none; width: 33px; }
.stuff .stuff-details .price-box .stuff-action .notify { display: none; }
.stuff .stuff-details .add-to-cart-wrapper { margin-top: 35px; }
.stuff .stuff-details .add-to-cart-wrapper .qtyString { visibility: hidden; }
.stuff .stuff-details .add-to-cart-wrapper .quantity { vertical-align: middle; height: 30px; width: auto; visibility: hidden; display: inline-block; }
.stuff .stuff-details .add-to-cart-wrapper .add-to-cart { float: left; width: 200px; height: 36px; line-height: 17px; font-size: 16px; }
.stuff .stuff-details .add-to-cart-wrapper .add-to-cart i { margin-left: 15px; }
.stuff .stuff-details .add-to-cart-wrapper .buy-options { margin: 0; padding: 0; }
.stuff .stuff-details .add-to-cart-wrapper .buy-options .buy-option-wrapper { margin: 0; padding: 0 10px 0 0; list-style: none; line-height: 1.8em; }
.stuff .stuff-details .add-to-cart-wrapper .buy-options .buy-option { float: right; line-height: 1.8em; }
.stuff .stuff-details .add-to-cart-wrapper .buy-options label { margin: 0 5px 0 5px; }
.stuff .stuff-details .stuff-properties { background: #f3f6ed; padding: 30px 45px 30px 45px; }
.stuff .stuff-details .stuff-properties p { margin: 10px 0; }
.stuff .stuff-details .stuff-properties .tags { display: none; }
.stuff .stuff-details .stuff-properties em { font-size: 20px; margin-left: 10px; color: #bf0f72; vertical-align: middle; }
.stuff .stuff-details input[type="checkbox"] { width: 20px; height: 20px; vertical-align: sub; }
.stuff .stuff-details .price-box .stuff-action .stuff-like { }
.stuff .stuff-details .price-box .stuff-action .stuff-like.liked:before { color: red; content: "\f004"; }

/*****Article - stuff******/
.article-add-to-cart .episode { width: 100%; background: #f9f9f9; white-space: nowrap; box-shadow: 0 0 0 1px rgba(220, 221, 224, 0.5), 0 1px 0 0 rgba(208, 209, 213, 0.5); border-radius: 3px; transition: all .3s ease; overflow: hidden; margin-bottom: 5px; height: 75px; cursor: pointer; }
.article-add-to-cart .episode .lock-box { width: 25%; display: inline-block; box-sizing: border-box; vertical-align: top; background: #bf0f72; color: #FFFFFF; font-size: 40px; line-height: 85px; height: 75px; text-align: center; vertical-align: middle; }
.article-add-to-cart .episode .lock-box em { font-family: fontawesome; }
.article-add-to-cart .episode .left-box { width: 75%; display: inline-block; box-sizing: border-box; vertical-align: top; position: relative; }
.article-add-to-cart .episode .left-box .view { background: #f2f2f2; color: #000000; line-height: 38px; text-align: center; width: 100%; height: 50%; display: block; }
.article-add-to-cart .episode .left-box .need-login { background: #868686; color: #FFFFFF; line-height: 38px; text-align: center; width: 100%; height: 75px; display: none; line-height: 75px; }
.article-add-to-cart .episode .left-box .add-to-cart-wrapper { margin: 0; }
.article-add-to-cart .episode .left-box .add-to-cart-wrapper .qtyString,
.article-add-to-cart .episode .left-box .add-to-cart-wrapper select.quantity { display: none; }
.article-add-to-cart .episode .left-box .add-to-cart-wrapper .add-to-cart { background: #868686; color: #FFFFFF; line-height: 38px; text-align: center; width: 100%; height: 50%; display: block; line-height: 37.5px; }
.article-add-to-cart .episode .left-box .add-to-cart-wrapper .add-to-cart i { display: none; }

.article-add-to-cart .episode.active .lock-box em:before { content: '\f09c'; }
.article-add-to-cart .episode.active .left-box .need-login { background: #0fa149; }

@media (max-width: 400px) {
    .article-add-to-cart .episode { height: auto; }
    .article-add-to-cart .episode .lock-box { display: none; }
    .article-add-to-cart .episode .left-box { width: 100%; }
}
/*Compare-box*/
#compare-wrapper { position: fixed; bottom: 0; right: 0; background: #fff; left: 0; z-index: 100; box-shadow: 0 -4px 6px 0 rgba(0,0,0,.1); visibility: hidden; }
#compare-wrapper .compare-toggle { position: absolute; top: -36px; right: 40px; padding: 0 20px; height: 36px; width: 185px; border-radius: 15px 15px 0 0; font-size: 16px; /*font-size: .875rem;*/ text-align: center; line-height: 36px; box-shadow: 0 -4px 6px 0 rgba(0,0,0,.1); cursor: pointer; transition: all .35s ease; background: #767676; color: #fff; }
#compare-wrapper .compare-list { padding-top: 15px; height: auto; display: none; }
#compare-wrapper .button-wrapper { float: left; margin-top: 25px; }
#compare-wrapper .button-wrapper .btn { border: 0; border-radius: 0; font-size: 13px; padding: 6px 25px; display: block; margin-bottom: 10px; }
#compare-wrapper .button-wrapper .btn i { margin-left: 5px; }
#compare-wrapper #compare-list { }
#compare-wrapper #compare-list a.compare-item { border-radius: 0; float: right; margin: 0 10px 15px; padding: 6px; text-align: center; width: 120px; position: relative; cursor: auto; height: 125px; }
#compare-wrapper #compare-list a.compare-item:hover { border: 1px solid #143846; }
#compare-wrapper #compare-list a.compare-item img { cursor: pointer; }
#compare-wrapper #compare-list a.compare-item span.title { display: block; cursor: pointer; font-size: 13px; margin-top: 10px; }
#compare-wrapper #compare-list a.compare-item .remove { display: block; height: 16px; left: 8px; position: absolute; top: 5px; width: 16px; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); color: red; font-size: 1em; }
















/*LoggedInBox*/
.loggedin-box { line-height: 2em; display: inline-block; position: relative; font-size: 0.9em; }
.loggedin-box .title { line-height: 1.3em; float: left; text-align: center; border-radius: 0 3px 3px 0; font-size: 0.65em; }
.loggedin-box .dropdown-menu { width: 200px; padding: 15px; }
.loggedin-box .dropdown-menu li a { line-height: 1.5em; margin-bottom: 10px; text-align: center; }
.loggedin-box .dropdown-menu .checkbox { margin-right: 10px; }
.loggedin-box .dropdown-menu .checkbox [type=checkbox] { margin: 10px 0 0 0; line-height: 1.5em; }
.loggedin-box .dropdown-menu label { line-height: 1.5em; }
.loggedin-box i { line-height: 1.5em; margin-left: 5px; }





/*Comment*/
.comments-wrapper { padding: 0 15px; }
.comments-wrapper .header { font-size: larger; margin-bottom: 15px; }
.comments-wrapper ul.comments { margin: 0 0 40px 0; padding: 0; list-style: none; }
.comments-wrapper li.comment { padding: 15px 30px; border-bottom: 1px dotted silver; width: 100%; }
.comments-wrapper li.comment .date { font-size: 0.9em; }
.comments-wrapper li.comment.alternate-item { background-color: whitesmoke; }
.comments-wrapper .post-by { color: #143846; }
.comments-wrapper .post-by > span:first-child { float: right; }
.comments-wrapper .comment-content { padding: 10px 15px 0 0; }
.comments-wrapper .send { margin-top: 10px; }
.comments-wrapper .submit-comment-form { margin-top: 25px; }
.comments-wrapper .well { background-color: #f9f9f9; border: 1px solid rgb(235,235,235); box-shadow: none; font-size: 20px; text-align: center; }
.comments-wrapper .submit-comment-form img { position: absolute; left: 15px; top: 0; width: 90px; height: 40px; }


.all-comment-list { }
/*.all-comment-list #usercomment .comment-cont .item .image-box img{border-radius: 15px 15px 0 0}
.all-comment-list #usercomment .comment-cont .item .comment-box{ border: 1px solid #ddd;border-radius: 15px;}
.all-comment-list #usercomment .comment-cont .item{ padding: 0 0 2px 2px;margin-bottom: 30px;}*/
#allusercomment { }
#allusercomment { position: relative; z-index: 5; /*background: url(/images/back-lightpink.jpg) repeat-x center bottom;*/ padding: 0 0 55px; text-align: center; }
#allusercomment .title-box { width: 450px; max-width: 94%; padding: 8px 7%; border: 5px solid #143846; border-radius: 26px; overflow: hidden; position: relative; margin: 0 auto 65px; text-align: center; display: inline-block; }
#allusercomment .title-box:before { content: ''; width: 100%; height: 100%; display: block; background: #fff; position: absolute; left: 0; right: 0; top: 0; z-index: 0; }
#allusercomment .title-box > span { position: relative; z-index: 1; white-space: nowrap; background: -webkit-linear-gradient(#a554f9, #eb5384); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #dc51a2; font-size: 23px; font-weight: bold; margin: auto; text-align: center; display: inline-block; }
#allusercomment .title-box span .someText { display: table-row; }
#allusercomment .comment-cont .item { margin-bottom: 20px; border-radius: 15px; border: 1px solid #ddd; overflow: hidden; background: #f9f9f9; text-align: right; }
#allusercomment .comment-cont .item .image-box { width: 30%; height: 271px; float: right; display: table-cell; /*margin: 0 0 15px 0;*/ background: #cfd0d2; transition: all 0.2s ease-in-out; overflow: hidden; border-radius: 0; }
#allusercomment .comment-cont .item .image-box img { width: auto; min-width: 100%; height: auto; min-height: 100%; transition: all 0.3s ease-in-out; }
#allusercomment .comment-cont .item:hover .image-box img { transform: scale(1.2); }
#allusercomment .comment-cont .item .image-box a { width: 100%; height: 271px; display: block; position: relative; }
#allusercomment .comment-cont .item .image-box a:before { content: ''; display: block; position: absolute; bottom: 5%; left: 0; right: 0; z-index: 5; margin: auto; width: 34px; height: 34px; background: url('/images/sprite.png') no-repeat -168px -1677px; transition: bottom 0.5s ease; }
#allusercomment .comment-cont .item:hover .image-box a:before { width: 58px; height: 58px; bottom: 90px; background: url(/images/sprite.png) no-repeat -145px -1738px; }

#allusercomment .comment-cont .item .comment-box .topic-box { width: auto; height: auto; min-height: 44px; position: relative; font-size: 15px; padding-right: 15px; font-weight: bold; padding-top: 7px; margin-bottom: 10px; text-align: center; vertical-align: middle; display: -webkit-box; background: #cfd0d2; }
#allusercomment .comment-cont .item .comment-box .topic-box span { font-family: titr; font-weight: bold; height: 44px; color: #15212f; line-height: 19px; display: table-cell; vertical-align: middle; padding: 0 5px; font-size: 15px; overflow: hidden; }
#allusercomment .comment-cont .item .comment-box .comment-text-box { text-align: right; color: #586875; line-height: 25px; font-size: 14px; min-height: 158px; height: 158px; overflow: hidden; line-height: 23px; padding: 5px 20px 5px; direction: rtl; transition: all 0.5s ease; }
#allusercomment .comment-cont .item .comment-box .comment-text-box.active { height: 100%; }
#allusercomment .comment-cont .item .comment-box .comment-text-box > p { margin: 0; }
#allusercomment .comment-cont .item .comment-box .footer-comment { color: #586875; padding: 20px 13px 5px; display: inline-block; width: auto; float: left; vertical-align: top; text-align: left; }
#allusercomment .comment-cont .item .comment-box .footer-more { width: 100px; position: relative; cursor: pointer; color: #bf0f72; padding: 20px 13px 5px; display: inline-block; float: left; vertical-align: top; text-align: right; }
#allusercomment .comment-cont .item .comment-box .footer-more:hover { color: #586875; }
#allusercomment .comment-cont .item .comment-box .footer-more:before { content: '\f107 '; position: absolute; left: -100px; right: 0; margin: auto; font-family: fontawesome,iransans; transition: all 0.3s ease-in-out; }
#allusercomment .comment-cont .item .comment-box .footer-more:after { content: ' نمایش بیشتر    '; position: absolute; left: 0; right: 15px; margin: auto; font-family: fontawesome,iransans; transition: all 0.3s ease-in-out; }
#allusercomment .comment-cont .item .comment-box .footer-more.less:before { content: '\f106    '; position: absolute; left: -100px; right: 0; margin: auto; font-family: fontawesome,iransans; transition: all 0.3s ease-in-out; }
#allusercomment .comment-cont .item .comment-box .footer-more.less:after { content: ' نمایش کمتر    '; position: absolute; left: 0; right: 15px; margin: auto; font-family: fontawesome,iransans; transition: all 0.3s ease-in-out; }

/**************** Comment****************/
#cmntPanel { }
#cmntPanel .topTitle { width: 50%; background: #143846; color: #fff; padding: 0px 20px; }
#cmntPanel .topTitle::before { content: '\f086'; /*background: url(../../Images/go.png) -158px -46px;*/ font-family: fontawesome; font-size: 24px; width: 33px; height: 29px; display: inline-block; }
#cmntPanel .topTitle1 { border-top: 1px solid #143846; padding: 25px 5px 0px 5px; background: #fff; }
#cmntPanel .topTitle2 { width: 50%; background: #143846; color: #fff; padding: 0px 20px; margin-top: 20px; }
#cmntPanel .topTitle2::before { content: '\f0e6 '; /*background: url(../../Images/go.png) -204px -49px;*/ font-family: fontawesome; font-size: 24px; margin-left: 5px; width: 33px; height: 29px; display: inline-block; }
#cmntPanel .cmntCont .comment.name .inputQue { display: block; margin-bottom: 5px; height: 40px; }
#cmntPanel .cmntCont .inputQue div { display: inline-block; }
#cmntPanel .cmntCont .inputQue .captcha { width: 100%; position: relative; }
#cmntPanel .cmntCont .inputQue .image-container { width: 82px; height: 29px; position: absolute; left: 6px; top: 6px; text-align: left; z-index: 5; }
#cmntPanel .cmntCont .comment.name .inputQue .labelDiv { width: 80px; color: #3f3f3f; text-align: right; vertical-align: top; line-height: 40px; }
#cmntPanel .cmntCont .comment.name .inputQue div:nth-child(2) { width: calc(100% - 85px); position: relative; }
#cmntPanel .cmntCont .comment.name .inputQue div .control-container { width: 100%; }
#cmntPanel .cmntCont .comment.name .inputQue div .control-container > span { position: absolute; left: 89px; top: 6px; text-align: left; }
#cmntPanel .cmntCont .comment.name .inputQue .mail { position: relative; }
#cmntPanel .cmntCont .comment.name .inputQue .mail span:nth-child(3) { color: red; position: absolute; width: auto; display: inline; z-index: 2; top: 0px; left: 0px; padding: 5px; }
#cmntPanel .cmntCont .comment.name .inputQue span:nth-child(2) { display: block; position: absolute; right: -86px; z-index: 2; top: 8px; }
#cmntPanel .cmntCont .comment:nth-child(3) .inputQue .labelDiv { padding-top: 10px; vertical-align: top; }
#cmntPanel #cmntForm .cmntCont .comment.name { width: 40%; display: inline-block; }
#cmntPanel #cmntForm .cmntCont .comment.des { width: 59%; display: inline-block; vertical-align: top; }
#cmntPanel #cmntForm .cmntCont .comment.des .desc { margin-bottom: 5px; height: 129px; }
#cmntPanel #cmntForm .cmntCont .comment.des .inputQue { text-align: right; }
#cmntPanel .comment.name .inputQue div:nth-child(2)::before { content: ':'; position: absolute; right: -8px; color: #a8a8a8; }
#cmntPanel .comment .inputQue input { width: 100%; border: 1px solid #cccccc; height: 40px; padding: 5px; color: #000; }
#cmntPanel .comment .inputQue input[type=file] { padding: 0px 5px; overflow: hidden; line-height: 40px; }
#cmntPanel .comment .inputQue .Button { background: #bf0f72; color: #fff; border: none; display: inline-block; width: 200px; height: 40px; }
#cmntPanel .comment .inputQue .cancel { background: #bf0f72; color: #fff; border: none; display: inline-block; width: 200px; height: 40px; border-radius: 0px; padding: 10px; }
#cmntPanel .comment .inputQue textarea { width: 100%; border: 1px solid #cccccc; height: 100%; color: #000; }
#cmntPanel .comment .inputQue input::placeholder { color: #a8a8a8; font-size: 13px; }
#cmntPanel .Captcha { width: 100%; position: relative; }
#cmntPanel .Captcha .TxtCpatcha_req { position: absolute; left: 89px; top: 6px; }
#cmntPanel .Captcha img { position: absolute; left: 5px; bottom: 3px; width: auto !important; }
#cmntPanel .Captcha1 .inputQue { display: inline-block; padding: 0px 15px; }
#cmntPanel .Captcha1 .inputQue div { display: inline-block; vertical-align: top; }
#cmntPanel .Captcha1 { padding: 10px; padding-bottom: 20px; }
#cmntPanel .Captcha1 .inputQue .Button:hover, #cmntPanel .Captcha1 .inputQue .cancel:hover { background: #143846; color: #fff; }
#cmntPanel .cmnt-item { padding-bottom: 15px; }
#cmntPanel .cmnt-item table { margin: 10px auto 0; margin-right: auto; border-top: 1px solid #efefef; border-right: 1px solid #efefef; padding: 25px 80px 25px 30px; display: block; width: calc(100% - 73px) !important; margin-right: 73px; background: #fafafa; }
/*#cmntPanel .cmnt-item table .dashes .btns::before { -webkit-filter: grayscale(100%); filter: grayscale(100%); }*/
#cmntPanel .cmnt-item table .dashes div:nth-child(3) { color: #000 !important; }
#cmntPanel .cmnt-item table .header span:nth-child(2) { display: none; }
#cmntPanel .cmnt-item table .dashes .btns { float: right; }
#cmntPanel .cmnt-item table tbody { width: 100%; display: inline-block; vertical-align: top; }
#cmntPanel .cmnt-item table tbody tr { width: 100%; display: inline-block; vertical-align: top; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; }
#cmntPanel .cmnt-item table tbody tr:last-child { border: none; }
#cmntPanel .cmnt-item .place-of-form { transition: all 0.5s ease; }
#cmntPanel .header { width: 98%; text-align: right; margin: auto; }
#cmntPanel .header span { display: inline-block; }
#cmntPanel .header span:nth-child(1) { color: #4d4d4d; font-size: 16px; font-weight: 800; text-align: right; vertical-align: bottom; padding-left: 15px; }
#cmntPanel .header span:nth-child(1)::after { content: ''; color: #f1f1f1; margin-right: 15px; height: 20px; width: 1px; display: inline-block; vertical-align: middle; background: #f1f1f1; }
#cmntPanel .header span:nth-child(2) { color: #4d4d4d; font-size: 13px; text-align: right; }
#cmntPanel .writing { font-size: 15px; color: #4d4d4d; margin: auto; width: 98%; margin-bottom: 5px; }
#cmntPanel .writing img { width: auto !important; }
#cmntPanel .dashes { width: 100%; margin: auto; padding: 0px; text-align: left; padding-top: 25px; display: inline-block; vertical-align: top; }
#cmntPanel .dashes .msg { text-align: left; font-size: 13px; color: #bf0f72; }
#cmntPanel .dashes .reply { background: #143846; display: inline-block; width: 113px; position: relative; height: 36px; padding-left: 25px; color: #fff; cursor: pointer; transition: 0.5s all; }
#cmntPanel .dashes .reply span { line-height: 35px; }
#cmntPanel .dashes .reply span:before { content: '+'; line-height: 30px; width: 26px; height: 26px; background: #fff; display: inline-block; border-radius: 50%; color: #000; font-size: 21px; text-align: center; position: absolute; left: 80px; top: 5px; }
#cmntPanel .dashes .cancelBtnItem { background: #888; width: 113px; position: relative; height: 36px; padding-left: 25px; color: #fff; cursor: pointer; transition: 0.5s all; }
#cmntPanel .dashes .cancelBtnItem span { line-height: 35px; }
#cmntPanel .dashes .cancelBtnItem.cancelBtnItemShow { display: inline-block; }
#cmntPanel .dashes .cancelBtnItem span:before { content: '+'; line-height: 30px; width: 26px; height: 26px; background: #fff; display: inline-block; border-radius: 50%; color: #000; font-size: 21px; text-align: center; position: absolute; left: 80px; top: 5px; }
#cmntPanel .dashes .cancelBtnItem.cancelBtnItemShow span::before { content: '-'; text-align: center; position: absolute; left: 80px; }
#cmntPanel .dashes .btns { min-width: 60px; float: left; position: relative; background: #f1f1f1; margin: 0px 5px 0px 0px; height: 36px; cursor: pointer; text-align: right; padding: 0 5px; }
#cmntPanel .dashes .btns span { vertical-align: top; margin-top: 5px; display: inline-block; }
#cmntPanel .dashes .btns:nth-child(2)::before { content: '\f087'; font-family: fontawesome; color: #007aff; font-size: 23px; padding-top: 4px; /*background: url(../../Images/go.png)-68px -81px;*/ width: 34px; height: 34px; display: inline-block; }
#cmntPanel .dashes div:nth-child(2) { }
#cmntPanel .dashes .btns:nth-child(3)::before { content: '\f088'; font-family: fontawesome; color: red; font-size: 23px; padding-top: 4px; /*background: url(../../Images/go.png)-111px -82px;*/ width: 34px; height: 34px; display: inline-block; }
#cmntPanel .dashes div:nth-child(3) { color: red; }
#cmntPanel .dashes div:nth-child(3)::after { content: ''; display: inline-block; width: 1px; height: 18px; background: #f0f0f0; position: absolute; left: 0px; top: 15px; }
#cmntPanel .cmnt-item .dashes #cmntForm1 { padding: 0px; height: 0px; transition: 1s all; overflow: hidden; }
#cmntPanel .cmnt-item .dashes.opencomment #cmntForm1 { padding: 10px 10px 10px 10px; height: 200px; background: #f1f1f1; margin-top: 10px; }
#cmntPanel #cmntForm1 { display: none; }
#cmntPanel .opencomment #cmntForm1 { display: block; }
#cmntPanel #cmntForm1 .cmntCont { padding: 15px; background: #f9f9f9; margin-top: 10px; }
#cmntPanel #cmntForm1 .cmntCont .captcha { position: relative; }
#cmntPanel #cmntForm1 .cmntCont .captcha .image-container { position: absolute; left: 10px; top: 5px; }
#cmntPanel #cmntForm1 .cmntCont .form-group { margin-bottom: 5px; }

/*Menu*/
.menuRootUl .separator { /*height: 100%; left: 0; top: 0; position: absolute; width: 1px; background-color: red;*/ display: none; }
.menuRootUl ul.level1 { box-shadow: -1px 1px 5px gray; }
.menuRootUl .level1.lastChild > a .separator { display: none; }
.menuRootUl .statusicon { background-image: url(../images/MenuImages/plus-left.gif); background-repeat: no-repeat; background-position: center center; }
.menuRootUl .level1 > a .statusicon { width: 6px; height: 3px; background-image: url(../images/MenuImages/plus-Down.gif); background-repeat: no-repeat; background-position: center center; }
.menuRootUl li.selected { background: #cccccc; }


/*AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA*/





/*AddServiceToCart*/
.add-service-to-cart { width: 430px; height: auto; border: solid 0px; margin: auto; margin-top: 10px; font-size: 8pt; }
.add-service-to-cart .TopDiv { height: 120px; border: solid 0px; }
.add-service-to-cart .MiddleDiv { padding: 5px; border: solid 0px; text-align: right; }
.add-service-to-cart .MessageDiv { padding-top: 10px; border: solid 0px; color: red; }
.add-service-to-cart .ImageDiv { width: 110px; float: right; border: solid 0px; padding: 5px; }
.add-service-to-cart .TitleDiv { float: right; border: solid 0px; padding: 15px 5px 5px 5px; text-align: right; font-weight: bold; }
.add-service-to-cart .BottomDiv { width: 410px; height: auto; margin-top: 10px; padding-bottom: 5px; border: solid 0px; direction: rtl; }
.add-service-to-cart .Table { width: 400px; direction: rtl; text-align: right; border-collapse: collapse; }
.add-service-to-cart .CountTxt { border: solid 1px silver; font-size: 11px; }
.add-service-to-cart .attentioSpan { font-weight: bold; color: Red; }
.add-service-to-cart .AgreeDiv { width: 400px; direction: rtl; text-align: right; line-height: 16pt; }


/*AdsList*/
.ads-list .grid { text-align: center; }
.ads-list .column.index { width: 60px; }
.ads-list .column.id { width: 70px; }
.ads-list .column.type { }
.ads-list .column.payment-amount { }
.ads-list .column.status { }
.ads-list .column.date-of-add { }


/*AdsNew*/
.ads-new { }
.ads-new .page-title { }
.ads-new .form { }
.ads-new .container-table { }
.ads-new .form .column.label { width: 80px; text-align: left; vertical-align: top; }
.ads-new .form .column.field { }
.ads-new .form .column.field .wrapper { margin-top: 10px; }


/*AdsPayment*/
.ads-payment { }
.ads-payment .group-title { font-weight: bold; padding-bottom: 10px; }
.ads-payment .form .column.label { text-align: left; vertical-align: top; }
.ads-payment .form .column.field { }
.ads-payment .form .request-date { border: solid 1px black; padding: 5px; float: right; margin: 5px; }
.ads-payment .form .button.payment { }


/*AdsView*/
.ads-view { }
.ads-view .title { }
.ads-view .image { float: left; margin: 0 10px 10px 10px; }
.ads-view .description { }
.ads-view .details { margin: 20px 0 0 0; }
.ads-view .view-count { margin-top: 20px; }
.ads-view .container-table { margin: 10px 0 0 0; }
.ads-view .container-table .column.label { text-align: left; vertical-align: top; width: 80px; }
.ads-view .container-table .column.value { }


/*Agency*/
.agency .title { font-weight: bold; font-size: 20px; padding-right: 10px; border-right: 15px solid #eee; line-height: 30px; margin-right: 10px; margin-bottom: 20px; }
.agency .details { }
.agency .detail-row { padding: 0 3px; }
.agency .details .label { display: inline-block; width: 90px; text-align: right; color: #888; font-size: 14px; }
.agency .description { }
.agency .footer { font-size: 10px; color: Gray; border-top: dotted 1px silver; padding-top: 8px; }

/*AgencyList*/
.agency-list .flash-container { height: 350px; }
.agency-list .item { padding: 5px; border-bottom: dotted 1px silver; }
.agency-list .bullet { }
.agency-list a.link:link, .agency-list a.link:active, .agency-list a.link:visited { font-weight: bold; font-size: 19px; margin-bottom: 15px; margin-right: 10px; padding-right: 10px; border-right: 15px solid #eee; line-height: 30px; }
.agency-list a.title:hover { font-weight: bold; }
.agency-list .details { }
.agency-list .detail-row { padding: 0 3px; }
.agency-list .details .label { display: inline-block; width: 90px; text-align: right; color: #555; font-size: 14px; }
.agency-list .item-footer { font-size: 10px; color: Gray; padding-top: 8px; }



/*ArticleSubmit*/
.article-submit { }
.article-submit .container-table { }
.article-submit .form .column.label { width: 80px; text-align: left; vertical-align: top; }
.article-submit .form .column.field { }



/*BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB*/


/*Bid*/
.bid { }
.bid .header { background: none repeat scroll 0 0 #eeeeee; padding: 5px; }
.bid .header a { margin: 0 5px; }
.bid .image { float: right; margin: 0 0 10px 10px; }
.bid .file-wrapper { margin-top: 7px; }
.bid .footer { font-size: 10px; color: Gray; border-top: dotted 1px silver; margin-top: 15px; }
.bid .footer .source-wrapper { margin-top: 8px; }
.bid .footer .source { padding: 0 5px; }
.bid .footer .edition-wrapper { margin: 8px 5px; }
.bid .footer .edition { }
.bid .footer .date-wrapper { }
.bid .footer .start-date { margin-left: 10px; }
.bid .footer .end-date { }


/*BidArchive*/
.bid-archive { }
.bid-archive .item { padding: 5px; border-bottom: dotted 1px silver; margin-bottom: 10px; overflow: auto; }
.bid-archive .item-image { direction: ltr; margin-right: 20px; vertical-align: middle; }
.bid-archive .item-summary { text-indent: 15px; margin-top: 10px; }
.bid-archive a.link:link, .bid-archive a.link:active, .bid-archive a.link:visited { text-decoration: none; }
.bid-archive a.link:hover { text-decoration: none; }


/*BidList*/
.bid-list { }
.bid-list a.link.archive { }
.bid-list a.link.rss { }
.bid-list a.link:hover { text-decoration: none; color: #eeae39; cursor: pointer; }
.bid-list .item { padding: 5px; border-bottom: dotted 1px silver; margin-bottom: 10px; }
.bid-list .item .media-heading h2 { margin: 0; }
.bid-list .item .media-heading span { margin-right: 10px; line-height: 1.5em; }
.bid-list .item-image { margin-right: 20px; direction: ltr; vertical-align: middle; }
.bid-list .item-summary { text-indent: 15px; margin-top: 10px; }


/*BlogPost*/
.blog-post { }
.blog-post .header a { margin: 0 5px; }
.blog-post .header .date-wrapper { float: right; margin-left: 20px; }
.blog-post .header .icons { float: left; margin-left: 10px; }
.blog-post .blog-post-gallery { float: right; width: 100%; margin: 0 15px 5px 0; }
.blog-post .image { float: right; margin: 0 0 5px 15px; }

@media (max-width: 768px) {
    .blog-post .image { width: 100%; }
}

.blog-post .related-pictures { width: 100%; border-top: 1px dotted silver; padding-top: 10px; margin-top: 5px; }
.blog-post .related-pictures img { float: right; margin-right: 10px; }
.blog-post .footer { font-size: 10px; color: Gray; margin-top: 15px; vertical-align: middle; }
.blog-post .footer .blog-post-tags { float: right; }
.blog-post .footer .blog-post-info { float: left; }
.blog-post .footer .blog-post-info .source-wrapper { float: left; margin-left: 10px; }
.blog-post .footer .blog-post-info .source-wrapper .source { }
.blog-post .footer .blog-post-info .view-count { float: left; }
.blog-post-container { margin-bottom: 15px; }
.blog-post .similar-posts .item { margin: 10px 10px 0 0; }


/*BlogPostList*/
.blog-post-list { }
.blog-post-list .media { position: relative; border-top: 1px dotted silver; padding-top: 15px; }
.blog-post-list .media .author { float: left; margin-left: 20px; margin-top: 8px; }
.blog-post-list .media:first-child { border-top: none; }
.blog-post-list .summary { text-indent: 15px; padding: 0 5px 0 5px; }
.blog-post-list .footer { text-align: left; }

@media (max-width: 768px) {
    .blog-post-list .media .media-object, .blog-post-list .media a { width: 100%; }
}


/*CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC*/


/*Category*/
.Category { width: 100% !important; text-align: center; }
.Category .col-md-4 { max-width: 100%; }
.Category .Category-item { list-style: none; }
.Category .Category-item { position: relative; margin-bottom: 30px; padding: 10px; background: #f6f6f6; box-shadow: 0 4px 5px -2px #999; transition: all 0.2s ease-in-out; }
.Category .Category-item:hover { box-shadow: 0 4px 5px -5px #999; }
.Category .Category-item .Category-img { border: 1px solid transparent; position: relative; overflow: hidden; text-align: center; }
.Category .Category-item .Category-img a { display: block; background: #f6f6f6; width: 300px; height: 300px; min-width: 100%; }
.Category .Category-item .Category-img img { max-width: initial; transition: all 0.2s ease-in-out; height: 100%; width: auto; margin: auto; }
.Category .Category-item:hover .Category-img img { transform: scale(0.96); }
.Category .Category-item .Category-img span { position: absolute; right: 0; left: 0; bottom: -30px; text-align: center; color: #fff; font-size: 14px; transition: all 0.3s ease; text-transform: capitalize; background: #143846; }
.Category .Category-item .Category-name { margin-top: 12px; position: relative; }
.Category .Category-item .Category-name h3 { margin: 0; font-size: 18px; text-transform: capitalize; width: 100%; height: 50px; /*width: calc(100% - 50px);*/ }
.Category .Category-item .Category-name .Price-in { color: #000; font-weight: bold; text-align: center; display: block; margin-right: 5px; font-size: 15px; }
.Category .Category-item .Category-name .Price-in .line-through { color: red; }
.Category .Category-item .Category-name .Program-details { margin-top: 8px; }
.Category .Category-item .Category-name .Program-details i { margin-left: 5px; color: #b6a0cf; font-size: 20px; vertical-align: middle; }
.Category .Category-item .Category-name .Program-details span { display: block; text-align: right; line-height: 29px; }
.Category .Category-item .Category-name .stuff-status { color: #fff; line-height: 20px; position: absolute; left: 0; top: 0; visibility: hidden; }
.Category .Category-item .Category-name .stuff-status .label { font-weight: normal; }
.Category .Category-item:hover .Category-img span { bottom: 0; border-bottom: 1px solid #143846; border-top: 1px solid #143846; padding: 5px 0; opacity: 0.9; }



/*Cart*/

.mini-cart-summary { /*position: relative;*/ float: left; z-index: 100; margin: 0; }
.mini-cart-summary .show-cart-button { color: #888; font-size: 20px; box-shadow: 0 0 5px #ccc; border: none; /*display: block;*/ display: none; }
.mini-cart-summary .show-cart-button .items-count { font-size: 12px; }
.mini-cart-summary .mini-cart { position: absolute; top: 100%; left: 0; display: none; }
.mini-cart { width: 430px; max-width: 93vw; background: #FFFFFF; border: 1px solid #cbcbcb; border-radius: 0 0 5px 5px; /*box-shadow: 3px 3px 8px #e4e4e4;*/ padding: 10px; }
.mini-cart .label-td { font-size: 80%; font-weight: bold; }
.mini-cart .cart-items table { border-spacing: 0; }
.mini-cart th { font-weight: normal; text-align: center; border-bottom: 1px solid gray; padding-bottom: 10px; }
.mini-cart .cart-items table { width: 100%; }
.mini-cart .cart-item td { padding: 5px 10px; }
.mini-cart .cart-item td:nth-child(3) select { visibility: hidden; }
.mini-cart .cart-item td .remove { cursor: pointer; }
.mini-cart .cart-item .price .before-discount { text-decoration: line-through; }
.mini-cart .cart-item-options .option-title { float: right; }
.mini-cart .cart-item-options .option-value { float: right; margin-right: 5px; }
.mini-cart .cart-item-options .separator { float: right; text-align: center; width: 15px; }
.mini-cart .cart-item-options .option-separator { float: right; text-align: center; width: 7px; }
.mini-cart .button-wrapper { margin-top: 15px; text-align: center; }
.mini-cart .details { border-top: 1px solid #808080; margin-top: 15px; }
.mini-cart .details table { width: 100%; }
.mini-cart .details td.value { text-align: left; }
.mini-cart .details td.value span { direction: ltr; }
.mini-cart .result { border-top: 2px solid #808080; margin-top: 5px; }
.mini-cart .result table { width: 100%; }
.mini-cart .result td.value { text-align: left; }
.mini-cart .result td.value span { direction: ltr; }
.mini-cart .empty-cart { display: none; white-space: nowrap; }
#shop-cart { }
#shop-cart .cart-items-wrapper { border: 1px solid #B0B2B2; position: relative; padding: 8px 5px; margin-bottom: 18px; }
#shop-cart .cart-items-wrapper .empty-cart { padding: 28px; text-align: center; display: none; }
#shop-cart .part { }
#shop-cart .legend { background: white; display: inline-block; padding: 0 8px; position: absolute; right: 10px; top: -11px; }
#shop-cart #cart-items { margin-top: -28px; }
#shop-cart #cart-items > table { width: 100%; }
#shop-cart #cart-items > table th { text-align: center; }
#shop-cart #cart-items > table th:nth-child(5) { visibility: hidden; }
#shop-cart #cart-items > table th span { background: white; display: inline-block; margin-top: -5px; padding: 5px; font-weight: normal; font-size: 11px; }
#shop-cart #cart-items > table .separator { border-top: 1px dashed #808080; margin: 10px; }
#shop-cart .cart-item { }
#shop-cart .cart-item .image { }
#shop-cart .cart-item .image a { margin: 10px 0 10px 10px; }
#shop-cart .cart-item .specifications { vertical-align: top; }
#shop-cart .cart-item .specifications .cart-item-options { margin-top: 8px; }
#shop-cart .cart-item .specifications .option-title { text-align: left; }
#shop-cart .cart-item .specifications .option-value { }
#shop-cart .cart-item .specifications .remove { display: inline-block; margin: 15px 10px 0; cursor: pointer; color: red; }
#shop-cart .cart-item .specifications .remove .icon { margin-left: 5px; vertical-align: middle; }
#shop-cart .cart-item .specifications h2.title { margin: 0 10px 7px; }
#shop-cart .cart-item .specifications h2.title a { font-size: 15px; }
#shop-cart .cart-item .specifications .title.en { display: none; }
#shop-cart .cart-item .price { text-align: center; vertical-align: top; color: black; }
#shop-cart .cart-item .discount { text-align: center; vertical-align: top; }
#shop-cart .cart-item .count { text-align: center; vertical-align: top; visibility: hidden; }
#shop-cart .cart-item .total { text-align: center; vertical-align: top; color: #09804c; }
#shop-cart .info { }
#shop-cart .info #invoice-results { border: 1px solid #B0B2B2; position: relative; padding: 8px 5px; border-radius: 5px; float: left; }
#shop-cart .info #invoice-results > table { width: 285px; }
#shop-cart .info #invoice-results > table .separator { border-top: 2px solid gray; }
#shop-cart .info #invoice-results > table .label { text-align: right; }
#shop-cart .info #invoice-results > table .value { text-align: left; }
#shop-cart .info .navigation { float: right; margin: 50px 0px 0 0; }
#shop-cart .info .navigation .goto-stage-2 { }
#shop-cart .info .navigation .goto-stage-3 { }
#shop-cart .info .navigation .check-out { }
#shop-cart .shipping { border: 1px solid #B0B2B2; position: relative; padding: 10px 5px 8px; margin-bottom: 10px; display: none !important; }
#shop-cart .shipping .shipping-type { float: right; }
#shop-cart .shipping #shipping-cost { float: left; margin-left: 5px; }
#shop-cart .shipping #shipping-cost .shipment { padding: 0 5px; }
#shop-cart .shipping #target-location { display: none; float: right; margin-right: 10px; }
#shop-cart #shipping-address { border: 1px solid #B0B2B2; position: relative; padding: 8px 5px; margin-bottom: 10px; }
#shop-cart #shipping-address > table { width: 100%; margin-top: 20px; }
#shop-cart #shipping-address .titles { width: 40%; vertical-align: top; display: none; }
#shop-cart #shipping-address .titles .title-wrapper { margin-top: 5px; position: relative; }
#shop-cart #shipping-address .titles .title { background: #d0d0d0; border: 1px solid #808080; position: relative; padding: 15px; cursor: pointer; }
#shop-cart #shipping-address .titles .title.active { background: white; border-left: none; left: -4px; cursor: default; }
#shop-cart #shipping-address .details { width: 60%; padding-right: 8px; }
#shop-cart #shipping-address .details tr td:nth-child(2) { margin: 0 5px 5px 0; display: inline-block; }
#shop-cart #shipping-address .details tr td:nth-child(2) input { display: inline-block; }
#shop-cart #shipping-address .details tr td:nth-child(2) label { display: inline-block; }
#shop-cart .payment-type table { display: inline-block; vertical-align: middle; }
#shop-cart.empty .part.stage-1 { display: none; }
#shop-cart.empty .part.stage-2 { display: none; }
#shop-cart.empty .part.stage-3 { display: none; }
#shop-cart.empty .info { display: none; }
#shop-cart.empty .part.cart-items-wrapper { display: block; }
#shop-cart.empty #cart-items { display: none; }
#shop-cart.empty .empty-cart { display: block; }
#shop-cart.stage-1 .part { display: none; }
#shop-cart.stage-1 .stage-1 { display: block; }
#shop-cart.stage-2 .part { display: none; }
#shop-cart.stage-2 .stage-2 { display: block; }
#shop-cart.stage-3 .part { display: none; }
#shop-cart.stage-3 .stage-3 { display: block; }
#shop-cart.stage-3 .stage-3 input[type=radio] { position: initial; vertical-align: middle; margin-left: -10px; }
/*ChangePassword*/
.change-password { }
.change-password .container-table { }
.change-password .form .column.label { text-align: left; vertical-align: top; }
.change-password .form .column.field { }


/*Chat*/


/*#chat-box-header { display: block; position: fixed; bottom: 322px; right: 0px; width: 250px; padding: 3px 10px; color: white; font-size: 15px; cursor: pointer; border: 1px solid rgb(3, 84, 203); box-shadow: rgb(3, 84, 203) 0px 0px 7px inset; -webkit-box-shadow: rgb(3, 84, 203) 0px 0px 7px inset; border-top-left-radius: 5px; border-top-right-radius: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(5, 139, 245)), to(rgb(1, 94, 230))); }
#chat-box { position: fixed; bottom: 0px; right: 0px; width: 250px; height: 300px; padding: 10px; border: 1px solid rgb(3, 118, 238); opacity: 0.8; font-size: 14px !important; color: black !important; display: block; background-color: rgb(255, 255, 255); }
#chat-box-email {border: 1px solid #0354cb; border-radius: 3px; width: 100%;}
#chat-box-cmt {border: 1px solid #0354cb; border-radius: 3px;}
#chat-box-msg {height:265px;overflow:auto;}
#chat-box-input {height:35px;}
#chat-box-textinput{width:100%;height: 32px;border:1px solid #0354cb;border-radius: 3px;}*/
#chat-box { position: fixed; right: 30px; bottom: 90px; width: 270px; z-index: -50; visibility: hidden; opacity: 0; box-shadow: 0 0 10px #ccc; transition: all 0.5s ease-in-out; }
#chat-box.open { visibility: visible; z-index: 100; bottom: 100px; opacity: 1; }
#chat-box .panel-default > .panel-heading { color: #fff; background-color: #bf0f72; border-color: #bf0f72; }
#chat-box .panel-default > .panel-heading a { color: #fff; }
#chat-box .panel-default > .panel-heading a:hover { color: #ccc; }
#chat-box .panel { margin-bottom: 0; }
#chat-box .panel-body { overflow: auto; max-height: 250px; background: white; }
#chat-box .online { display: none; }
#chat-box.online .online { display: block; Outline: none; }
#chat-box.online .offline { display: none; }
#chat-box.online .online .input-group-btn button { max-width: 50px; }
#chat-box.online .online .input-group input { font-size: 13px; }
#chat-box .discussion { list-style: none; margin: 0; padding: 0; }
#chat-box .discussion li { overflow: hidden; padding: 5px 5px 10px; }
#chat-box .discussion .avatar { position: relative; width: 50px; height: 50px; display: inline; overflow: hidden; }
#chat-box .other .message:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #E5E5EA #E5E5EA rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px; content: ""; height: 0; position: absolute; left: -9px; top: 0; width: 0; }
#chat-box .other .message { margin-left: 62px; background: #E5E5EA; }
#chat-box .other .avatar { float: left; }
#chat-box .self .message { border-bottom-right-radius: 0; margin-right: 62px; background: #bf0f72; color: #ffffff; }
#chat-box .self .avatar { float: right; }
#chat-box .self .message:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #bf0f72 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #bf0f72; border-style: solid; border-width: 5px; top: 0; content: ""; height: 0; right: -9px; position: absolute; width: 0; }
#chat-box .avatar img { width: 100%; }
#chat-box .message { border-radius: 2px 2px 2px 2px; padding: 10px; position: relative; }
#chat-box .message p { font-size: 14px; margin: 0 0 0.2em; }
#chat-box .message time { color: #333333; font-size: 11px; }
#chat-box .self .message time { color: #ffffff; }

.chat-launcher { box-shadow: 0 0 8px #555; position: fixed; top: auto; left: auto; right: 30px; bottom: 30px; border-radius: 50%; background-color: #bf0f72; width: 60px; height: 60px; z-index: 200; }
.chat-launcher .chat-launcher-open-icon,
.chat-launcher .chat-launcher-close-icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; transition: .15s; }
.chat-launcher .chat-launcher-open-icon { background: url(/images/open-chat.png) no-repeat center; background-size: 50% !important; opacity: 1; visibility: visible; }
.chat-launcher .chat-launcher-open-icon.active,
.chat-launcher .chat-launcher-close-icon.active { transform: rotate(0) scale(1); opacity: 1; visibility: visible; }
.chat-launcher .chat-launcher-close-icon { background: url(/images/close-chat.png) no-repeat center; background-size: 14px; transform: rotate(0) scale(0); }
.chat-launcher .chat-launcher-close-icon.active { transform: rotate(-90deg) scale(1); }

/*CompareTemplate*/
.compare-template { }
.compare-template .well { margin-bottom: 0; }
.compare-template .compare-table { width: 100%; border-spacing: 1px; }
.compare-template .compare-table tr { border-top: 1px solid rgb(228, 228, 228); }
.compare-template .compare-table .items-row { border: none; }
.compare-template .compare-table .items-row.scroll-to-fixed-fixed { background: white; }
.compare-template .compare-table .items-row.scroll-to-fixed-fixed th { float: right; }
.compare-template .compare-table tr td { padding: 5px; }
.compare-template .compare-table tr th { text-align: right; }
.compare-template .compare-table td.value { font-size: 0.9em; }
.compare-template .compare-table tr:hover { padding: 5px; background: #e9e9e9; }
.compare-template .compare-table .column.title { color: #585858; min-width: 150px; width: 35%; padding-right: 10px; }
.compare-template .compare-table .column.title .group-title { font-weight: bold; color: #143846; }
.compare-template .compare-table .group-header .column.title { padding: 0; }
.compare-template .compare-table .group-header { border: none; }
.compare-template .compare-table .group-header:hover { background-color: white; }
.compare-template .compare-table .group-header .group-title { background: #00c7ac; color: white; font-size: 1em; padding: 5px 10px; font-weight: 700; transform: rotate(0deg); }
.group-title.text-container { }
.group-title.text-container { }


/*.compare-template { }
    .compare-template .compare-table { width: 100%; border-spacing: 1px; }
        .compare-template .compare-table .items-row.scroll-to-fixed-fixed { background: white; }
            .compare-template .compare-table .items-row.scroll-to-fixed-fixed th { float: right; }
        .compare-template .compare-table td { padding: 5px; background: white; border-bottom: 1px solid silver; }
            .compare-template .compare-table td.value {  }
        .compare-template .compare-table tr:hover td { padding: 5px; background: #e9e9e9; }
        .compare-template .compare-table .column.title { background: #e9e9e9; color: #585858; border-bottom: 1px solid silver; }
        .compare-template .compare-table .group-header .column.title { padding: 0; }
        .compare-template .compare-table .group-header .group-title { background: #09C8B7; color: white; font-size: 10pt; padding: 5px; font-weight: 700; }*/
.compare-template .top-right-cell { padding: 5px; }
.compare-template .compare-td-2 { width: 50%; }
.compare-template .compare-td-3 { width: 33.33334%; }
.compare-template .compare-td-4 { width: 25%; }
.compare-template .compare-td-5 { width: 20%; }
.compare-template .compare-td-6 { width: 16.66667%; }
.compare-template .compare-td-6 .compare-item { min-height: 135px; }
.compare-template .compare-item { text-align: center; min-height: 120px; position: relative; margin: auto; margin-bottom: 5px; }
.compare-template .compare-item .title { color: #2c2c2c; margin: 10px 5px 5px 10px; }
.compare-template .compare-item:hover { border: 1px solid #606060; }
.compare-template .compare-item .remove { display: block; height: 16px; left: 10px; position: absolute; top: 5px; width: 16px; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); color: red; }
.compare-template .compare-item:hover span.remove { opacity: 1; filter: alpha(opacity=100); }
.compare-template .compare-item a { display: block; }



/*Contact*/





/*EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/


/*EditInPlace*/
.edit-in-place.toolbar .toolbar-button { height: 22px; width: 22px; border: none; background: url(/images/admin/glyphicons-halflings-white.png) no-repeat; cursor: pointer; }
.edit-in-place.toolbar .save { background-position: -68px -92px; }
.edit-in-place.toolbar .save.saved { background-position: -284px 4px; cursor: auto; }
.edit-in-place.toolbar .edit { background-position: -90px -68px; }
.edit-in-place.toolbar .edit-in-panel { background-position: 4px -68px; }
.edit-in-place.toolbar .cancel { background-position: -212px -92px; }


/*FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF*/





/*ForumPostList*/
.forum-post-list { }
.forum-post-list .thanked-by { display: inline-block; }
.forum-post-list .footer { margin-top: 15px; }


/*ForumList*/
.forum-list { }
.forum-list .forum-title { font-weight: bold; font-size: 16px; padding-top: 7px; }
.forum-list .media + .media { border-top: 1px solid gray; padding-top: 15px; }
.forum-list .media-heading.forum-title a { color: #3967A4; font-weight: bold; }
.forum-list .media i { color: #30716B; }
.forum-list .media img { width: 64px; }
.forum-list .description { font-size: 1em; }
.forum-list .sub-forums { padding: 0; }
.forum-list .sub-forum { margin-right: 14px; list-style: none; }
.forum-list .sub-forum i { color: rgb(57, 103, 164); }
.forum-list .sub-forum a { color: #3967A4; }
.forum-list .forum-data { border-left: 1px dotted silver; }
.forum-list .latest-post { border-right: 1px dotted silver; }
.forum-list .nav-tabs { margin: 0; padding: 0; border: 0; margin-right: 2px; }
.forum-list .tab-pane { border-radius: 0; padding: 10px; border: 1px solid rgb(221, 221, 221); }
.forum-list .panel { border: none; -webkit-box-shadow: none; box-shadow: none; }
.forum-list .panel-default { border: none; }

@media (max-width: 768px) {
    .forum-list .statistics { padding-top: 15px; padding-bottom: 15px; }
}

@media (max-width: 420px) {
    .forum-list .nav-tabs li { font-size: 10px; }
}


/*Forum*/
.forum { }
.forum .posts { margin-top: 15px; }
.forum .posts .buttons i { margin-right: 5px; }
.forum .posts .buttons .forum-rss { color: orange; }
.forum .posts .buttons .forum-lock { color: gray; }
.forum .posts .buttons .forum-remove { color: red; }
.forum .no-posts { }
.forum .pager-wrapper { text-align: center; }
.forum .post-icon { width: 43px; height: 43px; position: relative; display: block; color: rgb(57, 103, 164); }
.forum .post-icon.hot { background: url('/images/post-hot.png'); }
.forum .post-icon .lock { display: none; width: 13px; height: 13px; position: absolute; top: 23px; left: 9px; }
.forum .post-icon.closed .lock { display: block; font-size: 20px; }
.forum .rss { background: url('/images/rss.gif'); width: 30px; height: 14px; }
.forum .create-new-subject { text-align: center; background-color: #0359a6; width: 120px; height: 22px; float: left; border: solid 1px #01a5eb; }
.forum .create-new-subject a { color: white; }
.forum .grid-view { }
.forum .column.props { width: 32px; text-align: center; }
.forum .header.props { width: 32px; }
.forum .column.title { }
.forum .column.title a { font-weight: bold; font-size: 11px; color: #045ba2; }
.forum .header.title { }
.forum .column.last-post-date { }
.forum .header.last-post-date { }
.forum .column.reply-count { text-align: center; }
.forum .header.reply-count { text-align: center; }
.forum .column.view-count { text-align: center; }
.forum .header.view-count { text-align: center; }
.forum .column.lock { text-align: center; }
.forum .header.lock { text-align: center; }
.forum .column.delete { text-align: center; }
.forum .header.delete { text-align: center; }
.forum .list-group-item .post-title { border-left: 1px dotted silver; }
.thread h1 { font-size: 24px; margin-top: 0; }
.thread h2 { font-size: 20px; }
.thread .body { font-size: 18px; color: gray; }
.thread .number.date { font-size: 14px; }
.thread .post-actions { font-size: 14px; }
.thread .post-body { padding: 10px 0; }
.thread .user-name, .thread .posts-number { margin-top: 5px; font-size: 13px; }
.thread .blockquote { font-size: 15px; }
.thread .thanked-by { display: inline-block; }
.thread .thanks { }


/*GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG*/






/*Module Gallery*/
.module-gallery .gallery-item { position: relative; margin-bottom: 10px; display: block; }
.module-gallery .gallery-item:hover .play { opacity: 1; }
.module-gallery .gallery-item .play { position: absolute; width: 100%; height: 100%; top: 0; background-color: rgba(0,0,0,0.3); opacity: 0; transition: 0.3s all; z-index: 3; }
.module-gallery .gallery-item .play i { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; color: white; }


/*JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ*/


/*JobRequest*/
.job-request { }
.job-request .form .column.label { text-align: left; vertical-align: top; width: 240px; }
.job-request .form .required { color: red; }
.job-request .form .column.field { }


/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/


/*ImagesUc*/
ul.images { margin: 0 0 20px 0; padding: 0; }
li.image-wrapper { margin: 0; padding: 0; list-style: none; }


/*LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL*/





/*MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/


/*Menu*/
.menu { }
.menu .data-list { border-top: 1px dotted gray; margin-top: 20px; }
.menu .sub-menu-item { padding: 10px; }
.menu .sub-menu-item .link { }
.menu .RadEditor { padding: 0; }
.menu .RadEditor .reModule { text-align: left; direction: ltr; height: auto !important; }
.menu .RadEditor .reModule .reTextarea { text-align: left; direction: ltr; margin-left: 0.5%; }
.menu .RadEditor .reContent { border: none !important; background-color: transparent !important; }
/*.menu .RadEditor .reContentCell:hover{margin:-1px!important;border:1px dotted #ff0000!important;border:1px dotted rgba(255,0,0,.4)!important;background-color:transparent!important;}*/
.menu .reWrapper:not(.reFullScreen) { border: none !important; background-color: transparent !important; overflow: hidden; }
.menu .reWrapper.reFullScreen { padding-top: 29px; }
.menu .reWrapper .rrHandle { background: rgba(34, 146, 245, 0.76); }
.menu .RadEditor .reModule.reRow { margin: 0; }
.menu .RadEditor .reContentArea { padding: 0; direction: rtl; }
.menu .RadEditor .reContentArea + .reTextArea { font-family: tahoma; }
.menu .RadEditor .reBottomProperties { direction: ltr; }
.menu .RadEditor .reTextArea { direction: ltr; text-align: left; border: 1px solid; color: inherit; }
.menu .RadEditor_MetroTouch { font-size: inherit; font-family: inherit; }
.RadEditor.reToolbarWindow { padding-top: 6px; }
.RadEditor .rwContent { direction: ltr; }
.RadEditor .reDropdown { height: 1.86em; width: 7.7em; }
.RadEditor .reDropdown.reRealFontSize { width: 4em; }
.RadEditor .reDropdown.reZoom { width: 4.7em; }
.RadEditor .reToolIcon:before { line-height: 1.65em; }
.RadWindow .rwTitleBar .rwTitleWrapper { height: 2.2em; }
.RadWindow .rwTitleWrapper .rwTitle { line-height: 2.1em; }
.RadWindow .rwTitleWrapper .rwIcon { top: 0.5em; }
.RadWindow .reSave:before { content: "\e603"; }
.RadWindow .reCancel:before { content: "\e661"; }
.RadWindow .reJustify:before { content: "\e609"; }
.RadEditor .reRTL:before { content: "\e660"; }
.reDropDownBody { direction: ltr; box-sizing: content-box; }
.reDropDownBody .reRTL:before { content: "\e660"; }
.reDropDownBody .reLTR:before { content: "\e659"; }


/*Mega Menu*/
/*#menu-img { float: left; padding: 15px; transition: 0.5s all; width: 15%; }
.menu-bg { background: url(../images/MenuImages/menu-bg.png); height: 31px; padding-top: 5px; }
.mega-menu a { text-decoration: none; }
.mega-menu { list-style: none; margin: 0; padding: 0; max-width: 1180px; margin: auto; }
.mega-menu ul { list-style: none; margin: 0; padding: 0; }
.mega-menu li { list-style: none; margin: 0; padding: 0; }
.mega-menu li.separator { height: 42px; width: 2px; margin: 0 4px; background: url(../Images/MenuImages/separator.png) top left no-repeat; }
.mega-menu li.level1 > a { height: 40px; width: 100px; padding: 4px; display: inline-block; }
.mega-menu li.level1 > a.mm-item-link-hover { background: #f5f5f5; }
.mega-menu li.level1 > a span.title { height: 40px; display: block; padding: 6px 12px 0 0; color: #3c3c3c; }
.mega-menu li.level1 > a.mm-item-link-hover span.title { background: #f5f5f5; color: #001262; }
.mega-menu ul.level2 { white-space: nowrap; padding: 7px; width: 85% !important; max-width: 1180px; overflow: auto; }
.mega-menu li.level2 { float: right; padding: 10px 10px 10px 10%; min-width: 140px; margin-bottom: 18px; }
.mega-menu li.level2 > a { display: block; color: #181a1a; padding: 3px 0 0 8px; font-size: 1em; margin-bottom: 14px; }
.mega-menu li.level2 li { padding: 4px 0; font-size: 0.9em; margin-top: 10px; }
.mega-menu .level2-dropdown-menu { position: absolute; min-height: 250px; right: 0; width: 100%; top: 40px; left: 0; border-radius: 10px; box-shadow: 0 2px 3px #444; background: #f5f5f5;}
.mega-menu li.clearfx { clear: both; }
.mega-menu li.last-column { border: none; }
.mega-menu .plus { padding-left: 8px; }
.mega-menu a.mm-item-link-hover .plus { padding-left: 8px; }*/


/*NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN*/






/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/


/*OccasionRotatorCtrl*/
.occasion-rotator-ctrl { }
.occasion-rotator-ctrl .item { text-align: right; direction: rtl; display: block; }


/*OrganizationChart*/
.organization-chart .chart table { width: 100%; }
.organization-chart .chart tr.lines td.line { width: 1px; height: 20px; }
.organization-chart .chart tr.lines td.top { border-top: 3px solid black; }
.organization-chart .chart tr.lines td.left { border-left: 2px solid black; }
.organization-chart .chart tr.lines td.right { border-right: 2px solid black; }
.organization-chart .chart td { text-align: center; vertical-align: top; padding: 0 2px; }
.organization-chart .chart a.node { cursor: pointer; border: 2px solid black; display: inline-block; background-color: #ffffcf; border-radius: 8px; box-shadow: 4px 4px 6px #888888; -moz-border-radius: 8px; -moz-box-shadow: 4px 4px 6px #888888; -webkit-border-radius: 8px; -webkit-box-shadow: 4px 4px 6px #888888; direction: rtl; padding: 15px; }
.organization-chart .chart a.node:hover { background-color: #ffe8e8; }
.organization-chart .chart .tooltip { display: none; background: url('../Images/Tooltip/white_arrow_big-right.png'); background-repeat: no-repeat; width: 344px; height: 216px; font-size: 11px; color: black; z-index: 10000; }
.organization-chart .chart .content { margin: 15px 35px 5px 20px; white-space: normal; text-align: justify; }
.organization-chart .chart .picture { float: right; margin: 0 0 5px 10px; }


/*PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP*/




/*Path*/
.path { }
.path .node { display: inline-block; }






/*PostAddEdit*/
.post-add-edit { }
.post-add-edit .header { border: 1px dotted gray; padding: 5px; }
.post-add-edit .post-title { color: Black; }
.post-add-edit .form { margin-top: 15px; }
.post-add-edit .form .label { vertical-align: top; display: inline-block; width: 40px; text-align: left; }
.post-add-edit .form .row { margin-top: 12px; }
.post-add-edit .form .row .cleditorMain { display: inline-block; }
.post-add-edit .form .row textarea { direction: ltr; text-align: left; }
.post-add-edit .row { }
.post-add-edit .row.action { text-align: center; }
.post-add-edit .submit.button { width: 73px; }
.post-add-edit .chkbox-close { }
.post-add-edit .alert .forum-message { line-height: 2.5em; }







/*RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR*/


/*RadEditor*/
.reDropDownBody { text-align: left; direction: ltr; }





/*Rate*/
.rate .score-title { }
.rate .score-value { font-size: 20pt; }
.rate .vote-value { display: none; }
.rate .vote-title { display: none; }
.rate .icons img { vertical-align: middle; }


/*RssFeed*/
.rss-feed { }
.rss-feed .column.titles { background-color: #c8dfee; width: 230px; padding: 5px; vertical-align: top; }
.rss-feed .column.content { background-color: #ffffff; padding: 5px; margin-right: 10px; }
.rss-feed h1.title { font-size: 16px; }
.rss-feed h2.title { font-size: 14px; }
.rss-feed h3.title { }
.rss-feed .minimeFeed li { }
.rss-feed a.rfLink:link, a.rfLink:visited, a.rfLink:active { display: inline-block; width: 200px; border: solid 1px #c8dfee; text-decoration: none; margin: 0; line-height: 18px; padding: 2px 5px; }
.rss-feed a.rfLink:hover, a.rfLink.selected { display: inline-block; width: 200px; border: solid 1px #c0d8e4; background-color: #cfdfef; text-decoration: none; color: #28639c; margin: 0; line-height: 18px; padding: 2px 5px; }
.rss-feed a.rfMorelink:link, a.rfMorelink:visited, a.rfMorelink:active { text-decoration: none; }
.rss-feed a.rfMorelink:hover { text-decoration: none; }


/*RssRead*/
.rss-read #updProgress { z-index: 11000; left: 45px; top: 5px; position: absolute; border: Solid 1px #4682B4; background-color: #FFFAFA; vertical-align: middle; text-align: right; width: 180px; height: 15px; padding: 5px 5px 8px 5px; direction: ltr; }
.rss-read #updProgress SPAN { font-size: 0.8em; font-weight: bold; text-align: left; padding-left: 5px; margin-bottom: 10px; }
.rss-read { width: 980px; height: 737px; margin: auto; text-align: right; direction: rtl; position: relative; }
.rss-read .column.titles { background-color: #c8dfee; width: 270px; padding: 5px; float: right; position: relative; }
.rss-read .titles { width: 270px; padding-top: 30px; }
.rss-read .content { background-color: #ffffff; width: 690px; padding: 5px; float: left; }
.rss-read .h2.title { font-size: 14px; }
.rss-read .description { }
.rss-read a.rrLink:link, a.rrLink:visited, a.rrLink:active { display: inline-block; width: 248px; height: 20px; border: solid 1px #c8dfee; text-decoration: none; padding-right: 5px; margin: 0; line-height: 18px; }
.rss-read a.rrLink:hover { display: inline-block; width: 248px; height: 20px; border: solid 1px #c0d8e4; background-color: #cfdfef; text-decoration: none; color: #28639c; padding-right: 5px; margin: 0; line-height: 18px; }
.rss-read a.rrMorelink:link, a.rrMorelink:visited, a.rrMorelink:active { text-decoration: none; }
.rss-read a.rrMorelink:hover { text-decoration: none; }


/*SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS*/


/*Search*/
.autocomplete-w1 { background: url(../Images/autocompleteShadowRtl.png) no-repeat bottom left; position: relative; top: 3px; padding: 0 0 6px 6px; display: none; /* IE6 fix: */ _background: none; _margin: 1px 0 0 0; }
.autocomplete { border: 1px solid #d1d1d1; background: #fff; color: #6a6a6a; cursor: default; text-align: right; max-height: 350px; overflow-x: hidden; overflow-y: auto; position: relative; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
.autocomplete .selected { background: #dddddd; }
.autocomplete .item { padding: 5px 5px; white-space: nowrap; line-height: 2em; /*overflow: hidden;*/ border-bottom: 1px solid whitesmoke; }
.autocomplete .title { white-space: nowrap; line-height: 2em; /*overflow: hidden;*/ }
.autocomplete .type { padding: 2px 5px; white-space: nowrap; float: right; line-height: 2em; /*overflow: hidden;*/ }
.autocomplete .summary { white-space: normal; text-align: justify; line-height: 1.3em; }
.autocomplete img { float: right; margin-left: 5px; }
.autocomplete strong { font-weight: normal; color: #3399FF; }
.autocomplete-search-input { width: 245px; background-color: #ededed; border: 1px solid #606060; color: #6a6a6a; padding: 3px; }
span.hilite { background-color: yellow; }
.search { }
.search .message { color: red; }
.search .data-list { }
.search .item { margin-bottom: 20px; }
.search .item .module { }
.search a.link:hover { text-decoration: none; color: #eeae39; font-weight: bold; cursor: pointer; }
.search .item-summary { padding: 0 5px 0 5px; text-indent: 15px; }
.searchCtrl1 { direction: rtl; text-align: right; padding-top: 5px; }
.searchCtrl2 { background-image: url(../Images/search.png); border: none; background-color: transparent; height: 23px; width: 24px; margin-bottom: 0; }
.searchCtrl3 { padding-left: 0; width: 30px; text-align: right; padding-top: 8px; }
.searchCtrl4 { width: 160px; padding-top: 8px; padding-right: 8px; text-align: justify; direction: rtl; }


/*SearchTemplate*/


/*.search-template .searched-items .item .title-english a { color: #808080; }*/
.search-template #results.expanded .searched-items [class*=col-] { width: 100%; }
.search-template #results.expanded .searched-items .item { height: auto; width: 100%; /* min-height: 250px; */ padding-right: 10px; }
.search-template #results.expanded .searched-items .item .image-wrapper { width: 20%; float: right; }
.search-template #results.expanded .searched-items .item .image-wrapper img { width: 100%; border-radius: 0 10px 10px 0; }
.search-template #results.expanded .searched-items .item .compare { display: block; }
.search-template #results.expanded .searched-items .item:hover { }
.search-template #results.expanded .searched-items .item .specification .product-status { color: #444; }
.search-template #results.expanded .searched-items .item:hover .specification { background: none; }
.search-template #results.expanded .searched-items .item .title { font-weight: bold; }
.search-template #results.expanded .searched-items .item .title-english { color: #808080; direction: ltr; font-size: 1em; text-align: right; }
.search-template #results.expanded .searched-items .item .options { text-align: center; padding: 10px; float: right; }
.search-template #results.expanded .searched-items .item .specification { padding: 15px; float: right; text-align: right; background: none; height: 100%; position: relative; }
.search-template #results.expanded .searched-items .item .specification a { color: #444; }
.search-template #results.expanded .searched-items .item .specification .product-status { }
.search-template #results.expanded .searched-items .item .main-specifications { font-size: 8pt; padding: 7px 3px 2px 2px; display: block; }
.search-template #compare-list { }
.search-template #compare-list a.compare-item { float: right; margin: 0 10px 15px; padding: 6px; text-align: center; width: 120px; height: 125px; position: relative; cursor: auto; }
.search-template #compare-list a.compare-item:hover { border: 1px solid #606060; }
.search-template #compare-list a.compare-item span.title { display: block; cursor: pointer; }
.search-template #compare-list a.compare-item img { cursor: pointer; }
.search-template #compare-list a.compare-item span.remove { display: block; height: 16px; left: 4px; position: absolute; top: 5px; width: 16px; background: url(../images/compare/close_delete.png) no-repeat; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); }
.search-template #compare-list a.compare-item:hover span.remove { opacity: 1; filter: alpha(opacity=100); }

.search-template .stuff-sidebar { display: none; }



/*SendMessage*/
.send-message { }
.send-message h1 { font-size: 2em; margin-bottom: 1em; }








/*Sitemap*/
.sitemap { }
.sitemap .tree { }
.sitemap .tree a.node { color: black; }
.sitemap .tree a.node:hover { text-decoration: underline; }
.sitemap .tree .node-text { padding-right: 5px; }


/*Similar Items*/
.similar-stuff .similar-title { text-align: center; box-shadow: none; color: #fff; font-size: 20px; padding: 9px; background-color: #143846; }
.similar-items { padding: 0; margin-top: 15px; direction: rtl !important; }
.similar-items .item { list-style: none; float: right; width: 100%; border-bottom: 1px solid #eee; padding-right: 15px; border-radius: 5px; transition: all 0.2s ease-in-out; }
.similar-items .item:hover { background: #efe6f8; }
.similar-items .item img { padding: 15px; opacity: 1; transition: all 0.2s ease-in-out; }
.similar-items .item:hover img { opacity: 0.8; }
.similar-items .item a { text-align: center; display: inline-block; }
.similar-items .item .title { font-size: 1.1em; color: #232323; }
.similar-items .item .view-stuff { background: #0f58a8; padding: 10px; margin: 15px 7px; color: white; display: block; transform: rotate(0deg); }
.similar-items .item .product-priority { display: inline-block; width: 30px; height: 30px; padding-top: 3px; text-align: center; border: 1px solid #eee; border-radius: 50%; background: #f9f9f9; vertical-align: middle; margin: 10px 0 10px 20px; transition: all 0.3s ease-in-out; }
.similar-items .item:hover .product-priority { background: #143846; border: 1px solid #143846; color: #fff; }
.similar-items .item .product-name { display: inline-block; }
.similar-items .item .summary { /*display: block;*/ font-size: 12px; color: #555; display: none; }
.similar-items .owl-nav > div { position: absolute; top: 50%; font-size: 1.5em; padding: 5px; cursor: pointer; margin-top: -21px; }
.similar-items .owl-prev { right: 0; }
.similar-items .owl-next { left: 0; }
.similar-items .owl-item { text-align: center; float: right !important; }


/*SomeText*/
.someText { position: relative; border: 1px dotted transparent; margin: 0px; }
.someText[id]:hover { border: 1px dotted #ff0000; margin: 0px; }
.someText.editing { border: 1px dashed orange; margin: 0px; }
.someText .toolbarWrapper { position: absolute; top: 0; left: 0; width: 100%; }
.someText .toolbar { position: absolute; top: 0; left: 0; direction: ltr; text-align: left; }
.someText .toolbar .toolbar-button { height: 24px; width: 24px; border: none; background-repeat: repeat; cursor: pointer; }
.someText .toolbar .save { background: url(/images/admin/saveIcon.png); }
.someText .toolbar .save.saved { background-position: 0 -24px; cursor: auto; }
.someText .toolbar .edit { background: url(/images/admin/editIcon.png); }


/*Sliding Panel*/
.main-controls { background: url(../images/admin/main-controls-bg.png) repeat-x 0 0; height: 29px; top: 0; z-index: 99999; }
.main-controls a { color: white; }
.main-controls a:hover { color: #cccccc; }
.main-controls ul.controls { display: block; height: 29px; line-height: 28px; color: white; margin: 0; padding: 0; overflow: hidden; }
.main-controls ul.controls li { text-align: center; padding: 0; list-style: none; }
.main-controls ul.controls li.right { float: right; }
.main-controls ul.controls li.left { float: left; }
.main-controls ul.controls li a#exit img { vertical-align: middle; }
.main-controls ul.controls li a.sliding-box { height: 22px; line-height: 22px; margin-top: 4px; padding: 0 0 0 4px; display: inline-block; background: url(../Images/admin/sp-mcontrol-bg-left.png) top left no-repeat; }
.main-controls ul.controls li a.sliding-box span.title { height: 22px; display: block; padding: 0 6px 0 0; color: white; background: url(../Images/admin/sp-mcontrol-bg-right.png) top right no-repeat; }
.main-controls ul.controls li a.sliding-box img { vertical-align: middle; margin-top: -3px; }
.main-controls ul.controls li.separator { height: 29px; width: 2px; background: url(../images/admin/sp-separator.png); }
.main-controls ul.controls li.control { padding: 0 10px; }
.main-controls ul.controls li.control .icon { vertical-align: middle; background: url('../images/admin/glyphicons-halflings-white.png') no-repeat; width: 22px; height: 22px; display: inline-block; }
* + html .main-controls ul.controls li.control .icon { height: 18px !important; }
.main-controls ul.controls li.control .icon.exit { background-position: -380px 3px; }
.main-controls ul.controls li.control .icon.user { background-position: -164px 2px; }
.main-controls ul.controls li.control .icon.info { background-position: -116px -94px; }
.main-controls li#pin { width: 30px; }
.main-controls a.pin-toggle { width: 20px; height: 20px; line-height: 20px !important; cursor: pointer; display: inline-block; margin-top: 5px; background: url(../images/admin/pin.png) no-repeat left 0; }
.main-controls a:hover { background-position: left -19px; }
.main-controls a.pinned { background-position: left -19px; }
.main-controls a.pinned:hover { background-position: left 0; }
.main-controls li#toggle { width: 56px; }
.main-controls a.open, .main-controls a.close-setting-panel { width: 20px; height: 20px; line-height: 20px !important; cursor: pointer; display: inline-block; margin-top: 5px; }
.main-controls a.open { background: url(../images/admin/bt_open.png) no-repeat left 0; }
.main-controls a.close-setting-panel { background: url(../images/admin/bt_close.png) no-repeat left 0; }
.main-controls a.open:hover { background: url(../images/admin/bt_open.png) no-repeat left -19px; }
.main-controls a.close-setting-panel:hover { background: url(../images/admin/bt_close.png) no-repeat left -19px; }
#settingPanel { position: fixed; top: 0; width: 100%; z-index: 99999; opacity: 0.99; filter: alpha(opacity=99); }
#statistic-panel { transition: 0.5s all ease-in-out; position: fixed; top: 10%; right: -300px; width: 300px; z-index: 99998; opacity: 0.98; filter: alpha(opacity=98); box-shadow: none; border-radius: 3px 0 0 3px; max-height: 80%; height: 100%; margin-bottom: 0; }
#statistic-panel.open { right: 0; box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.14); }
#statistic-panel .content { max-height: 100%; overflow-y: auto; overflow-x: hidden; }
#statistic-panel .panel-toggle { transition: 0.5s all ease-in-out; box-shadow: none; background: white; cursor: pointer; height: 44px; width: 35px; left: -35px; position: absolute; top: 46px; width: 35px; border: 1px solid rgba(23, 24, 26, 0.15); border-right: none; border-radius: 5px 0 0 5px; line-height: 50px; text-align: center; color: #007AFF; font-size: 14px; }
#statistic-panel.open .panel-toggle { box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.14); }
#statistic-panel .panel-toggle .glyphicon { display: none; }
#statistic-panel.closed .panel-toggle .glyphicon-chevron-left { display: initial; }
#statistic-panel.open .panel-toggle .glyphicon-chevron-right { display: initial; }
#statistic-panel .list-group-item label { color: #AAA9A9; font-size: 0.8em; }
#statistic-panel .list-group-item .value { text-align: right; }
#statistic-panel .list-group-item .value a { margin-left: 15px; }
#statistic-panel .list-group-item .value .label { margin: 5px 0 0 5px; display: inline-block; }
#statistic-panel .list-group-item .alert { padding: 5px; font-size: .9em; margin-bottom: 0; }
#statistic-panel .list-group-item .alert i { margin-left: 5px; font-size: 0.8em; }
#spUserInfo { display: none; }
#spSupport { display: none; width: 250px; height: 250px; }
#spUserInfo .info-row { height: 32px; line-height: 32px; border-bottom: 1px solid #e4e4e4; }
#spUserInfo .info-row.last { border-bottom: none; }
#panelContainer { height: 0; width: 100%; margin: auto; color: #bf0f72; background: #F4F4F4; overflow: hidden; position: relative; z-index: 3; border-radius: 0 0 3px 3px; box-shadow: 1px 3px 4px gray; }


/*Specification*/
.specification-wrapper { }
.specification-wrapper .well { margin-bottom: 0; }
.specification-wrapper .specification-table { width: 100%; border-spacing: 1px; margin-top: 20px; }
.specification-wrapper .specification-table tr { border-top: 1px solid rgb(228, 228, 228); transition: all 0.1s ease-in-out; }
.specification-wrapper .specification-table tr td { padding: 5px; }
.specification-wrapper .specification-table td.value { }
.specification-wrapper .specification-table tr:hover { /*padding: 5px;*/ background: #e9e9e9; }
.specification-wrapper .specification-table .column.title { color: #143846; min-width: 150px; width: 35%; padding-right: 10px; font-weight: bold; }
.specification-wrapper .specification-table .group-header .column.title { padding: 0; }
.specification-wrapper .specification-table .group-header { border: none; }
.specification-wrapper .specification-table .group-header:hover { background-color: white; }
.specification-wrapper .specification-table .group-header .group-title { background: #E8B61F; color: white; font-size: 1em; padding: 5px 10px; font-weight: 700; transform: rotate(0deg); }


/*TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/


/*ThreadView*/
.thread { }
.thread #first-post { margin-top: 15px; }
.thread #replies { list-style: none; padding: 0; }
.thread .header { background-color: #0359a6; padding: 5px; border: solid 1px #01a5eb; }
.thread .thread-title { color: #ffffff; }
.thread .first-post-body { min-height: 65px; padding: 5px; color: White; }
.thread .action-controls .btn + .btn { margin-left: 10px; }
.thread .post-action-controls { padding: 5px 5px 0 5px; }
.thread .post-action-controls .edit-post { }
.thread .post-action-controls .delete-post { }
.thread .grid-view { clear: both; }
.thread .grid-view .column.user { width: 120px; vertical-align: top; padding: 5px; }
.thread .user-details { font-size: 11px; }
.thread .user-details .post-count { }
.thread .user-details .post-count-dscp { }
.thread .grid-view .column.post { vertical-align: top; border-right: dashed 1px #0b198d; padding: 10px; }
.thread .grid-view .column.post .quote-post { color: #045ba2; }
.thread .grid-view .column.post .post-title { font-weight: bold; font-size: 11px; margin-bottom: 3px; }
.thread .grid-view .column.post .post-body { margin-bottom: 15px; }
.thread .grid-view .empty-wrapper { background-color: #00adef; padding: 5px; font-size: 11px; border: solid 1px #01a5eb; }


/*UUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU*/
.unclickable { /*pointer-events: none;*/ cursor: default; }


/*UserInfo*/
.user-info { }
.user-info h1 { font-size: 2em; margin-bottom: 1em; }


/*UserPanel*/
.main-content-wrapper.user-panel { padding: 0; }
.user-panel h1 { font-size: 2em; margin-bottom: 1em; }
.user-panel .header-holder { margin-bottom: 30px; }
.user-panel .header-holder .welcome-user { display: inline-block; font-size: 22px; font-weight: bold; direction: rtl; vertical-align: top; line-height: 48px; margin: 10px 0 10px 15px; }
.user-panel .header-holder .shop-link-botton { text-align: left; display: inline-block; width: auto; min-width: 250px; margin: 10px 0px 10px 0; vertical-align: top; }
.user-panel .header-holder .shop-link-botton .my-button a { background: #bf0f72; color: #fff; border: 1px solid transparent; vertical-align: top; cursor: pointer; line-height: 28px; text-align: center; font-size: 18px; font-weight: bold; display: inline-block; width: 100%; /*max-width: 250px;*/ border-radius: 40px; padding: 8px 25px; transition: all 0.3s ease; }
.user-panel .header-holder .shop-link-botton .my-button a:hover { background: #fff; color: #bf0f72; border: 1px solid #bf0f72; }
.user-panel .nav-menu-container { padding: 0; }
.user-panel .nav-menu > li { border: 0 none; display: block; margin: 0; padding: 0; }
.user-panel .nav-menu > li.active > a { background: #ef3237 !important; border-top: medium none !important; color: #fff; }
.user-panel .nav-menu > li > a .selected { display: none; }
.user-panel .nav-menu > li.active > a .selected { display: block; position: absolute; top: 0; right: 100%; margin-right: -2px; }
.user-panel .nav-menu > li.active > a .selected:before { color: #ef3237; font-size: 41px; line-height: 41px; }
.user-panel .nav-menu li > a > .icon-arrow { float: left; }
.user-panel .nav-menu > li.active > a i { color: #fff; }
.user-panel .nav-menu > li a > i { color: #ef3237; font-weight: normal; }
.user-panel .nav-menu > li > a i { display: inline-block; font-size: 16px; margin-left: 5px; text-shadow: none; }
.user-panel .nav-menu li > ul.sub-menu > li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 1px !important; padding: 0; }
.user-panel .nav-menu { list-style: none outside none; margin: 0; padding: 0; }
.user-panel .nav-menu > li > ul.sub-menu, .navigation-small .nav-menu > li > ul.sub-menu { background-color: #f6f6f6 !important; }
.user-panel .nav-menu li > ul.sub-menu { clear: both; display: none; list-style: none outside none; margin: 8px 0; padding: 0; }
.user-panel .nav-menu li > ul.sub-menu > li > a { background: transparent; display: block; font-size: 13px; font-weight: 300; margin: 0; padding: 5px 32px 5px 0; text-decoration: none; }
.user-panel .nav-menu li > ul.sub-menu > li > a .icon { width: 24px; }
.user-panel .nav-menu li > ul.sub-menu > li.open > a, .user-panel .nav-menu li > ul.sub-menu > li.active > a, .user-panel .nav-menu li > ul.sub-menu > li > a:hover { background: none repeat scroll 0 0 #d9d9d9 !important; color: #000000 !important; }
.user-panel .nav-menu > li a { border-bottom: medium none; border-top-color: #c8c7cc; color: #555555; }
.user-panel .nav-menu > li > a { border-bottom: 1px solid #dddddd; display: block; font-size: 14px; font-weight: 300; margin: 0; padding: 10px 15px; position: relative; text-decoration: none; }
.user-panel .nav-menu > li.open > a, .nav-menu > li > a:hover, .nav-menu > li:hover > a { background-color: #d9d9d9; }
.user-panel .igahi-preview { width: 116px; position: absolute; }
.user-panel .igahi-preview .line { text-align: center; }
.user-panel .expanded-to { min-width: 52px; padding: 6px 12px 6px 5px; border-radius: 0 !important; }
.user-panel .igahi-form .fa { line-height: 20px; }
.user-panel .igahi-form .image-controls { position: relative; z-index: 2; }
.user-panel .igahi-form .image-controls .btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.user-panel .igahi-form .image-controls .search-image-icon { position: absolute; top: 7px; left: 49px; }
.user-panel .igahi-form .image-box { margin-top: -1px; position: relative; z-index: 1; cursor: pointer; }
.user-panel .igahi-form .image-box .upload-icon { display: table-cell; opacity: 0.2; filter: alpha(opacity=20); vertical-align: middle; }
.user-panel .igahi-form .browse-image { border-top-left-radius: 0; border-top-right-radius: 0; display: table; text-align: center; min-height: 64px; }
.user-panel .igahi-form .canvas { text-align: center; display: table; }
.user-panel .igahi-form .two-cols .canvas { table-layout: fixed; }
.user-panel .igahi-form .canvas .upload-icon { display: none; }
.user-panel .igahi-form .editor { display: table-cell; }
.user-panel .igahi-form .two-cols .editor { width: 100%; }
.user-panel .igahi-form .preview { display: table-cell; width: 116px; text-align: center; vertical-align: middle; }
.user-panel .igahi-form .browse-image .editor { display: none; }
.user-panel .igahi-form .browse-image .preview { display: none; }
.user-panel .igahi-form .one-col .image-for-crop { width: 232px; }
.user-panel .igahi-form .two-cols .image-for-crop { max-width: 100%; }
.user-panel .igahi-form .two-cols .delete-image { position: absolute; left: 0; top: 0; z-index: 2; }
.user-panel .igahi-form .preview-box { border: 1px solid gray; overflow: hidden; width: 116px; position: relative; }
.user-panel .igahi-form .image-preview { position: absolute; }
.user-panel .igahi-form .selection-wrapper, .user-panel .igahi-form .imgareaselect-outer { cursor: default; }
.user-panel a.thumbnail { position: relative; }
.user-panel a.thumbnail .delete { position: absolute; top: 5px; left: 7px; display: none; cursor: pointer; }
.user-panel a.thumbnail.active { border-color: #ef3237; }
.user-panel a.thumbnail.active .delete { display: block; }
.user-panel .publish .panel-body { padding: 0; }
.user-panel .publish .day-name { float: right; padding: 10px; width: 14.285%; text-align: center; white-space: nowrap; }
.user-panel .publish .day { float: right; padding: 10px; width: 14.285%; text-align: center; white-space: nowrap; cursor: pointer; }
.user-panel .publish .week-day-2 { margin-right: 14.285%; }
.user-panel .publish .week-day-3 { margin-right: 28.571%; }
.user-panel .publish .week-day-4 { margin-right: 42.857%; }
.user-panel .publish .week-day-5 { margin-right: 57.142%; }
.user-panel .publish .week-day-6 { margin-right: 71.428%; }
.user-panel .publish .week-day-7 { margin-right: 85.714%; }

.user-panel .nav { border-bottom: 2px solid #143846; }
.user-panel h4 { font-size: 14px; line-height: 25px; }
.user-panel #CommentPane h4 p { margin-top: 10px; }
#CommentPane .comment-status { color: #143846; font-size: 13px; }
.user-panel .captcha img { position: absolute; left: 15px; top: 0; width: 90px; height: 40px; }

.user-panel #invoicePane { }
.user-panel #invoicePane .factor-table td:first-child,
.user-panel #invoicePane .factor-table th:first-child { width: 300px; }
.user-panel #invoicePane .panel-default > .panel-heading { background-color: #f7f1ff; }

.user-panel #invoicePane .customer-table td:first-child { width: 50%; }
.user-panel #invoicePane .customer-table thead th { background-color: #143846; color: #fff; }
.user-panel #invoicePane .customer-table tr .title { font-weight: bold; }

.user-panel #invoicePane .shop-detail td:first-child { width: 50%; }
.user-panel #invoicePane .shop-detail thead th { background-color: #143846; color: #fff; }
.user-panel #invoicePane .shop-detail tr .title { font-weight: bold; }

.user-panel #productPan li:nth-child(even) { background-color: #f1e5fd; }
.user-panel #productPan li:nth-child(odd) { background-color: #f7f1ff; }
.user-panel #productPan li a img { border-radius: 4px; margin-left: 10px; border: 6px solid #d5bdf1; }
.user-panel #productPan li a { display: table-cell; vertical-align: middle; }

.user-panel #AccessPane li:nth-child(even) { background-color: #f1e5fd; }
.user-panel #AccessPane li:nth-child(odd) { background-color: #f7f1ff; }
.user-panel #AccessPane li a img { border-radius: 4px; margin-left: 10px; border: 6px solid #d5bdf1; }
.user-panel #AccessPane li a { display: table-cell; vertical-align: middle; }

/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/


/*ViewString*/
.viewString:hover { border-bottom: 1px dotted #ff0000; border-bottom: 1px dotted rgba(255,0,0,.4); margin-bottom: -1px; }
.viewString[contentEditable=true] { border-bottom: 2px dotted #ff9900; margin-bottom: -2px; }



/*WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW*/


/*Weather*/
.weather { direction: rtl; text-align: right; position: relative; }
.weather .texts { padding: 15px; }
.weather .icon { float: left; margin: 10px; }
.weather .temp { font-size: 26px; color: #195594; direction: ltr; display: inline-block; }
.weather .city a { font-size: 18px; color: #195594; clear: both; }
.weather .infoDiv { margin-top: 5px; }
.weather .loading { display: none; }
.weather .windSpan { color: #195594; direction: ltr; display: inline-block; }
.weather .humiditySpan { color: #195594; direction: ltr; display: inline-block; }
.weather .pressureSpan { color: #195594; direction: ltr; display: inline-block; }


/*WorldAgency*/
.world-agency { }
.world-agency .title { }
.world-agency .specs { padding: 5px; }
.world-agency .description { }
.world-agency .date-wrapper { }
.world-agency .date { }


/*WorldAgencyList*/
.world-agency-list { }
.world-agency-list .item-wrapper { border-bottom: 1px solid gray; }
.world-agency-list .specs { padding: 5px; }
.world-agency-list .date-wrapper { }
.world-agency-list .date { }


/* register ------------------------------------------------------------------*/
.regStyle1 { line-height: 18px; margin: 15px 25px 0 0; text-align: right; }
.regStyle2 { color: Red; }
.regStyle3 { padding-top: 48px; }
.regStyle4 { padding-top: 72px; }
a.sitemappathLink:link, a.sitemappathLink:visited, a.sitemappathLink:hover, a.sitemappathLink:active { font-size: 11px; }
.register .form-box-input .nav { border-bottom: 2px solid #143846; }
.register .tab-content { padding: 20px 0; }
.register .register-help { width: 250px; height: 159px; display: block; position: fixed; left: 10px; bottom: 10px; z-index: 500; }
.register .register-help a { display: block; }
.register .register-help a img { max-width: 100%; height: auto; }
/* password-recovery ------------------------------------------------------------------*/
.password-recovery .nav { border-bottom: 2px solid #143846; }
.password-recovery .tab-content { }
.password-recovery .form-box .form-box-input { margin: 0 0 20px 0; }

/*---- Profiles-----*/
.sSearchProfile1 { width: 300px; }
.sSearchProfile2 { }
.sSearchProfile3 { }
.sSearchProfile4 { border: 1px solid gray; position: relative; padding: 8px; }
.sSearchProfile5 { position: absolute; left: 10px; bottom: 10px; }
.sSearchProfile6 { }
.sSearchProfile7 { margin: 10px; }
.sSearchProfile8 { width: 120px; padding: 0 5px; vertical-align: top; }
.sSearchProfile9 { }
.sSearchProfile10 { }
.sSearchProfile11 { margin-top: 15px; }


/*---- ProfileView-----*/
.sProfileViewFieldPictures { float: right; margin: 0 0 0 10px; }
.sProfileView1 { direction: rtl; text-align: right; padding: 3px 10px; }
.sProfileView2 { }
.sProfileView3 { }
.sProfileView4 { }
.sProfileView5 { }
.sProfileView6 { }
.sProfileViewField { padding: 5px; }
.sProfileViewFieldLabel { color: #ffd800; }
.sProfileViewFieldValue { }


/*Horizontal LoginControl ------------------------------------------------------------------*/
.HLoginCtrl0 { width: 650px; height: 32px; vertical-align: top; padding-right: 5px; }
.HLoginCtrl1 { width: 650px; direction: rtl; font-size: 11px; height: 32px; color: Black; }
.HLoginCtrl2 { width: 650px; height: 30px; direction: rtl; font-size: 11px; color: Black; text-align: right; border: 0px; }
.HLoginCtrl3 { border: none; width: 65px; text-align: center; direction: rtl; }
.HLoginCtrl4 { font-size: 11px; text-align: right; width: 42px; padding-top: 0px; }
.HLoginCtrl5 { height: 15px; font-size: 11px; width: 100px; border: solid 1px #989898; }
.HLoginCtrl6 { text-align: right; width: 65px; }
.HLoginCtrl7 { text-align: right; height: 15px; width: 100px; }
.HLoginCtrl8 { font-size: 11px; text-align: right; padding-top: 0px; }
.HLoginCtrl9 { text-align: right; }
.HLoginCtrl10 { height: 18px; font-size: 11px; width: 100px; }
.HLoginCtrl11 { text-align: right; vertical-align: middle; }
.HLoginCtrl12 { text-align: left; padding-right: 5px; }
.LoginCtrl13 { width: 180px; text-align: center; }
.HLoginCtrl13_1 { color: #115ea3; font-size: 11px; width: 100%; }
.HLoginCtrl14 { padding-top: 0px; }
.HLoginCtrl15 { border: 0px; height: 30px; }
.HLoginCtrl18 { text-align: right; direction: rtl; padding-right: 10px; padding-top: 5px; text-decoration: none; }
.HLoginCtrl19 { color: #3d7d43; }
a.HLoginCtrl:visited, a.HLoginCtrl:link, a.HLoginCtrl:active { text-decoration: none; color: black; font-size: 11px; font-weight: normal; cursor: pointer; padding-top: 5px; }
a.HLoginCtrl:hover { text-decoration: none; color: #115ea3; font-size: 11px; font-weight: normal; cursor: pointer; }
.HLoginReg14 { font-size: 10px; }
.HLoginCtrl4_1 { width: 210px; text-align: right; }


/*vertical LoginControl ------------------------------------------------------------------*/
.LoginCtrl0 { }
.LoginCtrl1 { width: 190px; height: 100px; direction: rtl; font-size: 11px; color: #115ea3; font-weight: bold; border: 0px; }
.LoginCtrl2 { width: 190px; height: 18px; direction: rtl; font-size: 10px; color: #115ea3; font-weight: bold; border: 0px; }
.LoginCtrl3 { border: none; text-align: left; direction: rtl; }
.LoginCtrl4 { font-size: 11px; text-align: left; padding-top: 5px; width: 140px; padding-left: 15px; text-align: left; }
.LoginCtrl5 { height: 15px; font-size: 11px; width: 100px; border: solid 1px #989898; }
.LoginCtrl6 { text-align: right; }
.LoginCtrl7 { text-align: center; width: 125px; height: 20px; padding: 0px; padding-bottom: 2px; }
.LoginCtrl8 { font-size: 11px; text-align: right; }
.LoginCtrl9 { text-align: right; }
.LoginCtrl10 { height: 18px; font-size: 11px; width: 100px; }
.LoginCtrl11 { text-align: right; vertical-align: middle; }
.LoginCtrl12 { text-align: left; padding-left: 5px; }
.LoginCtrl13 { color: #115ea3; font-size: 11px; width: 100%; text-align: right; direction: rtl; vertical-align: top; }
.LoginCtrl13_1 { color: #115ea3; font-size: 11px; width: 100%; }
.LoginCtrl14 { padding-top: 0px; }
.LoginCtrl15 { width: 192px; border: 0px; }
a.LoginCtrl:visited, a.LoginCtrl:link, a.LoginCtrl:active { text-decoration: none; color: #115ea3; font-size: 11px; font-weight: normal; cursor: pointer; padding-top: 5px; }
a.LoginCtrl:hover { text-decoration: none; color: #f6851e; font-size: 11px; font-weight: normal; cursor: pointer; }
.LoginReg14 { font-size: 10px; }
.LoginCtrl4_1 { width: 200px; padding-top: 10px; padding-bottom: 10px; text-align: right; }


/*----------------------------- Track ---------------------*/
a.Track:visited, a.Track:link, a.Track:active { text-decoration: none; color: #87c4f9; font-weight: bold; }
a.Track:hover { text-decoration: none; color: #dff6fc; font-weight: bold; cursor: pointer; }
.sTrackList1 { padding: 5px; direction: rtl; text-align: justify; margin-top: 20px; line-height: 7pt; }
.sTrackList2 { }
.TrackNumber { direction: ltr; unicode-bidi: embed; }
.TrackTitle { font-weight: bold; color: yellow; }
.TrackList { margin-top: 10px; padding-top: 10px; border-top: dotted 1px; }
.sTrackDataDiv { width: auto; height: auto; margin-top: 10px; border: solid 0px; text-align: right; }
.TrackInfoTable { width: auto; height: auto; direction: rtl; text-align: right; }
.TrackInfoTable tr td { padding-right: 5px; direction: rtl; text-align: right; }
.sTrack1 { color: #87c4f9; }
.sTrack2 { }
.sTrack3 { }
.sTrack4 { border-style: dotted; border-width: thin; border-top: none; width: 75%; text-align: right; }
.TrackViewFooter { font-size: 11px; color: Gray; clear: both; }


/* Cart ------------------------------------------------------------------*/
.sCart1 { padding: 5px; text-align: center; color: red; font-size: 11px; }
.sCart2 { border-bottom: dotted 1px silver; }
.sCart3 { font-weight: bold; }
.sCart4 { float: right; margin-left: 10px; direction: ltr; border: dotted 1px silver; }
.sCart4_1 { }
.sCart4_2 { text-align: left; vertical-align: top; }
.sCart4_3 { font-size: 10px; }
.sCart4_4 { width: auto; padding-right: 30px; color: Gray; }
.sCart4_5 { text-align: left; }
.sCart4_6 { width: 40px; }
.sCart4_7 { vertical-align: middle; }
.sCart4_8 { vertical-align: middle; }
.sCart4_9 { }
.sCart4_10 { }
.sCart4_11 { }
.sCart4_12 { font-size: 11px; }
.sCart4_13 { margin-right: 10px; }
.sCart4_13 table { border: dotted 1px silver; }
.sCart4_13_1 { text-align: left; }
.sCart4_13_2 { color: #ec222e; }
.sCart5 { border-bottom: dotted 1px silver; padding: 5px; font-size: 11px; }
.sCart6 { font-weight: bold; }
.sCart7 { }
.sCart8 { }
.sCart9 { }
.sCart10 { }
.sCart11 { }
.sCart12 { }
.sCart13 { }
.sCart14 { }
.sCart15 { }
.sCart16 { vertical-align: top; }
.sCart17 { vertical-align: top; }
.sCart18 { text-align: center; padding: 10px; }
.sCart19 { }
/**SendToFriend***/
.SendToFriend1 { padding: 20px 30px; min-width: 400px; max-width: 100%; border-radius: 5px; box-shadow: 0 0 5px #ccc; background: #f5effb; display: none; position: absolute; left: 0; top: 32px; z-index: 20; }
.SendToFriend2 { width: 100%; }
.SendToFriend2 tr:first-child td { position: relative; width: 100%; }
.SendToFriend2 input { margin-bottom: 5px; height: 30px; text-align: right; }
.SendToFriend2 textarea { height: 60px !important; width: 100%; }
.SendToFriend2 td { font-size: 13px; min-width: 77px; display: inline-block; }
.SendToFriend2 td > span { font-size: 13px; min-width: initial; display: inline-block; }
.SendToFriend2 input[type=submit] { text-align: center; font-size: 14px; line-height: 19px; width: 100%; }
.SendToFriend2 .captcha { position: relative; margin-top: 5px; }
.SendToFriend2 .captcha img { position: absolute; left: 0px; top: 0; width: 70px; height: 30px; }
.SendToFriend2 .form-title { color: #9365c8; text-transform: none; font-style: normal; border-bottom: 1px solid #ead7ff; margin-bottom: 20px; padding-bottom: 10px; display: block; text-align: center; }
.SendToFriend2 .close-SendToFriend { left: 0px; position: absolute; top: 0px; color: #9365c8; font-size: 39px; cursor: pointer; }
.SendToFriend2 .close-SendToFriend:hover { color: red; }
.SendToFriend15 { width: 255.6px; }
.SendToFriend13 { width: 255.6px; }
/*******/
.coupon { }
/**add by akbari*/
.coupon .coupon-form { width: 100%; }
.coupon .coupon-form .coupon-code { font-size: 12px; }
.coupon .coupon-form .apply-coupon-code { width: 80px; }
/******/
@media (min-width: 1300px) {
.stuff-list-courselist .episode .left-box {
    width: 19%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 3px;
}
    .register .register-help { left: 39%; margin-left: -500px; }
}

@media (max-width: 1200px) {
.stuff-list-courselist .episode .left-box {
    /* width: 19%; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* position: relative; */
    /* margin-top: 3px; */
}
    .project-list .project-col { padding: 60px 20px; }
    .project-list .project-item .project-des { }
    .Category .Category-item .Category-name h3 { height: 70px; }
}

@media (min-width: 991px) and (max-width: 1200px) {
.stuff-list-courselist .episode .left-box {
    width: 19%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 3px;
}
    .Category .Category-item .Category-img a { height: 262px; }
    .stuff-list #results .searched-items li { min-height: 310px; }

    .stuff-list-courselist .episode { height: 71px; }
    .stuff-list-courselist .episode .lock-box { height: 71px; line-height: 71px; }
    .stuff-list-courselist .episode .center-box .Price-in { display: block; }
    .stuff-list-courselist .episode .left-box .add-to-cart-wrapper .add-to-cart,
    .stuff-list-courselist .episode.active .left-box .login,
    .stuff-list-courselist .episode .left-box .free { line-height: 71px; height: 71px; }

    .user-panel .nav-pills > li { width: 24%; margin-bottom: 2px; }
}

@media (max-width: 991px) {
.stuff-list-courselist .episode .left-box {
    /* width: 19%; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* position: relative; */
    /* margin-top: 3px; */
}
    .service .service-description h1, .project .project-header { margin-top: 30px; }
    .project-list .project-item .project-img { width: 30%; max-width: inherit; }
    .project-list .project-item .project-des { width: 69%; max-width: inherit; }
    .project-list .project-item .project-img a { display: block; }
    .project-list .project-item .project-img img, .project .project-img img { width: 100%; }
    .project-list .project-item .project-des .project-info span:last-child { float: none; margin-right: 20px; }
    .project-list .project-col:nth-child(1), .project-list .project-col:nth-child(4), .project-list .project-col:nth-child(5), .project-list .project-col:nth-child(8) { background: #fff; }
    .project-list .project-col:nth-child(odd) { background: #fbfbfb !important; }
    .stuff-sidebar { padding: 20px 15px; position: fixed; z-index: 2000; top: 0; background: #fff; right: 80px; bottom: 0; overflow: scroll; right: 100%; transition: all 0.5s ease; border-right: 1px solid #143846; }
    .stuff-sidebar.active { right: 80px; }
    .sidebar-btn { display: none; transition: all 0.5s ease; }
    .sidebar-btn.active { right: 13px; }
    .stuff-sidebar .stuff-search .dropdown-menu { left: 0; right: auto; }
    #compare-wrapper .compare-list { max-height: calc(100vh - 70px); overflow: scroll; }
    #compare-wrapper .button-wrapper { float: none; text-align: center; margin-top: 5px; margin-bottom: 15px; }
    #compare-wrapper .button-wrapper .btn { display: inline-block; width: 170px; max-width: 48%; }
    .stuff .stuff-details { padding: 0; }
    .stuff .images-wrapper { padding: 0; }

    .user-panel .nav-pills > li { width: 32%; margin-bottom: 2px; }


    /*****/
    #cmntPanel #cmntForm .cmntCont .comment.name,
    #cmntPanel #cmntForm .cmntCont .comment.des { width: 100%; float: none; }
    #cmntPanel .comment .inputQue textarea { width: calc(100% - 85px); position: relative; display: inline-block; }
    #cmntPanel .comment .inputQue textarea ::before { content: ':'; position: absolute; right: -8px; color: #a8a8a8; }
    #cmntPanel #cmntForm .cmntCont .comment.des .inputQue.btn-send { margin-right: 85px; }
    #cmntPanel #cmntForm .cmntCont .comment.des .inputQue.btn-send .Button { width: 100%; }
    /****/
    #allusercomment .comment-cont .item .image-box { width: 40%; }
    /******/
    .register .register-help { width: 159px; height: 101px; }

    /******/
    .article > .row > div { padding: 0; }
    .article .latest-news .latest-title:before { content: 'مشاهده'; padding-left: 2px; line-height: 25px; display: inline-block; vertical-align: top; }
    .article .latest-news .latest-title:after { content: '\f100'; font-family: fontawesome; font-size: 30px; padding-right: 20px; line-height: 25px; display: inline-block; vertical-align: top; }
    .article .latest-news .latest-title:hover { background: #226782; cursor: pointer; }
    .article .latest-news ul { display: none; }

    /*******/
    .Category .col-md-4 { width: 49%; display: inline-block; }
}


@media (max-width: 768px) {
.stuff-list-courselist .episode .left-box {
    /* width: 19%; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* position: relative; */
    /* margin-top: 3px; */
}
    .news-list .news-item .news-info { position: inherit; }
    .news-list .news-item { height: auto; padding-bottom: 10px; }
    .news .news-header .news-action, .news .news-img .related-pictures, .article .article-header .article-action, .project .project-img .related-pictures { display: none; }
    .article .article-info { text-align: right; padding-right: 10px; font-size: 10px; }
    .service .service-tab .tab-content { padding: 30px; }
    .service .downloads .item, .download-list .item { width: 100% !important; }
    .project-list .project-item .project-img { display: none; }
    .project-list .project-item .project-des { width: 100%; }
    .project .project-content .project-info span:last-child { float: none; display: block; }
    .form-box { padding: 50px 20px; }
    .form-box .form-box-header { padding: 0; }
    .form-box .form-box-input { padding: 25px 25px 10px 25px; }
    .form-box .form-box-footer { padding: 0; }
    .pager-wrapper .pagination > li > a, .pager-wrapper .pagination > li > span { padding: 3px 10px; }
    .stuff .base-tab .nav-tabs { display: none; }
    .stuff .base-tab .tab-content { padding: 30px 15px; }
    .stuff .tab-content > .tab-pane { display: block !important; visibility: visible !important; margin-bottom: 20px; }
    .base-tab .tab-content .tab-title { display: block; font-weight: bold; font-size: 15px; display: none; }
    .download-list .downloads .item,
    .downloads .well { width: 100% !important; }
    #shop-cart .cart-item .specifications h2.title { margin: 0; }
    #shop-cart .cart-item .specifications h2.title a { font-size: 13px; }
    #cart-items tbody { display: inline-block; width: 100%; vertical-align: top; margin-top: 35px; }
    #cart-items tbody tr { display: inline-block; width: 100%; vertical-align: top; padding: 0 10px; }
    #cart-items thead { display: none; }
    #shop-cart .cart-item td:nth-child(3):before { content: 'قیمت : '; color: #000; font-weight: bold; min-width: 100px; display: inline-block; vertical-align: top; }
    #shop-cart .cart-item td:nth-child(4):before { content: 'تخفیف : '; color: #000; font-weight: bold; min-width: 100px; display: inline-block; vertical-align: top; }
    #shop-cart .cart-item td:nth-child(5) { display: none !important; }
    #shop-cart .cart-item td:nth-child(6):before { content: 'قیمت کل : '; color: #000; font-weight: bold; min-width: 100px; display: inline-block; vertical-align: top; }
    #shop-cart #cart-items > table td { display: block; }
    #shop-cart .cart-item .image { display: none !important; }
    #shop-cart .cart-item .price,
    #shop-cart .cart-item .discount,
    #shop-cart .cart-item .total { text-align: right; }
    #shop-cart #cart-items > table .separator { margin: 10px 0; }
    #shop-cart .cart-item .specifications .remove { width: 100%; text-align: left; }
    #shop-cart .info #invoice-results { width: 100%; float: none; }
    #shop-cart .info #invoice-results > table { width: 100%; }
    /******
    .comments-wrapper li.comment { padding: 15px 0px; }
    .comments-wrapper .comment-content { padding: 10px 0 0 0; }
    .comments-wrapper .submit-comment-form .col-sm-10,
    .comments-wrapper .submit-comment-form .col-sm-2 { padding: 0; }
    .comments-wrapper .submit-comment-form img { left: 0; }
    .stuff-list-big-image .title-big-image { display: none; /*font-size: 13px; opacity: 0.7; padding: 5px 10px; font-weight: bold;}*/

    /****/
    .user-panel #invoicePane .factor-table thead,
    .user-panel #invoicePane .factor-table th { display: none; }
    .user-panel #invoicePane .factor-table tr { border-bottom: 2px solid #143846; }
    .user-panel #invoicePane .factor-table td,
    .user-panel #invoicePane .factor-table td:first-child { display: block; width: 100%; text-align: right; }
    .user-panel #invoicePane .factor-table td:nth-child(1):before { content: 'عنوان : '; font-weight: bold; }
    .user-panel #invoicePane .factor-table td:nth-child(2):before { content: 'قیمت : '; font-weight: bold; }
    .user-panel #invoicePane .factor-table td:nth-child(3):before { content: 'تخفیف : '; font-weight: bold; }
    .user-panel #invoicePane .factor-table td:nth-child(4):before { content: 'مالیات : '; font-weight: bold; }
    .user-panel #invoicePane .factor-table td:nth-child(5):before { content: 'قیمت کل : '; font-weight: bold; }

    .user-panel #invoicePane .customer-table td,
    .user-panel #invoicePane .customer-table td:first-child { display: block; width: 100%; text-align: right; }

    .user-panel #invoicePane .shop-detail td,
    .user-panel #invoicePane .shop-detail td:first-child { display: block; width: 100%; text-align: right; }


    .user-panel .nav-pills > li { width: 49%; margin-bottom: 2px; }
    .user-panel .nav-pills > li > a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    /******/
    #chat-box, .chat-launcher { display: none; }
    /*****/
    #cmntPanel .cmnt-item table { padding: 25px 30px 25px 30px; margin-right: 0; margin-left: 0; width: 100% !important; }
    #cmntPanel .cmnt-item.opencomment .place-of-form { height: 360px; }
    #cmntPanel .comment .inputQue .Button { width: 100%; }
    /*****/
    #allusercomment .comment-cont .item { max-width: 400px; margin: 0 auto 20px; float: none; display: block; }
    #allusercomment .comment-cont .item .image-box { width: 100%; }
    #allusercomment .comment-cont .item .comment-box .comment-text-box { padding: 5px 5px 5px; }
    #allusercomment .comment-cont .item .comment-box .topic-box { padding-right: 0; display: inline-block; vertical-align: top; width: 100%; }
    /********/
    .user-panel .header-holder { text-align: center; }
    /******/
    .register .register-help { width: 135px; height: 86px; }
    /*******/
    .Category .col-md-4 { width: 100%; display: inline-block; max-width: 450px; }
    .Category .Category-item .Category-img a { margin: auto; width: auto; }
    .Category .Category-item .Category-img img { width: 100%; }
}



@media (max-width: 630px) {
.stuff-list-courselist .episode .left-box {
    /* width: 100%; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* position: relative; */
    /* margin-top: -24px; */
}
    .download-list .item, .video-col { width: 100% !important; }
    .stuff .stuff-details .stuff-header { padding: 0 0 10px 0; }
    .stuff .stuff-details .price-box { padding: 25px 0; }
    .stuff .stuff-details .stuff-properties { padding: 20px; }
    .base-tab .tab-content { padding: 30px; }
    .stuff-list .searched-items > li { width: 100%; }
    .download-list .item table th:nth-child(1) { display: none; }
    .download-list .item table td:nth-child(1) { display: none; }
    .download-list table td:nth-child(2) { font-size: 12px; }
    .download-list table td:nth-child(4) { font-size: 12px; }
    .download-list table td:nth-child(3) { font-size: 0; }
    .download-list table td:nth-child(3) a { /*display: block;*/ }
    .download-list table td:nth-child(3) i { font-size: 23px; padding: 0 3px; }
    .downloads .well { font-size: 15px; }
}

@media (max-width: 500px) {
.stuff-list-courselist .episode .left-box {
    /* width: 100%; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* position: relative; */
    /* margin-top: -24px; */
}
    .btn { width: 100%; }
    #shop-cart .info .navigation { width: 100%; }
}

@media (max-width: 450px) {
.stuff-list-courselist .episode .left-box {
    /* width: 100%; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* position: relative; */
    /* margin-top: -24px; */
}
    .form-box .form-box-input { padding: 25px 5px 10px 5px; margin: 0; }
    .form-box .form-box-header span { display: none; }
    .form-box .form-box-header h6 { border-left: none; }
    .register .form-box .checkbox { font-size: 10px; }
    .register .form-box .checkbox label { padding-left: 0; }
    .stuff .stuff-details .price-box .stuff-action { float: none; margin-top: 10px; }
    .stuff .stuff-details .add-to-cart-wrapper .add-to-cart { width: 140px; font-size: 12px; }
    .SendToFriend1 { padding: 20px 10px; min-width: initial; width: 100%; }
    .user-panel .nav-pills > li > a { font-size: 12px; }
    .download-list table td:nth-child(2) a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 155px; }
    .downloads .well { font-size: 13px; }
}


.cancelBtnItemShow { display: block; }
.cancelBtnItemNone { display: none; }


.notRegisterUser { border: none; background: transparent; font-size: 18px; color: red; }