/* Template Name: NewsFeed Template URI: http://www.wpfreeware.com/newsfeed-ultra-responsive-news-magazine-theme/ Author: WpFreeware Author URI: http://www.wpfreeware.com Description: A Pro bootstrap html5 css3 responsive news magazine website template Version: 1.0 License: GPL License URI: http://www.gnu.org/licenses/gpl-2.0.html */ body{} ul{padding:0; margin:0; list-style:none} a{text-decoration:none; color:#2f2f2f} a:hover{color:#646464; text-decoration:none} a:focus{outline:none; text-decoration:none} h1, h2, h3, h4, h5, h6{font-family:'Oswald',sans-serif} h2{line-height:23px} img{border:none} img:hover{opacity:0.75} .img-center{display:block; margin-left:auto; margin-right:auto; text-align:center} .img-right{display:block; margin-left:auto} .img-left{display:block; margin-right:auto} .yellow_bg{background-color:#ffd62c} .btn-yellow{background-color:#ffd62c; color:#fff} .btn-yellow:hover{background-color:#e1b70b; color:#fff} .limeblue_bg{background-color:#7dc34d} .blue_bg{background-color:#09c} .btn{border-radius:0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .btn:hover{} .btn-red{background-color:red; color:#fff} .btn-red:hover{background-color:#c40505; color:#fff} .btn-green{background-color:green; color:#fff} .btn-green:hover{background-color:#0ab20a; color:#fff} .btn-black{background-color:black; color:#fff} .btn-black:hover{background-color:#413a3a; color:#fff} .btn-orange{background-color:orange; color:#fff} .btn-orange:hover{background-color:#f09d05; color:#fff} .btn-blue{background-color:blue; color:#fff} .btn-blue:hover{background-color:#0707a2; color:#fff} .btn-lime{background-color:lime; color:#fff} .btn-lime:hover{background-color:#05ae05; color:#fff} .default-btn{background-color:#12a3df; color:#fff} .default-btn:hover{background-color:#0a8ec4; color:#fff} .btn-theme{background-color:#19DD89; color:#fff} .btn-theme:hover{background-color:#ce39cc; color:#fff} .transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} #preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999} #status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px} .scrollToTop{bottom:105px; display:none; font-size:32px; font-weight:bold; height:50px; position:fixed; right:75px; text-align:center; text-decoration:none; width:50px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none} #header{display:inline; float:left; width:100%; margin-top:20px} .header_top{background-color:#2c2c2c; display:inline; float:left; padding:0 30px; width:100%} .header_top_left{float:left; display:inline; width:50%} .top_nav{text-align:left} .top_nav li{display:inline-block} .top_nav li a{display:inline-block; border-right:1px solid #333; color:#fff; font-size:11px; font-weight:bold; padding:20px 15px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .top_nav li a:hover{background-color:#19DD89} .header_top_right{float:left; display:inline; width:50%; text-align:right} .header_top_right > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:20px; padding-right:8px; padding-top:20px} .header_bottom{background-color:#fff; display:inline; float:left; padding:15px 30px 15px; width:100%} .logo_area{display:inline; float:left; width:31%} .logo{font-size:45px; font-weight:bold; color:#000; font-family:'Varela',sans-serif} .logo img{max-width:100%; width:100%;} .logo img:hover{opacity:1} .logo > span{ margin-left:-14px} .add_banner{float:right; width:728px; height:90px} .add_banner img{width:100%; height:100%} #navArea{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff} .navbar{border:medium none; border-radius:0} .navbar-inverse .navbar-nav > li > a{border-left:1px solid #383838; color:#ddd; font-family:'Oswald',sans-serif; display:inline-block; height:50px; line-height:50px; padding:0 14px; text-shadow:0 1px 1px #000; text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .navbar-inverse .navbar-nav > li:first-child a{border:none} .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#fff} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff} .main-nav ul li a{} .navbar-collapse{ padding-left:0} .mobile-show{display:none} .desktop-home{display:block; font-size:30px; margin-top:10px} .dropdown-menu{background-color:#222} .dropdown-menu > li > a{clear:both; color:#ddd; background-color:#222; padding:10px 20px; font-family:'Oswald',sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff} #newsSection{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff; padding-bottom:20px} .latest_newsarea{float:left; display:inline; width:100%; background-color:#000; position:relative} .latest_newsarea span{ color:#fff; font-family:Oswald,sans-serif; font-size:15px; left:0; line-height:1.8em; margin-right:20px; overflow:hidden; padding:2px 18px 1px 19px; position:absolute; z-index:15} .social_area{ position:absolute; right:0; top:0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:31px} .social_nav{ text-align:right} .social_nav li{ display:block; float:left} .social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px} .social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac} .social_nav li.twitter a{ background-image:url("images/socials.png"); background-position:-30px -30px; background-size:270px 60px} .social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9} .social_nav li.flickr a{ background-image:url("images/socials.png"); background-position:-60px -30px; background-size:270px 60px} .social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e} .social_nav li.pinterest a{ background-image:url("images/socials.png"); background-position:-90px -30px; background-size:270px 60px} .social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027} .social_nav li.googleplus a{ background-image:url("images/socials.png"); background-position:-120px -30px; background-size:270px 60px} .social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e} .social_nav li.vimeo a{ background-image:url("images/socials.png"); background-position:-150px -30px; background-size:270px 60px} .social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24} .social_nav li.youtube a{ background-image:url("images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px} .social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114} .social_nav li.mail a{ background-image:url("images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px} .social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6} #sliderSection{background-color:#fff; display:inline; float:left; width:100%; padding:0 30px} .single_iteam{display:inline; float:left; position:relative; width:100%; height:448px} .single_iteam img{width:100%; height:100%} .single_iteam img:hover{opacity:1} .slider_article{ bottom:20px; left:0; position:absolute; right:0; padding:10px 15px} .slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; font-size:18px; padding:10px; display:inline-block} .slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block} .slick-prev:before{ content:""} .slick-prev{ background-image:url(images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px} .slick-next:before{ content:""} .slick-next{ background-image:url(images/slider_next.png); background-repeat:no-repeat; background-position:center; left:60px} .slick-prev, .slick-next{background-color:#000; top:10%; width:40px; height:40px} .slick-prev:hover, .slick-next:hover{opacity:0.5} .latest_post{float:left; display:inline; width:100%} .latest_post > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Oswald',sans-serif; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase} .latest_post > h2 span{padding:4px 10px} .latest_postnav{height:auto !important; margin-top:20px} .latest_postnav li{margin-bottom:10px; float:left; width:100%} .latest_post_container{display:inline; float:left; height:430px; position:relative; width:100%} .latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{display:block} #prev-button{cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; display:none} #next-button{cursor:pointer; display:none; font-size:20px; left:0; position:absolute; text-align:center; bottom:0; width:100%} #contentSection{float:left; display:inline; width:100%; background-color:#fff; padding:0px 0px 0 0px} .left_content{float:left; display:inline; width:100%} .single_post_content{float:left; display:inline; width:100%; margin-bottom:20px; background-color: white; border-radius: 5px; overflow: hidden;} .single_post_content > h2{background:none repeat scroll 0 0 #2ecc71; color:#fff; font-family:'Oswald',sans-serif; font-size:18px; font-weight:400; margin-bottom:0px; margin-left:0; margin-top:0px; padding:13px 0; position:relative; text-align:center; text-transform:uppercase; border-top-left-radius: 5px;border-top-right-radius: 5px;} .single_post_content > h2 span{padding:4px 10px; -webkit-transition: padding 0.5s; -moz-transition: padding 0.5s; transition: padding 0.5s} .single_post_content_left{float:left; display:inline; width:49%} .business_catgnav{} .business_catgnav li{float:left; display:block; width:100%} .bsbig_fig{width:100%} .bsbig_fig > a{display:block} .bsbig_fig > a img{width:100%; height: 200px; object-fit: cover;} .bsbig_fig figcaption{color:#333; font-family:"Oswald",sans-serif; font-size:23px; font-weight:300; margin-top:10px; margin-bottom:10px; padding: 0 18px; text-align: center;height: 3em;overflow: hidden;} .single_post_content_right{float:right; display:inline; width:48%} .right_content{float:left; display:inline; width:100%; min-height:300px} .spost_nav{padding: 15px 13px;} .spost_nav li{float:left; display:block; width:100%; margin-bottom:10px} .spost_nav .media-left{width:210px; height:90px} .media-left > img{height:130px; width:100%; object-fit: cover;} .spost_nav .media-body > a{font-family:"Oswald",sans-serif; font-size: large;} .spost_nav .media-body{width:75%;} .featured_img{position:relative} .overlay:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.4)} .overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .fashion_technology_area{display:inline; float:left; width:100%} .fashion{float:left; display:inline; width:48%} .technology{float:right; display:inline; width:48%} .photo_grid{position:relative; margin:0 auto; max-width:1000px; list-style:none; text-align:center} .photograph_nav{margin-left:-11px} .photograph_nav li{display:block; float:left; margin-left:9px; width:32%} .photo_grid figure{position:relative; float:left; overflow:hidden; margin:10px 1%; margin-top:0; height:150px; width:100%; background:#3085a3; text-align:center; cursor:pointer} .photo_grid figure img{position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:100% opacity:0.8} .photo_grid figure figcaption{padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden} .photo_grid figure figcaption::before, .photo_grid figure figcaption::after{pointer-events:none} .photo_grid figure figcaption{position:absolute; bottom:0; left:0; width:100%; height:100%} .photo_grid figure h2{word-spacing:-0.15em; font-weight:300} .photo_grid figure h2 span{font-weight:800} .photo_grid figure h2, .photo_grid figure a{margin:0} .photo_grid figcaption a{color:#fff; font-size:68.5%; letter-spacing:1px; display:block; margin-top:7px} figure.effect-layla img{height:390px} figure.effect-layla figcaption{padding:1.5em} figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute; content:''; opacity:0} figure.effect-layla figcaption::before{top:20px; right:15px; bottom:20px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0} figure.effect-layla figcaption::after{top:9px; right:25px; bottom:9px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0} figure.effect-layla h2{font-size:18px; padding-top:33%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s} figure.effect-layla a{ text-transform:none; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)} figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)} figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s} figure.effect-layla:hover img{opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1)} figure.effect-layla:hover h2{padding-top:26%} figure.effect-layla:hover h2, figure.effect-layla:hover a{opacity:1; -webkit-transform:translate3d(0,-35px,0); transform:translate3d(0,-35px,0)} figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover a, figure.effect-layla:hover img{-webkit-transition-delay:0.15s; transition-delay:0.15s} .single_sidebar{float:left; display:inline; width:100%; margin-bottom:20px; background-color: white; border-radius: 5px; min-height: 8em} .single_sidebar > h2{background:none repeat scroll 0 0 #2980b9; color:#fff; font-family:"Oswald",sans-serif; font-size:18px; font-weight:400; margin-bottom:0px; margin-left:0; margin-top:0px; padding:13px 0; position:relative; text-align:center; text-transform:uppercase; border-top-left-radius: 5px;border-top-right-radius: 5px;} .single_sidebar > h2 span{padding:4px 10px} .cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .cat-item a:hover{color:#fff; text-decoration:none !important} .tab-content{margin-top:10px} .nav-tabs{background:none repeat scroll 0 0 #333; border-bottom:none} .nav-tabs > li{margin-bottom:0} .nav-tabs > li > a{margin-right:0; color:#fff; font-size:15px; border-radius:0; border:none; font-family:"Oswald",sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff !important; border:none} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0; border-color:#ddd #ddd transparent; color:#fff} .vide_area{float:left; display:inline; width:100%} .sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px} .sideAdd > img{width:100%; height:100%} .single_sidebar ul li a{display:block; color: white} .single_sidebar .spost_nav li a{border-bottom:none; float:left} #footer{display:inline; float:left; width:100%; margin-bottom: 25px;} .footer_top{background-color:#252525; color:#ddd; display:inline; float:left; padding:10px 30px 48px; width:100%} .footer_widget{display:inline; float:left; width:100%; min-height:310px} .footer_widget > h2{border-bottom:3px solid #666; font-family:Oswald,arial,Georgia,serif; font-size:16px; padding:10px 0; text-transform:uppercase} .tag_nav{} .tag_nav li{} .tag_nav li a{border-bottom:1px solid #ddd; color:#ccc; display:block; padding:6px 6px 6px 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .tag_nav li a:hover{padding-left:10px} .footer_bottom{float:left; display:inline; width:100%; padding:10px 30px; background-color:#303030; color:#ccc} .copyright{width:50%; padding-top:5px; text-align:center; margin: auto;} .copyright a{color:#ccc} .developer{float:right; width:50%; text-align:right; padding-top:5px; color:#222} .developer a{color:#222} .catgArchive{border:medium none; color:#fff; display:inline; float:left; font-weight:bold; padding:10px 15px; width:100%; margin-top:15px} .catgArchive option{background-color:#fff; font-weight:normal; padding:5px; color:#19DD89} .nav-tabs > li{display:inline-block; float:none; width:32.55%} .nav-tabs{ text-align:center} .pagination > li > a, .pagination > li > span{background-color:#000; border:1px solid #000; color:#eee; margin-right:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .pagination > li > a:hover, .pagination > li > a:focus{background-color:#19DD89; color:#fff; border-color:#19DD89} .pagination > li:first-child > a, .pagination > li:first-child > span{border-bottom-left-radius:0; border-top-left-radius:0} .pagination > li:last-child > a, .pagination > li:last-child > span{border-bottom-right-radius:0; border-top-right-radius:0} .single_page{float:left; display:inline; width:100%; background-color: white; padding: 0 10px; border-radius: 5px;} .single_page > h1{color:#333; font-family:Oswald,arial,Georgia,serif; font-size:30px; line-height:1.4em; margin:10px 0 -10px; padding:0 0 4px; text-transform:uppercase} .post_commentbox{display:inline; float:left; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:20px; padding:5px 0px} .post_commentbox a, .post_commentbox span{color:#798992; font-size:11px; margin-right:5px} .post_commentbox a > i, .post_commentbox span > i{margin-right:5px} .breadcrumb{background-color:#303030; border-radius:0} .breadcrumb li a{color:#fff} .single_page_content{display:inline; float:left; padding-top:20px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px} .single_page_content > img{max-width:100%; width:320px; height:213px; margin-bottom:15px} .single_page_content ul{position:relative; padding-left:25px} .single_page_content ul li{line-height:25px} .single_page_content ul li:before{content:""; height:5px; left:5px; position:absolute; width:9px; margin-top:8px} .single_page_content ul li:hover{opacity:0.75} .single_page_content h2{line-height:35px} .single_page_content h3{line-height:30px} .single_page_content h4{line-height:25px} .single_page_content h4{line-height:20px} .social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%} .sociallink_nav{text-align:center} .sociallink_nav li{display:inline-block} .sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .sociallink_nav li a:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)} .sociallink_nav li a:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)} .sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px} .sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee} .sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39} .sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8} .sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228} .related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px} .related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px} .related_post > h2 i{font-size:25px} .related_post .spost_nav li{width:32%; margin-right:10px} .related_post .spost_nav li:last-child{margin-right:0} .nav-slit a{position:fixed; top:50%; display:block; outline:none; text-align:left; z-index:1000; -webkit-transform:translateY(-50%); transform:translateY(-50%)} .nav-slit a.prev{left:0} .nav-slit a.next{right:0} .nav-slit .icon-wrap{position:relative; display:block; padding:45px 5px} .nav-slit .icon-wrap i{color:#fff; font-size:40px; display:inline-block} .nav-slit div{position:absolute; top:0; width:200px; height:100%; background-color:#939a9f; -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px} .nav-slit a.prev div{left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%)} .nav-slit a.next div{right:0; text-align:right; -webkit-transform:translateX(100%); transform:translateX(100%)} .nav-slit h3{position:absolute; top:100%; margin:0; padding:0 20px; height:30%; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:500; font-size:0.75em; line-height:2.75; width:200px; text-align:left; overflow:hidden; padding-top:4px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webki-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden} .nav-slit img{left:0; position:absolute; top:0; width:100%; width:200px; height:130px} .nav-slit a:hover div{-webkit-transform:translateX(0); transform:translateX(0)} .nav-slit a:hover h3{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotateX(0deg); transform:rotateX(0deg)} .error_page{float:left; display:inline; width:100%; text-align:center} .error_page > h3{text-transform:uppercase} .error_page > h1{font-size:110px} .error_page > p{font-size:15px; margin:0 auto; width:80%; margin-bottom:40px} .error_page > span{display:inline-block; height:2px; text-align:center; width:100px} .error_page > a{color:#fff; display:inline-block; padding:5px 10px} .error_page > a:hover{opacity:0.75} .contact_area{float:left; display:inline; width:100%; margin-bottom:30px} .contact_area > h2{color:#fff; display:inline-block; font-size:20px; padding:7px 10px 5px; text-transform:uppercase; margin-bottom:30px} .contact_area > p{margin-bottom:20px} .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea{border-radius:0; margin-bottom:30px} .contact_form input[type="submit"]{border:medium none; color:#fff; height:35px; padding:5px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s} .contact_form input[type="submit"]:hover{border:1px solid #19DD89} /*Tambahanku*/ /*Halaman Home*/ #navbar{ box-shadow: 1px 7px 2px -8px #162B35; background-color: white; padding: 10px 8%; /*min-height: 5em;*/ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #navbar.shrink{ box-shadow: 1px 7px 12px -8px #162B35; padding: 0px 8%; min-height: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } #tabs-1 > .row > .col-md-2 > .list-group-item{ margin-bottom: 5% !important; margin-top: 5%; } /*Accordion Arsip*/ .tree { height:23em; overflow-y:auto; padding:10px 0px 10px 15px; margin-bottom:20px; margin-top: -5px; background-color:#fbfbfb; border:1px solid #999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05) } .tree li { list-style-type:none; margin:0; padding:10px 5px 0 5px; position:relative } .tree li::before, .tree li::after { content:''; left:-20px; position:absolute; right:auto } .tree li::before { border-left:1px solid #999; bottom:50px; height:100%; top:0; width:1px } .tree li::after { border-top:1px solid #999; height:20px; top:25px; width:25px } .tree li span { -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999; border-radius:5px; display:inline-block; padding:3px 8px; text-decoration:none } .tree li.parent_li>span { cursor:pointer } .tree>ul>li::before, .tree>ul>li::after { top:25px; } .tree>ul>li:last-child::before { height: 0px; } .tree li:last-child::before { height:30px } .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span { background:#eee; border:1px solid #94a0b4; color:#000 } .tree ul{ padding: 0; margin: 0 0 0px 25px; } /*end arsip */ .marginlr10 { margin-left: 6%; margin-right: 6%; } #ini-artikel { margin: 0 5em; } @media(max-width: 400px){ #ini-artikel { margin: 0 5vh; } } #ini-carousel { margin-top: 50px; } .daftar-kategori { display: flex; overflow-x:auto; } .img-incarousel { width: 100%; height: 85vh !important; object-fit: cover; } .mini-carousel{ padding-left: 0; padding-right: 0; margin-bottom: 35px; } .carousel-caption{ top:70%; } #carousel-example-generic > .carousel-inner{ height: 85vh; } /*carousel news*/ #small-carousel-news > .carousel-inner { height: 18em; } #small-carousel-news > .carousel-indicators { bottom: 0; } .img-newscarousel { width: 100%; height: 18em !important; object-fit: cover; } #small-carousel-news > .carousel-inner > .item > .carousel-caption { top: unset; bottom: 0; } #small-carousel-news > .carousel-inner > .item > .carousel-caption > a { color: white; } /*carousel grafis*/ #small-carousel-grafis > .carousel-inner { height: 18em; } #small-carousel-grafis > .carousel-indicators { bottom: 0; } .img-grafiscarousel { width: 100%; height: 18em !important; object-fit: cover; } #small-carousel-grafis > .carousel-inner > .item > .carousel-caption { top: unset; bottom: 0; } .btn-outline-secondary{ position: absolute; } .navbar-brand{ font-family: "Lucida Console", Times, serif; font-size: 35px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .col-md-6 > .single_post_content{ min-height: 36em; } .btn-ijo{ color: white; background-color: #2ecc71; border-color: #2ecc71; } .btn-transparent-green{ background-color: transparent; border: solid 2px #2ecc71; color: #2ecc71; transition: all 0.2s ease; width: 50%; margin: 0 auto; border-radius: 25px; } .btn-transparent-green:hover{ background-color: #2ecc71; color: white; } .pagination > li > a{ background-color: transparent; color: #534b4b; border: 1px solid #36c521; } .pagination > .active > a{ background-color: #36c521; border-color: #36c521; } .single_page_content table tr td img { width: 14em !important; object-fit: contain; } .navbar-default .navbar-nav > .active > a{ background-color: transparent; } .img-arrow{ width: 9%; margin: 16% auto; } .single_sidebar ul { background-color: #2980b9; } .single_sidebar ul li{ padding: 2% 5px; background: -webkit-linear-gradient#69b7ea, #2980b9); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#69b7ea, #2980b9); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#69b7ea, #2980b9); background: linear-gradient(#69b7ea, #2980b9); } .single_sidebar ul li:hover{ background: -webkit-linear-gradient(#c1dff3, #7bb7de); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#c1dff3, #7bb7de); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#c1dff3, #7bb7de); background: linear-gradient(#c1dff3, #7bb7de); } .single_sidebar ul li a:hover{ color: white; font-weight: 700; } .cuplikan{ padding: 0 18px; } #run-text{ position: fixed; bottom: 0px; background-color: #0b2f46; color: white; width: 100%; height:25px; font-size: 15px; z-index: 999; } #detail-posting img{ width: 100%; } @media(min-width: 767px){ .navbar-brand{ padding: 25px 25%; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-radius: 10px; border: 1px solid #2980b9; color: #2980b9; } .navbar-brand.move { padding: 14px 27%; } .main_nav{ float: left; } } .jumbo{ width: 100%; margin: 0 0 25px 0; } #itemlist1{ padding-left: 10px; margin-bottom: 0; } .single_post_content > h2 span:hover{ padding: 10px 16px; } .pagination li{ float: none; display: inline; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #3face0; } .img-galeri-slide{ width:100%; height: 160px !important; object-fit:cover; } .gambar-bawah img{ width: 11vw; } .footer_bottom > .col-md-4 > .table { margin-bottom: 0; } .footer_bottom > .col-md-4 > .table >tbody>tr>td{ padding: 0; } #agenda tr>th{ text-align: center; } .img-footer{ width: 4em; margin: 5px; } .text-agenda{ background-color: #d9ecd7; padding: 4px; } /*halaman buku tamu*/ .btn-tamu{ margin: 18px 0; border-radius: 5px; } .form-horizontal .control-label{ text-align:left; } /*end of tambahanku*/ @media(max-width:1199px ){.logo_area{width:34%}.add_banner{width:580px}.nav-tabs > li{width:32.3%}.photograph_nav li{width:31.5%} @media(max-width:991px ){.add_banner{display:none}.logo_area{width:100%}.nav > li > a{padding:8px 8px}.latest_post_container{height:380px;overflow:hidden}#next-button{bottom:-2px}.single_iteam{height:415px}.photograph_nav li{width:47.7%}.related_post .spost_nav li{width:100%}.nav-tabs > li{width:31.9%}.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}} @media(max-width:767px ){.navbar-collapse{padding-left:15px}.mobile-show{display:block}.desktop-home{display:none}.navbar-inverse .navbar-nav > li > a{display:block}.header_top_left{width:100%}.header_top_right > p{display:none}.social_area{display:none}.single_iteam a{height:100%}.single_iteam a > img{height:100%}.error_page > a{margin-bottom:25px}.nav-tabs > li{width:32.6%} .col-md-6 > .single_post_content{min-height: 41em;}.cuplikan{padding: 0 18px;height: 12em;overflow: hidden;} @media(max-width:480px ){.top_nav{text-align:center}.single_post_content_left{width:100%}.single_post_content_right{width:100%}.fashion{width:100%}.technology{width:100%}.copyright{text-align:center;width:100%}.developer{text-align:center;width:100%}.single_iteam{height:300px}.photo_grid figure{height:200px}.photograph_nav li{width:100%;margin-left:0}.nav > li > a{padding:8px 12px}.nav-tabs > li{width:32.6%}} @media(max-width:360px ){.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}.single_iteam{height:210px}.slider_article > p{display:none}.error_page > span{width:80px}.nav-tabs > li{width:32.3%}.pagination > li > a,.pagination > li > span{padding:4px 8px}} @media(max-width:320px ){.sociallink_nav li a{padding:5px 10px}.sociallink_nav li:nth-child(1) > a{padding:5px 13px}.nav-tabs > li{width:32.1%}}