/***Global Styles***/
canvas { direction: ltr; }
.FaTextBox { direction: rtl; text-align: right; }
.EnTextBox { direction: ltr; text-align: left; }
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; }

/*inner-template*/
/*#InnerPage { padding: 100px 0;position: relative}*/
#Inner-Header { overflow: hidden }
#Inner-Header .site-info { background: #000; color: #fff; padding: 8px 15px; }
#Inner-Header .site-info .page-title { display: inline-block; font-size: 18px }
#Inner-Header .site-info .inner-breadcrum { float: left; list-style: none; font-size: 12px; }
#Inner-Header .site-info .inner-breadcrum li { display: inline-block; }
#Inner-Header .site-info .inner-breadcrum li:first-child:before { display: none }
#Inner-Header .site-info .inner-breadcrum li:before { content: "/"; margin: 0 8px; }
.menu-des { }
.PageDscpInBanner { position: absolute; top: 100px; left: 20px; z-index: 9999999; background: white }

/*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; color: #000; padding-right: 0; }
.base-tab .nav > li { border: solid #e2e2e2; border-width: 1px 1px 0 1px; border-radius: 5px 5px 0 0; margin-bottom: -4px; padding: 12px 30px ; }
.base-tab .nav > li.active { border-top: 4px solid #e2e2e2; background-color:#fff; }
.base-tab .nav > li > a { padding-right:50px; border: none; border-radius: 0; transition: all 0.3s ease; margin-right: 0; }
.base-tab .nav > li > a:before { content: ""; position: absolute; right: 0;  top: 0; width:46px; height:34px; background:url('../Images/my-icons.png'); }
.base-tab .nav > li:nth-child(2) a:before{background-position:-190px -245px;}
.base-tab .nav > li:nth-child(3) a:before{background-position:-190px -288px;}
.base-tab .nav > li:nth-child(1) a:before{background-position:-190px -325px;}
.base-tab .nav > li:nth-child(4) a:before{background-position:-190px -373px;}
/*.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: #fff; color: #000; }*/
/*.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: #fff; padding: 40px 70px 70px 70px; border-width: 4px 1px 0 1px; border-style: solid; border-color: #e2e2e2; }
.base-tab .tab-content .tab-title { display: none!important; }
.base-tab .tab-content #divDscp { direction: ltr; font-family:Arial; }
.base-tab .tab-content #divDscp span {display:inline-block; padding: 3px 8px; border: 1px solid; border-radius: 5px; margin-right: 8px; margin-bottom: 8px; color: #90a4ae; font-size:11px; }

/*Allform*/
.form-control { border-radius: 0; font-size: 12px; height: 40px; }
.form-group { margin-right: 0 !important; margin-left: 0 !important; }
.form-control:hover, .form-control:focus { border: 1px solid #00bfa5; box-shadow: none }
.btn-primary { border-radius: 0; line-height: 27px; background: #00bfa5; font-size: 14px; border: 1px solid #00bfa5; color: #fff; transition: all 0.3s ease; width: 150px; font-size: 14px }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: #fff !important; color: #00bfa5; border-color: #00bfa5; }
.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 }
.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: 650px; margin: 0 auto; max-width: 100%; padding: 50px; box-shadow: 1px 0px 15px #e1e1e1; }
.form-box .form-box-header { padding: 0 50px; }
.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: 35px 0 20px 0; }
.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 }
/*.main-content-wrapper.form .form-input { min-width: 283px; }*/
.main-content-wrapper.form .form-control, .main-content-wrapper.form .btn, .main-content-wrapper.form select { min-width: 100%; }
.main-content-wrapper.form .image-container { margin-bottom: 5px; }
.main-content-wrapper.form .radio label, .main-content-wrapper.form .checkbox label { padding-left: 0; padding-right: 20px; }
.main-content-wrapper.form .radio, .main-content-wrapper.form .checkbox { margin: 0 }
.main-content-wrapper.form .required { color: red }

/*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; }
.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 }
.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 #ffbc00; 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; color: #ffab07; }
.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: #ffbc00; float: right; }
.poll-group-list table, .poll-list table { width: 100%; }
.poll-group-list .btn, .poll-list .btn { text-transform: uppercase; background: #00bfa5 !important; border: 1px solid #00bfa5 !important; line-height: 18px; color: #fff; font-size: 13px; 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: #00bfa5; 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 }
.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: #00bfa5; margin-left: 5px; 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 #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; }

/*DownloadList*/
.download-list table { margin-bottom: 0 }
.download-list table td { vertical-align: middle !important }
.download-list .item { margin-bottom: 50px; border: 1px solid #e1e1e1; width: 80% !important; margin: 0 auto; }
.download-list .item table tr:first-child { background: #00bfa5; color: #fff; }
.download-list .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; margin: 0 auto; border: none; box-shadow: none; text-align: center; font-size: 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 #00bfa5; }

/*GalleryList*/
#InnerPage .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; }
.gallery-list .gallery-item .image-wrapper img { max-width: 100%; position: relative; }
.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(0, 191, 165, 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: #ffbc00; 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: #8b9a9a; 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: #688383; position: absolute; padding-top: 10px; bottom: 8px; right: 15px; left: 15px; border-top: 1px solid #e1e1e1; }
.news-list .news-item .news-info span { margin-left: 5px; }
.news-list .news-item .news-info a { float: left; color: #000 }
.news-list .news-item .news-info a:hover { color: #00bfa5; }
.news-list .news-item:hover .news-img a img { filter: brightness(120%); }

/*News*/
.news { }
.news .news-header h1 { font-size: 19px; color: #000; margin-bottom: 22px; margin-top: 0; padding-top: 8px; }
.news .news-header .news-action { float: left; padding: 0px 20px; border: 1px solid #ebebeb; line-height: 38px; color: #688383; height: 38px; 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: #ffbc00; 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; }
.news .news-content { text-align: justify }

/*latest-news */
.latest-news .latest-title { border: 1px solid #ebebeb; font-size: 17px; color: #000; padding: 4px 15px; }
.latest-news ul { list-style: none; padding: 0; }
.latest-news ul li { padding: 12px 10px 5px 10px; border-bottom: 1px solid #ebebeb; }
.latest-news ul li h4 { font-size: 14px; color: #000; margin-bottom: 5px }
.latest-news ul li .latest-info { font-size: 11px; color: #688383 }
.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; }

/*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: #688383; 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: #000; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; }
.service .service-description h2 { font-size: 12px; text-transform: uppercase; color: #688383; 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: #688383; 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: 250px; border: 1px solid #e1e1e1; margin-bottom: 30px; position: relative; padding-top: 40px; }
.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: ""; width: 85px; height: 85px; border-radius: 50%; position: absolute; right: 0; left: 0; margin: 0 auto; top: -43px; background: #00bfa5 url(../../Images/article-icon.png); transition: all 0.3s ease }
.article-list .article-item h2 { margin-top: 25px; position: relative; color: #000 }
.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: #8b9a9a; font-size: 12px; line-height: 20px; text-align: justify; margin-top: 0; padding-bottom: 20px; }
.article-list .article-item .article-info { font-size: 11px; color: #688383; position: absolute; padding-top: 10px; bottom: 8px; right: 15px; left: 15px; border-top: 1px solid #e1e1e1; }
.article-list .article-item .article-info span { margin-left: 5px; }
.article-list .article-item .article-info .article-share { float: none; color: #688383; margin-right: 10px; }
.article-list .article-item .article-info a { float: left; color: #000 }
.article-list .article-item .article-info a:hover { color: #00bfa5; }
.article-list .article-item:hover:after { background: #ffbc00 url(../../Images/article-icon.png) }

/*Article*/
.article { }
.article .article-header h1 { font-size: 19px; color: #000; 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: 38px; color: #688383; height: 38px; 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: #000; 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; }

/*ArticleArchive*/
.article-archive { }
.article-archive .media { border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; }
.article-archive .media h3 { font-size: 20px; display: inline-block; }

/*ProjectList*/
.project-list { }
.project-list .project-col { padding: 60px 50px; height: 290px }
.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-item .project-img { display: inline-block; vertical-align: top; max-width: 50%; }
.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; transition: all 0.3s ease }
.project-list .project-item .project-des p { padding-right: 30px; height: 78px; overflow: hidden; font-size: 12px; line-height: 24px; text-align: justify; 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; min-width: 95px; display: inline-block; position: relative; padding-right: 5px; }
.project-list .project-item .project-des .project-info span:before { content: ''; position: absolute; height: 1px; width: 20px; border-bottom: 1px solid #aebebe; right: 0; bottom: -1px; transition: all 0.3s ease }
.project-list .project-item .project-des .project-info span em { color: #688383; margin-left: 5px; }
.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:before { width: 100%; }
.project-list .project-col:hover h3 { border-right: 20px solid #000; }

/*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; }
.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: #688383; }
.project .project-content { color: #6b6b6b; text-align: justify }
.project .project-content .project-info { margin-bottom: 20px }
.project .project-content .project-info strong { color: #000; margin-left: 5px; }
.project .project-content .project-info span:last-child { float: left; }
.project .project-footer { margin-top: 16px; font-size: 12px; }
.project .project-footer span { margin-left: 10px; }

/*Videos*/
.video-list .video-item { position: relative; margin-bottom: 30px; overflow: hidden; }
.video-list .video-item .item { display: block }
.video-list .video-item * { -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.video-list .video-item:after { background: rgba(255,255,255,0.7); width: 50px; height: 50px; position: absolute; left: 30px; bottom: 15px; content: ''; border-radius: 50%; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.video-list .video-item h3 { font-size: 19px; margin-bottom: 15px; }
.video-list .video-item:hover .play i { -webkit-transform: scale(2) translate(10px, -10px); transform: scale(2) translate(10px, -10px); }
.video-list .video-item .play i { position: absolute; left: 32px; bottom: 15px; font-size: 28px; color: #353032; width: 50px; height: 50px; line-height: 50px; z-index: 1; text-align: center; }
.video-list .video-item:hover:after { -webkit-transform: scale(5); transform: scale(5); opacity: 0.75; }
.video-list .video-item img { width: 100%; }
.video-list .modal-title { text-align: center }

/*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: #00bfa5; color: #fff; border: 1px solid #00bfa5; text-align: center; border-radius: 0; transition: all 0.3s ease }
.contact .contact-form .contact-btn .btn:hover, .contact .contact-form .contact-btn .btn:focus { background: #fff !important; color: #00bfa5; }
.contact .contact-form img { position: absolute; left: 6px; top: 0; width: 90px; height: 40px; }
.contact .contact-form span { font-size: 12px; }

/*StuffList*/
.stuff-list { }
.stuff-list .searched-items { list-style: none }
.stuff-list .stuff-item { position: relative; margin-bottom: 30px; padding:15px; background-color:#fff; box-shadow: 2px 0 7px rgba(0,0,0,0.2); transition: all 0.3s; }
.stuff-list .stuff-item:hover,
.stuff-list .stuff-item:focus{ box-shadow: 2px 2px 7px rgba(0,0,0,0.4);}
.stuff-list .stuff-item .stuff-img {  position: relative; overflow: hidden; text-align: center }
.stuff-list .stuff-item .stuff-img a { display: block }
.stuff-list .stuff-item .stuff-img img { max-width: 100%; }
.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: #ffbc00; }
.stuff-list .stuff-item .stuff-name { margin-top: 12px; position: relative }
.stuff-list .stuff-item .stuff-name h3 {color: #000; font-size: 16px; margin: 10px 0; position: relative; padding-right: 65px; }
.stuff-list .stuff-item .stuff-name h3:before { content: ''; display: block; width: 39px; height: 17px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background: url('../Images/my-icons.png')0 0; }
.stuff-list .stuff-item .stuff-name h3:after { content: ''; display: block; width: 2px; height: 17px; background-color: #f6f6f6; position: absolute; top: 0; bottom: 0; right: 50px; margin: auto; }

.stuff-list .stuff-item .stuff-name .stuff-status { color: #fff; line-height: 20px; position: absolute; left: 0; top: 0 }
.stuff-list .stuff-item .stuff-name .stuff-status .label { font-weight: normal; display:none; }
.stuff-list .stuff-item .stuff-price {display:none; font-size: 14px; color: #4d4d4d; margin-top: 5px; text-align:center; }
.stuff-list .stuff-item .stuff-price span { font-size: 12px; margin-right: 5px; font-weight: normal; }
.stuff-list .stuff-item .compare {display:none; left: 0; position: absolute; text-align: left; padding:0 15px; width:100%; top: -5px; font-size: 12px; opacity: 0; background:#ffbc00; transition: all 0.3s ease; }
.stuff-list .stuff-item .compare input { vertical-align: text-top }
.stuff-list .stuff-item:hover .compare { opacity: 1; top: 0; }
.stuff-list .stuff-item:hover .stuff-img span { bottom: 0; /*border-bottom: 1px solid #000; border-top: 1px solid #000;*/ }

.stuff-list .stuff-item .btn-wrap{margin-top:20px;}
.stuff-list .stuff-item .btn-wrap a { width: 175px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; color: #fff; border: 1px solid transparent; }
.stuff-list .stuff-item .btn-wrap a:nth-of-type(1) { float: right; background-color: #444; position: relative; }
.stuff-list .stuff-item .btn-wrap a:nth-of-type(1)::before { content: ''; display: block; width: 22px; height: 21px; background: url('../Images/my-icons.png')0 -23px; position: absolute; right: 8px; top: 0; bottom: 0; margin: auto; transition: all 0.3s ease; }
.stuff-list .stuff-item .btn-wrap a:nth-of-type(1):hover { background-color: #fff; color: #444; border: 1px solid #444; }
.stuff-list .stuff-item .btn-wrap a:nth-of-type(1):hover::before { filter: brightness(10%); }
.stuff-list .stuff-item .btn-wrap a:nth-of-type(2) { float: left; background-color: #ffbc00; }
.stuff-list .stuff-item .btn-wrap a:nth-of-type(2):hover { background-color: #fff; color: #ffbc00; border: 1px solid #ffbc00; text-shadow: 1px 0 2px rgba(0,0,0,0.2); }


.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{display:none;}
.stuff-sidebar .stuff-search { }
.stuff-sidebar .stuff-search input[type=text] { border: 1px solid #000; height: 34px; }
.stuff-sidebar .stuff-search .btn { background: #00bfa5; 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 .selected-items .label { margin-left: 5px; display: inline-block; padding: 8px; }
.stuff-sidebar .selected-items span.remove { margin-right: 10px; cursor: pointer; }
.stuff-sidebar .price { border: 1px solid #000; padding: 0 15px 15px 15px; margin: 30px 0 }
.stuff-sidebar .price .price-title { display: block; background: #00bfa5; 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 #000; list-style: none; display:none; }
.stuff-sidebar .search-items .search-item .btn { cursor: default; width: 100%; border-radius: 0; background: #00bfa5; height: 30px; border: 1px solid #00bfa5; 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; }

/*Stuff*/
.stuff .images-wrapper { margin-bottom: 30px; /*padding: 0;*/ max-width:630px; margin:auto; }
.stuff .images-wrapper .images-inner { max-width: 514px; background-color: #fff; padding: 25px 0; margin: 0 auto; position: relative; z-index: 1; text-align: center; }
.stuff .images-wrapper .images-inner img { box-shadow: 3px 2px 5px rgba(0,0,0,0.2); }
.stuff .images-wrapper p { color: #545454; }
.stuff .images-wrapper p span { color: #00bfa5; }
.stuff .images-wrapper .main.image {margin:0 auto; }
.stuff .images-wrapper .module-gallery{text-align:center;}
.stuff .images-wrapper .related-pictures { position: relative; margin: -226px auto 120px; z-index: 0; }
.stuff .images-wrapper .related-pictures .item { display: table-cell; margin-bottom: 120px; /*width:124px;*/ height:274px; cursor:pointer; position:relative; z-index:-1;}
.stuff .images-wrapper .related-pictures .item a{display:table-cell; direction:ltr; vertical-align:bottom; text-align:center;  /*width:124px;*/height:274px; font-family:Arial; font-size:13px; padding-bottom:15px; color:#fff; text-shadow: 0 0 2px #000; }
.stuff .images-wrapper .related-pictures .item a:hover{color:initial;}
.stuff .images-wrapper .related-pictures .item a:before { content: ''; width: 100%; height: 90px; background: #fff; border: 1px solid #d6d6d6; position: absolute; top: 100%; opacity: 0.23; }
.stuff .images-wrapper .related-pictures .item a:after { content: ''; width: 100%; height: 69px; position: absolute; top: 100%; right: 0; left: 0; margin: 10px auto; background: url('../Images/tick.jpg') no-repeat center center; opacity: 0.23; }
.stuff .images-wrapper .related-pictures .item.active a:before { opacity: 1; }
.stuff .images-wrapper .related-pictures .item.active a:after { opacity: 1; }
.stuff .images-wrapper .related-pictures .item img { border: 0px solid #f3f6ed; }
.stuff .stuff-details { background-color: #fff; padding: 25px 15px; overflow:auto;  }
.stuff .stuff-details .stuff-header { padding: 0 30px 15px 30px; }
.stuff .stuff-details .stuff-header .stuff-title { display: inline-block }
.stuff .stuff-details .stuff-header .stuff-title h1 { font-size: 18px; font-weight: bold; color: #000; margin: 0!important; font-family: iransanslight; }
.stuff .stuff-details .stuff-header .stuff-title span { color: #999; display: none }
.stuff .stuff-details #rate { float: left; padding: 0 30px 10px 30px; }
.stuff .stuff-details .stuff-header .stuff-action { float: left; position: relative }
.stuff .stuff-details .stuff-header .stuff-action .fa { width: 32px; height: 32px; border: 1px solid #f0f0f0; text-align: center; line-height: 32px; color: #828080; cursor: pointer; background: #fff; font-size: 18px; }
.stuff .stuff-details .stuff-header .stuff-action .stuff-share { display: inline-block }
.stuff .stuff-details .stuff-header .stuff-action .stuff-share .share-icon { list-style: none; position: absolute; display: none }
.stuff .stuff-details .stuff-header .stuff-action .stuff-like { }
.stuff .stuff-details .stuff-header .stuff-action .stuff-like.liked:before { color: red; content: "\f004"; }

.stuff .stuff-details .stuff-properties-wrap { width: 100%; max-width: 415px; margin: 0 auto; border: 1px solid #e1e8ed; background: #fefefe; border-radius: 5px; clear: both; }
.stuff .stuff-details .price-box { padding: 30px 45px 0; color: #525252; font-size: 18px }
.stuff .stuff-details .price-box .pricing { display: block; font-size: 15px; border-bottom: 1px solid #e1e8ed; padding-bottom: 20px; }
.stuff .stuff-details .price-box .pricing .item-label { color: #545454; font-size: 15px; font-weight: bold; }
.stuff .stuff-details .price-box .pricing .item-label em { color: #bababa; }
.stuff .stuff-details .price-box .pricing .price-wrap { float: left; display:none; }
.stuff .stuff-details .price-box .before-discount { color: #00bfa5; 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 .add-to-cart-wrapper { margin-top: 35px; text-align: center; }
.stuff .stuff-details .add-to-cart-wrapper .quantity { vertical-align: middle; height: 30px; width: auto; display: inline-block; }

.stuff .stuff-details .stuff-properties { /*background: #f3f6ed;*/ padding: 15px 45px 30px; }
.stuff .stuff-details .stuff-properties p { margin: 0; font-size: 13px; position: relative; padding-right: 30px; }
.stuff .stuff-details .stuff-properties p:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 12px; height: 10px; background: url('../../images/my-icons.png') -189px -125px; }
.stuff .stuff-details .stuff-properties .tags { display: none }

.stuff .stuff-details .stuff-properties .add-to-cart { position: relative; float: none; width: 100%; max-width: 307px; margin: 0 auto; height: 46px; line-height: 17px; font-size: 18px; border-radius: 5px; background: #00b0ff; border: 1px solid #00b0ff; }
.stuff .stuff-details .stuff-properties .add-to-cart span { display: inline-block; width: 20px; height: 20px; background: url('../../images/my-icons.png') -189px -180px; }
.stuff .stuff-details .stuff-properties .add-to-cart:hover,
.stuff .stuff-details .stuff-properties .add-to-cart:focus { color: #00b0ff; }
.stuff .stuff-details .stuff-properties .add-to-cart:hover span,
.stuff .stuff-details .stuff-properties .add-to-cart:focus span { background-position: -214px -180px; }

.stuff .stuff-details .stuff-properties .live-show {float: none; width: 100%; max-width: 307px; margin: 0 auto; height: 46px; line-height: 17px; font-size: 18px; border-radius: 5px; background: #00b0ff; border: 1px solid #00b0ff;  background: #808080; border: 1px solid #808080; margin-top: 5px; }
.stuff .stuff-details .stuff-properties .live-show span { display: inline-block; width: 20px; height: 20px; background: url('../../images/my-icons.png') -189px -204px; }
.stuff .stuff-details .stuff-properties .live-show:hover,
.stuff .stuff-details .stuff-properties .live-show:focus { color: #808080; }
.stuff .stuff-details .stuff-properties .live-show:hover span,
.stuff .stuff-details .stuff-properties .live-show:focus span { background-position: -218px -204px; }

.stuff .stuff-details .stuff-properties .add-to-cart span { margin-left: 15px; position: relative; top: 5px; }
.stuff .stuff-details .stuff-properties .live-show span { margin-left: 15px; position: relative; top: 5px; }

.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 .text { margin:60px 30px 0; }
.stuff .stuff-details .text .title { border-bottom: 1px solid #e1e8ed; padding-bottom: 15px; margin-bottom: 15px; clear: both; display: block; }
.stuff .stuff-details .text .title em { color: #bababa; }
.stuff .stuff-details .text ul { width: 40%; float: right; list-style: none; font-size: 13px; color: #545454; }
.stuff .stuff-details .text ul:first-of-type { width: 60%; }
.stuff .stuff-details .text ul li { padding-right: 30px; position: relative; }
.stuff .stuff-details .text ul li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 12px; height: 10px; background: url('../../images/my-icons.png') -189px -156px; }

.notify-modal .close { vertical-align: middle; margin-left: 10px; display: inline-block;; float: none }
.notify-modal h4 { display: inline-block }
.notify-modal .modal-footer { text-align: center }

/*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); }
#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: 14px; font-size: .875rem; text-align: right; 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; }
#compare-wrapper .button-wrapper { float: left; margin-top: 25px; }
#compare-wrapper .button-wrapper .btn { 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 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; }

/*UserPanel*/
.user-panel .list-group-item { background: none }
.user-panel .btn { margin: 0 auto; display: inherit; }
.user-panel h4 { font-weight: bold; font-size: 16px; margin-bottom: 10px; }
/*UserPanel-factor*/
.user-panel .user-panel-tab .tab-content .panel-heading { height: 40px; line-height: 30px; background-color: #dadada; }
.user-panel .user-panel-tab .tab-content .panel-heading h4 { font-weight: normal }
.user-panel .user-panel-tab .tab-content table { border: 1px solid #e1e1e1; margin-bottom: 20px; font-size: 13px; background: #fff; }
.user-panel .user-panel-tab .tab-content table td { border: none; }
.user-panel .user-panel-tab .tab-content table th { font-weight: bold; }
.user-panel .user-panel-tab .tab-content table:first-child td, .user-panel .user-panel-tab .tab-content table:first-child th { border: 1px solid #e1e1e1; }










/*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 { }
.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; border-bottom: 1px dotted silver; }
.comments-wrapper li.comment .date { font-size: 0.9em; }
.comments-wrapper li.comment.alternate-item { background-color: whitesmoke; }
.comments-wrapper .post-by { }
.comments-wrapper .comment-content { padding: 10px 15px 0 0; }
.comments-wrapper .send { margin-top: 10px; }
.comments-wrapper .submit-comment-form { margin-top: 25px; }






/*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 { }
.agency .details { }
.agency .detail-row { padding: 3px; }
.agency .details .label { display: inline-block; width: 60px; text-align: left; }
.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; }
.agency-list a.title:hover { font-weight: bold; }
.agency-list .details { }
.agency-list .detail-row { padding: 3px; }
.agency-list .details .label { display: inline-block; width: 60px; text-align: left; }
.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*/


/*Cart*/

.mini-cart-summary { position: relative; float: left; z-index: 1500; }
.mini-cart-summary .mini-cart { position: absolute; top: 100%; left: 0; display: none; }
.mini-cart { 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-item td { padding: 5px 10px; }
.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 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 .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 0 0; cursor: pointer; }
#shop-cart .cart-item .specifications .remove .icon { margin-left: 5px; vertical-align: middle; }
#shop-cart .cart-item .specifications h2.title { margin: 0 2px 7px; }
#shop-cart .cart-item .specifications h2.title a { font-size: 16pt; }
#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; }
#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 130px 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; }
#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%; }
#shop-cart #shipping-address .titles { width: 40%; vertical-align: top; }
#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%; border-right: 1px solid gray; padding-right: 8px; }
#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; }




/*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: 0; bottom: 0; width: 270px; z-index: 100; }
#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; }
#chat-box.online .offline { display: none; }
#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: #33CA22; 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: #33CA22 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #33CA22; 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; }


/*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 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 .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%; text-align:center; }
.compare-template .compare-td-3 { width: 33.33334%; text-align:center; }
.compare-template .compare-td-4 { width: 25%; text-align:center; }
.compare-template .compare-td-5 { width: 20%; text-align:center; }
.compare-template .compare-td-6 { width: 16.66667%; text-align:center; }
.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: 120px;*/ display: block; /*margin-top:253px*/}
.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 /*url(../Images/MenuImages/menu-bg-left.png) top left no-repeat*/; }
.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 /*url(../Images/MenuImages/menu-bg-right.png) top right no-repeat*/; 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%; /*border-left: 2px dotted gray;*/ 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; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 36%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(36%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 36%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 36%,#f5f5f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 36%,#f5f5f5 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 36%,#f5f5f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ }
.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; }





/*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; float: left }


/*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); }




/*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-items { padding: 0 25px 0 25px; margin-top: 50px; }
.similar-items .item { list-style: none; float: right; width: 100%; }
.similar-items .item img { padding: 15px; }
.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 .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; }


/*SomeText*/
.someText { position: relative; }
.someText[id]:hover { border: 1px dotted #ff0000; border: 1px dotted rgba(255,0,0,.4); margin: -1px; }
.someText.editing { border: 1px dashed orange; margin: -1px; }
.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: #999999; 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); }
.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: #585858; min-width: 150px; width: 35%; padding-right: 10px; }
.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*/

.user-panel h1 { font-size: 2em; margin-bottom: 1em; }
.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%; }


/*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 { }





/*---- 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 { }

@media (max-width: 1200px) {
    .project-list .project-col { padding: 60px 20px; }
    .project-list .project-item .project-des { }
}

@media (max-width: 991px) {
    .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 {display:none; 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 #000 }
    .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 { 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%; }
    .base-tab .nav > li{width:25%; padding:12px 15px; font-size:13px;}
}


@media (max-width: 768px) {
    .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 25px; }
    .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; }
    /*.stuff .tab-content > .tab-pane { display: block !important; visibility: visible !important; margin-bottom: 20px; }*/
    .base-tab .nav > li{width:50%; padding:12px 5px; font-size:10px;}
    .base-tab .nav > li:nth-child(3){clear:right;}
    .base-tab .nav > li.active{border-top:none;}
    .base-tab .tab-content .tab-title { display: block; font-weight: bold; font-size: 15px; }
    .stuff-list .stuff-item .btn-wrap{text-align:center;}
    .stuff-list .stuff-item .btn-wrap a:nth-of-type(2),.stuff-list .stuff-item .btn-wrap a:nth-of-type(1){float:none; margin:3px auto;}
    .stuff .stuff-details .text ul{width:100%!important;}
    .stuff .stuff-details .text{margin:60px 15px 0;}
}

@media (max-width: 630px) {
    .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 10px; }
    .stuff .stuff-details .stuff-properties { padding: 20px }
    .base-tab .tab-content { padding: 30px; }
}

@media (max-width: 500px) {
    .stuff-list .searched-items > li { width: 100%; }
}

@media (max-width: 450px) {
    .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{overflow:auto;}
    .stuff .stuff-details .price-box .stuff-action { float: none; margin-top: 10px; }
    .stuff .stuff-details .add-to-cart-wrapper .add-to-cart { /*font-size: 12px;*/ }
    .stuff .images-wrapper .related-pictures{margin-bottom:15px;}
    .stuff .images-wrapper .related-pictures .item a{font-size:11px;}
    .stuff .images-wrapper .related-pictures .item a:after{transform:scale(0.7); transform-origin:center;}
    .stuff .images-wrapper .related-pictures .item a:before,
    .stuff .images-wrapper .related-pictures .item a:after{display:none;}
    .stuff .images-wrapper .images-inner{padding:0;}
    
}