.fl {float:left;}
.fr {float:right;}
.fb {font-weight: bold;}
.abs {position: absolute;}
.rel {position: relative;}
.pt:hover {cursor: pointer;}
.db {display:block;}
.dib {display:inline-block;}
.di {display: inline;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f24 {font-size:24px;}
.f28 {font-size:28px;}

.em05 {font-size:0.5em;}
.em075 {font-size:0.75em;}
.em09 {font-size:0.9em;}
.em1 {font-size:1em;}
.em11 {font-size:1.1em;}
.em125 {font-size:1.25em;}
.em15 {font-size:1.5em;}
.em175 {font-size:1.75em;}
.em2 {font-size:2em;}

.lh15 {line-height:1.5}

.white {color:#fff;}
.black {color:#000;}
.red {color:red;}
.seagreen {color:#18a689;}
.taj {text-align: justify;}
.tac {text-align: center;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* skin related */
* {
    transition: color 0.2s ease-in-out;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pulsing /* Safari and Chrome */ {
  0% { transform: scale(1.00); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1.00); }
}
@keyframes pulsing {
  0% { transform: scale(1.00); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1.00); }
}
@-webkit-keyframes pulsing-heart /* Safari and Chrome */ {
  0% { color: #f47b90; font-size:30px; }
  50% { color: #f24361; font-size:34px; }
  100% { color: #f47b90; font-size:30px; }
}
@keyframes pulsing-heart {
  0% { color: #f47b90; font-size:30px; }
  50% { color: #f24361; font-size:31px; }
  100% { color: #f47b90; font-size:30px; }
}
@font-face{
    font-family: "Righteous-Regular";
    src: url(./fonts/Righteous-Regular.ttf);
    }

    
.pt-7 {
    padding-top: 7rem!important;
}

.pt-3 {
    padding-top: 3rem!important;
}

.pb-7 {
    padding-bottom: 7rem!important;
}

.pb-3 {
    padding-bottom: 3rem!important;
}

.pl-2 {
    padding-left: 2rem!important;
}

.pr-2 {
    padding-right: 2rem!important;
}

#preloader:after{
	-webkit-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

.page-loaded #preloader:after {
    -webkit-animation:none;
	animation: none;
}

.sticky-header #main {
    padding-top:55px;
}

#header {
    justify-content: normal;    
    display:block;
}

#header .navigation .search {
    margin-top: 4px;
    margin-right: 6px;
    border: 1px solid #252323;
    padding: 5px;
}

#header .search input {
    color:#ffffff;
    border: 0;
    background: none;    
}

#header .search button {
    border: 0;
    background: none;  
    color:#fff;
}

.navigation {
    float:right;
}

#header .search {
    display:none;
}

#header .navigation .search {
    display:block;
}

#header .logo {
    display: inline-block;
    padding-top: 5px;
    font-family: 'Righteous-Regular', 'Concert One', cursive;
    font-size: 35px;
    font-weight: 400;
    text-shadow: 2px 2px black;
}
#header .mob-menu {
    float: right;
    margin-top: 25px;
}
.navigation ul.main-nav {
    margin-top:10px;
}
.navigation li.has-mega-menu {
    padding-bottom:12px;
}

#main {position:relative;}

.content {
    padding-top:5px;
}

.content h1 {
    margin-bottom:0;
    color:#000000;
}

.gallery-thumbs {
    padding:10px;
    text-align:center; 
}
.gallery-thumbs > figure {
    margin:10px 7px;
    box-shadow: 0 0 3px 1px #000;   
    
}
.masonry.masonry-cards img {
    transition: all 0.35s ease-in-out;
}
.masonry.masonry-cards figure {
    overflow:hidden;
}
.vh-70 {
    height:auto !important;
}
.masonry.masonry-cards img:hover {
    transform: scale(1.025);
}
.masonry-cards figure .text-links,
.image-list figure .text-links  {
    font-family: 'Concert One', cursive; 
    padding-bottom: 2rem;   
}

.isotope {text-align:center; margin: 0 auto;}
.isotope figure {display:inline-block;}

.breadcrumbs {
    text-align:center;
    padding:0 10px;
    background-color: rgba(220,220,220,0.7);
}

.breadcrumbs a:hover {
    text-decoration:underline;
}

.breadcrumbs li {
    display:inline-block;
}
.breadcrumbs li:after {
    content:"|";
}
.breadcrumbs li:last-child:after {
    content:"";

}
#main {
    background-color:  #fff6df !important;
    
}

main .series-nav {
    margin-top:30px;
    margin-bottom:10px;
    text-align:center;
}

main .series-nav select {
    background:none;
    border:0;
    margin-right:5px;
}

main .series-nav select:hover {
    cursor:pointer;
}



.title-block {
    margin-top:30px;
    padding-left:5%;
    padding-right:5%;
    height:auto;
    clear:both;
    min-height:0px;
    color: #f00;
}

.title-block .sort {
    margin-top:5px;
    font-size:16px;
}

.title-block .sort .active {
    
}

.title-block .sort a {
    color: #f00;
    border-bottom:2px solid;
    transition: border-bottom 0.2s ease-in-out;
}

.title-block .sort a:hover {
    border-bottom:0;
}

.series-nav select {
    padding:3px 7px;
    border: 1px solid #000 !important;
}

.navigation .mega-menu ul {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;    
}

.navigation .mega-menu ul {
    display:block;
}

.navigation .mega-menu li {
    display:inline-block;
    margin-top:3px;
}

.navigation .mega-menu li:first-child {
    border-top:0;
}

.more {
    font-size:16px;
    margin:10px 10px 30px;
    text-align:center;
}

.more a {
    border-bottom:2px solid #000;
}

.more a:hover {
    border-color:rgba(0,0,0,0);
}

.gallery-nav-buttons {
	position:absolute;bottom:4px;visibility:visible!important;top:auto;border:0;height:40px;padding:0;background:none;border:2px solid #fff;
}.gallery-nav-buttons span {
	top:-1px;position:relative;font-size:16px
}.gallery-nav-buttons a {
	color:#fff
}.change-gallery-prev {
	left:4px;padding-right:20px;padding-left:20px
}.change-gallery-prev i {
	margin-left:-20px
}.change-gallery-next {
	right:0;padding-left:20px;padding-right:20px
}.change-gallery-next i {
	width:20px;display:inline-block;position:relative;left:-16px
}.gallery-nav-buttons i {
    position:relative; top:2px;
}.gallery-to-first {
	left:4px;padding-right:20px;padding-left:0px;color:#fff;
}.change-gallery-prev i, .gallery-to-first i {
	 left:6px; display:inline-block; 
}.change-gallery-next {
	right:4px;padding-left:20px;padding-right:10px
}.change-gallery-next i {
	width:20px;display:inline-block;left:0;
}

#rating {
    padding-top:10px;
    height:40px;
    font-size:18px;
}

#rating > span {
    line-height: 40px;
    display: block;
}

#rating .fa-heart {
    font-size:30px;
    width:50px;
    color:#f47b90;
    text-align:center;
    transition: font-size 0.35s ease-in-out, color 0.35s ease-in-out;
}

#rating .fa-heart:hover {
    font-size:34px;
    color:#f24361;
}

.gallery h2 {
    font-size: 2.5rem;
}

.rateit:hover {
    cursor:pointer;
}

.block-slide-init {
    margin:20px;    
    text-align:center;
}



.pagination {
    text-align:center;
    margin-top:20px;
    font-size:16px;
    font-weight:bold;
    padding-bottom:30px;
}

.pagination .paging {
    transition: border-bottom 0.1s ease-in-out;
    border-bottom:2px solid;
    font-weight:normal;
}

.pagination .paging:hover {
    border-color:rgba(0,0,0,0);
}

.pagination .paging {
    display:inline-block;
    padding: 4px;
    margin:0 5px;
}

.scroll-top {
    padding:12px;
    position:absolute;
    bottom:0;
    right:0;
    color:#fff;
    background:#333;
    display:none;
}

.scroll-top:focus, .scroll-top:visited {
    color:#fff;
}

.scroll-top:hover  {
    color:#00dfff;
} .player {
	width:100%;
	text-align:center;
}
.player iframe {
	width: 100%;
	height: 225px;
}

.autocomplete-suggestions {
    background: #fff;
    margin-top: 10px;
    border: 1px solid #666;
    position:fixed !important;
    top:40px !important;
}
.autocomplete-suggestion:hover {
    cursor:pointer;background: #666;color:#fff;
    
}
.autocomplete-suggestion {padding: 0 10px;transition:none;}

#main_img {
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.4); background:rgba(255,255,255,0.7);
}

.gallery-thumbs {background:rgba(255,255,255,0.7);}

.image-list {
    text-align: center;
}

.image-list figure {
    text-align: center;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
    display:inline-block;
    margin:5px;
    overflow: visible;
    vertical-align:top;
    transition: 0.2s ease-in-out;
}

.image-list figure.mix > div {
    height:250px;
    width:298px;
    overflow:hidden;
}

.image-list figure img {
    transition: all 0.2s ease-in-out;
}

.image-list figure > a {
    display:inline-block;
    overflow:hidden;
}

.image-list figure img:hover {
    transform: scale(1.025);
}
.image-list figure:hover{
    border-color: #000000;
}

.image-list figcaption {
    padding: 0 20px; 
    min-height:120px;
}


.image-list.categories {
    margin-top:25px;
}
.image-list.categories figcaption {
    min-height:60px;
}

.image-list figure .item-title {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3rem;
    font-size:1.6rem;
}

.masonry-cards figure .item-title, .masonry-cards figure .text-links,
.image-list figure .item-title, .image-list figure .text-links {
    text-align: left; justify-content: left; 
}


.image-list figure .item-title a:hover {
    color:#555;    
}

.masonry-cards figure .text-data,
.image-list figure .text-data {
    max-width:66%;
}

.masonry-cards figure .digit-data,
.image-list figure .digit-data {
        text-align:right;
        justify-content: right; 
        margin-top: 3rem;
}

.masonry-cards.categories figure .item-title, .masonry-cards.categories figure .text-links,
.image-list.categories figure .item-title, .image-list.categories figure .text-links {
    text-align: center;
    justify-content: center;    
}

.image-list .tag-links {text-align:left;}
.image-list .tag-links a {text-decoration:underline;}
.image-list .tag-links a:hover {text-decoration:none;}

.item-navigation {position:fixed; top:49%; font-size:24px;
    padding: 10px;
    background: rgba(255,255,255,0.5);}
.item-navigation:hover {
    cursor:pointer; color:#00dfff;
}
.item-navigation.item-prev {left:5px;}
.item-navigation.item-next {right:5px;}

#form-comment-wrap, #comment-list-wrap {

}
#form-comment-wrap form textarea {
	height:70px;
	resize: none;
	width:100%;
	border-radius:4px;
	padding:5px 10px;
	border:1px solid #000;
	background:none;
}
#form-comment-wrap form input {
	width:100%;
	border-radius:4px;
	padding:5px 10px;
	border:1px solid #000;
	background:none;
}
#form-comment-wrap form button.btn {
	color:#111;
	background:none;
	border:1px solid #000;
	border-radius:4px;
	padding:7px 15px 7px;
}
#form-comment-wrap form button.btn:hover {
    cursor:pointer;
}

footer small a {
    color:#dedede;
}

.searches {
    margin-top:25px;  
    text-align:center; 
}

.searches a, .searches span {background:#fff; color:#000; display:inline-block; border:1px solid #000; border-left:5px solid #000; padding:3px 7px; transition: all 0.2s ease-in-out; margin:5px;}

.searches a:hover {background:#000; color:#fff;}

.pswp__button--arrow--left span {
    left: 0;
}

.pswp__button--arrow--right span {
    right: 0;
}

.pswp__button--arrow--left span, .pswp__button--arrow--right span {
    width:300px !important; height:250px; display: inline-block;
    position: absolute !important;
    
    top: 50%;
    margin-top: -125px;
}

@media (max-width: 639px) {
    .searches a:nth-child(n+5) {
        display:none;
    }

    #header {height:auto;}
    #header .search.search-mobile {display:block; padding: 9px 0; border-top: 1px solid #494949; margin-top: 9px;}
    #header .navigation .search {
        display:none;
    }
    .navigation ul.main-nav {margin-top:0;}
    #header .search.search-mobile button {
        float: right;
        margin-top: 4px;
    }
    .sticky-header #main {
        padding-top:85px;    
    }
    /*.masonry.masonry-cards img {
        -webkit-animation: pulsing 4s linear infinite;
	    animation: pulsing 4s linear infinite;
	}*/
	
	#rating .fa-heart {
	    -webkit-animation: pulsing-heart 1s linear infinite;
	    animation: pulsing-heart 1s linear infinite;
	}
    .title-block .fl, .title-block .fr {
        float:none !important;
    }
    .title-block {
        text-align:center;
    }
    .navigation .mega-menu li  {
        display:block;
    }
    .image-list figure .item-title {
        margin-top: 0.5rem;    
        font-size:1rem;
    }
    .categories h6.item-title{
        font-size:0.8rem;
    }
    .image-list figure .text-links {
        padding-bottom:0rem;
        font-size:0.8rem;
    }
    .image-list figure .digit-data {
        margin-top: 1rem;    
    }
    .image-list figcaption {
        padding:0 2px;
    }
    .image-list.categories figcaption {
        min-height: 25px;    
    }
}
@media (min-width:700px) {
	.player iframe {
		height:350px;
	}
}
@media (min-width:1050px) {
	.player iframe {
		height:690px;
    }
    .image-list figure:hover {
        transform: scale(1.12);
        z-index: 100;
    }	
}
@media (min-width:1400px) {
	.player iframe {
		height:690px;
	}
}
/*color scheme*/
#header{
    background-color: #1b83b0;
    
}
#header .logo:hover {
    color:#f9ba0a;
}
.navigation .mega-menu{
    background-color: #00586f;
}
.navigation>ul>li>ul{
    background-color: #00586f;
}
#footer{
    background-color: #1b83b0; 
}
small{
    color: #000000;
}
footer small a:hover {
    color:#ffffff;
}
.bg-lines{
    color: #000000 !important;
    background-color:  #fff6df !important;
}
main .series-nav a{
    border: 1px solid black;
    color: #000000;
    background-color: #ffffff;
    padding: 3px;
    transition: 0.2s ease;
}
main .series-nav a:hover{
    color: #ffffff;
    background-color: #000000;
}
main .series-nav select{
    color: #000000;
}
.block-slide-init button{
    border: 1px solid #000000;
    color: #000000;
    background-color: #ffffff;
    font-size: 15px;
    padding: 10px;
    transition: 0.2s ease;
}

.block-slide-init button:hover {
    color: #ffffff;
    background-color: #000000;
}
#form-comment-wrap form button.btn{
    background-color: #e1e1e1;
}
input.form-control::placeholder {color:#000000;}
input::-webkit-input-placeholder {color:#000000;}
input::-moz-placeholder          {color:#000000;}
input::-ms-input-placeholder {color:#000000;}
#form-comment-wrap form textarea{
    color:#000000;
}
#form-comment-wrap form input{
    color:#000000;
}
.text-links a{
    color:#1b83b0 !important;
}
.bg-lines p{
    color:#1b83b0 !important;
}

.top-list-maintitle{
    text-align: center;
    font-size: 25px;
}
.top-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.top-list-item {
    background: #fff;
    color: #000;
    display: inline-block;
    border: 1px solid #000;
    border-left: 5px solid #000;
    padding: 3px 7px;
    transition: all 0.2s ease-in-out;
    margin: 5px;
}
.top-list-item:hover{
    background: #000;
}
.top-list-item:hover .top-list-title{
   
    color: #fff;
}

@media (max-width: 1024px){
.navigation {
background-color: #00586f;
}
}
@media (max-width: 500px){
    .image-list figure .digit-data{
        margin-top: 0rem;
    }
    .image-list figcaption{
        min-height: 70px;
    }
    body{
        font-size:1.6rem;
    }
    }