/* ========================================================================== Roadmap ========================================================================== 1- General Theme Settings 2- Radio and Checkbox 3- Home Page V1 i) Top ii)NavBar 6- main content i) content with sidebar 7- movie Section 8- footer 9- sidebar 10-carousel slider 11-off canvas menu 18- login-register 20- page content */ /* ========================================================================== 1- General Theme Settings ========================================================================== */ * { margin: 0; padding: 0; } body { background-color: #f0f0f0; } img { object-fit: cover; -o-object-fit: cover; } .padding-right-remove{ padding-right: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-style: none !important; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { border-color: transparent transparent transparent #6c6c6c; } .off-canvas-content, .off-canvas-content { background: #f0f0f0; } .object-fit_fill { -o-object-fit: fill; object-fit: fill; } .object-fit_contain { -o-object-fit: contain; object-fit: contain; } .object-fit_cover { -o-object-fit: cover; object-fit: cover; } .object-fit_none { -o-object-fit: none; object-fit: none; } .object-fit_scale-down { -o-object-fit: scale-down; object-fit: scale-down; } p{ color: #6c6c6c !important; } .transition, .secondary-button, .secondary-button i, .hover-posts, .topBar .socialLinks a, .topBar .socialLinks a i, .top-button .menu li a, .top-button .menu li.dropdown-login .login-form input[type="submit"], .top-button .menu li.dropdown-login .login-form p a.newaccount, #navBar .top-bar .search-btn li.search i, #navBar .top-bar .search-btn li.upl-btn a, #navBar .topbar-full .search-bar-full .icon-btn i, #navBar .navBlack .topbar-light-dark .search-btn li.search i, #navBar .navBlack .topbar-light-dark .search-btn li.upl-btn a, #navBar .middleNav .search-btns li.search i, #navBar .middleNav .search-btns li.upl-btn a, #navBar .middleNav .search-btns li.login a, #premium .owl-carousel .item, #premium .owl-carousel .item figure.premium-img figcaption, .content .post .post-thumb .video-stats, .content .main-heading .tabs li.tabs-title a, .content .main-heading .tabs li.tabs-title:last-of-type a, footer .widgetBox .tagcloud a, footer .widgetBox .widgetContent form button[type="submit"], footer .widgetBox .widgetContent .secondary-button, .sidebar .widgetBox .widgetContent .profile-overview li a, .sidebar .widgetBox .tagcloud a, #carouselSlider .item .inner-item .item-title, .light-off-menu .off-social a, .light-off-menu .off-social a i, .dark-off-menu .top-button .menu li:first-of-type a, #breadcrumb .breadcrumbs li a, .SinglePostStats .media-object .author-des .subscribe button, .SinglePostStats .media-object .social-share .post-like-btn form button, .SinglePostStats .media-object .social-share .post-like-btn form button i, .singlePostDescription .description .inner-btn, .showmore_trigger span, .comments .comment-box .media-object .comment-textarea input[type="submit"], .main-comment .media-object .comment-desc .comment-btns span a, .main-comment .media-object .comment-desc .comment-btns span a i, .followers .follower button, .profile-inner .show-more-inner .show-more-btn, .profile-inner .profile-videos .profile-video .media-object .video-btns a.video-btn, .profile-inner .profile-videos .profile-video .media-object .video-btns a.video-btn i, .profile-inner .profile-videos .profile-video .media-object .video-btns button[type="submit"], .profile-inner .profile-videos .profile-video .media-object .video-btns button[type="submit"] i, .pagination a, .blog-post .blog-post-content a.blog-post-btn, .blog-post .blog-post-content .blog-post-extras .extras a, .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button], .blog-post .blog-post-content .blog-post-extras .extras .easy-share button[data-easyshare-button] span, .blog-post .blog-post-content .blog-pagination a, .blog-post .blog-post-content .blog-pagination a i { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .row-btn { margin: 30px 0; } .button { font-weight: bold; border-radius: 5px; margin: 0; text-transform: uppercase; } .secondary-button { width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #f6f6f6; display: inline-block; color: #8e8e8e; text-align: center; } .secondary-button i { color: #8e8e8e; font-size: 16px; } .secondary-button:hover { background: #e96969; color: #fff; } .secondary-button:hover i { color: #fff; } .secBg { background: #fff; border: 1px solid #ececec; } .thumb-border { border: 1px solid #ececec; } .hover-posts { visibility: hidden; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; z-index: 5; top: 0; text-align: center; transform: scale(0); } .hover-posts span { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; color: #fff; font-size: 13px; text-transform: capitalize; } .hover-posts span i { color: #fff; font-size: 36px; display: block; margin-bottom: 5px; } .padding-14 { padding: 14px 0; } .removeBorder { border: none !important; } .removeBorderBottom { border-bottom: none !important; } .removePad { padding: 0 !important; } .removePadRight { padding-right: 0 !important; } .removeMargin { margin: 0 !important; } .googleAdv { padding: 30px 0; text-align: center; } .form-error { margin-top: 0 !important; color: #e96969; } .borderBottom { border-bottom: 1px solid #ececec; } .pad-bottom-30 { padding-bottom: 30px; } .whiteBg { background: #fff; border-bottom: 1px solid #ececec; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #444444 !important; } .owl-theme .owl-dots .owl-dot span { background: #e96969 !important; margin: 2px !important; } .margin-bottom-10 { margin-bottom: 10px; } .breadMargin { margin-bottom: 30px; } .loadMore { margin-bottom: 100px; margin-top: 20px; } .loadMore .button { padding-left: 40px; padding-right: 40px; } /* ========================================================================== 2- Radio and Checkbox ========================================================================== */ .customLabel { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; } .wrapper { width: 500px; margin: 50px auto; } /*input[type=radio], input[type=checkbox] { display: none; }*/ .customLabel:before { content: "\f0c8"; font-family: 'FontAwesome'; color: #8e8e8e; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 3px; background: transparent; border: 1px solid #ececec; font-size: 11px; line-height: 15px; text-align: center; } .radio .customLabel:before { border-radius: 8px; } .checkbox .customLabel { margin-bottom: 10px; } .checkbox .customLabel:before { border-radius: 3px; } input[type=radio]:checked + .customLabel:before { content: "\f0c8"; font-family: 'FontAwesome'; color: #e96969; font-size: 11px; text-align: center; line-height: 15px; } input[type=checkbox]:checked + .customLabel:before { content: "\f0c8"; font-family: 'FontAwesome'; font-size: 11px; color: #e96969; text-align: center; line-height: 15px; } /* ========================================================================== 3- Home Page v1 i) Top ========================================================================== */ .topBar { border-bottom: 1px solid #ececec; padding: 5px 0; background: #f0f0f0; } .topBar .socialLinks a { display: inline-block; width: 30px; height: 30px; border: 1px solid #ececec; text-align: center; line-height: 30px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .topBar .socialLinks a i { color: #8e8e8e; } .topBar .socialLinks a:hover { background: #e96969; } .topBar .socialLinks a:hover i { color: #fff; } .topBar .topBarMenu .menu li a { padding: 8px 10px 8px 0; font-size: 12px; text-transform: uppercase; color: #6c6c6c; display: inline-block; } .topBar .topBarMenu .menu li a i { display: inline-block; font-size: 12px; color: #6c6c6c; } .topBar .topBarMenu .menu li a:hover { color: #e96969; } .topBar .topBarMenu .menu li a:hover i { color: #e96969; } .topBarBlack { background: #303030; border-color: #303030; } .topBarBlack .socialLinks a { background: #444444; border: 1px solid #444; color: #aaaaaa; } .topBarBlack .socialLinks a:hover { background: #e96969; } .top-button .menu li:nth-of-type(2) a { background: #e96969; } .top-button .menu li:nth-of-type(2) a:hover { background: #e95252; } .top-button .menu li a.active { background: #e95252; } .top-button .menu li a { display: inline-block; margin-left: 5px; padding: 9px 15px; background: #444; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #fff; text-transform: capitalize; font-size: 12px; } .top-button .menu li a:hover { background: #e96969; } .top-button .menu li.dropdown-login { position: relative; } .top-button .menu li.dropdown-login .login-form { display: none; position: absolute; padding: 30px 10px; width: 250px; border-top: 2px solid #e96969; top: 120%; right: 0; background: #fff; z-index: 10; border-right: 1px solid #ececec; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; } .top-button .menu li.dropdown-login .login-form h6 { font-weight: 600; margin-bottom: 18px; } .top-button .menu li.dropdown-login .login-form .input-group { margin-bottom: 10px; } .top-button .menu li.dropdown-login .login-form .input-group .input-group-label:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .top-button .menu li.dropdown-login .login-form .input-group .input-group-label i { font-size: 13px; color: #6c6c6c; } .top-button .menu li.dropdown-login .login-form .input-group input { font-size: 13px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .top-button .menu li.dropdown-login .login-form fieldset { margin-bottom: 14px; } .top-button .menu li.dropdown-login .login-form fieldset label { font-size: 12px; color: #8e8e8e; } .top-button .menu li.dropdown-login .login-form input[type="submit"] { width: 100%; border: 1px solid #f6f6f6; text-align: center; text-transform: capitalize; background: #f6f6f6; font-size: 13px; color: #8e8e8e; padding: 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 30px; } .top-button .menu li.dropdown-login .login-form input[type="submit"]:hover { background: #e96969; color: #fff; border: 1px solid #e96969; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .top-button .menu li.dropdown-login .login-form p { font-size: 12px; color: #8e8e8e; } .top-button .menu li.dropdown-login .login-form p a.newaccount { color: #222222; background: transparent; padding: 0; margin: 0; font-weight: 600; } .top-button .menu li.dropdown-login .login-form p a.newaccount:hover { color: #e96969; } .top-button .menu li.dropdown-login .login-form-dark { background: #303030; border-right: 1px solid #222222; border-left: 1px solid #222222; border-bottom: 1px solid #222222; z-index: 11; } .top-button .menu li.dropdown-login .login-form-dark h6 { color: #aaaaaa; } .top-button .menu li.dropdown-login .login-form-dark .input-group .input-group-label { background: #444444; border-color: #444444; } .top-button .menu li.dropdown-login .login-form-dark .input-group .input-group-label i { font-size: 13px; color: #aaaaaa; } .top-button .menu li.dropdown-login .login-form-dark .input-group input { background: #303030; border-color: #444444; } .top-button .menu li.dropdown-login .login-form-dark fieldset label { color: #aaaaaa !important; } .top-button .menu li.dropdown-login .login-form-dark .checkbox label { color: #aaaaaa; } .top-button .menu li.dropdown-login .login-form-dark input[type="submit"] { background: #444444; color: #aaaaaa; border-color: #444444; } .top-button .menu li.dropdown-login .login-form-dark p a.newaccount { color: #aaaaaa; } /* ========================================================================== ii) NavBar ========================================================================== */ #navBar { background: #fff; position: relative; z-index: 6; margin-bottom:10px} #navBar .top-bar { padding: 0; } #navBar .top-bar .menu-text { padding: 20px 0 !important; margin: 0 !important; } #navBar .top-bar .menu > li { padding-left: 30px; } #navBar .top-bar .menu > li > a { padding: 0; } #navBar .top-bar .menu > li:not(.menu-text) > a { padding: 32px 0; font-size: 13px; border-bottom: 2px solid transparent; text-transform: uppercase; color: #6c6c6c; } #navBar .top-bar .menu > li:not(.menu-text) > a:hover { border-bottom: 2px solid #e96969; } #navBar .top-bar .menu > li:not(.menu-text) > a:hover i { color: #e96969; } #navBar .top-bar .menu > li:first-of-type { padding: 0; } #navBar .top-bar li.active a { border-bottom: 2px solid #e96969 !important; background: none; color: #6c6c6c; } #navBar .top-bar li.active a i { color: #e96969; } #navBar .top-bar li.active a:hover { border-bottom: 2px solid #e96969 !important; } #navBar .top-bar .search-btn { padding: 17px 0; margin-left: 30px; } #navBar .top-bar .search-btn li.search { padding-left: 5px; } #navBar .top-bar .search-btn li.search i { display: inline-block; width: 40px; height: 40px; font-size: 13px; background: #f6f6f6; text-align: center; line-height: 40px; cursor: pointer; border-radius: 3px; border: 1px solid #ececec; } #navBar .top-bar .search-btn li.search i:hover { background: #e96969; color: #fff; } #navBar .top-bar .search-btn li.search-active i { background: #e96969; color: #fff; } #navBar .top-bar .search-btn li.upl-btn a { font-size: 13px; background: #f6f6f6; border: 1px solid #ececec; border-radius: 3px; padding: 13px 14px !important; } #navBar .top-bar .search-btn li.upl-btn a:hover { background: #e96969; color: #fff; border: 1px solid #e96969; } #navBar .top-bar .dropdown.menu .submenu { border: none; border-top: 2px solid #e96969; border-right: 1px solid #ececec; border-left: 1px solid #ececec; } #navBar .top-bar .dropdown.menu .submenu li { padding: 0 !important; } #navBar .top-bar .dropdown.menu .submenu li a { border-bottom: 1px solid #ececec !important; padding: 15px !important; } #navBar .top-bar .dropdown.menu .submenu li a i { color: #8e8e8e !important; } #navBar .top-bar .dropdown.menu .submenu li a:hover { background: #f6f6f6; } #navBar .top-bar .dropdown.menu .submenu li a:hover i { color: #e96969 !important; } #navBar .top-bar .dropdown.menu .submenu li:hover a { border-bottom: 1px solid #ececec !important; } #navBar .topbar-full { width: 100%; background: #fff; border: 1px solid #ececec; padding: 15px 50px; } #navBar .topbar-full .toplogo { width: 11%; margin: 0 10px; } #navBar .topbar-full .toplogo .menu { margin: 0; overflow: hidden; } #navBar .topbar-full .toplogo .menu li { padding: 0; } #navBar .topbar-full .toplogo .menu li a { padding: 0; } #navBar .topbar-full .topnews { width: 24%; } #navBar .topbar-full .topnews .newsTicker { width: 100%; } #navBar .topbar-full .topnews .newsTicker i { display: inline-block; font-size: 13px; margin-right: 5px; } #navBar .topbar-full .topnews .newsTicker span { display: inline-block; font-size: 13px; border-right: 1px solid #ececec; margin-right: 10px; padding-right: 10px; color: #444444; font-weight: 600; } #navBar .topbar-full .topnews .newsTicker #newsBar { list-style: none; display: inline-block; margin: 0; } #navBar .topbar-full .topnews .newsTicker #newsBar li { display: none; } #navBar .topbar-full .topnews .newsTicker #newsBar li a { font-size: 13px; color: #aaaaaa; } #navBar .topbar-full .topnews .newsTicker #newsBar li a:hover { color: #e96969; } #navBar .topbar-full .topsearch { width: 40%; } #navBar .topbar-full .topbtn { width: 21%; } #navBar .topbar-full .search-bar-full { width: 100%; } #navBar .topbar-full .search-bar-full .input-group { margin-bottom: 0; } #navBar .topbar-full .search-bar-full input[type="search"] { height: 30px; width: 100%; color: #aaaaaa; font-size: 12px; padding-top: 5px; padding-bottom: 5px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #navBar .topbar-full .search-bar-full .icon-btn { position: relative; } #navBar .topbar-full .search-bar-full .icon-btn .button { margin-right: 0; height: 30px; line-height: 30px; padding: 0 8px; font-size: 12px; text-align: left; background: #f6f6f6; color: #8e8e8e; width: 80px; border: 1px solid #ececec; font-weight: normal; text-transform: capitalize; border-left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #navBar .topbar-full .search-bar-full .icon-btn i { font-size: 12px; display: inline-block; right: 14px; top: 8px; position: absolute; } #navBar .topbar-full .search-bar-full .icon-btn:hover input { background: #e96969; color: #fff; } #navBar .topbar-full .search-bar-full .icon-btn:hover i { color: #fff; } #navBar .topbar-dark { background: #303030; border: 1px solid #303030; } #navBar .topbar-dark .btn-toggle .secondary-button { background: #444444; } #navBar .topbar-dark .topnews .newsTicker i { color: #e96969; } #navBar .topbar-dark .topnews .newsTicker span { border-right: 1px solid #444; } #navBar .topbar-dark .topsearch .search-bar-full input[type="search"] { background: none; border-color: #444444; } #navBar .topbar-dark .topsearch .search-bar-full .icon-btn .button { background: #444444; border-color: #444444; } #navBar .search-bar-light { display: none; position: absolute; left: 0; right: 0; margin: 0 auto; width: 75em; border: 1px solid #ececec; padding: 14px; background: #fff; } #navBar .search-bar-light .search-input { display: inline-block; width: 87%; } #navBar .search-bar-light .search-input input[type="search"] { height: 50px; font-size: 13px; margin-bottom: 0; border-radius: 5px; } #navBar .search-bar-light .search-btn { display: inline-block; width: 13%; } #navBar .search-bar-light .search-btn button.button { margin: 0; border-radius: 5px; } #navBar .search-bar-dark { border: 1px solid #444444; background: #303030; } #navBar .search-bar-dark .search-input input[type="search"] { background: #303030; border-color: #444444; } #navBar .navBlack { background: #444444; border-color: #444444; } #navBar .navBlack .topbar-light-dark { background: #444444; } #navBar .navBlack .topbar-light-dark ul { background: #444444; } #navBar .navBlack .topbar-light-dark .menu > li:not(.menu-text) > a { color: #aaaaaa; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu { border: none; border-top: 2px solid #e96969; border-right: 1px solid #303030; border-left: 1px solid #303030; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li { padding: 0 !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li a { border-bottom: 1px solid #303030 !important; padding: 15px !important; background: #444 !important; border-bottom: 1px solid #303030 !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li a i { color: #8e8e8e !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li a:hover { background: #303030 !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li a:hover i { color: #e96969 !important; } #navBar .navBlack .topbar-light-dark .dropdown.menu .submenu li:hover a { border-bottom: 1px solid #444 !important; } #navBar .navBlack .topbar-light-dark .search-btn li.search i { background: #303030; border: 1px solid #303030; } #navBar .navBlack .topbar-light-dark .search-btn li.search i:hover { background: #e96969; color: #fff; } #navBar .navBlack .topbar-light-dark .search-btn li.search-active i { background: #e96969; color: #fff; } #navBar .navBlack .topbar-light-dark .search-btn li.upl-btn a { background: #303030; border: 1px solid #303030; } #navBar .navBlack .topbar-light-dark .search-btn li.upl-btn a:hover { background: #e96969; color: #fff; border: 1px solid #e96969; } #navBar .navFull .topbar-light-dark .menu > li:not(.menu-text) > a { padding: 15px 10px !important; color: #fff; } #navBar .navFull .topbar-light-dark .menu > li:not(.menu-text) > a:hover { background: #e96969; color: #fff; } #navBar .navFull .topbar-light-dark .menu > li:not(.menu-text) > a:hover i { color: #fff; } #navBar .navFull .topbar-light-dark .menu > li { padding-left: 2px; } #navBar .navFull .topbar-light-dark li.active a { background: #e96969; color: #fff; } #navBar .navFull .topbar-light-dark li.active a i { color: #fff; } #navBar .navFull .topbar-light-dark li.active a:hover { background: #e96969; color: #fff; } #navBar .navFull .topbar-light-dark li.active a:hover i { color: #fff; } #navBar .navFull .topbar-light-dark .topnews .newsTicker { width: 100%; padding: 11px 0; } #navBar .navFull .topbar-light-dark .topnews .newsTicker i { display: inline-block; font-size: 13px; margin-right: 5px; color: #e96969; } #navBar .navFull .topbar-light-dark .topnews .newsTicker span { font-size: 13px; border-right: 1px solid #fff; margin-right: 10px; padding-right: 10px; color: #FFFFFF; font-weight: 600; } #navBar .navFull .topbar-light-dark .topnews .newsTicker #newsBar { list-style: none; display: inline-block; margin: 0; } #navBar .navFull .topbar-light-dark .topnews .newsTicker #newsBar li { display: none; } #navBar .navFull .topbar-light-dark .topnews .newsTicker #newsBar li a { font-size: 13px; color: #aaaaaa; } #navBar .navFull .topbar-light-dark .topnews .newsTicker #newsBar li a:hover { color: #e96969; } #navBar .navfull-v2-light { background: #f6f6f6; } #navBar .navFull-v2 .topbar-light-dark .menu > li:not(.menu-text) > a { padding: 15px 10px !important; color: #fff; } #navBar .navFull-v2 .topbar-light-dark .menu > li:not(.menu-text) > a:hover { background: #303030; color: #fff; border-bottom: 2px solid #e96969; } #navBar .navFull-v2 .topbar-light-dark .menu > li:not(.menu-text) > a:hover i { color: #fff; } #navBar .navFull-v2 .topbar-light-dark li.active a { background: #303030; color: #fff; border-bottom: 2px solid #e96969; } #navBar .navFull-v2 .topbar-light-dark li.active a:hover { background: #e96969; color: #fff; } #navBar .navFull-v2 .topbar-light-dark .search-btn { padding: 9px 0 0 0; } #navBar .navFull-v2 .topbar-light-dark .search-btn li.search i { width: 30px; height: 30px; line-height: 30px; } #navBar .navFull-v2 .top-bar-light { background: #f6f6f6; } #navBar .navFull-v2 .top-bar-light ul { background: #f6f6f6; } #navBar .navFull-v2 .top-bar-light .menu > li:not(.menu-text) > a { padding: 15px 10px !important; color: #6c6c6c; border-bottom: none !important; } #navBar .navFull-v2 .top-bar-light .menu > li:not(.menu-text) > a:hover { background: #444; color: #fff; } #navBar .navFull-v2 .top-bar-light .menu > li:not(.menu-text) > a:hover i { color: #fff; } #navBar .navFull-v2 .top-bar-light li.active a { background: #444; color: #fff !important; border-bottom: none !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu { border: none; border-top: none; border-right: 1px solid #303030; border-left: 1px solid #303030; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li { padding: 0 !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li a { border-bottom: 1px solid #303030 !important; padding: 15px !important; background: #444 !important; border-bottom: 1px solid #303030 !important; color: #FFFFFF; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li a i { color: #8e8e8e !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li a:hover { background: #e96969 !important; color: #fff; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li a:hover i { color: #e96969 !important; } #navBar .navFull-v2 .top-bar-light .dropdown.menu .submenu li:hover a { border-bottom: 1px solid #444 !important; } #navBar .navFull-v2 .top-bar-light .search-btn { padding: 6px 0 0 0; } #navBar .navFull-v2 .top-bar-light .search-btn li.search i { background: #444444; width: 30px; height: 30px; line-height: 30px; } #navBar .navFull-v2 .top-bar-light .search-btn li.search i:hover { background: #e96969; border-color: #e96969; } #navBar .navFull-v2 .top-bar-light .search-btn li.search-active i { background: #e96969; } #navBar .middleNav { padding: 15px 0; } #navBar .middleNav .logo { margin-top: 10px; } #navBar .middleNav .search-btns { padding: 9px 0; } #navBar .middleNav .search-btns li.search { padding-left: 5px; } #navBar .middleNav .search-btns li.search i { display: inline-block; width: 40px; height: 40px; font-size: 13px; background: #f6f6f6; text-align: center; line-height: 40px; cursor: pointer; border-radius: 3px; border: 1px solid #ececec; } #navBar .middleNav .search-btns li.search i:hover { background: #e96969; color: #fff; } #navBar .middleNav .search-btns li.search-active i { background: #e96969; color: #fff; } #navBar .middleNav .search-btns li.upl-btn a { font-size: 13px; background: #f6f6f6; border: 1px solid #ececec; border-radius: 3px; padding: 13px 14px !important; color: #6c6c6c; } #navBar .middleNav .search-btns li.upl-btn a:hover { background: #e96969; color: #fff; border: 1px solid #e96969; } #navBar .middleNav .search-btns li.login a { font-size: 13px; background: #f6f6f6; border: 1px solid #ececec; border-radius: 3px; padding: 13px 14px !important; color: #6c6c6c; margin-left: 10px; } #navBar .middleNav .search-btns li.login a:hover { background: #e96969; color: #fff; border: 1px solid #e96969; } #navBar .middleNav .search-bar-light { top: 89px; z-index: 100; } /* ========================================================================== 6 - Main Content ========================================================================== */ .mainContentv3 { background: #fff; } .parentbg { position: relative; } .parentbg .sidebarBg { position: absolute; left: 102%; top: 0; height: 100%; width: 100vw; background: #f0f0f0; z-index: 1; } .mainContentLanding { background: #fff; } .mainContentLanding .content { padding: 60px 0 0 0; } .mainContentLanding .content .main-heading { margin-bottom: 20px; } .mainContentLanding .sidebar { padding: 60px 0 0 0; } .content .post .post-thumb { position: relative; height: 190px; overflow: hidden; } .content .post .post-thumb img { width: 100%; height: 100%; object-fit: cover; } .content .post .post-thumb .video-stats { position: absolute; bottom: 10px; width: 100%; left: 0; padding: 0 10px; } .content .post .post-thumb .video-stats .thumb-stats { display: inline-block; background: rgba(0, 0, 0, 0.8); padding: 0 8px; height: 30px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .content .post .post-thumb .video-stats .thumb-stats:first-of-type { margin-right: 5px; padding: 0 6px; } .content .post .post-thumb .video-stats .thumb-stats h6 { color: #fff; font-weight: 800; margin: 0; line-height: 28px; font-style: italic; } .content .post .post-thumb .video-stats .thumb-stats i { display: inline-block; color: #fff; margin-right: 5px; font-size: 14px; } .content .post .post-thumb .video-stats .thumb-stats span { color: #fff; font-size: 11px; display: inline-block; } .content .post .post-thumb a.hover.posts i { font-size: 18px; } .content .post .post-thumb a.hover.posts span { font-size: 13px; top: 62%; } .content .post .post-des { padding: 15px 0 15px 10px; } .content .post .post-des h6 { margin-bottom: 15px; font-weight: normal; line-height: 13px; } .content .post .post-des h6 a { color: #444444 !important; font-size: 13px; font-weight: 600;} .content .post .post-des h6 a:hover { color: #222222; } .content .post .post-des .post-stats { margin-right: 15px; } .content .post .post-des .post-stats p { margin-right: 15px; margin-bottom: 0; line-height: 11px; } .content .post .post-des .post-stats p i { color: #aaaaaa; font-size: 11px; display: inline-block; } .content .post .post-des .post-stats p span { display: inline-block; font-size: 11px; color: #aaaaaa; } .content .post .post-des .post-stats p span a { font-size: 11px; color: #aaaaaa; } .content .post .post-des .post-stats p span a:hover { color: #222222; } .content .post .post-des .post-summary { display: none; } .content .post .post-des .post-button { display: none; } .content .post .post-des .post-button a { display: inline-block; width: auto; padding: 0 10px; text-transform: capitalize; font-size: 13px; font-weight: bold; } .content .post .post-des .post-button a i { display: inline-block; margin-right: 15px; font-size: 14px; } .content .post:hover .video-stats { transform: translateY(70px); } .content .post:hover a.hover-posts { visibility: visible; transform: scale(1); } .content .main-heading { margin-bottom: 10px; } .content .main-heading .head-title i { display: inline-block; color: #e96969; margin-right: 11px; } .content .main-heading .head-title h4 { display: inline-block; margin: 0; } .content .main-heading .tabs { border: none; } .content .main-heading .tabs li.tabs-title { margin-left: 5px; } .content .main-heading .tabs li.tabs-title a { color: #8e8e8e; width: 30px; height: 30px; text-align: center; padding: 0; line-height: 30px; border-radius: 3px; background: #f6f6f6; font-size: 13px; text-transform: capitalize; } .content .main-heading .tabs li.tabs-title a:hover { background: #e96969; color: #fff; } .content .main-heading .tabs li.tabs-title:last-of-type a { font-weight: bold; font-style: italic; text-transform: uppercase; color: #444; } .content .main-heading .tabs li.tabs-title:last-of-type a:hover { background: #e96969; color: #fff; } .content .main-heading .tabs .tabs-title > a:focus, .content .main-heading .tabs .tabs-title > a[aria-selected="true"] { background: #e96969; color: #fff !important; } .content .head-text { border-bottom: 1px solid #ececec; padding: 14px 0; margin-bottom: 30px; } .content .head-text p { margin: 0; font-size: 14px; color: #6c6c6c; } .content .head-text p span { color: #aaaaaa; font-size: 12px; } .content .head-text h4 { color: #444444; } .content .head-text h4 i { display: inline-block; color: #e96969; margin-right: 12px; } .content .head-text .grid-system a.current { background: #e96969; } .content .head-text .grid-system a.current i { color: #fff; } .content .tabs-content { border: none; } .content .tabs-content .tabs-panel { padding: 0; } .content .list-group .item { margin-bottom: 30px; } .content .list-group .item .post .post-thumb .hover-posts span i { font-size: 18px !important; } .content .list-group .grid-medium { width: 33.3333333333%; } .content .list-group .grid-medium .post-thumb { height: 218px !important; } .content .list-group .grid-medium .post-thumb .hover-posts span i { font-size: 14px; } .content .list-group .grid-medium .post-des h6 { margin-bottom: 15px !important; } .content .list-group .grid-medium .post-des h6 a { font-size: 15px !important; font-weight: 600;} .content .list-group .grid-medium .post-des .post-stats p { margin-bottom: 15px !important; } .content .list-group .grid-medium .post-des .post-summary { display: block !important; } .content .list-group .grid-medium .post-des .post-summary p { color: #6c6c6c; font-size: 13px; overflow: hidden; height: 3em; } .content .list-group .list:before, .content .list-group .list:after { content: ""; display: table; } .content .list-group .list { width: 100%; } .content .list-group .list .post { border: none !important; } .content .list-group .list .post .post-thumb { height: 218px !important; float: left; width: 33.3333333333%; margin-right: 15px; } .content .list-group .list .post .post-thumb:hover .video-stats { transform: translateY(70px); } .content .list-group .list .post .post-thumb:hover a.hover-posts { visibility: visible !important; transform: scale(1) !important; } .content .list-group .list .post .post-des { padding: 10px 0 0 0; width: 64%; margin-left: 15px; float: left; } .content .list-group .list .post .post-des h6 { margin-bottom: 15px !important; } .content .list-group .list .post .post-des h6 a { font-size: 15px !important; font-weight: 600; } .content .list-group .list .post .post-des .post-stats p { margin-bottom: 15px !important; } .content .list-group .list .post .post-des .post-summary { display: block !important; } .content .list-group .list .post .post-des .post-summary p { color: #6c6c6c; font-size: 13px; } .content .list-group .list .post .post-des .post-button { display: block !important; } .content .list-group .list .post:hover .video-stats { transform: translateY(0); } .content .list-group .list .post:hover a.hover-posts { visibility: hidden !important; transform: scale(0); } .content.content-with-sidebar .list-group .group-item-grid-default { width: 32.6% !important; padding-right: 0; } .content.content-with-sidebar .list-group .grid-default { width: 32.6% !important; padding-right: 0; } .content.content-with-sidebar .list-group .grid-medium { width: 50% !important; } .content.content-with-sidebar .list-group .grid-medium .post-thumb { height: 218px !important; } .content.content-with-sidebar .list-group .grid-medium .post-des h6 { margin-bottom: 15px !important; } .content.content-with-sidebar .list-group .grid-medium .post-des h6 a { font-size: 15px !important; } .content.content-with-sidebar .list-group .grid-medium .post-des .post-stats p { margin-bottom: 15px !important; } .content.content-with-sidebar .list-group .grid-medium .post-des .post-summary { display: block !important; } .content.content-with-sidebar .list-group .grid-medium .post-des .post-summary p { color: #aaaaaa; font-size: 13px; overflow: hidden; height: 3em; } .content.content-with-sidebar .list-group .list:before, .content.content-with-sidebar .list-group .list:after { content: ""; display: table; } .content.content-with-sidebar .list-group .list { width: 100%; } .content.content-with-sidebar .list-group .list .post { border: none !important; } .content.content-with-sidebar .list-group .list .post .post-thumb { height: 220px !important; float: left; width: 48% !important; margin-right: 15px; } .content.content-with-sidebar .list-group .list .post .post-thumb:hover .video-stats { transform: translateY(70px); } .content.content-with-sidebar .list-group .list .post .post-thumb:hover a.hover-posts { visibility: visible !important; transform: scale(1) !important; } .content.content-with-sidebar .list-group .list .post .post-des { padding: 10px 0 0 0 !important; width: 48% !important; margin-left: 15px; float: left; } .content.content-with-sidebar .list-group .list .post .post-des h6 { margin-bottom: 15px !important; } .content.content-with-sidebar .list-group .list .post .post-des h6 a { font-size: 15px !important; font-weight: 600; } .content.content-with-sidebar .list-group .list .post .post-des .post-stats p { margin-bottom: 30px !important; } .content.content-with-sidebar .list-group .list .post .post-des .post-summary { display: block !important; } .content.content-with-sidebar .list-group .list .post .post-des .post-summary p { color: #aaaaaa; font-size: 13px; } .content.content-with-sidebar .list-group .list .post .post-des .post-button { display: block !important; } .content.content-with-sidebar .list-group .list .post:hover .video-stats { transform: translateY(0); } .content.content-with-sidebar .list-group .list .post:hover a.hover-posts { visibility: hidden; transform: scale(0); } .content.content-with-sidebar .list-group .fullwidth-video { margin-bottom: 7px; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-thumb { width: 100%; height: 400px; overflow: hidden; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-thumb:hover .video-stats { transform: translateY(70px); } .content.content-with-sidebar .list-group .fullwidth-video .post .post-thumb:hover a.hover-posts { visibility: visible; transform: scale(1); } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des { padding: 20px 0 15px 0; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des h6 { font-size: 15px; font-weight: 600; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des .post-stats { margin-bottom: 24px; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des .post-summary { display: block; } .content.content-with-sidebar .list-group .fullwidth-video .post .post-des .post-summary p { font-size: 13px; } .content.content-with-sidebar .list-group .fullwidth-video .post:hover .video-stats { transform: translateY(0); } .content.content-with-sidebar .list-group .fullwidth-video .post:hover a.hover-posts { visibility: hidden; transform: scale(0); } .content.content-with-sidebar .list-group .landing-extra-small { padding-right: 0; margin-bottom: 15px; width: 24.5%; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-thumb { width: 100%; height: 140px; overflow: hidden; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-thumb img { width: 100%; height: 100%; object-fit: cover; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-thumb .hover-posts span i { font-size: 18px; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des { padding: 15px 0 15px 10px; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des h6 { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des .post-stats { margin: 0; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des .post-stats p:last-of-type { display: none; } .content.content-with-sidebar .list-group .landing-extra-small .post .post-des .post-summary { display: none; } /* ========================================================================== 8- footer ========================================================================== */ footer { background: #444444; padding: 80px 0; margin-top:20px } footer .widgetBox .widgetTitle { margin-bottom: 40px; } footer .widgetBox .widgetTitle h5 { color: #ececec; margin: 0; text-transform: capitalize; } footer .widgetBox .textwidget { color: #aaaaaa; font-size: 13px; } footer .widgetBox .tagcloud a { display: inline-block; background: #6c6c6c; color: #aaaaaa; font-size: 13px; text-transform: capitalize; padding: 10px; border-radius: 3px; margin-bottom: 5px; line-height: 13px; } footer .widgetBox .tagcloud a:hover { background: #e96969; color: #fff; } footer .widgetBox .widgetContent h5 { color: #ececec; margin: 0; text-transform: capitalize; } footer .widgetBox .widgetContent .media-object { margin-bottom: 0; } footer .widgetBox .widgetContent .media-object .media-object-section .recent-img { overflow: hidden; width: 80px; height: 80px; position: relative; } footer .widgetBox .widgetContent .media-object .media-object-section .recent-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } footer .widgetBox .widgetContent .media-object .media-object-section .recent-img a.hover-posts span i { font-size: 18px; } footer .widgetBox .widgetContent .media-object .media-object-section .media-content h6 a { font-size: 13px; font-weight: 600; color: #aaaaaa; } footer .widgetBox .widgetContent .media-object .media-object-section .media-content h6 a:hover { color: #f6f6f6; } footer .widgetBox .widgetContent .media-object .media-object-section .media-content p i { color: #aaaaaa; font-size: 11px; display: inline-block; margin-right: 5px; } footer .widgetBox .widgetContent .media-object .media-object-section .media-content p span { color: #aaaaaa; font-size: 11px; display: inline-block; margin-right: 5px; } footer .widgetBox .widgetContent .media-object:hover a.hover-posts { visibility: visible; transform: scale(1); } footer .widgetBox .widgetContent form { margin-bottom: 25px; } footer .widgetBox .widgetContent form p { font-size: 13px; color: #aaaaaa; } footer .widgetBox .widgetContent form .input { width: 100%; margin-bottom: 10px; } footer .widgetBox .widgetContent form .input input { background: #6c6c6c; color: #aaaaaa; margin: 0; border: 1px solid #6c6c6c; border-radius: 3px; font-size: 13px; } footer .widgetBox .widgetContent form button[type="submit"] { width: 100%; text-align: center; text-transform: uppercase; background: #2e2e2e; color: #aaaaaa; padding: 12px 0; } footer .widgetBox .widgetContent form button[type="submit"]:hover { background: #e96969; color: #fff; } footer .widgetBox .widgetContent .social-links h5 { margin-bottom: 20px; } footer .widgetBox .widgetContent .secondary-button { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: #6c6c6c; } footer .widgetBox .widgetContent .secondary-button i { font-size: 13px; color: #aaaaaa; line-height: 13px; } footer .widgetBox .widgetContent .secondary-button:hover { background: #e96969; } footer .widgetBox .widgetContent .secondary-button:hover i { color: #fff; } footer .widgetBox .widgetContent ul { margin: 0; list-style: none; width: 100%; } footer .widgetBox .widgetContent ul li.cat-item { margin: 0; float: left; display: inline-block; width: 50%; } footer .widgetBox .widgetContent ul li.cat-item a { padding: 0; color: #aaaaaa; font-size: 13px; margin-right: 20px; } footer .widgetBox .widgetContent ul li.cat-item a:hover { color: #fff; } footer #back-to-top { position: fixed; bottom: 100px; right: 40px; z-index: 9999; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #393939; color: #fff; cursor: pointer; border: 0; border-radius: 5px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } footer #back-to-top:hover { background: #e96969; color: #fff; } footer #back-to-top.show { opacity: 1; } #footer-bottom { background: #2e2e2e; padding: 25px 0; } #footer-bottom .logo { margin-bottom: 10px; } #footer-bottom .btm-footer-text p { font-size: 13px; color: #aaaaaa; margin: 0; line-height: 14px; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation: flash 0.3s infinite; animation: flash 0.3s infinite; } .tab-content { display:none; clear:both; } .tab-content.active { display:block; } /* ========================================================================== 18-login - register ========================================================================== */ .registration { background: #f6f6f6; margin: 30px 0; } .registration .borderBottom { padding: 0 15px; margin-bottom: 50px; } .registration .login-register-content { padding-bottom: 100px; } .registration .page-heading { padding: 40px 0; } .registration .page-heading h3 { text-transform: capitalize; margin-bottom: 20px; } .registration .page-heading p { font-size: 13px; } .registration .social-login h5 { font-weight: 600; margin-bottom: 30px; } .registration .social-login .social-login-btn { height: 50px; margin-bottom: 20px; } .registration .social-login .social-login-btn a { display: block; font-size: 14px; text-transform: capitalize; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-weight: bold; } .registration .social-login .social-login-btn a i { display: inline-block; width: 50px; line-height: 50px; height: 50px; text-align: center; margin-right: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 16px; } .registration .social-login .social-login-btn.facebook a { color: #fff; background: #395996; } .registration .social-login .social-login-btn.facebook a i { color: #fff; background: #335087; } .registration .social-login .social-login-btn.twitter a { color: #fff; background: #43b3e5; } .registration .social-login .social-login-btn.twitter a i { color: #fff; background: #3ca1ce; } .registration .social-login .social-login-btn.g-plus a { color: #fff; background: #fb3333; } .registration .social-login .social-login-btn.g-plus a i { color: #fff; background: #e12e2e; } .registration .social-login .social-login-btn.linkedin a { color: #fff; background: #007bb6; } .registration .social-login .social-login-btn.linkedin a i { color: #fff; background: #006ea3; } .registration .middle-text { position: relative; } .registration .middle-text p { margin: 0; position: absolute; top: 50%; left: 30%; transform: translate(-20%, -50%); } .registration .middle-text p span { display: inline-block; margin: 0 23px; color: #444444; font-weight: bold; } .registration .middle-text p i.active { color: #444444; } .registration .register-form h5 { font-weight: 600; margin-bottom: 30px; } .registration .register-form .input-group { margin-bottom: 20px; position: relative; font-size:13px } .registration .register-form .input-group .input-group-label { background: #f6f6f6; border-color: #ececec; border-top-left-radius: 4px; border-bottom-left-radius: 4px; height: 50px !important; width: 50px; overflow: hidden; } .registration .register-form .input-group .input-group-label i { color: #6c6c6c; font-size: 16px; } .registration .register-form .input-group input, .registration .register-form .input-group select { height: 50px; border-color: #ececec; box-shadow: none; font-size: 13px; color: #aaaaaa; border--radius: 4px; border-radius: 4px; margin: 0; } .registration .register-form .input-group input[type=radio], .registration .register-form .input-group input[type=checkbox] { height:auto; font-size:13px; float:left; } .registration .register-form .input-group .radio-text {float:left; margin-top:-3px; padding:0 10px 0 3px} .custom-file-input::-webkit-file-upload-button { visibility: hidden; outline:none } .custom-file-input::before { content: 'Select file'; display: inline-block; background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #ececec; border-radius: 3px; padding: 8px 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #ececec; color:#aaaaaa; font-weight: 500; font-size: 13px; width:100%; } .custom-file-input:hover::before { border-color: #CCC; outline:none } .custom-file-input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } .registration .register-form .input-group .form-error { position: absolute; bottom: 18px; margin: 0; right: 10px; } .registration .register-form .button { margin-bottom: 25px; } .registration .register-form .loginclick { font-size: 12px; text-align: right; } .registration .register-form .loginclick a { color: #303030; text-transform: capitalize; } .registration .register-form .loginclick a:hover { color: #e96969; } .registration .register-form .loginclick a:nth-of-type(1) { float: left; } .registration h4 { margin-bottom: 30px; } .registration .map { width: 100%; height: 300px; overflow: hidden; margin-bottom: 30px; } .registration .user-contacts .contact-stats { margin-bottom: 40px; } .registration .user-contacts .contact-stats i { display: inline-block; font-size: 14px; color: #444444; margin-right: 10px; } .registration .user-contacts .contact-stats h6 { display: inline-block; font-size: 14px; color: #444444; margin-bottom: 20px; text-transform: capitalize; } .registration .user-contacts .contact-stats p { font-size: 13px; } .registration .user-contacts .contact-stats p a.secondary-button { text-align: center; } .registration .user-contacts .contact-stats p a.secondary-button i { margin: 0; } .registration .user-contacts .contact-stats p a.secondary-button:hover i { color: #fff; } .registration .register-form textarea { width: 100%; height: 240px; border: 1px solid #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; box-shadow: none; color: #aaaaaa; font-size: 13px; } #breadcrumb { background: #444; padding: 10px; } #breadcrumb .breadcrumbs { margin: 0; } #breadcrumb .breadcrumbs li { font-size: 13px; color: #aaaaaa; text-transform: capitalize; } #breadcrumb .breadcrumbs li a { font-size: 13px; text-decoration: none; color: #aaaaaa; text-transform: capitalize; } #breadcrumb .breadcrumbs li a:hover { color: #e96969; } #breadcrumb .breadcrumbs li.disabled { font-size: 13px; color: #aaaaaa; text-transform: capitalize; } #breadcrumb .breadcrumbs li i { color: #e96969; display: inline-block; margin-right: 5px; font-size: 13px; } #breadcrumb .breadcrumbs li:not(:last-child)::after { margin: 0 5px; -ms-transform: rotate(7deg); /* IE 9 */ -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ transform: rotate(7deg); } .form-div {width:50%; margin:0 auto;} @media (max-width: 992px) { .form-div {width:80%} } @media (max-width: 460px) { .form-div {width:95%} }