* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotateY(0deg);
}
to {
-webkit-transform: rotateY(360deg);
}
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size: 14px; }
@font-face{
font-family:'nastliq';
src:url('https://images.socioon.com/assets/fonts/newson.com-webfont.eot');
src:url('https://images.socioon.com/assets/fonts/newson.com-webfont.eot?#iefix') format('embedded-opentype'),
url('https://images.socioon.com/assets/fonts/newson.com-webfont.woff') format('woff'),
url('https://images.socioon.com/assets/fonts/newson.com-webfont.ttf') format('truetype'),
url('https://images.socioon.com/assets/fonts/newson.com-webfont.svg#NafeesRegular') format('svg');
}
.urdu{
font-family:'nastliq';
}
body {
/* font-family:'nastliq'; */
color: #797988;
line-height: 1.42857143;
/* direction: rtl; */}
/*----------------------
Typography
---------------------- */
h1{
background-color: #B00101;
color: #B00101;
padding: 5px 15px;
direction: rtl;
clear: both;
margin-bottom: 15px;
}
h3, h4, h5 {
font-size: 0.9286rem; }
h3, h5 {
font-size: 0.9286rem;
text-transform: capitalize; }
h2, h2 > a {
font-size: 16px;
line-height: 1.8;
}
p {
margin: 0 0 10px;
font-size: 18px;
color: #1d2129;
word-wrap: break-word;
line-height: 40px;}
li {
list-style: none; }
a, a:hover {
text-decoration: none; }
a:hover {
color: #B00101 ;}
select, option {
padding: 0 0 0 10px; }
input, .action_budget, select {
height: 34px;
padding: 3px 6px;
font-size: 0.8571rem;
color: #797988;
outline: none; }
textarea {
padding: 5px;
font-size: 0.8571rem;
color: #797988;
outline: none;
font-family: 'Arial'; }
button:focus, textarea:focus, a, a:hover, input, .action_budget, select {
outline: none; }
input::-moz-placeholder, .action_budget::-moz-placeholder, textarea::-moz-placeholder {
font-family: 'Arial';
font-size: 0.8571rem;
color: #797988; }
input:-ms-input-placeholder, .action_budget:-ms-input-placeholder, textarea:-ms-input-placeholder {
font-family: 'Arial';
font-size: 0.8571rem;
color: #797988; }
input::-webkit-input-placeholder, .action_budget::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
font-family: 'Arial';
font-size: 0.8571rem;
color: #797988; }
strong {
font-weight: 700; }
label {
margin-bottom: 5px;
font-weight: 700;
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0; }
input[type="checkbox"], [type="checkbox"].action_budget, input[type="radio"], [type="radio"].action_budget {
position: relative;
height: 18px;
left: 0;
top: 0;
line-height: normal;
margin: 0px 10px 0 !important;
padding: 0;
width: 14px;
float:left;
}
input[type="radio"], [type="radio"].action_budget {
position: inherit;
height: 18px;
left: 0;
top: -4px;
line-height: normal;
margin: 1px 5px 0 0 !important;
padding: 0;
width: 14px;
float: left;
}
input[type="checkbox"], [type="checkbox"].action_budget {
-webkit-appearance: checkbox; }
input[type="radio"] {
-webkit-appearance: radio; }
/*----------------------
global classes
---------------------- */
.more {
color: #b00101;
font-weight: 700;
font-size: 1.143rem;
}
.dir-rtl {
direction: rtl;
}
.dir-ltr {
direction: rtl;
}
.newson_theme_bg {
background-color: #B00101}
.col-lg-12, input, select, .carousel-inner, .carousel-inner > .next,
.carousel-inner > .prev, .owl-carousel, .owl-carousel .owl-wrapper-outer{
width: 100%; }
.pull-left, .dropdown-menu, .notification-list,.post-link > li, .countContainer > li, .myFriend-req .general-dropdown, .post-text-area > a {
float: left; }
.pull-right, .notification-list .don-alrt-span,.smal-thumb{
float: right; }
.overflow,.personal-detail > li:first-child a, .nano, .personal-detail > li, .notification-list li a, .carousel-inner, .collapsing,#header-full-search-rslt-container .post-text-area {
overflow: hidden; }
.bg-white, .action-bar .dropdown-menu, .action-bar .notification-list, #request_drop, .notification-list, .social-dropdown, .advance-search, .advance-search .s-sub, .Form-Layout{
background-color: #fff; }
.bg-green{
background-color: #37b067 !important;
color: #fff;
}
.bg-black{
background-color: #000 !important;
color: #fff;
}
.color-white,.action-bar > li > a,.hilight > h5 strong, .notification-alert, .req-alert,.general-dropdown.open > .dropdown-menu li a:hover,.general-dropdown.open > #request_drop li a:hover, .general-dropdown.open > .notification-list li a:hover{
color: #fff; }
.color-black, .personal-detail > li:first-child .products-list .product-bottom a{
color: #000; }
.color-green {
color: #37b067; }
.color-red {
color: #D90700; }
.bg-no {
background: transparent !important; }
.border, input, .action_budget, select, .smal-thumb{
border: 1px solid #e2e2e5; }
.border-bottom, #request_drop .post-text-area, #request_drop .search-adv li, .search-adv #request_drop li, .social-dropdown .post-text-area, .social-dropdown .search-adv li, .search-adv .social-dropdown li, .general-dropdown.open > .dropdown-menu li, .general-dropdown.open > .notification-list li, .general-head{
border-bottom: 1px solid #e2e2e5; }
.border-left{
border-left: 1px solid #e2e2e5; }
.border-right{
border-right: 1px solid #e2e2e5; }
.border-top, .personal-detail > li, .notification-list li,.general-bottom{
border-top: 1px solid #e2e2e5; }
.img-rounded, input, .action_budget, select, .btn, .myFriend-req .general-dropdown,.dropdown-menu, #request_drop, .notification-list, .social-dropdown,.smal-thumb{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
.img-circle{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.img-responsive {
max-width: 100%;
height: auto; }
.no-round{
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important; }
.no-border,.general-dropdown.open > .dropdown-menu li:last-child,.general-dropdown.open > #request_drop li:last-child, .general-dropdown.open > .notification-list li:last-child, .btn{
border: none !important; }
.no-resize{
resize: none; }
.clearfix{
clear: both; }
.clearfix:before, {
display: table;
content: ""; }
.pos-rel, .checkbox,.post_img_holdr, .checkbox-list li label,.nano, .nano .nano-pane .nano-slider, .main-search, .action-bar > li,.carousel, .carousel-inner, .carousel-inner > .item, .panel-title, .collapsing, .owl-buttons, .owl-carousel,.owl-carousel .owl-wrapper, .owl-carousel .owl-wrapper-outer{
position: relative; }
.pos-abs,.nano .nano-content, .nano .nano-pane, .dropdown-menu, #request_drop,.discover-list, .notification-list, .action-bar .dropdown-menu:before, .action-bar #request_drop:before, .action-bar .notification-list:before, .viewgrp, .social-dropdown, .carousel-inner > .next,
.carousel-inner > .prev, .carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right, .panel-title a:after, .panel-title a.collapsed:after, .owl-prev, .owl-next,.discover-list:before{
position: absolute; }
.no-padding{
padding: 0 !important; }
.padding-10, .load-more a, #load-more, #no-more, .load_more, .personal-detail > li a,
.personal-detail .personal-detail-heading, .social-dropdown .post-text-area, .social-dropdown .search-adv li, .search-adv .social-dropdown li, .social-dropdown h4{
padding: 10px; }
.padding-lr-10{
padding: 0 10px; }
.padding-t-10{
padding-top: 10px; }
.padding-t-15{
padding-top: 15px; }
.padding-tb-10{
padding: 10px 0; }
.padding-tb-15 {
padding: 15px 0; }
.padding{
padding: 15px; }
.padding-15, .pos-2-content .mentions {
padding: 15px !important; }
.padding-b{
padding-bottom: 15px; }
.padding-b-10{
padding-bottom: 10px; }
.padding-lr{
padding: 0 15px; }
.padding-l-10{
padding-left: 10px; }
.padding-trl{
padding: 15px 15px 0 15px; }
.cntpd {
padding-left: 50px; }
.no-margin, .action-bar > li:last-child,.discover-noti .lftcntpd,.discover-noti .lftcntpd li,.picture-container li h2{
margin: 0 !important; }
.margin-15 {
margin: 15px; }
.margin-lr{
margin: 0 15px; }
.margin-lr-10 {
margin: 0 10px; }
.margin-tb{
margin: 10px 0; }
.margin-l{
margin-left: 10px; }
.margin-l-15{
margin-left: 15px; }
.margin-b-10{
margin-bottom: 10px; }
.margin-b-15, input, select{
margin-bottom: 15px; }
.margin-t{
margin-top: 10px; }
.margin-right,.general-dropdown .dropdown-menu > li i, .general-dropdown #request_drop > li i, .general-dropdown .notification-list > li i{
margin-right: 10px; }
.bg-container, .personal-detail > li.personal-detail-heading, .general-dropdown.open > .dropdown-menu li,.general-dropdown.open > #request_drop li,.general-dropdown.open > .notification-list li{
background-color: #eeeff3; }
.bg-theme, .social-dropdown .hilight,.general-dropdown.open > .dropdown-menu li a:hover,.general-dropdown.open > #request_drop li a:hover,.general-dropdown.open > .notification-list li a:hover{
background-color: #2080ff; }
.ellipsis, .personal-detail > li:first-child a{
text-overflow: ellipsis;
white-space: nowrap; }
.block, input, .action_budget, select, .load-more a, .action-bar > li > a > i, .open .dropdown-menu,.open .discover-list, .open #request_drop, .open .notification-list, .personal-detail > li a,
.personal-detail .personal-detail-heading, .general-dropdown.open > .dropdown-menu li a,.general-dropdown.open > #request_drop li a,.general-dropdown.open > .notification-list li a,#donorNotificationDesktop > li a{
display: block; }
.block-inline, .btn, .myFriend-req .general-dropdown, .myFriend-req .post-button .status-drop, .post-button .myFriend-req .status-drop, .get-style ul li button, #floatBarsG, .action-bar > li, .action-bar > li > a, .notification-list .don-alrt-span, .sidebar ul > li > a, .mEmotiHolder .ion_smiley, .privacy-drop, .post-link, .countContainer > li a, .countContainer li a span, .feed-promote .counter-box, .promote-Section .counter-box, .carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,.profilethumb .lftcntpd-thumb h2, .timelinemenu, .share_list a, #owl-dash .item, .owl-theme .owl-controls .owl-buttons div, .job-category .col-lg-6, .payment-gate-list li, #tv-post li, .post-img-center .sale-btn, .post-img-center .sale-btn.active, .lststyleimg li, .pop-up-back-header, .inco_share, .popup-image img {
display: inline-block; }
.title{
font-size: 0.8571rem;
color: #797988;
font-weight: 700;
margin-bottom: 10px;
display: block;
}
.title h3 {
line-height: 2;
}
.btn{
padding: 4px 10px;
font-size: 0.9286rem;
outline: none;
cursor: pointer;
height: 28px; }
.btn:hover{
opacity: 0.9; }
.btn-default{
color: #4d4d4d !important;
background-color: #ededf0;
border: 1px solid #e2e2e5 !important; }
a.btn{
padding: 7px 10px; }
.text-left{
text-align: left !important; }
.text-center, .load-more, #load-more, #no-more, .load_more, .action-bar > li > a, .notification-alert, .req-alert, .notification-list .don-alrt-span, .general-head > i{
text-align: center; }
.text-right{
text-align: right; }
.primary-color, .cntpd, .load-more a, .full-table td a, .linksweet, .linksweet a, .personal-detail > li a,
.personal-detail .personal-detail-heading, .notification-list li a, .sidebar a, .home-pos-2 > ul > li, .post-button .status-drop > a, #pst_loc > i, .post-option .dropdown-toggle > i, .general-dropdown.open > .dropdown-menu li a, .post-button .open.status-drop > .dropdown-menu li a, .general-dropdown.open > #request_drop li a, .post-button .open.status-drop > #request_drop li a, .general-dropdown.open > .notification-list li a, .post-button .open.status-drop > .notification-list li a, .privacy-drop .dropdown-toggle i, .post-comment .comnt-area > ul > li a, .cmt_loadmore, .user-comment .user-comment-right .dropdown-toggle, .user-comment .likeComment, .user-comment .likeCount, .user-comment .dislikeComment, .user-comment .cmnt_like, .location_post > span span, .feed-promote .account-Blnc strong, .promote-Section .account-Blnc strong, .loadmorepst a, .carousel-inner > .item p, .opinion-list > li a, #accordion h4 i, .timelinemenu > ul > li a, .otherlinks > li a, .gadget-article a, #owl-dash > a, #owl-dash span, #owl-dash .item, .owl-item > div, .owl-theme .owl-controls .owl-buttons div, #tv-dash span, .breadcrumb li a, .color-head li a, .earningdrop-list > a, .privacylist-inline a, .home-pos-4 li a, .page_list a, .products-list .product-bottom span, .pagination > a, .cities-list a, .feeling_display a, .char-left-cont, .feelings-category-list span, .city-list-item span, .country-list-item span, .inco_share a, .gallery-popup .popup-popup-content i, .sharebx .left_class, .btgroup .btn_great button,.bg-icongray {
color: #797988; }
.no-line-height, .header .logo, .timeline-post .privacy-drop, .post-img, .editComment, .editPost, .two-images a, .three-images a, .location_post, .post_img_holdr, .coverphoto .covereditor, .follower-btn, .owl-carousel .owl-wrapper:after, .job-category .col-lg-6, .payment-gate-list .gateway_img, #tv-post li a, #contentLeft td, .shops-sec .img-height, .promote-inner-con figure, .products-list .product-img-height, #prdctsldr, .update-imgs li, .upload-img > a, .btgroup, .post-coment-img {
line-height: 0; }
.cursor, .img-upload, #load-more, #no-more, .load_more, .main-search button, .sidebar ul > li, .home-pos-2 > ul > li, .home-pos-2 > ul > li input, .home-pos-2 > ul > li .action_budget, .home-pos-2 .socioon-fileupload_video, .home-pos-2 .socioon-fileupload_img, .btn-list > li, .trash-button, #surveyForm .checkbox, #surveyForm .checkbox-list li label, .checkbox-list li #surveyForm label, .advertul li, .advertul .closeadvert, .mEmotiHolder .ion_smiley, .post-option, .countContainer li a span, .post-comment .pst_btn_cmnt, .mentions-input-box .mentions-autocomplete-list li, .quiz_sec input[type="radio"], .quiz_sec [type="radio"].action_budget, .quiz_sec label, .feed-promote .counter-box, .promote-Section .counter-box, .moreellipses, .edu-add .dropdown-toggle, .ver_p_s, .timelinemenu > ul > li > span, #owl-dash .item, .owl-controls .owl-buttons div,
.owl-controls .owl-page, .myRefer h1, .payment-gate-list li, .advance-search .s-sub, .checkbox-list li label, .checkbox-list li input, .checkbox-list li .action_budget, #userList .checkbox input, #userList .checkbox-list li label input, .checkbox-list li #userList label input, #userList .checkbox .action_budget, #userList .checkbox-list li label .action_budget, .checkbox-list li #userList label .action_budget, #contentLeft i, .lststyleimg li, .update-imgs .trash-button, .ion_ad .fa-close, .popup-image, .nav-btn, .btgroup .btn_great button, .post-coment-img {
cursor: pointer; }
.header .logo img{
height: 32px;
}
.img-upload {
position: absolute;
top: 0;
width: 127px;
right: -9px;
left: auto;
opacity: 0;
z-index: 1;
height: 34px; }
.font-default, .full-table td, .linksweet, .personal-detail > li a,
.personal-detail .personal-detail-heading, .notification-list li a, .notification-list .don-alrt-span, .sidebar a, .home-pos-2 > ul > li, .lftcntpd h5 > a, .general-head > a, .page_list a > a, .mentions-input-box .mentions-autocomplete-list li, .job_section li, .ver_p_s .h_ver p, .timelinemenu > ul > li a, .lftcntpd-widget, .lftcntpd-widget h5 > a, .quicklinks .post-text-area .lftcntpd span, .quicklinks .search-adv li .lftcntpd span, .search-adv .quicklinks li .lftcntpd span, .otherlinks > li, .myRefer .general-widget label, .account-setting td, .inco_share a, .post-coment-img span a, .mbox-inner li, .mbox-inner1 li {
font-size: 0.9286rem; }
.font-12, label, .full-table th, .full-table td, #pst_feeling label, .opin-lable, .quiz_sec p, .feed-promote > p, .promote-Section > p, .feed-promote .account-Blnc label, .promote-Section .account-Blnc label, .feed-promote .prom_feed_bottom, .promote-Section .prom_feed_bottom, .post_revenue .counter-box, #life-event-car .item p, .carousel-inner > .item p, .edu-add .mainWork strong, .qrcode-widget em, .qrcode-widget p, .gadget-widget em, .gadget-widget p, .advprv, .myRefer .general-widget em, .promote-rech-type li, .earning-overview h4, .album-list .del-photo a, .home-pos-4 p, .s_c_l ul > li, .style-list li, .rech-acc-d > li, #userList li a, .most-licked-list span, .faq-list ol li, .Form-Layout label, .shops-sec h5, .dataTable thead td, .dataTable thead th, #form_apply_job .formErrorContent, .cities-list a, .feelings-category-list span, .city-list-item span, .country-list-item span, .btgroup .btn_great button, .account-count span, .g-s-t .lftcntpd span {
font-size: 0.8571rem; }
.btn-pos {
right: 15px;
top: 11px; }
.no-right-radius, .add-friend:first-child {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.no-left-radius, .add-friend:nth-child(2) {
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.left-zero {
left: 0 !important;
right: auto !important; }
.font-24, .advweblnk, .edu-add .dropdown-toggle, .panel-title a:after, .panel-title a.collapsed:after, .home-pos-4 h3, .job_list li i, .aler-warning i {
font-size: 1.429rem !important; }
.font-large, .owl-theme .owl-controls .owl-buttons div, .gallery-nav-btns {
font-size: 1.714rem !important; }
.font-normal{
font-weight: 300; }
.color-theme, #load-more, #no-more, .load_more,.viewgrp{
color: #2080ff; }
.color-name {
color: #4d4d4d; }
.hidden,.owl-carousel .owl-wrapper,.conf-head,.sweet-alert{
display: none; }
.bg-hover{
background: #fafbff; }
.vertical-middle, .general-head > i{
vertical-align: middle; }
.load-more {
background-color: #dfe0e7; }
h2,h2 > a {
font-size: 17px;
font-weight: 700;
color: #110a02;
margin-bottom: 10px;
word-wrap: break-word;
}
.full-table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
display: table; }
.full-table th {
padding: 10px 10px;
background: #eeeff3; }
.full-table td {
border-right: 1px solid #efeff4;
padding: 10px 15px;
min-width: 75px;
}
.full-table td i {
color: #9d9daa; }
.width-32 {
float: left;
margin: 0 2% 0 0;
overflow: hidden;
width: 32%; }
.width-48 {
width: 49%; }
.disabled {
cursor: not-allowed !important;
filter: alpha(opacity=65) !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
opacity: 0.65 !important; }
.disable-color {
color: #cdcdcd !important;
cursor: not-allowed; }
.break-word, .lftcntpd h5 > a, .msg_cnt {
word-wrap: break-word; }
.padding-t-l{
padding: 10px 15px; }
.adminaction {
color: #e05959 !important; }
.checkbox, .checkbox-list li label {
padding-left: 20px; }
.user_desc {
border-left: 2px solid #bf3f00;
padding-left: 10px; }
.color-icon, .dataTables_wrapper .btns .fa-pie-chart {
color: #9d9daa; }
.dropup {
bottom: 30px !important;
top: auto !important; }
.m-4 {
margin-top: -4px; }
.height1 {
min-height: 1px; }
.capitalize, .profilethumb .lftcntpd-thumb h2 {
text-transform: capitalize; }
/* scroll start */
.nano .nano-content {
overflow: scroll;
overflow-x: hidden;
top: 0;
right: -17px;
bottom: 0;
left: 0; }
.nano .nano-content:focus {
outline: thin dotted; }
.nano .nano-pane {
background: rgba(0, 0, 0, 0.25);
width: 10px;
right: 0;
top: 0;
bottom: 0;
visibility: hidden\9;
opacity: .01;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.nano .nano-pane .nano-slider {
background: rgba(0, 0, 0, 0.5); }
.nano-content::-webkit-scrollbar {
display: none; }
.has-scrollbar {
height: 288px; }
.has-scrollbar .nano-content::-webkit-scrollbar {
display: block; }
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
visibility: visible\9;
opacity: 0.99; }
/*----------------------
Desktop
---------------------- */
body {
background-color: #dfe0e7;
padding-top: 76px;
font-size: 14px; }
/*----------------------
Layout
---------------------- */
.container {
width: 1055px;
margin: 0 auto;
font-family:'nastliq';
direction: rtl; /* make condition */
}
.combine-w {
width: 710px;
}
.middle-w {
width: 500px; }
.left-w {
width: 185px; }
.w-300 {
width: 300px; }
.w-350 {
width: 347px; }
.right-w {
width: 310px; }
.inner-container {
width: 805px;
}
.w-200 {
width: 205px;
}
.w-500 {
width: 490px;
}
/*----------------------
header
---------------------- */
.header {
padding: 5px 0;
z-index: 9;
direction: ltr;
}
.header .container {font-family: arial; direction: ltr;}
.fixd-top {
position: fixed;
top: 0;
left: 0;
right: 0; }
.main-search {
margin-top: 8px; }
.main-search input, .main-search .action_budget {
width: 440px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-top-right: 0;
-moz-border-radius-bottom-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.main-search button {
width: 60px;
height: 34px;
background: #dbdbdd;
color: #6c6c7a;
padding: 0 10px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-top-right: 4px;
-moz-border-radius-bottom-right: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.action-bar {
margin: 6px 0 4px 0; }
.action-bar > li {
line-height: 1.42857143;
margin-right: 10px; }
.action-bar > li:last-child {
vertical-align: bottom; }
.action-bar > li:last-child a:hover {
opacity: 1; }
.action-bar > li > a {
font-size: 0.9286rem; }
.action-bar > li > a > i {
font-size: 1.429rem; }
.action-bar .dropdown-menu, .action-bar #request_drop, .action-bar .notification-list,.action-bar .discover-list {
width: 320px; }
.notification-alert, .req-alert {
background-color: #D90700;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 9px;
padding: 0 2px;
top: -7px;
height: 16px;
min-width: 16px;
line-height: 1.9;
right: 0; }
.dropdown-menu, #request_drop, .notification-list,.discover-list {
margin: 2px 0 0;
top: 100%;
left: auto;
right: -7px;
display: none;
z-index: 1;
text-align: left;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.action-bar .dropdown-menu, .action-bar #request_drop, .action-bar .notification-list,.action-bar .discover-list{
margin-top: 9px; }
.action-bar .dropdown-menu:before, .action-bar #request_drop:before, .action-bar .notification-list:before ,.action-bar .discover-list:before{
content: "";
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 10px solid #fff;
top: -9px;
right: 8px; }
.personal-detail > li > span {
padding: 11px 10px 8px 0;
font-size: 0.8571rem; }
.personal-detail > li:first-child a {
width: 230px; }
/*----------------------
request section
---------------------- */
.viewgrp {
left: 36%; }
#request_drop .post-text-area, #request_drop .search-adv li, .search-adv #request_drop li {
padding: 10px !important; }
.notification-list li a {
padding: 5px; }
.notification-list .don-alrt-span {
height: 21px;
padding: 2px 4px;
min-width: 40px;
background-color: #f0f0f6;
color: #4d4d4d;
-webkit-border-radius: 12px;
border-radius: 12px; }
/*----------------------
search
---------------------- */
.social-dropdown {
z-index: 1;
max-height: 400px;
left: 0;
right: 0;
top: 35px; }
.social-dropdown h4 {
background: #fafbff; }
.lftcntpd {
padding-left: 50px;
margin-right: 100px;
min-height: 40px; }
.lftcntpd h5 {
/* line-height: 1; */ }
.lftcntpd h5 > a {
color: #4d4d4d; }
.general-bottom, #load-more, #no-more, .load_more {
padding: 10px 0;
margin: 0 15px; }
.general-bottom a, #load-more a, #no-more a, .load_more a {
color: #2080ff; }
/*----------------------
NewsON Header
---------------------- */
.top-header {
border-bottom: 1px solid #e2e2e5;
display: inline-block;
width: 100%;
/* margin-bottom: 13px; */
}
.top-header .general-dropdown {
/* margin-top: 2px; */
}
.page-role .lftcntpd{
padding: 0 50px 0 0;
}
.top-header .social-icon {
margin-top: 6px;
}
.social-icon li{
float: left;
line-height: 0;
margin-right: 5px;
}
.social-icon li a {
color: #3d403f;
font-size: 1.429rem;
}
.bg-icongray{
background-color: #dfe0e7;
font-size: 1.429rem;
width: 40px;
height: 40px;
display: block;
overflow: hidden;
text-align: center;
line-height: 2;
}
.general-dropdown .dropdown-menu{
min-width: 200px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.general-dropdown.open>.dropdown-menu {
padding: 3px;
}
.general-dropdown.open>.dropdown-menu li:last-child {
border: none;
}
.general-dropdown.open>.dropdown-menu li a {
padding: 5px 10px;
display: block;
}
/*----------------------
Post filter
---------------------- */
.filter-bar .nav {
font-family: nastliq;
color: #999;
font-size: 0;
line-height: 0;
text-align: center;
margin-bottom: 15px;
}
.filter-bar .nav>li {
display: inline-block;
margin-top: 13px;
position: relative;
}
.filter-bar .nav>li>a {
position: relative;
padding: 0 20px 7px;
border-bottom: 1px solid #f0f0f0;
font-size: 15px;
line-height: 28px;
font-weight: 600;
z-index: 0;
display: block;
color: #999;
}
.filter-bar .nav>li>a>i {
display: block;
margin-bottom: 4px;
-webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
transition: color .25s, border-color .25s, background-color .25s ease-in-out
}
.filter-bar .nav>li>a:before {
content: " ";
position: absolute;
top: 3px;
left: 0;
right: 0;
bottom: 0;
border-style: solid;
border-width: 0 1px 0 0;
border-color: #f0f0f0
}
.filter-bar .nav>li:last-child>a {
padding-left: 0
}
.filter-bar .nav>li>a:hover,.ticker-content a:hover {
color: #8f0303;
}
/*----------------------
Discover
---------------------- */
.discover-list {
background-color: #fff;
}
.discover-noti > li .smal-thumb {
float: left;
}
.discover-noti > li {
border-top: 1px solid #e2e2e5;
padding: 10px;
}
.discover-noti > li .title{
font-size: 0.7143rem !important;
margin-bottom: 0;
}
.birthday-btn {
margin: 5px 0;
border: 1px solid #2080ff !important;
color: #2080ff;
background: transparent !important;
}
/*----------------------
hader banner
---------------------- */
.headerbanner {
overflow: hidden;
margin-bottom: 3px;
}
.top-banner {
line-height: 0;
float: left;
}
figcaption{
color: #3d403f;
}
.news-navigation{
display: inline-block;
width: 100%;
}
.news-navigation li{
float: right;
border-bottom: 2px solid transparent;
}
.news-navigation li a,.navbar-brand {
padding: 13px 15px;
display: block;
color: #fff;
font-weight: 700;
font-size: 16px;
}
.news-navigation li.active a,.news-navigation li a:hover,.navbar-brand.active,.navbar-brand:hover {
background: #8f0303;
}
.news-navigation li.active,.news-navigation li:hover,.navbar-brand.active,.navbar-brand:hover {
border-bottom: 2px solid #fff;
}
/*----------------------
Carousel
---------------------- */
.carousel {
position: relative;
margin-bottom: 15px;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
line-height: 0;
}
.carousel-inner > .item {
display: none;
position: relative;
/* margin-bottom: 10px; */
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item img {
height: auto;
max-width: 100%;
}
.carousel-inner > .item > img,.carousel-inner > .item > a > img {
line-height: 1;
}
#life-event-car .carousel-control span {
font-size: 22px;
}
#life-event-car .item {
margin-bottom: 0;
}
.slider-shadow {
position: absolute;
bottom: 0;
}
.slider-logo {
top: 14px;
position: absolute;
/*background: #fff;*/
height: 70px;
width: 85px;
line-height: 4;
padding: 10px;
right: 20px;
/* bottom: 10px;
position: absolute;
background: #fff;
height: 70px;
width: 85px;
line-height: 4;
padding: 10px;
right: 60px;*/
}
.slider-title {
position: absolute;
bottom: 28px;
left: 0;
right: 0;
}
.slider-title h1{
border-bottom: 0;
margin-bottom: 0;
direction: rtl;
font-size: 1.143rem;
line-height: 1.42857143;
}
@media all and (transform-2d), (-webkit-transform-2d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,.carousel-inner > .item.active.right {
-webkit-transform: translate2d(100%, 0, 0);
transform: translate2d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,.carousel-inner > .item.active.left {
-webkit-transform: translate2d(-100%, 0, 0);
transform: translate2d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,.carousel-inner > .item.prev.right,.carousel-inner > .item.active {
-webkit-transform: translate2d(0, 0, 0);
transform: translate2d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active{
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next.left,.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
filter: alpha(opacity=50);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
position: absolute;
height: 40px;
width: 20px;
top: 48%;
}
.carousel-control.right {
background: url(https://www.socioon.com/assets/front_end/images/newson/right-arrow.png);
background-repeat: no-repeat;
left: auto;
right: 0;
}
.carousel-control.left{
background: url(https://www.socioon.com/assets/front_end/images/newson/left-arrow.png);
background-repeat: no-repeat;
left: 0;
}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control span {
font-size: 40px;
top: 42%;
}
/*----------------------
News Article
---------------------- */
.news-article {
min-height: 300px !important;
}
.news-article > img+a {
line-height: 0;
}
.cont-padding {
padding-right: 85px;
}
.latest-news-article {
padding: 10px;
background: #efeff3;
margin-bottom: 15px;
}
/*----------------------
Picture Container
---------------------- */
.picture-container {
background: #efeff3;
height: 232px;
overflow: hidden;
}
.picture-container > li {
border-bottom: 1px solid #fff;
padding: 15px;
}
/*----------------------
sidebar
---------------------- */
.adds-list li{
margin-bottom: 13px;
}
.copyright {
/* border-top: 1px solid #e2e2e5;
padding: 15px 0 5px 0;
text-align: center; */
}
/*----------------------
Social widget
---------------------- */
.widget {
margin-bottom: 15px;
}
.social--widget .nav {
padding: 5px 0;
background-color: #f8f8f8;
font-size: 0;
line-height: 0;
overflow: hidden;
}
.social--widget.style--1 .nav>li {
float: left;
width: 33.3333%
}
.social--widget.style--1 .nav>li>a {
position: relative;
padding: 15px 15px 8px;
border-top: 1px solid #eee;
font-weight: 600;
text-align: center;
text-transform: uppercase;
z-index: 0
}
.social--widget.style--1 .nav>li:nth-child(1)>a, .social--widget.style--1 .nav>li:nth-child(2)>a, .social--widget.style--1 .nav>li:nth-child(3)>a {
border-top-width: 0
}
.social--widget.style--1 .nav>li>a:before {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
max-height: 50px;
border-right: 1px solid #eee;
z-index: -1
}
.social--widget.style--1 .nav>li:nth-child(1)>a:before, .social--widget.style--1 .nav>li:nth-child(2)>a:before, .social--widget.style--1 .nav>li:nth-child(3)>a:before {
top: auto;
bottom: 0
}
.social--widget.style--1 .nav>li:nth-child(3n)>a:before {
border-right-width: 0
}
.social--widget.style--1 .nav>li>a>span.icon {
width: 50px;
height: 50px;
margin: 0 auto;
border: 1px solid #777;
border-radius: 50%;
font-size: 24px;
line-height: 48px;
-webkit-transition: color .25s, background-color .25s ease-in-out;
transition: color .25s, background-color .25s ease-in-out
}
.social--widget.style--1 ul.nav>li>a:hover>span.icon {
color: #fff;
background-color: #777
}
.social--widget.style--1 .nav>li>a>span.count {
margin-top: 6px;
color: #222;
font-size: 14px;
line-height: 28px
}
.social--widget.style--1 .nav>li>a>span.title {
margin-top: -1px;
color: #999;
font-size: 12px;
line-height: 24px
}
.ad--widget a, .social--widget.style--1 .nav>li>a>span,.social--widget.style--1 .nav>li>a {
display: block;
}
/*----------------------
Subscribe widget
---------------------- */
.subscribe--widget {
padding: 30px 15px
}
.subscribe--widget .content {
margin-top: -7px;
margin-bottom: 26px
}
.subscribe--widget .content img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px
}
.subscribe--widget .form-control {
height: 40px;
padding-top: 7px;
padding-bottom: 7px;
background-color: #eee;
border-width: 0;
margin-bottom: 0;
border-radius: 0;
-webkit-border-radius: 0;
}
.subscribe--widget .btn {
min-width: 50px;
padding: 6px 16px;
height: 40px;
background-color: #B00101;
color: #fff;
border-radius: 0;
-webkit-border-radius: 0;
}
.subscribe--widget {
background-color: #f8f8f8
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
/*----------------------
Poll Widget
---------------------- */
.poll--widget {
position: relative;
background-color: #f8f8f8
}
.poll--widget .options {
padding: 14px 20px 20px
}
.header--style-5 .header--menu-links>.megamenu>.dropdown-menu>li>.row, .poll--widget .checkbox, .poll--widget .radio {
margin: 0
}
.poll--widget .checkbox+.checkbox, .poll--widget .radio+.radio {
margin-top: 10px
}
.poll--widget .checkbox:after, .poll--widget .checkbox:before, .poll--widget .radio:after, .poll--widget .radio:before {
content: " ";
display: table
}
.poll--widget .checkbox:after, .poll--widget .radio:after {
clear: both
}
.poll--widget .checkbox label, .poll--widget .checkbox p, .poll--widget .radio label, .poll--widget .radio p {
float: right;
width: 50%;
}
.poll--widget .checkbox label, .poll--widget .radio label {
display: block;
position: relative;
padding-right: 22px !important;
cursor: pointer;
/* line-height: 1.5;
padding-top: 3px; */
}
.poll--widget .checkbox label span:before, .poll--widget .radio label span:before {
content: " ";
position: absolute;
top: 50%;
right: 0;
margin-top: -6px;
width: 12px;
height: 12px;
padding: 0 0 1px 1px;
color: #222;
background-color: #ccc;
border: 1px solid #ccc;
border-radius: 2px;
/*font-family: "FontAwesome";*/
font-size: 9px;
line-height: 9px
}
.poll--widget .radio label span:before {
border-radius: 50%;
border-width: 4px;
border-color: #ccc
}
.poll--widget .radio label input:checked+span:before {
background-color: #B00101;
border-width: 3px;
}
.poll--widget .checkbox label input:checked+span:before {
content: "\f00c"
}
.poll--widget .checkbox p, .poll--widget .radio p {
display: block;
position: relative;
text-align: left;
font-size: 13px;
}
.poll--widget .checkbox p span, .poll--widget .checkbox p:before, .poll--widget .radio p span, .poll--widget .radio p:before {
content: " ";
position: absolute;
top: 50%;
right: 0;
left: 36px;
height: 12px;
margin-top: -6px
}
.poll--widget .checkbox p:before, .poll--widget .radio p:before {
border: 1px solid #ccc
}
.poll--widget .checkbox p span, .poll--widget .radio p span {
width: 0%;
background-color: #B00101;
-webkit-transition: width .25s ease-in-out;
transition: width .25s ease-in-out
}
.poll--widget .options .btn {
margin-top: 34px;
background-color: #B00101;
color: #fff;
}
.poll--widget .title {
padding: 12px 20px 13px;
border-bottom: 1px solid #eee;
color: #222;
}
.poll--widget .radio input{
display: none;
}
/*----------------------
Picture page
---------------------- */
.multiple-img figure{
line-height: 0;
margin-bottom: 15px;
}
.multiple-img figcaption{
line-height: 1.43;
padding: 10px 15px;
background: #dfe0e7;
}
/*----------------------
setting page
---------------------- */
.setting-box li{
background: #eeeff3;
width: 190px;
float: left;
margin:0 15px 15px 0;
text-align: center;
}
.setting-box li a{
padding: 50px 0;
display: block;
color: #797988;
}
.setting-box li:nth-child(4n){
margin-right: 0;
}
.setting-box li i{
font-size: 3rem;
margin-bottom: 10px;
}
.setting-box li h6 {
font-size: 0.8571rem;
}
/*----------------------
right menu
---------------------- */
.right-menu {
direction: ltr;
}
.right-menu li {
background: #eeeff3;
border-bottom: 1px solid #e2e2e5;
}
.right-menu li a{
color: #797988;
padding: 10px 15px;
display: block;
line-height: 1;
}
.right-menu li.active a,.right-menu li a:hover{
color: #000;
}
/*----------------------
Custom upload
---------------------- */
.file-upload-sec {
background: #e2e3e8;
padding: 10px;
margin-bottom: 10px;
}
.general-form {
padding: 15px;
background: #eeeff3;
direction: ltr;
}
.custom-file-upload-hidden {
display: none;
visibility: hidden;
position: absolute;
left: -9999px;
}
.custom-file-upload {
display: block;
width: auto;
font-size: 16px;
}
.file-upload-wrapper {
position: relative;
margin-bottom: 5px;
//border: 1px solid #ccc;
}
.file-upload-input {
background: #fff;
}
.file-upload-button {
cursor: pointer;
padding: 4px 10px;
border: none;
color: #fff;
margin-left: -1px;
position: absolute;
top: 4px;
right: 5px;
height: 26px;
background: #797988;
}
/*----------------------
file upload section display
---------------------- */
.upload-news-article {
overflow: hidden;
}
.upload-news-article .cont-padding {
padding: 0 30px 0 140px;
}
.upload-news-article i{
font-size: 1.429rem;
padding: 5px 10px;
}
/*----------------------
Add New
---------------------- */
.newsdrop-list > a
{
height: 35px;
padding: 8px 7px;
display: block;
border: 1px solid #e2e2e5;
color: #797988;
}
.newsdrop-list ul{
width: 100%;
}
.newsdrop-list ul li{
background-color: #fff !important;
}
.add-news .general-dropdown.open>.dropdown-menu li a
{
padding: 7px 7px;
}
/*----------------------
Add Menu
---------------------- */
.panel-heading {
border: 1px solid #e2e2e5;
padding: 10px;
}
.btn-margin
{
margin-top: -7px;
}
.menu-dynamic-list {
}
.menu-dynamic-list li{
border: 1px solid #e2e2e5;
background-color: #fff;
padding: 10px;
margin-bottom: 10px;
}
.menu-dynamic-list li i{
padding: 2px 10px;
cursor: pointer;
line-height: 2.5;
}
.right i{cursor:pointer}.placeholder-btn{min-height:31px;min-width:44px;}[contentEditable=true]:empty:not(:focus):before{content:attr(data-ph);color:white;}.dd-item.parent .dd-handle{background:-moz-linear-gradient(center top ,#eee 0,#ddd 100%) rgba(0,0,0,0);border-radius:3px;box-sizing:border-box}.dd-item,.dd-placeholder{display:block;margin:0;min-height:20px;padding:0;position:relative; text-align: left;}.dd-handle{background:-moz-linear-gradient(center top ,#fafafa 0,#eee 100%) rgba(0,0,0,0);box-sizing:border-box;color:#333;display:block;padding:10px;border:1px solid #e2e2e5;text-decoration:none;cursor: move}.dd-handle:hover{background:#fff;color:#2ea8e5}.dd-item>button{background:0 0;border:0;cursor:pointer;display:block;float:left;font-size:12px;height:20px;line-height:1;overflow:hidden;padding:0;position:relative;text-align:center;text-indent:100%;white-space:nowrap;width:25px}.dd-item>button::before{content:"+";display:block;position:absolute;text-align:center;text-indent:0;width:100%}.icon-remove,.logo-icon,.top-nav>li{display:inline-block}.dd-item>button[data-action=collapse]::before{content:"-"}.dd-empty,.dd-placeholder{background:#f2fbff;border:1px dashed #b6bcbf;box-sizing:border-box;margin:5px 0;min-height:30px;padding:0}.dd-empty{background-color:#e5e5e5;background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-position:0 0,30px 30px;background-size:60px 60px;border:1px dashed #bbb;min-height:100px}.dd-dragel{pointer-events:none;position:absolute;z-index:9999}.dd-dragel>.dd-item .dd-handle{margin-top:0}.dd-dragel .dd-handle{box-shadow:2px 4px 6px 0 rgba(0,0,0,.1)}.icon-remove{line-height:1;text-rendering:auto;content:"x"}
input[type=checkbox] { display:block; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
font-family: 'Font Awesome 5 Pro';
display: inline-block;
}
/*
input[type=checkbox] + label:before { content: "\f096"; font-size: 1.2rem; font-weight: 300; float: left; color: #B00101} unchecked icon
input[type=checkbox] + label:before { letter-spacing: 10px; } space between checkbox and label
input[type=checkbox]:checked + label:before { content: "\f046"; font-size: 1.2rem; font-weight: 300; float: left; color: #B00101} checked icon
input[type=checkbox]:checked + label:before { letter-spacing: 10px; } allow space for check mark
*/
.checkbox-list label{
margin-bottom: 10px;
cursor: pointer;
/*font-size: 1rem;*/
}
/*----------------------
Sweet alert
---------------------- */
.sweet-alert,.sweet-overlay{position:fixed;display:none;direction: ltr;}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);left:0;right:0;top:0;bottom:0;z-index:10000}.bxalertol{text-align:left;width:300px;margin:10px 0 0 27%!important;line-height:21px}ol.bxalertol li{list-style:decimal;font-size:15px}input#cbx-submit{background-color:#0094cb;border:1px solid #e2e2e5;color:#fff;cursor:pointer;padding:5px 0!important;text-align:center;font-size:12px;margin:10px;width:96%}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;max-width:478px!important;padding:17px;border-radius:5px;text-align:center;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;z-index:99999}@media all and (max-width:600px){.sweet-alert{max-width:500px!important;width:auto!important;margin-left:0!important;margin-right:0;left:15px;right:15px}.sweet-alert h2{font-size:22px!important}.sweet-alert h3{font-size:16px!important}}.sweet-alert h2{color:#575757;font-size:20px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:5px 0;padding:0;line-height:30px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0 0 10px;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert hr{display:none;color:transparent;border:0}.sweet-alert button{color:#fff;box-shadow:none;font-size:12px;font-weight:700;border:1px solid;box-sizing:content-box;border-radius:5px;padding:5px;margin:0 5px;-webkit-font-smoothing:antialiased;line-height:22px;cursor:pointer;min-width:90px}.sweet-alert button.cancel{background-color:#f6f7f9!important;border-color:#ced0d4!important;color:#4b4f56!important}.sweet-alert button.cancel:hover{background-color:#e9ebee!important}.sweet-alert button:focus{outline:0}.sweet-alert button.cancel[disabled]{opacity:.4}.sweet-alert button.confirm[disabled]{border:4px solid transparent;width:40px;height:40px;padding:0;margin:0 30px;vertical-align:middle;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert .icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:0 auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .icon.error{border-color:#f27474}.sweet-alert .icon.error .x-mark{position:relative;display:block}.sweet-alert .icon.error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.sweet-alert .icon.error .line.left{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .icon.error .line.right{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .icon.warning{border-color:#f8bb86}.sweet-alert .icon.warning .body{position:absolute;width:5px;height:47px;left:50%;top:10px;border-radius:2px;margin-left:-2px;background-color:#f8bb86}.sweet-alert .icon.warning .dot{position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f8bb86}.sweet-alert .icon.info::after,.sweet-alert .icon.info::before{background-color:#c9dae1;content:'';position:absolute}.sweet-alert .icon.info{border-color:#c9dae1}.sweet-alert .icon.info::before{width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px}.sweet-alert .icon.info::after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.sweet-alert .icon.success{border-color:#a5dc86}.sweet-alert .icon.success::after,.sweet-alert .icon.success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.sweet-alert .icon.success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;-ms-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .icon.success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;-ms-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .icon.success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .icon.success .fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .icon.success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .icon.success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .icon.custom{background-size:contain;border-radius:0;border:0;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}.show-sweet-alert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.show-sweet-alert.no-animation{-webkit-animation:none;animation:none}.hide-sweet-alert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hide-sweet-alert.no-animation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.icon.success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes pulse-warning-ins{0%{background-color:#f8d486}100%{background-color:#f8bb86}}@keyframes pulse-warning-ins{0%{background-color:#f8d486}100%{background-color:#f8bb86}}.pulse-warning-ins{-webkit-animation:pulse-warning-ins .75s infinite alternate;animation:pulse-warning-ins .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg)\9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg)\9}.sweet-alert .sa-icon.sa-success{border-color:transparent\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg)\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg)\9}
.trash-button {
background: rgba(101,104,115,0.58);
top: 0;
left: 46px;
right: 0px;
padding: 5px 7px;
position: absolute;
border: none;
outline: none;
color: #fff;
}
.post_img_holdr {
border: 1px solid #e2e2e5;
background: #fff;
margin-top: 10px;
}
.custom_prog_bg, .cmnt_prog_bg {
overflow: hidden;
background-color: #f5f5f5;
height: 8px;
width: 100%;
bottom: 0;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.custom_prog, .cmnt_custom_prog{
background: #B00101;
width: 0;
opacity: 1;
height: 8px;
-webkit-box-shadow: inset 1px -3px 5px rgba(0,0,0,.15);
box-shadow: inset 1px -3px 5px rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
/*----------------------
bread crumbs
---------------------- */
.news-breadcrumbs {
overflow: hidden;
}
.news-breadcrumbs li{
float: left;
position: relative;
}
.news-breadcrumbs li a{
color: #000;
display: block;
padding: 10px 15px;
}
.news-breadcrumbs li a:after{
position: absolute;
font-family: 'Font Awesome 5 Pro';
content: "\f053";
right: -4px;
top: 13px;
}
.news-breadcrumbs li:last-child a:after {
display: none;
}
.news-breadcrumbs li.active a{
color: #797988
}
.color-picker3 input
{
margin-bottom: 0px;
}
.hex-color-picker-wrapper
{
background-color: #fff;
padding: 5px;
}
.color-picker3 input
{
margin-bottom: 0px;
}
.hex-color-picker-wrapper
{
background-color: #fff;
padding: 5px;
}
/*----------------------
Featured Product
---------------------- */
.featured-product {
}
.featured-product .product-article {
margin: 0 2% 2% 0;
float: left;
}
.thumbnail-list li{
float: left;
margin-bottom: 10px;
}
.thumbnail-list li:last-child,.featured-product .product-article:nth-child(3n){
margin-right: 0;
}
.p-videos li
{
position: relative;
width: 226px;
margin-left: 15px;
height: 250px;
float: right;
margin-bottom: 15px;
}
.p-videos li:nth-child(3n)
{
margin-left: 0px;
}
.p-videos h2
{
/*white-space: nowrap;
width: 14em;*/
overflow: hidden;
text-overflow: ellipsis;
}
.p-videos .paly
{
position: absolute;
top: 54px;
left: 86px;
font-size: 70px;
color: #fff;
}
.p-videos i:hover
{
color: rgba(176, 1, 1, .5);
}
.border-theme
{
border-top: 1px solid #B00101;
}
.border-theme li a
{
border-left: 1px solid #B00101;
font-size: 15px;
}
.tv-live
{
font-size:20px;
margin-top: 80px;
}
.setting-box-tv a
{
color: #82828d;
background: #eeeff3;
width: 300px;
float: left;
margin: 0px 20px 15px 0;
text-align: center;
height: 200px;
}
.tv-logo
{
position: relative;
}
.tv-logo img
{
position: absolute;
top: 25%;
right: 15px;
width: 40px;
}
.inner-container .general-form .full-table
{
border: 1px solid #efeff4;
}
.table-bg
{
padding: 0px !important;
background-color: #fff !important;
}
.table-bg tr
{
border-bottom: 1px solid #eee;
}
.table-bg a
{
color: #6aa2e7 !important;
}
.tv-sec
{
position: relative;
}
.tv-sec img
{
position: absolute;
top: 20px;
right: 25px;
}
.tv-sec .live-txt
{
position: absolute;
background-color: #b00101;
left: 22px;
top: 20px;
padding: 7px 15px;
color: #fff;
}
.padd-lft-rit
{
padding-right: 150px;
padding-left: 100px;
}
.pmc-head
{
padding: 0px 10px 0px 8px;
color: #b00101;
font-size: 18px;
line-height: 2;
}
.slider-logo img
{
width: 65px;
}
.v-iframe {
line-height: 0;
}
.v-iframe iframe {
border: none;
}
.slider-logo img ,.v-iframe img ,.tv-logo img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: linear;
}
.font-1rem
{
font-size: 1rem !important;
}
.w-10
{
width: 8%;
}
.tv-logo .live-txt
{
position: absolute;
background-color: #b00101;
left: 10px;
top: 25%;
padding: 7px 15px;
color: #fff
}
.RadioButtons label
{
cursor:pointer ;
line-height: 2;
float: left;
margin-left: 10px;
}
.RadioButtons
{
height: 55px;
padding-top: 5px;
background-color: #efeff4;
}
.tick {
padding: 0 10px 0 0;
line-height: 2.4;
width: 75%;
}
.tick li marquee {
font-size: 16px;
color: #110a02;
font-weight: 700;
/* max-width: 400px; */
}
.table-responsive
{
min-width: 400px;
overflow-x: scroll;
}
.margin-b-5
{
margin-bottom: 10px;
}
.margin-left-15
{
margin-left: 15px;
}
.crusl-no-data
{
text-align: center;
vertical-align: middle;
border: 1px solid #eee;
line-height: 17.8;
background-color: #efeff4;
}
.crusl-no-data a
{
color: #9199a4
}
.lnews-no-data
{
text-align: center;
vertical-align: middle;
border: 1px solid #eee;
line-height: 25;
background-color: #efeff4;
}
.lnews-no-data a
{
color: #9199a4
}
.combine-w .ticker-wrapper .ticker-content
{
font-size: 1.1rem;
}
.line-h-25
{
line-height: 25;
}
.template-download
{
position: relative;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ccc;
}
input::-moz-placeholder { /* Firefox 19+ */
color: #ccc;
}
input:-ms-input-placeholder { /* IE 10+ */
color: #ccc;
}
input:-moz-placeholder { /* Firefox 18- */
color: #ccc;
}
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ccc;
}
textarea::-moz-placeholder { /* Firefox 19+ */
color: #ccc;
}
textarea:-ms-input-placeholder { /* IE 10+ */
color: #ccc;
}
textarea:-moz-placeholder { /* Firefox 18- */
color: #ccc;
}
.picture-container li
{
margin-bottom: 10px;
}
.picture-container li a img
{
margin-bottom: 10px;
}
.main-search {
display: none;
}
/*----------------------
request section
---------------------- */
.viewgrp {
position: absolute !important;
color: #2080ff;
left: 36%;
}
.notification-list,.notify-list {
background: #fff;
}
.notification-list li,.notify-list li {
border-top: 1px solid #e2e2e5;
}
.notification-list li a,.notify-list li a {
padding: 5px;
overflow: hidden;
display: block;
color: #797988;
}
.notification-list .don-alrt-span,.notify-list .don-alrt-span{
display: inline-block;
text-align: center;
float: right;
height: 21px;
padding: 2px 4px;
min-width: 40px;
background-color: #f0f0f6;
color: #4d4d4d;
line-height: 1.4;
border-radius: 12px;
-webkit-border-radius: 12px;
}
#request_drop .req-top-head {
padding: 10px;
position: relative;
overflow: hidden;
border-bottom: 1px solid #e2e2e5;
}
#request_drop .req-top-head a {
color: #2080ff;
}
.post-text-area {
padding: 10px;
border-bottom: 1px solid #e2e2e5;
}
/*----------------------
Discover
---------------------- */
.discover-list,#discoverall {
background : #fff;
}
.discover-list .ion_tabs,#discoverall .ion_tabs{
padding: 10px;
position: relative;
overflow: hidden;
}
.discover-list .ion_tabs li,#discoverall .ion_tabs li {
display: table-cell;
width: 1%;
}
.discover-list .ion_tabs li.active a,#discoverall .ion_tabs li.active a{
font-weight: 700;
color: #797988
}
.ion_tabs li a {
color: #2080ff;
}
.discover-list .discover-noti .lftcntpd h4,#discoverall .discover-noti .lftcntpd h4 {
margin: 0;
font-size: 14px;
}
.discover-list .discover-noti li, #discoverall .discover-noti li {
border-top: 1px solid #e2e2e5;
padding: 10px;
}
.discover-list .discover-noti .ignore, #discoverall .discover-noti .ignore {
margin-left: 5px !important;
border: 1px solid red !important;
color: red !important;
background: transparent;
}
.discover-list .discover-noti .ignore a, #discoverall .discover-noti .ignore a {
color: red !important;
}
.birthday-btn {
border: 1px solid #2080ff !important;
margin: 5px 0;
display: inline-block !important;
color: #2080ff;
}
/*----------------------
View Earlier
---------------------- */
#view_earlier,#earliear_noti_ {
padding-top: 10px;
border-top: 1px solid #e2e2e5;
}
#view_earlier li,#earliear_noti_ li{
padding: 0 0 10px 10px;
}
#view_earlier li span,#earliear_noti_ li span {
margin-right: 10px;
}
#view_earlier .ealier_cnt,#earliear_noti_ .ealier-cnt {
margin-left: 50px;
border-bottom: 1px solid #e2e2e5;
padding-bottom: 10px;
}
#view_earlier .ealier_cnt h5,#earliear_noti_ .ealier-cnt h5 {
margin: 0;
}
#view_earlier .ealier_cnt h5 > a,#earliear_noti_ .ealier-cnt h5 > a {
color: #4d4d4d;
font-weight: 700;
}
#view_earlier .ealier_cnt p,#earliear_noti_ .ealier-cnt p {
margin: 0;
padding-right: 10px;
}
.feed-notify-alert,.feed-alert-social{
background-color: #D90700;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 9px;
padding: 0 2px;
top: -7px;
height: 16px;
min-width: 16px;
line-height: 1.9;
left: 100px;
color: #fff;
text-align: center;
}
.color-redish
{
color: #D90700 !important;
}
/**************************
Breaking News
**************************/
.breaking_news
{
background: url(https://www.socioon.com/assets/front_end/images/newson/3.jpg) no-repeat;
}
.b-news-heading
{
position: absolute;
top: 42px;
right: 0;
height: 350px;
float: right;
width: 360px;
background-color: #b00000;
}
.breaking_news .v-iframe
{
padding-top: 50px;
padding-bottom: 50px;
}
.breaking_news .tv-sec img
{
right: 39px;
top: 20px;
}
.breaking_news .tv-sec .live-txt
{
top: 30px;
}
.breaking_news .ticker-wrapper.has-js
{
background-color: #071cb7;
margin-bottom: 0px;
}
.breaking_news .ticker-swipe
{
background-color: #071cb7;
}
.breaking_news .b-news-heading
{
-webkit-clip-path: polygon(0 23%, 100% 0%, 100% 99%, 0 81%);
clip-path: polygon(0 12%, 100% 0%, 100% 99%, 0 88%);
background:-webkit-linear-gradient(90deg, rgb(167, 7, 7) 0%, rgb(74, 2, 3) 80%);
background:-o-linear-gradient(90deg, rgb(167, 7, 7) 0%, rgb(74, 2, 3) 80%);
background:-moz-linear-gradient(90deg, rgb(167, 7, 7) 0%, rgb(74, 2, 3) 80%);
background:linear-gradient(90deg, rgb(167, 7, 7) 0%, rgb(74, 2, 3) 80%);
}
.breaking_news .v-iframe
{
position: relative;
}
.breaking-headline
{
background-color: #b70707 !important;
}
.breaking-logo
{
position: absolute !important;
bottom: 0;
top: 410px !important;
right: 0!important;
width: 83px;
}
.b-news-heading span
{
padding-left: 35px;
padding-right: 35px;
padding-top: 110px;
float: right;
line-height: 2;
font-size: 28px;
color: #fff;
}
.video-container
{
/* width: 350px;
height: 350px;
overflow: hidden; */
}
.breaking_news .tv-sec .live-txt
{
padding: 15px 14px;
}
.video-container {
position: relative;
padding-bottom: 44%; 16:9
padding-top: 0px;
height: 0;
margin-right: 321px;
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.braking-news-img
{
height: 280px;
width: 350px;
}
.v-iframe .braking-news-img
{
-webkit-animation-name: none;
}
/**************************
Sticky social media
**************************/
#stickySocial {
position: fixed;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0;
line-height: 0;
z-index: 999
background-color: #fff;
}
#backToTop a, #stickySocial .nav {
font-size: 18px;
line-height: 28px;
text-align: center
}
#stickySocial .nav>li {
position: relative;
}
#stickySocial .nav>li>a {
padding: 0
}
#stickySocial .nav>li>a>i {
display: block;
width: 42px;
/* color: #abc; */
background-color: #f5f6f7;
border: 1px solid #eee;
line-height: 42px;
text-align: center;
-webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
transition: color .25s, border-color .25s, background-color .25s ease-in-out
}
#stickySocial .nav>li>a:hover>i {
color: #fff;
background-color: #eee
}
#backToTop, #stickySocial .nav>li>a>span {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden
}
#stickySocial .nav>li>a>span {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 10px;
padding: 0 10px;
color: #fff;
background-color: #eee;
font-size: 14px;
line-height: 24px;
white-space: nowrap;
-webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
position: absolute;
right: 100%
}
#stickySocial .nav>li>a:hover>span, body.isScrolling #backToTop {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible
}
#stickySocial .nav>li>a>span:before {
content: " ";
position: absolute;
top: 50%;
right: -10px;
width: 0;
height: 0;
margin-top: -4px;
border-style: solid;
border-width: 5px;
border-color: #eee;
border-top-color: transparent!important;
border-bottom-color: transparent!important
}
#stickySocial.sticky--right .nav>li>a>span:before {
border-right-color: transparent!important
}
.social--widget.style--1 .nav>li.facebook>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-facebook, .social--widget.style--4 .nav>li>a>.fa-facebook, .social--widget.style--5 .nav>li.facebook>a:hover, .social--widget.style--7 .nav>li.facebook>a {
color: #3b5998
}
#stickySocial ul.nav>li>a:hover>.fa-facebook, #stickySocial ul.nav>li>a>.fa-facebook+span, .social--widget.style--1 .nav>li.facebook>a:hover>span.icon, .social--widget.style--2 .nav>li.facebook>a, .social--widget.style--4 .nav>li>a:hover>.fa-facebook, .social--widget.style--5 .nav>li.facebook>a, .social--widget.style--5 .nav>li.facebook>a:before, .social--widget.style--6 .nav>li.facebook>a, .social--widget.style--6 .nav>li.facebook>a>.icon, .social--widget.style--7 .nav>li.facebook>a, .social--widget.style--7 .nav>li.facebook>a:hover>i {
background-color: #3b5998
}
#stickySocial ul.nav>li>a:hover>.fa-facebook, #stickySocial ul.nav>li>a>.fa-facebook+span:before, .social--widget.style--1 .nav>li.facebook>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-facebook, .social--widget.style--6 .nav>li.facebook>a {
border-color: #3b5998
}
.social--widget.style--2 .nav>li.facebook>a>.icon:before {
border-right-color: #3b5998
}
.social--widget.style--1 .nav>li.twitter>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-twitter, .social--widget.style--4 .nav>li>a>.fa-twitter, .social--widget.style--5 .nav>li.twitter>a:hover, .social--widget.style--7 .nav>li.twitter>a {
color: #00aced
}
#stickySocial ul.nav>li>a:hover>.fa-twitter, #stickySocial ul.nav>li>a>.fa-twitter+span, .social--widget.style--1 .nav>li.twitter>a:hover>span.icon, .social--widget.style--2 .nav>li.twitter>a, .social--widget.style--4 .nav>li>a:hover>.fa-twitter, .social--widget.style--5 .nav>li.twitter>a, .social--widget.style--5 .nav>li.twitter>a:before, .social--widget.style--6 .nav>li.twitter>a, .social--widget.style--6 .nav>li.twitter>a>.icon, .social--widget.style--7 .nav>li.twitter>a, .social--widget.style--7 .nav>li.twitter>a:hover>i {
background-color: #00aced
}
#stickySocial ul.nav>li>a:hover>.fa-twitter, #stickySocial ul.nav>li>a>.fa-twitter+span:before, .social--widget.style--1 .nav>li.twitter>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-twitter, .social--widget.style--6 .nav>li.twitter>a {
border-color: #00aced
}
.social--widget.style--2 .nav>li.twitter>a>.icon:before {
border-right-color: #00aced
}
.social--widget.style--1 .nav>li.google-plus>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-google-plus, .social--widget.style--4 .nav>li>a>.fa-google-plus, .social--widget.style--5 .nav>li.google-plus>a:hover, .social--widget.style--7 .nav>li.google-plus>a {
color: #d34836
}
#stickySocial ul.nav>li>a:hover>.fa-google-plus, #stickySocial ul.nav>li>a>.fa-google-plus+span, .social--widget.style--1 .nav>li.google-plus>a:hover>span.icon, .social--widget.style--2 .nav>li.google-plus>a, .social--widget.style--4 .nav>li>a:hover>.fa-google-plus, .social--widget.style--5 .nav>li.google-plus>a, .social--widget.style--5 .nav>li.google-plus>a:before, .social--widget.style--6 .nav>li.google-plus>a, .social--widget.style--6 .nav>li.google-plus>a>.icon, .social--widget.style--7 .nav>li.google-plus>a, .social--widget.style--7 .nav>li.google-plus>a:hover>i {
background-color: #d34836
}
#stickySocial ul.nav>li>a:hover>.fa-google-plus, #stickySocial ul.nav>li>a>.fa-google-plus+span:before, .social--widget.style--1 .nav>li.google-plus>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-google-plus, .social--widget.style--6 .nav>li.google-plus>a {
border-color: #d34836
}
.social--widget.style--2 .nav>li.google-plus>a>.icon:before {
border-right-color: #d34836
}
.social--widget.style--1 .nav>li.rss>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-rss, .social--widget.style--4 .nav>li>a>.fa-rss, .social--widget.style--5 .nav>li.rss>a:hover, .social--widget.style--7 .nav>li.rss>a {
color: #f60
}
#stickySocial ul.nav>li>a:hover>.fa-rss, #stickySocial ul.nav>li>a>.fa-rss+span, .social--widget.style--1 .nav>li.rss>a:hover>span.icon, .social--widget.style--2 .nav>li.rss>a, .social--widget.style--4 .nav>li>a:hover>.fa-rss, .social--widget.style--5 .nav>li.rss>a, .social--widget.style--5 .nav>li.rss>a:before, .social--widget.style--6 .nav>li.rss>a, .social--widget.style--6 .nav>li.rss>a>.icon, .social--widget.style--7 .nav>li.rss>a, .social--widget.style--7 .nav>li.rss>a:hover>i {
background-color: #f60
}
#stickySocial ul.nav>li>a:hover>.fa-rss, #stickySocial ul.nav>li>a>.fa-rss+span:before, .social--widget.style--1 .nav>li.rss>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-rss, .social--widget.style--6 .nav>li.rss>a {
border-color: #f60
}
.social--widget.style--2 .nav>li.rss>a>.icon:before {
border-right-color: #f60
}
.social--widget.style--1 .nav>li.vimeo>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-vimeo, .social--widget.style--4 .nav>li>a>.fa-vimeo, .social--widget.style--5 .nav>li.vimeo>a:hover, .social--widget.style--7 .nav>li.vimeo>a {
color: #4ebbff
}
#stickySocial ul.nav>li>a:hover>.fa-vimeo, #stickySocial ul.nav>li>a>.fa-vimeo+span, .social--widget.style--1 .nav>li.vimeo>a:hover>span.icon, .social--widget.style--2 .nav>li.vimeo>a, .social--widget.style--4 .nav>li>a:hover>.fa-vimeo, .social--widget.style--5 .nav>li.vimeo>a, .social--widget.style--5 .nav>li.vimeo>a:before, .social--widget.style--6 .nav>li.vimeo>a, .social--widget.style--6 .nav>li.vimeo>a>.icon, .social--widget.style--7 .nav>li.vimeo>a, .social--widget.style--7 .nav>li.vimeo>a:hover>i {
background-color: #4ebbff
}
#stickySocial ul.nav>li>a:hover>.fa-vimeo, #stickySocial ul.nav>li>a>.fa-vimeo+span:before, .social--widget.style--1 .nav>li.vimeo>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-vimeo, .social--widget.style--6 .nav>li.vimeo>a {
border-color: #4ebbff
}
.social--widget.style--2 .nav>li.vimeo>a>.icon:before {
border-right-color: #4ebbff
}
.social--widget.style--1 .nav>li.youtube>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-youtube-play, .social--widget.style--4 .nav>li>a>.fa-youtube-play, .social--widget.style--5 .nav>li.youtube>a:hover, .social--widget.style--7 .nav>li.youtube>a {
color: #b00
}
#stickySocial ul.nav>li>a:hover>.fa-youtube-play, #stickySocial ul.nav>li>a>.fa-youtube-play+span, .social--widget.style--1 .nav>li.youtube>a:hover>span.icon, .social--widget.style--2 .nav>li.youtube>a, .social--widget.style--4 .nav>li>a:hover>.fa-youtube-play, .social--widget.style--5 .nav>li.youtube>a, .social--widget.style--5 .nav>li.youtube>a:before, .social--widget.style--6 .nav>li.youtube>a, .social--widget.style--6 .nav>li.youtube>a>.icon, .social--widget.style--7 .nav>li.youtube>a, .social--widget.style--7 .nav>li.youtube>a:hover>i {
background-color: #b00
}
#stickySocial ul.nav>li>a:hover>.fa-youtube-play, #stickySocial ul.nav>li>a>.fa-youtube-play+span:before, .social--widget.style--1 .nav>li.youtube>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-youtube-play, .social--widget.style--6 .nav>li.youtube>a {
border-color: #b00
}
.social--widget.style--2 .nav>li.youtube>a>.icon:before {
border-right-color: #b00
}
.social--widget.style--1 .nav>li.dribbble>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-dribbble, .social--widget.style--4 .nav>li>a>.fa-dribbble, .social--widget.style--5 .nav>li.dribbble>a:hover, .social--widget.style--7 .nav>li.dribbble>a {
color: #ea4c89
}
#stickySocial ul.nav>li>a:hover>.fa-dribbble, #stickySocial ul.nav>li>a>.fa-dribbble+span, .social--widget.style--1 .nav>li.dribbble>a:hover>span.icon, .social--widget.style--2 .nav>li.dribbble>a, .social--widget.style--4 .nav>li>a:hover>.fa-dribbble, .social--widget.style--5 .nav>li.dribbble>a, .social--widget.style--5 .nav>li.dribbble>a:before, .social--widget.style--6 .nav>li.dribbble>a, .social--widget.style--6 .nav>li.dribbble>a>.icon, .social--widget.style--7 .nav>li.dribbble>a, .social--widget.style--7 .nav>li.dribbble>a:hover>i {
background-color: #ea4c89
}
#stickySocial ul.nav>li>a:hover>.fa-dribbble, #stickySocial ul.nav>li>a>.fa-dribbble+span:before, .social--widget.style--1 .nav>li.dribbble>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-dribbble, .social--widget.style--6 .nav>li.dribbble>a {
border-color: #ea4c89
}
.social--widget.style--2 .nav>li.dribbble>a>.icon:before {
border-right-color: #ea4c89
}
.social--widget.style--1 .nav>li.linkedin>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-linkedin, .social--widget.style--4 .nav>li>a>.fa-linkedin, .social--widget.style--5 .nav>li.linkedin>a:hover, .social--widget.style--7 .nav>li.linkedin>a {
color: #0077b5
}
#stickySocial ul.nav>li>a:hover>.fa-linkedin, #stickySocial ul.nav>li>a>.fa-linkedin+span, .social--widget.style--1 .nav>li.linkedin>a:hover>span.icon, .social--widget.style--2 .nav>li.linkedin>a, .social--widget.style--4 .nav>li>a:hover>.fa-linkedin, .social--widget.style--5 .nav>li.linkedin>a, .social--widget.style--5 .nav>li.linkedin>a:before, .social--widget.style--6 .nav>li.linkedin>a, .social--widget.style--6 .nav>li.linkedin>a>.icon, .social--widget.style--7 .nav>li.linkedin>a, .social--widget.style--7 .nav>li.linkedin>a:hover>i {
background-color: #0077b5
}
#stickySocial ul.nav>li>a:hover>.fa-linkedin, #stickySocial ul.nav>li>a>.fa-linkedin+span:before, .social--widget.style--1 .nav>li.linkedin>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-linkedin, .social--widget.style--6 .nav>li.linkedin>a {
border-color: #0077b5
}
.social--widget.style--2 .nav>li.linkedin>a>.icon:before {
border-right-color: #0077b5
}
.social--widget.style--1 .nav>li.pinterest>a>span.icon, .social--widget.style--3 .nav>li>a>.fa-pinterest-p, .social--widget.style--4 .nav>li>a>.fa-pinterest-p, .social--widget.style--5 .nav>li.pinterest>a:hover, .social--widget.style--7 .nav>li.pinterest>a {
color: #bd081c
}
#stickySocial ul.nav>li>a:hover>.fa-pinterest-p, #stickySocial ul.nav>li>a>.fa-pinterest-p+span, .social--widget.style--1 .nav>li.pinterest>a:hover>span.icon, .social--widget.style--2 .nav>li.pinterest>a, .social--widget.style--4 .nav>li>a:hover>.fa-pinterest-p, .social--widget.style--5 .nav>li.pinterest>a, .social--widget.style--5 .nav>li.pinterest>a:before, .social--widget.style--6 .nav>li.pinterest>a, .social--widget.style--6 .nav>li.pinterest>a>.icon, .social--widget.style--7 .nav>li.pinterest>a, .social--widget.style--7 .nav>li.pinterest>a:hover>i {
background-color: #bd081c
}
#stickySocial ul.nav>li>a:hover>.fa-pinterest-p, #stickySocial ul.nav>li>a>.fa-pinterest-p+span:before, .social--widget.style--1 .nav>li.pinterest>a>span.icon, .social--widget.style--4 .nav>li>a>.fa-pinterest-p, .social--widget.style--6 .nav>li.pinterest>a {
border-color: #bd081c
}
.social--widget.style--2 .nav>li.pinterest>a>.icon:before {
border-right-color: #bd081c
}
/**************************
Footer
**************************/
.footer-section {
}
.footer-widgets{
background-color: #1d1d1d;
color: #777;
overflow: hidden;
text-align:left;
font-family:arial;
}
.footer-widgets .widget{
width: 25%;
float: left;
padding: 30px 15px;
}
.widget--title {
padding-left: 24px;
padding-right: 0
}
.widget--title {
position: relative;
padding: 12px 24px 13px 0;
border-top: 2px solid #fff;
z-index: 0;
}
.widget--title .h4 {
position: relative;
margin: 0 0 0 24px;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
z-index: 0;
}
.widget--title .icon {
position: absolute;
top: 50%;
left: 0;
margin-top: -13px;
color: #fff;
font-size: 16px;
line-height: 26px;
}
.about--widget .action {
margin-top: 16px
}
.about--widget p {
color: #999;
}
.about--widget>.nav, .tags--widget .nav {
font-size: 0;
line-height: 0
}
.about--widget .action+.nav {
margin-top: 8px;
padding-top: 11px;
border-top: 1px solid #333
}
.about--widget>.nav>li+li {
margin-top: 10px
}
.about--widget>.nav>li>.fa {
min-width: 14px;
margin-left: 0px;
font-size: 14px;
line-height: 24px
}
.bg--color-2 .about--widget>.nav>li>.fa {
color: #fff
}
.about--widget>.nav>li>a, .about--widget>.nav>li>span {
color: #999;
padding: 0;
font-size: 14px;
line-height: 24px
}
.links--widget .nav>li {
position: relative;
}
.links--widget .nav>li+li {
margin-top: 5px
}
.links--widget .nav>li>a {
padding: 0 10px 5px 12px;
border-bottom: 1px dotted #333;
color: #999;
display: block;
text-align:left;
}
.links--widget .nav>li>a:before {
position: absolute;
top: 50%;
left: 0px;
margin-top: -8px;
text-align:left;
/*font-family: "FontAwesome" M.Rizwan commented icon problem*/
}
.links--widget .nav>li>a:hover,.footer-copyright .links>li>a:hover,.post--info .meta>li>a:hover, .post--info .meta>li>span:hover {
color: #8f0303;
}
.btn-link {
color: #999;
}
.footer-copyright {
background-color: #000;
padding: 10px 15px;
overflow: hidden;
font-family: arial;
}
.footer-copyright .links {
font-size: 0;
line-height: 0;
margin-top: 10px;
}
.footer-copyright .links>li {
float: left;
}
.footer-copyright .links>li+li {
margin-left: 12px;
padding-left: 11px;
border-left: 1px solid
}
.footer-copyright .links>li>a {
display: inline-block;
font-size: 14px;
line-height: 18px;
color: #999;
}
.footer-copyright p {
color: #999;
}
/**************************
First pannel
**************************/
.post-items-container {
}
.post--items-title {
padding: 10px 0 11px 0;
border-top: 2px solid #B00101;
}
.post--items-title .h4 {
position: relative;
margin: 0;
color: #B00101;
font-size: 16px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
z-index: 0;
}
.post--items-title .h4 i {
color: #999;
line-height: 26px;
}
.post--img {
position: relative;
z-index: 0;
}
/************************************ Edited By Umer ************************************/
.post-layout-1 .post--info {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
padding-top: 25px;
}
/************************************ End ************************************/
.post--info .meta {
margin: 0 -7.5px;
color: #fff;
font-size: 0;
line-height: 0;
}
.post-layout-1 h3 a{
color: #fff !important;
}
.post--info .meta>li {
display: inline-block;
margin: 0 7.5px;
direction: ltr;
}
.post--info .meta>li>a, .post--info .meta>li>span {
padding: 0;
font-size: 12px;
line-height: 24px;
color: #999;
}
/************************************ Edited By Umer ************************************/
.post-layout-1 .post--info .meta>li>a, .post-layout-1 .post--info .meta>li>span{
color: #fff;
position: relative;
right: 30px; bottom: 4px;
}
/************************************ End ************************************/
.post--item .post--info .title .h4 {
margin-bottom: -3px;
color: inherit;
font-size: 14px;
line-height: 20px;
}
.post--info a:hover {
color: #8f0303 !important;
}
/************************************ Edited By Umer ************************************/
.post--info h3 a{
color: #222;
line-height: 24px;
position: relative;
right: 20px; bottom: 4px;
}
/************************************ End ************************************/
.post-layout-1-inner {
padding: 10px 0 10px 0;
border-top: 1px solid #e2e2e5;
overflow: hidden;
}
.post--img.post-layout-1 {
margin-bottom: 10px;
}
.item.post--img {
margin-bottom: 0;
}
.post-layout-1-inner .title {
margin-bottom: 0;
}
.post-items-container .col-lg-6 {
width: 48%;
float: left;
margin-left: 4%;
min-height: 125px;
}
.post-items-container .col-lg-6:nth-child(2n) {
margin-left: 0;
}
.post-three-col .col-lg-3
{
position: relative;
width: 226px;
/*height: 250px; */
margin-left: 15px;
float: right;
margin-bottom: 15px;
}
.post-three-col .col-lg-3:nth-child(3n)
{
margin-left: 0px;
}
.post--img > a {
position: relative;
display: block;
line-height: 0;
}
.post--img > a:before {
/* content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
background: linear-gradient(to bottom, #fff 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
z-index: 1 */
}
.post--img:hover > a:before {
/* opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; */
}
.post--img.post-layout-1-inner:hover > a:before {
/* opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
}
/* newson side bar icon */
.fb-color
{
color:#4766aa;
}
.twitter-color
{
color:#1ea1f2;
}
.google-color
{
color:#dd4d42;
}
.rss-color
{
color:#fd7a04;
}
.vimeo-color
{
color:#1ab7ea;
}
.youtube-color
{
color:#ff0e00;
}
.linkedin-color
{
color:#006093;
}
.placeholder input::placeholder{
color: #3a3836;
}
.slider-heading-bckgrnd {
background: #000;
opacity: 0.5;
}
.carousel-inner h3{
color: #fff;
line-height: 24px;
position: relative;
right: 10px;
bottom: 10px;
font-size: 24px;
opacity: 1;
padding-top: 10px;
}
.carousel-inner li{
color: #fff;
position: relative;
right: 10px;
bottom: 10px;
font-size: 30px;
opacity: 1;
}
.subs_btnn{
position:absolute;right:5px; top: 10px; float: right;
}
.marg_right{margin-right:5px;}
.footer_font_size{font-size:16px;}
.texfield_size{font-size:16px; line-height: 30px;}
.post--info h3 {color: #fff; margin-right: 15px; z-index: 999; margin-left: 7px;}
.post--info i {
color: #fff;
position: relative;
bottom: 8px; font-size: 12px;
left:7px;
margin-right:22px;
}