.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//bandup.blog/wp-content/themes/rylo/css/grabbing.png) 8 8, move;
} .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);
}.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}#wpadminbar {
font-style: normal !important;
} body {
font-family: 'Karla', sans-serif;
background: #f1f1f1;
color: #000;
word-wrap: break-word;
letter-spacing: .2px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
.wpcf7 label input,
.wpcf7 label textarea {
font-family: 'Karla', sans-serif;
}
.top-menu,
.main-menu,
.popular-content span,
.page-title h3,
.cat-name,
.post-tags a,
.r-btn,
.box-title,
.pagination a,
.subscribe-newsletter label,
.calendar_wrap,
.widget_nav_menu,
.tagcloud a,
.post-pagination span,
.page-404 h1,
.footer-instagram-title,
.slicknav_nav,
.comment-author,
.comments-area .reply-edit a,
.comment-reply-title,
.wpcf7 label,
input[type="submit"] {
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-style: normal !important;
}
blockquote,
.popular-content h5,
.slider-content h2,
.page-title span,
.title h2,
.title h3,
.title h4,
.page-title-2,
.related h5,
.post-pagination h5,
.page-404 p,
.side-post-title,
.side-item p.clear,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.wp-caption p.wp-caption-text,
.comment-date,
.comment-item .approval,
.mc4wp-form-fields label {
font-family: 'Lora', serif;
font-style: italic;
text-transform: none !important;
letter-spacing: .2px !important;
} .cat-name a,
.post-tags a:hover,
.post-share li a,
.r-btn,
.pagination a,
input[type="submit"]:hover,
.tagcloud a:hover,
.f-socials-wrap li a:hover {
background: #cc8e00;
} .cat-item,
.widget_archive li,
.author-socials li a,
.comment-item .comment-text p a,
.comment-item .approval,
.main-menu ul li a:hover,
.post-content a,
.post-content a:hover {
color: #cc8e00;
}
a,
a:hover,
a:focus {
color: #000;
text-decoration: none;
}
h6 {
font-size: 15px;
}
h5 {
font-size: 18px;
}
h4 {
font-size: 21px;
}
input {
font-size: 12px;
letter-spacing: .2px;
}
textarea {
font-size: 13px;
padding: 8px 16px;
line-height: 1.65;
resize: vertical;
letter-spacing: .3px;
}
input, textarea {
border: 1px solid #e9e9e9;
font-style: normal;
font-weight: 400;
width: 100%;
color: #1b1b1b;
}
input:focus, button:focus, textarea:focus {
outline: none;
}
input[type="submit"] {
background: #000;
color: #fff;
text-transform: uppercase;
font-size: 10px !important;
letter-spacing: 2px;
padding: 0 25px !important;
border-radius: 30px;
transition: all 250ms;
-moz-transition: all 250ms;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
-ms-transition: all 250ms;
border: none;
font-style: normal;
display: block;
width: auto !important;
height: 30px !important;
line-height: 30px !important;
}
select {
width: 100%;
padding: 5px;
border: 1px solid #d2cfcf;
}
select:focus {
outline: none;
}
blockquote {
margin: 25px 0;
font-size: 18px;
border-top: 1px solid #f4f5f4;
border-bottom: 1px solid #f4f5f4;
border-left: 0 !important;
padding: 20px;
display: flex;
}
blockquote p {
line-height: 1.75 !important;
}
table, th, td, tr {
padding: 12px;
}
hr {
margin: 30px 0 !important;
border-top: 1px solid #f4f5f4;
}
.container-boxed {
background: #fff;
}
.container-boxed-f {
margin: 0 -15px;
}
@media only screen and (min-width: 992px) {
.container-boxed {
width: 970px;
padding: 0 15px;
}
.container-boxed-f {
margin: 0 -15px;
}
}
@media only screen and (min-width: 1032px) {
.container-boxed {
width: 990px;
padding: 0 25px;
}
.container-boxed-f {
margin: 0 -25px;
}
}
@media only screen and (min-width: 1200px) {
.container-boxed {
width: 1170px;
padding: 0 15px;
}
.container-boxed-f {
margin: 0 -15px;
}
}
@media only screen and (min-width: 1240px) {
.container-boxed {
width: 1205px;
padding: 0 35px;
}
.container-boxed-f {
margin: 0 -35px;
}
}
.gallery-item img {
border: none !important;
}
.r-btn {
color: #fff;
font-size: 10px;
padding: 8px 25px;
border-radius: 30px;
transition: all 250ms;
-moz-transition: all 250ms;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
-ms-transition: all 250ms;
display: inline-block;
line-height: 1.4;
}
.r-btn:hover,
.r-btn:focus {
color: #fff;
}
.r-btn:hover {
background: #000;
}
.box-title {
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #f4f5f4;
margin-bottom: 30px;
padding-bottom: 15px;
font-size: 12px;
color: #000;
font-weight: 400;
}
.text-right {
text-align: right !important;
}
.no-result {
margin: 0 15px;
}
.side-item::after,
.post-content::after,
.post-bottom::after,
.post-author::after,
.pagination::after {
clear: both;
content: '';
display: table;
}
.clear {
clear: both;
}
.m0 {
margin: 0 !important;
}
.sticky,
.gallery-caption,
.bypostauthor {} h1,h2,h3,h4,h5,h6,p {
margin: 0;
}
h1,h2,h3,h4,h5,h6 {
line-height: 1.4 !important;
}
.ul {
margin: 0;
padding: 0;
list-style: none;
}  .top-bar {
background: #000;
color: #fff;
font-size: 11px;
position: relative;
}
.top-bar a {
color: #fff;
}
.top-menu {
margin-left: -5px;
}
.top-menu ul {
margin:0;
padding:0;
list-style: none;
}
.top-menu ul li {
display: inline-block;
position: relative;
margin-right: 18px;
}
.top-menu ul li:last-child {
margin-right: 0;
}
.top-menu ul li a,
.top-socials li a {
padding: 0 5px;
display: block;
line-height: 45px;
} #header .d-menu .sub-menu, #header .d-menu .children {
display: none;
position: absolute;
background: #000;
padding: 0;
text-align: left;
top: 45px;
left: 0px;
z-index: 999999;
}
#header .d-menu .sub-menu ul, #header .d-menu .children ul {
top: 0;
left: 100%;
}
#header .d-menu ul.menu ul li, #header .d-menu ul ul li {
margin-right: 0;
}
#header .d-menu ul.menu li:hover > ul, #header .d-menu ul li:hover > ul {
display: block;
}
#header .d-menu ul.menu ul a, #header .d-menu ul ul a {
padding: 10px 15px !important;
font-size: 10px;
min-width: 200px;
line-height: 19px;
transition: all 250ms;
-o-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-webkit-transition: all 250ms;
}
#header .d-menu ul.menu ul a:hover, #header .d-menu ul ul a:hover {
background: #fff;
color: #000;
}
#header .d-menu li.menu-item-has-children > a:after {
font-family: FontAwesome;
content: "\f107";
margin-left: 7.5px;
font-size: 11px;
}
#header .d-menu ul.menu ul a:hover:after, #header .d-menu ul ul a:hover:after {
color: #000 !important;
}
.top-socials {
font-size: 11.5px;
}
.top-socials li {
display: inline-block;
margin-left: 7.5px;
}
.top-socials li:first-child {
margin-left: 0;
}
.search-btn {
font-size: 11px;
background: none;
border: none;
padding: 0 5px;
position: absolute;
right: 10px;
top: 0;
height: 45px;
line-height: 45px;
}
.search-box {
position: absolute;
top: 0;
right: 40px;
display: none;
width: 200px;
z-index: 999;
}
.search-box input {
background: #fff;
border: none !important;
padding-right: 35px !important;
font-size: 12px !important;
}
.search-box input::-webkit-input-placeholder {
color: #c5c6c5;
}
.search-box button {
right: 7.5px !important;
}
.btn-c {
display: none;
} .logo-area {
padding: 60px 0;
}
.logo-area .container {
position: relative;
}
.logo {
text-align: center;
}
.logo a {
display: inline-block;
}
.logo img {
margin: 0 auto;
max-width: 100%;
height: auto;
} .main-menu {
height: 45px;
font-size: 12px;
border-bottom: 1px solid #f4f5f4;
background: #fff;
z-index: 999;
margin-bottom: 45px;
}
.main-menu ul {
text-align: center;
margin: 0;
padding: 0;
list-style: none;
}
.main-menu ul li {
display: inline-block;
position: relative;
margin-right: 18px;
}
.main-menu ul li:last-child {
margin-right: 0;
}
.main-menu ul li a {
padding: 0 5px;
line-height: 45px;
display: block;
transition: all 200ms;
-moz-transition: all 200ms;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
-ms-transition: all 200ms;
} #header .main-menu.d-menu .sub-menu, #header .main-menu.d-menu .children {
background: #fff;
}
#header .main-menu.d-menu ul.menu ul a, #header .main-menu.d-menu ul ul a {
color: #000;
}
#header .main-menu ul.menu ul a:hover, #header .main-menu .menu ul ul a:hover {
background: #000;
color: #fff;
}
#header .main-menu .menu li.menu-item-has-children > a:after {
color: #000;
}
#header .main-menu .menu li.menu-item-has-children > a:hover:after {
color: #cc8e00;
}
#header .main-menu ul.menu ul a::after, #header .main-menu .menu ul ul a::after {
color: #000 !important;
}
#header .main-menu.d-menu ul.menu ul a:hover:after, #header .main-menu.d-menu ul ul a:hover:after {
color: #fff !important;
}
#header .main-menu .d-menu .sub-menu {
border-top: 1px solid #f4f5f4;
}
#header .main-menu .d-menu .sub-menu ul {
border: none;
} #main-slider {
margin-bottom: 45px;
}
.main-slider:hover .owl-prev,
.main-slider:hover .owl-next {
background: rgba(255,255,255,0.95);
}
.slider-item {
position: relative;
}
.slider-img {
display: table;
width: 100%;
height: 550px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.slider-content-wrap {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.15);
display: table-cell;
vertical-align: middle;
}
.slider-content-contain {
margin: 0 auto;
max-width: 580px;
}
.slider-content-inner {
padding: 10px;
border: 1px solid rgba(255,255,255,0.95);
}
.slider-content {
text-align: center;
padding: 30px;
background: rgba(255,255,255,0.95);
}
.slider-content h2 {
margin-bottom: 24px;
}
.slider-content p {
line-height: 1.9;
margin-bottom: 27px;
}
.slider-content .r-btn {
margin-bottom: 15px;
} .content-area {
float: left;
width: 100%;
}
.page-title {
text-align: center;
border-top: 1px solid #f4f5f4;
border-bottom: 1px solid #f4f5f4;
padding: 15px 0;
margin-bottom: 45px;
}
.page-title span {
margin-bottom: 5px;
display: block;
}
.page-title h3 {
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
font-weight: 400;
}
.grid .post-img {
margin-bottom: 27px;
}
.grid:nth-of-type(2n+1) {
clear: both;
}
.post-item, .page-item {
margin-bottom: 30px;
}
.title {
text-align: center;
}
.title .date {
margin-bottom: 7.5px;
display: block;
}
.title h2 {
margin-bottom: 19px;
}
.title h3 {
margin-bottom: 16px;
}
.title h4 {
margin-bottom: 17px;
}
.page-item .title h2 {
margin-bottom: 25px;
}
.cat-name {
text-transform: uppercase;
font-size: 10px;
display: block;
margin-bottom: 16px;
font-weight: 400;
}
.cat-name a {
color: #fff;
padding: 3px 10px;
display: inline-block;
margin-bottom: 4px;
letter-spacing: 2px;
}
.cat2 {
margin-bottom: 31px;
}
.date-2 {
font-size: 12px;
}
.title-m {
margin-bottom: 24px;
}
.post-details .title,
.post-details .post-entry {
text-align: left !important;
}
.post-img,
.post-audio,
.post-video,
.post-gallery {
margin-bottom: 25px;
}
.post-gallery:hover .owl-prev,
.post-gallery:hover .owl-next {
background: rgba(255,255,255,0.98);
}
.post-img img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.post-list-img {
margin-bottom: 0 !important;
}
.post-video {
overflow: hidden;
}
.gallery-img img {
margin: 0 auto;
}
.post-entry {
margin-bottom: 26px;
text-align: center;
}
.post-grid-entry {
margin-bottom: 0 !important;
}
.post-entry p {
line-height: 1.9;
}
.post-list-entry {
padding: 0 !important;
margin-bottom: 0;
}
.post-tags {
margin-bottom: 30px;
}
.post-tags a {
background: #f9f9f9;
color: #717171;
padding: 4px 12px;
margin-right: 5px;
display: inline-block;
font-size: 9px !important;
margin-bottom: 5px;
transition: all 350ms;
-moz-transition: all 350ms;
-webkit-transition: all 350ms;
-o-transition: all 350ms;
-ms-transition: all 350ms;
}
.post-tags a:hover {
color: #fff;
}
.post-bottom {
border-bottom: 1px solid #f4f5f4;
padding-bottom: 10px;
}
.post-share {
height: 32px;
}
.post-share li {
display: inline-block;
margin-right: 4px;
}
.post-share li a {
font-size: 14px;
color: #fff;
width: 30px;
height: 30px;
display: table;
border-radius: 50%;
text-align: center;
transition: all 250ms;
-moz-transition: all 250ms;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
-ms-transition: all 250ms;
}
.post-share li a:hover {
background: #000;
}
.post-share li a i {
vertical-align: middle;
display: table-cell;
}
.post-bottom .pull-right div,
.post-bottom .pull-right span {
line-height: 30px !important;
}
.post-author-name {
margin-right: 10px;
}
.dot {
margin-right: 10px;
}
.comment-num a {
color: #d6d6d6;
}
.comment-num i {
margin-left: 5px;
} .ads-section {
background: #f9f9f9;
padding: 45px 15px;
text-align: center;
margin-top: 30px;
margin-bottom: 60px;
}
.ads-section img {
max-width: 100%;
height: auto;
} .category-posts {
margin: 60px 0;
}
.category-posts article {
margin-bottom: 0;
}
.category-posts .grid:nth-child(1),
.category-posts .grid:nth-child(2) {
margin-bottom: 30px;
}
.category-posts .post-img {
margin-bottom: 27px;
}
.category-posts .grid .post-img {
margin-bottom: 22px;
}
.category-posts .grid .date {
margin-bottom: 8px;
}
.category-posts .grid span,
.category-posts .grid span a {
margin-bottom: 0;
}
.category-posts .grid h4 {
margin-bottom: 0;
} .format-posts {
margin-top: 60px;
margin-bottom: 30px;
}
.format-posts h3 {
margin-bottom: 17px !important;
} .popular-posts {
margin-top: 60px;
margin-bottom: 60px;
}
.popular-slider:hover .owl-prev,
.popular-slider:hover .owl-next {
background: rgba(255,255,255,0.98);
}
.popular-item {
position: relative;
overflow: hidden;
}
.popular-item img {
width: 100%;
display: block;
max-width: 100%;
height: auto;
}
.popular-cap {
position: absolute;
bottom: 0px;
right: 0;
left: 0;
padding: 0 22.5px;
transition: all 800ms cubic-bezier(0, 0.79, 0.41, 1.03);
}
.popular-content-wrap {
padding: 7.5px 7.5px 0 7.5px;
border-top: 1px solid rgba(255,255,255,0.98);
border-right: 1px solid rgba(255,255,255,0.98);
border-left: 1px solid rgba(255,255,255,0.98);
}
.popular-content {
background: rgba(255,255,255,0.98);
padding: 22px;
text-align: center;
margin-bottom: -3px;
}
.popular-content span {
display: block;
font-size: 10px;
margin-bottom: 8px;
}
.popular-content h5 {
margin-bottom: 6px;
} .post-content {
margin-bottom: 26px;
text-align: left;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
margin-bottom: 20px;
}
.post-content p {
margin-bottom: 20px;
line-height: 1.9;
text-align: inherit;
}
.post-content p:last-child {
margin-bottom: 0;
}
.post-content img {
display: block;
max-width: 100%;
height: auto;
}
.post-content ul,
.post-content ol {
margin-bottom: 20px;
}
.post-content li {
margin-bottom: 7.5px;
}
.post-content li:last-child {
margin-bottom: 0;
}
.post-content li ul,
.post-content li ol {
padding-left: 30px;
margin-top: 7.5px;
margin-bottom: 0;
}
.alignnone {
margin: 5px 17px 17px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto;
}
.alignright {
float: right;
margin: 5px 0 17px 25px;
}
.alignleft {
float: left;
margin: 5px 25px 17px 0;
}
.alignleft:nth-of-type(2n+1),
.alignright:nth-of-type(2n+1) {
clear: both;
}
a img.alignright {
float: right;
margin: 5px 0 25px 17px;
}
a img.alignnone {
margin: 5px 17px 17px 0;
}
a img.alignleft {
float: left;
margin: 5px 25px 17px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
max-width: 100%;
}
.wp-caption.alignnone {
margin: 5px 17px 17px 0;
}
.wp-caption.alignleft {
margin: 5px 17px 17px 0;
}
.wp-caption.alignright {
margin: 5px 0 17px 17px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
text-align: center;
margin: 0;
margin-top: 5px;
font-size: 15px;
} .post-author {
margin: 45px 0;
}
.author-img {
float: left;
margin-right: 30px;
}
.author-details {
overflow: hidden;
}
.author-name {
margin-bottom: 7px;
margin-top: -3.5px;
}
.author-socials-2 li {
display: inline-block;
font-size: 14px;
margin-right: 10px;
}
.author-socials-2 li a {
color: #717171;
background: #f3f3f3;
width: 24px;
height: 24px;
display: table;
text-align: center;
font-size: 12px;
border-radius: 50%;
}
.author-socials-2 li a i {
display: table-cell;
vertical-align: middle;
} .related-posts {
margin: 45px 0;
}
.related {
text-align: center;
}
.related-posts-img {
margin-bottom: 15px;
}
.related-posts-img img {
max-width: 100%;
height: auto;
display: block;
}
.related h5 {
font-size: 16px;
} .post-pagination {
border-top: 1px solid #f4f5f4;
border-bottom: 1px solid #f4f5f4;
padding: 20px 0;
margin: 45px 0;
}
.p-icon-box {
width: 25px;
font-size: 26px;
}
.p-icon-box i {
position: relative;
top: -1px;
}
.post-p-details {
overflow: hidden;
}
.post-pagination span {
display: block;
font-size: 10px;
margin-bottom: 4px;
}
.post-pagination h5 {
font-size: 14px;
}
.ppd2 {
margin-right: 25px;
}
.pib2 {
position: absolute;
top: 0;
right: 0;
}
.post-pagination .pp-right {
position: relative;
} .comments-area {
margin: 45px 0;
}
.comments-area li {
list-style: none;
}
.comment-list {
margin-bottom: 45px;
}
.comment-item {
border-bottom: 1px solid #f6f6f6;
padding-bottom: 30px;
margin-bottom: 30px;
}
.comment-item .author-img {
float: left;
margin-right: 20px;
}
.comment-item .author-img img {
border-radius: 50%;
max-width: 60px;
height: auto;
}
.comment-text {
overflow: hidden;
}
.comment-text p {
margin-bottom: 15px;
}
.comment-text p:last-child {
margin-bottom: 0;
}
.comment-author {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px !important;
margin-bottom: 5px;
font-weight: 400;
}
.comment-author a {
display: block;
color: #000;
}
.comment-date {
font-size: 12px;
color: #a5a5a5;
display: block;
margin-bottom: 7.5px;
letter-spacing: .3px;
}
.comment-item .approval {
font-size: 12px;
display: block;
margin-bottom: 10px;
letter-spacing: .5px;
}
.comments-area .reply-edit a {
float: right;
font-size: 8px;
letter-spacing: 1px;
border: 1px solid #d3d3d3;
color: #d3d3d3;
padding: 4px 12px;
border-radius: 30px;
margin-left: 5px;
text-transform: uppercase;
transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
-webkit-transition: all 300ms;
}
.comments-area .reply-edit .comment-edit-link {
border-color: #d4d4d4;
color: #d4d4d4;
}
.comments-area .reply-edit a:hover {
opacity: .9;
}
.comments-area .children {
padding: 0;
} #respond {
margin-bottom: 30px;
overflow: hidden;
}
.comment-reply-title {
font-size: 12px;
margin-bottom: 21px;
letter-spacing: 2px;
color: #000;
position: relative;
font-weight: 400;
}
comment-reply-title a {
display: inline-block;
}
comment-reply-title small {
position: absolute;
right: 0;
top: 1px;
line-height: inherit;
}
comment-reply-title small a {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
-webkit-transition: all 100ms;
}
comment-reply-title small a:hover {
opacity: .8;
}
#respond input {
padding: 0 15px;
height: 35px;
line-height: 35px;
margin-bottom: 15px;
}
#respond .comment-form-url {
margin-bottom: 10px;
}
#respond textarea {
height: 140px;
margin-bottom: 19px;
}
#respond textarea:focus,
#respond input:focus {
outline: none;
}
#respond #submit {
margin-bottom: 0;
} .pagination {
padding: 0;
border-radius: 0;
display: inherit;
margin: 0;
margin-top: 60px;
margin-bottom: 70px;
}
.pagination a {
letter-spacing: 2px;
color: #fff;
font-size: 10px;
padding: 8px 25px;
border-radius: 30px;
transition: all 250ms;
-moz-transition: all 250ms;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
-ms-transition: all 250ms;
display: inline-block;
}
.pagination a:hover,
.pagination a:focus {
color: #fff;
}
.pagination a:hover {
background: #000;
}
.pagination a i:first-child {
margin-right: 5px;
}
.pagination a i:last-child {
margin-left: 5px;
} .page-404 {
text-align: center;
margin-bottom: 30px;
}
.page-404 h1 {
font-size: 90px;
text-transform: uppercase;
margin-bottom: 25px;
}
.page-404 p {
margin-bottom: 25px;
font-size: 15px;
} .side-item {
margin-bottom: 45px;
}
.side-item .box-title {
border-bottom: 1px solid #f4f5f4 !important;
color: #000 !important;
}
.side-item img {
max-width: 100%;
height: auto;
}
.side-item ul {
margin: 0;
padding: 0;
list-style: none;
}
.side-item ul li {
margin-bottom: 15px;
}
.side-item ul li:last-child {
margin-bottom: 0px;
}
.side-img {
margin-bottom: 25px;
}
.side-img img {
width: 100%;
}
.side-article {
text-align: center;
margin-bottom: 15px;
}
.widget_categories a,
.widget_archive a {
padding-right: 3px;
}
.widget_nav_menu {
text-align: center;
font-size: 10px;
}
.screen-reader-text {
display: none;
}
.widget_text option {
width: 100%;
} .banner-img img {
display: block;
max-width: 100%;
height: auto;
} #searchform {
position: relative;
}
#searchform input {
border: 0;
border-bottom: 1px solid #f4f5f4;
width: 100%;
padding-left: 15px;
padding-right: 40px;
line-height: 45px;
height: 45px;
font-size: inherit;
}
#searchform button {
background: none;
border: 0;
position: absolute;
right: 9px;
top: 0;
color: #f4f5f4;
height: 45px;
padding: 0 5px;
} .author-socials {
text-align: center;
font-size: 15px;
height: 15px;
}
.author-socials li {
display: inline-block;
margin: 0 10px !important;
} .side-posts {
margin-bottom: 15px;
}
.side-posts:last-child {
margin-bottom: 0;
}
.side-posts .col-xs-4 {
padding-right: 7.5px;
}
.side-posts .col-xs-8 {
padding-left: 7.5px;
}
.side-post-img img {
display: block;
max-width: 100%;
height: auto;
}
.side-post-title {
margin-bottom: 2px;
font-size: 14px;
}
.side-posts-slider {
overflow: hidden;
}
.side-posts-slider:hover .owl-prev,
.side-posts-slider:hover .owl-next {
background: rgba(255,255,255,0.98);
}
.side-posts-figure {
position: relative;
}
.side-post-cap {
position: absolute;
bottom:0;
padding: 0 22.5px;
right: 0;
left: 0;
}
.side-post-content-2-wrap {
padding: 7.5px 7.5px 0 7.5px;
border-top: 1px solid rgba(255,255,255,0.98);
border-right: 1px solid rgba(255,255,255,0.98);
border-left: 1px solid rgba(255,255,255,0.98);
}
.side-post-content-2 {
background: rgba(255,255,255,0.98);
padding: 18px 15px;
padding-bottom: 19px;
text-align: center;
}
h4.side-post-title {
font-size: 15px;
} .calendar_wrap {
letter-spacing: .5px;
}
#wp-calendar {
width: 100%;
}
#wp-calendar th,
#wp-calendar tr,
#wp-calendar td {
color: #717171;
border: none;
text-align: center;
font-size: 12px;
}
#wp-calendar td {
background: rgba(249, 249, 249, 0.65);
border: 1px solid #fff;
}
#wp-calendar a {
color: #000;
}
#wp-calendar caption {
text-align: center;
font-size: 12px;
padding: 5px 0px;
letter-spacing: 1.5px;
color: #000;
}
#wp-calendar tfoot td {
padding: 5px 7.5px;
font-size: 10px;
background: none;
}
#wp-calendar #prev {
text-align: left;
}
#wp-calendar #next {
text-align: right;
} .side-item .instagram-pics {
list-style: none;
padding:0 !important;
margin:0 !important;
margin-left: -3px !important;
margin-right: -3px !important;
}
.side-item .instagram-pics li {
width: 33.33333333%;
float: left;
border-bottom: 0 !important;
margin-bottom: 0 !important;
padding: 5px !important;
}
.side-item .instagram-pics li a {
margin-left: 0 !important;
}
.side-item .instagram-pics li img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
opacity: 1;
}
.side-item .instagram-pics li img:hover {
opacity: .90;
}
.side-item p.clear {
text-align: center;
position: relative;
} .tagcloud a {
background: #f9f9f9;
color: #717171;
padding: 4px 12px;
margin-right: 2px;
display: inline-block;
font-size: 9px !important;
margin-bottom: 5px;
transition: all 350ms;
-moz-transition: all 350ms;
-webkit-transition: all 350ms;
-o-transition: all 350ms;
-ms-transition: all 350ms;
}
.tagcloud a:last-child {
margin-right: 0 !important;
}
.tagcloud a:hover {
color: #fff;
}  .go-top {
text-align: center;
padding-bottom: 60px;
font-size: 18px;
}
@-webkit-keyframes go-top {
0% {
top: 0;
opacity: 1;
}
100% {
top: -10px;
opacity: 0;
}
}
@keyframes go-top {
0% {
top: 0;
opacity: 1;
}
100% {
top: -10px;
opacity: 0;
}
}
.go-top a {
width: 45px;
height: 45px;
position: relative;
display: inline-block;
}
.go-top a:hover {
animation: go-top 1s infinite;
-moz-animation: go-top 1s infinite;
-webkit-animation: go-top 1s infinite;
-o-animation: go-top 1s infinite;
}
.go-top a i {
position: relative;
top: 8px;
} .footer-socials {
text-align: center;
padding: 0 15px;
padding-bottom: 15px;
font-size: 14px;
}
.f-socials-wrap ul {
margin-bottom: -6px;
}
.f-socials-wrap li {
display: inline-block;
margin: 0 10px;
}
.f-socials-wrap li a {
width: 32px;
height: 32px;
display: table;
border-radius: 50%;
text-align: center;
transition: all 250ms;
-moz-transition: all 250ms;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
-ms-transition: all 250ms;
}
.f-socials-wrap li a:hover {
color: #fff;
}
.f-socials-wrap li a i {
display: table-cell;
vertical-align: middle;
} .footer-instagram {
margin-bottom: -1px;
}
.footer-instagram:hover .footer-instagram-title {
bottom: 0;
}
.footer-instagram-wrap {
position: relative;
text-align: center;
overflow: hidden;
}
.footer-instagram-title {
padding: 15px 30px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
position: absolute;
left: 50%;
bottom: -45px;
margin-left: -82px;
background: #fff;
z-index: 9999;
transition: all 400ms;
-moz-transition: all 400ms;
-webkit-transition: all 400ms;
-o-transition: all 400ms;
-ms-transition: all 400ms;
}
.footer-instagram ul {
padding: 0;
margin:0;
list-style: none;
}
.footer-instagram ul li {
width: 16.6666667%;
display: inline;
float: left;
}
.footer-instagram ul li img {
max-width: 100%;
width: 100%;
height: auto;
}
.footer-instagram ul li img:hover {
opacity: .90;
}
.footer-instagram p.clear {
display: none;
} .footer-copy {
background: #000;
color: #fff;
padding: 15px 30px;
}
.footer-copy a {
color: #fff;
}
.footer-copy p {
text-align: center;
} .mobile-main-menu {
margin-bottom: 45px;
z-index: 99999 !important;
}
.top-bar .slicknav_btn {
float: left;
}
.slicknav_menu a:hover,
.slicknav_menu a:focus {
color: #fff !important;
}
.slicknav_btn {
background: none;
margin: 8.5px 6px;
text-shadow: none;
border-radius: 0;
}
.slicknav_nav {
padding-bottom: 12px;
font-size: 11px;
}
.slicknav_nav ul {
padding: 0;
margin: 0 0 0 15px;
}
.slicknav_nav ul:first-child {
margin: 0;
margin-top: -3px;
}
.slicknav_menu {
background: #1a1a1a;
padding: 0;
}
.slicknav_nav .slicknav_row, .slicknav_nav a {
padding: 8px 15px;
margin: 0;
outline: none;
}
.slicknav_nav .slicknav_arrow {
float: right;
}
.slicknav_nav a:hover,
.slicknav_item:hover {
background: none !important;
border-radius: 0 !important;
} .popular-slider .owl-prev {
left: 30px;
}
.popular-slider .owl-next {
right: 30px;
}
.owl-prev, .owl-next {
color: #000;
width: 40px;
height: 40px;
background: rgba(255,255,255,0.50);
position: absolute;
top: 50%;
transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
border-radius: 50%;
z-index: 9999;
text-align: center;
overflow: hidden;
transition: all 250ms;
-moz-transition: all 250ms;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
-ms-transition: all 250ms;
}
.owl-prev::before {
font: normal normal normal 18px/40px FontAwesome;
content: "\f104";
display: block;
}
.owl-prev {
left: 15px;
}
.owl-next::before {
font: normal normal normal 18px/40px FontAwesome;
content: "\f105";
display: block;
}
.owl-next {
right: 15px;
}
.side-posts-slider .owl-prev, .side-posts-slider .owl-next {
-moz-transition: 250ms ease-in-out;
-webkit-transition: 250ms ease-in-out;
-o-transition: 250ms ease-in-out;
transition: 250ms ease-in-out;
-ms-transition: 250ms ease-in-out;
}
.side-posts-slider .owl-prev {
left: -40px;
}
.side-posts-slider .owl-next {
right: -40px;
}
.side-posts-slider:hover .owl-prev {
left: 15px;
}
.side-posts-slider:hover .owl-next {
right: 15px;
} .wpcf7 label {
display: block;
font-size: 11px;
}
.wpcf7 input,
.wpcf7 textarea {
margin-top: 5px;
}
.wpcf7 input {
width: 300px;
height: 35px;
line-height: 35px;
padding: 0 15px;
}
.wpcf7 textarea {
height: 150px;
}
.wpcf7 input[type="submit"] {
height: auto;
} .mc4wp-form-fields {
background: #f9f9f9;
padding: 22.5px;
text-align: center;
}
.mc4wp-form-fields p {
margin-bottom: 0;
}
.mc4wp-form-fields label {
margin-bottom: 15px;
font-size: 15px;
font-weight: 400;
}
.mc4wp-form-fields input {
height: 35px;
line-height: 35px;
padding: 0 15px;
margin-bottom: 15px;
}
.mc4wp-form-fields input[type="submit"] {
margin: 0 auto;
width: 100% !important;
border-radius: 0 !important;
}
.mc4wp-alert {
background: #f9f9f9;
padding: 0 25px 25px 25px;
} @media (min-width: 1200px) {
.post-details {
margin-top: 5px;
}
.random-posts .post-details {
margin-top: 3.5px;
}
}
@media (min-width: 768px) {
.mobile-top-menu,
.mobile-main-menu {
display: none;
} .top-bar {
height: 45px;
}
.top-bar-m-right {
position: relative;
}
.content-wrap {
width: 70%;
}
.post-standard-entry {
padding: 0 15px;
}
.post-grid-title,
.post-grid-entry {
padding: 0 6px;
}
.random-posts .text-right-r {
text-align: right !important;
}
.comments-area .children {
margin-left: 45px;
}
#sidebar {
margin-top: 4px;
}
.side-wrap {
width: 30%;
padding-left: 30px;
}
.pl0 {
padding-left: 0;
padding-right: 7.5px;
}
.pr0 {
padding-right: 0;
padding-left: 7.5px;
}
}
@media (max-width: 1199px) {
.slider-img {
height: 450px;
}
}
@media (max-width: 991px) {
.post-list-entry {
display: none;
}
.slider-img {
height: 400px;
}
.paginations {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.top-bar-m-right {
position: absolute;
right: 0;
top: 0;
}
.mobile-main-menu .container {
margin: inherit;
padding: 0;
}
.post-list-img {
margin-bottom: 25px !important;
}
.post-details .title,
.post-details .post-entry {
text-align: center !important;
}
.post-list-entry {
display: block;
}
.random-posts .left-list .cat-name,
.random-posts .left-list .cat-name a {
margin-bottom: 0;
}
.random-posts .right-list .cat-name {
margin-bottom: 28px;
}
.author-img img {
height: auto;
max-width: 60px;
}
.pl0, .pr0  {
padding: 0px;
}
.content-area {
margin-bottom: 15px;
}
.paginations {
margin-top: 0;
margin-bottom: 45px;
}
.related {
margin-bottom: 30px !important;
}
.related:last-child {
margin-bottom: 0;
}
.c-left-box article {
margin-bottom: 30px;
}
.footer-instagram ul li {
width: 25% !important;
}
}
@media (max-width: 735px) {
.slider-content-contain {
max-width: 90%;
padding: 15px 0;
}
}
@media (max-width: 347px) {
.wpcf7 input {
width: 100%;
}
}