/*------------------------------------------------- = Table of Css 1.Isotope 1.KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT 3.Header - header 1, - header 2, - header 3, - header 4, - header 5 4.General 5.Home - default - heading-news section - ticker-news section - features-today section - block wrapper section - feautre video style - latest articles style - pagination style 6.Home2 - heading news style 7.Home4 8.Home5 9.Sidebar style 10.News Posts style - news post general style - image-post style - post-tags list style - standard post style - standard post2 style - image post2 style - list posts style - image post3 style - article post style - large post style - list post style - very large post style - Banner quote post 11.Single post pages 12.contact page 13.404 error page 14.Autor list page 15.Forum pages 16.Log in popup 17.Comming-soon-page 18.Footer 19.Responsive Part -------------------------------------------------*/ /*-------------------------------------------------------*/ /* 1. Isotope filtering /*-------------------------------------------------------*/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } /*----------------------------------------------------------------------------- KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT Screen Stylesheet version: 1.0 date: 07/27/11 author: themepunch email: support@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .boxedcontainer { max-width: 1170px; margin: auto; padding: 0px 30px; } /********************************************* - SETTINGS FOR BANNER CONTAINERS - **********************************************/ .tp-banner-container { width: 100%; position: relative; padding: 0; } .tp-banner { width: 100%; position: relative; } .tp-banner-fullscreen-container { width: 100%; position: relative; padding: 0; } /*-------------------------------------------------*/ /* = Header /*-------------------------------------------------*/ /* header 1 */ header { position: relative; z-index: 99999 !important; } .nav-list-container { width: 100%; border-bottom: 1px solid #f0f0f0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; position: relative; } header.active .nav-list-container { position: fixed; top: 0; left: 0; background: #fafafa; } .navbar-default { background: #fafafa; border: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin: 0; } .navbar-default .advertisement .desktop-advert { max-width: 728px; } .navbar-default .advertisement .tablet-advert { max-width: 468px; } .top-line { padding: 7px 0 9px; background: #111111; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; overflow: hidden; } .top-line ul.top-line-list { margin: 0; padding: 0; } .top-line ul.top-line-list li { display: inline-block; margin-right: 18px; } .top-line ul.top-line-list li span, .top-line ul.top-line-list li a { display: inline-block; color: #777777; font-size: 11px; font-family: 'Lato', sans-serif; margin: 0; line-height: 15px; } .top-line ul.top-line-list li svg { margin: -5px 2px -2px 4px; } .top-line ul.top-line-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .top-line ul.top-line-list li a:hover { color: #ffffff; } .top-line ul.top-line-list li:before { content: ''; width: 0; height: 15px; border-left: 1px dotted #777777; margin-right: 20px; } .top-line ul.top-line-list li:first-child:before { display: none; margin-right: 0; } .top-line ul.top-line-list li:last-child { margin-right: 0; } .top-line ul.social-icons { margin: 0; padding: 0; text-align: right; margin-top: 2px; } .top-line ul.social-icons li { display: inline-block; } .top-line ul.social-icons li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; font-size: 14px; color: #666666; width: 18px; height: 18px; line-height: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; text-align: center; background: transparent; } .top-line ul.social-icons li a:hover { color: #ffffff; background: #C10418; } .navbar-brand { display: inline-block; height: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; margin: 0; color: #222222 !important; font-size: 26px; text-transform: capitalize; padding: 50px 15px 40px 0; letter-spacing: 2.5px; border: none; } .navbar-brand span { color: #C10418 !important; } .navbar-brand img { max-width: 100%; } .logo-advertisement { background: #222222; } .logo-advertisement .desktop-advert, .logo-advertisement .tablet-advert { float: right; } .logo-advertisement .advertisement span { color: #666666; } .advertisement { overflow: hidden; padding: 7px 0 12px; } .advertisement .desktop-advert, .advertisement .tablet-advert, .advertisement .mobile-advert { margin: 0 auto; text-align: center; } .advertisement .tablet-advert, .advertisement .mobile-advert { display: none; } .advertisement span { color: #ccc; font-size: 10px; font-family: 'Lato', sans-serif; display: block; margin-bottom: 7px; text-transform: uppercase; } .navbar-nav { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .navbar-nav > li { margin-right: 1px; position: inherit; } .navbar-nav > li > a { color: #333333 !important; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 20px 30px 20px 12px; position: relative; z-index: 2; } .navbar-nav > li > a:before { position: absolute; content: ''; width: 100%; height: 3px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; top: 0; left: 0; z-index: -1; background: #C10418; } .navbar-nav > li > a:after { content: '\f107'; position: absolute; font-family: 'FontAwesome'; font-size: 13px; color: #666666; top: 21px; right: 13px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .navbar-nav > li > a.home { padding-left: 20px; padding-right: 30px; } .navbar-nav > li > a.world:before { background: #33a3f1; } .navbar-nav > li > a.travel:before { background: #f58021; } .navbar-nav > li > a.tech:before { background: #74b430; } .navbar-nav > li > a.fashion:before { background: #aa35d6; } .navbar-nav > li > a.video:before { background: #d6ac1b; } .navbar-nav > li > a.sport:before { background: #4c60f6; } .navbar-nav > li > a.food:before { background: #32b47b; } .navbar-nav > li > a.features:before { background: #ab632e; } .navbar-nav > li:hover > a, .navbar-nav > li > a.active { color: #ffffff !important; } .navbar-nav > li:hover > a:before, .navbar-nav > li > a.active:before { height: 100%; } .navbar-nav > li:hover > a:after, .navbar-nav > li > a.active:after { color: #ffffff; } .navbar-nav li.drop { position: relative; } .navbar-nav li.drop ul.dropdown { margin: 0; padding: 0; position: absolute; top: 100%; left: 0; width: 182px; background: #ffffff; border-top: 3px solid #C10418; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .navbar-nav li.drop ul.dropdown li { display: block; border-bottom: 1px solid #f4f4f4; } .navbar-nav li.drop ul.dropdown li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; padding: 15px 20px; background: #ffffff; } .navbar-nav li.drop ul.dropdown li a:hover { color: #222222; background: #fafafa; } .navbar-nav li.drop ul.dropdown li ul.dropdown.level2 { top: 0; left: 100%; border: none; border-left: 1px solid #f4f4f4; } .navbar-nav li.drop ul.dropdown li:last-child { border-bottom: none; } .navbar-nav li.drop ul.dropdown li.drop > a:after { content: '\f105'; position: absolute; font-family: 'FontAwesome'; font-size: 13px; color: #666666; top: 15px; right: 12px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .navbar-nav li.drop ul.dropdown.features-dropdown { border-top: 3px solid #ab632e; } .navbar-nav li.drop:hover > ul.dropdown { opacity: 1; visibility: visible; } .navbar-nav .megadropdown { position: absolute; top: 100%; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .navbar-nav .megadropdown .inner-megadropdown { background: #fff; border-top: 3px solid #C10418; margin-top: -1px; overflow: hidden; position: relative; } .navbar-nav .megadropdown .inner-megadropdown .filter-block { float: left; width: 220px; text-align: right; height: 100%; } .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts { position: relative; z-index: 2; margin: 0; padding: 0; display: block; } .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts li { display: block; } .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; padding: 15px 20px; background: #fafafa; border-bottom: 1px solid #f2f2f2; } .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts li a:hover, .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts li a.active { color: #33a3f1; background: #fff; } .navbar-nav .megadropdown .inner-megadropdown .filter-block:before { content: ''; position: absolute; top: 0; left: 0; width: 220px; height: 100%; background: #fafafa; } .navbar-nav .megadropdown .inner-megadropdown .posts-filtered-block { width: 920px; float: right; } .navbar-nav .megadropdown .inner-megadropdown .posts-filtered-block > .owl-wrapper { padding: 20px; } .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts { margin: 0; padding: 0; margin-bottom: 17px; } .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li { display: inline-block; margin-right: 2px; } .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; padding: 3px 10px; background: transparent; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; } .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -4px; width: 0; height: 0; border: 4px solid transparent; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a:hover, .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a.active { color: #222222; background: #f5d76e; border: 1px solid #f5d76e; } .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a:hover:after, .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a.active:after { border-top-color: #f5d76e; } .navbar-nav .megadropdown .inner-megadropdown .owl-wrapper h1 { color: #222222; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; margin-bottom: 17px; font-size: 13px; } .navbar-nav .megadropdown .inner-megadropdown .owl-wrapper .news-post.item { margin: 0 10px; } .navbar-nav .megadropdown .inner-megadropdown .owl-wrapper .owl-carousel { margin-left: -10px; margin-right: -10px; } .navbar-nav .megadropdown .inner-megadropdown .owl-wrapper .owl-theme .owl-controls { margin-top: -37px; margin-right: 7px; } .navbar-nav .megadropdown .inner-megadropdown > .owl-wrapper { padding: 20px 20px 25px; } .navbar-nav .megadropdown .world-dropdown { border-top: 3px solid #33a3f1; } .navbar-nav .megadropdown .world-dropdown .filter-block ul.filter-posts li a:hover, .navbar-nav .megadropdown .world-dropdown .filter-block ul.filter-posts li a.active { color: #33a3f1; } .navbar-nav .megadropdown .travel-dropdown { border-top: 3px solid #f58021; } .navbar-nav .megadropdown .travel-dropdown .filter-block ul.filter-posts li a:hover, .navbar-nav .megadropdown .travel-dropdown .filter-block ul.filter-posts li a.active { color: #f58021; } .navbar-nav .megadropdown .tech-dropdown { border-top: 3px solid #74b430; } .navbar-nav .megadropdown .tech-dropdown .filter-block ul.filter-posts li a:hover, .navbar-nav .megadropdown .tech-dropdown .filter-block ul.filter-posts li a.active { color: #74b430; } .navbar-nav .megadropdown .fashion-dropdown { border-top: 3px solid #aa35d6; } .navbar-nav .megadropdown .fashion-dropdown .filter-block ul.filter-posts li a:hover, .navbar-nav .megadropdown .fashion-dropdown .filter-block ul.filter-posts li a.active { color: #aa35d6; } .navbar-nav .megadropdown .video-dropdown { border-top: 3px solid #d6ac1b; } .navbar-nav .megadropdown .video-dropdown .filter-block ul.filter-posts li a:hover, .navbar-nav .megadropdown .video-dropdown .filter-block ul.filter-posts li a.active { color: #d6ac1b; } .navbar-nav .megadropdown .food-dropdown { border-top: 3px solid #32b47b; } .navbar-nav .megadropdown .food-dropdown .filter-block ul.filter-posts li a:hover, .navbar-nav .megadropdown .food-dropdown .filter-block ul.filter-posts li a.active { color: #32b47b; } .navbar-nav .megadropdown .features-dropdown { border-top: 3px solid #ab632e; } .navbar-nav .megadropdown .features-dropdown .filter-block ul.filter-posts li a:hover, .navbar-nav .megadropdown .features-dropdown .filter-block ul.filter-posts li a.active { color: #ab632e; } .navbar-nav li:hover .megadropdown { visibility: visible; opacity: 1; } .navbar-form { margin: 10px 0; padding: 0; position: relative; } .navbar-form input[type="text"] { border: 1px solid #eeeeee; padding: 10px; color: #999999; font-size: 11px; font-family: 'Lato', sans-serif; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; outline: none; width: 200px; margin: 0 !important; } .navbar-form button { background: transparent; border: none; position: absolute; top: 10px; right: 13px; padding: 0; font-size: 13px; color: #666666; } /*header 2 */ header.second-style .top-line { background: #ffffff; border-bottom: 1px dotted #c6c6c6; } header.second-style .top-line ul.top-line-list li a:hover { color: #222222; } header.second-style .logo-advertisement { background: #ffffff; } header.second-style .nav-list-container { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+1,262626+100 */ background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 1%, #262626 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #333333 1%, #262626 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #333333 1%, #262626 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#262626', GradientType=0); /* IE6-9 */ border-bottom: 1px solid #202020; } header.second-style .navbar-nav > li > a { color: #ffffff !important; } header.second-style .navbar-nav > li > a:after { color: #7b7b7b; } header.second-style .navbar-nav > li:hover > a:after, header.second-style .navbar-nav > li > a.active:after { color: #fff; } header.second-style .navbar-form input[type="text"] { background: #222222; border: 1px solid #333333; } header.second-style .navbar-form button { color: #ffffff; } /*header 3, header 4 */ header.third-style .navbar-brand { padding: 15px 0px; } header.third-style .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } header.third-style .navbar-nav > li > a:after { top: 16px; } header.third-style .list-line-posts { background: #222222; } header.third-style .list-line-posts .owl-wrapper { padding-left: 0; padding-right: 0; } header.third-style .list-line-posts .owl-wrapper .owl-carousel { margin-left: -15px; margin-right: -15px; width: auto; } header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev, header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { border-color: #444444; background: #333333; color: #999999; } header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover { border-color: #C10418; background: #C10418; color: #ffffff; } header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { margin-right: -20px; } header.third-style .list-line-posts div.list-post { background: #333333; padding: 0px; margin: 0 15px; box-shadow: 0 0 10px #1a1a1a; -webkit-box-shadow: 0 0 10px #1a1a1a; -moz-box-shadow: 0 0 10px #1a1a1a; -o-box-shadow: 0 0 10px #1a1a1a; } header.third-style .list-line-posts div.list-post .post-content { padding: 8px 10px 8px 0; } header.third-style .list-line-posts div.list-post .post-content h2 { line-height: 18px; margin-bottom: 1px; } header.third-style .list-line-posts div.list-post .post-content h2 a { color: #ffffff; } header.third-style .list-line-posts div.list-post .post-content h2 a:hover { opacity: 0.7; } header.third-style .nav-list-container ul.navbar-right { padding-right: 15px; } /* header 5 */ header.fifth-style .logo-advertisement { background: #ffffff; } header.fifth-style .navbar-header { text-align: center; float: none; } header.fifth-style .navbar-header a.navbar-brand { display: inline-block; float: none; padding: 40px 0 20px; } /*-------------------------------------------------*/ /* = General /*-------------------------------------------------*/ body.boxed { background: url('../images/pattern.png'); } body.boxed #container { max-width: 1260px; background: #fff; margin: 0 auto; overflow: hidden; position: relative; z-index: 2; } #container { opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #container.active { opacity: 1; } p { font-size: 14px; color: #666666; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 20px; margin: 0 0 10px; } .title-section { border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; } .title-section h1 { color: #222222; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; margin-bottom: -1px; } .title-section h1 span { display: inline-block; padding-bottom: 16px; padding-right: 5px; border-bottom: 1px solid #C10418; } .title-section h1 span.world { border-bottom: 1px solid #33a3f1; } .title-section h1 span.fashion { border-bottom: 1px solid #aa35d6; } .title-section h1 span.travel { border-bottom: 1px solid #f58021; } .title-section h1 span.sport { border-bottom: 1px solid #4c60f6; } .title-section h1 span.food { border-bottom: 1px solid #32b47b; } .title-section .arrow-box { float: right; text-align: right; } .title-section .arrow-box a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; font-size: 11px; color: #999999; width: 20px; height: 20px; line-height: 18px; text-align: center; background: transparent; border: 1px solid #cccccc; margin-left: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .title-section .arrow-box a:hover { color: #ffffff; background: #C10418; border: 1px solid #C10418; } .title-section.white { border-bottom: 1px solid #444444; } .title-section.white h1 { color: #ffffff; } .title-section.white .arrow-box a { color: #666666; border: 1px solid #666666; } .title-section.white .arrow-box a:hover { color: #ffffff; border: 1px solid #C10418; } a.category-post { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #ffffff; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; padding: 4px 10px; background: #C10418; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } a.category-post:hover { opacity: 0.7; } a.category-post.travel { background: #f58021; } a.category-post.sport { background: #4c60f6; } a.category-post.world { background: #33a3f1; } a.category-post.fashion { background: #aa35d6; } a.category-post.tech { background: #74b430; } a.category-post.food { background: #32b47b; } a.category-post.video { background: #d6ac1b; } .shadow-white { background: #fafafa; border-top: 1px solid #f0f0f0; } /*-------------------------------------------------*/ /* = home - default /*-------------------------------------------------*/ /*heading-news section*/ section.heading-news { padding-top: 20px; } section.heading-news .heading-news-box .image-post { width: 16.6666%; padding-right: 1px; padding-bottom: 1px; } section.heading-news .heading-news-box .snd-size { width: 33.3333%; } section.heading-news .heading-news-box .snd-size .image-post { width: 100%; } /*ticker-news section*/ section.ticker-news { padding: 25px 0; } .ticker-news-box { overflow: hidden !important; } .ticker-news-box span.breaking-news { display: inline-block; float: left; position: relative; margin-right: 25px; color: #ffffff; font-size: 11px; line-height: 12px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; padding: 8px 14px; padding-right: 17px; background: #C10418; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .ticker-news-box span.breaking-news:after { content: ''; position: absolute; width: 22px; height: 22px; background: #C10418; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 3px; right: -7px; } .ticker-news-box span.new-news { display: inline-block; float: left; color: #ffffff; font-size: 9px; line-height: 9px; font-family: 'Lato', sans-serif; text-transform: uppercase; padding: 3px; background: #222222; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin: 8px 10px 0 0; } .ticker-news-box .ticker-content { color: #999999; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 400; margin: 0; } .ticker-news-box .ticker-content span.time-news { color: #C10418; margin-right: 3px; } .ticker-news-box .ticker-content a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; font-weight: 700; color: #666666; } .ticker-news-box .ticker-content a:hover { color: #C10418; } .ticker-news-box .ticker-controls li { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #999999; text-align: center; line-height: 16px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .ticker-news-box .ticker { width: 879px; } .ticker-news-box .ticker-controls li:after { color: #666666; font-family: 'FontAwesome'; font-size: 11px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .ticker-news-box .ticker-controls li:hover { border: 1px solid #C10418; background: #C10418; } .ticker-news-box .ticker-controls li:hover:after { color: #ffffff; } .ticker-news-box .ticker-controls li.jnt-prev:after { content: '\f104'; } .ticker-news-box .ticker-controls li.jnt-next:after { content: '\f105'; } .ticker-news-box .ticker-controls li.jnt-play-pause { line-height: 14px; } .ticker-news-box .ticker-controls li.jnt-play-pause:after { content: '\f04c'; font-size: 8px; } .ticker-news-box .ticker-controls li.jnt-play-pause.paused:after { content: '\f04b'; } /*features-today section*/ section.features-today { padding: 30px 0 20px; background: #fafafa; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } section.features-today .owl-carousel { margin-left: -15px; margin-right: -15px; } section.features-today .owl-carousel .item { padding: 0 15px; } section.features-today .owl-carousel .news-post { margin-bottom: 15px; } section.features-today .owl-carousel .owl-wrapper-outer { padding: 3px 0; } section.features-today .owl-theme .owl-controls { margin-right: 12px; } .owl-theme .owl-controls .owl-pagination { display: none !important; } .owl-carousel { width: auto; } .owl-theme .owl-controls { margin-top: 20px; text-align: center; position: absolute; top: 0; right: 0; margin-top: -64px; margin-right: 2px; } .owl-theme .owl-controls .owl-buttons div { font-size: 11px; color: #999999; width: 20px; height: 20px; line-height: 18px; text-align: center; background: transparent; border: 1px solid #cccccc; margin-left: 2px; outline: none; padding: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; opacity: 1; margin: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .owl-theme .owl-controls .owl-buttons div:hover { color: #ffffff; background: #C10418; border: 1px solid #C10418; } .owl-theme .owl-controls .owl-buttons div.owl-prev:after { content: '\f104'; font-family: 'FontAwesome'; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; } .owl-theme .owl-controls .owl-buttons div.owl-next:after { content: '\f105'; font-family: 'FontAwesome'; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; } .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after { color: #ffffff; } .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after { color: #ffffff; } /*block wrapper section */ div.block-content { padding: 30px 0 60px; position: relative; } div.block-content .advertisement { margin-bottom: 30px; } div.block-content:after { content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 100%; margin-left: 15px; border-right: 1px solid #f0f0f0; } div.block-content.non-sidebar:after { display: none; } section.left-sidebar div.block-content:after { left: 0 !important; margin-left: -15px !important; } div.block-content:after { padding: 30px 0 60px; } .carousel-box { margin-bottom: 25px; } .carousel-box .news-post, .carousel-box ul.list-posts { margin-bottom: 10px; } .block-content .owl-carousel { margin-left: -5px; margin-right: -5px; } .block-content .owl-carousel .item { margin: 0 5px 10px; } .grid-box { margin-bottom: 15px; } .grid-box .news-post, .grid-box ul.list-posts { margin-bottom: 30px; } .masonry-box { margin-bottom: 25px; } .article-box { padding-bottom: 20px; } .image-post-slider { margin-bottom: 10px; } .image-post-slider ul.bxslider { margin: 0; padding: 0; } .image-post-slider ul.bxslider .image-post2 { margin-bottom: 0 !important; } .image-post-slider .bx-wrapper .bx-prev, .image-post-slider .bx-wrapper .bx-next { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .image-post-slider .bx-wrapper .bx-prev:hover, .image-post-slider .bx-wrapper .bx-next:hover { background: rgba(244, 67, 54, 0.9); } /* feature-video style */ section.feature-video { padding: 30px 0 45px; background: #222222; overflow: hidden; } section.feature-video .owl-carousel { margin-left: -15px; margin-right: -15px; } section.feature-video .owl-carousel .item { margin: 0 15px; } section.feature-video .features-video-box { position: relative; } section.feature-video .features-video-box:before { position: absolute; content: ''; width: 10000px; height: 100%; background: rgba(34, 34, 34, 0.7); right: 100%; top: 0; z-index: 2; } section.feature-video .features-video-box:after { position: absolute; content: ''; width: 10000px; height: 100%; background: rgba(34, 34, 34, 0.7); left: 100%; top: 0; } section.feature-video .owl-carousel .owl-wrapper-outer { overflow: visible; } section.feature-video .owl-theme .owl-controls { margin-right: 12px; } section.feature-video .owl-theme .owl-controls .owl-buttons div { color: #666666; border: 1px solid #666666; } section.feature-video .owl-theme .owl-controls .owl-buttons div:hover { color: #ffffff; background: #C10418; border: 1px solid #C10418; } section.feature-video .owl-theme .owl-controls .owl-buttons div.owl-prev:after { color: #999999; } section.feature-video .owl-theme .owl-controls .owl-buttons div.owl-next:after { color: #999999; } section.feature-video .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after { color: #ffffff; } section.feature-video .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after { color: #ffffff; } /* latest articles style */ .latest-articles.iso-call { margin-left: -15px; margin-right: -15px; margin-top: -15px; } .latest-articles.iso-call .news-post { width: 360px; margin: 15px 15px; } /* pagination style */ .pagination-box ul.pagination-list { margin: 0; padding: 0; } .pagination-box ul.pagination-list li { display: inline-block; margin-right: 3px; } .pagination-box ul.pagination-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; font-size: 12px; font-family: 'Lato', sans-serif; padding: 6px 11px; border: 1px solid #f0f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .pagination-box ul.pagination-list li a:hover, .pagination-box ul.pagination-list li a.active { border: 1px solid #C10418; background: #C10418; color: #ffffff; } .pagination-box ul.pagination-list li span { display: inline-block; margin: 0; color: #333333; font-size: 12px; font-family: 'Lato', sans-serif; } .pagination-box p { text-align: right; margin-top: -22px; color: #333333; font-size: 12px; } /*-------------------------------------------------*/ /* = home 2 /*-------------------------------------------------*/ /* heading news style */ .heading-news2 { padding: 10px 0 35px; background: #222222; } .heading-news2 .ticker-news-box { padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px dotted #424242; overflow: hidden !important; } .heading-news2 .ticker-news-box span.breaking-news { margin-right: 0px !important; } .heading-news2 .ticker-news-box .ticker-wrapper.has-js { margin-left: 145px; } .heading-news2 .ticker-news-box .ticker { width: 916px; } .heading-news2 .ticker-news-box .ticker-content a { color: #cccccc; } .heading-news2 .ticker-news-box .ticker-content a:hover { color: #C10418; } .heading-news2 .ticker-news-box .ticker-controls { margin: 7px 0 0; } .heading-news2 .ticker-news-box .ticker-controls li { border: 1px solid #333333; } .heading-news2 .ticker-news-box .ticker-controls li:after { color: #666666; } .heading-news2 .ticker-news-box .ticker-controls li:hover { border: 1px solid #C10418; background: #C10418; } .heading-news2 .ticker-news-box .ticker-controls li:hover:after { color: #ffffff; } .heading-news2 .ticker-news-box .ticker-swipe { background: #222222; } .heading-news2 .ticker-news-box .ticker-swipe span { background: #222222; } .heading-news2 .heading-news-box { margin-left: -5px; margin-right: -5px; } .heading-news2 .heading-news-box .news-post { padding: 5px; width: 25%; } .heading-news2 .heading-news-box .news-post .hover-box { top: 5px; left: 5px; right: 5px; bottom: 5px; } .heading-news2 .heading-news-box .image-slider.snd-size { width: 50%; } .heading-news2 .heading-news-box .image-slider.snd-size .image-post { width: 100%; } .heading-news2 .heading-news-box .image-slider.snd-size .image-post .hover-box { background: transparent; } .heading-news2 .heading-news-box .image-slider.snd-size .image-post .hover-box .inner-hover h2 { font-size: 30px; font-weight: 900; line-height: 36px; } .heading-news2 .heading-news-box .image-slider.snd-size .image-post .inner-hover { background: rgba(17, 17, 17, 0); background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(10%, rgba(17, 17, 17, 0.1)), color-stop(100%, rgba(17, 17, 17, 0.95))); background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#171717', GradientType=0); } .heading-news2 .heading-news-box .news-post:hover .hover-box { background: rgba(244, 67, 54, 0.9); } .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover h2 a { color: #ffffff; } .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover h2 a:hover { opacity: 0.7; } .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover ul.post-tags li { color: #ffffff; } .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover ul.post-tags li a { color: #ffffff; } .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover ul.post-tags li a:hover { opacity: 0.7; } .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover p { color: #ffffff; } .image-slider { width: 100%; } .image-slider ul { padding: 0; margin: 0; } .image-slider .bx-wrapper .bx-viewport { background: transparent; } .image-slider .bx-wrapper .bx-pager, .image-slider .bx-wrapper .bx-controls-auto { bottom: inherit; top: 30px; right: 30px; width: auto; padding-top: 0; } .image-slider .bx-controls-direction { position: absolute; width: 100%; top: 50%; margin-top: -35px; height: 0px; } .image-slider .bx-wrapper .bx-prev { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; left: 30px; } .image-slider .bx-wrapper .bx-prev:hover, .image-slider .bx-wrapper .bx-next:hover { background: #ececec; } .image-slider .bx-wrapper .bx-prev:hover:before, .image-slider .bx-wrapper .bx-next:hover:before { color: #333333; } .image-slider .bx-wrapper .bx-next { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; right: 30px; } .image-slider .bx-wrapper .bx-prev:before { margin-top: -20px; margin-left: -6px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .image-slider .bx-wrapper .bx-next:before { margin-top: -20px; margin-left: -2px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .image-slider .image-post { width: 100%; } .image-slider .image-post .hover-box { bottom: 0px; } .image-slider .image-post .hover-box .inner-hover h2 { font-size: 30px; font-weight: 900; line-height: 36px; } .image-slider .image-post:hover .hover-box { background: transparent; } .image-slider .image-post:hover .hover-box .inner-hover { background: rgba(17, 17, 17, 0) !important; background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(10%, rgba(17, 17, 17, 0.1)), color-stop(100%, rgba(17, 17, 17, 0.95))) !important; background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important; background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important; background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important; background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#171717', GradientType=0) !important; } .image-slider .image-post:hover .hover-box .inner-hover h2 a { color: #ffffff !important; } .image-slider .image-post:hover .hover-box .inner-hover h2 a:hover { opacity: 0.7; } .image-slider .image-post:hover .hover-box .inner-hover ul.post-tags li { color: #ffffff; } .image-slider .image-post:hover .hover-box .inner-hover ul.post-tags li a { color: #ffffff; } .image-slider .image-post:hover .hover-box .inner-hover ul.post-tags li a:hover { opacity: 0.7; } .image-slider .image-post:hover .hover-box .inner-hover p { color: #ffffff; } .center-button { text-align: center; } .center-button a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 6px 20px; background: #fafafa; border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #666666; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; } .center-button a i { margin-right: 9px; } .center-button > a:hover { color: #ffffff; background: #C10418; border-color: #C10418; } /*-------------------------------------------------*/ /* = home4 /*-------------------------------------------------*/ .heading-news3 { padding: 10px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; background: #fff; } .heading-news3 .heading-news-box .owl-wrapper .item { padding-right: 1px; } .heading-news3 .news-post.image-post2 .hover-box:before { content: ''; position: absolute; top: 9px; left: 9px; right: 9px; bottom: 9px; border: 1px solid #cccccc; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; opacity: 0; } .heading-news3 .news-post.image-post2 .hover-box { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .heading-news3 .news-post.image-post2 .hover-box .inner-hover { z-index: 2; } .heading-news3 .news-post.image-post2 .hover-box .inner-hover h2 { font-size: 24px; text-transform: uppercase; font-weight: 900; line-height: 30px; max-height: 60px; } .heading-news3 .news-post.image-post2:hover .hover-box { background: rgba(255, 255, 255, 0.9); } .heading-news3 .news-post.image-post2:hover .hover-box .inner-hover h2 a { color: #333333; } .heading-news3 .news-post.image-post2:hover .hover-box .inner-hover ul.post-tags li { color: #999999; } .heading-news3 .news-post.image-post2:hover .hover-box .inner-hover ul.post-tags li a { color: #999999; } .heading-news3 .news-post.image-post2:hover .hover-box:before { opacity: 1; } .heading-news3 .owl-wrapper .owl-theme .owl-controls { top: 50%; margin-top: -35px; width: 100%; height: 0; margin-right: 0px; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev { float: left; margin: 0; margin-left: 20px; } .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { float: right; margin: 0; margin-right: 20px; } .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev, .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 70px; font-size: 30px; border: none; background: rgba(34, 34, 34, 0.5); } .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background: rgba(255, 255, 255, 0.9); } .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:after, .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:after { color: #ffffff; } .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after, .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after { color: #333333 !important; } .heading-news3:hover .owl-wrapper .owl-theme .owl-controls { opacity: 1; } .features-today.second-style { overflow: hidden; } .features-today.second-style .features-today-box { position: relative; } .features-today.second-style .features-today-box:before { position: absolute; content: ''; width: 10000px; height: 100%; background: rgba(250, 250, 250, 0.7); right: 100%; top: 0; z-index: 2; } .features-today.second-style .features-today-box:after { position: absolute; content: ''; width: 10000px; height: 100%; background: rgba(250, 250, 250, 0.7); left: 100%; margin-left: 3px; top: 0; } .features-today.second-style .owl-carousel .owl-wrapper-outer { overflow: visible; } .slider-caption-box { padding: 20px; margin-bottom: 36px; margin-top: 30px; overflow: hidden; background: #222222; } .slider-caption-box div.slider-holder { width: 68% !important; float: left; } .slider-caption-box div.slider-holder img { width: 100%; } .slider-caption-box .bx-wrapper .bx-next, .slider-caption-box .bx-wrapper .bx-prev { display: none; } .slider-caption-box #bx-pager { width: 32%; float: right; position: relative; z-index: 2; } .slider-caption-box #bx-pager a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; padding: 12px 20px; background: #333333; color: #999999; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 1px; position: relative; line-height: 18px; } .slider-caption-box #bx-pager a:before { content: ''; position: absolute; top: 0; left: -2px; width: 3px; height: 100%; background: transparent; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .slider-caption-box #bx-pager a.active { background: #C10418; color: #ffffff; } .slider-caption-box #bx-pager a.active:before { background: #ffffff; } .galery-box { padding: 25px 22px 20px; background: #222222; margin-bottom: 36px; } .galery-box .title-section { border-bottom: 1px solid #444444; } .galery-box .title-section h1 { color: #ffffff; } .galery-box .slider-call2 img { width: 100%; } .galery-box .bx-wrapper .bx-next { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 30px; top: 50%; margin-top: -35px; } .galery-box .bx-wrapper .bx-prev { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-left: 30px; top: 50%; margin-top: -35px; } .galery-box .bx-wrapper .bx-prev:hover, .galery-box .bx-wrapper .bx-next:hover { background: #ffffff; } .galery-box .bx-wrapper .bx-next:before, .galery-box .bx-wrapper .bx-prev:before { margin-top: -20px; } .galery-box .bx-wrapper .bx-next:hover:before, .galery-box .bx-wrapper .bx-prev:hover:before { color: #333333; } .galery-box #bx-pager2 { text-align: center; margin-top: 1px; overflow: hidden; } .galery-box #bx-pager2 a { float: left; display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 86px; opacity: 1; margin: 0; margin-left: 1px; position: relative; } .galery-box #bx-pager2 a img { width: 100%; } .galery-box #bx-pager2 a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } .galery-box #bx-pager2 a.active:before { background: rgba(244, 67, 54, 0.9); } .galery-box #bx-pager2 a:first-child { margin-left: 0px; } /*-------------------------------------------------*/ /* = home5 /*-------------------------------------------------*/ section.big-slider { padding: 20px 0 25px; background: #fff; overflow: hidden; } section.big-slider .bx-wrapper .bx-pager { position: relative; width: 100%; top: inherit; right: inherit; text-align: center; margin-top: 25px; } section.big-slider .bx-wrapper .bx-pager.bx-default-pager a { border-color: #d9d9d9; } section.big-slider .bx-wrapper .bx-pager.bx-default-pager a.active { border-color: #C10418; background: #C10418; } section.big-slider .bx-viewport { overflow: visible !important; margin-left: -5px; margin-right: -5px; width: auto !important; } section.big-slider .big-bxslider li { padding: 0 5px; } section.big-slider .big-bxslider li .image-post2 .hover-box .inner-hover h2 { text-transform: uppercase; font-size: 30px; font-weight: 900; line-height: 36px; max-height: 72px; max-width: 880px; margin: 10px auto; } .list-line-posts { background: #fafafa; } .list-line-posts .owl-wrapper { padding: 15px 4px; } .list-line-posts .owl-wrapper .owl-carousel { margin-left: -10px; } .list-line-posts .owl-wrapper .owl-theme .owl-controls { top: 50%; margin-top: -10px; width: 100%; height: 0; margin-right: 0px; } .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev { float: left; margin: 0; margin-left: -20px; } .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { float: right; margin: 0; margin-right: -30px; } .list-line-posts div.list-post { background: #ffffff; padding: 10px; margin: 0 6px; box-shadow: 0 2px 2px #dedede; -webkit-box-shadow: 0 2px 2px #dedede; -moz-box-shadow: 0 2px 2px #dedede; -o-box-shadow: 0 2px 2px #dedede; } .other-posts-box { padding: 0 70px; } .other-posts-box .title-section { text-align: center; } .other-posts-box .title-section span { border-bottom: 1px solid #717171; } .other-posts-box .standard-post2 .post-title { padding: 7px 10px; } .other-posts-box .standard-post2 .post-title h2 { font-size: 13px; margin-bottom: 0; max-height: 40px; overflow: hidden; } .other-posts-box .standard-post2:hover .post-title { background: #ffffff; } /*-------------------------------------------------*/ /* = home6 /*-------------------------------------------------*/ .heading-news4 { background: #222222; padding-top: 23px; padding-bottom: 50px; } .heading-news4 .ticker-news-box { padding-bottom: 10px; margin-bottom: 10px; overflow: hidden !important; } .heading-news4 .ticker-news-box span.breaking-news { margin-right: 0px !important; } .heading-news4 .ticker-news-box .ticker-wrapper.has-js { margin-left: 145px; } .heading-news4 .ticker-news-box .ticker { width: 916px; } .heading-news4 .ticker-news-box .ticker-content a { color: #cccccc; } .heading-news4 .ticker-news-box .ticker-content a:hover { color: #C10418; } .heading-news4 .ticker-news-box .ticker-controls { margin: 7px 0 0; } .heading-news4 .ticker-news-box .ticker-controls li { border: 1px solid #333333; } .heading-news4 .ticker-news-box .ticker-controls li:after { color: #666666; } .heading-news4 .ticker-news-box .ticker-controls li:hover { border: 1px solid #C10418; background: #C10418; } .heading-news4 .ticker-news-box .ticker-controls li:hover:after { color: #ffffff; } .heading-news4 .ticker-news-box .ticker-swipe { background: #222222; } .heading-news4 .ticker-news-box .ticker-swipe span { background: #222222; } .heading-news4 .owl-wrapper .owl-theme .owl-controls { top: 50%; margin-top: -35px; width: 100%; height: 0; margin-right: 0px; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev { float: left; margin: 0; margin-left: 20px; } .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { float: right; margin: 0; margin-right: 20px; } .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev, .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 70px; font-size: 30px; border: none; background: rgba(34, 34, 34, 0.5); } .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background: rgba(255, 255, 255, 0.9); } .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:after, .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:after { color: #ffffff; } .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after, .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after { color: #333333 !important; } .heading-news4 .news-post.image-post4 .post-gallery a.category-post { bottom: 30px; left: 30px; } .heading-news4 .news-post.image-post4 .post-content { padding: 20px 30px; } .heading-news4 .news-post.image-post4 .post-content h2 { color: #ffffff; font-size: 26px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 34px; margin: 0 0 15px; } .heading-news4 .news-post.image-post4 .post-content h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #ffffff; } .heading-news4 .news-post.image-post4 .post-content h2 a:hover { opacity: 0.7; } .heading-news4:hover .owl-wrapper .owl-theme .owl-controls { opacity: 1; } .latest-videos-section { background: #222222; padding: 50px 0; } .latest-videos-section .title-section { text-align: center; border-bottom: 1px solid #444444; } .latest-videos-section .title-section h1 { color: #ffffff; } .latest-videos-section .title-section h1 span { display: inline-block; padding: 0 28px 25px; border-bottom: 1px solid #d6ac1b; } .slider-caption-box2 { background: #222222; overflow: hidden; padding: 0; } .slider-caption-box2 div.slider-holder { width: 730px !important; float: left; } .slider-caption-box2 div.slider-holder .news-post iframe { width: 100%; height: 440px; margin-bottom: -5px !important; } .slider-caption-box2 .bx-wrapper .bx-next, .slider-caption-box2 .bx-wrapper .bx-prev { display: none; } .slider-caption-box2 #bx-pager { width: 380px; float: right; position: relative; z-index: 2; padding: 0; } .slider-caption-box2 #bx-pager a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; padding: 0px; padding-top: 10px; color: #cccccc; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0; position: relative; line-height: 18px; overflow: hidden; } .slider-caption-box2 #bx-pager a img { float: left; margin-right: 20px; opacity: 0.5; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin-top: -10px; } .slider-caption-box2 #bx-pager a span { display: block; font-style: italic; font-size: 12px; color: #999999; margin-top: 10px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .slider-caption-box2 #bx-pager a span i { margin-right: 7px; } .slider-caption-box2 #bx-pager a.active { background: #ffffff; color: #222222; } .slider-caption-box2 #bx-pager a.active img { opacity: 1; } /*-------------------------------------------------*/ /* = Sidebar style /*-------------------------------------------------*/ .sidebar { padding: 30px 0; } .sidebar .widget { margin-bottom: 40px; } .sidebar ul.social-share { margin: 0; padding: 0; overflow: hidden; } .sidebar ul.social-share li { width: 48%; float: left; list-style: none; margin-right: 4%; margin-bottom: 10px; overflow: hidden; background: #fafafa; } .sidebar ul.social-share li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; float: left; width: 40px; height: 40px; color: #ffffff; text-align: center; position: relative; line-height: 40px; font-size: 14px; margin-right: 16px; } .sidebar ul.social-share li a:after { content: ''; position: absolute; top: 50%; margin-top: -4px; left: 100%; width: 0; height: 0; } .sidebar ul.social-share li a.rss { background: #f0771e; } .sidebar ul.social-share li a.rss:after { border: 4px solid #f0771e; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; } .sidebar ul.social-share li a.facebook { background: #436feb; } .sidebar ul.social-share li a.facebook:after { border: 4px solid #436feb; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; } .sidebar ul.social-share li a.twitter { background: #43c9eb; } .sidebar ul.social-share li a.twitter:after { border: 4px solid #43c9eb; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; } .sidebar ul.social-share li a.google { background: #f14133; } .sidebar ul.social-share li a.google:after { border: 4px solid #f14133; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; } .sidebar ul.social-share li a:hover { opacity: 0.7; } .sidebar ul.social-share li span { display: block; margin: 0; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 15px; } .sidebar ul.social-share li span.number { color: #333333; margin-top: 5px; } .sidebar ul.social-share li:nth-child(2n) { margin-right: 0; } .sidebar .features-slide-widget .bx-wrapper .bx-pager.bx-default-pager a:hover, .sidebar .features-slide-widget .bx-wrapper .bx-pager.bx-default-pager a.active { background: #C10418; border: 2px solid #C10418; } .sidebar .features-slide-widget ul.list-posts li img { max-width: 70px; } .sidebar .features-slide-widget ul.list-posts li .post-content { margin-left: 90px; } .sidebar .subscribe-widget form { background: #222222; padding: 20px; margin: 0; } .sidebar .subscribe-widget form h1 { color: #222222; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; color: #ffffff; margin-bottom: 14px; } .sidebar .subscribe-widget form input[type="text"] { width: 100%; outline: none; background: #ffffff; padding: 14px 20px 11px; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; border: transparent; margin: 0; line-height: 12px; } .sidebar .subscribe-widget form button { position: relative; display: inline-block; background: #222222; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #C10418; font-size: 30px; border: none; margin-top: -40px; z-index: 2; float: right; outline: none; } .sidebar .subscribe-widget form p { font-size: 12px; color: #999999; margin: 14px 0 0; line-height: 16px; } .sidebar .advertisement { margin-bottom: 30px; } .sidebar .advertisement .desktop-advert { width: auto; } .sidebar .advertisement .tablet-advert, .sidebar .advertisement .mobile-advert { width: auto; display: none; } .sidebar .tab-posts-widget ul.nav-tabs { text-align: center; border: none; border-bottom: 2px solid #C10418; } .sidebar .tab-posts-widget ul.nav-tabs li { float: left; width: 33.333333333333%; border: none; margin: 0; padding-left: 1px; } .sidebar .tab-posts-widget ul.nav-tabs li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; padding: 11px 3px; background: #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #ffffff; font-size: 13px; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 700; border: none; margin: 0; } .sidebar .tab-posts-widget ul.nav-tabs li a:hover { background: #C10418; } .sidebar .tab-posts-widget ul.nav-tabs li:first-child { padding-left: 0; } .sidebar .tab-posts-widget ul.nav-tabs li.active a { border: none; background: #C10418; } .sidebar .tab-posts-widget .tab-pane { padding: 20px 0 0; background: #fafafa; } .sidebar .tab-posts-widget .tab-pane ul.list-posts > li { padding-left: 20px; padding-right: 30px; } .sidebar .tab-posts-widget .tab-pane ul.list-posts > li img { max-width: 75px; } .sidebar .tags-widget ul.tag-list { margin: 0; padding: 0; } .sidebar .tags-widget ul.tag-list li { display: inline-block; margin-right: 2px; margin-bottom: 5px; } .sidebar .tags-widget ul.tag-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; padding: 6px 9px; border: 1px solid #f0f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .sidebar .tags-widget ul.tag-list li a:hover { border: 1px solid #333333; background: #333333; color: #ffffff; } .sidebar .recent-comments-widget ul { margin: 0; padding: 0; } .sidebar .recent-comments-widget ul li { list-style: none; } .sidebar .recent-comments-widget ul.comment-list li { overflow: hidden; margin-bottom: 25px; } .sidebar .recent-comments-widget ul.comment-list li img { float: left; max-width: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .sidebar .recent-comments-widget ul.comment-list li .comment-content { margin-left: 90px; } .sidebar .recent-comments-widget ul.comment-list li .comment-content p { color: #333333; font-style: italic; font-weight: 700; margin-bottom: 0; padding: 0 20px; } .sidebar .recent-comments-widget ul.comment-list li .comment-content p.main-message { background: #fafafa; font-weight: 400; border: 1px solid #f0f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px 19px; margin-bottom: 7px; position: relative; } .sidebar .recent-comments-widget ul.comment-list li .comment-content p.main-message:before { content: ''; position: absolute; width: 10px; height: 10px; left: -6px; top: 27px; background: #fafafa; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sidebar .recent-comments-widget ul.comment-list li .comment-content span { display: inline-block; padding-left: 20px; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; } .sidebar .recent-comments-widget ul.comment-list li .comment-content span i { margin-right: 10px; } .sidebar .recent-comments-widget ul.comment-list li:last-child { margin-bottom: 0; } .sidebar .review-widget h1 { color: #222222; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; color: #ffffff; padding: 10px 20px; background: #C10418; margin-bottom: 10px; } .sidebar .review-widget ul.review-posts-list { margin: 0; padding: 0; padding: 0 10px; background: #fafafa; } .sidebar .review-widget ul.review-posts-list li { list-style: none; padding: 10px 0; border-bottom: 1px solid #f0f0f0; text-align: center; overflow: hidden; } .sidebar .review-widget ul.review-posts-list li img { width: 100%; margin-bottom: 4px; } .sidebar .review-widget ul.review-posts-list li h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; } .sidebar .review-widget ul.review-posts-list li h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } .sidebar .review-widget ul.review-posts-list li h2 a:hover { color: #C10418; } .sidebar .review-widget ul.review-posts-list li span.date { display: inline-block; float: left; margin-right: 5px; color: #999999; font-size: 11px; font-family: 'Lato', sans-serif; font-style: italic; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .sidebar .review-widget ul.review-posts-list li span.date i { color: #ccc; margin-right: 5px; } .sidebar .review-widget ul.review-posts-list li span.post-rating { display: inline-block; float: right; line-height: 14px; } .sidebar .review-widget ul.review-posts-list li span.post-rating i { font-size: 11px; color: #f7ca18; margin-left: -2px; } .sidebar .categories-widget .title-section h1 span { padding-left: 10px; } .sidebar .categories-widget ul.category-list { margin: 0; padding: 0; overflow: hidden; padding: 0 10px; } .sidebar .categories-widget ul.category-list li { list-style: none; margin-bottom: 10px; } .sidebar .categories-widget ul.category-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; } .sidebar .categories-widget ul.category-list li a span { display: inline-block; float: right; width: 30px; font-size: 11px; height: 20px; text-align: center; line-height: 18px; border: 1px solid #f0f0f0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .sidebar .categories-widget ul.category-list li a:hover { color: #C10418; } .sidebar .categories-widget ul.category-list li a:hover span { background: #C10418; border: 1px solid #C10418; color: #ffffff; } .sidebar .flickr-widget ul.flickr-list { margin: 0; padding: 0; } .sidebar .flickr-widget ul.flickr-list li { list-style: none; float: left; margin: 0 4px 8px; } .sidebar .flickr-widget ul.flickr-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .sidebar .flickr-widget ul.flickr-list li a img { width: 74px; } .sidebar .flickr-widget ul.flickr-list li a:hover { opacity: 0.7; } .sidebar .flickr-widget > a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; margin-left: 5px; } .sidebar .flickr-widget > a:hover { color: #C10418; } .sidebar.large-sidebar .tab-posts-widget ul.nav-tabs li { width: 50%; } .sidebar.large-sidebar .tab-posts-widget .tab-pane { padding: 10px 0 0; background: #fafafa; } .sidebar.large-sidebar .tab-posts-widget .tab-pane ul.list-posts li { padding-left: 10px; padding-right: 10px; } .sidebar.small-sidebar { position: relative; } .sidebar.small-sidebar:after { content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 100%; margin-left: 15px; border-right: 1px solid #f0f0f0; } form.search-form { position: relative; margin: 0; } form.search-form input[type="text"] { border: 1px solid #eeeeee; padding: 10px; color: #999999; font-size: 11px; font-family: 'Lato', sans-serif; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; outline: none; width: 100%; margin: 0 !important; } form.search-form button { background: transparent; border: none; position: absolute; top: 10px; right: 13px; padding: 0; font-size: 13px; color: #666666; } /*-------------------------------------------------*/ /* = News posts style /*-------------------------------------------------*/ /* news post general style */ .news-post { position: relative; } .news-post .post-gallery { position: relative; } .news-post img { width: 100%; } .news-post a.category-post { position: absolute; bottom: 20px; left: 20px; } a.read-more-button { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 6px 10px; background: #fafafa; border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #666666; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; } a.read-more-button i { margin-right: 9px; } a.read-more-button:hover { color: #ffffff; background: #C10418; border-color: #C10418; } /* image post style */ .image-post { position: relative; } .image-post .hover-box { position: absolute; overflow: hidden !important; top: 0; left: 0px; bottom: 1px; right: 1px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; background: transparent; } .image-post .hover-box .inner-hover { position: absolute; width: 100%; bottom: 0; padding: 20px; background: rgba(17, 17, 17, 0); background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(10%, rgba(17, 17, 17, 0.1)), color-stop(100%, rgba(17, 17, 17, 0.95))); background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#171717', GradientType=0); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .image-post .hover-box .inner-hover a.category-post { margin-bottom: 12px; position: relative; bottom: inherit; left: inherit; } .image-post .hover-box .inner-hover h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 15px; text-transform: uppercase; } .image-post .hover-box .inner-hover h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; color: #ffffff; } .image-post .hover-box .inner-hover p { overflow: hidden; max-height: 0; margin: 0; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .image-post .hover-box .inner-hover ul.post-tags { margin: 0; padding: 0; } .image-post .hover-box .inner-hover ul.post-tags li { display: inline-block; margin-right: 7px; color: #ccc; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .image-post .hover-box .inner-hover ul.post-tags li i { margin-right: 9px; } .image-post .hover-box .inner-hover ul.post-tags li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; color: #ccc; } .image-post .hover-box .inner-hover ul.post-tags li:last-child { margin-right: 0; } span.top-stories { color: #ffffff; display: inline-block; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; padding: 4px 10px; background: #C10418; position: absolute; top: 20px; left: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; z-index: 2; } .image-post.snd-size .hover-box .inner-hover h2 { font-size: 30px; font-weight: 900; line-height: 36px; } .image-post:hover .hover-box { background: rgba(255, 255, 255, 0.95); } .image-post:hover .hover-box .inner-hover { background: transparent !important; } .image-post:hover .hover-box .inner-hover p { margin-top: 10px; max-height: 40px; } .image-post:hover .hover-box .inner-hover h2 a { color: #222222; } .image-post:hover .hover-box .inner-hover h2 a:hover { color: #C10418; } .image-post:hover .hover-box .inner-hover ul.post-tags li { color: #aaa; } .image-post:hover .hover-box .inner-hover ul.post-tags li a { color: #aaa; } .image-post:hover .hover-box .inner-hover ul.post-tags li a:hover { color: #C10418; } /* post tags list style */ ul.post-tags { margin: 0; padding: 0; } ul.post-tags li { display: inline-block; margin-right: 7px; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } ul.post-tags li i { color: #ccc; margin-right: 9px; } ul.post-tags li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; } ul.post-tags li a:hover { color: #C10418; } ul.post-tags li:last-child { margin-right: 0; } /* standard post style */ .standard-post { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .standard-post .post-content { padding-top: 15px; } .standard-post .post-content h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; } .standard-post .post-content h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } .standard-post .post-content h2 a:hover { color: #C10418; } /* standard post2 style */ .standard-post2 .post-title { padding: 18px 20px; background: #fafafa; border-bottom: 1px solid #f0f0f0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .standard-post2 .post-title h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 16px; } .standard-post2 .post-title h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } .standard-post2 .post-title h2 a:hover { color: #C10418; } .standard-post2 .post-content { padding: 15px 20px 0; } .standard-post2 .post-content p { margin-bottom: 15px; } .standard-post2:hover .post-title { background: transparent; } /* standard post3 style */ .standard-post3 .post-title { padding: 18px 20px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .standard-post3 .post-title h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 16px; } .standard-post3 .post-title h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } .standard-post3 .post-title h2 a:hover { color: #C10418; } .standard-post3 .post-title a.category-post { position: relative; bottom: inherit; left: inherit; background: transparent; padding: 0 !important; margin-bottom: 6px; } .standard-post3 .post-title a.category-post.travel { color: #f58021; } .standard-post3 .post-title a.category-post.sport { color: #4c60f6; } .standard-post3 .post-title a.category-post.world { color: #33a3f1; } .standard-post3 .post-title a.category-post.fashion { color: #aa35d6; } .standard-post3 .post-title a.category-post.tech { color: #74b430; } .standard-post3 .post-title a.category-post.food { color: #32b47b; } .standard-post3 .post-title a.category-post.video { color: #d6ac1b; } .standard-post3 .post-content { padding: 15px 20px 0; } .standard-post3 .post-content p { margin-bottom: 15px; } .standard-post2:hover .post-title { background: transparent; } /* image post2 style */ .image-post2 { position: relative; } .image-post2 .hover-box { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; display: block; } .image-post2 .hover-box .inner-hover { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 40px; text-align: center; margin-top: -40px; } .image-post2 .hover-box a.category-post { position: relative; bottom: inherit; left: inherit; } .image-post2 .hover-box h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 18px; line-height: 24px; margin-bottom: 7px; margin-top: 10px; max-height: 48px; overflow: hidden; } .image-post2 .hover-box h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #ffffff; } .image-post2 .hover-box h2 a:hover { opacity: 0.7; } .image-post2 .hover-box ul.post-tags li { color: #ccc; } .image-post2 .hover-box ul.post-tags li a { color: #ccc; } .image-post2 .hover-box ul.post-tags li a:hover { color: #C10418; } .image-post2 div.post-content { padding: 16px 16px 0; } .image-post2 div.post-content p { margin-bottom: 3px; } .image-post2 div.post-content p a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #C10418; text-decoration: underline; } .image-post2 div.post-content p a:hover { opacity: 0.7; } .image-post2 div.post-content > a { margin-top: 12px; } /* list posts style */ ul.list-posts { margin: 0; padding: 0; } ul.list-posts > li { list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; overflow: hidden; } ul.list-posts > li img { width: 100px; margin-right: 20px; float: left; } ul.list-posts > li .post-content > a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; margin: 0; line-height: 16px; margin-top: -2px; } ul.list-posts > li .post-content > a:hover { opacity: 0.7; } ul.list-posts > li .post-content h2 { color: #333333; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 13px; max-height: 40px; overflow: hidden; margin-bottom: 7px; } ul.list-posts > li .post-content h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } ul.list-posts > li .post-content h2 a:hover { color: #C10418; } /* image post3 style */ .image-post3, .video-post { position: relative; } .image-post3 .hover-box, .video-post .hover-box { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; background: rgba(34, 34, 34, 0.8); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .image-post3 .hover-box h2, .video-post .hover-box h2 { color: #333333; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 13px; max-height: 40px; overflow: hidden; margin-bottom: 0; } .image-post3 .hover-box h2 a, .video-post .hover-box h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #ffffff; } .image-post3 .hover-box h2 a:hover, .video-post .hover-box h2 a:hover { opacity: 0.7; } .image-post3 .hover-box ul.post-tags li, .video-post .hover-box ul.post-tags li { color: #ccc; } .image-post3 .hover-box ul.post-tags li a, .video-post .hover-box ul.post-tags li a { color: #ccc; } .image-post3:hover .hover-box, .video-post:hover .hover-box { background: rgba(244, 67, 54, 0.9); } .video-post { margin-bottom: 10px; } .video-post a.video-link { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; position: absolute; top: 20px; left: 20px; color: #ffffff; font-size: 30px; padding: 1px; outline: none; } .video-post a:hover { opacity: 0.6; } button.mfp-close, button.mfp-arrow { outline: none; } /* article post style */ .article-post { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; } .article-post .post-gallery { margin-bottom: 20px; } .article-post .post-content { margin-bottom: 20px; } .article-post .post-content h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 18px; line-height: 24px; margin-bottom: 7px; } .article-post .post-content h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } .article-post .post-content h2 a:hover { color: #C10418; } .article-post .post-content span.post-rating { display: inline-block; } .article-post .post-content span.post-rating i { font-size: 12px; color: #f7ca18; line-height: 10px; } .article-post .post-content p { margin-bottom: 13px; margin-top: 15px; } /* large post style */ .large-post { margin-bottom: 30px; } .large-post .post-gallery iframe { width: 100%; height: 420px; margin-bottom: -5px; } .large-post .post-gallery ul.bxslider { margin: 0; padding: 0; } .large-post .post-gallery .bx-controls-direction { display: none !important; } .large-post .post-title { padding: 24px 20px; background: #fafafa; border-bottom: 1px solid #f0f0f0; } .large-post .post-title h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 18px; line-height: 24px; margin-bottom: 6px; } .large-post .post-title h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } .large-post .post-title h2 a:hover { color: #C10418; } .large-post .post-content { padding: 24px 20px 30px; border-bottom: 1px solid #f0f0f0; } .large-post .post-content p { margin-bottom: 24px; } /* list post style */ div.list-post { overflow: hidden; } div.list-post img { width: 100px; margin-right: 20px; float: left; } div.list-post .post-content > a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; margin: 0; line-height: 16px; margin-top: -2px; } div.list-post .post-content > a:hover { opacity: 0.7; } div.list-post .post-content h2 { color: #333333; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 13px; max-height: 40px; overflow: hidden; margin-bottom: 7px; } div.list-post .post-content h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } div.list-post .post-content h2 a:hover { color: #C10418; } /* very-large-post style */ .very-large-post { background: #ffffff; text-align: center; margin-bottom: 30px; box-shadow: 1px 1px 1px #eeeeee; -webkit-box-shadow: 1px 1px 1px #eeeeee; -moz-box-shadow: 1px 1px 1px #eeeeee; -o-box-shadow: 1px 1px 1px #eeeeee; } .very-large-post .title-post { padding: 60px 0 30px; max-width: 560px; margin: 0 auto; } .very-large-post .title-post a.category-post { display: inline-block; position: relative; margin: 0 2px; left: inherit; bottom: inherit; } .very-large-post .title-post h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 18px; line-height: 24px; margin: 20px 0 12px; } .very-large-post .title-post h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } .very-large-post .title-post h2 a:hover { color: #C10418; } .very-large-post .post-gallery { margin-bottom: 25px; } .very-large-post .post-gallery .group-image { margin: -5px; overflow: hidden; } .very-large-post .post-gallery .group-image a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 33.333333%; float: left; padding: 5px; outline: none; } .very-large-post .post-gallery .group-image a.big-size { width: 66.666666%; } .very-large-post .post-gallery .bx-wrapper .bx-next { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 30px; top: 50%; margin-top: -35px; } .very-large-post .post-gallery .bx-wrapper .bx-prev { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-left: 30px; top: 50%; margin-top: -35px; } .very-large-post .post-gallery .bx-wrapper .bx-prev:hover, .very-large-post .post-gallery .bx-wrapper .bx-next:hover { background: #ffffff; } .very-large-post .post-gallery .bx-wrapper .bx-next:before, .very-large-post .post-gallery .bx-wrapper .bx-prev:before { margin-top: -20px; } .very-large-post .post-gallery .bx-wrapper .bx-next:hover:before, .very-large-post .post-gallery .bx-wrapper .bx-prev:hover:before { color: #333333; } .very-large-post .post-gallery #bx-pager { text-align: center; margin-top: 10px; } .very-large-post .post-gallery #bx-pager a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; opacity: 0.7; margin: 0 3px; } .very-large-post .post-gallery #bx-pager a img { width: auto; } .very-large-post .post-gallery #bx-pager a.active { opacity: 1; } .very-large-post .post-gallery iframe { width: 100%; height: 480px; } .very-large-post .post-content { padding: 0 70px 35px; } .very-large-post .post-content p { margin-bottom: 20px; } .very-large-post .post-content p.highlight { color: #333333; font-weight: 700; } .very-large-post .post-content blockquote { padding: 25px 60px; background: #fff9e6; border: none; margin: 20px 0 40px; } .very-large-post .post-content blockquote p { margin: 0; color: #333333; font-style: italic; } .very-large-post .post-content .article-inpost { overflow: hidden; text-align: left; } .very-large-post .post-content .article-inpost img { width: auto; float: left; margin-right: 40px; margin-bottom: 16px; } .very-large-post .post-content .article-inpost .right-content { margin-top: 5px; } .very-large-post .share-box { overflow: hidden; margin-top: 30px; padding-top: 28px; border-top: 1px solid #f0f0f0; } .very-large-post .share-box a.likes { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #666666; font-size: 13px; font-family: 'Lato', sans-serif; float: left; } .very-large-post .share-box a.likes i { font-size: 14px; color: #999999; margin-right: 6px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .very-large-post .share-box a.likes:hover { color: #C10418; } .very-large-post .share-box a.likes:hover i { color: #C10418; } .very-large-post .share-box ul.share-list-post { margin: 0; padding: 0; float: right; } .very-large-post .share-box ul.share-list-post li { display: inline-block; color: #666666; font-size: 13px; font-family: 'Lato', sans-serif; } .very-large-post .share-box ul.share-list-post li > i { font-size: 14px; color: #999999; margin-right: 6px; } .very-large-post .share-box ul.share-list-post li span { margin-right: 5px; } .very-large-post .share-box ul.share-list-post li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 18px; height: 18px; font-size: 14px; color: #999999; background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .very-large-post .share-box ul.share-list-post li a:hover { color: #ffffff; background: #333333; } /* Banner quote post */ .banner-quote-post { padding: 120px 85px 48px; margin-bottom: 30px; position: relative; background: url('../upload/news-posts/banner.jpg') center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .banner-quote-post .quote { position: relative; z-index: 2; text-align: center; } .banner-quote-post .quote p { color: #ffffff; font-size: 18px; font-weight: 700; font-style: italic; margin-bottom: 8px; line-height: 24px; } .banner-quote-post .quote span { color: #ccc; font-size: 12px; display: inline-block; font-family: 'Lato', sans-serif; font-style: italic; margin: 0; } .banner-quote-post .quote span i { margin-right: 8px; } .banner-quote-post .quote:before { content: '\201C'; position: absolute; top: -72px; left: 50%; margin-left: -28px; color: #ffffff; font-size: 90px; font-family: georgia; line-height: 90px; font-weight: 700; } .banner-quote-post:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.8); } /*-------------------------------------------------*/ /* = single post pages /*-------------------------------------------------*/ .single-post-box .title-post { padding: 0 20px 25px; margin-bottom: 12px; border-bottom: 1px solid #f0f0f0; margin-top: -10px; } .single-post-box .title-post h1 { color: #333333; font-size: 24px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 30px; margin: 0 0 8px; } .single-post-box .share-post-box { margin-bottom: 10px; padding: 0 20px; } .single-post-box .share-post-box ul.share-box { margin: 0; padding: 0; } .single-post-box .share-post-box ul.share-box li { display: inline-block; color: #666666; font-size: 13px; font-family: 'Lato', sans-serif; margin-right: 8px; margin-bottom: 2px; } .single-post-box .share-post-box ul.share-box li i { font-size: 20px; margin-right: 12px; color: #999999; float: left; } .single-post-box .share-post-box ul.share-box li span { display: inline-block; line-height: 15px; } .single-post-box .share-post-box ul.share-box li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #ffffff; padding: 8px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .single-post-box .share-post-box ul.share-box li a i { color: #ffffff; } .single-post-box .share-post-box ul.share-box li a.facebook { background: #1854dd; } .single-post-box .share-post-box ul.share-box li a.twitter { background: #18a3dd; } .single-post-box .share-post-box ul.share-box li a.google { background: #f14133; } .single-post-box .share-post-box ul.share-box li a.google i { margin-right: 0; } .single-post-box .share-post-box ul.share-box li a.linkedin { background: #1879dd; } .single-post-box .share-post-box ul.share-box li a.linkedin i { margin-right: 0; } .single-post-box .share-post-box ul.share-box li a:hover { opacity: 0.7; } .single-post-box .post-gallery { text-align: center; margin-bottom: 20px; } .single-post-box .post-gallery img { width: 100%; margin-bottom: 5px; } .single-post-box .post-gallery span.image-caption { display: inline-block; color: #aaa; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; margin: 0; } .single-post-box .post-gallery iframe { width: 100%; height: 422px; margin-bottom: 20px; } .single-post-box .post-gallery.audio-post iframe { height: 168px; } .single-post-box > .post-content { margin-bottom: 10px; overflow: hidden; } .single-post-box > .post-content p { padding: 0 20px; margin-bottom: 18px; } .single-post-box > .post-content p a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #C10418; text-decoration: underline; } .single-post-box > .post-content p a:hover { opacity: 0.6; } .single-post-box > .post-content blockquote { padding: 20px; padding-left: 70px; background: #eeeeee; border: none; margin: 0 0 20px; position: relative; } .single-post-box > .post-content blockquote p { color: #222222; font-size: 18px; font-style: italic; margin-bottom: 0; line-height: 24px; } .single-post-box > .post-content blockquote:before { content: '\201C'; position: absolute; top: 20px; left: 25px; font-size: 72px; color: #222222; font-family: georgia; line-height: 70px; font-weight: 700; } .single-post-box > .post-content > h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 18px; margin-bottom: 15px; line-height: 24px; padding: 0 20px; } .single-post-box .article-inpost { overflow: hidden; margin-bottom: 20px; } .single-post-box .article-inpost .image-content { text-align: center; margin-bottom: 20px; } .single-post-box .article-inpost .image-content .image-place { position: relative; margin-bottom: 5px; } .single-post-box .article-inpost .image-content .image-place img { width: 100%; } .single-post-box .article-inpost .image-content .image-place .hover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(255, 255, 255, 0.9); opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .single-post-box .article-inpost .image-content .image-place .hover-image a { position: absolute; display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 70px; height: 70px; background: #C10418; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -35px; left: 50%; margin-left: -35px; line-height: 70px; color: #ffffff; font-size: 30px; outline: none; } .single-post-box .article-inpost .image-content .image-place .hover-image a:hover { opacity: 0.7; } .single-post-box .article-inpost .image-content .image-place:hover .hover-image { opacity: 1; } .single-post-box .article-inpost .image-content span.image-caption { display: inline-block; color: #aaa; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; margin: 0; } .single-post-box .article-inpost .text-content { padding-top: 15px; } .single-post-box .article-inpost .text-content h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 18px; margin-bottom: 15px; line-height: 24px; } .single-post-box .article-inpost .text-content p { margin-bottom: 18px; } .single-post-box .review-box .member-skills { padding: 0 20px; margin-bottom: 15px; overflow: hidden; } .single-post-box .review-box .member-skills > p { font-weight: 700; color: #222222; margin-bottom: 16px; } .single-post-box .review-box .member-skills .meter { height: 17px; padding: 2px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; width: 100%; background: #fff; border: 1px solid #e1e1e1; margin-bottom: 16px; } .single-post-box .review-box .member-skills .meter p { height: 100%; background: #C10418; text-align: right; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .single-post-box .review-box .summary-box { padding: 14px 190px 14px 20px; background: #333333; position: relative; margin-bottom: 50px; } .single-post-box .review-box .summary-box h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 15px; color: #ffffff; text-transform: uppercase; margin-bottom: 14px; } .single-post-box .review-box .summary-box p { color: #ffffff; } .single-post-box .review-box .summary-box .summary-degree { position: absolute; bottom: -10px; right: 20px; background: #C10418; padding: 10px 20px 14px; text-align: center; } .single-post-box .review-box .summary-box .summary-degree p { color: #333333; font-weight: 700; margin: 0; } .single-post-box .review-box .summary-box .summary-degree p span { display: block; color: #ffffff; font-size: 48px; margin-bottom: 4px; line-height: 48px; } .single-post-box .post-tags-box { margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; padding: 0 20px 12px; } .single-post-box .post-tags-box ul.tags-box { margin: 0; padding: 0; } .single-post-box .post-tags-box ul.tags-box li { display: inline-block; color: #666666; font-size: 13px; font-family: 'Lato', sans-serif; margin-right: 3px; margin-bottom: 2px; } .single-post-box .post-tags-box ul.tags-box li i { font-size: 18px; margin-right: 10px; color: #999999; } .single-post-box .post-tags-box ul.tags-box li span { margin-right: 18px; } .single-post-box .post-tags-box ul.tags-box li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 6px 10px; border: 1px solid #efefef; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; } .single-post-box .post-tags-box ul.tags-box li a:hover { background: #222222; border: 1px solid #222222; color: #ffffff; } .single-post-box .prev-next-posts { overflow: hidden; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-bottom: 30px; } .single-post-box .prev-next-posts .prev-post { float: left; border-right: 1px solid #f0f0f0; } .single-post-box .prev-next-posts .next-post { width: 50%; float: right; } .single-post-box .prev-next-posts .next-post img { float: right; margin-right: 0; margin-left: 15px; } .single-post-box .prev-next-posts .prev-post, .single-post-box .prev-next-posts .next-post { width: 50%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 25px 40px; } .single-post-box .prev-next-posts .prev-post:hover, .single-post-box .prev-next-posts .next-post:hover { background: #fafafa; } .single-post-box .prev-next-posts img { width: 100px; margin-right: 15px; float: left; } .single-post-box .prev-next-posts .post-content { margin-top: 10px; } .single-post-box .prev-next-posts .post-content > a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; margin: 0; line-height: 16px; margin-top: -2px; } .single-post-box .prev-next-posts .post-content > a:hover { opacity: 0.7; } .single-post-box .prev-next-posts .post-content h2 { color: #333333; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; font-size: 13px; max-height: 40px; overflow: hidden; margin-bottom: 7px; } .single-post-box .prev-next-posts .post-content h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; } .single-post-box .prev-next-posts .post-content h2 a:hover { color: #C10418; } .single-post-box .about-more-autor { margin-bottom: 10px; } .single-post-box .about-more-autor ul.nav-tabs { text-align: center; border: none; border-bottom: 2px solid #C10418; } .single-post-box .about-more-autor ul.nav-tabs li { float: left; width: 50%; border: none; margin: 0; padding-left: 1px; } .single-post-box .about-more-autor ul.nav-tabs li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; padding: 11px 3px; background: #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #ffffff; font-size: 13px; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 700; border: none; margin: 0; } .single-post-box .about-more-autor ul.nav-tabs li a:hover { background: #C10418; } .single-post-box .about-more-autor ul.nav-tabs li:first-child { padding-left: 0; } .single-post-box .about-more-autor ul.nav-tabs li.active a { border: none; background: #C10418; } .single-post-box .about-more-autor .autor-box { padding: 30px 15px 30px 0; overflow: hidden; border: 1px solid transparent; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .single-post-box .about-more-autor .autor-box img { max-width: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; } .single-post-box .about-more-autor .autor-box .autor-content { margin-left: 120px; margin-top: 10px; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title { overflow: hidden; margin-bottom: 10px; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title h1 { float: left; color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title h1 span:after { content: '/'; color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; margin: 0 6px; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title h1 a { text-decoration: underline; display: inline-block; color: #C10418; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title h1 a:hover { opacity: 0.7; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title ul.autor-social { margin: 0; padding: 0; float: right; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title ul.autor-social li { display: inline-block; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title ul.autor-social li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #666666; font-size: 13px; width: 18px; height: 18px; line-height: 18px; background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; text-align: center; } .single-post-box .about-more-autor .autor-box .autor-content .autor-title ul.autor-social li a:hover { color: #ffffff; background: #C10418; } .single-post-box .about-more-autor .autor-box .autor-content p { margin: 0; } .single-post-box .about-more-autor .more-autor-posts { overflow: hidden; padding-top: 25px; padding-bottom: 25px; margin-left: -5px; margin-right: -5px; } .single-post-box .about-more-autor .more-autor-posts .news-post { float: left; width: 25%; padding: 5px; } .single-post-box .about-more-autor .more-autor-posts .news-post .hover-box { bottom: 5px; left: 5px; right: 5px; width: auto; } .single-post-box .comment-area-box ul { margin: 0; padding: 0; } .single-post-box .comment-area-box ul li { list-style: none; } .single-post-box .comment-area-box ul li .comment-box { overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #f3f3f3; margin-bottom: 30px; } .single-post-box .comment-area-box ul li .comment-box img { width: 100px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .single-post-box .comment-area-box ul li .comment-box .comment-content { margin-left: 120px; padding-top: 10px; } .single-post-box .comment-area-box ul li .comment-box .comment-content h4 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0; } .single-post-box .comment-area-box ul li .comment-box .comment-content h4 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; float: right; font-size: 11px; font-weight: 400; text-transform: uppercase; padding: 4px 9px; border: 1px solid #eeeeee; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .single-post-box .comment-area-box ul li .comment-box .comment-content h4 a i { font-size: 10px; margin-right: 9px; } .single-post-box .comment-area-box ul li .comment-box .comment-content h4 a:hover { background: #C10418; color: #ffffff; border: 1px solid #C10418; } .single-post-box .comment-area-box ul li .comment-box .comment-content span { font-size: 12px; color: #999999; font-family: 'Lato', sans-serif; display: inline-block; font-style: italic; margin: 0 0 13px; } .single-post-box .comment-area-box ul li .comment-box .comment-content span i { margin-right: 9px; } .single-post-box .comment-area-box ul li .comment-box .comment-content p { margin: 0 !important; } .single-post-box .comment-area-box ul.depth .comment-box { padding-left: 100px; } .single-post-box .bx-wrapper .bx-next { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 20px; top: 50%; margin-top: -35px; } .single-post-box .bx-wrapper .bx-prev { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-left: 20px; top: 50%; margin-top: -35px; } .single-post-box .bx-wrapper .bx-prev:hover, .single-post-box .bx-wrapper .bx-next:hover { background: #ffffff; } .single-post-box .bx-wrapper .bx-next:before, .single-post-box .bx-wrapper .bx-prev:before { margin-top: -20px; } .single-post-box .bx-wrapper .bx-next:hover:before, .single-post-box .bx-wrapper .bx-prev:hover:before { color: #333333; } .single-post-box .bx-wrapper .bx-pager { display: block !important; } .single-post-box ul.bxslider { margin: 0; padding: 0; } .single-wide .image-slider .news-post .hover-box .inner-hover { background: transparent !important; padding-bottom: 50px; } .single-wide .image-slider .news-post .hover-box .inner-hover h1 { color: #222222; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; font-size: 24px; color: #ffffff; margin-bottom: 8px; font-weight: 900; line-height: 30px; padding: 0 20px; } .single-wide .image-slider .news-post .hover-box .inner-hover ul.post-tags { padding: 0 20px; } .single-wide .image-slider .bx-wrapper .bx-pager { bottom: 20px; top: inherit; right: inherit; left: 50%; } .single-post-box.wide-version .share-post-box { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; } /*-------------------------------------------------*/ /* = contact page /*-------------------------------------------------*/ .contact-info-box { margin-bottom: 40px; } .contact-info-box #map { height: 360px; margin-bottom: 25px; } .contact-info-box p { padding: 0 20px; } .contact-form-box #contact-form, .contact-form-box #comment-form { margin: 0; } .contact-form-box #contact-form label, .contact-form-box #comment-form label { display: block; color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 16px; cursor: pointer; } .contact-form-box #contact-form input[type="text"], .contact-form-box #comment-form input[type="text"], .contact-form-box #contact-form textarea, .contact-form-box #comment-form textarea { display: block; width: 100%; padding: 10px 20px; background: #fafafa; color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; outline: none; border: 1px solid #e1e1e1; margin: 0 0 16px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .contact-form-box #contact-form input[type="text"]:focus, .contact-form-box #comment-form input[type="text"]:focus, .contact-form-box #contact-form textarea:focus, .contact-form-box #comment-form textarea:focus { border: 1px solid #C10418; } .contact-form-box #contact-form textarea, .contact-form-box #comment-form textarea { height: 130px; } .contact-form-box #contact-form button, .contact-form-box #comment-form button { color: #ccc; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; background: #222222; padding: 8px 10px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .contact-form-box #contact-form button i, .contact-form-box #comment-form button i { margin-right: 7px; } .contact-form-box #contact-form button:hover, .contact-form-box #comment-form button:hover { background: #C10418; color: #ffffff; } .contact-form-box .title-section span.email-not-published { float: right; padding-right: 0; border: none; color: #999999; font-size: 13px; text-transform: initial; font-weight: 400; } /*-------------------------------------------------*/ /* = 404 erro page /*-------------------------------------------------*/ .error-banner { background: #C10418; padding: 20px 30px; margin-bottom: 30px; } .error-banner h1 { color: #ffffff; font-size: 48px; font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; margin: 0 0 7px; } .error-banner h1 span { font-weight: 900; } .error-banner p { color: #ffffff; font-size: 17px; font-weight: 700; margin-bottom: 3px; } div.search-box { padding: 0 30px; margin-bottom: 35px; } /*-------------------------------------------------*/ /* = Autor list page /*-------------------------------------------------*/ ul.autor-list { margin: 0; padding: 0; margin-bottom: 30px; } ul.autor-list > li { list-style: none; border-bottom: 1px solid #f0f0f0; } ul.autor-list > li .autor-box { padding: 30px; background: #fafafa; border: 1px solid transparent; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } ul.autor-list > li .autor-box img { max-width: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; } ul.autor-list > li .autor-box .autor-content { margin-left: 120px; } ul.autor-list > li .autor-box .autor-content .autor-title { overflow: hidden; margin-bottom: 10px; } ul.autor-list > li .autor-box .autor-content .autor-title h1 { float: left; color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; } ul.autor-list > li .autor-box .autor-content .autor-title h1 span:after { content: '/'; color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 10px; margin: 0 6px; } ul.autor-list > li .autor-box .autor-content .autor-title h1 a { text-decoration: underline; display: inline-block; color: #C10418; } ul.autor-list > li .autor-box .autor-content .autor-title h1 a:hover { opacity: 0.7; } ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social { margin: 0; padding: 0; float: right; } ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social li { display: inline-block; margin-left: 7px; } ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #666666; font-size: 13px; } ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social li a:hover { color: #C10418; } ul.autor-list > li .autor-box .autor-content p { margin: 0; } ul.autor-list > li .autor-last-line { overflow: hidden; padding: 10px 30px; } ul.autor-list > li .autor-last-line ul.autor-tags { margin: 0; padding: 0; float: left; } ul.autor-list > li .autor-last-line ul.autor-tags li { display: inline-block; margin-right: 3px; } ul.autor-list > li .autor-last-line ul.autor-tags li span { display: inline-block; color: #666666; font-size: 13px; font-family: 'Lato', sans-serif; line-height: 30px; padding-right: 3px; } ul.autor-list > li .autor-last-line ul.autor-tags li span i { margin-right: 10px; color: #999999; font-size: 18px; } ul.autor-list > li .autor-last-line ul.autor-tags li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; padding: 6px 10px; border: 1px solid #f0f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } ul.autor-list > li .autor-last-line ul.autor-tags li a:hover { color: #ffffff; background: #C10418; border-color: #C10418; } ul.autor-list > li .autor-last-line a.autor-site { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; float: right; text-decoration: underline; color: #33a3f1; font-size: 13px; line-height: 30px; font-family: 'Lato', sans-serif; } ul.autor-list > li .autor-last-line a.autor-site:hover { opacity: 0.7; } ul.autor-list > li:hover .autor-box { border-color: #999999; } /*-------------------------------------------------*/ /* = forum-pages /*-------------------------------------------------*/ .forum-box .search-box { padding: 30px; background: #fafafa; } .forum-box p.line-for-loggin { padding: 4px 20px; background: #fff3c9; font-size: 12px; } .forum-table { margin-bottom: 30px; } .forum-table .table-head { overflow: hidden; background: #222222; } .forum-table .table-head > div { float: left; padding: 12px 20px; } .forum-table .table-head > div span { color: #ffffff; font-size: 10px; text-transform: uppercase; font-weight: 700; } .forum-table div.first-col { width: 55%; } .forum-table div.first-col a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; font-size: 13px; color: #ffffff; text-transform: uppercase; font-weight: 700; } .forum-table div.first-col a:hover { color: #C10418; } .forum-table div.second-col { width: 20%; } .forum-table div.third-col { width: 25%; text-align: right; } .forum-table div.table-row { overflow: hidden; background: #fafafa; position: relative; } .forum-table div.table-row > div { float: left; padding: 15px 20px; } .forum-table div.table-row > div span { color: #ffffff; font-size: 10px; text-transform: uppercase; font-weight: 700; } .forum-table div.table-row > div h2 { font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; color: #222222; margin: 0 0 8px; } .forum-table div.table-row > div h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; } .forum-table div.table-row > div h2 a:hover { color: #C10418; } .forum-table div.table-row > div p { display: block; margin: 0; font-size: 13px; } .forum-table div.table-row div.second-col span { color: #222222; } .forum-table div.table-row div.second-col p { font-size: 10px; text-transform: uppercase; } .forum-table div.table-row div.third-col img { width: 40px; float: right; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-left: 17px; } .forum-table div.table-row div.third-col p { font-size: 10px; line-height: 16px; } .forum-table div.table-row div.third-col p a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #C10418; text-transform: inherit; } .forum-table div.table-row div.forum-post { overflow: hidden; float: left; width: 80%; } .forum-table div.table-row div.forum-post img { max-width: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; } .forum-table div.table-row div.forum-post .post-autor-date { margin-left: 60px; } .forum-table div.table-row div.forum-post .post-autor-date h2 { color: #222222; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 16px; margin: 0 0 3px; } .forum-table div.table-row div.forum-post .post-autor-date h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; } .forum-table div.table-row div.forum-post .post-autor-date h2 a:hover { color: #C10418; } .forum-table div.table-row div.forum-post .post-autor-date p { font-size: 10px; line-height: 16px; } .forum-table div.table-row div.forum-post .post-autor-date p a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #C10418; text-transform: inherit; } .forum-table div.table-row div.forum-post.comment-post { width: 100%; } .forum-table div.table-row div.forum-post.comment-post img { max-width: 100px; } .forum-table div.table-row div.forum-post.comment-post .post-autor-date { margin-left: 120px; } .forum-table div.table-row div.forum-post.comment-post .post-autor-date p span { color: #666666; } .forum-table div.table-row div.forum-post.comment-post .post-autor-date div.content-post-area p { margin-top: 10px; font-size: 13px; line-height: 22px; } .forum-table div.table-row div.forum-topics { width: 20%; float: left; padding-top: 25px; padding-bottom: 25px; } .forum-table div.table-row div.forum-topics span { color: #222222; } .forum-table div.table-row div.forum-topics p { font-size: 10px; text-transform: uppercase; margin: 0; } .forum-table div.table-row:after { content: ''; position: absolute; top: 0; left: 20px; right: 20px; border-top: 1px solid #f0f0f0; } .forum-table div.table-row:first-child:after { border-top: none; } .forum-table div.table-title { background: #222222; padding: 20px; } .forum-table div.table-title h2 { font-size: 13px; color: #ffffff; text-transform: uppercase; font-weight: 700; margin: 0; line-height: 24px; } .forum-table div.table-title p { margin: 0; font-size: 13px; } .forum-table p.posted-in-category { font-size: 11px; margin: 7px 0; padding-left: 20px; } .forum-table p.posted-in-category a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #C10418; } /*-------------------------------------------------*/ /* = Log in popup /*-------------------------------------------------*/ .white-popup { position: relative; padding: 30px; width: auto; max-width: 430px; margin: 20px auto; background: #FFF; } .white-popup .mfp-close-btn-in .mfp-close { color: #222222 !important; width: 16px !important; padding-top: 20px !important; padding-right: 45px !important; } #log-in-popup { overflow: hidden; } #log-in-popup form.login-form .title-section, #log-in-popup form.register-form .title-section, #log-in-popup form.lost-password-form .title-section { margin-bottom: 18px; } #log-in-popup form.login-form p, #log-in-popup form.register-form p, #log-in-popup form.lost-password-form p { font-size: 11px; margin: 0 0 18px; color: #666; } #log-in-popup form.login-form label, #log-in-popup form.register-form label, #log-in-popup form.lost-password-form label { display: block; margin: 0 0 5px; color: #222222; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; } #log-in-popup form.login-form label span, #log-in-popup form.register-form label span, #log-in-popup form.lost-password-form label span { color: #C10418; } #log-in-popup form.login-form input[type="text"], #log-in-popup form.register-form input[type="text"], #log-in-popup form.lost-password-form input[type="text"], #log-in-popup form.login-form input[type="password"], #log-in-popup form.register-form input[type="password"], #log-in-popup form.lost-password-form input[type="password"] { display: block; margin: 0 0 17px; color: #666666; font-size: 13px; font-family: 'Lato', sans-serif; width: 100%; border: 1px solid #e1e1e1; background: #fafafa; outline: none; padding: 10px 20px; } #log-in-popup form.login-form button[type="submit"], #log-in-popup form.register-form button[type="submit"], #log-in-popup form.lost-password-form button[type="submit"] { border: none; float: left; padding: 8px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #222222; color: #ffffff; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; margin-right: 49px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #log-in-popup form.login-form button[type="submit"] i, #log-in-popup form.register-form button[type="submit"] i, #log-in-popup form.lost-password-form button[type="submit"] i { margin-right: 8px; } #log-in-popup form.login-form button[type="submit"]:hover, #log-in-popup form.register-form button[type="submit"]:hover, #log-in-popup form.lost-password-form button[type="submit"]:hover { background: #C10418; } #log-in-popup form.login-form input[type="checkbox"], #log-in-popup form.register-form input[type="checkbox"], #log-in-popup form.lost-password-form input[type="checkbox"] { display: inline-block; float: left; margin-right: 5px; margin-top: 10px; } #log-in-popup form.login-form span, #log-in-popup form.register-form span, #log-in-popup form.lost-password-form span { display: inline-block; color: #222222; font-size: 11px; font-family: 'Lato', sans-serif; margin-top: 8px; } #log-in-popup form.login-form > a, #log-in-popup form.register-form > a, #log-in-popup form.lost-password-form > a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; float: right; color: #222222; font-size: 11px; font-family: 'Lato', sans-serif; text-decoration: underline; margin-top: 8px; } #log-in-popup form.login-form > a:hover, #log-in-popup form.register-form > a:hover, #log-in-popup form.lost-password-form > a:hover { color: #C10418; } #log-in-popup form.login-form p.register-line, #log-in-popup form.register-form p.register-line, #log-in-popup form.lost-password-form p.register-line, #log-in-popup form.login-form p.login-line, #log-in-popup form.register-form p.login-line, #log-in-popup form.lost-password-form p.login-line { margin-top: 10px; margin-bottom: 0; clear: both; } #log-in-popup form.login-form p.register-line a, #log-in-popup form.register-form p.register-line a, #log-in-popup form.lost-password-form p.register-line a, #log-in-popup form.login-form p.login-line a, #log-in-popup form.register-form p.login-line a, #log-in-popup form.lost-password-form p.login-line a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; font-size: 11px; font-family: 'Lato', sans-serif; text-decoration: underline; } #log-in-popup form.login-form p.register-line a:hover, #log-in-popup form.register-form p.register-line a:hover, #log-in-popup form.lost-password-form p.register-line a:hover, #log-in-popup form.login-form p.login-line a:hover, #log-in-popup form.register-form p.login-line a:hover, #log-in-popup form.lost-password-form p.login-line a:hover { color: #C10418; } #log-in-popup form.register-form, #log-in-popup form.lost-password-form { display: none; } #log-in-popup form.register-form p, #log-in-popup form.lost-password-form p { clear: both; margin: 10px 0 0; } #log-in-popup form.register-form button[type="submit"], #log-in-popup form.lost-password-form button[type="submit"] { float: none; } a.log-in-popup { outline: none; } /*-------------------------------------------------*/ /* = comming-soon-page /*-------------------------------------------------*/ body.comming-soon-page { width: 100%; height: 100%; background: url('../upload/banners/1.jpg') center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } body.comming-soon-page #comming-soon-content { text-align: center; position: relative; z-index: 2; padding: 100px 0; } body.comming-soon-page #comming-soon-content .logo-place { margin-bottom: 200px; } body.comming-soon-page #comming-soon-content .logo-place a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } body.comming-soon-page #comming-soon-content .logo-place a img { max-width: 100%; } body.comming-soon-page #comming-soon-content .logo-place a:hover { opacity: 0.8; } body.comming-soon-page #comming-soon-content #clock { max-width: 420px; margin: 0 auto 40px; overflow: hidden; } body.comming-soon-page #comming-soon-content #clock .comming-part { float: left; width: 25%; text-align: center; } body.comming-soon-page #comming-soon-content #clock .comming-part span { display: inline-block; color: #ffffff; font-size: 48px; font-family: 'Lato', sans-serif; font-weight: 900; margin: 0 0 5px; } body.comming-soon-page #comming-soon-content #clock .comming-part p { font-size: 13px; color: #C10418; text-transform: uppercase; margin-bottom: 0; } body.comming-soon-page #comming-soon-content form.subscribe { margin: 0 0 40px; } body.comming-soon-page #comming-soon-content form.subscribe p { color: #ffffff; font-size: 18px; font-weight: 700; margin-bottom: 40px; line-height: 24px; } body.comming-soon-page #comming-soon-content form.subscribe h1 { color: #ffffff; font-size: 48px; font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; margin: 0 0 20px; } body.comming-soon-page #comming-soon-content form.subscribe h1 span { color: #C10418; font-weight: 900; } body.comming-soon-page #comming-soon-content form.subscribe input[type=text] { display: inline-block; width: 430px; padding: 9px 10px; background: #ffffff; color: #aaa; font-size: 11px; font-family: 'Lato', sans-serif; text-transform: uppercase; outline: none; border: 1px solid #eeeeee; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; margin: 0 10px 10px 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } body.comming-soon-page #comming-soon-content form.subscribe input[type=text]:focus { border: 1px solid #C10418; } body.comming-soon-page #comming-soon-content form.subscribe button { display: inline-block; margin: 0; padding: 10px 26px; background: #222222; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; outline: none; color: #fff; font-size: 11px; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 700; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } body.comming-soon-page #comming-soon-content form.subscribe button i { margin: 0 8px; } body.comming-soon-page #comming-soon-content form.subscribe button:hover { background: #C10418; } body.comming-soon-page #comming-soon-content .social-box { margin-top: 200px; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons { margin: 0; padding: 0; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li { display: inline-block; margin-right: 1px; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 36px; height: 36px; border: 1px solid #666666; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #666666; font-size: 20px; line-height: 34px; text-align: center; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.facebook:hover { border: 1px solid #1854dd; background: #1854dd; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.google:hover { border: 1px solid #f14133; background: #f14133; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.twitter:hover { border: 1px solid #18a3dd; background: #18a3dd; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.youtube:hover { border: 1px solid #d31708; background: #d31708; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.instagram:hover { border: 1px solid #a55900; background: #a55900; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.linkedin:hover { border: 1px solid #1879dd; background: #1879dd; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.vimeo:hover { border: 1px solid #2ea0f0; background: #2ea0f0; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.dribble:hover { border: 1px solid #f05c9e; background: #f05c9e; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.pinterest:hover { border: 1px solid #d30829; background: #d30829; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.flickr:hover { border: 1px solid #a43e99; background: #a43e99; color: #ffffff; } body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.rss:hover { border: 1px solid #f0590f; background: #f0590f; color: #ffffff; } body.comming-soon-page.underconstruction { background: url('../upload/banners/2.jpg') center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } /*-------------------------------------------------*/ /* = Footer /*-------------------------------------------------*/ footer { background: #222222; padding-top: 62px; } footer .footer-widgets-part { padding-bottom: 25px; } footer h1 { color: #222222; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; font-size: 13px; padding-bottom: 25px; border-bottom: 1px solid #333333; margin-bottom: 25px; color: #ffffff; letter-spacing: 1px; } footer .widget { margin-bottom: 20px; } footer .widget p { color: #999999; } footer .text-widget a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin-bottom: 20px; } footer .text-widget a img { margin-top: 20px; } footer .social-widget ul.social-icons { margin: 0; padding: 0; } footer .social-widget ul.social-icons li { display: inline-block; margin-right: 1px; margin-bottom: 4px; } footer .social-widget ul.social-icons li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 36px; height: 35px; line-height: 34px; text-align: center; border: 1px solid #333333; color: #666666; font-size: 20px; background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } footer .social-widget ul.social-icons li a:hover { color: #ffffff; } footer .social-widget ul.social-icons li a.facebook:hover { background: #1854dd; border: 1px solid #1854dd; } footer .social-widget ul.social-icons li a.google:hover { background: #f14133; border: 1px solid #f14133; } footer .social-widget ul.social-icons li a.twitter:hover { background: #18a3dd; border: 1px solid #18a3dd; } footer .social-widget ul.social-icons li a.youtube:hover { background: #d31708; border: 1px solid #d31708; } footer .social-widget ul.social-icons li a.instagram:hover { background: #a55900; border: 1px solid #a55900; } footer .social-widget ul.social-icons li a.linkedin:hover { background: #1879dd; border: 1px solid #1879dd; } footer .social-widget ul.social-icons li a.vimeo:hover { background: #2ea0f0; border: 1px solid #2ea0f0; } footer .social-widget ul.social-icons li a.dribble:hover { background: #f05c9e; border: 1px solid #f05c9e; } footer .social-widget ul.social-icons li a.pinterest:hover { background: #d30829; border: 1px solid #d30829; } footer .social-widget ul.social-icons li a.flickr:hover { background: #a43e99; border: 1px solid #a43e99; } footer .social-widget ul.social-icons li a.rss:hover { background: #f0590f; border: 1px solid #f0590f; } footer .posts-widget ul.list-posts > li { border-bottom: none; margin-bottom: 20px; } footer .posts-widget ul.list-posts > li img { width: 80px; } footer .posts-widget ul.list-posts > li .post-content { margin-left: 100px; } footer .posts-widget ul.list-posts > li .post-content > a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #666666; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; margin: 0; line-height: 16px; margin-top: -2px; } footer .posts-widget ul.list-posts > li .post-content > a:hover { opacity: 0.7; } footer .posts-widget ul.list-posts > li .post-content h2 { line-height: 18px; margin-bottom: 0; max-height: 36px; overflow: hidden; } footer .posts-widget ul.list-posts > li .post-content h2 a { color: #999999; } footer .posts-widget ul.list-posts > li .post-content h2 a:hover { color: #ffffff; } footer .categories-widget ul.category-list { margin: 0; padding: 0; overflow: hidden; } footer .categories-widget ul.category-list li { list-style: none; width: 50%; float: left; margin-bottom: 15px; } footer .categories-widget ul.category-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #333333; } footer .categories-widget ul.category-list li a span { display: inline-block; float: right; width: 30px; height: 20px; text-align: center; line-height: 18px; border: 1px solid #333333; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } footer .categories-widget ul.category-list li a:hover { color: #C10418; } footer .categories-widget ul.category-list li a:hover span { background: #C10418; border: 1px solid #C10418; color: #ffffff; } footer .categories-widget ul.category-list li:nth-child(2n) { padding-left: 9px; } footer .flickr-widget ul.flickr-list { margin: 0; padding: 0; margin-bottom: 10px; } footer .flickr-widget ul.flickr-list li { display: inline-block; margin-right: 5px; margin-bottom: 8px; } footer .flickr-widget ul.flickr-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } footer .flickr-widget ul.flickr-list li a img { max-width: 81px; } footer .flickr-widget ul.flickr-list li a:hover { opacity: 0.7; } footer .flickr-widget ul.flickr-list li:nth-child(3n) { margin-right: 0; } footer .flickr-widget a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; } footer .flickr-widget a:hover { color: #ffffff; } footer .tags-widget ul.tag-list { margin: 0; padding: 0; } footer .tags-widget ul.tag-list li { display: inline-block; margin-right: 2px; margin-bottom: 5px; } footer .tags-widget ul.tag-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; padding: 6px 10px; border: 1px solid #444444; background: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } footer .tags-widget ul.tag-list li a:hover { color: #ffffff; background: #C10418; border: 1px solid #C10418; } footer .subscribe-widget form { margin: 0; background: #C10418; padding: 17px 20px; } footer .subscribe-widget form h1 { color: #ffffff; margin-bottom: 16px; padding: 0; border: none; } footer .subscribe-widget form input[type="text"] { outline: none; padding: 12px; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; background: #ffffff; border: none; width: 100%; display: block; } footer .subscribe-widget form button { width: 40px; height: 42px; text-align: right; background: #C10418; border: none; outline: none; line-height: 40px; color: #ffffff; font-size: 30px; float: right; margin-top: -42px; } footer .subscribe-widget form p { color: #ffffff; margin: 0; font-size: 12px; line-height: 15px; margin-top: 15px; } footer .recent-comments-widget { margin-bottom: 45px; } footer .recent-comments-widget ul { margin: 0; padding: 0; background: transparent; } footer .recent-comments-widget .bx-wrapper .bx-viewport { background: transparent; } footer .recent-comments-widget .bx-wrapper .bx-controls-direction { display: none; } footer .recent-comments-widget .bx-wrapper .bx-pager { bottom: -35px !important; padding-top: 0; } footer .recent-comments-widget .bx-wrapper .bx-pager.bx-default-pager a:hover, footer .recent-comments-widget .bx-wrapper .bx-pager.bx-default-pager a.active { background: #f5d76e; border: 2px solid #f5d76e; } footer .recent-comments-widget div.recent-comment { text-align: center; } footer .recent-comments-widget div.recent-comment img { max-width: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 0 auto 12px; } footer .recent-comments-widget div.recent-comment .comment-content p { color: #cccccc; font-style: italic; font-weight: 700; margin-bottom: 0; } footer .recent-comments-widget div.recent-comment .comment-content p.main-message { font-weight: 400; margin-bottom: 13px; position: relative; color: #999999; } footer .recent-comments-widget div.recent-comment .comment-content span { display: inline-block; color: #999999; font-size: 12px; font-family: 'Lato', sans-serif; font-style: italic; } footer .recent-comments-widget div.recent-comment .comment-content span i { margin-right: 10px; } footer .footer-last-line { padding: 30px 0; border-top: 1px solid #333333; } footer .footer-last-line p { font-size: 12px; color: #666666; } footer .footer-last-line nav.footer-nav { text-align: right; } footer .footer-last-line nav.footer-nav ul { margin: 0; padding: 0; } footer .footer-last-line nav.footer-nav ul li { display: inline-block; margin-left: 10px; } footer .footer-last-line nav.footer-nav ul li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #666666; font-size: 12px; font-family: 'Lato', sans-serif; } footer .footer-last-line nav.footer-nav ul li a:hover { color: #ffffff; } footer .footer-last-line nav.footer-nav ul li:first-child { margin-left: 0; } footer .footer-last-line nav.footer-nav ul li:before { content: '|'; margin-right: 13px; color: #666666; font-size: 12px; font-family: 'Lato', sans-serif; } footer .footer-last-line nav.footer-nav ul li:first-child:before { display: none; margin-right: 0; } .visible-on-mobile { display: none; } /*-------------------------------------------------*/ /* = Responsive Part /*-------------------------------------------------*/ @media (max-width: 1400px) { section.heading-news .heading-news-box .image-post { width: 20%; } section.heading-news .heading-news-box .snd-size { width: 40%; } section.heading-news .heading-news-box > .image-post:nth-last-of-type(-n+2) { display: none; } } @media (max-width: 1199px) { #container { overflow: hidden; } .navbar-brand { max-width: 230px; padding-top: 58px; } .navbar-nav > li > a { padding: 20px 12px; } .navbar-nav > li > a.home { padding: 20px 12px; } .navbar-nav > li > a:after { display: none; } .navbar-nav .megadropdown .inner-megadropdown .filter-block, .navbar-nav .megadropdown .inner-megadropdown .filter-block:before { width: 170px; } .navbar-nav .megadropdown .inner-megadropdown .posts-filtered-block { width: 770px; } section.heading-news .heading-news-box .image-post { width: 25%; } section.heading-news .heading-news-box .snd-size { width: 50%; } section.heading-news .heading-news-box > .image-post:nth-last-of-type(-n+4) { display: none; } .ticker-news-box .ticker { width: 679px; } .heading-news2 .ticker-news-box .ticker { width: 716px; } .latest-articles.iso-call .news-post { width: 293px; } .advertisement img { max-width: 100%; } .heading-news2 .heading-news-box .news-post { width: 33.33333%; } .heading-news2 .heading-news-box > .news-post:nth-last-of-type(-n+2) { display: none; } .heading-news2 .heading-news-box .image-slider.snd-size { width: 66.66666%; } .galery-box #bx-pager2 a { width: 69px; } .very-large-post .post-gallery .group-image a.big-size { width: 66%; } } @media (max-width: 991px) { .top-line ul.social-icons { display: none; } form.navbar-right { display: none; } .navbar-nav > li > a { padding: 15px 8px; } .navbar-nav > li > a.home { padding: 15px 8px; } .advertisement .desktop-advert, .sidebar .advertisement .desktop-advert { display: none; } .advertisement .tablet-advert, .sidebar .advertisement .tablet-advert { display: block; } .navbar-brand { padding: 45px 15px 40px 0; } .navbar-nav .megadropdown .inner-megadropdown .filter-block { display: none; } .navbar-nav .megadropdown .inner-megadropdown .posts-filtered-block { width: 720px; } section.heading-news .heading-news-box .image-post { width: 33.33333%; } section.heading-news .heading-news-box .snd-size { width: 66.66666%; } section.heading-news .heading-news-box > .image-post:nth-last-of-type(-n+6) { display: none; } section.ticker-news, .heading-news2 .ticker-news-box { display: none; } .sidebar ul.social-share li span { font-size: 9px; } .latest-articles.iso-call .news-post { width: 470px; } .sidebar .image-post-slider .news-post .hover-box .inner-hover { padding: 0 20px; } .sidebar .image-post-slider .news-post .hover-box .inner-hover h2 { font-size: 14px; line-height: 18px; max-height: 36px; } .sidebar .image-post-slider .news-post .hover-box .inner-hover .post-tags li:last-child { display: none; } .sidebar .image-post-slider .news-post .hover-box .inner-hover .post-tags li:nth-child(1) { display: none; } .sidebar .tab-posts-widget ul.nav-tabs li a { font-size: 10px; } .sidebar .tab-posts-widget .tab-pane ul.list-posts > li { padding-left: 10px; padding-right: 10px; } .sidebar .tab-posts-widget .tab-pane ul.list-posts > li img { margin-right: 10px; } footer .footer-last-line nav.footer-nav { display: none; } footer .footer-last-line p { text-align: center; } .sidebar .recent-comments-widget ul.comment-list li { text-align: center; } .sidebar .recent-comments-widget ul.comment-list li img { float: none; margin-bottom: 20px; } .sidebar .recent-comments-widget ul.comment-list li .comment-content { margin-left: 0; padding: 0 10px; } .sidebar .recent-comments-widget ul.comment-list li .comment-content p.main-message:before { top: -6px; left: 50%; margin-left: -3px; } .sidebar .recent-comments-widget ul.comment-list li .comment-content span { padding-left: 0; } header.third-style .list-line-posts { display: none; } header.third-style .navbar-nav > li > a.food { display: none; } .sidebar.small-sidebar { display: none; } .slider-caption-box #bx-pager a { max-height: 45px; overflow: hidden; padding: 5px 15px; font-weight: 400; font-size: 12px; } .galery-box #bx-pager2 a { width: 60px; } .very-large-post .post-content { padding: 0 30px 35px; } .very-large-post .post-gallery .group-image a { width: 50%; } .very-large-post .post-gallery .group-image a.big-size { width: 100%; } .very-large-post .post-gallery #bx-pager { display: none; } .single-post-box .prev-next-posts img { display: none; } .single-post-box .about-more-autor .more-autor-posts .news-post { width: 50%; } .single-wide .image-slider .news-post .hover-box .inner-hover h1 { font-size: 15px; line-height: 18px; max-height: 36px; overflow: hidden; } .single-wide .image-slider .news-post .hover-box .inner-hover { padding-bottom: 35px; } .forum-table { overflow-x: scroll; width: 100%; } .forum-table div.table-head, .forum-table div.table-row, .forum-table div.table-title { min-width: 610px; } .forum-table.single-topic { overflow-x: hidden; width: 100%; } .forum-table.single-topic div.table-head, .forum-table.single-topic div.table-row, .forum-table.single-topic div.table-title { min-width: auto; } } @media (max-width: 767px) { .top-line { display: none; } .visible-on-mobile { display: block; } .navbar-default .advertisement { display: none; } .navbar-brand, header.third-style .navbar-brand { padding: 20px 15px 20px; } .navbar-toggle { margin-top: 14px; } .navbar-nav > li > a { padding: 5px 15px; color: #333333 !important; } .navbar-nav > li:hover > a { color: #C10418 !important; } .navbar-nav > li > a.home { padding: 5px 15px; } .navbar-nav > li > a:before { display: none; } .navbar-nav li.drop ul.dropdown, .navbar-nav li.drop ul.dropdown li ul.dropdown.level2 { position: relative; display: block; opacity: 1; visibility: visible; width: 100%; border: none !important; top: inherit; left: inherit; background: transparent !important; } .navbar-nav li.drop ul.dropdown li, .navbar-nav li.drop ul.dropdown li ul.dropdown.level2 li { background: transparent; border: none; } .navbar-nav li.drop ul.dropdown li a, .navbar-nav li.drop ul.dropdown li ul.dropdown.level2 li a { padding: 5px 20px; background: transparent !important; font-weight: 700; font-size: 13px; } header.second-style .navbar-nav > li a { color: #ffffff !important; } header.second-style .navbar-nav > li a:hover { color: #C10418 !important; } header.third-style .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; } .navbar-nav .megadropdown { display: none !important; } .navbar-default .navbar-collapse { max-height: 220px; overflow-y: scroll; overflow-x: hidden; } section.heading-news .heading-news-box > .image-post { display: none; } section.heading-news .heading-news-box .snd-size { width: 100%; } .latest-articles.iso-call { margin-left: 0; margin-right: 0; } .latest-articles.iso-call .news-post { width: 100%; margin: 0 0 30px; } .advertisement .tablet-advert, .sidebar .advertisement .tablet-advert { display: none; } .advertisement .mobile-advert, .sidebar .advertisement .mobile-advert { display: block; } .heading-news2 .heading-news-box > .news-post { display: none; } .heading-news2 .heading-news-box .image-slider.snd-size { width: 100%; } .bx-controls { display: none; } .slider-caption-box #bx-pager a { max-height: inherit; overflow: hidden; padding: 12px 15px; font-weight: 400; font-size: 13px; } .galery-box #bx-pager2 a { width: 86px; } header.fifth-style .navbar-header a.navbar-brand { padding: 20px 0; } section.big-slider .big-bxslider li .image-post2 .hover-box .inner-hover h2 { font-size: 20px; line-height: 26px; max-height: 52px; } section.big-slider .big-bxslider li .image-post2 .hover-box .inner-hover ul.post-tags { display: none; } .banner-quote-post { padding-left: 35px; padding-right: 35px; } .image-slider .image-post2 .hover-box h2 { font-size: 15px; line-height: 18px; max-height: 36px; } .single-post-box .title-post, .single-post-box .share-post-box { padding-left: 0; padding-right: 0; } .single-post-box .share-post-box ul.share-box li { margin-right: 0; } .single-wide .image-slider .news-post .hover-box .inner-hover { padding: 0 0 10px; } .single-wide .image-slider .news-post .hover-box .inner-hover h2 { margin-bottom: 0; } .single-wide .image-slider .news-post .hover-box .inner-hover ul.post-tags { display: none; } .error-banner h1, body.comming-soon-page #comming-soon-content form.subscribe h1 { font-size: 40px; } body.comming-soon-page #comming-soon-content form.subscribe input[type=text] { width: 350px; } body.comming-soon-page #comming-soon-content .logo-place { margin-bottom: 60px; } body.comming-soon-page #comming-soon-content .social-box { margin-top: 80px; } } @media (max-width: 650px) { ul.autor-list > li .autor-last-line a.autor-site { float: none; } ul.autor-list > li .autor-box img { float: none; margin-bottom: 20px; } ul.autor-list > li .autor-box .autor-content { margin-left: 0; } } @media (max-width: 500px) { .image-slider .image-post .hover-box .inner-hover h2 { font-size: 16px; line-height: 20px; } footer .categories-widget ul.category-list li { width: 100%; float: none; padding-left: 0 !important; } .heading-news2 .heading-news-box .image-slider.snd-size .image-post .hover-box .inner-hover h2 { font-size: 16px; line-height: 20px; } .image-post-slider .image-post2 ul.post-tags { display: none; } .image-post-slider .image-post2 .hover-box h2 { font-size: 13px; line-height: 18px; max-height: 36px; overflow: hidden; } .slider-caption-box #bx-pager { display: none; } .slider-caption-box div.slider-holder { width: 100% !important; float: none; } .galery-box #bx-pager2 { display: none; } section.big-slider .big-bxslider li .image-post2 .hover-box .inner-hover h2, .image-post2 .hover-box h2 { font-size: 15px; line-height: 18px; max-height: 36px; } .other-posts-box { padding: 0; } .very-large-post .post-gallery .group-image a { width: 100%; } .very-large-post .post-content .article-inpost img { width: 100%; float: none; margin-right: 0; } .very-large-post .post-content { padding: 0 10px 35px; } .banner-quote-post { padding-left: 15px; padding-right: 15px; } .banner-quote-post .quote p { font-size: 15px; } .very-large-post .post-gallery iframe, .large-post .post-gallery iframe, .single-post-box .post-gallery iframe { height: 240px; } .image-slider .image-post2 .hover-box ul.post-tags, .image-post2 .hover-box ul.post-tags, .contact-form-box .title-section span.email-not-published, .single-post-box .review-box .summary-box .summary-degree { display: none; } .single-post-box .about-more-autor .more-autor-posts .news-post { width: 100%; } .single-post-box .prev-next-posts .prev-post, .single-post-box .prev-next-posts .next-post { padding: 10px; } .single-post-box .about-more-autor .autor-box img, .forum-table div.table-row div.forum-post.comment-post img { float: none; margin: 0 auto; } .single-post-box .about-more-autor .autor-box .autor-content, .forum-table div.table-row div.forum-post.comment-post .post-autor-date { margin-left: 0; } .single-post-box .review-box .summary-box { padding-right: 20px; } .error-banner h1, body.comming-soon-page #comming-soon-content form.subscribe h1, body.comming-soon-page #comming-soon-content #clock .comming-part span { font-size: 30px; } body.comming-soon-page #comming-soon-content form.subscribe input[type=text] { width: 180px; } ul.autor-list > li .autor-box { padding: 10px; } ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social { float: none; display: block; clear: both; } } div.versions-box-choose { position: fixed; top: 208px; left: 0; width: 200px; background: #fff; border: 1px solid #e7e7e7; padding: 25px 20px; z-index: 999999; transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } div.versions-box-choose.closed { left: -200px; } div.versions-box-choose a.toogle-box { position: absolute; top: -1px; right: -50px; display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #fff; color: #222222; font-size: 20px; border: 1px solid #e7e7e7; } div.versions-box-choose h2 { color: #333333; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px; margin: 0 0 20px; text-transform: uppercase; border-bottom: 1px solid #e1e1e1; } div.versions-box-choose h2 span { display: inline-block; padding-bottom: 12px; margin-bottom: -1px; border-bottom: 1px solid #C10418; } ul.demo-list { padding: 0; margin: 0; } ul.demo-list li { display: block; margin-bottom: 14px; } ul.demo-list li:last-child { margin-bottom: 0; } ul.demo-list li a { display: inline-block; color: #333; font-size: 13px; font-family: 'Lato', sans-serif; text-decoration: none; font-weight: 700; position: relative; transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } ul.demo-list li a span { display: inline-block; background: #C10418; font-weight: 400; width: 80px; text-align: center; color: #fff; padding: 5px 10px; margin-right: 5px; transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } ul.demo-list li a:hover span { opacity: 0.7; } ul.demo-list li a.fashion span { background: #aa35d6; width: 80px; text-align: center; } ul.demo-list li a.sport span { background: #4c60f6; } ul.demo-list li a.tech span { background: #74b430; } ul.demo-list li a.design span { background: #f5d76e; color: #222; } ul.demo-list li a.travel span { background: #f58021; color: #fff; } ul.demo-list li a.dark span { background: #222; color: #fff; } ul.demo-list li a i { background: red; padding: 0px 4px 2px; font-size: 10px; color: #fff; position: absolute; top: 4px; right: -30px; }