/*виджет*/ .bx-livechat-form-short { max-height: 100%!important; } @font-face { font-family: 'PTSansRegular'; src: url('../fonts/PTSans/PTS55F_W.eot'); src: url('../fonts/PTSans/PTS55F_W.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans/PTS55F_W.woff') format('woff'), url('../fonts/PTSans/PTS55F_W.ttf') format('truetype'), url('../fonts/PTSans/PTS55F_W.svg#PTSans-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansItalic'; src: url('../fonts/PTSans/PTS56F_W.eot'); src: url('../fonts/PTSans/PTS56F_W.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans/PTS56F_W.woff') format('woff'), url('../fonts/PTSans/PTS56F_W.ttf') format('truetype'), url('../fonts/PTSans/PTS56F_W.svg#PTSans-Italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansBold'; src: url('../fonts/PTSans/PTS75F_W.eot'); src: url('../fonts/PTSans/PTS75F_W.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans/PTS75F_W.woff') format('woff'), url('../fonts/PTSans/PTS75F_W.ttf') format('truetype'), url('../fonts/PTSans/PTS75F_W.svg#PTSans-Bold') format('svg'); font-weight: normal; font-style: normal; } /* Theme Name: Flatnews Theme URI: http://flatnews.pltheme.com Author: Mr Phuong Author URI: http://pltheme.com/ Description: Flatnews - Flexible Magazine HTML Theme */ /*Frameworks*/ /*TEMPLATE FRAMEWORKS*/ * {margin:0;padding:0;word-wrap:break-word;} body { max-width: 100%; overflow-x: hidden!important } body * { font-size: 15px; line-height: 20px; font-family: 'PTSansRegular'; } strong { font-family: 'PTSansBold'; } img {height:auto; max-width:100%;} object, iframe, section {max-width: 100%!important} a img {border: none;} iframe, object {max-width: 100%;} .item-thumbnail { overflow: hidden; display: block; z-index:9; } .moduleItemIntrotext .item-thumbnail { /*max-height: 183px;*/ max-height: 130px; } .item-thumbnail *, .item-thumbnail img { width: 100%; display:block; padding: 0!important; } .hide{ display:none; line-height:0 } .clear{ clear:both; float:none; line-height:0 } .ib{ display:inline-block; zoom:1; *display:inline; } .oh{overflow:hidden; position:relative} .ti{text-indent:-999px;font-size:0;line-height:0} .br4{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ease { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .ease * { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .table { display: table; width:100%; } .tr {display: table-row;width:100%;height: 100%;} .td { display: table-cell; vertical-align: middle; line-height:5px; } .right {float:right;} .left {float:left;} .upper {text-transform: uppercase;} .lower {text-transform: lowercase;} .sticky, .gallery-caption {} .bypostauthor {} ul { margin: 14px 0; padding: 0 0 0 40px; } ul li{ /*list-style:none;*/ } h1, h2, h3,h4,h5,h6{ font-family: 'PTSansRegular'; } h2, .page-ttl { font-size: 26px; margin: 0 0 20px 0; } p { margin-bottom: 15px; } /*Layout*/ .wide { width: 1080px; margin: auto; } .wrapper { background: #fff; } .wrapper2 { background: #eceef3; margin: 0 0 40px 0; padding: 20px 0 0 0; } body { background-color: #fff; } body { font-variant: normal; font-size: 16px; background-attachment:fixed; background-position:center; font-family: Arial; } a { text-decoration: none; color:#ab2328; } a:hover { text-decoration: underline; filter: alpha(opacity=70); opacity: 0.8; } /*Widget cover*/ #flexible-home-layout-section .widget { margin: 0 0 30px 0; } #flexible-home-layout-section .widget .title { background: black; padding: 10px; color: white; } .widget ul li { margin: 10px 0 0 0; padding: 10px 0 0 15px; border-top: 1px solid #EEE; display: block; background: url(../images/li-arrow.png) no-repeat 0 13px; } .side .widget ul li:first-child, #flexible-home-layout-section .widget ul li:first-child { border-top: none; margin-top: 0; } .side .widget li ul li:first-child, #flexible-home-layout-section .widget li ul li:first-child { margin: 10px 0 0 0; border-top: 1px solid #EEE; } .widget.widget_social_icons_widget ul li { margin: 0; padding: 0; border: none; background: none; } .widget.widget_tag_cloud .widget-title { margin-bottom: 5px; } .widget form { overflow: hidden; } .widget form *{ max-width: 100%; } .widget select { display: block; width: 100%; margin: 10px 0 0 0; background: #f8f8f8; padding: 10px; border: 1px solid #ccc; } #footer-section .widget select { background: #f0f0f0; } .widget.widget_search form { width: 100%; } .widget.widget_search form input#search-text { width: 100%; background: #F8F8F8; color: #666; } #footer-section .widget.widget_search form input#search-text { background: #f0f0f0; } .widget.widget_calendar table { width: 100%; background: #f8f8f8; padding: 10px; } #footer-section .widget.widget_calendar table { background: #f0f0f0; } .widget.widget_calendar table tbody tr td { text-align: center; } .widget.widget_calendar table tbody tr td#today { background: #eee; } #footer-section .widget.widget_calendar table tbody tr td#today { background: #ccc; } .widget.widget_calendar table caption { background: #f0f0f0; padding: 10px; text-transform: uppercase; color: #999; } #footer-section .widget.widget_calendar table caption { background: #E8E8E8; } .widget.widget_calendar table tfoot a { font-family: 'PTSansBold'; font-size: 12px; } #post-footer-section .widget { margin: 0 0 20px 0; } #post-footer-section .widget.widget_related_post_widget ul li { border: none; background: none; padding: 0; margin-top: 0; } #post-footer-section .widget.widget_related_post_widget ul li.item-0, #post-footer-section .widget.widget_related_post_widget ul li.item-3, #post-footer-section .widget.widget_related_post_widget ul li.item-6, #post-footer-section .widget.widget_related_post_widget ul li.item-9 { clear: left; } /*HEADER*/ /*Header line 1*/ /*-- page list*/ .header-line-1 { background: #FFF; padding: 10px 0; } #top-page-list { float: left; } #top-page-list ul li { float: left; list-style: none; padding: 10px 0 0 0; } #top-page-list ul li a { text-transform: uppercase; font-size: 10px; margin: 0 0 0 20px; } #top-page-list ul li.current-menu-item a { color: #ccc; } #top-page-list ul li a:hover { text-decoration: underline; } #top-page-list .sub-menu { background: #f8f8f8; position: absolute; z-index: 9999; min-width: 150px; left: 100%; display: none; } #top-page-list .sub-menu a { margin: 0; display: block; float: none; clear: both; padding: 5px; } #top-page-list .sub-menu li { padding: 0; margin: 0; float: none; display: block; } #top-page-list .sub-menu li:hover a { background: #f0f0f0; } #top-page-list > div > ul > li > .sub-menu { left: 20px; } #top-page-list .sub-menu .sub-menu { top: 0; } #top-page-list li:hover > .sub-menu { display: block; } /*-- social list*/ #social-list-top { float: right; } ul.social-link-list { margin: 0; padding: 0; } ul.social-link-list li { list-style: none; float: left; } ul.social-link-list li a { display: block; width: 31px; height: 30px; margin: 5px 20px 5px 0; } ul.social-link-list li a:hover{ opacity: 1;} ul.social-link-list li a.item-facebook{background: url(../images/n_ico1.png) no-repeat 0 0;} ul.social-link-list li a.item-twitter{background: url(../images/n_ico2.png) no-repeat 0 0;} ul.social-link-list li a.item-vk{background: url(../images/n_ico3.png) no-repeat 0 0;} ul.social-link-list li a.item-instagram{background: url(../images/n_ico4.png) no-repeat 0 0;} ul.social-link-list li a.item-ok{background: url(../images/n_ico5.png) no-repeat 0 0;} ul.social-link-list li a.item-youtube{background: url(../images/n_ico6.png) no-repeat 0 0;} ul.social-link-list li a.item-facebook:hover{background-position: 0 -31px;} ul.social-link-list li a.item-twitter:hover{background-position: 0 -30px;} ul.social-link-list li a.item-vk:hover{background-position: 0 -30px;} ul.social-link-list li a.item-instagram:hover{background-position: 0 -30px;} ul.social-link-list li a.item-ok:hover{background-position: 0 -30px;} ul.social-link-list li a.item-youtube:hover{background-position: 0 -30px;} /*Search form*/ #searchform { float: right; } #search-text, #mod-search-searchword { width: 200px; border: solid 1px #9a9a9a; height: 30px; line-height: 30px; padding: 0 5px; margin: 5px 0 5px 20px; color: #000; outline: none; } .button_search { width: 28px; height: 28px; line-height: 28px; background: #fff; border: 0; color: #9a9a9a; position: absolute; top: 6px; right: 1px; cursor: pointer; outline: none; } .login { height: 30px; line-height: 30px; background: url(../images/lk.png) no-repeat 0px center; color: #fff; font-size: 14px; margin: 5px 0 0 10px; padding: 0 20px 0 40px; float: right; } .online_button { float: left; } .online_button a { height: 30px; line-height: 30px; display: inline-block; color: #000; font-size: 14px; text-decoration: underline; margin: 5px 30px 5px 0; padding: 0 0 0 40px; } .online_button a:hover { color: #af2e37; } .online_button a.play { background: url(../images/play.png) no-repeat 0 center; } .online_button a.connect { background: url(../images/connect.png) no-repeat 0 center; } .online_button a.oplata { background: url(../images/oplataRUB2.png) no-repeat 0 center; } .feedback_button a { color: #fff; text-decoration: none; user-select: none; background: rgb(171, 35, 40); padding: .7em 1.5em; outline: none; } .feedback_button a { color: #fff; text-decoration: none; user-select: none; background: rgb(171, 35, 40); padding: .7em 1.5em; outline: none; } .feedback_button .feedback { position: relative; left: -.75rem; display: inline-block; padding: .375rem .75rem; } .feedback_button .button_text { position: relative; left: -1.5rem; display: inline-block; padding: .375rem .75rem; } .feedback_button a:hover { background: rgb(51, 51, 51); } /*HEADER LINE 2*/ .header-line-2 { width: 100%; height: 165px; background: #ab2328; position: relative; overflow: hidden; } .inner .header-line-2 { width: 100%; height: 165px; background: #ab2328; position: relative; overflow: hidden; } .logo { width: 200px !important; height: 165px; background: #ab2328; float: left; position: relative; z-index: 1 } .inner .logo { height: 165px; } .logo a:hover { opacity: 1; } .logo img { width: 110px; height:auto; margin: 10px 0 0 0 !important; /* margin: 70px 0 0 0;*/ } .inner .logo img { width: 100px; margin: 18.5px 0 0 0 !important; } .phone{ width: 17%; padding-top:2%; float: left; position: relative; min-width: 255px; } .phone img { float:left; margin-right:5px; } .phone a { display: block; margin-top:3px; margin-bottom: 3px; font-size: 28px; color: #fff; text-decoration: none; } .phone span { display: block; margin-bottom: 3px; color: #fff; text-align:right; padding-right:10px; font-size: 16px; text-decoration: none; } #triangle-right { width: 0; height: 0; border-top: 0 solid transparent; border-left: 90px solid #ab2328; border-bottom: 550px solid transparent; position: absolute; top: 0; right: -90px; } .slider { /*width: 1217px;*/ width: 100%; height: 100%; position: absolute; top: 0; right: 0; overflow: hidden; z-index: 0; } #my_slider, .my_slider { width: 100%; height: 100%; overflow: hidden; position: relative; list-style: none outside none; padding: 0; margin: 0; } #my_slider li { position: absolute; top: 0px; right: 0px; display: none; } .inner .my_slider li { position: absolute; top: -280px; right: 0px; opacity: 0; } #my_slider li:first-child { display: block; } #my_slider li img, .my_slider li img { height: 100%; } /* HEADER LINE 3 */ #drop-down-menu { background: #fff; height: 50px; font-size:16px; z-index: 999; } #drop-down-menu .menu-main-menu-container { clear: both; } #drop-down-menu li { display: block; float: left; position: relative; } #drop-down-menu ul { padding: 0; margin: 0; } #drop-down-menu ul ul { position: absolute; display: none; } #drop-down-menu > div > ul > li > a{ color: #333; height: 50px; line-height: 50px; display: block; font-size: 16px; padding: 0 20px; } #drop-down-menu li.home a { width: 17px; background: url(../images/home.png) no-repeat left center; text-indent: -9999px; margin: 0 20px 0 0; padding: 0; overflow: hidden; } #drop-down-menu li.home:hover a, #drop-down-menu li.home.active a { background-position: right center; } #drop-down-menu ul > li:hover > a, #drop-down-menu ul > li.active > a { color: #ab2328; } #drop-down-menu ul li:hover > ul { display: block; } #drop-down-menu ul ul li a { display: block; background: #ab2328; width: 200px; padding: 10px 20px; color: #fff; font-size: 16px; } #drop-down-menu ul ul li a:hover{ background: #fff; color: #333; text-decoration: none; opacity: 1; } #drop-down-menu .selectnav{ color: #D12F2F; } .chzn-container-single .chzn-single{ height:40px; line-height:40px; background:none; border-radius:0px; } #drop-down-menu #selectnav2_chzn li{ float:none; } #drop-down-menu #selectnav2_chzn , #drop-down-menu .chzn-single { color: #D12F2F; } /*Break news section (ticker)*/ .news-box.break { height: 50px; background: #eee; padding:0px; overflow: hidden; } .news-box.break p { line-height: 50px; color: #000; } .news-box.break p img { margin: 10px 30px 10px 0; } .news-box.break p a { text-decoration: underline; } .news-box.break ul { /* that's your list */ list-style-type: none; margin: 0; padding: 0; float: left; width: 9999px; left: 100%; position:relative; } .news-box.break ul li { float: left; margin: 0; padding: 0; } /* PRIMARY ####### */ .primary { /*background: #FFF;*/ padding: 20px 0; padding-bottom:0px; } .main { float: left; width: 720px; margin: 0 20px 25px 0; min-height: 10px; } .side { float: left; width: 340px; } .news-box-content ul { margin: 0; padding: 0; } .news-box-content ul li { list-style: none; } .news-box-content h3 { display: block; margin: 0 0 -6px 0; padding: 8px 0; overflow: hidden; float: left; } .news-box-content h3 span { background-color: #ab2328; color: white; padding: 0 10px; text-transform: uppercase; font-size: 28px; font-weight: normal; } .news-box-content .moduleItemIntrotext hr { height: 1px; color: #fff; background-color: #fff; border: none; margin: 10px 0; } .hot-new-important .news-box-content .moduleItemIntrotext .vidoe_news { width: 100%; height: auto; float: left; position: relative; overflow: hidden; } .hot-new-important .news-box-content .moduleItemIntrotext .introtext-content { width: 100%; height: auto; background: #ab2328; color: #fff; padding: 20px 15px; float: left; box-sizing: border-box; } .news-box-content .moduleItemIntrotext .vidoe_news { width: 60%; height: 285px; float: left; position: relative; overflow: hidden; } .news-box-content .moduleItemIntrotext .vidoe_news #aboutvideo { width: 100%; /*max-width: 100%;*/ } .news-box-content .moduleItemIntrotext .introtext-content { width: 40%; height: 285px; background: #ab2328; color: #fff; padding: 20px 15px; float: left; box-sizing: border-box; } .news-box-content .moduleItemIntrotext .introtext-content .moduleItemTitle { color: #fff; font-size: 24px; line-height: 24px; } .news-box-content .comments-date { display: block; line-height: 20px; background: #EEE; padding: 9px 20px; } .wrapper2 .news-box-content .comments-date { background: #fff; } .comments-date .left { width: 60%; float: left; } .moduleItemComments, .moduleItemDateCreated, .moduleItemTag { height: 20px; font-size: 14px; line-height: 20px; color: black; vertical-align: super; background-repeat: no-repeat; padding: 0 0 0 14px; margin: 0 10px 0 0; filter: alpha(opacity=40); opacity: 0.4; vertical-align: middle; background-position: 0 4px; } .published { border: none; text-decoration: none; } .moduleItemComments, .moduleItemDateCreated { background-image: url(../images/meta-icons.png); } .moduleItemDateCreated { background-position: 0 -37px; } .moduleItemDateCreated { white-space: nowrap; } .moduleItemTag { padding: 0; } .comments-date .right { width: 40%; float: right; } .comments-date .right a { color: #999999; text-decoration: underline; } .science .comments-date .left { width: 50%; } .science ul, .business ul, .projects ul { margin: 0; padding: 0; } .science ul li, .business ul li, .projects ul li { list-style: none; } .post-archive-body .thumbnail, .post-archive-body .item-thumbnail { width: 100px; height: 100px; overflow: hidden; border:0; } .post-archive-body .thumbnail { float: left; margin: 5px 20px 50px 0; z-index: 99; } .post-archive-body h2.post-title { font-size: 24px; font-weight: normal; margin-bottom: 0; } .post-archive-body h2.post-title a { font-size: 24px; line-height: 24px; } .post-wrapper .post-archive-body .meta > div.post-info { margin: 10px 0; } .post-wrapper .meta .post-info { max-width: 100%; z-index: 9; } .post-wrapper .meta .post-info > a:hover { text-decoration: underline; } .post-wrapper .meta > div { margin: 10px 5px 5px 0; } .post-wrapper .meta .comment, .post-wrapper .meta .date { z-index: 9; } #home-layout .label-layout .meta a, .feed-data .meta a, .related-post .meta a, .post-wrapper .meta .comment, .post-wrapper .meta .tags, .post-wrapper .meta .date { display: inline-block; background-image: url(../images/meta-icons.png); height: 18px; font-size: 14px; line-height: 18px; color: black; vertical-align: middle; background-repeat: no-repeat; padding: 0 0 0 14px; margin: 0 10px 0 0; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; background-position: 0 4px; } .post-info .author { display: block; height: 18px; font-size: 14px; line-height: 18px; color: black; vertical-align: middle; background-repeat: no-repeat; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; background-position: 0 -76px; } .post-wrapper .meta .post-info > div a { color: #333; } .post-wrapper .meta > div a:hover { text-decoration: none; opacity: 1; } #home-layout .label-layout .meta a.date, .feed-data .meta a.date, .post-wrapper .meta div.date, .related-post .meta a.date { background-position: 0 -37px; } .post-wrapper { margin-bottom: 40px; } .paginations { float: left; width: 100%; margin: 20px 0; padding: 20px 0; border: 1px solid #eee; border-left: none; border-right: none; } .paginations > span { background: #f8f8f8; display: inline-block; padding: 0 10px; font: normal normal 20px Oswald; font-size: 16px; border: 1px solid #EEE; margin: 0 5px 0 0; } .paginations > span.current { color: #ab2328; } .related-post .item { float: left; width: 230px; height: 250px; margin-left: 15px; margin-top: 10px; } .related-post .item h3{ margin: 10px 0 10px 0; } .related-post .item a { color: #000; } .related-post .item-first { margin-left: 0; } .related-post .item .item-thumbnail, .related-post .item .thumbnail { width: 230px; height: 125px; overflow: hidden; } .item-thumbnail { overflow: hidden; display: block; } .related-post .item .item-thumbnail, .related-post .item .thumbnail { width: 230px; height: 125px; overflow: hidden; } .related-post .item .meta.meta-1 { float: left; margin-top: 5px; } .projects-section .title { float: left; padding: 0; } .projects-section .item { margin-bottom: 15px; } /* Tabs */ #tabs { border: 1px solid #ccc; position: relative; } #tabs .tabs { border-bottom: 1px solid #ccc; margin: 0; padding: 0; overflow: hidden; } #tabs .tabs li { width: 25%; text-align: center; list-style: none; float: left; box-sizing: border-box; } #tabs .tabs li + li { border-left: 1px solid #ccc; } #tabs .tabs li a { line-height: 21px; display: block; color: #000; font-size: 16px; padding: 8px 16px; } #tabs .tabs li a span { font-size: 16px; text-transform: uppercase; } #tabs .tabs li a.active, #tabs .tabs li a:hover { color: #ab2328; font-family: 'PTSansBold'; text-decoration: none; } #tabs .tabs-content { padding: 20px; font-size: 16px; line-height: 21px; } #tabs .tabs li#prev, #tabs .tabs li#next { width: 50px; height: 59px; border: none; position: absolute; top: 0; z-index: 9; cursor: pointer; display: none; } #tabs .tabs li#prev { background: #ab2328 url(../images/prev.png) no-repeat center center; background-size: 20%; left: 0; } #tabs .tabs li#next { background: #ab2328 url(../images/next.png) no-repeat center center; background-size: 20%; right: 0; } .program_tv { width: 100%; border-top: solid 1px #ab2328; } .program_tv td { border-bottom: solid 1px #ab2328; padding: 20px; } .program_tv td:first-child, .program_tv td:last-child { text-align: center; } .program_tv tr.last td { filter: alpha(opacity=50); opacity: .5; } .program_tv tr.active td { font-family: 'PTSansBold'; } .program_tv tr.active td:last-child { background: #ab2328; color: #fff; padding: 0; } #figure { height: 58px; line-height: 58px; background: #ab2328; display: block; font-size: 17px; font-family: 'PTSansBold'; padding: 0 15px 0 10px; position: relative; } #figure:before { content: " "; width: 0; height: 0; right: 100%; top: 0; position: absolute; border-top: 29px solid transparent; border-right: 20px solid #ab2328; border-bottom: 29px solid transparent } /*FLEXIBLE HOME LAYOUT*/ /*commons*/ #flexible-home-layout-section .news-box { margin: 0 0 20px 0; } #flexible-home-layout-section .news-box.sport, #flexible-home-layout-section .news-box.science { margin-bottom:30px; } #flexible-home-layout-section .three.sport { padding-top: 0px; } #flexible-home-layout-section .news-box ul.content, #flexible-home-layout-section .news-box ul.content li.item { list-style: none; } #flexible-home-layout-section .news-box .snippet { line-height: 1.5em; } #flexible-home-layout-section .news-box h2.title { font-weight: normal; font-size: 18px; text-transform: uppercase; } #flexible-home-layout-section .news-box h2.title a { color: white; padding: 0 10px; } #flexible-home-layout-section .news-box h3.title { font-size: 20px; font-weight: normal; line-height: 1.3em; } #flexible-home-layout-section .news-box h3.title a:hover { filter: alpha(opacity=60); opacity: 0.6; } #flexible-home-layout-section .news-box .meta a, .related-post .meta a, .post-header .meta > *, .widget_feed_data_widget .item .meta a, .meta-post-archive > * , .related-news .meta a { display: inline-block; background-image: url(../images/meta-icons.png); height: 12px; font-size: 12px; line-height:12px; color: black; vertical-align: super; background-repeat: no-repeat; padding: 0 0 0 14px; margin: 0 10px 0 0; filter: alpha(opacity=40); opacity: 0.4; *display:inline; } #flexible-home-layout-section .news-box .meta a:hover, .post-wrapper .meta > div:hover, .related-post .meta a:hover, .related-news .meta a:hover{ filter: alpha(opacity=100); opacity: 1; } #flexible-home-layout-section .news-box .meta a.date, .post-wrapper .meta div.date, .related-post .meta a.date, .widget_feed_data_widget .item .meta a.date, .meta-post-archive .date, .related-news .meta .date { background-position: 0 -37px; } .post-wrapper .meta div.tags { background-position: 0 -20px; } #flexible-home-layout-section .news-box.hot, #flexible-home-layout-section .news-box.three, #flexible-home-layout-section .news-box.combine, #flexible-home-layout-section .news-box.slider, #flexible-home-layout-section .news-box.dark { clear: both; } #flexible-home-layout-section .news-box .item .item-thumbnail { background: #333; } /*HOT layout*/ #flexible-home-layout-section .news-box.hot .item-first { width: 420px; float:left; } #flexible-home-layout-section .news-box.hot .item-first .item-thumbnail { width: 420px; height: 250px; } #flexible-home-layout-section .news-box.hot .item-first h3.title { margin: 20px; } #flexible-home-layout-section .news-box.hot .item-first h3.title a { color: white; font-size: 30px; line-height: 1.3em; } #flexible-home-layout-section .news-box.hot .item-first .snippet { margin: 0 20px; font-size: 14px; color: white; filter: alpha(opacity=80); opacity: 0.8; min-height: 130px; border-top: 1px solid white; padding: 20px 0 0 0; } #flexible-home-layout-section .news-box.hot .item-first .meta { background: #EEE; padding: 10px 20px 0 20px; } #flexible-home-layout-section .news-box.hot .item-other { float: right; width: 280px; border-top: 1px solid #eee; padding-top: 20px; } #flexible-home-layout-section .news-box.hot .item-other .item-thumbnail { width: 280px; height: 160px; } #flexible-home-layout-section .news-box.hot .item-other h3.title { margin: 10px 0 15px 0; } #flexible-home-layout-section .news-box.hot .item-other h3.title a{ color: black; font-size: 20px; } #flexible-home-layout-section .news-box.hot .item-other .meta { margin: 0 0 10px 0; } #flexible-home-layout-section .news-box.hot .item-1 { padding-top: 0; border-top: none; } /*THREE columns layout*/ #flexible-home-layout-section .news-box.three .item { float: left; width: 230px; margin-left: 15px; margin-bottom: 15px; } #flexible-home-layout-section .news-box.three .item-0, #flexible-home-layout-section .news-box.three .item-3, #flexible-home-layout-section .news-box.three .item-6 { clear: left; margin-left: 0; } #flexible-home-layout-section .news-box.three .item .item-thumbnail { width: 230px; height: 125px; } #flexible-home-layout-section .news-box.three .meta { margin: 10px 0 0 0; } #flexible-home-layout-section .news-box.three .snippet { font-size: 12px; color: #666; margin: 10px 0; } /*DARK layout*/ #flexible-home-layout-section .news-box.dark .item { padding: 20px; background: #F0F0F0; margin: 0 0 1px 0; } #flexible-home-layout-section .news-box.dark .item-thumbnail { width: 70px; height: 70px; float: left; margin: 0 15px 0 0; z-index: 2; } #flexible-home-layout-section .news-box.dark .meta { margin: 10px 0 0 0; } /*TWO columns layout*/ #flexible-home-layout-section .news-box.two .item-first { float: left; width: 350px; margin: 0 20px 0 0; } #flexible-home-layout-section .news-box.two .item.item-other .meta, #flexible-home-layout-section .news-box.left-col .item.item-other .meta, #flexible-home-layout-section .news-box.right-col .item.item-other .meta, #flexible-home-layout-section .news-box.combine .item.item-other .meta { margin: 8px 0 0 80px; } #flexible-home-layout-section .news-box.two .item.item-other h3.title, #flexible-home-layout-section .news-box.left-col .item.item-other h3.title, #flexible-home-layout-section .news-box.right-col .item.item-other h3.title, #flexible-home-layout-section .news-box.combine .item.item-other h3.title { margin: 0 0 0 80px; } #flexible-home-layout-section .news-box.two .item-first .meta, #flexible-home-layout-section .news-box.left-col .item-first .meta, #flexible-home-layout-section .news-box.right-col .item-first .meta, #flexible-home-layout-section .news-box.combine .item-first .meta { margin: 10px 0 0 0; } #flexible-home-layout-section .news-box.two .item-first h3.title { margin: 15px 0; } #flexible-home-layout-section .news-box.two .item-first h3.title a { font-size: 26px; line-height: 1.3em; } #flexible-home-layout-section .news-box.two .item-other h3.title { font-size: 18px; } #flexible-home-layout-section .news-box.two .item-other h3.title a { color: black; } #flexible-home-layout-section .news-box.two .item-first .snippet { font-size: 14px; display: block; margin: 0; } #flexible-home-layout-section .news-box.two .item-other { float: left; width: 350px; margin: 10px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #eee; } #flexible-home-layout-section .news-box.two .item-1 { border: none; margin: 0; padding: 0 } #flexible-home-layout-section .news-box.two .item-first .item-thumbnail { width: 350px; height: 230px; } #flexible-home-layout-section .news-box.two .item-other .item-thumbnail { width: 70px; height: 70px; float: left; } /*ONE columns layout*/ #flexible-home-layout-section .news-box.left-col { float: left; width: 350px; } #flexible-home-layout-section .news-box.right-col { float: right; width: 350px; } #flexible-home-layout-section .news-box.left-col .item-first .item-thumbnail, #flexible-home-layout-section .news-box.right-col .item-first .item-thumbnail { width: 350px; height: 230px; margin: 0 0 10px 0; } #flexible-home-layout-section .news-box.left-col .item-first h3.title, #flexible-home-layout-section .news-box.right-col .item-first h3.title { font-size: 26px; margin: 10px 0 15px 0; } #flexible-home-layout-section .news-box.left-col .item-first .snippet, #flexible-home-layout-section .news-box.right-col .item-first .snippet { font-size: 14px; margin: 0 0 15px 0; } #flexible-home-layout-section .news-box.left-col .item-other, #flexible-home-layout-section .news-box.right-col .item-other { padding: 15px 0 0 0; border-top: 1px solid #eee; margin: 0 0 15px 0; } #flexible-home-layout-section .news-box.left-col .item-other .item-thumbnail, #flexible-home-layout-section .news-box.right-col .item-other .item-thumbnail { width: 70px; height: 70px; float: left; } #flexible-home-layout-section .news-box.left-col .item-other h3.title, #flexible-home-layout-section .news-box.right-col .item-other h3.title { margin: 0 0 5px 0; } #flexible-home-layout-section .news-box.left-col .item-other h3.title a, #flexible-home-layout-section .news-box.right-col .item-other h3.title a { color:black; } /*SLIDER layout*/ #flexible-home-layout-section .news-box.slider .outer { position: relative; overflow: hidden; } #flexible-home-layout-section .news-box.slider .outer li { list-style: none; } #flexible-home-layout-section .news-box.slider .outer ul li { float: left; } #flexible-home-layout-section .news-box.slider .item-thumbnail { width: 720px; height: 300px; z-index: 0; } #flexible-home-layout-section .news-box.slider .outer ul { margin: 0; padding: 0; } #flexible-home-layout-section .news-box.slider h3.title { position:absolute; top: 35%; left: 0; text-align: center; font-size: 30px; width: 90%; margin: 0 5%; } #flexible-home-layout-section .news-box.slider h3.title a{ color: white; text-shadow: 3px 3px 3px #000; } #flexible-home-layout-section .news-box.slider h3.title a:hover{ filter: alpha(opacity=100); opacity: 1; } #flexible-home-layout-section .news-box.slider ol.dots { position: absolute; left: 0; bottom: 10px; width: 100%; padding: 0; margin: 0; text-align: center; } #flexible-home-layout-section .news-box.slider .dots li { cursor: pointer; background: white; display: inline-block; margin: 0 5px; padding: 0 5px; border: 1px solid #000; filter: alpha(opacity=60); opacity: 0.6; font-size: 11px; font-family: 'PTSansBold'; *display:inline; } #flexible-home-layout-section .news-box.slider .dots li.active { filter: alpha(opacity=100); opacity: 1; color: white; border-color: white; } #flexible-home-layout-section .news-box.slider .dots li:hover { filter: alpha(opacity=100); opacity: 1; } /*COMBINE layout*/ #flexible-home-layout-section .news-box.combine .item.item-3, #flexible-home-layout-section .news-box.combine .item.item-5, #flexible-home-layout-section .news-box.combine .item.item-7, #flexible-home-layout-section .news-box.combine .item.item-9, #flexible-home-layout-section .news-box.combine .item.item-11{ clear: left; } #flexible-home-layout-section .news-box.combine .item.item-first .item-thumbnail { width: 350px; height: 250px; float: left; margin: 0 20px 0 0; } #flexible-home-layout-section .news-box.combine .item.item-first .meta { float: left; width: 350px; margin: 10px 0 0 0; } #flexible-home-layout-section .news-box.combine .item.item-first .snippet { float: left; width: 350px; margin: 0; } #flexible-home-layout-section .news-box.combine .item.item-first h3.title { font-size: 26px; } #flexible-home-layout-section .news-box.combine .item.item-other .item-thumbnail { width: 70px; height: 70px; float: left; } #flexible-home-layout-section .news-box.combine .item.item-other { float: left; width: 360px; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #eee; } #flexible-home-layout-section .news-box.combine .item.item-other h3.title a{ color: black; } #flexible-home-layout-section .news-box.combine .item.item-first{ clear: both; margin: 0 0 5px 0; } /*POST CONTENT*/ h1.post-title { font-size: 32px; font-weight: normal; line-height: 1.3em; } .post-feature-image { float: left; background: #f8f8f8; padding: 5px; border: 1px solid #eee; margin: 0 10px 10px 0; line-height: 0; } .post-feature-image img { max-width: 300px; height: auto!important; } .post-body { line-height: 1.5em; } .post-body p { margin: 1em 0; } .post-body .post-summary p { font-family: 'PTSansBold'; } .post-header .meta.post-meta { line-height: 0; margin: 15px 0 0 0; border-bottom: 1px solid #eee; padding: 0 0 15px 0; } .post-header .meta a{ color: #333; } .post-header .meta .cate { background-position: 0 -20px; } .post-header .meta .date { background-position: 0 -40px; } .meta > *:hover { filter: alpha(opacity=100)!important; opacity: 1!important; } /*post format*/ .post-body img { max-width: 100%!important; } .post-body img.alignleft { float: left; margin: 0 10px 10px 0; } .post-body blockquote { margin: 15px 0 20px 0; padding: 5px 20px; background: #F0F0F0; font-style: italic; border-top-width: 6px; border-top-style: solid; line-height: 2; font-size: 14px; color: #333; } .post-body div.aligncenter { margin: auto; } .post-body .wp-caption { text-align: center; } .post-body .wp-caption .wp-caption-text { margin: 0 0 1em 0; font-size: 12px; color: #666; font-style: italic; } .post-body .alignleft { float: left; border-right: 15px solid #FFF; } .post-body .alignleft img { float: left; padding: inherit; } .post-body .alignright { float: right; border-left: 15px solid #FFF; } .alignnone { margin: auto; display: block;/*Update v1.1*/ } .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { padding: 7px 0 0 0; margin: 0 0 10px 0; } .post-body ul, .post-body ol { padding: 0 0 0 40px; font-size: 14px; } .post-body * {/*Update version 1.1*/ max-width: 100%; } /*post apps*/ .post-header .meta .post-apps { position: absolute; right: 0; width: 16em; top: 0px; background: none!important; font-size: 16px; filter: alpha(opacity=100); opacity: 1; display:block!important; margin: 0; padding: 0; } .post-apps a { filter: alpha(opacity=100); opacity: 1; } .post-apps * { line-height: 12px; } .post-apps a { color: black; font-size:16px; text-transform: uppercase; } .post-apps a.zoom-text { float: right; } .post-apps .addthis_toolbox { float: right; width: 75%; } .post-apps a.addthis_button_print span { margin: -1px 6px 0 0; } .post-apps a.addthis_button_email span { margin: -2px 5px 0 10px; } .post-apps a.addthis_button_print { background: #f8f8f8; padding: 5px; margin: -10px 0 0 0; float: right; } .post-apps a.addthis_button_email { background: #f0f0f0; padding: 5px 5px 6px 0; margin: -10px 0 0 0; float: right; } .zoom-out-text { background: #f8f8f8; padding: 5px 5px 8px 5px; margin: -10px 0 0 0; } .zoom-in-text { background: #f0f0f0; padding: 5px 5px 8px 5px; margin: -10px 0 0 0; } .author-image { float: left; z-index: 9; } .author-image img { margin-right: 15px; } .author-info h4 { margin: 0; padding: 0; font-weight: normal; text-transform: uppercase; font-size: 20px; } .author-info h4 a { } .author-info p { margin: 5px 0 10px 0; font-size: 14px; color: #666; line-height: 1.4em; } .post-author { border-top: 1px solid #EEE; padding: 20px 0 0 0; } .post-author h3.author-title { text-transform: uppercase; font-weight: normal; font-size: 20px; } .author-image a { line-height: 0; } .author-connect a.author-social { display: block; float: left; width: 18px; height: 18px; margin-right: 10px; background-image: url(images/author-box-social-icons.png); filter: alpha(opacity=40); opacity: 0.4; } .author-connect a.author-social:hover { filter: alpha(opacity=100); opacity: 1; } .author-social.website {background-position: 0 -210px} .author-social.facebook {background-position: -13px 0;} .author-social.twitter {background-position: 0 -58px;} .author-social.gplus {background-position: 0 -30px} .author-social.instagram {background-position: 0 -90px} .author-social.pinterest {background-position: 2px -150px;} .author-social.youtube {background-position: 0 -180px} .author-social.rss {background-position: 0 -120px} /*ARCHIVE PAGES*/ .archive-thumbnail { width: 300px; height: 200px; float: left; } h2.archive-post-title { font-size: 24px; font-weight: normal; margin: 0 0 0 320px; line-height: 1.3em; } .post-body-archive { line-height: 1.3em; color: #666; margin: 0 0 0 320px; } .post-body-archive .snippet { margin: 0; } .meta-post-archive { margin: 10px 0 0 320px; } .archive-inner { padding: 0 0 20px 0; border-bottom: 1px solid #eee; margin: 0 0 20px 0; } .meta.meta-post-archive .cate { background-position: 0 -20px; } .tags { padding: 10px 0 15px 0; border-top: 1px solid #EEE; border-left: none; border-right: none; margin: 20px 0; z-index: 999; } .tags > * { float: left; } .tags span.label { font-size: 20px; text-transform: uppercase; } .tags ul li { float: left; list-style: none; } .tags ul li a { margin: 0 0 0 10px; background: #f8f8f8; border: 1px solid #EEE; padding: 3px; color: #999; font-style: italic; } .tags ul li a:hover { color: white; background: black; } .tags ul { margin: 0; padding: 0; } /*SIDE*/ .side h2.widget-title { text-transform: uppercase; font-weight: normal; font-size: 18px; border-bottom: 4px solid #333; } .side h2.widget-title span.active { background: #333; color: #FFF; } .side h2.widget-title span { background: #F0F0F0; margin: 0 3px 0 0; padding: 0 10px; } .side .widget { margin: 0 0 20px 0; } .widget_feed_data_widget .item .meta { margin: 10px 0 0 80px; } .widget_feed_data_widget .item { margin: auto; padding: 10px 0; border-top: 1px solid #eee; } .widget_feed_data_widget .item .item-thumbnail { width: 70px; height: 70px; float: left; margin: 0 0 0 0; } .widget_feed_data_widget .item .title { font-weight: normal; font-size: 16px; line-height: 1.3em; margin: 0 0 0 80px; } .widget_feed_data_widget .item-nothumb .title { margin: 0; } .widget_feed_data_widget .item-nothumb .meta { margin: 10px 0 0 0; } #right-side-tab .widget, #right-side-tab .widget h2.widget-title { display: none; } #right-side-tab h2.widget-title span { cursor: pointer; } #right-side-tab .widget.tab-active { display: block; } .recent-comment-item .comment-avatar { display: block; float: left; z-index: 10; overflow: hidden; } .recent-comment-item .body { margin: 0 0 0 80px; font-size: 14px; line-height: 1.5em; } .recent-comment-item.item-nothumb .body { margin: 0; } .recent-comment-item .body .comment-name { font-family: 'PTSansBold'; } .recent-comment-item .body span { color: #999; } .recent-comment-item .body .comment-post-name { font-style: italic; } .recent-comment-item .body a:hover { text-decoration: underline; } /*FOOTER*/ #bottom-ads { max-width: 728px; margin: 0 auto 41px auto; text-align: center; } #bottom-ads iframe { margin: auto; } #copyright { background: #333; padding: 30px 0; font-size: 12px; color: #ccc; /*text-align: center;*/ } #copyright .wide { padding: 0 20px; box-sizing: border-box; } #copyright p { margin-bottom: 5px; } #copyright p.imp { color: #c60d14; margin-top: 20px; } #copyright a { color: #fff; font-size: 12px; } #copyright .right { margin-top: 45px; } #copyright .right > div { margin-left: 20px; float: left; } #footer-section { background: #F8F8F8; padding: 40px 0 0 0; } #footer-section .widget { display: inline-block; vertical-align: top; width: 20%; margin: 0 0 40px 4%; *display:inline; } #footer-section .widget-title { font-size: 16px; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; } .tagcloud a { margin: 0 5px 6px 0; float: left; padding: 5px; filter: alpha(opacity=100); opacity: 1; color: white; font-size: 16px!important; } .tagcloud a:hover { background: black; } .widget .menu li { margin: 10px 0 0 0; padding: 10px 0 0 15px; border-top: 1px solid #EEE; display: block; background: url(../images/li-arrow.png) no-repeat 0 13px; } #footer-section .flickr_badge_image img { width: 72px!important; } .side .flickr_badge_image img { width: 75px!important; } .flickr_badge_image img { float: left; height: auto; } .flickr_badge_image a:hover { filter: alpha(opacity=60); opacity: 0.6; } /*JUMP TOP*/ a.scrollup { z-index:2; background: #444 url(../images/jump-top-arrow.png) no-repeat center center; width:40px; height:40px; text-indent:-99999px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; position:fixed; bottom:-100px; right:10px; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; overflow:auto; opacity:.7; } a.scrollup:hover{ filter: alpha(opacity=100); opacity: 1; } /*SHARING TOOLS*/ .share-post .title { float: left; padding: 0 10px 0 0; } .share-post .addthis_toolbox { padding: 4px 0 0 0; } .share-post .addthis_toolbox .addthis_button_tweet { width: 85px; } .share-post .addthis_toolbox .addthis_button_facebook_like { width: 80px; } .share-post .addthis_toolbox .addthis_button_google_plusone { width: 65px; } .share-post .addthis_button_facebook_like iframe.fb_iframe_widget_lift { max-width: none!important; } .share-post { padding: 10px 0 5px 0; border: 1px solid #eee; border-left: none; border-right: none; margin: 20px 0 10px 0; z-index: 999; } .feedback-post { padding: 10px 0 5px 0; margin: 20px 0 10px 0; z-index: 999; } /*RELATED POSTS*/ #post-footer-section .widget .widget-title , .share-post .title{ font-weight: normal; text-transform: uppercase; font-size: 20px; } .related-news ul, .related-news li { display: block; list-style: none; } .related-news .item-thumbnail { width: 230px; height: 125px; } .related-news .item { float: left; width: 230px; margin-left: 15px; margin-top: 10px; } .related-news .item-0, .related-news .item-3, .related-news .item-6 { margin-left: 0; } .related-news h3.title { font-size: 19px; font-weight: normal; line-height: 1.3em; } .related-news .meta { margin-top: 10px; } /*PAGINATION*/ .page-numbers { font-size: 16px; display: inline-block; border: 1px solid #EEE; padding: 0 10px; margin: 0 5px 0; *display:inline; } .page-numbers:hover { background: #EEE; } .paginations.item_pagination { width: 100%; margin: 0 0 20px 0; padding: 20px 0; border: 1px solid #EEE; border-left: none; border-right: none; } .paginations .item { float: right; text-align: right; width: 50% } .paginations .item:first-child { float: left; text-align: left; } .paginations .item span { font-size: 10px; color: #CCC; text-transform: uppercase; display: block; } .paginations .item a { display: block; font-size: 16px; } .paginations .item a:hover { text-decoration: underline; } /*SCROLL BAR*/ ::-webkit-scrollbar { width:8px; height:8px; } ::-webkit-scrollbar-track { background:#FFF; -webkit-box-shadow:inset 1px 1px 2px #E0E0E0; border:1px solid #D8D8D8; } ::-webkit-scrollbar-thumb { -webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4); } ::-webkit-scrollbar-thumb:hover { -webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3); } ::-webkit-scrollbar-thumb:active { background:#888; -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3); } /*COMMENT*/ #reply-title { padding: 0 0 5px 0; letter-spacing: 0.15em; color: gray; margin: 0 0 15px 0; border-bottom: 5px solid #f0f0f0; float: left; font-weight: normal; text-transform: uppercase; font-size: 20px; } #reply-title small { float: right; } #reply-title a { display: block; margin-top: -1.7em; font-size: 12px; margin-left: 10px; } /*comment list design*/ .comments ol, .comments ul { list-style-type: none; padding: 0; text-align: left; } .comments .comment-block { background: #FFF; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 1px 3px 0 #B5B5B5; -moz-box-shadow: 0 1px 3px 0 #b5b5b5; -webkit-box-shadow: 0 1px 3px 0 #B5B5B5; position: relative; padding: 10px; margin-left: 25px; } .comments .avatar-image-container { overflow: hidden; width: 45px; height: 45px; margin: 15px 10px 10px 0; background: #FFF; padding: 2px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 0 3px #B5B5B5; -moz-box-shadow: 0 0 3px #b5b5b5; -webkit-box-shadow: 0 0 3px #B5B5B5; float: left; z-index: 9; position: relative; max-width: 100px; max-height: 100px; } .comments .avatar-image-container img { max-width: 100%; width: 100%; } .comments .comment-author-name { font-family: 'PTSansBold'; font-style: italic; display: block; margin: 12px 0 0 0; } .comments .comments-content .datetime { display: block; font-size: 11px; } .comment-actions { position: absolute; bottom: 0; right: 0; background: #DDD; text-shadow: 0 1px 1px #FFF; font-size: 11px; } .comment-actions:hover { background: #333; text-shadow: 0 1px 1px #000; } .comment-actions:hover a { color: white; } .comment-actions .comment-reply-link { padding: 3px 10px; display: block; } #comments li.comment { margin: 0 0 20px; } #comments ul.children { margin: 20px 0 0 50px; } #comments .datetime { font-size: 12px; font-style: italic; display: block; margin: 7px 0; filter: alpha(opacity=60); opacity: 0.6; } #comments .datetime a { color: #666; } #comments .comment-content { margin: 0 0 0 24px; } #comments li #respond { margin: 20px 0 0 26px; } /*Comment form*/ #respond { margin: 20px 0 30px 0; } #respond .must-log-in { clear: both; } #respond p { margin: 0 0 30px 0; } #respond form { font-size: 18px; clear: both; } #respond form label, #respond form small { display: block; cursor: pointer; } #respond form p.comment-form-author, #respond form p.comment-form-email { float: left; width: 48%; } #respond form p.comment-form-author { margin-right: 4%; } #respond form p.comment-form-url { width: 100%; clear: both; } #respond #author, #respond #email { margin-top: 10px; width: 92%; padding: 10px 4%; } #respond #url { width: 96%; display: block; padding: 10px 2%; } #respond form input[type=text], #respond form input[type=email], #respond form input[type=url], #respond form textarea, #respond form select, input[type=text].styled,s input[type=email].styled, input[type=url].styled, textarea.styled { font: inherit; line-height: 1.5em; background: #f7f7f7; color: gray; margin-top: 10px; -webkit-transition: background, 0.35s; -ms-transition: background, 0.35s; -o-transition: background, 0.35s; -transition: background, 0.35s; transition: background, 0.35s; border: 1px solid #EEE; border-left: none; border-right: none; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; box-shadow: 0px 0px 2px #ccc; border-top: none; } #respond form input[type=text]:focus, #respond form input[type=email]:focus, #respond form input[type=url]:focus, #respond form textarea:focus, input[type=text].styled:focus, input[type=email].styled:focus, input[type=url].styled:focus, textarea.styled:focus { background: #e9e9e9; outline: none; } #respond form input[type=text]:invalid, #respond form input[type=email]:invalid, #respond form input[type=url]:invalid, #respond form textarea:invalid, input[type=text].styled:invalid, input[type=email].styled:invalid, input[type=url].styled:invalid, textarea.styled:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #respond form textarea { width: 96%; /*height: 150px;*/ padding: 10px 2%; } #respond form #submit, #submit.styled { text-decoration: none; -webkit-transition: background, 0.35s; -ms-transition: background, 0.35s; -o-transition: background, 0.35s; -transition: background, 0.35s; transition: background, 0.35s; padding: 30px; color: white; border: 2px solid #f8f8f8; letter-spacing: 0.1em; text-transform: uppercase; -webkit-appearance: none; font-weight: 700; width: 100%; display: block; border-top: none; border-left: none; cursor: pointer; } #respond form #submit:hover, #respond form #submit:focus, #submit.styled:hover, #submit.styled:focus { background: black; } #respond form .comment-notes { font-size: 16px; color: #cccccc; margin: 0 0 20px 0; } #comment-form-title { margin: 0 0 15px; } .comments-logged-in-as, .logged-in-as { font-size: 12px; color: #b3b3b3; letter-spacing: 1px; } #allowed_tags { margin: 20px 10px 10px 0; } .nocomments { margin: 0 20px 20px; } /*NOT FOUND PAGES*/ .desc-404 { text-align: center; font-size: 30px; margin: 30px 0 0 0; } body.search-no-results p.no-results { text-align: center; font-size: 20px; margin: 20px; font-style: italic; color: #666; } body.error404 #main, body.page #main { width: auto; float: none; margin: 0; padding: 0; } body.error404 #main { text-align: center; } .img-404 { color: #CCC; font-size: 150px; text-align: center; } .error404 #main #searchform, .search-no-results #main #searchform { max-width: 100%; width: 320px; margin: 10px auto 30px auto; float: none; } .error404 #main #searchform #search-text, .search-no-results #main #searchform #search-text { width: 90%; padding: 10px 5%; background: #f8f8f8; color: black; font-size: 20px; } a.home-from-none { text-align: center; font-size: 30px; text-transform: uppercase; border: none; margin: 0 0 50px 0; display: block; } a.home-from-none:hover { text-decoration: underline; } .search input::-webkit-input-placeholder {color:#d7d7d7;} .search input::-moz-placeholder {color:#d7d7d7;} .search input:-moz-placeholder {color:#d7d7d7;} .search input:-ms-input-placeholder {color:#d7d7d7;} /*CONTACT FORM*/ #contact-form .label { font-size: 14px; font-weight: normal; vertical-align: top; } #contact-form input { background: #f8f8f8; border: 1px solid #eee; padding: 5px 10px; margin: 0 0 20px 10px; } #contact-form #message_input { background: #f8f8f8; border: 1px solid #eee; padding: 5px 10px; width: 300px; height: 100px; margin: 0 0 0 10px; } #contact-form { margin: 20px 0; } #contact-form .show-all a { text-transform: uppercase; color: white; padding: 10px 20px; margin: 0 0 0 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #contact-form .show-all a:hover { background: black; } .contact-success { background: aliceblue; color: #008000; padding: 10px 30px; font-style: italic; margin: 10px 0; } #footer .counter * { line-height: 0; } /* RESPONSIVE */ /* ############### */ .selectnav {display:none;} @media screen and (max-width: 1079px) { .main { margin: 0 0 25px; } .main #content { margin: 0 10px !important; } ul.social-link-list li a { margin: 5px 0 5px 20px; } .blog-title img { height: 100px; position: relative; top: auto; left: auto; float: left; } .vert_line { width: 1px; height: 54px; background: #5c5c5c; display: inline-block; margin: 0 60px 0 50px; } .sublinks li { width: 100%; float: none; } #res-menu-1, #res-menu-2 {display: none;} .selectnav {display:block;} .wrapper, .wrapper2 { width: 100%; margin: 0 auto; } .wide { width: 760px; } #selectnav1 { margin: 0; font-size: 20px!important; background: transparent; border: none; padding: 5px 5px; width: 100%; height: 50px; outline: none; } #selectnav1 option { font-size: 20px; } #drop-down-menu .menu-main-menu-container {float: none;} #selectnav2 { font-size: 20px!important; background: transparent; border: none; font-size: 10px; padding: 5px 5px; width: 100%; height: 50px; } #main { width: 100%; clear: both; float: none; } .side { width: 100%; float: none; clear: both; margin: 40px 0 0 0; } #right-side-bottom .widget { width: 380px; float: left; margin: 0 60px 0 0; height: 100% } .side-info-blocks.well { } #footer-section .widget { display: inline-block; vertical-align: top; width: 35%; margin: 0 5% 30px 6%; *display: inline; } } @media screen and (max-width: 759px) { .online_button { float: none; text-align: center; } .header-line-2 { height: auto; } .logo { width: 100%; height: auto; float:none; text-align: center; } .logo a { display: block; } .logo img { width: 100px; margin: 10px 0 !important; } .phone{ width: 100%; text-align: center; } .phone img { float:left; padding-left: 10px !important; } .phone a { display: block; margin-top:3px; margin-bottom: 3px; font-size: 28px; color: #fff; text-decoration: none; } .phone span { display: block; margin-bottom: 3px; color: #fff; text-align:right; padding-right:10px; font-size: 16px; text-decoration: none; } .slider { display: none; } .widget { max-width: 100%!important; overflow: hidden!important; } .adsbygoogle, .adsbygoogle *, .adsbygoogle iframe { overflow: hidden!important; max-width: 100%!important; position: static!important; } .scrollup {z-index: 999} .wrapper, .wrapper2 {width: 390px;} #selectnav1 { clear: both; width: 100%!important; float: none; margin: 0 0 10px 0!important; padding: 0; } #top-page-list, #social-list-top, .header-line-1 #searchform, .header-line-1 #searchform #search-text { position: static; float: none; clear: both; width: 100%; margin: auto; padding: 0; } #top-page-list { width: auto; padding: 5px 5px 0 5px; } .header-line-1 #searchform #search-text { width: 90%!important; padding: 0 5%!important; margin-bottom: 0!important; } .header-line-1 #searchform #search-text { margin: 10px 0 15px 0 } #social-list-top { text-align: center; margin-bottom: 4px; } #social-list-top li, #social-list-top a, #social-list-top div, #social-list-top ul { display: inline-block; *display: inline; } #flexible-home-layout-section .news-box .item, #flexible-home-layout-section .news-box .item-first .item-thumbnail, #flexible-home-layout-section .news-box.slider .item .item-thumbnail { width: 100%; } #flexible-home-layout-section .news-box.hot .item, #flexible-home-layout-section .news-box.hot .item .item-thumbnail, #flexible-home-layout-section .news-box.three .item, #flexible-home-layout-section .news-box.two .item-first .item-thumbnail, #flexible-home-layout-section .news-box.left-col .item-first .item-thumbnail, #flexible-home-layout-section .news-box.right-col .item-first .item-thumbnail, #flexible-home-layout-section .news-box.combine .item-first .item-thumbnail { width: 100%!important; } #flexible-home-layout-section .news-box .item-thumbnail img{ min-width: 100%; min-height: 100%; } #flexible-home-layout-section .news-box.hot .item-first { margin: 0 0 20px 0 } #flexible-home-layout-section .news-box.three .item .item-thumbnail, #flexible-home-layout-section .news-box.three .item .item-thumbnail img { width: 100%!important; } #flexible-home-layout-section .news-box.three .item .item-thumbnail img { min-height: 125px; } #flexible-home-layout-section .news-box.three .item { margin: 0 0 20px 0; } #flexible-home-layout-section .news-box.dark .item-thumbnail { width: 70px!important; } #flexible-home-layout-section .news-box.dark .item { width: auto!important; } #flexible-home-layout-section .news-box.two .item-first { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #eee; } .side .widget, .side .section { width: 100%!important; } .banner.has-dots { width: 100%!important; } #footer-section { padding: 30px 20px; margin-top: 30px; } #footer-section .widget{ width: 100%!important; margin: 10px 0; } #main { max-width: 100%; } .post-apps { position: static!important; clear: both; float: none; text-align: left; margin: 15px 0 0 0!important; width: 100%!important; padding: 0!important; } .post-apps a.zoom-text { float: left; } .post-apps .addthis_toolbox { float: left; } .post-apps a.addthis_button_print { float: left; } .post-apps a.addthis_button_email { float:left; } .paginations .item { display: block; clear: both; text-align: center!important; width: 100%!important; float: none; position: static!important; margin: 0 0 10px 0; } #flexible-home-layout-section .news-box.combine .item.item-first h3.title, #flexible-home-layout-section .news-box.combine .item.item-other .meta { float: none; width: auto; clear: both; } #flexible-home-layout-section .news-box.combine .item.item-first h3.title { padding: 10px 0 0 0; } .side h2 { font-size: 90%; } p, div { max-width: 100%; } .archive-inner .item-thumbnail { width: 100%; float: none; } .post-title.archive-post-title { float: none; margin: 0; } .meta.meta-post-archive { float: none; margin: 10px 0; } .post-body.post-body-archive { margin: 0; } .post-feature-image { float: none; margin: 10px auto; width: auto; } .post-feature-image img { width: 100%!important; height: auto!important; } .news-box.three.related-news .item { width: 100%; float: none; margin: 0 auto 40px auto!important; text-align: center; } .news-box.three.related-news .item .item-thumbnail { width: 100%; } .news-box.three.related-news .item h3.title { padding: 0; } } @media screen and (max-width: 599px) { #wpadminbar { top: -46px; } } @media screen and (max-width: 389px) { .phone a { font-size: 18px; text-align: left; } #footer-section { padding: 20px 10px; } .wrapper, .item, .widget, .section, #main, .side, .news-box { max-width: 100%; margin-left: auto!important; margin-right: auto!important; } .comments-date .right { /* 1 */ /*float: left; width: 100%; margin-left: -19px; margin-top: 10px;*/ width: 50%; } .news-box.hot-new-important .comments-date .right { width: 100% !important; } } /*PRINT*/ @media print { .header-line-1, #header-ads, .header-line-3, .side, .share-post, #post-footer-section, .paginations.item_pagination, #comments, #respond , #bottom-ads, #footer { display: none; } .header-line-2.table { width: 100%; display: block!important; background: none; } .header-line-2.table .tr { display: block!important; width: 100%; } .header-line-2.table .td { display: block!important; width: 100%; } .blog-title { max-width: 100%; padding: 20px 0; } .blog-title a { color: black; } #main { width: 100%; float: none; } .post-header .meta .post-apps { display: none!important; } .post-header .meta.post-meta .comment { display: none; } .post-header .meta.post-meta .cate, .post-header .meta.post-meta .date { padding: 0; } .wide { width: 90%; margin: 50px 3% 50px 7%; } } /*.header-line-2, #drop-down-menu > div > ul > li:hover > a, #drop-down-menu ul.sub-menu li a:hover, #flexible-home-layout-section .news-box h2.title a, #flexible-home-layout-section .news-box.hot .item-first, #flexible-home-layout-section .news-box.slider .dots li.active, .tagcloud a, #respond form #submit, #contact-form .show-all a { background-color: #2b2b2b; }*/ .mainbg { background-color: #D12F2F; } #header{ z-index:11; position:relative; } .moduleItemCategory{ background-color: #9a9a9a; color: white; padding: 0px 10px; text-transform: uppercase; font-size: 28px; height: 36px; line-height: 36px; margin: 0; display: inline-block; } .moduleItemCategory:hover, .projects .moduleItemCategory:hover { text-decoration: none; } .business hr { height: 4px; color: #ab2328; background-color: #ab2328; border: none; margin: -1px 0 20px 0; } .projects hr { height: 4px; color: #9a9a9a; background-color: #9a9a9a; border: none; margin: -1px 0 20px 0; } hr.red { height: 4px; color: #ab2328; background-color: #ab2328; border: none; margin: -1px 0 20px 0; } .side ul li a { color: #000; } .side ul li a:hover { text-decoration: underline; } .projects .moduleItemCategory { /*background-color: #ab2328;*/ background-color: #9a9a9a; color: white; padding: 0px 10px; text-transform: uppercase; font-size: 28px; height: 36px; line-height: 36px; margin: 0; display: inline-block; } hr.line_hr { height: 2px; color: #f0f0f0; background-color: #f0f0f0; border: none; margin: 20px 0 0 0; } a.read_more { text-decoration: underline; margin: 20px 0 15px 0; float: right; } a.read_more i { color: #999999; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .sport h3.widget-title span, .hot-new-left h3.widget-title span { background-color: #D12F2F; color: white; padding: 0 10px; text-transform:uppercase; font-size:18px; } .moduleItemImage{ display:block; } .news-box{ position:relative; /*padding-top:28px;*/ } #flexible-home-layout-section .news-box.health{ margin-bottom:0px; } .news-box.hot-new, .technology-fashion { padding-top:0px; } .hot-new-left .k2ItemsBlock { float:left; width:50%; background-color: #D12F2F; width: 420px; } .hot-new-left .moduleItemTitle{ color: white; font-size: 30px; line-height: 1.3em; display:block; } .hot-new-left{ width: 420px; } .hot-new-right { width: 280px; float:right; } .even { background: none; padding: 0px; border-bottom: none; } .hot-new-left .introtext-content{ padding:20px 20px 0 20px; } .hot-new-left .introtext-text{ font-size: 14px; color: white; filter: alpha(opacity=80); opacity: 0.8; min-height: 58px; border-top: 1px solid white; padding: 20px 0 0 0; margin-top:20px; line-height: 1.5em; } .hot-new-right .moduleItemTitle{ color: black; font-size: 20px; margin-top:3px; } .moduleItemTitle{ } .science .moduleItemImage { width: 100px; /*margin:0 15px 0 0;*/ margin:0 15px 50px 0; float:left; } .science .introtext-content{ } .science .k2ItemsBlock ul li{ clear:both; } .moduleItemTitle { font-size: 18px; font-family: 'PTSansBold'; line-height: 1.3em; display:block; color: #000; margin-bottom:7px; } .moduleItemTitle:hover { text-decoration: underline; opacity: 0.6; } .even.lastItem .moduleItemTitle:hover { opacity: 0.9; } .science .moduleItemTitle { /*min-height: 46px;*/ color:#000; margin-bottom:7px; } .science ul li{ padding: 20px 0; border-bottom: solid 2px #f0f0f0; } .wrapper2 .science ul li{ padding: 20px 0; border-bottom: solid 2px #fff; } .tab-padding ul { margin: 10px 0 0 0; padding: 0; } .tab-padding ul li { list-style: none; } .science .moduleItemImage .item-thumbnail, .tab-padding .item-thumbnail { height:70px; width:70px; } .science .moduleItemImage img, .tab-padding img { margin-left: 0; max-width: 110px; } .clr{ clear:both; } .projects ul li, .business ul li{ float:left; width: 32%; margin-right: 2%; } .inner.projects ul li { margin-bottom: 40px; } .projects .introtext-text, .business .introtext-text{ line-height: 1.5em; margin-bottom:7px; } .projects ul li.lastItem, .business ul li.lastItem{ margin-right:0%; } .projects .moduleItemTitle, .business .moduleItemTitle { color:#000; margin-bottom:7px; } .projects .moduleItemTitle { margin-top: 20px; } .business, .projects{ font-size: 12px; color: #666; margin: 10px 0; } .health-left, .technology { float:left; width: 350px; line-height: 20px; } .health-right, .fashion { float:right; width: 350px; } .health-left .moduleItemTitle, .technology-top .moduleItemTitle, .fashion-top .moduleItemTitle { color:#D12F2F; font-size: 26px; line-height: 1.3em; margin: 15px 0; } .health-right .moduleItemImage img , .technology-bottom .moduleItemImage img , .fashion-bottom .moduleItemImage img , .education-bottom .moduleItemImage img , .bottom2 .moduleItemImage img { float:left; margin-right:15px; margin-left:-20PX; max-width:110px; } .health-right .item-thumbnail , .technology-bottom .item-thumbnail , .fashion-bottom .item-thumbnail , .education-bottom .item-thumbnail , .bottom2 .item-thumbnail { float:left; margin-right:15px; height: 70px; width: 70px; display: block; overflow: hidden; } .bottom2 .item-thumbnail{ width:80px; height:60px; } .bottom2 .moduleItemImage img { max-width:100px; height:58px; } .technology-top, .fashion-top { position:relative; padding-top:28px; } .technology-bottom ul li, .fashion-bottom ul li, .health-right ul li, .hot-new-right ul li, .education-bottom li { padding: 0 0 17px 0; margin: 0 0 20px 0; border-bottom: 1px solid #eee; } .health-right ul li.lastItem{ margin-bottom:10px; } .technology-bottom ul li.lastItem, .fashion-bottom ul li.lastItem{ margin-bottom:0px; padding:0px; } .tab-padding li { padding: 0 0 8px 0; margin: 0 0 10px 0; border-bottom: 1px solid #eee; } .tab-padding li.lastItem { padding: 0; } .hot-new-right ul li:last-child{ margin:0px; padding:0px; } .k2ItemsBlock ul li:last-child{ /*border:none;*/ } .fashion-top, .technology-top, .education-top { padding-bottom:20px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; } .technology-bottom .moduleItemTitle, .fashion-bottom .moduleItemTitle, .health-right .moduleItemTitle { color:#000; } .education-top .moduleItemImage{ float:left; height:250px; } .education-top .introtext-content{ float:right; width:350px; } .education-bottom li.even{ width:350px; display: inline-block; vertical-align: top; } .education-bottom li.odd{ width:350px; display: inline-block; vertical-align: top; } .education-bottom .k2ItemsBlock ul li:last-child{ border-bottom: 1px solid #eee; } .image_frame{ width: 300px; float: left; margin-right:20px; } .blog_post h3 a{ font-size: 24px; font-weight: normal; line-height: 1.3em; color: #D12F2F; } .blog_post{ padding: 0 0 20px 0; border-bottom: 1px solid #eee; margin: 0 0 20px 0; } .bottom2 a.moduleItemTitle{ font-size:16px; color:#D12F2F; } .widget .menu li { background: hsla(0, 0%, 0%, 0) url("../images/li-arrow.png") no-repeat scroll 0 13px; border-top: 1px solid hsl(0, 0%, 93%); display: block; margin: 9px 0 0; padding: 9px 0 0 15px; } .widget .k2ItemsBlock ul li{ margin:0px; } .widget .menu li a{ color:#D12F2F; } #break-section .moduleItemTitle{ font-size:12px; line-height:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; opacity:1; } #break-section .moduleItemImage, #break-section .introtext-content { display:inline-block; vertical-align: middle; margin-right:10px; } #break-section .introtext-content{ padding-top:7px; } #break-section .moduleItemTitle:hover{ color:#D12F2F; } #break-section img{ width:30px; height:30px; } /* pagination */ .pagination.center { text-align: center; } .pagination.center b{ float: inherit; } .pagination { clear:both; padding:10px 0; margin-bottom:20px; font-family: 'Open Sans', sans-serif; } .pagination b{ float:left; margin: 0px 5px 2px 0; padding:0px 10px; font-weight: normal; color: #999; } .pagination a.navlinks { font-size: 12px; color: #454545; background-color: #eee; font-weight: 600; text-transform: uppercase; padding: 7px 10px; border-radius: 3px; margin: 0 2px; } .pagination a.navlinks:hover { color: #fff; background-color: #454545; } .pagination a.current { color: #fff; background-color: #454545; } /* comment form */ .comment_form { float: left; width: 100%; margin-top: 30px; } .comment_form label{ height: 15px; padding: 7px 0px; font-weight: normal; font-size:18px; display:block; } .comment_input_bg { width: 75%; height: 40px; padding: 7px 10px 0px 10px; border-top: 2px solid #e3e3e3; border-left: 2px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; margin-bottom:10px; } .comment_textarea_bg { float: left; width: 90%; height: 235px; padding: 7px 10px 0px 10px; margin-bottom: 20px; border-top: 2px solid #e3e3e3; border-left: 2px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; } .comment_checkbox { float: left; display: block; width: 90%; margin-top: 10px; } .comment_submit { background-color: #eee; border: 1px solid #ddd; padding: 9px 13px; font-family: 'Open Sans', sans-serif; font-weight: 600; border-radius: 4px; color: #333; text-transform: uppercase; } .comment_submit:hover { background-color: #f9f9f9; cursor: pointer; } /* comments */ .comment_wrap{ padding:20px 20px 20px 0px; overflow:hidden; border-bottom:1px solid #eee; } .comment_wrap.chaild{ border-bottom:1px solid #eee; margin:10px 20px 10px 50px; overflow:hidden; } .gravatar{ float:left; } .comment_content{ overflow:hidden; position:relative; min-height:80px; } .gravatar { display:none; } .about_author img{ margin-right:15px; float: left; width:80px; height:80px; } .comment_content .comment_meta{ position:relative; } .comment_content .comment_meta .comment_author{ display:inline; font-size:14px; font-style: normal; } .comment_content .comment_meta .comment_author i{ display:inline; font-size:11px; font-style: italic; } .comment_content .comment_text { clear:both; padding-top:0px; overflow:hidden; } .comment_content .comment_text a { color: #d3d3d3; margin-top: 5px; float: left; } .comment_content .comment_text a:hover { color: #727272; margin-top: 5px; float: left; } #comments_section li ul li{ margin-left: 30px; } /*.comment { display: inline-block; background-image: url(../images/meta-icons.png); height: 12px; font-size: 12px; line-height: 12px; color: black; vertical-align: super; background-repeat: no-repeat; padding: 0 0 0 14px; margin: 0 10px 0 0; filter: alpha(opacity=40); opacity: 0.4; } .moduleItemDateCreated { display: inline-block; background-image: url(../images/meta-icons.png); height: 12px; font-size: 12px; line-height: 12px; color: black; vertical-align: super; background-repeat: no-repeat; padding: 0 0 0 14px; margin: 0 10px 0 0; filter: alpha(opacity=40); opacity: 0.4; background-position: 0 -40px; vertical-align:top; }*/ .post_categoty a{ display: inline-block; background-image: url(../images/meta-icons.png); height: 12px; font-size: 12px; line-height: 12px; color: black; vertical-align: super; background-repeat: no-repeat; padding: 0 0 0 14px; margin: 0 10px 0 0; filter: alpha(opacity=40); opacity: 0.4; background-position: 0 -20px; } .moduleItemComments:hover, .post_categoty a:hover { filter: alpha(opacity=100); opacity: 1; /*color:#D12F2F;*/ text-decoration: none; } .post_meta_links { margin-top:8px; } .post_meta_links li{ display:inline-block; } .category-blog .post_categoty a{ color:#D12F2F; } .news-box .comments-date { float: right; width: calc(100% - 115px) } .hot-new-left .comments-date{ margin-left:-20px; margin-right:-20px; background: #EEE; padding-top:8px; padding-left:20px; } .news-box.hot-new-important .comments-date { float: left; width: 100%; padding-left: 10px; box-sizing: border-box; } .news-box.hot-new-important .comments-date .right { width: 33%; } .k2ItemsBlock .right { width: 34%!important; } .article-post ul.post_meta_links:after{ display:table; content:""; clear:both; } .article-post ul.post_meta_links{ margin: 15px 0 15px 0; border-bottom: 1px solid #eee; padding: 0 0 5px 0; } h4{ text-transform:uppercase; font-weight:normal; } .one_half { width: 48%; margin-right: 4%; float: left; } .last.one_half { margin-right: 0 !important; clear: right; } .popular-posts-area h4{ margin-bottom:18px; } .recent_posts_list li span { float: left; margin-right: 15px; } .recent_posts_list li { padding: 0px 0px 13px 0px; margin: 0px 0px 16px 0px; list-style-type: none; border-bottom: 1px solid #eee; float: left; width: 100%; } .popular-posts-area li a{ color: #D12F2F; } .about_author { float: left; width: 94%; padding: 20px 3%; background-color: #f9f9f9; border: 1px solid #eee; margin-bottom:30px ; } .sharepost{ margin-bottom:30px; } .about_author a { font-family: 'PTSansBold'; color: #333; } .comment_input_bg, .comment_textarea_bg { background: #f7f7f7; outline:none; } .comment_input_bg:focus, .comment_textarea_bg:focus { background:#eee; } .comment_content .comment_meta .comment_author{ font-family: 'PTSansBold'; font-size:18px; margin-bottom:10px; display:block; } .comment_content .comment_meta .comment_author{ font-weight:normal; } /* End comments */ .side .tab_container{ width:auto; } .side h3.widget-title span{ background: #333; color: #FFF; margin: 0 3px 0 0; padding: 2px 10px; text-transform:uppercase; font-weight:normal; } .side h3.widget-title{ font-size: 18px; border-bottom: 4px solid #333; } .side .side-ads h3.widget-title{ } .side .side-ads a { display: block; margin-bottom: 20px; } .side .tabs_buttons{ border-bottom: 4px solid #333; } .side .well{ margin-bottom:20px; } .side .well:after { display:table; content:""; clear:both; } .well { padding: 0!important; } .article-post p{ margin:1em 0; } .blog_post { line-height: 1.5em; } .tab-padding a.moduleItemTitle{ color: #D12F2F; font-weight: normal; font-size: 16px; line-height: 1.3em; } .tab-padding .moduleItemImage{ float:left; margin-right:15px; } .tab-padding i{ display:inline-block; margin-top:7px; } .side .sptab_red ul.tabs_container li.tab { background-color: #F0F0F0; margin-right: 0px; padding:0 10px; text-transform: uppercase; font-weight: normal; font-size: 18px; color: #333; margin-right:3px; border:none; } .side .sptab_red ul.tabs_container li.tab.active { background: #333; color: #FFF; } .side .sptab_red .tabs_mask { background: none; } .side .sptab_red { background-color: #ffffff; color: #444444; border: none; } .side .sptab_red .tab-padding { padding: 0px; } .tabs_buttons{ margin-bottom:20px; } .blog_post blockquote { border-top-color: #D12F2F; margin: 15px 0 20px 0; padding: 5px 20px; background: #F0F0F0; font-style: italic; border-top-width: 6px; border-top-style: solid; line-height: 2; font-size: 14px; color: #333; } .category-blog .blog_postcontent:after{ content:""; clear:both; display:table; } .search-top{ position: relative; float:right; } #top-page-list ul li a{ color: #D12F2F; } #top-page-list ul li a:hover, #top-page-list ul li.active a { color: #ccc; text-decoration:none; } .sport .tp-bannershadow.tp-shadow2{ background:none; } .sport .tp-caption{ text-align:center; text-shadow: 3px 3px 3px #000; } .sport .tp-caption a{ text-shadow: 3px 3px 3px #000; } .sport .tp-caption a:hover{ color: #D12F2F; } .sport .tp-bullets.simplebullets.round .bullet{ background:#fff; border:1px solid #000; height:11px; width:18px; filter: alpha(opacity=60); opacity: 0.6; margin-right:8px; } .sport .tp-bullets.simplebullets.round .bullet:hover, .sport .tp-bullets.simplebullets.round .bullet.selected { background: #D12F2F; } .sport .tparrows{ display:none; } .chrono_credits{ display:none; } #main .gbs3 .chronoform input[type="submit"].btn.btn-default, #main .gbs3 .chronoform input[type="text"], #main .gbs3 .chronoform input[type="email"] { border-radius:0px; padding:0 10px; height:28px; border: 1px solid #eee; box-shadow: inset 0 0px 0px #eee; } #main .gbs3 .chronoform textarea{ border-radius:0px; height:100px; border: 1px solid #eee; box-shadow: inset 0 0px 0px #eee; padding-left:10px; padding-top:5px; } #main .gbs3 .chronoform input[type="submit"].btn.btn-default{ text-transform: uppercase; color: white; padding: 10px 20px; margin: 0 0 0 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-image:none; background-color: #D12F2F; padding:0 20px; border-radius:0px; height:45px; margin-left:80px; } #main .gbs3 .chronoform input[type="submit"].btn.btn-default:hover{ background:#000; } .gbs3 .chronoform label{ font-weight:normal; text-transform:capitalize; font-size:14px; width:80px; min-width:80px; max-width:80px; } .thank-you{ background: aliceblue; color: #008000; padding: 10px 30px; font-style: italic; margin: 10px 0; border-radius:2px; } .search fieldset{ padding:20px; margin-bottom:25px; } .search-results{ margin-top:20px; } .search-results-field{ border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px; } #search-searchword{ border-radius: 0px; padding: 0 10px; height: 28px; border: 1px solid #eee; box-shadow: inset 0 0px 0px #eee; } .result-title{ font-size: 18px; font-weight: normal; text-transform:uppercase; } .article-prev, .article-next { display: block; font-size: 16px; } .article-next-label, .article-prev-label { color: #ccc; display: block; font-size: 10px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; } .widget .k2ItemsBlock ul li{ background:none; padding-left:0px; } #flickr_badge_wrapper img{ float:left; margin:0 5px 5px 0; } .item-thumbnail { display: block; overflow: hidden; z-index: 9; } .business .item-thumbnail { height: 125px; width: 230px; } .hot-new-right .item-thumbnail { height: 160px; width: 280px; } .hot-new-left .item-thumbnail { height: 250px; width: 420px; } .technology-top .item-thumbnail, .fashion-top .item-thumbnail { height: 230px; width: 350px; } .health-left .item-thumbnail { height: 230px; width: 350px; } .archive-thumbnail { float: left; height: 200px; width: 300px; } .comments-date-top, .comments-date-bottom{ /*display:none;*/ } .comments-date-bottom{ } .business .comments-date-top{ float: none; margin-top:3px; display:block; } .hot-new-left .comments-date-bottom{ display:block; } .business .comments-date-mid, .hot-new-left .comments-date-mid{ display:none; } .gbs3 .gcore-label-left { float: left !important; min-width: 160px; max-width: 160px; padding-right: 7px; text-align: left !important; } .gbs3 .form-group { margin-bottom: 15px; } #main .gbs3 .chronoform input.btn.btn-default[type="submit"]{ margin-left:86px; cursor:pointer; } .one_half.article-prev{margin-bottom:20px;} @media screen and (min-width: 1080px) { body.com_search .chzn-container { display:none; } } @media screen and (max-width: 1079px) { .side .well { margin-bottom: 30px; } .tp-bullets.hidebullets{opacity:1 !important;} } @media screen and (max-width: 759px) { .login { height: 30px; line-height: 30px; background: #9a9a9a url(../images/ico_log.png) no-repeat 10px center; color: #fff; font-size: 14px; margin: 10px 101px; padding: 0 20px 0 40px; float: none; display: inline-block; } .blog-title img { float: none; } .vert_line { display: none; } #header-ads .column4 a { margin: 20px 0 0 0; } #header-ads .td { vertical-align: middle; } .news-box-content .moduleItemIntrotext .vidoe_news, .hot-new-important .news-box-content .moduleItemIntrotext .vidoe_news { width: 100%; height: auto; float: none; position: relative; overflow: hidden; clear: both; } .news-box-content .moduleItemIntrotext .introtext-content, .hot-new-important .news-box-content .moduleItemIntrotext .introtext-content { width: 100%; height: auto; background: #ab2328; color: #fff; padding: 20px 15px; float: none; box-sizing: border-box; } .science .comments-date { width: 100%; margin-top: 10px; } .science .moduleItemImage { float: left; margin: 0 15px 5px 0; } .projects ul li, .business ul li { float: left; width: 100%; margin: 0 0 20px 0; } #copyright .wide { width: 100%; } #tabs .tabs li { width: 349px; } .news-box.break { height: auto; } .news-box.break p { line-height: 20px; padding: 10px 0 0 0; } .news-box.break p img { margin: 10px 30px; } .primary { padding: 20px 0; } .comments-date .right img { margin-bottom: 1px !important; } .science .moduleItemImage { width: auto; } .hot-new-right { width: 100%; } .business ul li { margin-right: 0%; width: 100%; margin-bottom: 25px; } #search-text, #mod-search-searchword{ margin: 5px 0 0 0 !important; padding: 0 5% !important; width: 100% !important; } .search-top{ float:none; width:100%; } #main .gbs3 .chronoform input[type="submit"].btn.btn-default{ margin-left:0px; } .business .item-thumbnail, .hot-new-right .item-thumbnail, .hot-new-left .item-thumbnail, .technology-top .item-thumbnail, .fashion-top .item-thumbnail, .health-left .item-thumbnail , .archive-thumbnail, .image_frame { float: none; width:100%; margin:0px; } .hot-new-left .comments-date{ padding-left:40px; } .education-bottom li.even, .education-bottom li.odd {width:auto;} .education-top .moduleItemImage { margin-bottom:15px; float:none; } .rev_slider_wrapper .tp-caption{ left:40px !important; } .hot-new-left .introtext-text{ padding-bottom:15px; } #social-list-t{ margin-bottom:4px; } .health-left{ margin-bottom:30px; } .fashion-top{ margin-top:25px; } #bottom-ads { margin: 0 auto 20px auto; } .image_frame{ margin-bottom:7px; } #footer-section .widget{ margin-bottom:20px; } .side-ads.well{ float:none; } .blog_postcontent h3{ margin-bottom:15px; } .side { margin: 10px 0 0 0; } .article-prev, .article-next{height:61px ; overflow:hidden;} .business .item-thumbnail{height:auto;} .rev_slider_wrapper .tp-caption{ left: 0px !important; width: 350px !important; text-align: center !important; display: block !important; max-width:350px !important; } } @media screen and (max-width: 330px) { .rev_slider_wrapper .tp-caption{ left: 0px !important; width: 280px !important; text-align: center !important; display: block !important; max-width:280px !important; } } @media (max-width: 767px) { .page-header__user-menu { font-size: 15px!important; } .user-menu__link:not(:last-child) { margin-right: -15px; font-size: 15px!important; } .page-header__menu-btn { margin-right: 10px!important; } .k2ItemsBlock { max-width: 100%!important; } } @media (max-width: 440px) { .k2ItemsBlock { max-width: 100%!important; } }