Файл: upload/assets/css/style.css
Строк: 1880
/**
* Stylesheet: style.css
* Theme: NewsTree - Magazine and
News Portal CMS
* Version: 1.0
* Author: xicia
* URL:
https://codecanyon.net/user/xicia
*
*/
/* Table of
contents
=================================================
1. Import CSS
and Google Fonts
2. Global Styles
3. Preloader
4. Top Bar
5. Header
6.
Sticky Header
7. Dropdown Main Menu
8. Slicknav and Responsive
9.
Slider
10. About
11. Parallex
12. Practice Area
13. Attorney
14.
Attorney Detail
15. Case Evaluation
16. News
17. Gallery
18.
Service
19. Counter
20. Scroll to Top
21. Testimonial
22. Contact
23.
404 Error
24. Blog
25. Sidebar
26. Author Box
27. Comment
28. Under
Construction
29. FAQ
30. Featured Box
31. Consultation
32. Footer -
Top
33. Footer - Main
34. Footer - Bottom
35. Google
Map
=================================================
*/
/*
================================
Import
CSS and Google Fonts
================================
*/
@import
url(../css/font-awesome.min.css);
@import
url("https://fonts.googleapis.com/css?family=Lato:400,700|Merriweather:400,700");
/*
================================
Global
Styles
================================
*/
* {
margin: 0;
padding: 0;
border: 0;
outline: none;
}
html {
overflow-x:
hidden;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html a
{
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust:
100%;
-ms-text-size-adjust: 100%;
}
body {
font-family:
"Lato", sans-serif;
font-size: 13px;
color: #464646;
overflow: hidden;
line-height: 22px;
overflow-x: hidden;
background-color: transparent;
}
p {
font-family: 'Lato'
sans-serif;
color: #2a2a2a;
font-size: 14px;
}
.tal {
text-align: left;
}
.tar {
text-align: right;
}
.tac {
text-align: center;
}
.ttu {
text-transform: uppercase;
}
.ttl {
text-transform: lowercase;
}
.ttn {
text-transform: normal;
}
a
{
text-decoration: none !important;
cursor: pointer;
}
.clear
{
clear: both;
}
a:link,
a:visited {
transition: all 0.2s
ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out
0s;
}
:active,
:hover,
:focus,
:visited {
text-decoration:
none;
outline: none !important;
}
input,
button,
select,
textarea
{
font-family: "Lato", sans-serif;
}
.page-wrapper {
width: 100%;
height: auto;
position:
relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
color:
#353535;
}
.sep {
position: relative;
left: 0;
right: 0;
width: 30px;
height: 1.5px;
background: #353535;
display:
block;
margin: 20px auto;
text-align: center;
}
.sep:before {
content: '';
position: absolute;
left: -10px;
right: 0;
bottom: 0;
background: #353535;
width: 50px;
height:
1.5px;
margin: 5px 0;
}
.sep:after {
content: '';
position: absolute;
left: -10px;
right: 0;
top: 0;
background: #353535;
width: 50px;
height: 1.5px;
margin: 5px
0;
}
.sep-white {
background: #fff;
}
.sep-white:before {
background: #fff;
}
.sep-white:after {
background:
#fff;
}
.gap-small {
width: 100%;
height: 20px;
clear:
both;
}
img {
border: 0;
outline: none;
}
.img-fullwidth {
width: 100%;
}
.img-responsive {
display: block;
width:
100%;
height: auto;
}
.bg-white {
background: #fff
!important;
}
.bg-black4 {
background: #f1f1f1
!important;
}
.heading-normal {
width: 100%;
height: auto;
margin-bottom: 15px;
overflow: hidden;
}
.heading-normal h2 {
font-family: "Merriweather", serif;
font-size: 20px;
font-weight: 700;
background: #333333;
color: #fff;
position: relative;
padding: 10px;
text-transform:
uppercase;
}
.heading-normal p {
color: #2a2a2a;
font-size:
14px;
}
/*
================================
Preloader
================================
*/
#preloader
{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 999999;
}
#status
{
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background:
url(../images/preloaders/1.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0
-100px;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility:
hidden;
-ms-backface-visibility: hidden;
-webkit-transform:
translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0,
0);
}
/*
================================
Top
Bar
================================
*/
.top-bar {
background:
#bd1c1c;
padding: 5px 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.top-bar .top-contact {
float: left;
line-height: 20px;
}
.top-bar .top-contact .list {
float: left;
color: #ffffff;
margin-right: 20px;
font-size: 14px;
margin-top: 4px;
}
.top-bar .top-contact .list a {
color:
#ffffff;
}
.top-bar .top-contact .list i {
margin-right:
5px;
}
.top-bar .top-social {
float: right;
}
.top-bar .top-social
ul {
float: right;
margin-bottom: 0;
}
.top-bar .top-social ul
li {
list-style-type: none;
float: left;
margin-right:
10px;
}
.top-bar .top-social ul li a {
width: 30px;
height:
30px;
line-height: 30px;
color: #fff;
display: block;
text-align: center;
border-radius: 50%;
-webkit-border-radius:
50%;
-moz-border-radius: 50%;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
font-size: 14px;
}
.top-bar .top-social ul li a:hover {
background:
#333;
}
/*
================================
Header
================================
*/
header
{
width: 100%;
background: #e74c3c;
-webkit-transition: all
0.4s ease;
transition: all 0.4s ease;
z-index: 99999;
margin-bottom: 30px;
}
header .logo {
float: left;
-webkit-transition: background .2s;
transition: background
.2s;
}
header .logo img {
max-height: 66px;
margin: 18px 0
10px;
}
header .nav-wrapper {
float: right;
}
header .nav-wrapper
ul {
float: right;
}
/*
================================
Sticky
Header
================================
*/
header.sticky {
position: fixed;
background: #fff;
left: 0;
top: 0;
width: 100%;
height: 60px;
z-index: 10000;
border-bottom:
1px solid #c9c9c9;
display: none;
}
header.sticky .logo img {
height: 40px;
margin-top: 10px;
}
header.sticky .sf-menu
.menu-description {
display: none;
}
header.sticky .sf-menu li a {
padding: 10px 18px;
color: #333;
}
header.sticky .sf-menu li li a
{
padding-top: 3px;
padding-bottom: 3px;
}
header.sticky
.sf-menu > li {
margin-top: 10px;
}
header.sticky .sf-menu >
li {
margin-top: 0;
height: 60px;
line-height:
40px;
}
/*
================================
Dropdown Main
Menu
================================
*/
.sf-menu {
margin-bottom: 0;
}
.sf-menu ul {
box-shadow: none;
border-top:
0;
}
.sf-menu a {
padding-top: 0;
padding-bottom: 0;
font-weight: normal;
}
.sf-menu li {
text-transform: none;
background: none;
}
.sf-menu li li {
min-width: 170px;
height:
auto;
line-height: 30px;
background: #333333;
color: #fff;
margin-right: 0;
border-bottom: 1px solid #f2f3f3;
-webkit-transition: height 200ms ease-in;
-moz-transition: height
200ms ease-in;
-o-transition: height 200ms ease-in;
transition:
height 200ms ease-in;
}
.sf-menu li li:last-child {
border-bottom:
0;
}
.sf-menu li li:hover {
background: #f2f3f3;
}
.sf-menu li
li:hover > ul {
-moz-animation: slideInRight 0.3s ease;
-webkit-animation: slideInRight 0.3s ease;
animation: slideInRight
0.3s ease;
}
.sf-menu li li:hover a {
padding-left: 25px;
font-weight: normal;
}
.sf-menu li li:hover li a {
padding-left:
15px;
}
.sf-menu li li a {
font-family: 'Merriweather',
sans-serif;
font-weight: normal !important;
font-size:
12px!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
padding: 0;
padding-left: 15px;
padding-top: 4px;
padding-bottom: 4px;
}
.sf-menu li li li {
background: #333333;
border-left: 1px solid #f2f3f3;
margin-left:
-1px;
}
.sf-menu li li li a {
color: #2a2a2a;
}
.sf-menu li li li
a:hover {
color: #2a2a2a;
padding-left: 25px;
}
.sf-menu li a
{
font-family: "Lato", sans-serif;
text-transform:
uppercase;
color: #fff;
border: 0;
font-size: 16px;
font-weight: 400;
padding: 10px 21px;
text-transform:
none;
}
.sf-menu li:hover {
background: none;
}
.sf-menu li:hover
> ul {
display: block;
-moz-animation: zoomIn 0.3s ease;
-webkit-animation: zoomIn 0.3s ease;
animation: zoomIn 0.3s
ease;
}
.sf-menu li:hover a {
color: #333333;
}
.sf-menu li:hover
li a {
color: #000;
}
.sf-menu li:hover li:hover {
color:
#fff;
}
.sf-menu li.sfHover {
background: none;
font-weight:
bold;
}
.sf-menu > li {
margin-top: 25px;
text-transform:
uppercase;
}
.sf-menu > li > a {
font-family:
"Merriweather", sans-serif;
font-weight: 600;
font-size: 14px;
color: #fff;
}
.sf-menu > li {
margin-top:
0;
height: 100px;
line-height: 80px;
}
.sf-menu li:hover li a
{
background: #333333;
color: #fff;
}
.sf-menu li:hover
li:hover a {
background: #fff;
color: #333333;
}
.sf-menu
li:hover li:hover li a {
background: #333333;
color:
#fff;
}
.sf-menu li:hover li:hover li:hover a {
background: #fff;
color: #333333;
}
/*
================================
Slicknav and
Responsive
================================
*/
@media screen and
(max-width: 991px) {
#menu {
display: none;
}
.slicknav_menu {
display: block;
}
header.sticky .logo
{
z-index: 99999;
}
body.sticky .slicknav_menu {
z-index: 99999;
position: fixed;
width: 100%;
}
body.sticky header {
margin-top: 54px;
}
body.sticky
.slide-carousel {
margin-top: 124px;
}
.slide-carousel
.item .text {
padding-top: 25% !important;
}
}
@media
screen and (min-width: 992px) {
.slicknav_menu {
display:
none;
}
#menu {
display: block;
}
}
.slicknav_menu .slicknav_menutxt {
text-indent:
-9999px;
}
.slicknav_menu .slicknav_icon {
margin-left:
0;
}
@media screen and (max-width: 599px) {
.top-bar {
text-align: center;
}
.top-bar .top-contact {
float:
none;
width: 100%;
display: inline-block;
}
.top-bar .top-contact .list {
width: 100%;
float: none;
}
.top-bar .top-social {
float: none;
width:
100%;
display: inline-block;
}
.top-bar .top-social ul
{
float: none;
width: 100%;
text-align:
center;
}
.top-bar .top-social ul li {
float: none;
display: inline-block;
margin-left: 0;
margin-right:
0;
}
}
/*
================================
Slider
================================
*/
.slide-single
{
width: 100%;
height: 580px;
background-image:
url(../images/page/1.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
text-align: center;
position:
relative;
}
.slide-single .overlay {
position: absolute;
top:
0;
left: 0;
width: 100%;
height: 100%;
background:
#2a2a2a;
opacity: 0.8;
}
.slide-single .text {
padding-top:
15%;
text-align: center;
position: relative;
z-index:
99;
}
.slide-single .text-page {
padding-top: 12%;
}
.slide-single
h2 {
font-family: "Merriweather", serif;
font-size:
40px;
font-weight: 600;
color: #fff;
margin-bottom: 5px;
display: inline-block;
padding: 10px 20px;
}
.slide-single h3 {
font-family: "Merriweather", serif;
font-size: 24px;
font-weight: normal;
color: #fff;
margin-bottom: 5px;
display: inline-block;
padding: 10px 20px;
}
.slide-single p {
font-family: "Lato", sans-serif;
font-size: 18px;
color: #fff;
font-weight: 500;
margin-top: 20px;
text-transform: uppercase;
}
.slide-single p a {
background:
#333333;
border: 2px solid #333333;
border-radius: 0;
padding: 10px 20px;
color: #fff;
}
.slide-single p a:hover {
background: transparent;
border-color: #fff;
color:
#fff;
}
.slide-single:hover p {
background:
transparent;
}
.slide-carousel {
overflow: hidden;
position:
relative;
margin-bottom: -10px;
position:
relative;
}
.slide-carousel .overlay {
position: absolute;
top:
0;
left: 0;
width: 100%;
height: 100%;
background:
#464646;
opacity: 0.6;
}
.slide-carousel .item {
height:
580px;
background: #4BCAFF;
text-align: center;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size:
cover;
}
.slide-carousel .item .photo {
width: 100%;
height:
100%;
}
.slide-carousel .item .text {
padding-top: 15%;
text-align: center;
position: relative;
z-index:
99;
}
.slide-carousel .item .text h2 {
font-family:
"Merriweather", serif;
text-transform: none;
font-weight: 600;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.slide-carousel .item .text h3 {
font-family:
"Merriweather", serif;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-delay: .4s;
animation-delay: .4s;
line-height: 32px;
text-transform:
none;
}
.slide-carousel .item .text p {
font-family:
"Lato", sans-serif;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
.slide-carousel .item h2 {
font-family:
"Merriweather", serif;
font-size: 40px;
text-transform:
uppercase;
font-weight: bold;
color: #fff;
margin-bottom:
5px;
display: inline-block;
padding: 10px
20px;
}
.slide-carousel .item h3 {
font-family:
"Merriweather", serif;
font-size: 24px;
text-transform:
uppercase;
font-weight: normal;
color: #fff;
margin-bottom:
5px;
display: inline-block;
padding: 10px
20px;
}
.slide-carousel .item p {
font-family:
"Merriweather", serif;
font-size: 18px;
color: #fff;
font-weight: 500;
margin-top: 20px;
text-transform:
uppercase;
}
.slide-carousel .item p a {
border: 2px solid
#333333;
padding: 10px 20px;
background: #333333;
color:
#fff;
}
.slide-carousel .item p a:hover {
background: transparent;
color: #fff;
border-color: #fff;
}
.slide-carousel .item p
a:hover p {
background: transparent;
}
.slide-carousel .owl-prev {
display: block;
position: absolute;
top: 44%;
left:
0;
}
.slide-carousel .owl-next {
display: block;
position:
absolute;
top: 44%;
right: 0;
}
.slide-carousel .owl-nav
[class*=owl-] {
font-size: 20px;
font-weight: bold;
width:
40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
padding: 0;
text-align: center;
background: #2a2a2a;
color: #f2f3f3;
}
.slide-carousel .owl-nav [class*=owl-]:hover {
background: #fff;
color: #333333;
}
.slide-single-page {
height: 200px;
}
.slide-single-page .text {
padding-top: 0
!important;
}
.slide-single-page .text-page {
height: 200px;
padding-top: 0;
}
.slide-single-page .text-page .this-item {
width:
100%;
height: 200px;
display: table;
text-align:
center;
}
.slide-single-page .text-page .this-item h2 {
display:
table-cell;
vertical-align:
middle;
}
/*
================================
Parallex
================================
*/
.parallex
{
background-image: url(../images/slides/1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
position: relative;
}
.parallex .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
#2a2a2a;
opacity: 0.9;
}
.parallex h2 {
font-family:
"Merriweather", serif;
font-size: 34px;
font-weight:
600;
color: #fff;
text-align: center;
margin-bottom:
15px;
}
.parallex h3 {
font-family: "Lato", sans-serif;
display: inline-block;
font-size: 20px;
color: #fff;
text-align: center;
margin-bottom: 20px;
padding: 5px 0
0;
}
.parallex h3 span {
color: #333333;
}
.parallex p {
color: #fff;
font-weight: 600;
margin-bottom: 10px;
font-size: 16px;
}
.parallex p.button {
margin-top:
40px;
}
.parallex p.button a {
font-family:
"Merriweather", serif;
text-transform: uppercase;
background: transparent;
border: 2px solid #fff;
padding: 10px
20px;
color: #fff;
font-size: 20px;
}
.parallex p.button
a:hover {
background: #fff;
color:
#2a2a2a;
}
/*
================================
News
================================
*/
.news
{
background: #fff;
padding-top: 0px;
padding-bottom:
50px;
}
.news .heading {
margin-bottom: 20px;
text-align:
left;
}
.news .heading h2 {
font-family: "Merriweather",
serif;
font-size: 18px;
font-weight: 700;
background:
#fff;
color: #e74c3c;
position: relative;
text-transform:
uppercase;
border-bottom: 2px solid #e74c3c;
}
.news .heading h2 a
{
padding: 10px;
color: #e74c3c!important;
display:
block!important;
}
.news .heading h3 {
font-family:
"Lato", sans-serif;
font-size: 16px;
font-weight:
500;
color: #464646;
padding-bottom: 5px;
margin-top:
20px;
margin-bottom: 20px;
}
.news .heading .bar {
width:
100px;
height: 10px;
background: #dedede;
margin-bottom:
30px;
display: inline-block;
}
.news .heading p {
font-size:
16px;
text-align: center;
color: #353535;
}
.news .thumbnail
{
padding: 0;
border-radius: 0;
position: relative;
border: 0;
background: #f2f3f3;
padding: 25px;
}
.news
.thumbnail .photo {
width: 200px;
height: 200px;
border-radius:
50%;
background-position: center center;
-webkit-background-size:
cover;
background-size: cover;
background-repeat: no-repeat;
}
.news
.thumbnail .date {
font-family: "Lato", sans-serif;
position: absolute;
top: 0;
left: 0;
background: #464646;
color: #fff;
padding: 10px;
font-size: 16px;
text-transform: uppercase;
}
.news .thumbnail .caption {
padding:
0px;
padding-bottom: 15px;
margin-top: 15px;
margin-bottom:
0px;
}
.news .thumbnail .caption h3 {
font-family:
"Merriweather", serif;
color: #333333;
font-weight:
600;
font-size: 18px;
line-height: 1.5;
}
.news .thumbnail
.caption h3 a {
color: #e74c3c;
font-weight: 700;
}
.news .thumbnail
.caption h3 a:hover {
color: #4a4a4a;
}
.news .thumbnail .caption h4
{
font-family: "Lato", sans-serif;
color: #868686;
font-weight: normal;
font-size: 13px;
margin-bottom: 15px;
overflow: hidden;
}
.news .thumbnail .caption h4 span {
display:
block;
float: left;
padding-bottom: 2px;
}
.news .thumbnail
.caption h4 span:first-child {
margin-right: 10px;
}
.news
.thumbnail .caption p {
font-size: 14px;
line-height:
22px;
}
.news .thumbnail .caption p a {
background: #333333;
border-color: #333333;
margin-top: 10px;
-webkit-transition: all
0.4s ease;
transition: all 0.4s ease;
border-radius: 0;
}
.news
.thumbnail .caption p a:hover {
background: #2a2a2a;
border-color: #2a2a2a;
}
.news .thumbnail1 {
display:
table;
margin-bottom: 20px;
background: #f2f3f3;
padding:
15px;
}
.news .thumbnail1 .photo-content {
display:
table-cell;
vertical-align: top;
}
.news .thumbnail1 .photo {
width:
80px;
height: 80px;
border-radius: 50%;
background-position:
center center;
-webkit-background-size: cover;
background-size:
cover;
background-repeat: no-repeat;
}
.news .thumbnail1 .caption
{
display: table-cell;
vertical-align: top;
padding-left:
15px;
}
.news .thumbnail1 .caption h3 {
font-size: 14px;
color:
#333333;
line-height: 1.3;
}
.news .thumbnail1 .caption h3 a {
font-family: 'Merriweather', sans-serif;
color: #333333;
font-weight:
700;
}
.news .thumbnail1 .caption h3 a:hover {
color:
#4a4a4a;
}
.news .thumbnail1 .caption h4 {
font-size: 12px;
color:
#868686;
overflow: hidden;
}
.news .thumbnail1 .caption h4 span {
display: block;
float: left;
}
.news .thumbnail1 .caption h4
span:first-child {
margin-right: 10px;
}
.news .thumbnail2
{
display: table;
margin-bottom: 20px;
background: #f2f3f3;
padding: 25px;
}
.news .thumbnail2 .photo-content {
display:
table-cell;
vertical-align: top;
}
.news .thumbnail2 .photo {
width:
150px;
height: 150px;
border-radius: 50%;
background-position:
center center;
-webkit-background-size: cover;
background-size:
cover;
background-repeat: no-repeat;
}
.news .thumbnail2 .caption
{
display: table-cell;
vertical-align: top;
padding-left:
15px;
}
.news .thumbnail2 .caption h3 {
font-size: 18px;
color:
#333333;
line-height: 1.5;
font-family: 'Merriweather',
sans-serif;
}
.news .thumbnail2 .caption h3 a {
color:
#333333;
font-weight: 700;
}
.news .thumbnail2 .caption h3 a:hover
{
color: #4a4a4a;
}
.news .thumbnail2 .caption h4 {
font-size:
12px;
color: #868686;
overflow: hidden;
}
.news .thumbnail2
.caption h4 span {
display: block;
float: left;
}
.news
.thumbnail2 .caption h4 span:first-child {
margin-right:
10px;
}
.thumbnail3 {
display: table;
margin-bottom:
10px;
}
.thumbnail3 .photo-content {
display:
table-cell;
vertical-align: top;
}
.thumbnail3 .photo {
width:
80px;
height: 80px;
border-radius: 50%;
background-position:
center center;
-webkit-background-size: cover;
background-size:
cover;
background-repeat: no-repeat;
}
.thumbnail3 .caption
{
display: table-cell;
vertical-align: top;
padding-left:
15px;
}
.thumbnail3 .caption h3 {
font-size: 14px;
color:
#333333;
line-height: 1.3;
text-transform: none;
border:
0;
margin-bottom: 0;
padding-bottom: 10px;
}
.thumbnail3 .caption
h3:after {
display: none;
}
.thumbnail3 .caption h3 a {
color:
#fff;
font-weight: 600;
}
.thumbnail3 .caption h3 a:hover {
color:
#c9c5c5;
}
.thumbnail3 .caption h4 {
font-size: 12px;
color: #fff;
overflow: hidden;
}
.thumbnail3 .caption h4 span {
display:
block;
float: left;
}
.thumbnail3 .caption h4 span:first-child {
margin-right:
10px;
}
/*
================================
Gallery
================================
*/
.gallery
{
padding-top: 0px;
padding-bottom: 0px;
text-align:
center;
background: #fff;
position: relative;
}
.gallery
.overlay {
position: absolute;
top: 0;
left: 0;
width:
100%;
height: 100%;
background: #2a2a2a;
opacity:
0.7;
}
.gallery h2 {
font-family: "Merriweather", serif;
font-size: 30px;
font-weight: 600;
text-transform:
uppercase;
color: #333333;
text-align: center;
}
.gallery h3
{
font-family: "Merriweather", serif;
display: block;
font-size: 20px;
font-weight: 600;
border-top: 1px solid
#ddd;
border-bottom: 1px solid #ddd;
color: #333;
text-align: center;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 20px;
}
.gallery .menu-grid h2 {
margin-bottom:
20px;
}
.gallery .menu-grid h3 {
padding-top: 5px;
padding-bottom: 5px;
}
.gallery .menu-grid-item {
overflow:
hidden;
margin-bottom: 50px;
}
.gallery .item {
margin-bottom:
30px;
width: 100%;
}
.gallery .item .inner {
position:
relative;
overflow: hidden;
margin-bottom: 25px;
}
.gallery
.item .inner:hover .desc {
top: 0;
opacity: 0.7;
filter:
alpha(opacity=70);
}
.gallery .item .photo {
height:
280px;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
.gallery
.item .desc {
position: absolute;
top: -15%;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
filter:
alpha(opacity=0);
background-color: #2a2a2a;
-webkit-transition:
all 0.4s ease;
transition: all 0.4s ease;
}
.gallery .item .desc h4
{
color: #f2f3f3;
font-size: 14px;
line-height: 20px;
font-weight: 600;
padding: 0 20px;
margin-top: 30%;
}
.gallery
.nav-tabs {
border-bottom: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.gallery .nav-tabs > li {
margin-right:
10px;
float: none;
display: inline-block;
vertical-align:
top;
}
.gallery .nav-tabs > li > a {
font-family:
"Merriweather", serif;
font-size: 18px;
background:
transparent;
color: #fff;
border: 0;
border: 1px solid
#fff;
border-radius: 0;
padding: 6px 10px;
}
.gallery .nav-tabs
> li > a:hover {
color: #2a2a2a;
border-color: #333333;
background: #333333;
}
.gallery .nav-tabs > li.active >
a,
.gallery .nav-tabs > li.active > a:focus,
.gallery .nav-tabs
> li.active > a:hover {
background: #333333;
color:
#2a2a2a;
border: 0;
border: 1px solid #2a2a2a;
border-radius: 0;
}
.gallery a.gallery-photo i {
color: #fff;
font-size: 30px;
}
/*
================================
Scroll to
Top
================================
*/
.scrollup {
position:
fixed;
z-index: 99999;
bottom: 20px;
right: 20px;
display: none;
}
.scrollup i {
width: 50px;
height: 50px;
line-height: 40px;
border-radius: 50%;
background: #333333;
color: #fff;
border: 4px solid #333333;
text-align: center;
font-size: 26px;
opacity: 0.5;
filter:
alpha(opacity=50);
}
.scrollup i:hover {
opacity: 1;
filter:
alpha(opacity=1);
}
/*
================================
Contact
================================
*/
.contact
{
background: #fff;
padding-top: 50px;
padding-bottom:
50px;
}
.contact .item {
margin-bottom: 20px;
overflow:
hidden;
background: #333333;
padding: 15px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s
ease;
}
.contact .item:hover {
background: #2a2a2a;
}
.contact
.icon {
float: left;
margin-right: 15px;
margin-top: 6px;
color: #f2f3f3;
font-size: 20px;
}
.contact .text {
float:
left;
}
.contact .text h3 {
color: #fff;
font-family:
"Merriweather", serif;
font-size: 24px;
font-weight:
600;
margin-top: 5px;
}
.contact .text p {
color: #fff;
font-weight: 400;
font-size: 14px;
}
.contact .text ul li {
list-style-type: none;
color: #fff;
font-weight: 400;
font-size: 14px;
}
.contact .cform-1 .error {
color:
red;
}
.contact .cform-1 .btn-success {
font-family:
"Merriweather", serif;
background-color: transparent;
border-width: 2px;
border-color: #333333;
color: #333333;
font-size: 14px;
padding: 10px 20px;
border-radius: 0;
font-weight: 600;
text-transform: uppercase;
-webkit-transition:
all 0.4s ease;
transition: all 0.4s ease;
}
.contact .cform-1
.btn-success:hover {
background: #333333;
color:
#fff;
}
.contact .cform-1 .form-control {
border-radius: 0;
box-shadow: none;
}
.contact .cform-1
input[type="text"],
.contact .cform-1
input[type="email"],
.contact .cform-1 textarea {
background: transparent;
border-width: 2px;
color:
#2a2a2a;
}
.contact .cform-1
input[type="text"]:focus,
.contact .cform-1
input[type="email"]:focus,
.contact .cform-1 textarea:focus {
border-color: #333333;
}
.contact .cform-1
input[type="text"],
.contact .cform-1
input[type="email"] {
height:
40px;
}
/*
================================
404
Error
================================
*/
.error-page {
background: #fff;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.error-page .title .inner {
font-family:
"Merriweather", serif;
width: 200px;
height: 200px;
background: #333333;
color: #fff;
border: 5px solid #333333;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
margin: 0 auto;
text-transform: uppercase;
}
.error-page .title .inner span:first-child
{
display: block;
margin: 0;
line-height: 60px;
margin-top: 40px;
font-size: 66px;
}
.error-page .title .inner
span:last-child {
display: block;
margin: 0;
line-height:
60px;
font-size: 30px;
}
.error-page .content {
margin-top:
40px;
text-align: center;
}
.error-page .content h2 {
font-family: "Merriweather", serif;
color: #333333;
font-size: 24px;
}
.error-page .content p {
font-size: 16px;
color: #2a2a2a;
}
.error-page .content .button {
margin-top:
40px;
}
.error-page .content .button a {
font-family:
"Merriweather", serif;
font-size: 18px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease
0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease
0s;
border: 2px solid #333333;
color: #333333;
font-weight:
600;
text-transform: uppercase;
padding: 12px
16px;
}
.error-page .content .button a:hover {
background:
#333333;
color:
#fff;
}
/*
================================
Blog
================================
*/
.blog
{
background: #fff;
padding-top: 50px;
padding-bottom:
50px;
}
.blog .post-item {
margin-bottom: 30px;
}
.blog
.image-holder {
position: relative;
}
.blog .image-holder .date {
position: absolute;
right: 10px;
bottom: 10px;
font-size:
14px;
font-weight: 600;
z-index: 999;
}
.blog .image-holder
.day {
width: 60px;
height: 40px;
line-height: 40px;
background: #333333;
color: #2a2a2a;
text-align: center;
position: relative;
font-size: 16px;
}
.blog .image-holder
.day:before {
position: absolute;
top: 22px;
left: 24px;
color: #333333;
font-family: 'FontAwesome';
content: '\f0d7';
font-size: 24px;
}
.blog .image-holder .month {
width: 60px;
height: 40px;
line-height: 40px;
background: #2a2a2a;
color:
#fff;
text-align: center;
text-transform: uppercase;
font-size: 16px;
}
.blog h1 {
font-size: 24px;
color:
#333333;
font-weight: bold;
}
.blog h2 {
font-size: 20px;
color: #333333;
font-weight: bold;
}
.blog h3 {
font-family:
"Merriweather", serif;
text-align: left;
color:
#333333;
font-weight: 600;
font-size: 24px;
margin-top: 0;
margin-bottom: 10px;
}
.blog h3 a {
color: #333333;
}
.blog h3
a:hover {
color: #2a2a2a;
}
.blog h4 {
font-size: 16px;
color: #333333;
font-weight: bold;
}
.blog h5 {
font-size:
14px;
color: #333333;
font-weight: bold;
}
.blog h6 {
font-size: 12px;
color: #333333;
font-weight: bold;
}
.blog p
{
margin-bottom: 15px;
font-size: 14px;
color:
#2a2a2a;
}
.blog .text {
padding: 20px 0;
}
.blog .text ul.status
{
overflow: hidden;
margin-bottom: 15px;
}
.blog .text
ul.status li {
text-align: left;
margin-bottom: 15px;
color:
#333333;
font-size: 13px;
float: left;
list-style-type:
none;
margin-right: 15px;
line-height: 18px;
margin-bottom:
5px;
padding-left: 0;
}
.blog .text ul.status li a {
color:
#333333;
}
.blog .text ul.status li i {
margin-right: 8px;
}
.blog
.text ul.status li:before {
content: '';
}
.blog ul li {
position: relative;
padding-left: 18px;
margin-bottom: 10px;
list-style-type: none;
}
.blog ul li:before {
position: absolute;
top: 0;
left: 0;
font-family: 'FontAwesome';
content:
'\f044';
color: #353535;
}
.blog p.button {
margin-top: 30px;
display: block;
}
.blog p.button a {
font-family:
"Merriweather", serif;
background: transparent;
border:
2px solid #333333;
color: #333333;
font-size: 14px;
padding:
8px 14px;
font-weight: 600;
text-transform: uppercase;
}
.blog
p.button a:hover {
background: #2a2a2a;
color: #fff;
border-color: #2a2a2a;
}
.blog .pagination {
margin-top:
20px;
}
.blog .pagination ul {
width: 100%;
height: auto;
text-align: center;
}
.blog .pagination ul li {
display:
inline-block;
color: #2a2a2a;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
margin-right: 10px;
padding-left: 0;
}
.blog .pagination ul li:before {
content:
'';
}
.blog .pagination ul li a {
background: #333333;
color:
#fff;
display: block;
font-size: 16px;
border: 1px solid
#333333;
}
.blog .pagination ul li a i {
margin-right: 0;
}
.blog
.pagination ul li a:hover {
background: #2a2a2a;
border: 1px
solid #2a2a2a;
color: #fff;
}
.blog .pagination ul li a.active {
background: #2a2a2a;
border: 1px solid #2a2a2a;
color:
#fff;
}
.blog .gallery-carousel {
position: relative;
z-index:
999;
}
.blog .owl-controls {
position: absolute;
top: 0px;
right: 0;
z-index: 999;
}
.blog .owl-controls .owl-prev,
.blog
.owl-controls .owl-next {
background: #353535;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
padding-left: 13px;
padding-right: 13px;
}
.blog .owl-controls
.owl-prev i,
.blog .owl-controls .owl-next i {
font-size:
16px;
}
.blog .owl-controls .owl-prev:hover,
.blog .owl-controls
.owl-next:hover {
background: #333333;
}
.blog .video {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.blog .video iframe {
position:
absolute;
top: 0;
left: 0;
width: 100%;
height:
100%;
}
.blog .audio {
width: 100%;
height: 100%;
margin:
0
auto;
}
/*
================================
Sidebar
================================
*/
.sidebar
{
width: 100%;
}
.sidebar .widget {
overflow: hidden;
margin-bottom: 30px;
}
.sidebar .widget h4 {
font-family:
"Merriweather", serif;
color: #333333;
font-size:
22px;
font-weight: 600;
padding-bottom: 6px;
margin-bottom:
15px;
}
.sidebar .widget ul li {
display: block;
float: none;
color: #2a2a2a;
position: relative;
padding-left: 15px;
margin-bottom: 10px;
}
.sidebar .widget ul li:before {
content:
'\f105';
font-family: 'FontAwesome';
position: absolute;
color: #2a2a2a;
top: 1px;
left: 3px;
font-weight:
600;
}
.sidebar .widget ul li a {
color: #2a2a2a;
font-size:
14px;
}
.sidebar .widget ul li a:hover {
color:
#333333;
}
.sidebar .widget ul.tag-cloud li {
display:
inline-block;
padding-left: 0;
font-size: 12px;
margin-right: 5px;
}
.sidebar .widget ul.tag-cloud li a {
display:
block;
padding: 4px 10px;
border: 2px solid #afafaf;
}
.sidebar
.widget ul.tag-cloud li:before {
content: '';
}
.sidebar .widget
ul.tag-cloud li:hover {
background: #333333;
border-color:
#333333;
color: #fff;
}
.sidebar .widget ul.tag-cloud li:hover a {
color: #fff;
border: 2px solid #333333;
}
.sidebar .widget-search
input {
height: 36px;
color: #2a2a2a;
border: 2px solid
#333333;
background: transparent;
float: left;
padding-left:
6px;
padding-right: 6px;
border-radius: 0;
}
.sidebar
.widget-search input:focus {
border: 2px solid #333333;
}
.sidebar
.widget-search button {
width: 42px;
height: 36px;
float:
left;
border: 2px solid #333333;
background: #333333;
border-radius: 0;
margin-left: 5px;
color: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s
ease;
}
/*
================================
Author
Box
================================
*/
.author-box {
width:
100%;
height: auto;
background: #333333;
color: #2a2a2a;
text-align: left;
}
.author-box .inner {
padding: 20px;
overflow: hidden;
}
.author-box .author-thumb {
width: 15%;
float: left;
}
.author-box .author-thumb img {
width: 100%;
height: auto;
padding-right: 15px;
}
.author-box .author-info {
width: 85%;
float: left;
}
.author-box .author-info h3 {
color:
#fff;
font-weight: 600;
font-size: 22px;
text-transform:
none;
}
.author-box .author-info p {
color: #fff;
line-height:
22px;
font-size: 14px;
}
.author-box .author-info ul li {
float: left;
list-style-type: none;
margin-right: 5px;
padding-left: 0;
}
.author-box .author-info ul li:before {
content:
'';
}
.author-box .author-info ul li a {
width: 30px;
height:
30px;
line-height: 30px;
color: #333333;
background: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-align: center;
display:
block;
}
.author-box .author-info ul li a i {
margin-right: 0;
font-size: 14px;
}
.author-box .author-info ul li a:hover {
background: #2a2a2a;
color:
#fff;
}
/*
================================
Comment
================================
*/
.comments
{
margin-top: 40px;
}
.comments h2 {
font-size: 18px;
font-family: "Merriweather", serif;
}
.comments .comment-list
{
background: transparent;
padding: 15px;
}
.comments
.comment-list .thumb {
width: 80px;
display: table-cell;
vertical-align: top;
}
.comments .comment-list .thumb img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.comments .comment-list .text {
padding:
0;
display: table-cell;
vertical-align: top;
}
.comments
.comment-list .text .inner {
margin-left: 10px;
}
.comments
.comment-list .text h3 {
margin-top: 0;
text-transform: none;
font-size: 18px;
}
.comments .comment-list .text p,
.comments
.comment-list .text span {
color: #2a2a2a;
font-size:
14px;
}
.comments .comment-list .text span.date {
margin-right:
40px;
}
.comments .comment-list .text span.date i {
margin-right:
5px;
}
.comments .comment-list .text span.reply a {
font-family:
"Merriweather", serif;
background: #333333;
color:
#fff;
padding: 6px 12px;
font-size: 14px;
}
.comments
.comment-list .parent {
margin-bottom: 0px;
overflow:
hidden;
}
.comments .comment-list .children .parent {
margin-bottom:
0px;
}
.comments .comment-list .children .parent-inner {
background:
transparent;
padding: 15px;
overflow: hidden;
margin-left:
60px;
}
.comments .comment-list .children .children .parent-inner {
background: transparent;
padding: 15px;
overflow: hidden;
margin-left: 120px;
}
.comments .comment-list .children > li {
list-style-type: none;
display: block;
margin-right: 0;
margin-bottom: 0;
}
.comments .comment-list .children > li:before {
content: '';
}
.comments .comment-list > li {
border-bottom:
1px dashed #a1a1a1;
margin-bottom: 20px;
padding-left:
0;
}
.comments .comment-list > li:before {
content:
'';
}
.comments .comment-list > li:last-child {
border-bottom:
0;
margin-bottom: 0;
}
.comments > li {
list-style-type:
none;
display: block;
margin-right: 0;
margin-bottom:
0;
}
.comments .respond {
background: transparent;
margin-bottom: 20px;
}
.comments .respond .cform-1 .btn-success {
font-family: "Merriweather", serif;
background-color:
transparent;
border: 2px solid #333333;
color: #333333;
font-size: 16px;
padding: 8px 20px;
font-weight: 600;
border-radius: 0;
-webkit-transition: all 0.4s ease;
transition:
all 0.4s ease;
}
.comments .respond .cform-1 .btn-success:hover {
background: #2a2a2a;
color: #fff;
border-color:
#2a2a2a;
}
.comments .respond .cform-1 .form-control {
border-radius: 0;
box-shadow: none;
}
.comments .respond .cform-1
input[type="text"],
.comments .respond .cform-1
input[type="email"],
.comments .respond .cform-1 textarea {
font-family: "Merriweather", serif;
background:
transparent;
border: 2px solid #ccc;
color: #2a2a2a;
font-size: 14px;
}
/*
================================
Under
Construction
================================
*/
.under-construction-v1
{
width: 100%;
height: 100vh;
position:
relative;
}
.under-construction-v1 img {
width: 100%;
height:
100%;
}
.under-construction-v1 .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
#2a2a2a;
opacity: 0.5;
}
.under-construction-v1 .inner {
width:
100%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform:
translateY(-50%);
transform:
translateY(-50%);
}
.under-construction-v1 h1 {
font-family:
"Lato", sans-serif;
text-transform: uppercase;
font-weight: 600;
font-size: 50px;
text-align: center;
color: #fff;
margin-bottom: 25px;
}
.under-construction-v1 p {
color: #fff;
text-align: center;
margin-bottom: 5px;
font-size: 16px;
}
.under-construction-v1 .newsletter {
text-align:
center;
}
.under-construction-v1 .btn-success {
font-family:
"Merriweather", serif;
display: inline-block;
background-color: #333333;
color: #fff;
border: 0;
border-color: #fff;
font-size: 16px;
padding: 10px 20px;
text-transform: uppercase;
font-weight: 600;
-webkit-transition:
all 0.4s ease;
transition: all 0.4s ease;
border-radius:
0;
}
.under-construction-v1 .btn-success:hover {
background:
#2a2a2a;
border-color: #2a2a2a;
color:
#fff;
}
.under-construction-v1 .form-control {
border-radius: 0;
box-shadow: none;
width: 100%;
outline:
none;
}
.under-construction-v1 input[type="email"] {
background: #f2f3f3;
border: 2px solid #f2f3f3;
height: 40px;
color:
#000;
}
/*
================================
FAQ
================================
*/
.faq
{
padding-top: 50px;
padding-bottom: 50px;
background:
#fff;
}
.faq h1 {
font-family: "Merriweather", serif;
font-size: 24px;
font-weight: 600;
color: #333333;
margin-bottom: 20px;
}
.faq .panel {
box-shadow: none !important;
border-radius: 0 !important;
}
.faq .panel-group {
margin-bottom:
40px;
}
.faq .panel-group .panel-heading a:after {
content:
'\f068';
font-family: 'FontAwesome';
position: absolute;
font-weight: normal;
font-size: 14px;
right: -1px;
top:
-1px;
padding: 11px;
color: #fff;
background:
#333333;
}
.faq .panel-group .panel-heading a.collapsed:after {
content: '\f067';
font-family: 'FontAwesome';
font-size: 14px;
right: -1px;
top: -1px;
padding: 11px;
color: #fff;
background: #333333;
}
.faq .panel-default > .panel-heading {
background: #eee;
color: #2a2a2a;
padding: 0;
border-radius:
0;
position: relative;
font-size: 14px;
}
.faq h4.panel-title a
{
display: block;
padding: 10px 15px;
font-size: 14px;
font-weight: bold;
}
.faq .panel-default > .panel-heading +
.panel-collapse > .panel-body {
border-top:
0;
}
/*
================================
Footer -
Top
================================
*/
.footer-top {
width:
100%;
height: auto;
padding: 50px 0;
background: #dedede;
text-align: center;
}
.footer-top .item {
margin-bottom:
20px;
}
.footer-top .item:hover i {
background: #868686;
color:
#2a2a2a;
}
.footer-top h2 {
font-family: "Merriweather",
serif;
color: #333333;
font-size: 20px;
display:
inline-block;
text-transform: uppercase;
font-weight: 600;
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
padding: 5px 40px;
text-align: center;
margin-bottom:
20px;
}
.footer-top h4 {
margin-bottom: 20px;
}
.footer-top h4 i
{
width: 60px;
height: 60px;
line-height: 60px;
font-size: 30px;
background: #2a2a2a;
color: #868686;
border-radius: 50%;
border: 2px solid #2a2a2a;
-webkit-transition: all 0.4s ease;
transition: all 0.4s
ease;
}
.footer-top p {
color: #2a2a2a;
font-size: 16px;
font-weight: 600;
text-align: center;
margin-bottom:
5px;
}
/*
================================
Footer -
Main
================================
*/
.footer-main {
width:
100%;
height: auto;
padding: 50px 0;
background:
#e74c3c;
}
.footer-main h3 {
font-family: "Merriweather",
sans-serif;
color: #ffffff;
font-size: 20px;
font-weight:
700;
text-transform: uppercase;
position: relative;
padding-bottom: 15px;
margin-bottom: 25px;
}
.footer-main
.footer-col p {
color: #fff;
font-size: 14px;
line-height:
22px;
}
.footer-main .footer-col ul li {
color: #e1e1e1;
font-size: 14px;
line-height: 22px;
-webkit-transition: all 0.4s
ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all
0.4s ease 0s;
transition: all 0.4s ease 0s;
list-style-type:
none;
margin-bottom: 8px;
position: relative;
padding-left:
20px;
}
.footer-main .footer-col ul li a {
color: #e1e1e1;
font-size: 14px;
line-height: 22px;
-webkit-transition: all 0.4s
ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all
0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.footer-main
.footer-col ul li a:hover {
color: #fff;
}
.footer-main .footer-col
ul li:before {
color: #e1e1e1;
content: "\f0a4";
font-family: "FontAwesome";
left: 0;
position:
absolute;
top: 0;
}
.footer-main .footer-col .contact-item {
color: #a3a3a3;
font-size: 14px;
overflow: hidden;
margin-bottom: 10px;
display: table;
}
.footer-main .footer-col
.contact-item .icon {
width: 35px;
display: table-cell;
vertical-align: top;
font-size: 16px;
margin-right:
10px;
}
.footer-main .footer-col .contact-item .icon i {
width:
24px;
height: 24px;
line-height: 24px;
text-align: center;
background: #fff;
color: #2a2a2a;
border-radius:
50%;
}
.footer-main .footer-col .contact-item .text {
display:
table-cell;
vertical-align: top;
line-height: 22px;
display:
block;
color: #fff;
}
/*
================================
Footer -
Bottom
================================
*/
.footer-bottom {
width: 100%;
height: auto;
background: #a53226;
padding:
15px 0 15px 0;
}
.footer-bottom .copyright {
font-size: 13px;
color: #fff;
text-align:
center;
}
/*
================================
Google
Map
================================
*/
.google-map iframe {
width: 100%;
height: 400px;
}
/**
* Newspaper Theme
New CSS
*/
.news-featured {
width: 100%;
height: auto;
background:
#fff;
padding-top: 0px;
padding-bottom: 0px;
overflow:
hidden;
}
.news-featured .item {
width: 100%;
background-position:
center center;
-webkit-background-size: cover;
background-size:
cover;
position: relative;
}
.news-featured .first-col {
height:
530px;
}
.news-featured .second-col {
height: 200px;
margin-bottom:
30px;
}
.news-featured .text {
font-family: 'Merriweather',
sans-serif!important;
position: absolute;
bottom: 0;
left:
0;
width: 100%;
height: auto;
background:
rgba(231,76,60,0.8);
}
.news-featured .text a {
position:
absolute;
left: 0;
top: 0;
width: 100%;
height:
100%;
}
.news-featured .text .inner {
padding: 10px;
}
.news-featured
.text h2 {
color: #fff;
font-weight: 700;
font-size:
14px;
margin-bottom: 0;
line-height: 1.5;
}
.news-featured .text p
{
color: #fff;
margin-bottom: 0;
font-size:
13px;
}
/*
================================
Ad1
================================
*/
.ad1
{
width: 100%;
height: auto;
margin-bottom: 30px;
}
.ad1 img
{
width: 100%;
height:
120px;
}
/*
================================
Ad2
================================
*/
.ad2
{
width: 100%;
height: auto;
padding-top: 0px;
padding-bottom:
30px;
}
.ad2 img {
width: 100%;
height:
auto;
}
/*
================================
Social
Sidebar
================================
*/
.social-sidebar
{
padding-bottom: 20px;
overflow: hidden;
}
.social-sidebar ul
{
margin-bottom: 0px;
}
.social-sidebar ul li {
float:
left;
list-style-type: none;
}
.social-sidebar ul li a {
display:
block;
background: #4a4a4a;
color: #fff;
width: 45px;
height:
45px;
line-height: 45px;
text-align: center;
margin-right:
10px;
margin-bottom: 10px;
font-size: 18px;
}
.social-sidebar ul li
a:hover {
background: #333333;
}
.social-sidebar ul li a i {
color:
#fff;
}
.search-sidebar {
padding-bottom: 20px;
overflow:
hidden;
}
.search-sidebar input[type="text"] {
border: 1px
solid #333333;
height: 30px;
padding-left: 5px;
padding-right:
5px;
}
.search-sidebar input[type="submit"] {
height:
30px;
border: 0;
background: #333333;
color: #fff;
padding-left:
10px;
padding-right: 10px;
margin-left: -3px;
}
.newsletter-sidebar
{
background: #4a4a4a;
padding: 25px 15px;
margin-bottom:
20px;
text-align: center;
}
.newsletter-sidebar h2 {
color:
#fff;
text-transform: uppercase;
text-align: center;
font-size:
18px;
font-weight: 600;
}
.newsletter-sidebar p {
color:
#fff;
line-height: 1.4;
padding-top: 5px;
padding-bottom:
10px;
}
.newsletter-sidebar input[type="email"] {
width:
90%;
height: 34px;
border: 0;
margin-bottom: 15px;
padding-left:
5px;
padding-right: 5px;
}
.newsletter-sidebar
input[type="submit"] {
background: #333333;
color:
#ffffff;
padding: 5px 10px;
text-align:
center;
}
.break-after-3:nth-of-type(3n+1) {
clear:
both;
}
h2.sidebar-heading {
padding:
10px!important;
}
.not-found {
font-size: 20px;
color:
red;
}
.error {
color: red;
margin-bottom: 15px;
}
.success
{
color: green;
margin-bottom: 15px;
}
.video-iframe iframe
{
width: 100%;
height: 280px;
}
.child {
display:
none;
}
.load-more {
text-align: center;
margin-top:
30px;
}
.load-more a {
background: #dddddd;
color: #333;
padding:
10px 20px;
border-radius: 26px;
font-weight: 700;
font-size:
18px;
text-transform: uppercase;
}