/*
Theme Name: Premium Pin
Theme URI: http://www.premiumresponsive.com/premium-pin-wordpress-theme/
Author: Algimantas Kilius
Author URI: http://www.premiumresponsive.com/
Description: Theme designed with the popular Bootstrap 3 CSS Framework, and using Font Awesome for the lightweight usage of icons.  PR Pin is a powerful responsive and multi-purpose WordPress theme, perfect for news or magazine, blog website and many more. PR Pin has a solid flexible responsive layout that scales from 320px to 1260px with all Bootstrap features. The flexible and widgetized layout lets you easily adapt the theme for your needs. You can display articles, photos, your portfolio in many different ways. Easy customise as there are many interesting features available in the theme options page.
Version: 2.7.3
License: GNU General Public License, version 3 (GPL-3.0)
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, black, dark, light , featured-images, custom-background, custom-colors, custom-menu,  post-formats, theme-options, threaded-comments, sticky-post, left-sidebar, right-sidebar, two-columns, three-columns, translation-ready
*/

@charset "UTF-8";

body {
    margin: 0 auto;
    padding-bottom: 15px;
    background: #f2f2f2;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

a {
    color: rgba (25, 130, 209, 0);
    text-decoration: none;
}

a:focus,
a:active,
a:hover {
    text-decoration: underline;
}

.social {
    color: #fff;
    margin-top: 15px;
    width: 2em;
    height: 2em;
}

.social:hover {
    border-radius: 1em;
    color: #fff;
    text-decoration: none;
}

.social i {
    margin-left: 8px;
}

#masonry {
    margin: 0 auto;
}

#masonry .boxy {
    max-width: 480px;
}

#masonry .boxy img {
    width: 100%;
}

.content {
    margin: 0 -10px 10px -10px;
}

.content .posttitle {
    line-height: 1.3em;
    margin: 6px 0;
    text-align: center;
    font-weight: bold;
}

.content p {
    text-align: justify;
    /* font-size: 14px; */
}

.category-tag {
    border-top: 1px solid #f5f5f5;
    clear: both;
    color: #888;
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 5px 0;
}

.category-tag a {
    color: #a1a1a1;
    font-style: italic;
}

.category-tag a:hover {
    color: #45b0e3;
}

#infscr-loading {
    background: #000;
    color: #fff;
    bottom: 0;
    right: 48%;
    opacity: 0.5;
    padding: 5px;
    position: fixed;
    text-align: center;
    z-index: 100;
}

.post-wrapper {
    background: #fff;
    border: #e5e5e5 solid 1px;
    margin-bottom: 50px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.post-wrapper .h1-wrapper {
    border-bottom: 1px solid #eee;
}

.post-wrapper .h1-wrapper h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 10px 25px;
    text-align: center;
}

.post-wrapper .post-featured-photo {
    background: #f2f2f2;
    margin: 25px;
    text-align: center;
}

.post-wrapper .post-content {
    margin: 25px;
}

.post-content img {
    max-width: 100%;
    height: auto;
}

.post-wrapper .post-meta-top {
    margin: 0 25px;
    padding: 5px 0 15px 0;
}

.post-wrapper .post-comments {
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.post-wrapper .post-comments-wrapper {
    margin: 0 25px;
}

.posttitle,
p {
    overflow-wrap: break-word;
    hyphens: auto;
}

.sticky {
    /* background : #ffd; */
    background: transparent;
}

#navigation {
    display: inline;
    clear: both;
}

#navigation .pager a,
.post-wrapper .pager a {
    border-radius: 0px;
    background-color: #0084D1;
    max-width: 300px;
}

#navigation .pager a:hover,
.post-wrapper .pager a:hover {
    background-color: #54cdf1;
    color: #FFFFFF;
}

#scroll-top {
    bottom: 0;
    position: fixed;
    right: 15px;
    z-index: 999;
}

#scroll-top a:hover {
    color: #444;
    text-decoration: none;
}

#footernav {
    bottom: 0;
    position: fixed;

    left: 15px;
    z-index: 999;
}

#footernav a:hover {
    color: #444;
    text-decoration: none;
}

.post-comments .commentlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.post-comments .commentlist li {
    list-style: none;
    padding-bottom: 1em;
}

.post-comments .commentlist ul.children li {
    margin: 1em 0 0 0;
    padding: 0;
}

.post-comments .comment-avatar {
    float: left;
    padding: 3px 10px 0 0;
}

.post-comments .comment-content {
    color: #333;
    padding-bottom: 5px;
}

.post-comments .comment-content-with-avatar {
    margin-left: 61px;
}

.post-comments span.bypostauthor,
.post-comments span.bypostauthor a.url {
    background-color: #aaa;
    color: #fff;
    padding: 0 3px;
    border-radius: 3px;
}

.post-comments span.bypostauthor a.url:hover {
    background-color: #45b0e3;
    text-decoration: none;
}

.post-comments #reply-title {
    color: #666;
    font-size: 18px;
}

.post-comments blockquote p {
    font-size: 1em;
}

#commentform .commentform-input {
    color: #666;
    margin-right: 14px;
    width: 31%;
}

#commentform .commentform-input:nth-child(3) {
    margin-right: 0;
}

#commentform .commentform-field {
    width: 94%;
}

#commentform textarea {
    width: 98%;
}

.sidebar {
    max-width: 219px;
    min-width: 180px;
    padding-top: 0;
    text-align: center;
}

.sidebar>ul {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fafafa;
    margin: 0;
}

.sidebar ul>li {
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
    margin: 0 0 0 -40px;
    padding: 5px 0;
}

.sidebar ul>li ul {
    border: none;
}

.sidebar ul>li ul li {
    border: none;
}

#sidebar-left {
    float: right;
}

/* .sidebar-left {
    width: 325px;
    float: left;
    margin-left: 0;
}

.sidebar-left>ul {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fafafa;
    margin-left: 0;
}

.sidebar-left ul>li {
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
    margin-left: 0;
    padding: 5px 0;
}

.sidebar-left ul>li ul {
    border: none;
}

.sidebar-left ul>li ul li {
    border: none;
} */

.widget {
    border-radius: 6px;
    border: #e5e5e5 solid 1px;
    padding: 0px;
    margin-bottom: 5px;
}

.widget-title {
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    background-color: #0084D1;
    /* font-size: 16px; */
    /* font-weight: bold; */
    margin-bottom: 1em;
    margin-top: 0;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;
    border: 1px solid transparent;
    border-radius: 6px;
    color: white;
}

.widget-title a {
    color: #222222;
    /* font-size: 16px; */
    font-weight: bold;
}

.pr_ad_widget,
.pr_facebook_widget {
    padding: 5px;
}


#footer {
    clear: both;
    margin-top: 5rem;
    margin-bottom: 5rem;
    padding: 10px;
}

.footer-container {
    clear: both;
    background-color: #3D4548;
    color: #FFFFFF;
    padding: 10px;
}

.footer-container a {
    color: #a5a5a5;
}

img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.gallery-caption {
    color: #888;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

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

embed,
iframe,
object,
video {
    max-width: 100%;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background-color: #f5f5f5;
    border: #ddd solid 1px;
    margin: 10px auto;
    max-width: 95%;
    padding: 10px 10px 0 10px;
    text-align: center;
}

.wp-caption img {
    margin: 0 0 5px 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 5px 5px 5px;
}

#logo_large {
    float: left;
}

.carousel-inner>.item {
    height: 500px;
    overflow: hidden;
}

.carousel-inner>.item>img {
    width: 100%;
}

@media (min-width:1200px) {
    #commentform .commentform-input {
        margin-right: 10px;
        width: 32%;
    }

    .carousel-inner>.item {
        height: 500px;
        overflow: hidden;
    }

    .carousel-inner>.item>img {
        width: 100%;
    }
}

@media (max-width:979px) {
    .carousel-inner>.item {
        height: 300px;
        overflow: hidden;
    }

    .carousel-inner>.item>img {
        width: 100%;
    }

    #commentform .commentform-input {
        margin-right: 14px;
        width: 100%;
    }

    #commentform .commentform-field {
        width: 98%;
    }

    #double-left-column {
        padding-bottom: 20px;
    }

    #scroll-top {
        right: 5px;
    }

    #scroll-top a {
        padding: 5px 10px;
    }
}

@media (max-width:480px) {
    .post-wrapper .post-meta-top .pull-right {
        display: none;
    }

    #leader-wrapper {
        display: none;
    }

    .carousel-inner>.item {
        height: 150px;
        overflow: hidden;
    }

    .carousel-inner>.item>img {
        width: 100%;
    }
}

.pricing-table .plan {
    border-radius: 5px;
    text-align: center;
    background-color: #f3f3f3;
    box-shadow: 0 0 6px 2px #b0b2ab;
}

.plan:hover {
    background-color: #fff;
    box-shadow: 0 0 12px 3px #b0b2ab;
}

.plan {
    padding: 20px;
    background-color: #5e5f59;
    border-radius: 5px 5px 0 0;
}

.plan-name-bronze {
    padding: 20px;
    color: #fff;
    background-color: #F09F70;
    border-radius: 5px 5px 0 0;
}

.plan-name-silver {
    padding: 20px;
    color: #fff;
    background-color: #C0C0C0;
    border-radius: 5px 5px 0 0;
}

.plan-name-gold {
    padding: 20px;
    color: #fff;
    background-color: #FFD700;
    border-radius: 5px 5px 0 0;
}

.pricing-table-bronze {
    padding: 20px;
    color: #fff;
    background-color: #f89406;
    border-radius: 5px 5px 0 0;
}

.pricing-table .plan .plan-name span {
    font-size: 20px;
}

.pricing-table .plan ul {
    list-style: none;
    margin: 0;
    border-radius: 0 0 5px 5px;
}

.pricing-table .plan ul li.plan-feature {
    padding: 15px 10px;
    border-top: 1px solid #c5c8c0;
}

.pricing-three-column {
    margin: 0 auto;
    width: 80%;
}

.plan-mouseover .plan-name {
    background-color: #4e9a06 !important;
}

.btn-plan-select {
    padding: 8px 25px;
    font-size: 18px;
}

#leader-ad {
    clear: both;
    display: block;
    padding: 0 20px 10px 20px;
    text-align: center;
}

.attachment-large {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.home-jumbotron {
    text-align: center;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.home-link {
    text-decoration: none;
}

.site-title {
    font-size: 72px;
    font-family: Lobster;
    text-decoration: none;
    margin: 0px;
    padding: 10px;
}

.site-description {
    color: #222222;
    font-family: Lobster;
    line-height: 1.4;
    font-size: 28px;
    text-decoration: none;
}

.site-header {
    background-position: auto;
    background-repeat: no-repeat;
    background-size: 1419;
    height: 150px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.panel-body {
    margin: -10px;
}

/* WC style */
.sale {
    padding: 20px 10px;
}

.thumbnails {
    margin-left: 20px;
}

.products a.added_to_cart {
    padding-left: 30px;
}

.minus {}

.plus {}

.quantity {}

input[type="number"] {
    margin-bottom: 0px;
}

.woocommerce-page div.product {
    padding-bottom: 20px;
}

.header-image {
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 150px;
}

/*  @media (min-width: 768px) {
dropdown submenu  */
/*.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{text-decoration:none;color:#ffffff;background-color:#0081c2;background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(to bottom, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);}*/
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    text-decoration: none;
    color: #ffffff;
    background-color: #54cdf1;
}

/*.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#0081c2;background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(to bottom, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999999;}*/
/*.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#54cdf1;}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#54cdf1;}*/
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: default;
}

.open {
    z-index: 1000;
}

.open>.dropdown-menu {
    display: block;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropup .dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Dropdown Menu */
.dropdown-menu .sub-menu {
    position: absolute;
    visibility: hidden;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* }	END @media (min-width: 768px) */

.slide {
    margin-top: -15px;
    margin-bottom: 10px;
}

.carousel-caption {
    background-color: transparent;
    position: static;
    /*   max-width: 550px; */
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 200px;
    text-align: center;
}

.carousel-caption h1,
.carousel-caption p {
    margin: 0;
    line-height: 1.25;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.navbar-collapse.in {
    overflow-y: visible;
}

/* Some stylesheet reset */
#navigation>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1;
}

/* The container */
#navigation>ul {
    display: block;
    position: relative;
    width: 100%;
    /* The list elements which contain the links */

}

#navigation>ul li {
    /* display: inline-block; */
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 50%;
}

/* General link styling */
#navigation>ul li a {
    /* Layout */
    position: relative;
    margin: 0;
    border-top: 1px dotted #3a3a3a;
    border-bottom: 1px dotted #1b1b1b;
    padding: 11px 20px;
    min-width: 300px;
    min-height: 60px;
    display: flex;
    align-items: center;
    /* Typography */
    color: white;
    text-decoration: none;
    text-transform: none;
    /* text-shadow: 0 1px 1px #000; */
    /* font-size: 14px; */
    /* font-weight: 300; */
}

/* Rounded corners for the first link of the menu/submenus */
#navigation>ul li:first-child>a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

/* Rounded corners for the last link of the menu/submenus */
#navigation>ul li:last-child>a {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* The hover state of the menu/submenu links */

/*#navigation > ul li > a:hover,
#navigation > ul li:hover > a {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  background: #54cdf1; */
/*  background: -webkit-linear-gradient(#72d4f2, #54cdf1);
  background: -moz-linear-gradient(#72d4f2, #54cdf1);
  background: linear-gradient(#72d4f2, #54cdf1); */
/*  border-color: transparent;
}*/
/* The arrow indicating a submenu */
#navigation>ul .has-sub>a::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 10px;
    width: 0px;
    height: 0px;
    /* Creating the arrow using borders */

    border: 4px solid transparent;
    border-left: 4px solid #d8d8d8;
}

/* The same arrow, but with a darker color, to create the shadow effect */
#navigation>ul .has-sub>a::before {
    content: "";
    position: absolute;
    top: 17px;
    right: 10px;
    width: 0px;
    height: 0px;
    /* Creating the arrow using borders */

}

/* Changing the color of the arrow on hover */
#navigation>ul li>a:hover::after,
#navigation>ul li:hover>a::after {
    border-left: 4px solid #ffffff;
}

#navigation>ul li>a:hover::before,
#navigation>ul li:hover>a::before {
    border-left: 4px solid rgba(0, 0, 0, 0.3);
}

/* THE SUBMENUS */
#navigation>ul ul {
    position: absolute;
    left: 100%;
    top: -9999px;
    padding-left: 5px;
    opacity: 0;
    width: 140px;
    /* The fade effect, created using an opacity transition */

    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

/* Showing the submenu when the user is hovering the parent link */
#navigation>ul li:hover>ul {
    top: 0px;
    opacity: 1;
}

/*Top menu */
/* Adjust for new main menu */
#main-nav {
    margin: 0;
}

/*
#sidebar-right {
    max-width: 210px;
    display: none;
}

#sidebar-left {
    max-width: 210px;
    display: none;
} */