/*
Template Name: News247 - News Magazine HTML Template
Author: Tripples
Author URI: https://themeforest.net/user/tripples
Description: News247 - News Magazine HTML Template
Version: 1.0
*/
/* Table of Content
==================================================
1. Typography
2. Global Styles
3. Top Bar
4. Header area
5. Slider
6. Call to action
7. Features
8. Facts
9. Services
10. Project area
11. Content area
12. Testimonial
13. Subscribe area
14. News section
15. Footer
16. Sub Pages
17. Contact Us
18. News Listing
19. News Single
20. Sidebar
21. Error page
*/
/*------------------------------------------------------------------
[Table of contents]
- Blog
- Blog posts
- Blog two
- Article
- Author: Andrey Sokoltsov
- Profile: http://themeforest.net/user/andreysokoltsov
-------------------------------------------------------------------*/
@font-face {
font-family: NewYork;
src: url(../fonts/MRCHNewYork.ttf);
}
@font-face {
font-family: NewYork;
src: url(../fonts/MRCHNewYork.ttf);
}
a { color:#ae8740}
.nv-social-share li {float:left;}
.nv-social-share li:last-child {padding-top:4px;padding-left:5px;}
.btupload {padding: 5px 25px 5px !important;
margin-top: 12px;}
#ttwmenu,
#ttwmenu ul,
#ttwmenu ul li,
#ttwmenu ul li a,
#ttwmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#ttwmenu:after,
#ttwmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#ttwmenu #menu-button{display:none;}
#ttwmenu > ul > li{float:left;}
#ttwmenu.align-center > ul{font-size:0;text-align:center;}
#ttwmenu.align-center > ul > li{display:inline-block;float:none;}
#ttwmenu.align-center ul ul{text-align:left;}
#ttwmenu.align-right > ul > li{float:right;}
#ttwmenu > ul > li > a{padding:10px 11px 6px;font-size:14px;text-decoration:none;color:#fff;font-weight:600;text-transform:uppercase;}
#ttwmenu > ul > li:hover > a{color:#111;}
#ttwmenu > ul > li.has-sub > a{padding-right:30px;}
#ttwmenu > ul > li.has-sub > a:after{position:absolute;top:15px;right:15px;width:8px;height:2px;display:block;background:#eee;content:'';}
#ttwmenu > ul > li.has-sub > a:before{position:absolute;top:12px;right:18px;display:block;width:2px;height:8px;background:#eee;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#ttwmenu > ul > li.has-sub:hover > a:efore{top:23px;height:0;}
#ttwmenu ul ul{position:absolute;left:-9999px;}
#ttwmenu.align-right ul ul{text-align:right;}
#ttwmenu ul ul li{height:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#ttwmenu li:hover > ul{left:auto;}
#ttwmenu.align-right li:hover > ul{left:auto;right:0;}
#ttwmenu li:hover > ul > li{height:36px;}
#ttwmenu ul ul ul{margin-left:100%;top:0;}
#ttwmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#ttwmenu ul ul li a{border-bottom:1px solid rgba(150, 150, 150, 0.15);padding:11px 15px;width:310px;font-size:13px;text-decoration:none;color:#222;font-weight:600;background:#fff;}
#ttwmenu ul ul li:last-child > a,
#ttwmenu ul ul li.last-item > a{border-bottom:0;}
#ttwmenu ul ul li:hover > a,
#ttwmenu ul ul li a:hover{color:#111;}
#ttwmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#dddddd;content:'';}
#ttwmenu.align-right ul ul li.has-sub > a:after{right:auto;left:11px;}
#ttwmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#dddddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#ttwmenu.align-right ul ul li.has-sub > a:before{right:auto;left:14px;}
#ttwmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0;}
.bannerf {margin-top: 15px;margin-bottom: 15px;}
.s-titleDet
@media all and (max-width:768px){#ttwmenu #menu-button{display:block;padding:17px 50px 17px 30px !important;}
.item_duan{min-height:190px;}
.list .clearfix{display:none;}
.img_duan{height:auto !important;}
#myCarousel .giaduan{font-size:11px !important;margin-right:5px !important;}
#myCarousel a span{font-size:12px !important;}
}
@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:768px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:768px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:768px), only screen and (min-device-pixel-ratio:2) and (max-width:768px), only screen and (min-resolution:192dpi) and (max-width:768px), only screen and (min-resolution:2dppx) and (max-width:768px){#ttwmenu{width:100%;}
#ttwmenu ul{width:100%;display:none;}
#ttwmenu.align-center > ul{text-align:left;}
#ttwmenu ul li{width:100%;border-top:1px solid rgba(120, 120, 120, 0.2);}
#ttwmenu ul ul li,
#ttwmenu li:hover > ul > li{height:auto;}
#ttwmenu ul li a,
#ttwmenu ul ul li a{width:100%;border-bottom:0;}
#ttwmenu > ul > li{float:none;}
#ttwmenu ul ul li a{padding-left:25px;}
#ttwmenu ul ul ul li a{padding-left:35px;}
#ttwmenu ul ul li a{color:#424242;background:none;}
#ttwmenu ul ul li:hover > a,
#ttwmenu ul ul li.active > a{color:#ffffff;}
#ttwmenu ul ul,
#ttwmenu ul ul ul,
#ttwmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
#ttwmenu > ul > li.has-sub > a:after,
#ttwmenu > ul > li.has-sub > a:before,
#ttwmenu ul ul > li.has-sub > a:after,
#ttwmenu ul ul > li.has-sub > a:before{display:none;}
#ttwmenu #menu-button{display:block;padding:17px;color:#fff;cursor:pointer;text-transform:uppercase;font-weight:700;}
#ttwmenu #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:8px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:'';}
#ttwmenu #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#fff;content:'';}
#ttwmenu #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#ttwmenu #menu-button.menu-opened:before{top:23px;background:#ffffff;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#ttwmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:37px;width:37px;cursor:pointer;}
#ttwmenu .submenu-button.submenu-opened{background:#262626;}
#ttwmenu ul ul .submenu-button{height:34px;width:34px;}
#ttwmenu .submenu-button:after{position:absolute;top:18px;right:13px;width:8px;height:2px;display:block;background:#666;content:'';}
#ttwmenu ul ul .submenu-button:after{top:15px;right:13px;}
#ttwmenu .submenu-button.submenu-opened:after{background:#ffffff;}
#ttwmenu .submenu-button:before{position:absolute;top:15px;right:16px;display:block;width:2px;height:8px;background:#666;content:'';}
#ttwmenu ul ul .submenu-button:before{top:12px;right:16px;}
#ttwmenu .submenu-button.submenu-opened:before{display:none;}
}
.Input_soluong {font-size: 20px !important;font-weight: bold;}
.listdv .pricesp {display: none;}
#search {line-height: 24px;}
.fa.fa-search {color: #FFF;}
.navbar-light .company_info h2 {line-height: 21px;margin-top: 0;margin-bottom: 1px;}
.navbar-light .company_info h2 span {font-size: 18px; color: #333;}
.company_info .fa {margin-right:10px;color:#ae8740;}
.ListFileSelect {
border: 1px solid #ccc;
padding: 2px;
margin: 2px;
border-radius: 4px;
}
.ListFileSelect span.FileImg {
width: 60px;
height: 60px;
}
.ListFileSelect span.FileImg img{
width: 25px;
margin-right: 5px;
}
.ListFileSelect .BtnDeleteFile {
float: right;
line-height: 20px;
color: #ff0000;
cursor: pointer;
}
.blog .blog-contain {
margin-right: 15px;
position: relative
}
.slick-prev:before {
content: "<";
color: red;
font-size: 30px;
}
.slick-next:before {
content: ">";
color: red;
font-size: 30px;
}
.blog .blog-contain .blog-img {
overflow: hidden;
border: 1px solid #fff
}
.blog .blog-contain .blog-img img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 100%;
}
.blog .blog-contain .blog-details {
padding: 0
}
.blog .blog-label p {
margin: 0;
}
.blog .blog-contain .blog-details h3 {
color: #444;
margin-bottom: 5px;
font-size: 14px;
font-weight: 700;
}
.blog .blog-contain .blog-details h3 a { color:#ae8740;line-height: 23px;font-weight: 700;}
.blog .blog-contain .blog-details p {
color: #939b9e;
text-transform: capitalize;
margin-bottom: 5px;
}
.blog .blog-contain .blog-details span a {
color: #888;
text-transform: capitalize;
font-weight: 700;
line-height: 1;
font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}
.blog .blog-contain .blog-details-2 {
background-color: #fff;
padding: 20px
}
.blog .blog-contain .blog-details-2 h3 {
text-transform: capitalize;
color: #ae8740
}
.blog .blog-contain .blog-details-2 p {
color: #939b9e;
line-height: 1.8;
margin-top: 10px;
text-transform: capitalize
}
.blog .blog-contain .blog-details-2 ul {
margin-top: 10px;
line-height: 1
}
.blog .blog-contain .blog-details-2 ul li:first-child {
margin-right: 30px
}
.blog .blog-contain .blog-details-2 ul li a {
color: #ffa800;
font-size: 16px;
text-transform: capitalize;
font-weight: 700
}
.blog .blog-contain .blog-details-2 ul li a i {
margin-right: 10px
}
.blog .blog-contain .blog-label {
position: absolute;
top: 5%;
left: 0;
background-color: #ae8740;
padding: 2px 10px;
color: #fff
}
.blog .blog-contain .blog-label1 {
position: absolute;
top: 10px;
left: 10px;
width: 50px;
height: 50px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
background: #ae8740;
line-height: 1.2
}
.blog .blog-contain:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.theme-slider {
line-height: 0
}
.text-white {
color: #ffffff !important;
}
li.site-nav-icon .nav-item {
line-height: 48px;
color:#666;
}
.site-nav-icon .fa {margin-right: 10px;}
.nav-desk .nav-cat li a {
display: block;
overflow: hidden;
text-overflow: inherit;
white-space: nowrap;
}
.nav-desk .nav-cat li a {
position: relative;
display: block;
padding: 6px 24px 6px 12px;
line-height: 20px;
font-size: 12px;
color: #010101;
}
/*li.site-nav-icon:first-child > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px 3px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(2) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -31px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(3) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -70px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(4) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -104px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(5) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -138px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(6) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -171px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(7) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -204px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(8) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -239px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(9) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -271px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(10) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -303px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(11) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 7px -337px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(12) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -372px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(13) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -406px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(14) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -440px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(15) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -474px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(16) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -504px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(17) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -540px;
width: 100%;
height: 37px;
}
li.site-nav-icon:nth-child(18) > .nav-item {
background: url(../image/icon-all.jpg) no-repeat;
background-position: 5px -573px;
width: 100%;
height: 37px;
}
.site-nav-icon:first-child:hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px 3px;
width: 100%;
height: 37px;
color: #2dbeb3;
}
.site-nav-icon:nth-child(2):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -31px;
width: 100%;
height: 37px;
color: #2dbeb3;
}
.site-nav-icon:nth-child(3):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -70px;
width: 100%;
height: 37px;
color: #2dbeb3;
}
.site-nav-icon:nth-child(4):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -104px;
width: 100%;
height: 37px;
color: #2dbeb3;
}
.site-nav-icon:nth-child(5):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -138px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(6):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -171px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(7):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -204px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(8):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -239px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(9):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -271px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(10):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -303px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(11):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 7px -337px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(12):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -372px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(13):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -406px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(14):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -440px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(15):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -475px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(16):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -504px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(17):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -540px;
color: #2dbeb3;
width: 100%;
height: 37px;
}
.site-nav-icon:nth-child(18):hover > .nav-item {
background: url(../image/icon-hover.jpg) no-repeat;
background-position: 5px -573px;
color: #2dbeb3;
width: 100%;
height: 37px;
}*/
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.form-control,.input-group>.custom-select,.input-group>.custom-file {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0
}
.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file:focus {
z-index: 3
}
.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file {
margin-left: -1px
}
.input-group>.form-control:not(:last-child),.input-group>.custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-prepend,.input-group-append {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.input-group-prepend .btn,.input-group-append .btn {
position: relative;
z-index: 2
}
.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type="radio"],.input-group-text input[type="checkbox"] {
margin-top: 0
}
.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem
}
.custom-control-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
background-color: #007bff
}
.custom-control-input:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25);
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)
}
.custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff
}
.custom-control-input:disabled ~ .custom-control-label {
color: #6c757d
}
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative;
margin-bottom: 0
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #dee2e6
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.layout-header1 {
background-color: #fff;
padding: 20px 0
}
.layout-header1 .main-menu-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 10
}
.layout-header1 .main-menu-block .menu-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block {
margin-right: 15px;
display: none
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block span i {
font-size: 24px
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide {
position: fixed;
top: 0;
left: -300px;
width: 300px;
border-radius: 0;
background-color: #fff;
border: 1px solid #ddd;
height: 100vh;
z-index: 99;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: scroll
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li {
display: block;
border-bottom: 1px solid #ddd;
padding: 10px 15px
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li.mor-slide-open ul li {
padding-left: 0
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li a {
color: #333;
text-transform: capitalize;
font-size: 14px;
font-weight: 600
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:first-child {
padding: 0
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:last-child {
border-bottom: none
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:last-child a {
color: #ae8740
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:last-child a i {
font-size: 20px;
margin-left: 10px;
float: right
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li .nav-sm-back {
font-size: 16px;
color: #444;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
text-align: right;
padding: 8px
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide>li:hover>li a {
color: #ae8740
}
.layout-header1 .main-menu-block .menu-left .sm-nav-block .nav-slide li {
display: block;
border-bottom: 1px solid #ddd;
padding: 7px 10px
}
.layout-header1 .main-menu-block .menu-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: right;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.layout-header1 .main-menu-block .menu-right .toggle-nav {
padding: 0
}
.layout-header1 .main-menu-block .menu-right .icon-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
margin-left: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul li i {
color: #999;
font-size: 28px
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul li .cart-item {
display: inline-block;
color: #ae8740;
font-weight: 700;
text-transform: uppercase;
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul li .cart-item span {
display: block;
color: #000;
margin-top: 3px
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-user a i {
padding-right: 25px
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-wishlist a i {
padding-right: 8px
}
.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-search,.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-setting {
display: none
}
.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block {
background-color: #ae8740;
padding: 15px 20px;
margin-left: 20px;
position: relative
}
.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block i {
font-size: 29px;
color: #fff
}
.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block .cart-product {
background-color: #fff;
width: 16px;
height: 16px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 11px;
position: absolute;
top: 3px;
right: 15px;
line-height: 0;
color: #ae8740
}
.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block:hover .cart-product {
-webkit-animation: rotateInDownRight 700ms ease-in-out;
animation: rotateInDownRight 700ms ease-in-out
}
.layout-header1 .main-menu-block .menu-right .menu-banner {
margin-top: 20px
}
.layout-header1.layout-header1-inverse .main-menu-block .menu-right .icon-nav .cart-block {
background-color: #ffa800
}
.category-header {
background-color: #ae8740
}
.category-header .navbar-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 9
}
.category-header .navbar-menu .category-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.category-header .navbar-menu .category-left .nav-block {
min-width: 270px;
margin-right: 10px
}
.category-header .navbar-menu .category-left .nav-block .nav-left {
position: absolute;
width: 270px;
z-index: 1;
overflow: hidden
}
.category-header .navbar-menu .category-left .nav-block .nav-left .navbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #444;
}
.category-header .navbar-menu .category-left .nav-block .nav-left .navbar h5 {
text-transform: uppercase;
font-size: 14px;
margin-left: 16px
}
.category-header .navbar-menu .category-left .nav-block .nav-left .navbar-toggler {
width: 17px;
height: 17px;
padding: 0;
background-color: #fff;
color: #444;
border-radius: 50%;
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat {
padding: 20px;
background-color: #fff
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li {
display: block;
padding-bottom: 10px
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li:last-child {
padding-bottom: 0
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li a {
color: #444;
font-size: 14px;
text-transform: capitalize;
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li img {
margin-right: 10px;
border: 2px solid #f0f0f0;
border-radius: 50%;
padding: 3px;
height: 46.5px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover>a {
color: #ae8740
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat li:hover>img {
border: 2px solid #ffa800
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat .mor-slide-click {
color: #ae8740;
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
line-height: 1;
display: block;
width: 100%;
margin-top: 10px;
background-color: transparent;
border: none;
outline: none;
text-align: left
}
.category-header .navbar-menu .category-left .nav-block .nav-left .nav-cat .mor-slide-click i {
float: right;
font-size: 20px
}
.category-header .navbar-menu .category-left .input-block {
width: 745px
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form {
width: 100%;
margin: 5px 0;
background-color: #fff
}
.category-header .navbar-menu .category-left .nav-block .nav-left .navbar h5 {
text-transform: uppercase;
font-size: 14px;
margin-left: 16px;
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control {
border-radius: 0;
border: none;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd
}
.ml-3, .mx-3 {
margin-left: 1rem !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group span {
padding: 10px 20px;
background-color: #fff;
-ms-flex-item-align: center;
align-self: center
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group span i {
font-size: 20px;
color: #444
}
.category-header .navbar-menu .category-left .input-block .input-box .big-deal-form .input-group select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
font-weight: 700;
color: #444;
padding: 0 25px;
background: url("../images/layout-1/drop-1.png") no-repeat scroll 20px 23px;
text-align: center;
text-align-last: center;
width: 175px;
text-transform: uppercase;
background-blend-mode: overlay;
border: none
}
.category-header .navbar-menu .category-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.category-header .navbar-menu .category-right .gift-block {
background-color: #ffa800;
padding: 17px 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
width: 255px;
margin-left: 15px;
border: 0
}
.category-header .navbar-menu .category-right .gift-block .grif-icon i {
font-size: 35px
}
.category-header .navbar-menu .category-right .gift-block .gift-offer {
margin-left: 10px
}
.category-header .navbar-menu .category-right .gift-block .gift-offer p {
text-transform: uppercase;
line-height: 1
}
.category-header .navbar-menu .category-right .gift-block .gift-offer span {
font-size: 20px;
text-transform: capitalize;
font-weight: 700;
line-height: 1.2
}
.category-header .navbar-menu .category-right .contact-block {
padding: 12px 0;
margin-left: 20px;
-ms-flex-item-align: center;
align-self: center
}
.category-header .navbar-menu .category-right .contact-block i {
font-size: 28px;
color: #fff
}
.category-header .navbar-menu .category-right .contact-block span {
font-size: 14px;
color: #fff;
margin-left: 15px;
text-transform: uppercase;
}
.category-header .navbar-menu .category-right .contact-block span span {
font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
font-weight: 600
}
.category-header.category-header-inverse .navbar-menu .category-left .nav-block .nav-left .navbar {
background-color: #ffa800
}
.category-header.category-header-inverse .navbar-menu .category-left .nav-block .nav-left .navbar-toggler {
color: #ffa800
}
.caption {
font-style: italic;
text-align: center;
margin-bottom: 10px;
background: #ccc;
/* margin: 0; */
line-height: 27px;
}
.section-title h1 {
margin-bottom: 0;
font-size: 22px;
border-left: 3px solid #d72924;
padding-left: 9px;
}
iframe {
width: 100% !important;
}
.ImageLeft .lazy-load {
width: 100% !important;
}
a.lazy-load {
/* height: 200px; */
/* background: url(https://blogxe.com.vn/bg_imageloading.jpg); */
/* width: 200px; */
/* background-repeat: no-repeat; */
background: url("https://blogxe.com.vn/bg_imageloading.jpg") center center no-repeat #eee;
background-size: cover;
position: relative;
width: 110px;
display: inline-block;
float: left;
transition: none;
}
.lazy-load:before {
display: block;
content: " ";
width: 100%;
padding-top: 70%;
}
.post-thumb.ImageRight {
margin-right: 0px;
}
.BlockNewsTop .post-float .post-thumb img {
max-width: 100%;
}
.sinmun-nav nav {
padding: 5px 0;
}
.sinmun-nav nav ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.sinmun-nav nav .navbar-nav {
margin-left: auto;
margin-right: auto;
}
.sinmun-nav nav .navbar-nav .nav-item {
position: relative;
}
.sinmun-nav nav .navbar-nav .nav-item a {
font-weight: 700;
font-size: 14px;
color: #232323;
text-transform: uppercase;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 13px;
margin-right: 13px;
}
.sinmun-nav nav .navbar-nav .nav-item a:hover, .sinmun-nav nav .navbar-nav .nav-item a:focus, .sinmun-nav nav .navbar-nav .nav-item a.active {
color: #d72924;
}
.sinmun-nav nav .navbar-nav .nav-item:hover a {
color: #d72924;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
background: #ffffff;
position: absolute;
border: none;
top: 80px;
left: 0;
width: 250px;
z-index: 99;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding-top: 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 20px;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li {
position: relative;
padding: 0;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li a {
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
padding: 9px 15px;
margin: 0;
display: block;
color: #232323;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, .sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
color: #d72924;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
position: absolute;
left: 220px;
top: 0;
opacity: 0 !important;
visibility: hidden !important;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color: #232323;
text-transform: capitalize;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color: #d72924;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
top: -20px !important;
}
.sinmun-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
color: #d72924;
}
.sinmun-nav nav .navbar-nav .nav-item:last-child .dropdown-menu li .dropdown-menu {
left: auto;
right: 245px;
}
.sinmun-nav nav .navbar-nav .nav-item:hover ul {
opacity: 1;
visibility: visible;
top: 100%;
}
.sinmun-nav nav .others-options ul li {
display: inline-block;
}
.sinmun-nav nav .others-options ul li a {
color: #232323;
margin-right: 10px;
font-size: 20px;
}
.sinmun-nav nav .others-options ul li a:hover {
color: #d72924;
}
.sinmun-nav nav .others-options ul li .nav-search {
border-left: 1px solid #dcdcdc;
padding-left: 15px;
}
.sinmun-nav nav .others-options ul li .nav-search .nav-search-button {
cursor: pointer;
font-size: 20px;
}
.sinmun-nav nav .others-options ul li .nav-search .nav-search-button i {
cursor: pointer;
}
.sinmun-nav nav .others-options ul li .nav-search form {
width: 72%;
height: auto;
position: absolute;
right: 0;
top: 50%;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
transition: 0.5s;
background-color: #ffffff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.sinmun-nav nav .others-options ul li .nav-search form.active {
visibility: visible;
opacity: 1;
}
.sinmun-nav nav .others-options ul li .nav-search .nav-search-close-button {
display: block;
position: absolute;
right: 20px;
line-height: normal;
color: #70798b;
top: 10px;
font-size: 20px;
cursor: pointer;
text-align: center;
outline: 0;
}
.sinmun-nav nav .others-options ul li .nav-search .nav-search-inner input {
height: 50px;
width: 100%;
padding: 15px;
font-size: 14px;
font-weight: 400;
text-align: center;
color: #70798b;
outline: none;
background-color: transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
border: 1px solid #f2f2f2;
}
.sinmun-nav.is-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 5px 0;
z-index: 999;
-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
background-color: #ffffff !important;
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.bg-xam {
background: #f5f5f5;
padding: 5px 0px;
}
.bg-white {
background: #fff !important;
color: #000;
padding: 5px !important;
}
.navbar-nav-menu li.active {
border-bottom: 3px solid #f76d2a;
}
/* Blog */
.b-blog{
padding: 65px 0 135px 0;
}
li {
list-style: none;
}
.b-blog__aside-search{
margin-bottom: 40px;
}
.b-blog__aside-search > div{
position: relative;
}
.b-blog__aside-search button{
background: transparent;
position: absolute;
border: none;
display: inline-block;
top:50%;
font-size:16px;
margin-top: -12px;
right:15px;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
.b-blog__aside-search button:focus{
outline: none;
}
.b-blog__aside-search input[type='text']{
display: block;
width: 100%;
padding: 12px 20px;
font: 400 12px 'Open Sans',sans-serif;
border: 1px solid #eeeeee;
border-radius: 30px;
}
.b-blog__aside-search input[type='text']:focus{
outline: none;
}
.col-sm-6.col-md-5 .b-blog__aside {background:#F1F1F1;}
.b-blog__aside {/*background:#F1F1F1;*/
padding:0px;}
.b-blog__aside ul {padding-left:0;}
.b-blog__aside-categories{
margin-bottom: 40px;
}
.b-blog__aside h2{
font-size: 26px;
font-weight: 300;
color: #555;
line-height: 50px;
padding: 0;
text-transform: uppercase;
border-bottom: 1px solid #ae8740;
margin-top: 0;
}
.nav-cat.title-font {padding:2px 15px;}
.b-blog__aside header{
padding-bottom: 15px;
margin: 0 0 40px 0;
}
.itemproduct {margin-bottom: 22px; min-height: 335px;}
.b-blog__aside header:after{
left:30px;
}
.b-blog__aside-categories-list{
padding-left: 0;
margin: 0;
list-style:none;
}
.b-blog__aside-categories-list li{
padding-bottom: 13px;
margin-bottom: 13px;
border-bottom: 1px solid #eeeeee;
cursor:pointer;
}
.b-blog__aside-categories-list li:hover a,.b-blog__aside-categories-list li.m-active a{
font-weight:700;
}
.b-blog__aside-categories-list li a{
display: inline-block;
padding:2px 0 2px 15px;
font: 400 13px 'Open Sans',sans-serif;
border-left:2px solid #ddd;
}
.b-blog__aside-categories-list li a:hover,.b-blog__aside-categories-list li a:visited,.b-blog__aside-categories-list li a:active,.b-blog__aside-categories-list li a:focus{
text-decoration: none;
}
.b-blog__aside-popular{
margin-bottom: 55px;
}
.b-blog__aside-popular-posts{
overflow: hidden;
}
.b-blog__aside-popular-posts h4{
font: 600 14px 'Open Sans',sans-serif;
padding-left: 3px;
margin: 15px 0 10px 0;
}
.b-blog__aside-popular-posts-one{
margin-bottom: 35px;
}
.b-blog__aside-popular-posts-one-date{
padding-left: 3px;
font: 600 11px 'Open Sans',sans-serif;
}
.b-blog__aside-popular-posts-one-date span.fa{
font-size:16px;
margin-right: 13px;
vertical-align: bottom;
}
.b-blog__aside-text{
margin-bottom: 50px;
}
.b-blog__aside-text p{
font: 300 13px 'Open Sans',sans-serif;
margin: 0;
}
.b-blog__aside-reviews{
margin-bottom: 40px;
}
.b-blog__aside-reviews-posts-one{
padding-bottom: 18px;
border-bottom: 1px solid #eee;
margin-bottom: 18px;
}
.b-blog__aside-reviews-posts-one:last-child{
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.b-blog__aside-reviews-posts-one-info{
margin-left: 5px;
}
.b-blog__aside-reviews-posts-one-info p{
font: 600 14px 'Open Sans',sans-serif;
margin: 3px 0 15px 0;
}
.b-blog__aside-reviews-posts-one-info .b-world__item-val{
margin: 0;
}
.b-blog__aside-reviews-posts-one-info .b-world__item-num{
padding: 1px 12px;
}
.b-blog__aside-archives{
margin-bottom: 55px;
}
.b-blog__aside .b-detail__main-aside-about-call{
padding-left: 65px;
margin-top: 25px;
}
.b-blog__posts{
padding-top: 15px;
overflow: hidden;
}
.b-blog__posts-one{
padding-bottom: 45px;
border-bottom: 1px solid #eee;
margin-bottom: 45px;
}
.b-blog__posts-one-author-img{
width:70px;
height:70px;
border-radius: 100%;
background: url(../media/persons/author.jpg) center center no-repeat;
margin-bottom: 35px;
}
.b-blog__posts-one-author{
width:70px;
}
.b-blog__posts-one-share{
font: 400 10px 'Open Sans',sans-serif;
text-align: center;
padding-bottom: 15px;
margin-bottom: 25px;
}
.b-blog__posts-one-social{
text-align: center;
font-size:20px;
line-height:25px;
}
.row.m-noBlockPadding{
margin: 0;
}
.row.m-noBlockPadding > div{
padding: 0;
}
/* Blog posts */
.b-blog__posts-one-body{
margin-left: 25px;
}
.b-blog__posts-one-body-head{
margin-bottom: 25px;
}
.b-blog__posts-one-body-head-notes{
overflow: hidden;
}
.b-blog__posts-one-body-head h2{
font-size:22px;
text-transform: none;
margin: 10px 0 20px 0;
}
.b-blog__posts-one-body-head-notes-note{
margin-right: 15px;
font: 400 11px 'Open Sans',sans-serif;
}
.b-blog__posts-one-body-head-notes-note span.fa{
font-size:16px;
margin-right: 7px;
}
.b-blog__posts-one-body-head-notes-note span.fa-tags{
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
.b-blog__posts-one-body-main-img{
position: relative;
margin-bottom: 30px;
}
.b-blog__posts-one-body-main-img-small{
position: absolute;
bottom: 15px;
left:15px;
font-size:0;
}
.b-blog__posts-one-body-main-img-small a{
position: relative;
display: inline-block;
}
.b-blog__posts-one-body-main-img-small a:after{
position: absolute;
height: 100%;
width: 100%;
left: 0;
background: rgba(0,0,0,0.6);
content: '';
top: 0;
display: none;
}
.b-blog__posts-one-body-main-img-small a:hover:after{
display: block;
}
.b-blog__posts-one p{
font: 300 13px 'Open Sans',sans-serif;
margin: 0 0 50px 0;
line-height:1.9;
}
.btn.m-btn.m-readMore span.fa{
width:25px;
height:25px;
margin-left: 15px;
font-size:14px;
padding: 5px;
}
.btn.m-btn.m-readMore{
font: 600 10px 'Open Sans',sans-serif;
border:1px solid #eee;
padding:3px 3px 3px 15px ;
text-transform: uppercase;
}
.b-blog__posts-one a.b-items__cars-one-img-video{
bottom: 22px;
right:20px;
left:auto;
cursor:pointer;
}
.b-blog__posts-one-body-main-link{
padding: 35px;
margin-bottom: 40px;
}
.b-blog__posts-one-body-main-link a{
font: 600 18px 'Open Sans',sans-serif;
cursor: pointer;
}
.b-blog__posts-one-body-main-link a span.fa{
margin-right: 15px;
font-size:26px;
vertical-align: middle;
}
.m-blog .bxslider,.m-article .bxslider{
padding: 0;
}
/* Blog two */
.m-blogTwo .b-blog__posts-one{
border-bottom:1px solid #eee;
padding: 5px;
}
.m-blogTwo .b-blog__posts-one-body-head{
margin-bottom: 0;
}
.m-blogTwo .b-blog__posts-one-body-head:after{
left:25px;
}
.m-blogTwo .b-blog__posts-one-body-head h2{
margin: 0;
}
.b-blog__posts-one-info p{
font: 300 13px 'Open Sans',sans-serif;
margin: 20px 0 25px 0;
line-height: 1.9;
}
.b-blog__posts-one-social em{
font: 400 10px 'Open Sans',sans-serif;
margin-right: 5px;
vertical-align: middle;
}
.b-blog__posts-one-social{
}
.m-blogTwo .b-blog__posts{
padding-top: 0;
}
.m-blogTwo .b-blog__posts-one{
margin-bottom: 10px;
}
.m-blogTwo .b-blog__posts-one-body-main-link{
margin: 50px 0;
}
.m-blogTwo .b-items__pagination-main{
margin: 25px 0 0 0;
}
/* Article */
.b-article{
padding: 65px 0 135px 0;
}
.b-blog__posts-one-body-main > p{
margin-bottom: 40px;
}
.b-blog__posts-one-body-main > blockquote{
font: 400 13px 'Open Sans',sans-serif;
padding:0 0 0 15px;
line-height:1.9;
border-left:4px solid #000;
margin-bottom: 40px;
}
.b-blog__posts-one p.m-smallMargin{
margin-bottom: 30px;
margin-top: -10px;
}
.b-blog__posts-one-body-tags{
font: 600 11px 'Open Sans',sans-serif;
}
.b-blog__posts-one-body-tags span.fa-tags{
margin-right: 10px;
font-size:16px;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
vertical-align: bottom;
}
.b-blog__posts-one-body-tags a{
font: 400 11px 'Open Sans',sans-serif;
}
.b-blog__posts-one-body-tags a:after{
content:',';
}
.b-blog__posts-one-body-tags a:last-child:after{
content:'';
}
.m-article .b-blog__posts-one{
margin-bottom: 55px;
padding-bottom: 55px;
}
.b-article__main-related{
padding-bottom: 60px;
}
.b-article__main-related-item{
padding: 25px;
}
.b-article__main-related-item h5{
margin: 0 0 15px 0;
line-height:1.7;
}
.b-article__main-related-item h5 a{
font: 600 14px 'Open Sans',sans-serif;
}
.b-article__main-author{
padding: 40px 30px;
overflow: hidden;
position: relative;
margin-bottom: 70px;
}
.b-article__main-author h3{
margin: 0;
border-left: 4px solid #fff;
padding-left: 15px;
font: 700 14px 'Open Sans',sans-serif;
float:left;
}
.b-article__main-author h3 span{
font: 400 14px 'Open Sans',sans-serif;
margin-right: 3px;
}
.b-article__main-author-social{
margin-left: 40px;
float:left;
}
.b-article__main-author-social > a{
display: inline-block;
width:22px;
height:22px;
border-radius: 100%;
background: rgba(255,255,255,0.3);
text-align: center;
margin-right: 4px;
}
.b-article__main-author-social > a:hover{
background: rgba(255,255,255,0.8);
}
.b-article__main-author-social > a span.fa{
margin-top: 4px;
}
.b-article__main-author p{
margin: 20px 0 0 0;
font: 300 13px 'Open Sans',sans-serif;
line-height: 1.9;
}
.b-article__main-author:after{
height: 4px;
width: 100%;
position: absolute;
bottom: 0;
left:0;
display: block;
content: '';
background: rgba(255,255,255,0.3);
}
.b-article__main-comments{
padding-bottom: 55px;
border-bottom:1px solid #eee;
margin-bottom: 70px;
}
.b-article__main-comments-one{
overflow: hidden;
margin-bottom: 55px;
}
.b-article__main-comments-one-person{
width:100px;
float:left;
}
.b-article__main-comments-one-text{
margin-left: 100px;
}
.b-article__main-comments-one-text-head{
padding-bottom: 15px;
border-bottom:1px solid #eee;
overflow: hidden;
margin-bottom: 15px;
}
.b-article__main-comments-one-text-head h6{
font: 600 14px 'Open Sans',sans-serif;
margin: 5px 0 10px 0;
}
.b-article__main-comments-one-text-head-date{
font: 400 10px 'Open Sans',sans-serif;
float:left;
}
.b-article__main-comments-one-text-head-date span{
margin-right: 10px;
text-transform: uppercase;
}
.b-article__main-comments-one-text-head-answer{
font-size:18px;
margin-top: -5px;
}
.b-article__main-comments-one-text p{
font: 300 13px 'Open Sans',sans-serif;
line-height: 1.9;
}
.b-article__main-comments-one.m-second{
margin-left: 100px;
}
.b-blog__posts-one-author-img.m-woomen{
background-image: url(../media/persons/personW.jpg);
}
.b-article__main-comments .row > div:last-child .b-article__main-comments-one{
margin-bottom: 0;
}
.b-article__main-add input[type='text']{
display: block;
width: 100%;
margin-bottom: 30px;
padding: 15px 20px;
font: 400 10px 'Open Sans',sans-serif;
border: 1px solid #eeeeee;
text-transform: uppercase;
border-radius: 30px;
}
.b-article__main-add input[type='text']:focus,.b-article__main-add textarea:focus{
outline: none;
}
.b-article__main-add input[type='text']::-webkit-input-placeholder {
font: 400 10px 'Open Sans',sans-serif;
color:#999;
}
.b-article__main-add input[type='text']:-moz-placeholder {
font: 400 10px 'Open Sans',sans-serif;
color:#999;
}
.b-article__main-add textarea{
border-radius: 20px;
margin-bottom: 40px;
display: block;
width: 100%;
padding: 25px 20px;
font: 400 10px 'Open Sans',sans-serif;
border: 1px solid #eeeeee;
text-transform: uppercase;
height:130px;
}
.b-article__main-add button.btn.m-btn span.fa{
width:25px;
height:25px;
margin-left: 15px;
padding: 5px;
font-size: 14px;
}
.b-article__main-add button.btn.m-btn{
font: 700 12px 'Open Sans',sans-serif;
padding-left: 18px;
}
.btn-xs, .btn-group-xs>.btn {
padding: 1px 5px !important;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.b-blog__aside header {
padding-bottom: 15px;
margin: 0 0 20px 0;
}
.b-nav{
padding: 30px 0 25px;
position: relative;
z-index: 99;
}
.b-nav__logo{
float:left;
padding: 8px 0 0 5px;
background: url(../image/logo.png) left top no-repeat;
text-transform: uppercase;
}
.b-nav__logo h3{
margin:0;
font-size:26px;
line-height:20px
}
.b-nav__logo h3 a{
text-decoration: none;
font:700 26px 'Titillium Web', sans-serif;
}
.b-nav__logo h2{
margin: 0;
line-height:15px;
font-size:11px;
margin-top: -5px;
}
.b-nav__logo h2 a{
font:300 11px 'Open Sans',sans-serif;
text-decoration: none;
}
.b-nav__list{
float:right;
margin-right: 30px;
}
.b-nav__list ul{
margin-top: 20px;
padding-left: 0;
margin-bottom: 0;
}
.b-nav__list ul li{
float:left;
list-style: none;
height: 38px;
}
.navbar-nav-menu > li > .dropdown-menu{
display: block !important;
height: 0px;
overflow: hidden;
opacity: 0;
}
.navbar-nav-menu > li.open > .dropdown-menu{
height: auto;
padding-bottom: 3px;
opacity: 1;
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.b-nav__list ul li a{
text-transform: uppercase;
text-decoration: none;
display: inline-block;
padding: 0 14px 15px 14px;
font:700 13px 'Open Sans',sans-serif;
}
.b-nav__list ul li a:hover{
border-bottom: 3px solid #f76d2b;
}
.b-nav__list ul li a span.fa{
margin-left: 4px;
}
.h-nav li{
display: block;
float:none!important;
}
.h-nav{
margin-top: 0!important;
}
.h-nav li a{
display: block!important;
text-align: left;
padding: 10px 14px !important;
}
.navbar-collapse{
padding: 0;
}
.tskt,
.tskt,
.listcar .titlebottom .tskt {
width: 100% !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
border-top: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
}
.tskt td,
.tskt td,
.listcar .titlebottom .tskt td {
text-align: center;
font: 12px/40px 'Open Sans';
color: #222;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.tskt .first,
.tskt .first,
.listcar .titlebottom .tskt .first {
width: 199px !important;
font-weight: bold !important;
}
.tskt .trhead,
.tskt .trhead,
.listcar .titlebottom .tskt .trhead {
width: 100%;
height: 60px;
font: 14px 'Open Sans';
color: #1260ab !important;
}
.tskt .trhead th,
.tskt .trhead th,
.listcar .titlebottom .tskt .trhead th {
text-align: center;
}
.tskt .trprice td,
.tskt .trprice td,
.listcar .titlebottom .tskt .trprice td {
color: #80a120 !important;
font: bold 14px/40px 'Open Sans' !important;
}
.tskt .highlight,
.tskt .highlight,
.listcar .titlebottom .tskt .highlight {
background-color: #e8e8e8;
}
/**/
.tblnormal,
.detail-carreview .tblnormal,
.comparepage .tblnormal,
.listcar .titlebottom .tblnormal {
/*width: 100% !important;*/
border-collapse: collapse !important;
border-spacing: 0 !important;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-spacing: 0 !important;
}
.tblnormal tr:first-child,
.detail-carreview .tblnormal tr:first-child,
.comparepage .tblnormal tr:first-child,
.listcar .titlebottom .tblnormal tr:first-child {
background-color: #1f497d;
}
.tblnormal tr:first-child td,
.detail-carreview .tblnormal tr:first-child td,
.comparepage .tblnormal tr:first-child td,
.listcar .titlebottom .tblnormal tr:first-child td {
font: bold 15px 'Arial';
color: #fff;
}
.tblnormal td,
.detail-carreview .tblnormal td,
.comparepage .tblnormal td,
.listcar .titlebottom .tblnormal td {
text-align: center;
font: 14px 'Arial';
color: #222;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px;
}
.tblnormal td p,
.detail-carreview .tblnormal td p,
.comparepage .tblnormal td p,
.listcar .titlebottom .tblnormal td p {
margin-left: 2px;
}
/**/
.archor-news {
height: 35px;
float: left;
visibility: hidden;
}
.tittabs {
max-width: 200px;
height: 37px;
/* float: left; */
text-align: center;
font: 20px/37px 'Open Sans';
margin-bottom: 15px;
color: #ffffff;
text-transform: uppercase;
background: #069cf5;
}
.breadcrumbVND {
padding: 5px 5px;
list-style-type: none;
margin-bottom: 30px;
background-color: #eee;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.footer-tag li {
margin-bottom: 3px !important;
background: #fff;
width: auto;
display: inline-block;
border-radius: 4px;
padding: 2px 4px;
}
.footer-tag li a{
color: #000;
}
.footer-tag li:hover{
background: #089cf5;
}
.footer-tag li:hover a{
color: #fff;
}
img {
max-width: 100%;
height: auto !important;
}
img.lazy {
-o-object-fit: none;
object-fit: none;
background: #f1f1f1;
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.listsphome .itemproduct.col-lg-6 {width: 20%;}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
.chromeframe {
position:fixed !important;
top:0 !important;
right:0;
left:0;
width:100% !important;
z-index:99999999999999 !important;
background-color:#ffff00 !important;
color:#000 !important;
height:25px;
line-height:25px;
padding:0.2em 0;
text-align:center !important;
}
#timeoutsess {
display:none;
}
#timeoutsess a {
color:#2f70a7 !important;
}
.block-title a {
color: #fff;
}
.block-title a:hover {
color: #c1bfce;
}
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
.vc_video-bg-container.video-bg:before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .8);
}
.vc_video-bg-container.video-bg .thw-title-shortcode {
position: relative;
z-index: 2;
}
/* Typography
================================================== */
body {
font: 16px/24px "NewYork", sans-serif;
background: #fff;
color: #333;
}
body,
p {
font-family: 'NewYork', sans-serif;
line-height: 24px;
font-size: 16px !important;
text-rendering: optimizeLegibility;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1c1c1c;
font-weight: 700;
}
h1 {
font-size: 18px;
line-height: 28px;
}
h2 {
font-size: 28px;
line-height: 36px;
}
h3 {
font-size: 24px;
margin-bottom: 2px;
}
h4 {
font-size: 18px;
line-height: 28px;
}
h5 {
font-size: 14px;
line-height: 24px;
}
.alert .icon {
margin-right: 15px;
}
/* Global styles
================================================== */
html {
overflow-x: hidden !important;
width: 100%;
height: 100%;
position: relative;
}
body {
border: 0;
margin: 0;
padding: 0;
}
.body-inner {
position: relative;
overflow: hidden;
}
a:link,
a:visited {
text-decoration: none;
}
a {
/* color: #ec0000; */
}
a:hover {
text-decoration: none;
color: #000;
}
a.read-more {
color: #ec0000;
font-weight: 700;
text-transform: uppercase;
}
a.read-more:hover {
color: #222;
}
section,
.section-padding {
padding: 5px 0;
position: relative;
}
.no-padding {
padding: 0;
}
.p-top-0 {
padding-top: 0;
}
.p-bottom-0 {
padding-bottom: 0;
}
.m-top-0 {
margin-top: 0 !important;
}
.m-bottom-0 {
margin-bottom: 0;
}
.media>.pull-left {
margin-right: 20px;
}
img.banner {
display: inline-block;
}
.gap-60 {
clear: both;
height: 60px;
}
.gap-50 {
clear: both;
height: 50px;
}
.gap-40 {
clear: both;
height: 40px;
}
.gap-30 {
clear: both;
height: 30px;
}
.gap-20 {
clear: both;
height: 20px;
}
.mrb-30 {
margin-bottom: 30px;
}
.mrb-80 {
margin-bottom: -80px;
}
.mrt-0 {
margin-top: 0 !important;
}
.pab {
padding-bottom: 0;
}
a:focus {
outline: 0;
}
img.pull-left {
margin-right: 20px;
margin-bottom: 20px;
}
img.pull-right {
margin-left: 20px;
margin-bottom: 20px;
}
ol,
ul {
margin-bottom: 20px;
}
.unstyled {
list-style: none;
margin: 0;
padding: 0;
}
.ts-padding {
padding: 60px;
}
.solid-bg {
background: #f9f9f9;
}
.solid-row {
background: #f0f0f0;
}
/* Dropcap */
.dropcap {
font-size: 44px;
line-height: 50px;
display: inline-block;
float: left;
margin: 0 12px 0 0;
position: relative;
text-transform: uppercase;
}
/* Video responsive */
.embed-responsive {
padding-bottom: 56.25%;
position: relative;
display: block;
height: 0;
overflow: hidden;
}
.embed-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/* Input form */
.form-control {
box-shadow: none;
border: 1px solid #dadada;
padding: 5px 20px;
height: 40px;
background: none;
color: #959595;
font-size: 12px;
border-radius: 0;
}
.form-control:focus {
box-shadow: none;
border: 1px solid #ec0000;
}
hr {
background-color: #e7e7e7;
border: 0;
height: 1px;
margin: 40px 0;
}
blockquote {
position: relative;
background: #f7f7f7;
padding: 45px 50px 30px;
border: 0;
margin: 50px 0 40px;
font-size: 22px;
line-height: 34px;
font-family: Arimo, sans-serif;
font-weight: 400;
text-align: center;
}
blockquote:before {
position: absolute;
content: '\f10e';
font-family: FontAwesome;
font-size: 24px;
padding: 8px 15px;
top: -30px;
left: 50%;
margin-left: -44px;
color: #fff;
background: #ec0000;
}
cite {
display: block;
font-size: 14px;
margin-top: 10px;
}
blockquote.pull-left {
padding-left: 15px;
padding-right: 0;
text-align: left;
border-left: 5px solid #eee;
border-right: 0;
}
.margin-bottom-lg {
margin-bottom: 5px;
}
/* Button */
.btn-default {
color: #333;
background-color: #212020;
border-color: #ccc;
}
.btn-primary,
.btn-default,
.btn-success,
.btn-danger,
.btn-warning,
.btn-dark {
border: 0;
border-radius: 0;
padding: 12px 25px 10px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
-webkit-transition: 350ms;
-moz-transition: 350ms;
-o-transition: 350ms;
transition: 350ms;
}
.btn-white.btn-primary {
background: #fff;
color: #ec0000;
}
.btn-primary {
background: #ffa81e;
}
.btn-dark {
background: #242427;
}
.btn-primary:hover,
.btn-dark:hover,
.btn-white.btn-primary:hover {
background: #272d33;
color: #fff;
}
.general-btn {
clear: both;
margin-top: 50px;
}
/* Ul, Ol */
.list-round,
.list-arrow,
.list-check {
list-style: none;
margin: 0;
padding: 0;
}
.list-round li {
line-height: 28px;
}
.list-round li:before {
font-family: FontAwesome;
content: "\f138";
margin-right: 10px;
color: #ec0000;
font-size: 12px;
}
.list-arrow {
padding: 0;
}
ul.list-arrow li:before {
font-family: FontAwesome;
content: "\f105";
margin-right: 10px;
color: #ec0000;
font-size: 16px;
}
ul.list-check li:before {
font-family: FontAwesome;
content: "\f00c";
margin-right: 10px;
color: #ec0000;
font-size: 14px;
}
/* Bootstrap */
.nav-tabs>li>a.active,
.nav-tabs>li>a.active:focus,
.nav-tabs>li>a.active:hover,
.nav-tabs>li>a:hover,
.nav-tabs>li>a {
border: 0;
background: none;
}
.nav>li>a:focus,
.nav>li>a:hover {
background: none;
}
.pattern-bg {
background: #f5f5f5 url(../images/crossword.png);
}
a[href^=tel] {
color: inherit;
text-decoration: none;
}
/* Common styles
================================================== */
/*-- Block padding --*/
@media (min-width: 992px) {
.pad-0 {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.pad-r {
padding-right: 2px;
}
.pad-l {
padding-left: 2px;
}
.pad-r-small {
padding-right: 1.5px;
padding-bottom: 5.5px;
}
.pad-l-small {
padding-left: 1.5px;
}
.pad-l-0 {
padding-left: 0;
}
.pad-r-0 {
padding-right: 0;
}
}
/*-- Block title --*/
.block-title {
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
margin: 0 0 5px;
border-bottom: 2px solid #1c1c1c;
}
.block-title>span {
background: #1c1c1c;
color: #fff;
height: 30px;
line-height: 30px;
padding: 8px 15px;
position: relative;
}
/*.block-title>span:after {
border-color: #272727 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
position: absolute;
content: " ";
width: auto;
height: auto;
bottom: -20px;
margin-left: -10px;
left: 50%;
border-width: 10px;
border-style: solid;
}
*/
/*-- Post title --*/
.post-title {
font-size: 18px;
line-height: 24px;
margin: 15px 0 0;
}
.post-title a {
color: #1c1c1c;
}
.post-title.title-extra-large {
font-size: 26px;
line-height: 30px;
margin-top: 15px;
margin-bottom: 10px;
}
.post-title.title-large {
font-size: 20px;
line-height: 26px;
margin-top: 15px;
margin-bottom: 5px;
}
.post-title.title-medium {
font-size: 16px;
line-height: 24px;
margin-top: 15px;
margin-bottom: 5px;
}
.post-title.title-small {
font-size: 14px;
line-height: 20px;
margin-top: 15px;
margin-bottom: 5px;
}
/*-- Post meta --*/
a.post-cat {
position: relative;
font-size: 10px;
padding: 0 5px;
background: #1c1c1c;
text-transform: uppercase;
font-weight: 700;
color: #fff;
height: 20px;
line-height: 20px;
display: inline-block;
}
.post-cat:before {
content: '';
position: absolute;
left: 0;
z-index: 0;
bottom: -8px;
border-top: 8px solid #1c1c1c;
border-right: 8px solid transparent;
}
.post-cat a {
color: #fff;
}
.post-meta .post-author a {
color: #1c1c1c;
font-weight: 700;
}
.post-meta span {
font-size: 12px;
color: #a3a3a3;
margin-right: 8px;
padding-right: 10px;
border-right: 1px solid #dedede;
line-height: 12px;
display: inline-block;
}
.post-meta span.post-date {
border-right: 0;
margin-top: 5px;
}
span.post-comment {
border-right: 0;
line-height: 24px;
margin-right: 0;
padding-right: 0;
}
span.post-comment span {
border-right: 0;
line-height: 100%;
}
.post-meta span i {
margin-right: 5px;
}
/*-- Post Overaly --*/
.post-overaly-style {
position: relative;
overflow: hidden;
}
.post-overaly-style:before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1;
bottom: 0;
left: 0;
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
}
.post-overaly-style .post-content {
position: absolute;
bottom: 0;
padding: 25px;
}
.post-overaly-style .post-title a {
color: #fff;
}
.post-overaly-style .post-date {
color: #fff;
}
.post-thumb {
max-width: 100%;
position: relative;
overflow: hidden;
}
.post-thumb img {
display: block;
width: 100%;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.post-block-style:hover .post-thumb img,
.post-overaly-style:hover .post-thumb img {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
.post-block-style.post-float:hover .post-thumb img {
transform: none;
}
.thumb-float-style .post-cat {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
}
/* Post overaly Top Content */
.post-overaly-style.contentTop .post-content {
top: 0;
bottom: auto;
}
.post-overaly-style.contentTop:before {
top: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
}
/*-- Post Overaly Textcenter --*/
.post-overaly-style.text-center .post-content {
padding: 30px 30px 60px;
}
.post-overaly-style.text-center {
margin-bottom: 30px;
}
.post-overaly-style.text-center:last-child {
margin-bottom: 0;
}
.post-overaly-style.text-center .post-thumb img {
min-height: 260px;
}
.post-overaly-style.text-center .post-meta span {
padding: 0;
margin: 0;
}
.post-overaly-style.text-center:before {
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
}
/*-- Post Block style --*/
.post-block-style {
position: relative;
overflow: hidden;
}
.post-block-style .post-content {
padding: 0;
}
.post-block-style .post-title a:hover {
color: #ec0000;
}
.post-block-style .post-content p {
font-size: 13px;
}
.post-block-style .post-cat {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
}
.post-block-style .post-content .post-meta {
margin: 3px 0;
}
/*-- Review box --*/
.review-box {
background: #1c1c1c;
color: #fff;
position: absolute;
top: 0;
padding: 2px 7px;
font-weight: 700;
}
/*-- Post list --*/
.list-post-block {
margin-top: 10px !important;
}
.list-post {
list-style: none;
margin: 0;
padding: 0;
}
.list-post-block .list-post>li {
margin-bottom: 15px;
max-height: 75px;
}
.list-post-block .list-post>li:last-child {
margin-bottom: 0;
}
.post-block-style.post-float .post-thumb {
float: left;
position: relative;
z-index: 1;
margin-right: 20px;
}
.post-block-style.post-float .post-thumb img {
max-width: 100px;
min-height: 75px;
}
.post-block-style.post-float .post-title {
margin-top: 0;
}
.post-block-style.post-float .post-content {
z-index: 0;
}
.post-block-style.post-float .post-cat {
font-size: 8px;
left: 0;
top: 0;
}
/*-- Review post list --*/
.review-stars i {
color: #1c1c1c;
}
/* Different Color
================================================== */
/*-- Color Default --*/
.color-default a.post-cat {
background: #1c1c1c;
}
.color-default .post-cat:before {
border-top: 8px solid #1c1c1c;
}
/*-- Color Red --*/
.color-red .block-title {
border-bottom: 2px solid #ec0000;
}
.color-red .block-title>span,
.color-red a.post-cat {
background: #ec0000;
}
.color-red .post-cat:before {
border-top: 8px solid #ec0000;
}
.color-red .block-title>span:after {
border-color: #ec0000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.color-red .owl-carousel.owl-theme .owl-nav>div:hover {
background: #ec0000;
}
/*-- Color Blue --*/
.color-blue .block-title {
border-bottom: 2px solid #1e88e5;
}
.color-blue .block-title>span,
.color-blue a.post-cat {
background: #1e88e5;
}
.color-blue .post-cat:before {
border-top: 8px solid #1e88e5;
}
.color-blue.featured-tab .nav-tabs>li>a.active {
color: #1e88e5;
}
.color-blue.featured-tab .nav-tabs>li>a.active:after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1e88e5 rgba(0, 0, 0, 0);
}
.color-blue .block-title>span:after {
border-color: #1e88e5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
/*-- Color Blue --*/
.color-dark-blue .block-title {
border-bottom: 2px solid #4258fe;
}
.color-dark-blue .block-title>span,
.color-dark-blue a.post-cat {
background: #4258fe;
}
.color-dark-blue .post-cat:before {
border-top: 8px solid #4258fe;
}
.color-dark-blue.featured-tab .nav-tabs>li>a.active {
color: #4258fe;
}
.color-dark-blue.featured-tab .nav-tabs>li>a.active:after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #4258fe rgba(0, 0, 0, 0);
}
.color-dark-blue .block-title>span:after {
border-color: #4258fe rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
/*-- Color Orange --*/
.color-orange .block-title {
border-bottom: 2px solid #ff7a09;
}
.color-orange .block-title>span,
.color-orange a.post-cat {
background: #ff7a09;
}
.color-orange .post-cat:before {
border-top: 8px solid #ff7a09;
}
.color-orange.featured-tab .nav-tabs>li.active>a {
color: #ff7a09;
}
.color-orange.featured-tab .nav-tabs>li.active>a:after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff7a09 rgba(0, 0, 0, 0);
}
.color-orange .block-title>span:after {
border-color: #ff7a09 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
/*-- Color Aqua --*/
.color-aqua .block-title {
border-bottom: 2px solid #00bdb3;
}
.color-aqua .block-title>span,
.color-aqua a.post-cat {
background: #00bdb3;
}
.color-aqua .post-cat:before {
border-top: 8px solid #00bdb3;
}
.color-aqua.featured-tab .nav-tabs>li.active>a {
color: #00bdb3;
}
.color-aqua.featured-tab .nav-tabs>li.active>a:after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00bdb3 rgba(0, 0, 0, 0);
}
.color-aqua .block-title>span:after {
border-color: #00bdb3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
/*-- Color Violet --*/
.color-violet .block-title {
border-bottom: 2px solid #9401d3;
}
.color-violet .block-title>span,
.color-violet a.post-cat {
background: #9401d3;
}
.color-violet .post-cat:before {
border-top: 8px solid #9401d3;
}
.color-violet.featured-tab .nav-tabs>li.active>a {
color: #9401d3;
}
.color-violet.featured-tab .nav-tabs>li.active>a:after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #9401d3 rgba(0, 0, 0, 0);
}
.color-violet .block-title>span:after {
border-color: #9401d3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
/* Trending Bar
================================================== */
.trending-bar {
background: #272727;
color: #fff;
padding: 10px 0;
}
.trending-title {
background: #ec0000;
color: #fff;
display: inline-block;
font-size: 11px;
padding: 5px 10px;
line-height: 100%;
text-transform: uppercase;
float: left;
margin: 0 20px 0 0;
}
.trending-bar .post-content,
.trending-light .post-content {
padding: 0;
}
.owl-carousel.owl-theme.trending-slide .owl-nav {
position: absolute;
right: 0;
top: -3px;
margin: 0;
}
.owl-carousel.owl-theme.trending-slide .owl-nav>div {
background: #ec0000;
border: 0;
color: #fff;
}
.owl-carousel.owl-theme.trending-slide .owl-nav>div:hover {
background: #fff;
border: 0;
color: #ec0000;
}
.trending-slide .post-title a {
color: #fff;
}
.trending-slide .post-title.title-small {
font-weight: 400;
margin: 0;
}
/* Trending light */
.trending-light {
color: #1c1c1c;
margin: 30px 0;
}
.trending-light .trending-slide .post-title {
font-weight: 600;
margin-top: 3px;
font-size: 15px;
}
.trending-light .trending-slide .post-title a {
color: #1c1c1c;
}
.trending-light .trending-title {
padding: 8px 10px 7px;
}
.trending-light .owl-carousel.owl-theme.trending-slide .owl-nav>div:hover {
background: #333;
color: #fff;
}
/* Top Bar
================================================== */
.top-bar {
padding: 8px 0;
border-bottom: 1px solid #dedede;
color: #a3a3a3;
font-size: 13px;
}
/* Date */
.ts-date {
display: inline-block;
border-right: 1px solid #acacac;
padding-right: 10px;
line-height: 12px;
}
.ts-date i {
margin-right: 5px;
}
/* Top nav */
.top-nav {
display: inline-block;
}
.top-nav li {
display: inline-block;
line-height: 12px;
padding-left: 12px;
}
.top-nav li a {
background: none;
color: #a3a3a3;
padding: 0;
line-height: 100%;
}
.top-nav li a:hover {
color: #ec0000;
}
/* Top social */
.top-social ul {
list-style: none;
padding: 0;
margin: 0;
}
.top-social li {
display: inline-block;
padding: 0;
}
.top-social li a {
color: #a3a3a3;
margin-right: 15px;
font-size: 14px;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.top-social li a:hover {
color: #333;
}
/* Top bar border */
.top-bar-border {
padding: 8px 20px 8px;
border-bottom: 1px solid #ddd;
}
.top-bar-border ul.top-info {
color: #7c7c7c;
font-weight: 400;
}
.top-bar-border .top-social li a {
color: #7c7c7c;
}
.top-bar-border ul.top-info li i {
color: #ec0000;
}
/* Header Default
================================================== */
.header {
padding-bottom: 10px;
padding-top: 6px;
}
.header a {color:#000;
}
.header span {color: #222;}
.btn-danger {background: #ae8740;}
.navbar-fixed {
background: #fff;
z-index: 99999;
position: fixed;
width: 100%;
top: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
-webkit-animation: fadeInDown 800ms;
-moz-animation: fadeInDown 800ms;
-ms-animation: fadeInDown 800ms;
-o-animation: fadeInDown 800ms;
animation: fadeInDown 800ms;
-webkit-backface-visibility: hidden;
}
.header-right {padding-top: 10px;}
/*-- Logo --*/
.logo {
padding: 10px 0;
}
/* header right */
.header-right {
float: right;
}
/* Logo center */
.header.text-center {
padding: 10px 0;
}
/*-- Search start --*/
ul.top-info-box>li.nav-search {
cursor: pointer;
padding-left: 30px;
margin-left: 30px;
}
ul.top-info-box>li.nav-search:before {
position: absolute;
content: '';
background: #ddd;
left: 0;
width: 1px;
height: 40px;
top: 50%;
margin-top: -10px;
}
ul.top-info-box>li.nav-search i {
font-size: 20px;
top: 10px;
position: relative;
cursor: pointer;
color: #999;
}
/* Main navigation */
.site-nav-inner {
position: relative;
}
.main-nav>.container>.row {
border-top: 3px solid #ec0000;
border-bottom: 1px solid #dedede;
margin-left: 0;
margin-right: 0;
}
.navbar {
border-radius: 0;
border: 0;
margin-bottom: 0;
padding: 0px;
}
.navbar-toggler {
float: left;
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
border-radius: 0;
margin-right: 5px;
background: #fff;
height: 30px;
width: 35px;
border: none;
}
.navbar-toggler-icon {
width: 25px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#fff' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggle .i-bar {
background: #fff;
}
.navbar-collapse {
padding-left: 0;
}
@media (min-width: 767px) {
ul.nav li.dropdown .dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 100%;
top: 0;
display: none;
}
ul.nav li.dropdown .dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
display: block;
}
}
.mega-menu-content {
width: 1110px;
padding: 0;
}
.mega-menu-content .row{
margin:0;
}
.mega-menu-content-inner {
padding: 20px 10px;
}
.mega-menu-content .video-icon {
border: 0;
margin-top: -40px;
}
/*-- Dark bg style --*/
.main-nav.dark-bg>.container>.row {
border: 0;
background: #272727;
margin-left: 0;
margin-right: 0;
}
.dark-bg .navbar-toggler {
margin-left: 6px;
}
.main-nav.dark-bg ul.navbar-nav>li>a {
color: #fff;
}
.main-nav.dark-bg ul.navbar-nav>li>a:before {
border: 0;
}
.main-nav.dark-bg ul.navbar-nav>li.active,
.main-nav.dark-bg ul.navbar-nav>li:hover {
background: #ec0000;
}
.main-nav.dark-bg .nav-search i {
color: #fff;
}
/*-- Nav Search start --*/
.main-nav>.container,
.search-area {
position: relative;
}
.search-area {
min-height: 70px;
padding-right: 0;
}
.nav-search {
float: right;
display: inline-block;
position: absolute;
cursor: pointer;
top: 0px;
right: 10px;
/* color: #fff; */
font-size: 17px;
}
.search-block {
background-color: #dadbdc;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
display: none;
padding: 10px;
position: absolute;
right: 6px;
top: 100%;
width: 300px;
z-index: 10;
margin-top: -16px;
}
.search-block .form-control {
background-color: #f7f7f7;
border: none;
color: #000;
width: 100%;
height: 32px;
padding: 0 12px;
}
.search-block .search-close {
color: #181818;
position: absolute;
top: -34px;
right: 0;
font-size: 32px;
cursor: pointer;
background: #dadbdc;
padding: 5px 10px;
}
.search-area .nav-search {
top: 23px;
}
.search-area .search-block .search-close {
top: -50px;
}
.search-area .search-block {
right: 0;
}
/*-- Menu tab --*/
.menu-tab .nav.nav-tabs {
background: #f6f6f6;
border-right: 1px solid #dedede;
padding: 25px 20px 20px;
padding-right: 0;
min-height: 250px;
margin-top: 0;
}
.menu-tab .nav.nav-tabs>li>a {
border: 1px solid transparent;
border-radius: 0;
font-weight: 600;
padding: 10px 15px;
}
.menu-tab .nav.nav-tabs>li>a.active {
background: #fff;
margin-right: -1px;
border: 1px solid #dedede;
border-right: 0;
color: #ec0000;
cursor: pointer;
}
.menu-tab .tab-content>.tab-pane {
padding: 25px 0;
min-height: 250px;
}
.menu-tab .tab-content>.tab-pane .col-md-3 {
padding-right: 10px;
padding-left: 10px;
}
/* Header with Menu
================================================== */
.header.header-menu {
padding: 0;
}
.header.header-menu .logo {
padding: 12px 0;
}
.header.header-menu>.container>.row {
border-bottom: 1px solid #dedede;
margin-left: 0;
margin-right: 0;
}
.header.header-menu ul.navbar-nav>li>a {
line-height: 70px;
}
.header.header-menu ul.navbar-nav>li.mega-dropdown,
.site-nav-inner {
position: static;
}
.header.header-menu .mega-menu-content {
min-width: 1145px;
left: -43%;
}
/* Featured Post area
================================================== */
.featured-post-area {
margin-bottom: -10px;
}
/*-- Owl slide common --*/
.owl-carousel.page-slider .owl-nav {
margin: 0;
}
.owl-carousel.owl-theme.post-slide .owl-nav {
text-align: center;
position: absolute;
top: -82px;
right: 0;
}
.owl-carousel.owl-theme .owl-nav>div {
margin: 0 3px;
background: none;
border: 1px solid #dedede;
color: #999;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0;
border-radius: 0;
display: inline-block;
text-align: center;
font-size: 12px;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.owl-carousel.owl-theme .owl-nav>div:hover {
background: #272d33;
border: 1px solid transparent;
}
.owl-theme .owl-dots {
text-align: center;
position: absolute;
z-index: 1;
top: -67px;
right: 0;
margin: 0 !important;
}
.owl-theme.owl-carousel .owl-dots .owl-dot span {
width: 8px;
height: 8px;
margin: 5px 4px;
display: inline-block;
border-radius: 0;
background: rgba(0, 0, 0, 0.5);
}
.owl-theme.owl-carousel .owl-dots .owl-dot.active span {
background: #ec0000;
}
/* Latest slider */
.owl-carousel.owl-theme.latest-news-slide .owl-nav {
text-align: center;
position: absolute;
top: -82px;
right: 0;
}
/* Featured slider */
.featured-slider .item {
min-height: 423px;
position: relative;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover;
-webkit-backface-visibility: hidden;
}
.featured-slider .item:before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
}
.post-content {
padding: 30px;
z-index: 1;
position: relative;
}
.featured-slider.owl-theme .owl-nav>div {
background: rgba(0, 0, 0, 0.65);
border: 0;
position: absolute;
top: 50%;
width: 34px;
height: 40px;
line-height: 38px;
padding: 0;
border-radius: 0;
font-size: 24px;
text-align: center;
opacity: 0;
margin: 0;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.featured-slider.owl-theme:hover .owl-nav>div {
opacity: 1;
}
.featured-slider.owl-theme .owl-nav>.owl-prev {
left: 0;
}
.featured-slider.owl-theme .owl-nav>.owl-next {
right: 0;
}
.featured-slider.owl-theme .owl-nav>div:hover {
background: #ec0000;
color: #fff;
border: 0;
}
.featured-post .post-date,
.featured-post .post-title a {
color: #fff;
}
/* Featured slider content bottom */
.featured-slider.content-bottom .featured-post {
position: absolute;
bottom: 0;
}
.featured-slider.content-bottom .item:before {
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
}
/* Trending post hot */
.hot-post-top {
max-height: 280px;
margin-bottom: 3px;
}
.hot-post-bottom,
.hot-post-bottom img {
min-height: 182px;
}
.hot-post-top .post-content,
.hot-post-bottom .post-content {
padding: 20px;
}
/*-- 4 News Box --*/
.fourNewsbox,
.fourNewsbox img,
.fourNewsboxTop,
.fourNewsboxTop img {
min-height: 231px;
}
.fourNewsboxTop {
margin-bottom: 3px;
}
/* Post overaly text center on Featured area */
.featured-post-area .post-overaly-style.text-center {
max-height: 231px;
}
.featured-post-area .post-overaly-style.first {
margin-bottom: 4px;
}
/* Block
================================================== */
.block {
position: relative;
}
/* Sidebar
================================================== */
.sidebar .widget.m-bottom-0 {
margin-bottom: 0;
}
/*-- Social Icon --*/
.social-icon {
list-style: none;
margin: 0;
padding: 0;
}
.social-icon li {
display: inline-block;
margin: 0 0px 0 0;
}
.social-icon li a i {
background: #ec0000;
color: #fff;
font-size: 18px;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
-webkit-transition: 350ms;
-o-transition: 350ms;
transition: 350ms;
}
.social-icon li a i.fa-rss {
background: #FA9B39;
}
.social-icon li a i.fa-facebook {
background: #3B5998;
}
.social-icon li a i.fa-twitter {
background: #00aced;
}
.social-icon li a i.fa-google-plus {
background: #dd4b39;
}
.social-icon li a i.fa-vimeo-square {
background: #7FC400;
}
.social-icon li a i.fa-youtube {
background: #bb0000;
}
.social-icon li a i:hover {
background: #1c1c1c;
}
/* Social icon box style */
.social-icon-box>li {
width: 100%;
background: #1c1c1c;
padding: 12px;
color: #fff;
margin-bottom: 10px;
}
.social-icon-box>li>a {
color: #fff;
}
.social-icon-box>li>a i {
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
float: left;
margin-right: 20px;
background: rgba(0, 0, 0, 0.2);
}
.social-icon-box .ts-social-title {
font-size: 14px;
margin-bottom: -5px;
}
.social-icon-box .ts-social-desc {
display: block;
font-size: 13px;
}
.social-icon-box>li.rss {
background: #FA9B39;
}
.social-icon-box>li.facebook {
background: #3B5998;
}
.social-icon-box>li.twitter {
background: #00aced;
}
.social-icon-box>li.gplus {
background: #c53942;
}
/* Featuted Tab
================================================== */
/*-- Common styles --*/
.featured-tab {
position: relative;
}
.featured-tab .nav-tabs {
border: 0;
position: absolute;
top: 0;
right: 0;
}
.featured-tab .nav-tabs>li>a {
color: #999999;
text-shadow: none;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
border-radius: 0;
margin: 0 1px 0;
padding: 0 0 0 15px;
border: 0 !important;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.featured-tab .tab-content {
border-top: 0;
padding: 0;
overflow: hidden;
}
.featured-tab .nav-tabs>li>a.active {
color: #1c1c1c;
position: relative;
background: none;
}
.featured-tab .nav-tabs>li>a.active:after {
position: absolute;
content: " ";
width: auto;
height: auto;
bottom: -9px;
margin-left: 0;
left: 50%;
border-width: 7px;
border-style: solid;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1c1c1c rgba(0, 0, 0, 0);
}
.featured-tab .list-post-block {
margin-top: 0;
}
/* Ad Content area
================================================== */
.ad-content-area img {
display: inline-block;
}
/* Video Block
================================================== */
.video-block .nav-tabs .nav-item.show .nav-link,
.video-block .nav-tabs .nav-link.active {
background: transparent;
}
.video-block {
background: #1c1c1c;
color: #fff;
}
.video-tab-title {
color: #fff;
font-size: 18px;
text-transform: uppercase;
margin: 0 0 30px 15px;
}
.video-tab .post-overaly-style {
min-height: 430px;
}
.video-tab .post-overaly-style .post-content {
padding: 35px;
}
.video-tab .post-title {
font-size: 24px;
line-height: 30px;
font-weight: normal;
}
.video-tab .nav-tabs>li {
width: 100%;
float: none;
display: block;
margin-bottom: -1px;
border: 1px solid #393a3b;
min-height: 149px;
padding: 30px 30px 25px;
}
.video-tab .nav-tabs>li>a {
background: none;
border: 0;
padding: 0;
}
.video-tab .nav-tabs>li>a .post-thumb img {
max-width: 110px;
min-height: 85px;
}
.video-tab .nav-tabs>li>a .post-thumb {
float: left;
margin-right: 20px;
position: relative;
overflow: hidden;
}
.video-tab .nav-tabs>li>a h3 {
color: #fff;
font-weight: normal;
line-height: 28px;
font-size: 16px;
margin: 0;
}
.video-icon {
text-align: center;
color: #fff;
display: block;
top: 50%;
margin-top: -50px;
font-size: 32px;
z-index: 1;
position: absolute;
left: 50%;
margin-left: -40px;
width: 80px;
height: 80px;
line-height: 65px;
border: 7px solid #fff;
display: inline-block;
border-radius: 100%;
}
.video-icon i {
margin-left: 5px;
}
/* More news
================================================== */
.post-block-style.post-float-half .post-thumb {
float: left;
position: relative;
z-index: 1;
margin-right: 30px;
}
.post-block-style.post-float-half .post-thumb img {
max-width: 300px;
min-height: 200px;
}
/* Footer
================================================== */
.footer-logo {
float: left;
}
.footer {
background: #3f2116;
color: #fff;
padding: 40px 0 15px;
}
.footer .fa {margin-right: 12px;color:#dcbf84;}
.footer .widget-title {
font-size: 16px;
font-weight: 700;
position: relative;
margin: 0 0 35px;
text-transform: uppercase;
color: #fff;
}
.footer-info >div >div >div {padding-left: 15px;padding-right: 15px;font-weight: 200;}
.footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.block-wrapper {padding:30px 0 0;}
.footer ul li {
margin-bottom: 8px;
}
.footer-info h2 {margin-top: 0;font-weight: 600;color:#FFF;margin-bottom: 10px;font-size: 24px;}
.footer ul li a {
color: #fff;
}
/* Trending */
.footer .post-title.title-small {
font-weight: normal;
}
.footer-widget .post-block-style.post-float .post-thumb img {
max-width: 95px;
min-height: 75px;
}
.footer-widget .post-meta span.post-date {
color: #676767;
}
/* Footer Widget Categories */
.footer-widget.widget-categories ul {
padding-right: 30px;
}
.footer-widget.widget-categories ul li .catCounter {
float: right;
}
/* Twitter Widget */
.twitter-widget ul li {
position: relative;
padding-left: 35px;
}
.twitter-widget ul li:after {
content: "\f099";
position: absolute;
top: 0;
left: 0;
font-family: 'FontAwesome';
color: #a3a3a3;
font-size: 16px;
}
.twitter-widget ul li .tweet-text {
font-size: 13px;
line-height: 20px;
}
.twitter-widget ul li .tweet-text span {
display: block;
color: #676767;
}
.twitter-widget ul li .tweet-text a {
color: #ec0000;
font-size: 12px;
}
/*-- Gallery widget --*/
.gallery-widget a {
overflow: hidden;
margin: 0 2px 0px 0px;
display: inline-block;
}
.gallery-widget a img {
max-width: 80px;
min-height: 65px;
}
/*-- Footer Info --*/
.footer-info-content {
border-top: 1px solid #606060;
margin-top: 50px;
padding: 50px 250px 0;
}
.footer-info-content p {
margin-bottom: 2px;
font-size: 13px;
}
.footer-logo img {
display: inline-block;
margin-bottom: 30px;
}
.footer-info-phone,
.footer-info-email {
display: inline-block;
margin: 0 5px;
}
/* Footer social */
.footer .footer-social {
list-style: none;
margin: 15px 0 0 0;
padding: 0;
}
.footer .footer-social li {
margin: 0;
}
.footer-social li a {
display: inline-block;
margin: 0 3px;
}
.footer-social li a i {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 12px;
color: #fff;
background: #282828;
text-align: center;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.footer-social li a i:hover {
background: #ec0000;
}
/*-- Copyright --*/
.copyright {
padding-top: 15px;
margin-top: 22px;
border-top: 1px dashed #eee;
margin-bottom: 0;
/*background: #ec0000;
color: #fff;
padding: 15px 0;
position: relative;
z-index: 1;
font-weight: 500;
font-size: 13px;*/
}
.footer-menu {
float: right;
}
.footer-menu ul li {
display: inline-block;
line-height: 20px;
padding-left: 12px;
}
@media (max-width: 992px) {
.footer-menu ul li {
padding-top: 12px;
}
}
.footer-menu ul.nav li a {
background: none;
color: #fff;
padding: 0;
}
#back-to-top {
position: fixed;
right: 10px;
bottom: 54px;
z-index: 10;
-webkit-backface-visibility: hidden;
}
#back-to-top.affix {
bottom: 54px;
}
#back-to-top .btn.btn-primary {
width: 30px;
height: 30px;
line-height: 30px;
background:transparent;
font-weight: 700;
font-size: 28px;
padding: 0;
}
#back-to-top .btn.btn-primary:hover {
color: #fff;
background: #ec0000;
}
/* Sub Pages
================================================== */
/*-- Page title --*/
.b-blog__aside-bg {
background-color: #f1f1f1;
background-repeat: no-repeat;
background-position: bottom right;
padding: 20px 10px;
}
.b-blog__aside-bg ul {
padding: 0;
padding-top: 10px;
}
.b-blog__aside-bg ul li {
list-style: none;
}
.b-blog__aside-bg ul li h3{
display: inline-block;
font-size: 16px;
}
.b-blog__aside-bg ul li:before {
content: "\f105";
font-family: FontAwesome;
padding: 0 8px;
color: #777;
}
.breadcrumb {
color: #777;
padding: 5px;
background: none;
/* line-height: 12px; */
margin-bottom: 0;
}
.breadcrumb>li+li:before {
content: "\f105";
font-family: FontAwesome;
padding: 0 8px;
color: #777;
}
/* Category Listing
================================================== */
.category-listing .post-block-style .post-content p {
font-size: 14px;
}
.category-listing .post-block-style .post-content .post-meta {
margin: 7px 0;
}
.subCategory>li {
display: inline-block;
margin-bottom: 30px;
}
.subCategory>li>a {
border: 1px solid #dedede;
padding: 2px 6px;
margin-right: 6px;
color: #515151;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
}
.subCategory>li>a:hover {
background: #ec0000;
color: #fff;
border: 1px solid transparent;
}
/* Post grid */
.post-grid {
margin-bottom: 15px;
min-height: 455px;
}
/* Post list */
.post-list {
margin-bottom: 40px;
}
/* Top large post */
.top-larget-post {
margin-bottom: 30px;
}
.top-larget-post .post-title.title-large {
margin-top: 20px;
font-size: 24px;
}
/*-- Category style2 --*/
.category-style2 .post-title {
margin-top: 0;
}
/* Pagination */
.paging {
position: relative;
margin-top: 20px;
}
.pagination {
margin: 0;
}
.pagination li a {
border-radius: 0 !important;
margin-right: 8px;
color: #7c7c7c;
border: 1px solid #ddd;
position: relative;
float: left;
padding: 6px 12px;
}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>li>a:hover {
color: #fff;
background: #ec0000;
border: 1px solid transparent;
}
.paging .page-numbers {
border: 0;
color: #7c7c7c;
position: absolute;
right: 0;
top: 3px;
}
/* News Single
================================================== */
.single-post .post-title {
font-size: 30px;
line-height: 40px;
padding: 15px 0 8px 0;
margin: 0;
}
.single-post p {
font-size: 15px;
line-height: 26px;
margin-bottom: 15px;
}
.post-content-area {
margin: 20px 0;
}
.post-featured-image,
.post-media.post-video,
.post-media.post-audio {
margin-bottom: 30px;
}
.entry-content h3 {
margin: 0;
padding: 20px;
font-size: 22px;
line-height: 30px;
}
/* Post tags */
.tags-area {
margin: 20px 0;
}
.post-tags>span {
background: #1c1c1c;
color: #fff;
font-size: 12px;
padding: 3px 6px;
text-transform: uppercase;
margin-right: 5px;
}
.post-tags a {
border: 1px solid #dedede;
display: inline;
list-style: none;
padding: 2px 6px;
margin-right: 5px;
text-align: center;
font-size: 12px;
color: #1c1c1c;
}
.post-tags a:hover {
background: #1c1c1c;
color: #fff;
border: 1px solid transparent;
}
/* Post social */
.share-items {
border: 1px solid #dedede;
border-radius: 0;
background: none;
padding: 10px 20px;
width: 100%;
margin: 25px 0;
display: inline-block;
}
.post-social-icons>li {
display: inline-block;
padding: 5px 12px;
color: #fff;
background: #1c1c1c;
font-size: 12px;
margin-right: 8px;
}
.post-social-icons a {
color: #fff;
text-align: center;
}
.post-social-icons a i {
border-right: 1px solid rgba(255, 255, 255, 0.5);
margin-right: 5px;
padding-right: 8px;
font-size: 14px;
line-height: 12px;
}
.post-social-icons>li.facebook {
background: #3B5998;
}
.post-social-icons>li.twitter {
background: #00aced;
}
.post-social-icons>li.gplus {
background: #c53942;
}
.post-social-icons>li.pinterest {
background: #ce222b;
}
/* Post navigation */
.post-navigation {
display: inline-block;
margin: 0 0 40px;
}
.post-navigation span:hover,
.post-navigation h3:hover {
color: #EC0001;
}
.post-navigation .post-previous,
.post-navigation .post-next {
padding: 0 40px;
width: 50%;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
display: table-cell;
position: relative;
vertical-align: middle;
}
.post-navigation i {
margin: 0 5px;
}
.post-navigation span {
font-size: 14px;
color: #ccc;
margin-bottom: 10px;
}
.post-navigation .post-previous {
text-align: left;
float: left;
border-left: 0 none;
border-right: 0 none;
padding: 0 40px 0 0;
}
.post-navigation .post-next {
text-align: right;
float: left;
border-right: 0 none;
padding: 0 0 0 40px;
}
.post-navigation h3 {
font-size: 16px;
margin: 8px 0 0;
}
/* Author box */
.author-box {
border: 1px solid #dadada;
padding: 20px 20px 15px;
margin: 0 0 40px;
}
.author-img img {
margin-right: 30px;
width: 100px;
height: 100px;
overflow-x: hidden;
margin-bottom: 30px;
}
.author-url a {
color: #1c1c1c;
font-size: 13px;
}
.author-info h3 {
margin-top: 0;
margin-bottom: 5px;
font-size: 18px;
}
.authors-social a {
color: #999;
margin-left: 10px;
}
.author-counter span {
background: #1c1c1c;
color: #fff;
font-size: 12px;
padding: 2px 8px;
}
/* Comments area */
.comments-area {
margin: 40px 0;
}
.comments-list .comment-content {
margin: 15px 0;
}
.comments-list .comment-reply {
color: #303030;
font-weight: 400;
}
.comments-list .comment-reply:hover {
color: #ec0000;
}
.comments-counter {
font-size: 18px;
}
.comments-counter a {
color: #323232;
}
.comments-list {
list-style: none;
margin: 0;
padding: 20px 0;
}
.comments-list .comment {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 20px;
margin-bottom: 30px;
}
.comments-list .comment.last {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.comments-list img.comment-avatar {
width: 84px;
height: 84px;
margin-right: 30px;
}
.comments-list .comment-body {
margin-left: 110px;
}
.comments-list .comment-author {
margin-bottom: 0;
margin-top: 0;
font-weight: 600;
font-size: 16px;
color: #303030;
}
.comments-list .comment-date {
color: #959595;
margin-bottom: 5px;
font-size: 12px;
}
.comments-reply {
list-style: none;
margin: 0 0 0 70px;
}
.comments-form {
margin-bottom: 0;
}
.comments-form .title-normal {
margin-bottom: 20px;
}
.comments-form .comments-btn {
margin-top: 20px;
font-size: 12px;
}
/* Sidebar
================================================== */
/* Widget common */
.sidebar .widget {
margin-bottom: 50px;
}
.sidebar-left .widget {
margin-right: 20px;
}
.sidebar-right .widget {
margin-left: 20px;
}
/* Sidebar nav */
.sidebar ul.nav-tabs {
border: 0;
}
.sidebar ul.nav-tabs li a {
color: #303030;
border-radius: 0;
padding: 15px 0;
padding-left: 0;
font-weight: 400;
border-bottom: 1px solid #ddd;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.sidebar ul.nav-tabs li.active a,
.sidebar ul.nav-tabs li:hover a {
color: #ec0000;
}
.sidebar ul.nav-tabs li {
color: #303030;
line-height: normal;
}
.sidebar ul.nav-tabs li:last-child a {
border-bottom: 0;
}
/* Newsletter */
.ts-newsletter {
background-color: #f1f1f1;
background-image: url(../images/newsletter-icon.png);
background-repeat: no-repeat;
background-position: bottom right;
padding: 30px;
}
.ts-newsletter .form-control {
background: #fff;
}
.newsletter-form button {
font-weight: 700;
font-size: 12px;
margin-top: 15px;
padding: 10px 25px;
}
/* Widget tags */
.widget-tags ul>li {
float: left;
margin: 3px;
}
.sidebar .widget-tags ul>li a {
border: 1px solid #dadada;
color: #303030;
display: block;
font-size: 14px;
padding: 3px 15px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.sidebar .widget-tags ul>li a:hover {
background: #ec0000;
color: #fff;
border: 1px solid transparent;
}
/*-- Review post --*/
.post-block-style.post-float.review-post-block {
max-width: 140px;
min-height: 105px;
}
.post-block-style.post-float.review-post-block .post-thumb img {
max-width: 140px;
min-height: 105px;
}
/*-- No sidebar --*/
.block-wrapper.no-sidebar,
.block-wrapper.no-sidebar>.container {
max-width: 850px;
margin: 0 auto;
}
.block-wrapper.solid-bg {
background: #f7f7f7;
background: rgba(247, 247, 247, 1);
}
@media (min-width:992px) {
.solid-bg .pad-r {
padding-right: 4px;
}
.solid-bg .pad-l {
padding-left: 4px;
}
}
/* Contact Us
================================================== */
.contact-info-box {
margin-top: 20px;
}
.contact-info-box-content h4 {
font-size: 16px;
margin-top: 0;
line-height: normal;
font-weight: 700;
}
.contact-info-box-content p {
margin-bottom: 0;
}
label {
font-weight: 400;
}
.s-lineDownLeft{
text-align: left;
border-bottom: 1px solid #B4B4B4;
position: relative;
}
.s-lineDownLeft:after{
background: url(../image/chevron-down.png) center no-repeat;
width: 15px;
left: 5%;
height: 7px;
content: '';
position: absolute;
top: 100%;
display: block
}
.s-lineDownCenter{
text-align: center;
border-bottom: 1px solid #B4B4B4!important;
position: relative;
}
.s-lineDownCenter:after{
background: url(../image/chevron-down.png) center no-repeat;
width: 15px;
height: 7px;
content: '';
position: absolute;
width:100%;
top: 100%;
display: block;
left:0;
}
.s-titleLeft{
padding-bottom: 15px;
float:left;
margin-bottom: 40px;
}
.s-titleLeft:after{
left:25px;
}
.s-titleLeft > div{
overflow: hidden;
}
.s-titleLeft h2{
margin: 0;
font-size:15px;
padding-right: 8px;
}
/* Error page
================================================== */
.error-page .error-code h2 {
display: block;
font-size: 200px;
line-height: 200px;
color: #303030;
margin-bottom: 20px;
}
.error-page .error-body .btn {
margin-top: 30px;
font-weight: 700;
}
/* Boxed Layout
================================================== */
.boxed-layout {
background: #f7f7f7 url(../image/bg.jpg) no-repeat;
background-position: center 0px;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.boxed-layout .body-inner {
background: #fff;
max-width: 1150px;
margin: 40px auto;
overflow-x: hidden;
box-shadow: 0 7px 13px rgba(0, 0, 0, 0.15);
}