/**************** COLOR  ****************/
:root {
    --inner-color: #4ca028;
    --panel-color: #666;
    --shop-color: #f1f0f0
}

/**************** Global Style  ****************/
html, body { }
.tooltip { white-space: nowrap }
canvas { direction: ltr; }
.FaTextBox { direction: rtl; text-align: left; }
.EnTextBox { direction: ltr; text-align: left; }
textarea { direction: ltr; text-align: left; }
select { direction: ltr; text-align: left; }
.number { direction: ltr; }
.error { color: red; }
.ltr { direction: ltr; }
.rtl { direction: ltr; }
.text-container { transform: rotate(-.1deg); }
.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: ltr; }
.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; }
.label-primary { background-color: #000; font-size: 13px; }
.label-primary[href]:hover, .label-primary[href]:focus { background-color: #999; }
.alert-dismissable .close, .alert-dismissible .close { float: right; }
.form-horizontal .control-label { text-align: left; }
.tag-item { background-color: #fff; border: 1px solid #000; font-size: 12px; color: #000; padding: 0 4px; border-radius: 5px; margin: 5px 1px; transition: all .3s ease; line-height: 25px; }
.tag-item:hover { background: #000; color: #fff }
.popover { font-size: 12px; }
.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; }
#lg-gallery .thumb-cont .thumb-info .close { float: left !important }

/**************** Public Style  ****************/

/*dropdown-menu*/
.dropdown-menu > li > a label { width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 0; }
/*.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: left; margin-top: 9px; }
.dropdown-menu .divider { margin: 2px 0; }
.dropdown-menu [type=checkbox] + label { display: block; cursor: pointer; padding-top: 5px; padding-bottom: 5px; }

/*base-tab */
.base-tab .nav-tabs { border: none; background: var(--panel-color); color: #fff; padding-left: 25px; }
.base-tab .nav > li > a { padding: 12px 25px; border: none; border-radius: 0; transition: all 0.3s ease; text-transform: capitalize; }
.base-tab .nav > li > a:before { content: ""; position: absolute; right: 0; left: 0; top: -10px; background: #f3f3f3; border-top: 1px solid var(--panel-color); height: 10px; transition: all 0.3s ease; opacity: 0; }
.base-tab .nav-tabs > li.active > a, .base-tab .nav-tabs > li.active > a:hover, .base-tab .nav-tabs > li > a:focus, .base-tab .nav > li > a:hover { background: #f3f3f3; color: #000; border: none; }
.base-tab .nav-tabs > li.active > a:before, .base-tab .nav-tabs > li.active > a:hover:before, .base-tab .nav-tabs > li > a:focus:before, .base-tab .nav > li > a:hover:before { opacity: 1; }
.base-tab .tab-content { min-height: 200px; background: #f3f3f3; padding: 40px 70px 70px 70px; }
.base-tab .tab-content .tab-title, .base-tab .tab-content .comment-title { display: none !important; }
.base-tab .tab-content .comment-form { border-top: none !important }

/*ActionButtons*/
.item-action { float: right; padding: 0px 20px; border: 1px solid #ebebeb; line-height: 38px; color: #688383; height: 38px; font-size: 18px; }
.item-action > div { display: inline-block; }
.item-action > a { margin: 0 5px; }
.action-buttons { display: inline-block; }
.action-buttons .share-button { display: inline-block; position: relative; }
.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; }

/*Rate*/
.rate-box { position: relative }
.rate-box .rate-toggle { cursor: pointer; font-size: 20px; }
.rate-box .rate { display: none; line-height: 38px; position: absolute; right: 0; background: #fff; z-index: 2; text-align: center; font-size: 12px; padding: 0 5px; text-overflow: ellipsis; white-space: nowrap; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.rate .score-title { }
.rate .vote-value { display: none; }
.rate .vote-title { display: none; }
.rate .icons img { vertical-align: middle; }

/*SendToFriend*/
.send-to-friend { position: relative; }
.send-to-friend .send-to-friend-form { box-shadow: 0 0 5px 0px #ccc; border-radius: 5px; background: #f9f9f9; padding: 10px 0; display: none; position: absolute; right: 0; width: 400px; top: 35px; z-index: 900; font-size: 11px; }
.send-to-friend .send-to-friend-form .form-title { color: #000; font-weight: bold; border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; padding: 0 15px 10px; display: block; text-align: left; font-size: 14px; text-transform: capitalize }
.send-to-friend .send-to-friend-form .close-SendToFriend { right: 20px; position: absolute; top: 15px; color: #555; font-size: 30px; cursor: pointer; }
.send-to-friend .send-to-friend-form .close-SendToFriend:hover { color: red; }
.send-to-friend .send-to-friend-form .form-row { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 10px; }
.send-to-friend .send-to-friend-form .form-label { line-height: 20px; padding-right: 0 }
.send-to-friend .send-to-friend-form .captcha { position: relative; }
.send-to-friend .send-to-friend-form img { position: absolute; right: 0px; top: 0; width: 90px; height: 40px; }
.send-to-friend .send-to-friend-form .send-to-friend-btn { width: 100%; }

/*Allform*/
.form-control { border-radius: 0; font-size: 13px; height: 40px; text-transform: capitalize }
.form-group { margin-right: 0 !important; margin-left: 0 !important; }
.form-control:hover, .form-control:focus { border: 1px solid var(--inner-color); box-shadow: none; }
.btn-primary { border-radius: 0; line-height: 27px; background: var(--inner-color); font-size: 14px; border: 1px solid var(--inner-color); 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: var(--inner-color); border-color: var(--inner-color); }
.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-right: 1px solid; padding-right: 15px; margin-right: 15px; }
.form-box .form-box-header p { border-top: 1px solid #e1e1e1; padding-top: 20px; margin-top: 20px; color: #838383; text-align: justify }
.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-right: 5px; vertical-align: middle; margin-top: 0; }
.form-box .btn-primary { width: 100%; }
.form-box .control-label { font-size: 12px; padding-right: 0; }
.form-box .checkbox label { padding-left: 5px; }
.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 { }
.main-content-wrapper.form .form-label-right { float: left; text-align: left; }
.main-content-wrapper.form input[type="radio"], .main-content-wrapper.form input[type="checkbox"] { margin-left: 0; margin: 8px 0 0; }
.main-content-wrapper.form .radio, .main-content-wrapper.form .checkbox { margin: 0; }
.main-content-wrapper.form .required { color: red; }

/*Tag*/
.search .search-list .search-item .search-header { border: 1px solid #ebebeb; padding: 4px 15px; }
.search .search-list .search-item .search-header h3 { font-size: 16px; margin: 0; display: inline-block; line-height: 24px; }
.search .search-list .search-item .search-header h3 a:before { content: "\f0da"; 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; transform: translate(0, 0); vertical-align: middle; margin-right: 5px; }
.search .search-list .search-item .search-header span { font-size: 13px; float: right }
.search .search-list .search-item .search-summary { padding: 15px; text-align: justify; font-size: 14px; }
.search .search-list .search-item .search-summary a { float: right; color: #999; font-size: 13px; text-transform: capitalize; transition: all 0.3s ease }
.search .search-list .search-item .search-summary a:hover { color: #000 }

/*Comment*/
#cmntPanel { }
#cmntPanel .comment-title { width: 50%; font-size: 17px; background: var(--panel-color); color: #fff; padding: 3px 20px; display: block }
#cmntPanel .comment-title::before { content: '\f086'; font-family: fontawesome; font-size: 24px; width: 33px; height: 29px; display: inline-block; vertical-align: middle }
#cmntPanel .comment-form { border-top: 1px solid #000; padding: 25px 0 0px 0; margin: 0 }
#cmntPanel .comment-form > div { padding: 0 7px; }
#cmntPanel .comment-form input { margin-bottom: 15px; font-size: 12px; }
#cmntPanel .comment-form textarea { height: 150px; font-size: 12px; padding-top: 10px; }
#cmntPanel .comment-form .btn { width: 100%; }
#cmntPanel .comment-form .captcha { position: relative }
#cmntPanel .comment-form .captcha img { position: absolute; right: 0; top: 0; width: 90px; height: 40px; }
#cmntPanel .comment-list { margin-top: 40px; }
#cmntPanel .comment-list .comment-box { border: 2px solid #e1e1e1; margin-bottom: 15px; padding: 40px; }
#cmntPanel .comment-list .comment-item .comment-header { border-bottom: 1px dashed #e1e1e1; padding-bottom: 10px; }
#cmntPanel .comment-list .comment-item .comment-header .comment-info { display: inline-block }
#cmntPanel .comment-list .comment-item .comment-header .comment-info span { display: inline-block; font-weight: bold }
#cmntPanel .comment-list .comment-item .comment-header .comment-info span.date { font-size: 12px; color: #666; font-weight: normal }
#cmntPanel .comment-list .comment-item .comment-header .comment-info span.date:before { content: "|"; display: inline-block; margin: 0 5px; }
#cmntPanel .comment-list .answers { padding-left: 50px; }
#cmntPanel .comment-list .comment-item { position: relative; margin-bottom: 50px; }
#cmntPanel .comment-list .comment-item .dashes { float: right }
#cmntPanel .comment-list .comment-item .dashes > div { display: inline-block; margin-left: 5px; background: #e6e6e6; padding: 3px; line-height: 19px; width: 65px; text-align: center; cursor: pointer }
#cmntPanel .comment-list .comment-item .dashes i { margin-left: 5px; text-align: center; border-radius: 50%; color: #666; vertical-align: middle; }
#cmntPanel .comment-list .comment-item .dashes span { color: #666; display: inline-block; vertical-align: middle; font-size: 12px; }
#cmntPanel .comment-list .comment-item .dashes .likes i { color: green }
#cmntPanel .comment-list .comment-item .dashes .likes span, #cmntPanel .comment-list .comment-item .dashes .dislikes span { font-family: Arial; font-weight: bold; letter-spacing: 1px; font-size: 14px; }
#cmntPanel .comment-list .comment-item .dashes .dislikes i { color: red }
#cmntPanel .comment-list .comment-item .dashes .cancelBtnItem.cancelBtnItemNone { display: none !important }
#cmntPanel .comment-list .comment-item .dashes .dash-alert { position: absolute; font-size: 12px; color: #666; top: -25px; right: 0; }
#cmntPanel .comment-list .comment-item .writing { padding: 20px; padding-right: 0; text-align: justify; }
#cmntPanel #cmnt-form1 { display: none; border-top: none }

/*Pager*/
.pager-wrapper { text-align: center; margin-top: 30px; clear: both }
.pager-wrapper .pagination > li:first-child a { direction: rtl; }
.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: left; 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; padding-left: 0; }
.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; margin-right: 15px; }
.archive-dates .radio { margin: 0; }

/*Chat*/
#chat-box { position: fixed; right: 30px; bottom: 90px; width: 270px; z-index: -50; visibility: hidden; opacity: 0; box-shadow: 0 0 10px #ccc; transition: all 0.5s ease-in-out; }
#chat-box.open { visibility: visible; z-index: 100; bottom: 100px; opacity: 1; }
#chat-box .panel-default > .panel-heading { color: #fff; background-color: #000; border-color: #000; }
#chat-box .panel-default > .panel-heading a { color: #fff; font-size: 13px; }
#chat-box .panel-default > .panel-heading a:hover { color: #ccc; }
#chat-box .panel { margin-bottom: 0; }
#chat-box .panel-body { overflow: auto; max-height: 250px; background: white; }
#chat-box .online { display: none; }
#chat-box.online .online .input-group-btn button { max-width: 50px; }
#chat-box.online .online .input-group input { font-size: 13px; }
#chat-box.online .online { display: block; Outline: none; }
#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; }
.chat-launcher { box-shadow: 0 0 8px #555; position: fixed; top: auto; left: auto; right: 30px; bottom: 30px; border-radius: 50%; background-color: var(--inner-color); width: 60px; height: 60px; z-index: 200; }
.chat-launcher .chat-launcher-open-icon,
.chat-launcher .chat-launcher-close-icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; transition: .15s; }
.chat-launcher .chat-launcher-open-icon { background: url(/images/open-chat.png) no-repeat center; background-size: 50% !important; opacity: 1; visibility: visible; }
.chat-launcher .chat-launcher-open-icon.active,
.chat-launcher .chat-launcher-close-icon.active { transform: rotate(0) scale(1); opacity: 1; visibility: visible; }
.chat-launcher .chat-launcher-close-icon { background: url(/images/close-chat.png) no-repeat center; background-size: 14px; transform: rotate(0) scale(0); }
.chat-launcher .chat-launcher-close-icon.active { transform: rotate(-90deg) scale(1); }

/**************** Module  ****************/
/*AgencyList*/
#IranMap { text-align: left !important; direction: ltr !important }
#IranMap .agancy-list-col { float: right }
#IranMap .list li ul li { float: left !important }
.agency-list .agancy-items .agancy-item { margin-bottom: 10px; border: 1px solid #e1e1e1 }
.agency-list .agancy-items .agancy-item h3 { padding: 7px 15px; display: block; font-size: 16px; border-bottom: 1px solid #e1e1e1; margin: 0; cursor: pointer }
.agency-list .agancy-items .agancy-item h3:before { content: "\f067"; 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; transform: translate(0, 0); color: #000; margin-right: 10px; line-height: 1.5em; vertical-align: middle; font-size: 16px; }
.agency-list .agancy-items .agancy-item h3.agancy-toggle.active:before { content: "\f068"; }
.agency-list .agancy-items .agancy-item .agancy-des { background: rgba(255,255,255,0.7); padding: 15px; list-style: none; display: none; color: #666; padding-left: 35px; }
.agency-list .agancy-items .agancy-item:first-child .agancy-des { display: block }
.agency-list .agancy-items .agancy-item .agancy-des span { display: inline-block }

/*ArticleList*/
.article-list .article-item { height: 250px; border: 1px solid #e1e1e1; margin-bottom: 75px; 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: #7dcac2 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-right: 5px; }
.article-list .article-item .article-info .article-share { float: none; color: #688383; margin-left: 5px; }
.article-list .article-item .article-info a { float: right; color: #000; text-transform: capitalize }
.article-list .article-item .article-info a:after { content: "\f101"; display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 FontAwesome; transform: scale(0); transition: all 0.3s ease }
.article-list .article-item .article-info a:hover:after { transform: scale(1); margin-left: 5px }
.article-list .article-item:hover:after { background: #ff9292 url(../../Images/article-icon.png); }

/*Article*/
.article { }
.article .article-header h1 { font-size: 19px; color: #000; margin-bottom: 25px; margin-top: 0; padding-top: 8px; }
.article .article-header .item-action .article-like { cursor: pointer; margin: 0 5px; }
.article .article-header .item-action .article-like.liked:before { color: red; content: "\f004"; }
.article .article-img { position: relative; }
.article .article-img img { width: 100%; }
.article .article-img .related-pictures { width: 95px; position: absolute; top: 10px; right: 10px; }
.article .article-info { background: var(--panel-color); min-height: 33px; line-height: 33px; text-align: right; margin-top: 10px; font-size: 11px; color: #fff; letter-spacing: 1px; padding-right: 20px; margin-bottom: 25px; }
.article .article-content { text-align: justify; margin-bottom: 20px; }

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

/*BlogPostList*/
.blog-list { }
.blog-list .blog-item { position: relative; padding-bottom: 20px; }
.blog-list .blog-item .blog-title { margin-top: 0; font-size: 16px; font-weight: bold; line-height: 25px; }
.blog-list .blog-item .blog-info { position: relative; color: #688383; font-size: 13px; }
.blog-list .blog-item .blog-info:after { content: ""; display: block; height: 4px; background: linear-gradient( to right, #dfdfde 0, #dfdfde 33.3%, #999 33.3%, #999 66.6%, #000 66.6%, #000 )no-repeat; background-size: 100% 4px; margin-top: 5px; }
.blog-list .blog-item .blog-info span { margin-right: 20px; }
.blog-list .blog-item .blog-des { width: 100%; vertical-align: top; display: inline-block; padding: 20px 0; }
.blog-list .blog-item .blog-des .blog-img { float: left; margin-right: 15px; }
.blog-list .blog-item .blog-des .blog-summary { color: #8b9a9a; font-size: 13px; text-align: justify; }
.blog-list .blog-item .blog-des .blog-summary a { color: #999; transition: all 0.5s ease; float: right }
.blog-list .blog-item .blog-des .blog-summary a:hover { color: #000; }

/*BlogPost*/
.blog-post { position: relative; }
.blog-post .blog-header h1 { font-size: 19px; color: #000; margin-top: 0; padding-top: 8px; margin-bottom: 25px; line-height: 25px; }
.blog-post .blog-img { position: relative; }
.blog-post .blog-img img { width: 100%; }
.blog-post .blog-img .blog-gallery { position: absolute; left: 10px; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.5); padding: 0 5px; overflow: auto }
.blog-post .blog-img .related-pictures { width: max-content }
.blog-post .blog-img .related-pictures .item { width: 75px; float: left; padding: 10px 5px; }
.blog-post .blog-img .related-pictures .item a { margin-bottom: 0 }
.blog-post .blog-info { background: var(--panel-color); min-height: 33px; line-height: 33px; margin-top: 10px; font-size: 11px; color: #fff; letter-spacing: 1px; padding: 0 10px; margin-bottom: 25px; }
.blog-post .blog-content { text-align: justify; margin-bottom: 20px; }

/*Contact*/
.contact .contact-form > div { padding-right: 7px; padding-left: 7px; margin-bottom: 15px; }
.contact .contact-form select { color: #999; height: 40px; }
.contact .contact-form input { height: 40px; text-align: left; }
.contact .contact-form textarea { height: 130px; }
.contact .contact-form .contact-btn { text-align: right; }
.contact .contact-form .contact-btn .btn { width: 100%; height: 40px; background: var(--inner-color); color: #fff; border: 1px solid var(--inner-color); 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: var(--inner-color); }
.contact .contact-form img { position: absolute; right: 6px; top: 0; width: 90px; height: 40px; }
.contact .contact-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: #21272d; color: #fff; }
.download-list .item table tr:first-child th { text-align: left; text-transform: capitalize; }
.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: 22px; text-transform: capitalize; }

/*FaqList*/
.faq-list .questions .question { cursor: pointer; }
.faq-list .questions .question.select { border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; }
.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-right: 5px; vertical-align: middle }
.faq-list .questions .question i { color: var(--inner-color); margin-left: 15px; line-height: 1.5em; vertical-align: middle; float: right; font-size: 18px; margin-top: 2px; }
.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; right: 7px; top: 0; width: 90px; height: 39px; }
.faq-list #form .btn { width: 100% !important; height: 40px; }
.faq-list #form span { font-size: 12px; }

/*GalleryList*/
.gallery-list { text-align: center; }
.gallery-list .gallery-item { position: relative; display: inline-block; overflow: hidden; margin: 10px 1%; width: 300px; height: 220px; background: #000000; color: #ffffff; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); max-width: 100%; border-bottom: 5px solid var(--inner-color); }
.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: 21px; }
.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; text-transform: capitalize; }
.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; text-transform: capitalize; }
.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: 17px; 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); }

/*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 var(--inner-color); }

/*NewsList*/
.news-list .news-item { height: 380px; 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: #f2f2f2; 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: var(--inner-color); 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; text-transform: capitalize }
.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-right: 5px; }
.news-list .news-item .news-info a { float: right; color: #000; text-transform: capitalize }
.news-list .news-item .news-info a:after { content: "\f101"; display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 FontAwesome; transform: scale(0); transition: all 0.3s ease }
.news-list .news-item .news-info a:hover:after { transform: scale(1); margin-left: 5px }
.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: 5px; margin-top: 0; padding-top: 8px; margin-bottom: 25px; text-transform: capitalize }
.news .news-img { position: relative; }
.news .news-img img { width: 100%; }
.news .news-img .news-gallery { position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.5); padding: 0 5px; width: 100%; overflow: auto; }
.news .news-img .news-gallery .news-gallery-box { width: max-content; }
.news .news-img .news-gallery .news-gallery-box > div { display: inline-block; vertical-align: top; }
.news .news-img .related-pictures .item, .news .news-img .news-gallery .news-gallery-box .related-video > div { width: 75px; float: right; padding: 10px 5px; }
.news .news-img .related-pictures .item a { margin-bottom: 0 }
.news .news-img .news-gallery .news-gallery-box .related-video { margin: 0 }
.news .news-img .news-gallery .news-gallery-box .related-video .video-item { margin-bottom: 0 }
.news .news-img .news-gallery .news-gallery-box .related-video .video-item:after { display: none }
.news .news-img .news-gallery .news-gallery-box .related-video .video-item i { color: #fff; text-shadow: 0px 1px 4px #000; bottom: 8px; left: 5px; }
.news .news-img .news-gallery .news-gallery-box .related-video .video-item:hover i { transform: none !important; color: red }
.news .news-img .news-gallery .news-gallery-box .related-video img { height: 65px; width: auto; max-width: inherit; }
.news .news-info { background: var(--panel-color); min-height: 33px; line-height: 33px; margin-top: 10px; font-size: 11px; color: #fff; letter-spacing: 1px; padding-left: 10px; padding-right: 5px; margin-bottom: 25px; }
.news .news-content { text-align: justify; margin-bottom: 20px; }

/*latest-news */
.latest-news .latest-title { border: 1px solid #ebebeb; font-size: 17px; color: #000; padding: 4px 15px; text-transform: capitalize; margin-bottom: 15px; }
.latest-news .tags { margin-bottom: 30px; }
.latest-news ul { list-style: none; padding: 0; margin-bottom: 20px; }
.latest-news ul li { padding: 0 10px 10px 10px; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; display: inline-block; width: 100%; }
.latest-news ul li:last-child { border-bottom: none }
.latest-news ul li h4 { font-size: 13px; color: #000; margin-bottom: 5px; vertical-align: top; line-height: 23px }
.latest-news ul li .latest-info { font-size: 11px; color: #688383; }
.latest-news ul li .latest-info span { margin-right: 20px; }
.latest-news ul li .latest-info i { margin-right: 3px; }
.latest-news ul li .media-image { float: left; margin-right: 10px; }

/*NewsArchive*/
.news-archive { }
.news-archive .media { border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; }
.news-archive .media h3 { font-size: 20px; display: inline-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: 2px solid #999; }
.organization-chart .chart tr.lines td.left { border-right: 2px solid #999; }
.organization-chart .chart tr.lines td.right { border-left: 2px solid #999; }
.organization-chart .chart td { text-align: center; vertical-align: top; padding: 0 2px; position: relative }
.organization-chart .chart a.node { cursor: pointer; border: 1px solid #a0a0a0; display: inline-block; background-color: #f3f3f3; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; direction: rtl; padding: 5px 15px; transition: all 0.3s ease }
.organization-chart .chart a.node:hover { background-color: #fff; }
.organization-chart .chart .popover-content { position: absolute; padding: 10px 0; right: 0; left: 0; text-align: center }
.organization-chart .chart .content { text-align: center; background: #fff; padding: 5px; border-radius: 5px; box-shadow: 1px 1px 5px #000; max-width: 130px; margin: 0 auto }
.organization-chart .chart .content a { display: block }
.organization-chart .chart .content a img { max-width: 100%; }
.organization-chart .chart .content span { display: block }

/*Poll*/
.poll-group-ctrl .title { font-size: 22px; border-bottom: 2px solid #e1e1e1; display: block; padding-bottom: 10px; }
.poll-group-item-ctrl .title, .poll-item-ctrl .title { font-size: 16px; margin: 20px 0 0 0; border-bottom: none; padding-bottom: 0; }
.poll-group-item-ctrl .title:before, .poll-item-ctrl .title:before { margin-right: 5px; content: "\f059"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.poll-item-ctrl { padding: 5px; }
.poll-ctrl .column.percent { width: 35px; }
.poll-ctrl .column.vote-count { width: 20px; }
.poll-ctrl .column.bar .bar-wrapper { position: relative; height: 1.5em; border: 1px dotted gray; }
.poll-ctrl .column.bar .bar { background-color: orange; background-repeat: repeat-y; background-position: right top; height: 1.5em; float: right; }
.poll-ctrl .column.bar .label { position: absolute; top: 0; right: 0; line-height: 14px; padding-left: 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-left: 10px; margin-top: 11px; }
.questions input { vertical-align: middle; margin-right: 3px !important; position: initial !important; }
.divPollResult { margin-top: 20px; }
.divPollResult .progress-bar-info { background: #000; }
.poll-group-list table, .poll-list table { width: 100%; }
.poll-group-list .btn, .poll-list .btn { text-transform: uppercase; background: var(--inner-color) !important; border: 1px solid var(--inner-color) !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: var(--inner-color); box-shadow: none; }
.poll-group-list .questions table tr, .poll-list .questions table tr { display: inline-block; margin-right: 85px; }

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

/*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-left: 30px; display: inline-block; width: 250px; max-width: 49%; }
.project-list .project-item .project-des h3 { margin-top: 0; font-size: 17px; border-left: 20px solid #e3e8e8; background: #fbfbfb; padding: 6px 5px 6px 10px; 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-left: 5px; }
.project-list .project-item .project-des .project-info span:before { content: ''; position: absolute; height: 1px; width: 20px; border-bottom: 1px solid #aebebe; left: 0; bottom: -1px; transition: all 0.3s ease; }
.project-list .project-item .project-des .project-info span em { color: #688383; margin-right: 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: right; }
.project-list .project-col:hover .project-des .project-info span:before { width: 100%; }
.project-list .project-col:hover h3 { border-left: 20px solid var(--inner-color); }

/*Project*/
.project { }
.project .project-img img { width: 100%; }
.project .project-img .project-galley { margin-top: 10px; width: 100%; overflow: auto; }
.project .project-img .project-galley .project-galley-box { width: max-content; overflow: hidden }
.project .project-img .project-galley .project-galley-box > div { display: inline-block; vertical-align: top; }
.project .project-img .related-pictures .item { display: inline-block; margin-right: 2px; width: 65px; }
.project .project-img .related-video { margin: 0 }
.project .project-img .related-video > div { width: 65px; padding: 0; height: 65px; margin-right: 5px; }
.project .project-img .related-video .video-item { margin-bottom: 5px; }
.project .project-img .related-video .video-item:after { display: none }
.project .project-img .related-video .video-item i { color: #fff; text-shadow: 0px 1px 4px #000; bottom: 10px; left: 8px; }
.project .project-img .related-video .video-item:hover i { transform: none !important; color: red }
.project .project-img .related-video img { height: 65px; width: auto; max-width: inherit; }
.project .project-header { border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 20px; }
.project .project-header h1 { font-size: 20px; margin-top: 0; margin-bottom: 5px; font-weight: bold; display: inline-block; }
.project .project-header .item-action { border: none; padding-right: 0 }
.project .project-header .item-action .dropdown-menu { right: 0; left: auto; }
.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-right: 5px; }
.project .project-content .project-info span:last-child { float: right; }
.project .project-footer { margin-top: 16px; font-size: 12px; }
.project .project-footer span { margin-right: 3px; }

/*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 .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; text-transform: capitalize; }
.service-list-page .service-item .service-img a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.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: right; color: #688383; transition: all 0.3s ease; }
.service-list-page .service-item .service-des .service-footer em { border-left: 1px solid #e0e0e0; padding-left: 15px; margin-right: 10px; }
.service-list-page .service-item .service-des .service-footer .action-buttons { display: inline-block; padding-right: 8px; }
.service-list-page .service-item .service-des .service-footer .action-buttons .print-button { display: none }
.service-list-page .service-item .service-des .service-footer .action-buttons .dropdown-menu-left { right: 0; left: auto }
.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 em { border-left: 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 .service-gallery { overflow: auto }
.service .serviced-pic .related-pictures { margin-top: 5px; height: 65px; overflow: hidden; width: max-content; }
.service .serviced-pic .related-pictures .item { width: 65px; height: 65px; border: 1px solid #e0e0e0; margin-right: 1px; display: inline-block; }
.service .serviced-pic .related-pictures .item img { width: 100%; }
.service .service-description .description { color: #797979; text-align: justify; clear: both; }
.service .service-description .service-header { border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 20px; }
.service .service-description .service-header h1 { font-size: 20px; margin-top: 0; margin-bottom: 5px; font-weight: bold; display: inline-block; }
.service .service-description h2 { font-size: 12px; text-transform: uppercase; color: #688383; text-align: right; margin-top: 0; margin-bottom: 15px; display: inline-block; vertical-align: top; float: right; }
.service .service-description .service-header .item-action { border: none; padding-right: 0 }
.service .service-description .service-header .item-action .dropdown-menu { right: 0; left: auto }
.service .downloads .item { border: 1px solid #e1e1e1; width: 80% !important; margin: 0 auto; margin-bottom: 30px; }
.service .downloads .item table { margin-bottom: 0 }
.service .downloads .item table tr:first-child { background: #21272d; color: #fff; }
.service .downloads .item table tr:first-child th { text-align: left; }
.service .downloads .well { font-size: 17px; }

/*StuffList*/
.stuff-list { position: relative }
.stuff-list .searched-items { list-style: none; }
.stuff-list .stuff-item { position: relative; margin-bottom: 30px; }
.stuff-list .stuff-item .stuff-img { border: 1px solid #dedede; 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: #000; }
.stuff-list .stuff-item .stuff-name { margin-top: 12px; position: relative; }
.stuff-list .stuff-item .stuff-name h3 { margin: 0; font-size: 18px; text-transform: capitalize; width: calc(100% - 50px); }
.stuff-list .stuff-item .stuff-name .stuff-status { color: #fff; line-height: 20px; position: absolute; right: 0; top: 0; }
.stuff-list .stuff-item .stuff-name .stuff-status .label { font-weight: normal; }
.stuff-list .stuff-item .stuff-price { font-size: 14px; color: #4d4d4d; margin-top: 5px; }
.stuff-list .stuff-item .stuff-price span { font-size: 12px; margin-left: 5px; font-weight: normal; }
.stuff-list .stuff-item .compare { right: 15px; position: absolute; text-align: right; top: -5px; font-size: 12px; opacity: 0; transition: all 0.3s ease; }
.stuff-list .stuff-item .compare input { vertical-align: text-top; }
.stuff-list .stuff-item:hover .compare { opacity: 1; top: 5px; }
.stuff-list .stuff-item:hover .stuff-img span { bottom: 0; border-bottom: 1px solid #000; border-top: 1px solid #000; }
.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; }
.sidebar-btn { position: fixed; left: calc(100% - 74px); 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; }

/*StuffList-filtering*/
.stuff-sidebar { position: inherit }
.stuff-list .product-status { width: 100%; background: var(--shop-color); height: 50px; line-height: 48px; border: 1px solid #dedede; padding: 0 15px; font-size: 13px; margin: 0 auto; margin-bottom: 16px; text-transform: capitalize; position: absolute; top: -65px; }
.stuff-list .product-status .product-status-title { font-size: 14px; font-weight: bold; margin-right: 15px; }
.stuff-list .product-status .radio-inline { padding-right: 10px; padding-left: 0; margin-left: 0 }
.stuff-list .product-status .radio-inline input { position: inherit; margin-right: 0; vertical-align: middle; margin-top: 0 }
.stuff-sidebar .stuff-search { }
.stuff-sidebar .stuff-search .input-group { display: block; }
.stuff-sidebar .stuff-search input[type=text] { border: 1px solid var(--shop-color); height: 34px; float: none; font-size: 13px; }
.stuff-sidebar .stuff-search .input-group-btn { display: none }
.stuff-sidebar .stuff-search .btn { background: #000; 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-right: 5px; display: inline-block; padding: 8px; }
.stuff-sidebar .selected-items span.remove { margin-left: 10px; cursor: pointer; }
.stuff-sidebar .price { border: 1px solid #dedede; padding: 0 15px 15px 15px; margin: 15px 0; }
.stuff-sidebar .price .price-title { display: block; background: var(--shop-color); color: #000; padding-left: 15px; margin-right: -15px; margin-left: -15px; margin-bottom: 10px; font-weight: bold }
.stuff-sidebar .price #maxPrice { text-align: right; }
.stuff-sidebar .search-items { border: 1px solid #dedede; list-style: none; }
.stuff-sidebar .search-items .search-item .btn { cursor: default; width: 100%; border-radius: 0; background: var(--shop-color); height: 30px; border: 1px solid #dedede; line-height: 17px; color: #000; font-size: 14px; text-align: left; font-weight: bold }
.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; right: 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-right: 6px; vertical-align: text-top; margin-left: 0; }
.stuff-sidebar .search-items .search-item .dropdown-menu label { padding: 5px 0 }
.stuff-sidebar .search-items .search-item .dropdown-menu img { width: 25px; }

/*Stuff*/
.stuff .images-wrapper { margin-bottom: 30px; }
.stuff .images-wrapper .main.image { width: 100%; border: 1px solid #f0f0f0; margin-bottom: 15px; }
.stuff .images-wrapper .related-pictures .item { display: inline-block; margin-right: 10px; }
.stuff .images-wrapper .related-pictures .item img { border: 3px solid #f3f6ed; }
.stuff .stuff-details { }
.stuff .stuff-details .stuff-header { border-bottom: 1px solid #f0f0f0; padding: 0 25px 10px 25px; display: inline-block; vertical-align: top; width: 100%; }
.stuff .stuff-details .stuff-header .stuff-title { display: inline-block; }
.stuff .stuff-details .stuff-header .stuff-title h1 { font-size: 20px; font-weight: bold; color: #000; margin: 0; }
.stuff .stuff-details .stuff-header .stuff-title span { color: #999; display: none; }
.stuff .stuff-details .stuff-header #rate { float: right; }
.stuff .stuff-details .price-box { padding: 25px; color: #525252; font-size: 18px; }
.stuff .stuff-details .price-box .pricing { display: inline-block; }
.stuff .stuff-details .price-box .before-discount { color: #1ca700; font-weight: bold; }
.stuff .stuff-details .price-box .before-discount.line-through { color: #ff0000; font-weight: normal; font-size: 15px; border: 1px solid #f0f0f0; padding: 2px 13px; margin-right: 25px; }
.stuff .stuff-details .price-box .before-discount.line-through:after { content: "Rial"; color: #525252; font-size: 13px; }
.stuff .stuff-details .price-box .discounted { color: #1ca700; font-weight: bold; }
.stuff .stuff-details .price-box .stuff-action { float: right; position: relative; }
.stuff .stuff-details .price-box .stuff-action .fa { width: 32px; height: 32px; border: 1px solid #f0f0f0; text-align: center; line-height: 32px; color: #828080; cursor: pointer; background: #fff; }
.stuff .stuff-details .price-box .stuff-action > div { display: inline-block; }
.stuff .stuff-details .price-box .stuff-action .stuff-share .share-icon { list-style: none; position: absolute; display: none; }
.stuff .stuff-details .price-box .stuff-action .stuff-like { }
.stuff .stuff-details .price-box .stuff-action .stuff-like.liked:before { color: red; content: "\f004"; }
.stuff .stuff-details .price-box .stuff-action .notify.hasNotify a:before { color: #1ca700; content: "\f0f3"; }
.stuff .stuff-details .add-to-cart-wrapper { margin-top: 15px; }
.stuff .stuff-details .add-to-cart-wrapper .button { margin-top: 15px; }
.stuff .stuff-details .add-to-cart-wrapper .quantity { vertical-align: middle; height: 30px; width: auto; display: inline-block; padding: 0 12px; }
.stuff .stuff-details .add-to-cart-wrapper .add-to-cart { float: right; width: 200px; height: 30px; line-height: 17px; font-size: 13px; }
.stuff .stuff-details .add-to-cart-wrapper .add-to-cart i { margin-right: 15px; }

.stuff .stuff-details .add-to-cart-wrapper .buy-options .buy-option-wrapper { padding: 5px 0; list-style: none; font-size: 13px; }
.stuff .stuff-details .add-to-cart-wrapper .buy-options .buy-option { float: left; line-height: 1.8em; }
.stuff .stuff-details .add-to-cart-wrapper .buy-options label { margin: 0 5px 0 5px; }
.stuff .stuff-details .stuff-properties { border-top: 1px solid #f0f0f0; padding: 25px;; }
.stuff .stuff-details .stuff-properties p { margin: 10px 0; }
.stuff .stuff-details .stuff-properties .tags { display: none; }
.notify-modal .modal-header { text-align: center }
.notify-modal .modal-body { padding-left: 145px; padding-top: 25px; font-size: 15px; }
.notify-modal .modal-body:before { 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; transform: translate(0, 0); content: "\f0a2"; font-size: 115px; color: #e1e1e1; position: absolute; left: 13px; }
.notify-modal .close { vertical-align: middle; display: inline-block; float: right; font-size: 32px; }
.notify-modal input[type="checkbox"] { margin: 8px 0 0; }
.notify-modal h4 { display: inline-block; font-weight: bold; }
.notify-modal .modal-body .options { color: #666; font-size: 14px; }
.notify-modal .modal-footer { text-align: center; border-top: none; padding-bottom: 30px; }

/*Stuff-Similar Items*/
.similar-stuff { border: 1px solid #f3f3f3; }
.similar-stuff .similar-title { border-bottom: 1px solid #e1e1e1; font-size: 20px; margin: 0; /* color: #fff; */ padding: 10px 15px; background: #f3f3f3; }
.similar-stuff .similar-item { padding: 15px 0; text-align: center }
.similar-stuff .similar-item .similar-des h3 { margin: 0; font-size: 18px; }
.similar-stuff .similar-item .similar-des .similar-price { color: #1ca700; font-size: 13px; }
.similar-stuff .similar-item img { max-width: 100%; }
.similar-items .owl-nav > div { position: absolute; top: 50%; font-size: 1.5em; padding: 5px; cursor: pointer; margin-top: -21px; color: #828080; cursor: pointer }
.similar-items .owl-prev { right: 0; }
.similar-items .owl-next { left: 0; }

/*Stuff-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; left: 40px; padding: 0 20px; height: 36px; width: 185px; border-radius: 15px 15px 0 0; font-size: 14px; font-size: .875rem; text-align: left; 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: right; 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-right: 5px; }
#compare-wrapper #compare-list { }
#compare-wrapper #compare-list a.compare-item { border-radius: 0; float: left; 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; right: 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; }
.user-panel img { margin-right: 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; right: 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; right: 26px; 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-modal { background: rgba(0,0,0,0.8); }
#video-modal .modal-header .modal-title { text-align: center; }
#video-modal .modal-header .close { font-size: 27px; margin-top: 0 }
#video-modal .modal-content { background-color: rgba(255,255,255,0.7); }
#video-modal .modal-content video { vertical-align: middle }
body.modal-open { padding-right: 0 !important; }

/*WorldAgencyList*/
.world-agency-list { }
.world-agency-list #chartdiv { width: 100%; height: 400px; }
.world-agency-list .world-agency-items { float: right }
.world-agency-list .world-agency-items .world-agency-item { margin-bottom: 10px; border: 1px solid #e1e1e1 }
.world-agency-list .world-agency-items .world-agency-item h3 { padding: 7px 15px; display: block; font-size: 16px; border-bottom: 1px solid #e1e1e1; margin: 0; cursor: pointer }
.world-agency-list .world-agency-items .world-agency-item h3:before { content: "\f067"; 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; transform: translate(0, 0); color: #000; margin-right: 5px; line-height: 1.5em; vertical-align: middle; font-size: 16px; }
.world-agency-list .world-agency-items .world-agency-item h3 .world-agancy-toggle.active:before { content: "\f068"; }
.world-agency-list .world-agency-items .world-agency-item .world-agancy-des { background: rgba(255,255,255,0.7); padding: 15px; list-style: none; display: none; color: #666; padding-left: 35px; }
.world-agency-list .world-agency-items .world-agency-item:first-child .world-agancy-des { display: block }
.world-agency-list .world-agency-items .world-agency-item .world-agancy-des span { display: inline-block }

/**************** Old Style  ****************/

/*Comment*/
.comments-wrapper { }
.comments-wrapper .comment-title { font-size: 17px; font-weight: bold; margin: 0 0 20px; line-height: 40px; border: 1px solid #ebebeb; display: block; text-align: center; }
.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; display: inline-block; }
.comments-wrapper li.comment.alternate-item { background-color: whitesmoke; }
.comments-wrapper .post-by { }
.comments-wrapper .comment-content { padding: 10px 0 0 15px; }
.comments-wrapper .send { margin-top: 10px; }
.comments-wrapper .submit-comment-form { margin-top: 25px; }
.comments-wrapper .submit-comment-form .form-group [class^="col-"],
.comments-wrapper .submit-comment-form .control-label { padding: 0; }
.comments-wrapper img { width: 90px !important; position: absolute; right: 0; top: 0; margin-right: 0 !important; height: 40px; }
.comment-btn { text-align: right; }
.comment-btn .btn { width: 220px; background: #000; color: #fff; border-radius: 0; height: 40px; transition: all .3s ease; line-height: 25px; border: 1px solid #000; }
.comment-btn .btn:hover { background: #fff; color: #000; }

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

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

/*ArticleArchive*/
.article-archive { }
.article-archive a.link:visited, .article-archive a.link:link, .article-archive a.link:active { font-weight: bold; }
.article-archive a.link:hover { font-weight: bold; }
.article-archive .item { padding: 5px; margin-bottom: 10px; }
.article-archive .summary { padding: 5px; }

/*Bid*/
.bid { }
.bid .header { background: none repeat scroll 0 0 #eeeeee; padding: 5px; }
.bid .header a { margin: 0 5px; }
.bid .image { float: left; 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-right: 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; }

/*Cart*/
.add-to-cart-wrapper { padding: 5px 0 0 0; }
.add-to-cart-wrapper .quantity { vertical-align: middle; }
.add-to-cart-wrapper .buy-options { margin: 0; padding: 0; }
.add-to-cart-wrapper .buy-options .buy-option-wrapper { margin: 0; padding: 0 10px 0 0; list-style: none; line-height: 1.8em; }
.add-to-cart-wrapper .buy-options .buy-option { float: right; line-height: 1.8em; }
.add-to-cart-wrapper .buy-options label { margin: 0 5px 0 5px; }
.add-to-cart-wrapper .button { padding: 5px 10px 10px 0; }
.mini-cart-summary { position: relative; float: right; z-index: 1500; }
.mini-cart-summary .mini-cart { position: absolute; top: 100%; right: 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-right: 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; }

/*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; 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%; }
.compare-template .compare-td-3 { width: 33.33334%; }
.compare-template .compare-td-4 { width: 25%; }
.compare-template .compare-td-5 { width: 20%; }
.compare-template .compare-td-6 { width: 16.66667%; }
.compare-template .compare-td-6 .compare-item { min-height: 135px; }
.compare-template .compare-item { text-align: center; min-height: 120px; position: relative; margin: auto; margin-bottom: 5px; }
.compare-template .compare-item .title { color: #2c2c2c; margin: 10px 5px 5px 10px; }
.compare-template .compare-item:hover { border: 1px solid #606060; }
.compare-template .compare-item .remove { display: block; height: 16px; left: 10px; position: absolute; top: 5px; width: 16px; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); color: red; }
.compare-template .compare-item:hover span.remove { opacity: 1; filter: alpha(opacity=100); }
.compare-template .compare-item a { display: block; }

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

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

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

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

/*LoggedInBox*/
.loggedin-box { line-height: 2em; display: inline-block; position: relative; font-size: 0.9em; }
.loggedin-box .title { line-height: 1.3em; float: right; text-align: center; border-radius: 3px 0 0 3px; 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-left: 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; }

/*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 { border: none !important; background-color: transparent !important; overflow: hidden; }
.menu .RadEditor .reModule.reRow { margin: 0; }
.menu .RadEditor .reContentArea { padding: 0; }
.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: right; 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; /* float: left !important; */ }
.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 { float: left !important;}*/
.mega-menu li.level1 > a { height: 40px; width: 130px; padding: 4px; display: inline-block; text-align: center; }
.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: left; padding: 10px 10% 10px 10px; /*border-left: 2px dotted gray;*/ min-width: 140px; margin-bottom: 18px; }
.mega-menu li.level2 > a { display: block; color: #181a1a; padding: 3px 8px 0 0; 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-right: 8px; }

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

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

/*Poll*/
.poll-group-ctrl .title { font-size: 22px; border-bottom: 2px solid #e1e1e1; display: block; padding-bottom: 10px; }
.poll-group-item-ctrl .title { font-size: 16px; margin: 20px 0 0 0; border-bottom: none; padding-bottom: 0; }
.poll-group-item-ctrl .title:before { margin-right: 5px; content: "\f059"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.poll-item-ctrl { padding: 5px; }
.poll-item-ctrl .title { font-size: 1.1em; }
.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; }
.poll-ctrl .questions input { vertical-align: middle; margin-left: 3px; }
.divPollResult { margin-top: 20px; }
.divPollResult .progress-bar-info { background: #000; }
.poll-group-list table, .poll-list table, .poll-ctrl table { width: 100%; }
.poll-group-list .btn, .poll-list .btn, .poll-ctrl .btn { text-transform: uppercase; background: var(--inner-color) !important; border: 1px solid var(--inner-color) !important; line-height: 18px; color: #fff; font-size: 13px; border-radius: 0; width: 140px; 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: var(--inner-color); box-shadow: none; }
.poll-group-list .questions table tr, .poll-list .questions table tr, .poll-ctrl .questions table tr { display: inline-block; margin-left: 70px; }

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

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

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

/*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: left; 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 { margin: 0; }
.search .item { margin-bottom: 20px; }
.search .item .module { }
.search a.link:hover { text-decoration: none; color: #000; 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; }

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

/*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; right: 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 { direction: rtl; 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: left; }
#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); }

/*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; }
.unclickable { /*pointer-events: none;*/ cursor: default; }

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

/*UserPanel*/
.main-content-wrapper.user-panel { padding: 0; }
.user-panel h1 { font-size: 2em; margin-bottom: 1em; }
.user-panel .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%; }

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

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



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

/**************** Responsive Style  ****************/

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

@media (max-width: 991px) {
    .service .service-description .service-header, .project .project-header { margin-top: 30px !important; }
    .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-left: 20px; }
    .project-list .project-col:nth-child(1), .project-list .project-col:nth-child(4), .project-list .project-col:nth-child(5), .project-list .project-col:nth-child(8) { background: #fff; }
    .project-list .project-col:nth-child(odd) { background: #fbfbfb !important; }
    .stuff-sidebar { padding: 20px 15px; position: fixed; z-index: 2000; top: 0; background: #fff; bottom: 0; overflow: scroll; left: 100%; transition: all 0.5s ease; border-left: 1px solid #000; }
    .stuff-sidebar.active { left: 70px; right: 0 }
    .sidebar-btn { display: block; transition: all 0.5s ease; }
    .sidebar-btn.active { left: -6px; }
    .stuff-sidebar .stuff-search .dropdown-menu { right: 0; left: auto; }
    .stuff-list .product-status { position: initial; height: auto; line-height: 40px }
    #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%; }
    #cmntPanel .comment-form textarea { margin-bottom: 15px; }
    .world-agency-list .world-agency-items { float: none }
}

@media (max-width: 768px) {
    .news-list .news-item .news-info { position: inherit; }
    .news-list .news-item { height: auto; padding-bottom: 10px; }
    .news .news-header .item-action, .article .article-header .item-action, .blog-post .blog-header .item-action { display: none; }
    .article .article-header h1 { margin-bottom: 10px; }
    .article .article-info { text-align: left; font-size: 10px; background: none; color: #000; letter-spacing: 0; padding: 0; border-top: 1px solid #e1e1e1; margin-top: 0; }
    .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; text-align: justify }
    .base-tab .tab-content .tab-title { display: block !important; font-weight: bold; font-size: 15px; }
    .comment-btn .btn { width: 100%; margin-top: 15px; }
    #cmntPanel .comment-list .comment-box { padding: 10px 20px; }
    #cmntPanel .comment-list .answers { padding-left: 30px; }
    #cmntPanel .comment-list .comment-item .dashes .dash-alert { background: #fff }
    .user-panel .base-tab .nav > li > a { padding: 12px 10px; font-size: 12px; }
    .user-panel .base-tab .tab-content { padding: 40px 25px 70px 25px; }
    .organization-chart { overflow: auto }
}

@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 0; }
    .stuff .stuff-details .stuff-properties { padding: 20px 0; }
    .base-tab .tab-content { padding: 20px; }
    .stuff .stuff-details .stuff-header #rate { float: none; }
    .search .search-list .search-item .search-header span { float: none; display: block; }
    .news .news-img .news-gallery, .blog-post .blog-img .blog-gallery { position: initial; background: none; margin-left: -5px; margin-right: -5px; padding: 0 }
    .news .news-img .news-gallery img { border: 1px solid #e1e1e1 }
    .user-panel .base-tab .tab-content { padding: 20px 20px 20px 20px; }
    .user-panel .base-tab .nav-tabs > li { float: none; border-bottom: 1px solid; }
    .user-panel .base-tab .nav-tabs { background: none; color: #000; border: 2px solid #000; margin-bottom: 10px; padding: 0 }
    .user-panel .base-tab .nav > li > a:before { display: none }
    .user-panel .base-tab .nav > li > a { font-size: 15px; }
    .user-panel .base-tab .nav-tabs > li.active > a, .user-panel .base-tab .nav-tabs > li.active > a:hover, .user-panel .base-tab .nav-tabs > li > a:focus, .base-tab .nav > li > a:hover { background: none }
}

@media (max-width: 550px) {
    #shop-cart .cart-item > td { display: block; width: 100% }
    #shop-cart .info #invoice-results { font-size: 12px; padding-left: 5px; }
    #shop-cart .process { font-size: 13px; }
    #shop-cart #shipping-address .details label { width: 75%; display: inline-block; vertical-align: top; font-size: 13px; }
    #shop-cart .cart-item td.image a { display: block }
    #shop-cart .cart-item td.image img { width: 100%; }
    .send-to-friend .send-to-friend-form { width: 250px; }
    .stuff-list .product-status { line-height: 25px; padding: 10px 15px; }
    .stuff-list .product-status .radio-inline { display: block }
    .stuff .images-wrapper .related-pictures .item img { width: 60px; height: auto }
    .blog-post .blog-info { letter-spacing: 0; font-size: 10px; }
}

@media (max-width: 500px) {
    .stuff-list .searched-items > li { width: 100%; }
    .search .search-list .search-item .search-summary a, .notify-modal .modal-body:before { display: none }
    #cmntPanel .comment-list .comment-item .dashes { float: none }
    #cmntPanel .comment-list .comment-item .dashes .dash-alert{left:0;right:auto}
    .notify-modal .modal-body { padding-left: 15px; }
    #cmntPanel .comment-title { padding: 3px 10px; font-size: 15px; width: 170px; }
}

@media (max-width: 450px) {
    .form-box .form-box-input { padding: 25px 10px 10px 10px; /*margin: 0;*/ }
    .form-box .form-box-footer { padding: 0 10px; }
    .form-box .form-box-header span { display: none; }
    .form-box .form-box-header h6 { border-right: none; }
    .register .form-box .checkbox { font-size: 10px; }
    .register .form-box .checkbox label { padding-right: 0; }
    .stuff .stuff-details .price-box .stuff-action { float: none; margin-top: 10px; }
    .stuff .stuff-details .add-to-cart-wrapper .add-to-cart { width: 140px; font-size: 12px; }
    .send-to-friend .send-to-friend-form { left: -70px; right: auto; }
    .blog-list .blog-item .blog-des .blog-img, .latest-news ul li .media-image { display: none }
    .blog-list .blog-item .blog-title { text-align: justify; font-size: 15px; }
    .blog-list .blog-item .blog-info { font-size: 11px; }
    .news .news-img .related-pictures .item, .news .news-img .news-gallery .news-gallery-box .related-video > div, .blog-post .blog-img .related-pictures .item { width: 60px }
    .news .news-img .news-gallery .news-gallery-box .related-video img { height: 50px; }
    .news .news-img .news-gallery .news-gallery-box .related-video .video-item i, .project .project-img .related-video .video-item i { bottom: 2px; left: -1px; }
    .service .serviced-pic .related-pictures .item, .project .project-img .related-pictures .item, .project .project-img .related-video > div { width: 50px; height: 50px }
    .project .project-img .related-video img { height: 50px; }
    .base-tab .nav > li > a { padding: 12px 15px; font-size: 13px; }
}



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