/*------------------------------------------------------------------
 [Table of contents]

 1. GENERIC
 2. BODY & LAYOUT RELATED
 3. BODY TYPES
 4. HEADER
 5. HEADER SEARCH
 6. BURGER MENU
 7. SIDE MENU
 8. PAGE TITLE
 9. FOOTER
 10. ELEMENTOR BLOCKS
 11. BLOG FEED
 12. PORTFOLIO
 13. BLOG
 14. WIDGETS.page-title-wrap h4
 15. GENERIC FIXES
 16. RESPONSIVE

 -------------------------------------------------------------------*/



/* GENERIC
   ============================= */
* {
    box-sizing: border-box;
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
    opacity: 1;
}

::selection {
    color: #fff;
}
::-moz-selection {
    color: #fff;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0 !important;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px !important;
}

.aligncenter {
    display: block;
    margin: 20px auto;
    clear:both;
}

.header_top .aligncenter {
    margin: 8px auto;
}

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

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

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

.content ul ul,
.content ol ol {
    padding: 0 0 0 15px;
}
.zindex10 {
    z-index: 10;
}
.zindex100{
    z-index: 100;
}
.col-6{
    width: 50%;
    position:relative;
}
.col-12{
    width:100%;
}
.col-8 {
    width: 66.66666667%;
    position:relative;
}
.col-4 {
    width: 33.33333333%;
    padding-left: 10px;
    padding-right: 10px;
}

.col-9 {
    width: 75%;
    position:relative;
    padding-left: 10px;
    padding-right: 10px;
}
.col-3 {
    width: 25%;
    position:relative;
    padding-left: 10px;
    padding-right: 10px;
}
video[name="media"] {
    width: 100%;
    height: 100%;
}
.app-effect{
    position:relative;
    top:-50px;
    opacity:0;
    transition-property: top,opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -moz-transition-property: top,opacity;
    -moz-transition-duration: 0.35s;
    -moz-transition-timing-function: ease;
    -webkit-transition-property: top,opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}
.app-effect.ae-onview{
    top:0px;
    opacity:1;
}
.bnwh, .bnw{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
}
.bnwh:hover{
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}

/* =Reset default browser CSS.
-------------------------------------------------------------- */

html{
    background-color: #202125;
    color:#2b2b39;
    font-family: Montserrat;
}
body,html{
    overflow-x:hidden;
    background:#ffffff;
}

body{
    padding-right: 0px !important;
    min-width: 100%;
}
body.background-repeat{
    background-repeat:repeat;
}
body.background-fixed{
    background-attachment: fixed !important;
}
.main_wrapper{
    min-height: 100%;
    min-width: 100%;
}
header, footer{
    position:relative;
}
.main-content {
    line-height:26px;
}
.main-content img {
    max-width: 100%;
}
.page .main-content {
    padding-top: 0px;
    padding-bottom:50px;
}
.wpb-js-composer.page .main-content{
    padding-top:0px;
    padding-bottom:0px;
}
.main-content > .container{
    z-index: 9;
}
.page .main-content ol, .page .main-content ul {
    list-style-position: inside;
    padding: 0px;
    line-height: 26px;
}
.page .main-content ul, .page .main-content ol {
    padding-left:20px;
}
ul[id^=gallery_content_center_], ul[id^=gallery_content_center_]>li {
    padding: 0 !important;
    list-style: none;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
}
html, body{
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}


html body table tbody tr td, .wp-block-table.is-style-stripes{
    border-bottom:0px;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin:auto;
}

table th {
    border: 0;
    padding: 10px 20px;
    text-align: left;
    font-size:12px;
    color: #416ef8;
    background: #fbfbfb;
}
code {
    padding: 5px 15px;
    display: inline-block;
    margin: 10px 0px;
    background: rgba(0, 0, 0, 0.03);
}

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
table thead tr th,
table tfoot tr td { padding: 10px 20px; font-size: 14px; font-weight: bold; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr td { font-size: 12px; padding: 9px 20px; vertical-align: top; border: none; }

dt {
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    width: 100%;
}

dd {
    padding: 0 0 10px 0;
    width: 100%;
}
ol ol{
    padding-left:20px;
}

p{
    margin-bottom:10px;
}
pre {
    display: block;
    max-width: 100%;
    word-wrap: break-word;
    margin-bottom:20px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;

    background: rgba(0,0,0,0.2);
    padding: 20px 30px;
    margin-top: 10px;
}
pre.wp-block-verse {

    margin: 20px 0px;
}
q {
    font-style: italic;
    font-weight: bold;
}
sup {
    position: relative;
    top: -7px;
}

.block-divider{
    opacity:0.1;
    height: 1px;
    width: 100%;
    margin: 50px 0px;
    background: #000;
}
.navigation:after {
    content: '';
    display: block;
    clear: both;
}
del {
    text-decoration: line-through;
}


 
a{
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
}
a img {
    border: none;
}

img {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    height: auto;
    image-rendering: optimizeQuality;
}
hr{
    opacity:0.1;
}

h1, .h1 {
    font-size: 30px;
    line-height: 1.25em;
    /* 20px/16px */
}

h2, .h2 {
    font-size: 24px;
    line-height: 1.384615384615385em;
    /* 36px/26px */
    letter-spacing: 1px;
    font-weight: 600;
}

h3, .h3 {
    font-size: 17px;
    line-height: 1.304347826086957em;
    /* 30px/23px */
    letter-spacing: 1px;
    font-weight: 600;
}

h4, .h4 {
    font-size: 19px;
    line-height: 1.375em;
    /* 22px/16px */
    font-weight: 400;
}

h5, .h5 {
    font-size: 15px;
    line-height: 1.571428571428571em;
    /* 22px/14px */
    letter-spacing: 1px;
    font-weight: 600;
}

h6, .h6 {
    font-size: 13px;
    line-height: 1.538461538461538em;
    /* 20px/13px */
    letter-spacing: 1px;
    font-weight: 600;
}


a,
p a {
    text-decoration: none;
    cursor: pointer;
}

a:hover,
p a:hover {
    text-decoration: none;
}

input[type='submit'],
.woocommerce input[type='button'],
.woocommerce-page input[type='button'] {
    -webkit-appearance: none;
}
input:disabled {
    color: #949494 !important;
}
ul {
    list-style-position: inside;
}
.container{
    width:1300px;
    position:relative;
    margin:0 auto;
    display:flex;
}
.container:after {
    clear: both;
    display: block;
    content: '';
}
.row{
    position:relative;
}

.clear{
    clear:both;
}
:focus {
    outline: 0px;
}
.hide{
    display: none !important;
}
.e-btn-fix .elementor-button {
    display: block;
}


.noty_effects_open {
    opacity: 0;
    transform: translate(50%);
    animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.noty_effects_close {
    animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes noty_anim_in {
    100% {
        transform: translate(0);
        opacity: 1;
    }
}

@keyframes noty_anim_out {
    100% {
        transform: translate(50%);
        opacity: 0;
    }
}
.notice-unssuc {
    padding: 10px;
    border: 1px solid red;
    border-radius: 5px;
    background: rgba(255,0,0, 0.1);
    font-size: 12px;
    margin-bottom: 30px;
    color: #042446;
}
.notice-suc {
    padding: 10px;
    border: 1px solid #1dc062;
    border-radius: 5px;
    background: rgba(29 ,192,98, 0.1);
    font-size: 12px;
    margin-bottom: 30px;
}

/* Forms ----------------------------------------------------------------------------- */
form,fieldset{
    margin-bottom:0;
}
textarea{
    min-height:200px;
}
label, legend{
    display:block;
    margin-bottom:5px;
    font-weight:700;
    font-size:14px;
}

select, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input#postDate,
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    display: block;
    color: rgba(0, 0, 0, 0.8);
    width: 100%;
    line-height: 30px;
    padding: 9px 18px;
    border-radius: 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: 2px solid #e8e8e8;
    font-family: montserrat;
    letter-spacing: 1px;
    font-size: 14px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input#postDate:focus,
input#postDate:active,
input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus,
input[type="text"]:active, input[type="password"]:active, input[type="date"]:active, input[type="datetime"]:active, input[type="email"]:active,
input[type="number"]:active, input[type="search"]:active, input[type="tel"]:active, input[type="time"]:active, input[type="url"]:active, textarea:active,
input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="email"]:hover,
input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, textarea:hover {

    color: rgba(0, 0, 0, 1);
}
::placeholder{
    color: black;
}
input[type="submit"], button {
    padding-left: 40px;
    padding-right: 40px;
    border-width: 0px;
    border-style: solid;
    border-radius: 0px;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
}

input[type="submit"], a.added_to_cart, .btn, button {
    font-style: normal;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: .8px;
    color: #ffffff;
    cursor:pointer;
    opacity:1;
    border-radius:5px;
    font-size:12px;
}
input[type="submit"]:hover, a.added_to_cart:hover, .btn:hover , .button:hover {
    color:white;
}
.btn, .btn-alt{
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    display:block;
    padding:3px 30px;
    font-weight: 600;
}
.modal .modal-body .btn {
    display: inline-block;
}

.mouse {
    width: 25px;
    height: 42px;
    border-radius: 15px;
    border: 2px solid rgba(255, 255, 255, 0.62);
    -webkit-animation: intro 1s;
    animation: intro 1s;
}
.scroll {
    display: block;
    width: 3px;
    height: 3px;
    margin: 6px auto;
    border-radius: 4px;
    background: #888;
    -webkit-animation: finger 1s infinite;
    animation: finger 1s infinite;
}
@-webkit-keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
label.error {
    color: red;
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px;
}
.no-pr {
    padding: 30px 10px;
    font-style: italic;
}
/* Contact form 7 */

.wpcf7-form label span {
    margin-top: 10px;
    display: block;
}
.wpcf7-form label {
    margin-bottom: 20px;
}

/* 404 */

#error-404{
    text-align: center;
    margin: 150px 0px 150px 0px;
}
#error-404 h1 {
    font-size: 250px;
    line-height: 180px;
}
#error-404 h2 {
    text-transform: uppercase;
    font-size: 60px;
    opacity: 0.8;
}
.error404 p {
    opacity: 0.5;
    margin-top: 50px;
}
.error404 .page-title-wrap {
    padding-bottom: 0px !important;
    height: 0px;
}
#error-404 img{
    position: relative;
    top: 18px;
    left: 10px
}
.searchw404{
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    margin-top: 20px
}
.searchw404 input{
    padding: 11px 30px 10px 30px;
    height: auto;
    font-size: 14px;
    box-shadow: 0px 2px 5px black;
}
.searchw404 button {
    position: absolute;
    right: 0px;
    top: 0px;
}


/* Sidebar */

.widget {
    margin-bottom: 10px;
    padding: 20px 20px 30px 0px;
    line-height: 26px;
    font-size: 14px;
    margin-left: 30px;
}

.widget ul li {
    margin: 10px 0px;
    list-style: none;
    font-weight: 500;
}
 
.widget h3 {
    font-size: 18px;
    letter-spacing: 0px;
    opacity: 0.5;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
    border-bottom: 2px solid #f5f6f8;
    padding: 0px 0px 10px 0px;
}

.tagcloud a, .btn-tags {
    position: relative;
    display: inline-block;
    font-size: 12px !important;
    margin-top: 0;
    margin-bottom: 9px;
    margin-right: 7px;
    border-radius: 4px;
    line-height: 30px;
    padding: 2px 15px;
    color: white;
}
.tagcloud a:hover, .btn-tags:hover{
    color: white;
}
.widget ul li {
    margin: 10px 0px;
    list-style: none;
    font-weight: 500;
}
.widget ul li:last-child, .widget p:last-child{
    margin-bottom:0px;
}
.widget img{
    max-width:100%;
}


.widget.widget_archive .screen-reader-text, .widget.widget_categories .screen-reader-text, .widget.widget_search .screen-reader-text{
    display:none;
}
.widget_search {
    padding: 0px;
}
.widget_search input#s {
    margin-bottom: 5px;
    border-radius: 4px 4px 0px 0px;
}
.widget_search input#searchsubmit {
    width: 100%;
    border-radius: 0px;
}
.widget.widget_calendar #wp-calendar{
    width: 100%;
    position: relative;
}
table#wp-calendar {
    width: 100%;
}
nav.wp-calendar-nav {
    margin-top: 10px;
}
.widget #wp-calendar caption {
    text-align: center;
    height: 36px;
    line-height: 36px;
}

.widget #wp-calendar thead th,
.widget #wp-calendar tbody td {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    vertical-align: middle;
}

.widget #wp-calendar thead {
    background: transparent;
}

.widget #wp-calendar thead th {
    color: #c3c3c3;
}

.widget #wp-calendar tbody tr {
    background: transparent;
}

.widget #wp-calendar tbody tr td {
    position: relative;
}

.widget #wp-calendar tbody tr td a {
    display: block;
    position: relative;
    z-index: 2;
}

.widget #wp-calendar tbody tr td a:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease;
    z-index: -1;
}

.widget #wp-calendar tbody tr td a:hover {
    color: #fff;
}

.widget #wp-calendar tfoot {
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
}

.widget #wp-calendar tfoot #prev,
.widget #wp-calendar tfoot #next {
    position: absolute;
    width: 36px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
}

.widget #wp-calendar tfoot #prev a,
.widget #wp-calendar tfoot #next a {
    display: block;
    position: relative;
    margin: 0 auto;
    color: transparent;
    width: 28px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 25%;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    transition: border-color .3s ease;
}

.widget #wp-calendar tfoot #prev a:before,
.widget #wp-calendar tfoot #next a:before {
    color: #222;
    font-family: "Font Awesome 5 Free";
    display: block;
}

.widget #wp-calendar tfoot #prev a:hover,
.widget #wp-calendar tfoot #next a:hover {
    border-color: #e8e8e8;
}

.widget #wp-calendar tfoot #prev.pad,
.widget #wp-calendar tfoot #next.pad {
    text-align: center;
}

.widget #wp-calendar tfoot #prev.pad:before,
.widget #wp-calendar tfoot #next.pad:before {
    color: #e7e7e7;
    font-family: "Font Awesome 5 Free";
}

.widget #wp-calendar tfoot #prev {
    left: 10px;
}

.widget #wp-calendar tfoot #prev a:before {
    content: "\f060";
}

.widget #wp-calendar tfoot #prev.pad:before {
    content: "\f060";
}

.widget #wp-calendar tfoot #next {
    right: 10px;
}

.widget #wp-calendar tfoot #next a:before {
    content: "\f061";
}

.widget #wp-calendar tfoot #next.pad:before {
    content: "\f061";
}
.widget input#searchsubmit {
    width: 100%;
}

.widget_rss ul li {
    margin-bottom: 40px;
}

.widget_rss .rssSummary {
    margin-bottom: 5px;
    padding: 0px 20px;
    font-size: 12px;
    opacity: 0.7;
    margin-top: 5px;
}
.widget_rss cite {
    padding: 0px 20px;
}
.widget_rss ul li .rss-date{
    padding: 0px 20px;
    margin-top: 20px;
    display: block;
}

.widget_rss ul li .rss-date, .widget_rss ul li a.rsswidget {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px;
}

.widget_rss ul li a.rsswidget:before, .widget_rss ul li .rss-date:before {
    content: '\f2bd';
    /* font-family: fontawesome; */
    display: inline-block;
    font: normal normal normal 14px/1 "Font Awesome 5 Free";
    font-family: 'Font Awesome\ 5 Free';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.4;
}

.widget_rss ul li .rss-date:before {
    content: '\f073';
}
.widget_search h4 {
    margin: 0px 0px 0px 0px;
}
.widget p.wp-caption-text {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: -10px;
    margin-bottom: 20px;
    text-align: center;
}
/* HEADER
   ============================= */
.fullscreen-menu{
    display:none;
}

header .container{
    width:100%;
    padding:20px 30px 20px 35px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.05);
    align-items: center;
    z-index: 10;
}
header nav .navbar-nav li a {
    color: white;
    font-family: montserrat;
    letter-spacing: 1px;
    opacity: 0.7;
    font-size: 14px;
}
header nav .navbar-nav li a:hover{
    opacity: 1;
}
header ul.nav.navbar-nav {
    list-style: none;
    display: flex;
}
header ul.nav.navbar-nav li {
    margin: 0px 15px;
}
header .container .col-9{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color:white;
}

header .nav-extra{
    margin: -20px 0px -20px 12px;
    padding: 20px 0px 20px 30px;
    border-left: 3px solid rgba(0, 0, 0, 0.05);
    display: flex;
    color:white;
}
.nav-extra input[type="text"] {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.8);
    font-family: montserrat;
    letter-spacing: 1px;
    font-size: 14px;
    padding-left: 45px;
    border:0px !important;
}
.nav-extra input[type="text"]::placeholder {
    color: white;
}
.nav-extra form .fa-search {
    position: absolute;
    top: 17px;
    left: 17px;
    font-size: 14px;
    opacity: 0.6;
}
.nav-extra form {
    position: relative;
}


.userwrap .uwind .submenuw{
    z-index: 1000;
    padding-top: 20px;
}
.userwrap .uwind .submenu li {
    width: 100% !important;
    padding: 0px !important;
}
.proflink > a:hover + .submenuw, .proflink > a + .submenuw:hover {
    visibility: visible;
    opacity: 1;
}
.proflink .submenuw {
    position: absolute;
    top: 49px;
    padding-top: 10px;
    width: 300px;
    right: 0px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
}
.proflink > a {
    display: block;
    margin-left: 25px;
    color: white;
    font-family: montserrat;
    letter-spacing: 1px;
    font-size: 14px;
    padding-top: 14px;
    text-align: right;
    height: 100%;
}
.proflink .submenuw{
    position: absolute;
    top: 52px;
    width: 300px;
    right: 0px;
    visibility: hidden;
    opacity:0;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
}
ul.submenu {
    list-style: none;
}
ul.submenu a:hover {
    background: rgba(0, 0, 0, 0.1);
    color: white;
}
ul.submenu a {
    display: block;
    text-align: left;
    padding: 10px 30px;
    height: auto;
    line-height: 34px;
    font-size: 12px;
    color: white;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 500;
}

.proflink ul.submenu li:last-child a {
    border-bottom: 0px !important;
}


/* Dropdown*/

.sub-menu {
    visibility: hidden; /* hides sub-menu */
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transform: translateY(-2em);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.menucont ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50% , 0%);
    height: auto;
    line-height: normal;
    min-width: 280px;
    box-shadow: 0px 6px 15px rgba(0,0,0,0.3);
    background: #302f2f;
}
.menucont ul.sub-menu ul.sub-menu {
    left: 100%;
    top: 0px;
}
.menucont ul.sub-menu ul.sub-menu ul.sub-menu {
    left: 0px;
    top: 100%;
}
.menucont ul.sub-menu li{
    height: auto;
    line-height: normal;
    width: 100%;
}
.menucont ul.sub-menu li:last-child a {
    padding-bottom: 30px;
}
.menucont ul.sub-menu li:first-child > a {
    padding-top: 30px;
}
.menucont ul.sub-menu li a {
    padding: 20px 30px 0px 30px;
    height: auto;
    opacity: 0.7;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 22px;
}
.menucont ul.sub-menu li a:hover{
    opacity:1;
}




.menucont ul.navbar-nav > li.menu-item:last-child ul.sub-menu,  .menucont ul.navbar-nav > li.menu-item:nth-last-child(2) ul.sub-menu{
    left: initial;
    right: 0;
}
.menucont ul.navbar-nav > li.menu-item:last-child ul.sub-menu ul.sub-menu,  .menucont ul.navbar-nav > li.menu-item:nth-last-child(2) ul.sub-menu ul.sub-menu{
    left: initial;
    right: 100%;
}
.menucont ul{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    color:white;
}
.menucont a {
    color:white;
    font-size:14px;
}
.menucont ul li{
    position:relative;
}

.menucont ul.navbar-nav > li > a:hover, .menucont ul.navbar-nav > li.current_page_item > a{
    opacity: 1;
}
.menucont ul li > .sub-toggle{
    display:none;
}


.menu-item { position: relative; }



.menu-item:focus > .sub-menu,
.menu-item:focus-within > .sub-menu,
.menu-item:hover > .sub-menu {
    visibility: visible; /* shows sub-menu */
    opacity: 1;
    z-index: 1;
    transform: translate(-50% , 10%);
    transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
.menucont ul.sub-menu:after {
    content: '';
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0px;
    height: 25px;
    background: transparent;
}
.menucont ul.sub-menu:before{
    content: '';
    position: absolute;
    top: -10px;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #302f2f;
}


.elementor-template-full-width .page-title {
    display: none;
}
header .page-title.container h1, header .page-title.container h2 {
    width: 100%;
}
header .page-title.container {
    text-align: center;
    flex-wrap: wrap;
    padding: 60px 0px;
    z-index: 9;
    color:white;
}
header .page-title.container h2 {
    font-size: 16px;
    opacity: 0.5;
    font-weight: 300;
    margin: 7px auto;
    max-width: 870px;
    line-height: 25px;
}
header .page-title.container h1 {
    font-size: 36px;
    font-weight: 600;
}
.page-template-tmp-my-account h1 {
    padding-bottom: 70px;
}
header > * {
    z-index: 2;
}
.pagebg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0.05;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* SINGLE PAGE
   ============================= */


.page.normal-page h1, .page.normal-page h2, .page.normal-page h3 {
    margin: 20px 0px 10px 0px;
}
.page.normal-page {
    padding-top: 50px;
    line-height: 30px;
}

/* BURGER MENU
   ============================= */
header.burger-menu .hsocial, header.burger-menu .hsearch, header.burger-menu .hcart{
    display:none;
}
.fullscreen-menu{
    display:none;
}
body.admin-bar header.burger-menu .menuEffects{
    margin-top:32px;
}
header.burger-menu .fullscreen-menu{
    display: block;
}
header.burger-menu .header-bottom{
    background: transparent !important;
    background-color: transparent !important;
    z-index: 999;
}
header.burger-menu .menucont, header.burger-menu .hsearch{
    visibility:hidden;
    opacity:0;
    display:none;
}
header.burger-menu .hlogo a, header.burger-menu .hlogo{
    z-index:99;
}
.open {
    width: 24px;
    height: 4px;
    display: block;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
    top: 8px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    background:white;
}

.open:before {
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    content: "";
    width: 24px;
    height: 4px;
    display: block;
    border-radius: 0px;
    position: relative;
    top: -8px;
    transform: rotate(0deg);
    transition: all 0.3s ease;
    background:white;
}

.open:after {
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    content: "";
    width: 24px;
    height: 4px;
    display: block;
    border-radius: 0px;
    position: relative;
    top: 4px;
    transform: rotate(0deg);
    transition: all 0.3s ease;
    background:white;
}

.menuOpen {
    width: 24px;
    height: 20px;
    display: block;
    padding: 15px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 50%;
    margin-top: -25px;
}

.menuOpen:hover .open:before {
    top: -10px;
}

.menuOpen:hover .open:after {
    top: 6px;
}
#menuToggle, #mobilemenu{
    display: none;
}
.menu.menuEffects {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.menu.menuEffects label {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-size: 100%;
    cursor: pointer;
}

.menu.menuEffects .menuContent {
    position: relative;
    top: 0;
    font-size: 54px;
    text-align: center;
    padding-bottom: 20px;
    margin-top: 0px;

    height: 100%;
    vertical-align: middle;
    display: table;
    width: 100%;
}
.menu.menuEffects .menuContent .menu-main-menu-container{
    display: table-cell;
    vertical-align: middle;
}
.menu.menuEffects ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.menu.menuEffects ul li a {
    display: block;
    text-align: center !important;
    text-decoration: none;
    transition: color 0.2s;
    text-transform: uppercase;
    padding: 10px 0;
}


.menuEffects {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
}

.menuEffects ul {
    transform: translateY(0%);
    transition: all 0.5s;
}

#menuToggle:checked ~ .menuEffects,  #mobilemenu:checked ~ .menuEffects{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
}

#menuToggle:checked ~ .menuEffects ul, #mobilemenu:checked ~ .menuEffects ul {
    opacity: 1;
}

#menuToggle:checked ~ .menuOpen .open, #mobilemenu:checked ~ .menuOpen .open {
    background-color: transparent;
}

#menuToggle:checked ~ .menuOpen .open:before, #mobilemenu:checked ~ .menuOpen .open:before  {
    content: "";
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#menuToggle:checked ~ .menuOpen .open:after, #mobilemenu:checked ~ .menuOpen .open:after {
    content: "";
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
}

#menuToggle:not(:checked) ~ .menuEffects ul, #mobilemenu:not(:checked) ~ .menuEffects ul {
    transform: translateY(-30%);
}




/* Modal */
.modal .modal-body {
    padding: 25px;
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right:0px !important;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius:10px 10px 5px 5px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    list-style:none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: 25px 20px 16px 25px;

}

.modal-header .close {
    position: absolute;
    right: 20px;
    top: 12px;
    border-radius: 50%;
    border: 0px;
    background: transparent;
    cursor: pointer;
    opacity: 0.7;
    font-size: 28px;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.modal-header .close:hover{
    opacity:1;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

ul.modal-header > li a:hover, ul.modal-header > li a.active {
    background-color: #8d60f9;

    opacity: 1;
}
ul.modal-header {
    background-color: #1f2030;
}

#myModalL button.btn {
    margin-top: 20px;
    width:100%;
}
#myModalL button.close {
    margin-top: 0px;
}
.modal .tab-content input[type="text"], .modal .tab-content input[type="password"] {
    margin-bottom: 0px;
    font-size: 14px;
}
.modal input[type='submit'] {
    border: 0px;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: -10px;
    display: block;
    width: 100%;
}
#myModalL input{
    margin-bottom:0px;
}
#myModalL label {
    display: block;
    margin-bottom: 10px;
}
p.privacy_wrap {
    margin: 20px 0px -5px 0px;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    color: #999;
    letter-spacing: 0.2px;
    text-align:center;
}
p.privacy_wrap input {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
form#lostPassForm {
    padding: 20px !important;
    background: #f6f6f6;
    margin-top: 30px;
    width:100% !important;
}
a#lostPassCancel {
    margin-top: 10px;
    display: block;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.7);
    text-align: center;
}
span.errorMessage {
    color: red;
    margin-bottom: 10px;
    font-size: 12px;
}
span.successMessage {
    color: #0fb248;
    margin-bottom: 10px;
    font-size: 12px;
}
form#LoginWithAjax_Login_Form p {
    display: flex;
    font-size: 12px;
    font-weight: 600;
}
form#LoginWithAjax_Login_Form p label {
    font-weight: 500;
}
a#LoginWithAjax_Links_Remember_Cancel {
    margin-top: 30px;
    display: block;
    margin-bottom: -15px;
}
form#LoginWithAjax_Remember {
    margin: 40px 0px 0px 0px;
    background: #f2f2f2;
    padding: 20px;
}
form#LoginWithAjax_Remember label {
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    display: block;
}
ul.modal-header > li a {
    display: block;
    opacity: 0.5;
    background: rgba(244, 244, 244, 0.15) !important;
    padding: 12px 25px 11px 25px;
    border-radius: 5px 5px 0px 0px;
    margin-right: 5px;
    margin-top: 0px;
    margin-left: 5px;
    margin-bottom: -16px;
    letter-spacing: 1px;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
}
.modal-body h3{
    color: #333;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
#myModalL .modal-body {
    padding: 30px;
}
@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 800px
    }
}

/* PROJECT PAGE
   ============================= */

.single-project .col-4 {
    padding-left: 25px;
}
.single-project .col-4 > a img {
    max-height: 100%;
}
.single-project .col-4 > a {
    margin: 30px 0px;
    display: block;
    height: 110px;
}
.single-project .col-4 > h3 {
    margin-bottom: 10px;
}
.single-project .col-8 {
    padding-right: 30px;
}
.container.single-project {
    padding-top: 70px;
}
.progress-info span:first-child {
    letter-spacing: 0.5px;
    background: #eff9f5;
}
.progress-info span {
    display: block;
    margin-top: 10px;
    font-size: 10px;
    background: #f5f5f5;
    padding: 5px 10px;
}
.progress-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.proj-main-meta {
    margin: 20px 0px 0px 0px;
}
.proj-main-meta h4 {
    color: #acb7c2;
    font-size: 14px;
    font-weight: 400;
    margin-top: 1px;
}
.proj-main-meta h3 {
    font-size: 36px;
    color: #042446;
}
.proj-info a.btn {
    text-align: center;
    padding: 15px 0px;
    font-weight: 600;
    font-size: 18px;
    margin-top: 30px;
}
.proj-info > span strong {
    font-weight: 300;
    color: #333;
}
.proj-info > span {
    display: block;
    margin-top: 13px;
    font-size: 14px;
    font-weight: 300;
    color: #acb7c2;
    line-height: 22px;
}

.proj-sponsor {
    display: flex;
    align-items: center;
    padding: 20px 0px;
    border-top: 2px solid #f5f6f8;
    border-bottom: 2px solid #f5f6f8;
    margin: 40px 0px;
}
.sponsor-info {
    padding-left: 21px;
}
.sponsor-info h4 {
    font-size: 12px;
    color: #acb7c2;
    font-weight: 400;
}
.sponsor-info a {
    color: #042446;
    font-size: 18px;
    margin-bottom: 7px;
    display: block;
    font-weight: 600;
}

.sponsor-info strong { 
    font-weight: 500;
    font-size: 14px;
}
.psponsor-img img {
    width: 100%;
    border-radius: 50%;
    display: block;
    border: 5px solid white;
}
.psponsor-img {
    width: 90px;
    border-radius: 50%;
    overflow: hidden;
    padding: 6px;
}
.proj-image{
    margin-bottom: 50px;
}
.proj-image img {
    max-width: 100%;
}
.proj-support h2 {
    font-size: 18px;
    letter-spacing: 0px;
    opacity: 0.5;
    font-weight: 400;
}
.proj-reward .btn {
    text-align: center;
    border-radius: 0px;
    padding: 8px;
    font-size:16px;
}
.proj-reward p {
    font-size: 15px;
    color: #042446;
    font-weight: 300;
    padding: 20px 20px 30px 30px;
    line-height: 24px;
}
.proj-reward strong {
    color: #acb7c2;
    font-size: 12px;
    font-weight: 400;
    padding: 0px 30px;
    display: block;
}
.proj-reward h3 {
    font-size: 18px;
    color: #042446;
    font-weight: 600;
    padding: 30px 30px 5px 30px;
    letter-spacing: 0px;
}
.proj-reward {
    margin-top: 20px;
    background: white;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    border: 2px solid transparent;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
}



.single-project .nav-tabs li {
    margin-right: 50px;
}
.single-project .nav-tabs li a.active, .single-project .nav-tabs li a:hover, .single-project .nav-tabs li a:focus {
    color: #2b2b39;
}
.single-project .nav-tabs li a {
    color: #b4b4bd;
    border-bottom: 0px solid rgba(44, 209, 114, 0);
    padding-bottom: 5px;
}
.single-project .nav-tabs li a span {
    font-size: 8px;
    padding: 5px;

    color: white;
    border-radius: 50%;
    width: 22px;
    display: inline-block;
    text-align: center;
    margin-left: 2px;
    position: relative;
    top: -2px;
}
.single-project .nav-tabs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #eceef1;
    padding-bottom: 20px;
    justify-content: left !important;
}
.single-project img {
    max-width: 100%;
}
.single-project .modal-body.tab-content {
    padding: 0px;
    padding-top: 40px;
}
.proj-content p {
    margin-bottom: 30px;
}
.proj-content {
    color: #333333;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 34px;
    margin-top: 30px;
}
.proj-content h1, .proj-content h2, .proj-content h3 {
    margin: 30px 0px 15px 0px;
}

.backer img {
    width: 70px;
    border-radius: 50px;
}
.backer strong {
    font-size: 14px;
    color: #acb7c2;
    font-weight: 300;
    margin-top: 5px;
    display: block;
}
.backer .backer-info {
    margin-left: 20px;
}
.backer span {
    display: block;
    color: #042446;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
}


.backer {
    display: flex;
    align-items: center;
    padding: 30px;

    width: 50%;
    border: 2px solid #eceef1;
    border-bottom: 0px;
    background: #fcfcfc;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
}
.backer:hover{
    background: #fff;
}
.backer a {
    display: flex;
    align-items: center;
}
.backer:nth-child(2n) {
    border-left: 0px;
}
.backers-wrap {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #eceef1;
}

div#updates-tab p.post-meta{
    padding: 30px 30px 20px 30px;
}
div#updates-tab p.post-meta span:first-child {
    font-size: 10px;
    color: #444444;
    letter-spacing: 0.5px;
    padding: 6px 9px;
    border: 1px solid #e3e3e3;
    margin-right: 5px;
    display: block;
    margin-left:0px;

}
div#updates-tab .newsbh-item {
    width: 100%;
    display: block;
    max-width: none;
    margin-bottom: 30px;
}
div#updates-tab h4.newsb-title {
    font-size: 24px;
    padding: 5px 20px 15px 30px;
    display: block;
    font-weight: 600;
    line-height: 30px;
    color: #042446;
}
/* div#updates-tab ul.newsbh li p:last-child{
    padding: 0px 30px 20px 30px;
    font-size: 14px;
    line-height: 32px;
}*/
#respond h2 {
    margin-bottom: 10px;
}
body #updates-tab .newsb-c {
    padding: 0px 30px;
    line-height: 28px;
}
.comment_deletor:hover, .btn-cancel:hover {
    background: red;
    color: white !important;;
}
.comment_deletor, .btn-cancel {
    margin: 0px 0px 10px 30px;
    display: inline-block;
    font-size: 12px;
    border: 1px solid red;
    padding: 5px 10px;
    font-weight: 400 !important;;
    color: red !important;
    cursor:pointer;
}
#comments-tab .comment_deletor {
    margin-left: 0px;
    margin-bottom: 20px;
    margin-top: -10px;
    position: relative;
    top: -10px;
}
#updates-tab p.post-meta span{
    font-size:12px;
}

/* Comments */

.comment article{
    background: #fcfcfc;
}
.comment a {

    font-weight: 400;
}
a.comment-reply-link {
    color: white;
}
h3#reply-title {
    padding: 0px 0px 15px 0px;
    opacity: 0.5;
}
.comment-form {
}
form#commentform {
    padding-top: 0px;
}
.comment-list {
    margin: 0;
    list-style:none;
}

.comment-list > li article {
    margin-bottom: 25px;
    position: relative;
    padding: 25px;
}

.comment-list > li.comment .comment {
    list-style: none;
}

.comment-list .comment ul {
    margin-left: 70px;
}
ul.children {
    margin-left: 16px!important;
    padding-left: 10px!important;
    list-style: none;
}
ul.children li article {
    padding: 20px;
}
.comment-avatar{
    float:left;
    display:block;
}
.comment-list .comment .avatar {
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 50%;
    margin-right:20px;
}
.comment-list .comment .comment-author, .comment-list .comment .comment-meta, .comment-list .comment .comment-author {
    display: block;
    color: #999;
    font-weight: 300;
    font-size: 12px;
}
.comment-body:hover .comment-metadata, .comment-body:hover .comment-content p {
    opacity:1;
}
.comment-metadata {
    padding-left: 90px;
    opacity: 1;
    transition: opacity 0.35s ease;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    margin-bottom: 20px;
    margin-top: 0px;
}
.trackback .comment-metadata, .trackback .comment-content, .pingback .comment-metadata, .pingback .comment-content {
    padding-left: 0px;
    margin-bottom: 0px;
}
.comment-body{
    position:relative;
}
.comment-metadata span a, .comment-metadata span{
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: 2px;
}
.comment-metadata span a{
    margin-right:0px;
}
.comment-metadata a {
    display: inline-block;
    font-weight: 600;
}

.comment-metadata time {
    font-size: 10px;
    letter-spacing: 0px;
    display: block;
    text-transform: uppercase;
    color: #999;
    font-weight: 400;
}
.comment-content{
    padding-left: 90px;
    padding-right: 90px;
    margin-top:10px;
    font-size:12px;
}
.comment-content a {
    font-weight: bold;
}
.comment-content p {
    margin-top: 10px;
    font-size:14px;
    opacity: 0.7;
    transition: opacity 0.35s ease;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    color: #000;
    font-weight: 400;
}
.comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
    margin: 20px 0px;
}
.comment-list .comment .comment-content ul, .comment-list .comment .comment-content ol, .comment-list .comment .comment-content ul ul, .comment-list .comment .comment-content ol ol {
    margin-left: 20px;
    padding-left: 0px;
    margin: 10px 20px;
}
.comment-list .comment .comment-content ul li, .comment-list .comment .comment-content ol li {
    margin: 10px 0px;
}
.reply{
    position:absolute;
    top:25px;
    right:25px;
    z-index: 10;
}
.comment-content table {
    width: 100%;
}
.comment-contenttable th {
    background: rgba(0, 0, 0, 0.04);
}
.reply a:hover {

    color:white;
}

.reply a {
    position: relative;
    display: block;
    font-size: 12px !important;
    margin-top: 0;
    opacity:1;
    border:1px solid transparent;
    color:white;
    margin-right:0px !important;
    border-radius: 0px;
    line-height: 30px;
    padding: 0px 12px;
}
.reply a:before {
    content: "\f3e5";
    display: none;
    font: normal normal normal 14px/1 "Font Awesome 5 Solid";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    font-size: 11px;
}
#respond {
    padding-top: 0px;
    margin-bottom:10px;
}

#respond .cancel-comment-reply {
    text-align: center;
}

#respond .cancel-comment-reply #cancel-comment-reply-link {
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
}

#respond form > *:first-child {
    margin-bottom: 0px;
}

#respond form label {
    padding: 10px 0px 0px 0px;
    margin-bottom: 10px;
}
p.comment-form-cookies-consent {
    display: flex;
    align-items: baseline;
}
input#wp-comment-cookies-consent {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 9px;
}
#respond form input:not([type="submit"]){
    margin-bottom: 20px;
    padding: 5px 15px;
}
.comment-form-cookies-consent label {
    display: inline-block;
}
#respond form textarea{
    margin-bottom: 10px;
    height:auto;
}
#respond form p {
    margin-bottom: 0;
}

#respond form > * {
    float: left;
    width: 100%;
    padding: 0;
}

#respond form > *.comment-form-author,
#respond form > *.comment-form-email,
#respond form > *.comment-form-url {
    width: 33.3333%;
}

#respond form > *.comment-notes,
#respond form > *.form-submit{
    margin-left: 0px;
    padding-left: 0px;

}
#respond form > *.comment-notes{
    opacity: 0.7;
    font-size: 12px;
    font-weight: 300;
}
#respond form > *.form-submit {
    margin-top: 0px;
    margin-bottom: 20px;
}

#respond form a {
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
}

#respond .comment-reply-title{
    margin: 0px;
    padding-bottom: 7px;
}
form#commentform:after {
    content: '';
    clear: both;
    display: block;
}
.navigation{
    width: 100%;
    min-height: 20px;
}
p.comment-form-email {
    padding: 0px 10px !important;
}
div#wp-comment-wrap {
    margin-bottom: 20px;
}
.nav-links span.nav-title-icon-wrapper {
    padding: 0px 5px 0px 5px;
}
.nav-previous {
    margin: 10px 0px;
    display: block;
}
nav.navigation.post-navigation {
    margin-top: 30px;
    margin-bottom: 30px;
}
/* Blog Extra */

.blog-extra {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 50px 0px;
}
.be-left a {
    display: inline-block;
    font-size: 12px;
    padding: 10px 15px;
    line-height: 14px;
}
.be-right a {
    display: inline-block;
    margin-left: 15px;
}

/* Author */


.author-wrapper{
    padding: 0px 0px;

}
.author-wrapper .authorimg, .author-wrapper .avatar{
    width: 100px;
    border-radius: 60px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}
.author-wrapper #author-info{
    display: block;
    vertical-align: middle;
    margin-left: 140px;
}
#author-info h3{
    margin-bottom: 10px;
    margin-top: 0px;
}
#author-info p {
    opacity: 0.8;
}
.author-wrapper .author-link{
    display: inline-block;
    padding: 7px 15px;
    font-size: 12px;
    color: white;
    margin-top: 15px;
    margin-left: 0px;
}
.author-wrapper .author-link:hover{
    opacity:0.7;
}

/* Project contribute */

li.perk label .funding-perk-content, .funding-methodwrap, .funding-comments {
    margin-top: 20px;
    background: white;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    border: 2px solid transparent;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    padding: 30px 35px;

}
li.perk label .funding-perk-content{
    cursor: pointer;
}
ul#project-rewards-list {
    list-style: none;
}

#funding-form .col-4 .w-projects-s {
    max-width: none;
    width: 100%;
}
div#project-reward-amount {
    position: relative;
}
div#project-reward-amount span {
    position: absolute;
    top: 21px;
    left: 18px;
 
}
div#project-reward-amount input {
    padding-left: 35px;
    font-size: 26px;
    height: auto;
 
    line-height: 40px;
}
.rewardnasubmitu1 h3 {
    margin: 20px 0px -5px 0px;
}
form#funding-form .col-8 > h3 {
    margin-bottom: 12px;
}
 
.funding-perk-content h3 {
    font-size: 18px;
    color: #042446;
    font-weight: 600;
    letter-spacing: 0px;
    margin-top: 0px;
}
.funding-perk-content p {
    font-size: 15px;
    color: #042446;
    font-weight: 300;
    padding: 12px 0px 0px 0px;
    line-height: 24px;
}
.perk input[type=radio] {
    display: none;
}
#funding_methods .perk input[type=radio] {
    display: inline-block;
}
li.perk label .funding-perk-content div {
 
    margin-top: 16px;
}
#funding-form dl, #funding-form ul {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0px;
    list-style: none;
}
.funding-methodwrap label {
    margin: 20px 0px 10px 0px;
    font-weight: 400;
    font-size: 14px;
    color: #999;
}
.funding-methodwrap > div.who-are-you {
    padding-right: 30px;
    margin-bottom: 50px;
}
.funding-methodwrap > div {
    width: 50%;
}
.funding-methodwrap {
    display: flex;
    padding:35px;
}
.funding-comments p {
    font-size: 14px;
    margin: 10px 0px;
    opacity: 0.5;
}
.funding-method ul li.perk {
    margin: 20px 0px 0px 0px;
    cursor:pointer;
}

/* ALL CATEGORIES / SEARCH
   ============================= */

form.project-sorting {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
}
form.project-sorting select, form.project-sorting input {
    display: inline-block;
    margin: 10px 20px;
    max-width: 180px;
}
.search form.project-sorting select, .search form.project-sorting input{
    max-width: 150px;
}
.all-projects {
    padding-top: 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.all-projects-wrap {
    display: flex;
    flex-wrap: wrap;
    width:100%;
}

/* Loader */

.loaderwrapper .w-projects-s:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #f5f5f5;
    display: block;
    width: 100%;
    z-index: 10;
    -webkit-animation: loaderloading 1.5s infinite;
    -moz-animation: loaderloading 1.5s infinite;
    animation: loaderloading 2s ease-in-out infinite;
}
.loaderwrapper .w-projects-s > * {
    opacity: 0 !important;
    pointer-events: none;
}
.project-sorting input[type="text"] {
    background: #495df5;
    color: white;
}
.project-sorting input[type="text"]::placeholder{
    color: white;
}
@keyframes loaderloading {
    from {
        height:0%;
    }
    to {
        height:100%;
    }
}
.loaderwrapper li.grid__item, .loaderwrapper.plwrap li {
    background: white !important;
}

/* SUBMIT PROJECT
   ============================= */
.page-template-tmp-submit-project-php .col-4.sidebar .w-projects-s {
    width: 100%;
    max-width: none;
}
.page-template-tmp-submit-project-php .col-4 {
    padding-left: 40px;
}

fieldset.sub-bar {
    text-align: center;
    width: 100%;
    background: #3d3d44;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 15px 0px 15px 0px;
    z-index: 999999;
}
fieldset.sub-bar a:hover {
    color: #5063f6;
}
fieldset.sub-bar a {
    font-size: 14px;
    margin-left: 7px;
    color: #999;
}
fieldset.sub-bar .button-small {
    font-size: 12px;
    line-height: 40px;
    font-weight: 500;
}
fieldset.sub-bar .button-small:hover{
    background: #5063f6;
}
fieldset.lp-info {
    padding: 10px;
    font-size: 12px;
    background: #475bf33b;
    border: 1px solid #8492fd;
    border-radius: 5px;
}
.page-template-tmp-submit-project main.main_wrapper {
    margin-top: 45px;
}
.page-template-tmp-submit-project fieldset {
    margin-bottom: 35px;
}
.page-template-tmp-submit-project fieldset.sub-bar{
    margin-bottom:0px;
}
.page-template-tmp-submit-project fieldset label {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
.page-template-tmp-submit-project fieldset span {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
    display: block;
    font-weight: 400;
}
div#add_reward {
    display: inline-block;
}
#ui-datepicker-div{
    display: none;
    background-color: white;
    padding: 10px 20px 10px 10px;
    border: 1px solid #eee;
}

.description {
    font-size: 12px;
    margin-top: 6px;
    color: #999;
}
.reward_holder {
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
    padding: 30px;
}
.removeme {
    margin-left: 0px;
    margin-top: 16px;
    margin-bottom: 0px;
}

.reward_holder label:first-child {
    margin-top: 0px;
}
.reward_holder label {
    margin-top: 20px;
}
.page-template-tmp-submit-project .fileinput-button input {
    margin: 10px 0px;
}
label.upload-btn input[type="file"] { display: none; }

.upload-btn {
    float: left;
    padding: 11px 18px;
    margin-right: 18px;
    color: white;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.upload-btn.disabled, .upload-btn.disabled:hover {
    background: grey;
    cursor: default;
}
.small-dialog-content textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 180px;
}

.upload-btn i { margin-right: 2px; }
.fake-input {  padding: 10px 18px; text-align:left;}
.upload-info span { float: right; }

.upload-info { margin: 20px 0 10px 0; }

.small-dialog-content button.send {
    width: 100%;
    margin-top: 25px;
    line-height: 24px;
    border-radius: 3px;
}

.small-dialog-content .divider {
    display: inline-block;
    border-top: 1px solid #e0e0e0;
    height: 1px;
    width: 100%;
}

.fake-upload-btn{
    width:100%;
    position:relative;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    overflow: hidden;
}
.fake-upload-btn input[type="file"] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 100%;
    padding-left: 0px;
    height: 100%;
    z-index: 10;
}
textarea#summary.wp-editor-area {
    opacity: 0;
    position: absolute;
    width: 100%;
    padding-left: 0px;
    height: 100%;
    z-index: -1;
    bottom: 0px;
    display: block !important;
}

.uploaded-files img {
    max-width: 100%;
    max-height: 300px;
    border-radius: 5px;
    margin:0 auto;
    margin-bottom:30px;
}
#progress-wrp {
    display:none;
    padding: 0px;
    position: relative;
    border-radius: 3px;
    margin: 0px;
    text-align: left;
    background: #fcfcfc;
}
#progress-wrp .progress-bar{
    height: 20px;
    border-radius: 0px;
    background-color: #72c107;
}
#progress-wrp .status{
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #000000;
    font-size: 10px;
}
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; font-size:14px;}
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.ui-datepicker-current-day a{
    color: #000;
    font-weight: bold;
}


/* BLOG POSTS
   ============================= */


.container.blog {
    padding-top: 50px;
}
.single-post .blog {
    padding-top: 40px;
}
/* Feed */
.pagination.default_wp_p{
    position: relative;
    bottom: 0px;
    left: 0px;
}
.pagination.default_wp_p .wp_pag{
    margin-left: 0px;
    padding-left:0px;
    margin-top: 30px;
}
.pagination.default_wp_p .wp_pag > li, .pagination.default_wp_p .wp_pag > a{
    margin: 0px 10px 0px 0px;
    background: rgba(0, 0, 0, 0);
    padding: 7px 15px;
    font-size: 14px;
    border: 3px solid rgba(255, 62, 88, 0.22);
    display:inline-block;
}
/*.blog_item_wrapper .pagination{
	position:relative;
	bottom:0px;
}*/
.pagination{
    position: relative;
    left: -15px;
    width: 100%;
}
.pagination ul {
    list-style: none;
    padding: 0px;
    margin: 10px 15px 20px 15px;
    width: 100%;
}
.pagination ul li {
    display: inline-block;
}
.pagination ul li a, a.page-numbers, span.page-numbers, .main-content  .pagination.default_wp_p .wp_pag > span, .main-content .pagination.default_wp_p .wp_pag > a {
    margin: 0px 10px 0px 0px;
    background: rgba(0, 0, 0, 0);
    padding: 7px 15px;
    font-size: 14px;
    border-style: solid;
    border-width:3px;
    display: block;
    opacity:0.5;
}
a.page-numbers:hover, span.page-numbers{
    opacity:1;
}
.main-content  .pagination.default_wp_p .wp_pag > span, .main-content .pagination.default_wp_p .wp_pag > a{
    display:inline-block;
}
.pagination ul li a:hover, .pagination ul li a:active, .pagination ul li a:focus, .pagination ul li.active a, .wp-team-matches-pagination .page-numbers, .main-content .pagination.default_wp_p .wp_pag > span,
.main-content .pagination.default_wp_p .wp_pag > a:hover{
    border-style: solid;
    border-width:3px;
    opacity:1;
}

ul.newsbh.blog-posts li {
    width: 100%;
    max-width: none;
    padding: 20px;
}
ul.newsbh.blog-posts li.sticky * {
    color: white !important;
}
ul.newsbh.blog-posts li.sticky {
    background: #4156f6;
    color: white !important;
}
.newsbh.blog-posts .newsb-c {
    font-size: 14px;
    padding-bottom: 10px;
}

.single-post .col-8{
    padding-right: 15px;
}
.pmeta-category{
    text-align:center;
    margin-top:100px;
}
.pmeta-category a{
    padding: 4px 10px;
    margin: 5px 6px 15px 5px;
    display: inline-block;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    text-transform: uppercase!important;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 700;
}
.blog-ptw.page-title-wrap h1{
    margin-top:30px;
    text-align:center;
}
.blog-post .blog-content{
    margin-top: 15px;
    font-weight: 300;
    line-height: 36px;
}
.blog-post > img {
    padding: 15px;
    background: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
    margin-bottom: 15px;
}
.blog-content h2 a {
    word-break: break-all;
}
.blog-content{
    line-height:26px;
}
.blog-content table{
    width:100%;
}
.blog-content ul.wp-block-gallery {
    margin-top: 30px;
}
.blog-content ul, .blog-content ol {
    padding: 0px 30px;
}
.blog-content > ul, .blog-content > ol {
    padding-bottom: 20px;
}
.blog-content img{
    max-width:100%;
}
.blog-content *{
    max-width:100%;
}
.blog-content iframe {
    margin-bottom: 20px;
}
.blog-content h2, .blog-content h1, .main-content h2, .main-content h1{
    margin: 20px 0px;
}
.blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6,
.main-content h3, .main-content h4, .main-content h5, .main-content h6 {
    margin: 15px 0px;
}
.page .main-content p {
    line-height: 26px;
    letter-spacing: 0.2px;
}
.is-style-default .has-very-dark-gray-color.has-very-dark-gray-color {
    color: white;
}
blockquote {
    display: block;
    margin: 25px 0px 25px 0px;
    border-left: 2px solid rgba(0, 0,0, 0.25);
    opacity: 0.5;
    padding: 10px 0px 10px 25px;
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
    quotes: none;
}
blockquote.elementor-blockquote{
    opacity:1;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}



.post-meta{
    margin-top:40px;
}
.post-meta i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.post-meta span, .post-meta a{
    color:black;
}

.post-meta span{
    display: inline-block;
    padding-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 14px;
    font-size: 14px;
    padding-left: 10px;
}
.post-meta span.pmeta-comments{
    border-right: 0px solid rgba(255, 255, 255, 0.5);
}
.post-meta span.pmeta-tags{
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 0px solid rgba(255, 255, 255, 0.5);
}
.gallery-item{
    text-align:center;
    margin: 0 auto;
}
.gallery-item dt::after {
    content: "";
    display:none;
}
.gallery-item dt{
    text-align: center;
    margin: 0 auto;
}
dl.gallery-item img {
    border: 0px !important;
}

/* Comments */


form#commentform {
    padding-top: 0px;
}
.comment-list {
    margin: 0;
    list-style:none;
}

.comment-list > li article {
    margin-bottom: 25px;
    position: relative;
    padding: 25px;
}

.comment-list > li.comment .comment {
    list-style: none;
}

.comment-avatar{
    float:left;
    display:block;

}
.comment-list .comment .avatar {
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 50%;
    margin-right:20px;
}
.comment-list .comment .comment-author, .comment-list .comment .comment-meta, .comment-list .comment .comment-author {
    display:block;
    background: transparent;
    padding: 0px;
    margin: 0px;
}
.comment-body:hover .comment-metadata, .comment-body:hover .comment-content p {
    opacity:1;
}
.comment-metadata {
    padding-left: 90px;
    opacity: 1;
    transition: opacity 0.35s ease;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    margin-bottom: 30px;
    margin-top: 10px;
}
.trackback .comment-metadata, .trackback .comment-content, .pingback .comment-metadata, .pingback .comment-content {
    padding-left: 0px;
    margin-bottom: 0px;
}
.comment-body{
    position:relative;
}
.comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
    margin: 20px 0px;
}
.comment-list .comment .comment-content ul, .comment-list .comment .comment-content ol, .comment-list .comment .comment-content ul ul, .comment-list .comment .comment-content ol ol {
    margin-left: 20px;
    padding-left: 0px;
    margin: 10px 20px;
}
.comment-list .comment .comment-content ul li, .comment-list .comment .comment-content ol li {
    margin: 10px 0px;
}
.reply{
    position:absolute;
    top:25px;
    right:25px;
    z-index: 10;
}
.comment-content table {
    width: 100%;
}
.comment-contenttable th {
    background: rgba(0, 0, 0, 0.04);
}


/* AUTHOR / MY PROFILE
   ============================= */

.prof-wrap.container {
    max-width: 1050px;
    background: white;
    padding: 60px;
    box-shadow: 0px 2px 15px rgba(0, 0 ,0, 0.1);
    position: relative;
    top: -70px;
    z-index: 10;
}

.prof-wrap.container .col-3 {
    padding-right: 40px;
}

.prof-wrap .psponsor-img {
    width: 100%;
}
.prof-wrap .psponsor-img img {
    border-width: 15px;
}
.prof-wrap strong {
    display: inline-block;
 
    font-weight: 400;
    font-size: 14px;
    margin: 10px 25px 15px 0px;
}
.prof-wrap p {
    font-size: 14px;
    color: #191f2e;
    font-weight: 300;
    line-height: 24px;
}
.prof-tabs.container .tab-content .tab-pane.active {
    display: flex;
    flex-wrap: wrap;
}
.prof-tabs.container {
    display: block;
}
.prof-tabs.container {
    display: block;
}
.prof-tabs .nav-tabs {
    padding: 0px 25px;
}
.author header .page-title.container h1 {
    margin-bottom: 50px;
}
#profile-edit form {
    display: flex;
    flex-wrap: wrap;
}
#profile-edit fieldset {
    width: 48%;
    margin: 1%;
}

#profile-edit fieldset #files {
    margin: 0px 0px 15px 0px;
}
img#uploadedimage {
    max-width: 250px;
}
#adduser p.form-submit {
    margin: 10px 13px;
}

#funding-edit fieldset label {
    margin-bottom: 10px;
    display: block;
}
#funding-edit fieldset {
    margin: 10px 10px 40px 10px;
    max-width: 420px;
}
#funding-edit fieldset .description {
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.8;
    font-weight: 300;
}
#funding-edit form {
    width: 100%;
}
#funding-edit fieldset .btn {
    display: inline-block;
    background: #646fdf;
}

#funding-edit form p.form-submit {
    margin: 0px 10px;
    padding-top: 35px;
    border-top: 1px solid #f0f0f0;
}
#funding-edit fieldset > span {
    font-size: 12px;
    opacity: 0.8;
    font-weight: 300;
    margin-bottom: 5px;
    display: block;
}
#funding-edit fieldset .btn-cancel {
    margin-left: 0px;
    margin-top: 10px;
}

.fileinput-button {
    font-size: 14px;
}
form#adduser span {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #666;
    font-weight: 300;
}
form#adduser span.fileinput-button {
    margin-top: 0px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
}
div#cropme .btn {
    font-size: 12px;
    line-height: 38px;
    display: inline-block;
    margin-top: -15px;
    margin-bottom: 10px;
}
a.link-cancel:hover {
    color: #333;
}
a.link-cancel {
    color: #999;
    font-size: 14px;
}
div#cancelme0, #cancelme {
    display: inline-block;
    margin-left: 12px;
    position: relative;
    top: 1px;
}
div#cropme {
    display: inline-block;
}
#cancelme {
    margin-left: 0px;
    margin-bottom: 10px;
    top: -5px;
}
/* FOOTER
   ============================= */

footer{
    background:rgb(38 38 41);
    color:white;
    margin-top: 50px;
    padding-top: 100px;
    position: relative;
    overflow: hidden;
}
.footer_widget.col-3 h3 {
    margin-bottom: 30px;
    display: block;
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
}
.footer_widget.col-3 ul li {
    margin: 20px 0px;
    font-size: 14px;
}
.footer_widget.col-3 ul {
    list-style: none;
}
.footer_widget.col-3 ul li a {
    font-weight: 300;
    color: #ffffff;
    opacity: 0.6;
}
.footer_widget.col-3 ul li a:hover {
    opacity: 1;
}
.footer_widget .textwidget{
    font-weight: 200;
    font-size: 14px;
    line-height: 30px;
}
.copyright {
    padding: 20px;
    background: #151517;
    margin-top: 100px;
    font-size: 12px;
    color: #666;
}
footer .pagebg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 0px;
    left: 0px;
    z-index: 5;
}
footer > div {
    z-index: 10;
    position: relative;
}
.container.cpr p {
    width: 100%;
}
.container.cpr {
    text-align: center;
}
/* ELEMENTOR BLOCKS
   ============================= */

/* Elementor SW Projects */

.elementor-widget-sw_projects h3 {
    font-size: 36px;
    letter-spacing: 0px;
    padding-bottom: 45px;
}
.elementor-widget-sw_projects .nav-tabs, .prof-tabs .nav-tabs {
    list-style: none;
    display:flex;
    flex-wrap: wrap;
}
ul.nav.nav-tabs.header-center {
    justify-content: center;
}
h3.no-tabs.header-center {
    text-align: center;
}
ul.nav.nav-tabs.header-right {
    justify-content: flex-end;
}
.elementor-widget-sw_projects .nav-tabs li:last-child {
    margin-right: 0px;
}
h3.no-tabs.header-right {
    text-align: right;
}
.elementor-widget-sw_projects a.btn {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 300px;
    margin-top: 30px;
    font-size: 14px;
}
.elementor-widget-sw_projects .nav-tabs li, .prof-tabs .nav-tabs li {
    margin-right: 50px;
}
.elementor-widget-sw_projects .nav-tabs li a.active, .elementor-widget-sw_projects .nav-tabs li a:hover, .elementor-widget-sw_projects .nav-tabs li a:focus,
.prof-tabs .nav-tabs li a.active, .prof-tabs .nav-tabs li a:hover, .prof-tabs .nav-tabs li a:focus{
    color: #2b2b39;
    border-bottom: 3px solid #2cd172;
}
.elementor-widget-sw_projects .nav-tabs li a,  .prof-tabs .nav-tabs li a{
    color: #b4b4bd;
    border-bottom: 0px solid rgba(44, 209, 114, 0);
    padding-bottom: 5px;
}
.elementor-widget-sw_projects .modal-body.tab-content {
    padding: 0px;
    margin-top: 25px;
}
.elementor-widget-sw_projects .modal-body.tab-content .tab-pane{
    flex-wrap:wrap;
    margin-left: -1%;
}
.elementor-widget-sw_projects .modal-body.tab-content > .tab-pane.active{
    display:flex;
}
.progress-barw .progress-bar {
    height: 100%;
    max-width: 100%;
}
.w-projects-s.p-unsucc .progress-bar {
    background: #042446;
}
.progress-barw {
    height: 10px;
    background: #f4f4f4;
    position: relative;
}
.w-projects-s {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
    max-width: 23%;
    margin: 1%;
    position: relative;
    padding-bottom: 75px;
    width: 23%;
}
.w-projects-s img {
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: block;
}

.w-projects-s span { 
    font-size: 14px;
    padding: 0px 20px 20px 20px;
    display: block;
    font-weight: 600;
}
.w-projects-s span > div {
    display: inline-block;
}
.w-projects-s > a > span {
    position: absolute;
    top: 10px;
    left: 10px;
    background: white;
    border-radius: 5px;
    padding: 5px 9px;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.6px;
    color: #042446;
}
.w-projects-s p,  #updates-tab .newsb-c {
    font-size: 14px;
    color: #777;
    padding: 0px 20px 10px 20px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom:20px;
}
.w-projects-s p{
    font-size: 12px;
    margin-bottom: 5px;
}
.w-projects-s strong {
    padding: 25px 20px 9px 20px;
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
}

.w-projects-s a {
    color: #042446;
    display: block;

}

.proj-author {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    align-items: center;
    font-size: 10px;
    text-transform: uppercase;
    color: #444444;
    letter-spacing: 0.5px;
}
.proj-author .pa-name img {
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    align-items: center;
    vertical-align: middle;
    margin-right: 10px;
}

.proj-interact-btns.edit-button {
    left: 115px;
}
.proj-interact-btns {
    position: absolute;
    top: 46px;
    left: 10px;
    background: #5063f6;
    font-size: 10px;
    padding: 5px 10px;
    display: inline-block;
    color: white !important;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.proj-interact-btns:hover {
    background: black;
}
.prostatus {
    text-align: center;
    font-size: 12px;
    padding: 10px;
 
    color: white;
    font-weight: 300;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.prostatus.publish{
    background: #2cd171;
}
.prostatus.pending{
    background: #dccb04;
}
.prostatus.draft{
    background: #ff9900;
}

/* News Block */

.elementor-widget-sw_news .title-wrapper {
    margin-bottom: 30px;
}
.elementor-widget-sw_news h2 {
    color: #2b2b39;
    font-size: 36px;
    display: inline-block;
}

.elementor-widget-sw_news .title-wrapper > a i {
    margin-left: 5px;
}
.elementor-widget-sw_news .title-wrapper > a {
 
    font-size: 14px;
    margin-left: 15px;
    position: relative;
    top: -2px;
    font-weight: 700;
}

ul.newsbh {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

ul.newsbh li {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
    max-width: 23%;
    margin: 1%;
    position: relative;
    padding-bottom: 15px;
}
.newsb-thumbnail .newsb-com-wrap i {
    font-size: 24px;
}
.newsb-thumbnail .newsb-com-wrap span {
    position: absolute;
    color: #333;
    top: 4px;
    left: 0px;
    font-size: 10px;
    width: 100%;
    text-align: center;
    letter-spacing: -1px;;
}
ul.newsbh.blog-posts li.sticky .newsb-com-wrap span{
    color: #333 !important;
}
.newsb-thumbnail img {
    display: block;
}
.newsb-thumbnail .newsb-com-wrap {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
}
.newsb-thumbnail img {
    width: 100%;
}
.newsb-thumbnail {
    display: block;
    position: relative;
}

.post-meta span {
    font-size: 10px;
    margin-left: auto
}
.post-meta a {
    font-size: 8px;
    color: #444444;
    letter-spacing: 0.5px;
    padding: 6px 9px;
    border: 1px solid #e3e3e3;
    margin-right: 5px;
}
.post-meta a:hover {
    border-color: #000;
    color:white;
}
.newsbh-item .post-meta {
    padding: 25px 20px 20px 20px;
    display: flex;
    align-items: center;
    margin-top:0px;
    margin-bottom:0px;
    flex-wrap: wrap;
}
h4.newsb-title a{
    padding: 0px 20px 10px 20px;
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #042446;
    word-break: break-all;
}


.newsb-c {
    font-size: 12px;
    color: #777;
    padding: 0px 20px 0px 20px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}



/*
 *
 * Reponsive
 *
 *
 */



@media screen and (min-width: 1300px){

    .blog .container .col-12 .spcard, .blog .container .col-12 .grid-sizer{
        width:33.33%;
        min-width:auto;
    }
    .blog .container .col-12 .blogs-featured.spcard {
        width: 100%;
        min-width:auto;
    }
    .blog .container .col-8 .blogs-featured.spcard, .blog.blog-standardfull .container .col-12 .blogs-featured.spcard{
        width: 100%;
        min-width:auto;
    }
    .blog .container .col-8 .spcard,  .blog .container .col-8 .grid-sizer{
        width:50%;
        min-width:auto;
    }
    .elementor-widget-videos_slider .vh-wrap-none.video-slider a:after{
        width:940px !important;
    }

}


@media screen and (min-width:768px) and (max-width:992px){
    .cr_content_txt{
        padding-top:0px;
    }
}

@media screen and (max-width: 40em) {
    .btn--search-close {
        font-size: 1em;
    }
    .search__form {
        margin: 2em 0;
    }
    .search__related {
        font-size: 85%;
        width: 100%;
        padding: 0 1em;
    }
    .search__input,
    html .search__form-inner::after {
        width: 100%;
        left: 0;
    }
}





@media screen and (min-width:768px) and (max-width:992px){
    .cr_content_txt{
        padding-top:0px;
    }
}



/* Container fixes */

@media screen and (max-width:1300px){
    .container{
        width: 950px;

    }
    header.boxed{
        width: 950px !important;
    }
    .w-projects-s {
        max-width: 31%;
        width: 23%;
    }
}

@media screen and (max-width: 1000px){
    .page-template-tmp-submit-project-php .col-4, .page-template-tmp-submit-project-php .col-8 {
        width: 100%;

    }
    .container{
        width: 768px;
        flex-wrap: wrap;
    }
    .page-template-tmp-submit-project-php .col-4.sidebar .w-projects-s{
        margin-top:0px !important;
    }
    .page-template-tmp-submit-project-php .col-4{
        padding-left:0px;
    }
    .w-projects-s, ul.newsbh li {
        max-width: 48%;
        width: 48%;
    }
    .w-projects-s > a:first-child{
        min-height: 185px;
    }
    header .col-9 {
        width: 100%;
    }
    header .col-3 {
        position: absolute;
        top: 30px;
        left: 20px;
    }
    header .col-3 a{
        position: relative;
        z-index: 100;
    }

    header .container {
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom:10px;
        z-index: 1000;
    }
    .elementor-widget-sw_projects .nav-tabs li, .prof-tabs .nav-tabs li {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 600px){
    .container{
        width: 100%;
    }
    .newsb-thumbnail > a {
        display: block;
        overflow: hidden;
        max-height: 230px;
    }
    .vc_column_container>.vc_column-inner{
        padding-left: 15px !important;
        padding-right:15px !important;
    }
    .w-projects-s, ul.newsbh li {
        max-width: none;
        width: 100%;
        margin: 20px 0px;
    }
    form.project-sorting select, form.project-sorting input, .search form.project-sorting select, .search form.project-sorting input{
        width:100%;
        max-width:none;
    }
}


@media screen and (max-width:768px){
    .prof-wrap .psponsor-img img {
        border-width: 10px;
    }
    .prof-wrap.container .col-3 {
        text-align: center;
    }
    .prof-wrap .psponsor-img {
        width: 150px;
        height: 150px;
        max-height: 150px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .prof-wrap.container .col-9 {
        text-align: center;
    }
    #profile-edit fieldset{
        margin-top:20px;
    }
    .container{
        width: 600px;
    }
    #respond form > *.comment-form-author, #respond form > *.comment-form-email, #respond form > *.comment-form-url, #profile-edit fieldset{
        width:100%;
    }
    .slide--current .slide__title,
    .slide__subtitle{
        display:none;
    }

    /* Header boxed full width on mobile */
    header.boxed{
        width: 100% !important;
    }

    /* Images portfolio responsive */

    .cr__images_portfolio ul li {
        width:100%!important;
    }
    /* Container Full Responsive*/

    .blog-nosidebar .container, .blog-standardfull .container{
        width: 100%!important;
    }

    .blogs-style1.spcard.blogs-style2.blogs-featured .spdata{
        width:100%;
    }
    .blogs-style1.spcard.blogs-style2.blogs-featured .spheader{
        width:100%;
        position:relative;
        min-height: 170px;
    }
    .blogs-style1.spcard.blogs-style2.blogs-featured .spbgimg{
        width:100%;
        height:316px;
    }
    body.blog .blogs-style1.spcard.blogs-style2.blogs-featured .spheader{
        min-height: 60px;
        padding: 0px;
    }
    /* Footer Menu Responsive*/
    .footer_fourcolumns .footer_column{
        width:100%;
        float:none;
    }
    .footer_column .menu{
        list-style:none;
        margin:10px auto;
    }
    .footer_bottom .fb_text{
        text-align:center;
    }
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10, .col-11,.col-12{
        width:100% !important;
    }
    .mcontent .col-6 {
        padding: 30px !important;
    }
    html body .magazine-blog.magb4 li, html body .magazine-blog.magb4 li:last-child, html body .magazine-blog.magb5 li, html body .magazine-blog.magb6 li.magazine-blog.magb4 li,
    html body .magazine-blog.magb4 li:last-child,html body .magazine-blog.magb5 li, html body .magazine-blog.magb5 li:nth-child(3), html body .magazine-blog.magb6 li, html body .magazine-blog.magb5 li:nth-child(4),
    html body .magazine-blog.magb5 li:last-child,html body .magazine-blog.magb4 li,html body .magazine-blog.magb4 li:last-child, html body .magazine-blog.magb5 li, html body .magazine-blog.magb6 li {
        width: 100% !important;
    }
}

@media screen and (min-width:768px) and (max-width:1000px){

    /* Images portfolio responsive */
    .cr__images_portfolio ul li, .footer_fourcolumns .footer_column {
        width:50%!important;
    }
    /* Container Full Responsive*/
    .blog-nosidebar .container, .blog-standardfull .container{
        width: 100%!important;
    }
}


/* Footer */
ul.sub-menu{
    background-color:transparent;
}



/* Main loop */

@media screen and (max-width:1000px){
    .container.single-project {
        padding-top: 40px;
    }
    .single-project .col-8, .single-project .col-4{
        width:100%;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .hlogo a, .hlogo, .menuArea, header#custom__menu{
        height:70px;
        width:50px;
    }
    html body .center-aligned-menu .menucont {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    body .page-title-wrap h1{
        font-size:42px;
    }

    #back-to-top{
        display:none !important;
    }
    .menu-item-has-children > a {
        position: relative;
    }
    .menu-main-menu-container{
        display:block !important;
    }
    .navbar-nav > .menu-item-has-children > a:after {
        content: "\f103";
        width: 10px;
        height: 10px;
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -7px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .menu.menuEffects ul li a:hover{
        background:transparent !important;
        opacity:0.6;
    }
    ul.sub-menu{
        background:transparent !important;
    }
    .menu.menuEffects ul li .sub-menu a {
        font-size: 12px !important;
        text-align:left !important;
    }
    .menu.menuEffects label{
        display:none;
    }


    .menu.menuEffects .menuContent{
        background: #262430;
        position: relative;
        top: 0;
        padding-bottom: 20px;
        padding-top:20px;
        margin-top: 0px;
        height: 100%;
        vertical-align: middle;
        display: block;
        /* width: 100%; */

        padding-left: 30px;
    }
    .menu.menuEffects ul li a{
        font-size: 14px !important;
        text-align:left !important;
        color:#fff;
    }

    .mobmenu.right-aligned-menu .menucont{
        width: 100%;
    }
    .mobmenu .header-bottom {
        padding: 0px 10px;
    }
    .hsocial, .hsearch {
        display: none;
    }
    .mobmenu #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link::before{
        display:none;
    }

    .mobmenu #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
        line-height: 50px !important;
        text-transform: uppercase;
        height: 50px;
        padding: 0px 20px;
    }

    /* Custoom menu start */
    .container{
        width:100% !important;
        padding:0px;
    }
    .menucont{
        display:none;
    }
    .fullscreen-menu{
        display: flex;
        align-items: end;
        justify-content: flex-end;
        flex-grow: 3;
    }
    nav, .nav-extra {
        display: none !important;
    }
    .menu-collapser{padding: 0 15px;display: none!important;}

    .menuOpen{
        width: 55px;
        height: 55px;
        padding: 15px 16px;
        z-index: 999;
        position: absolute;
        margin: 0px;
        right: 0px;
        top: 50%;
        margin-top: -25px;
    }
    .menucont, .menucont div > ul > li > a, header .hsocial a, header .hsearch{
        line-height:22px!important;
    }

    .hsearch{
        padding:0px 5px;
    }
    .menu.menuEffects{
        overflow-y: scroll;
        max-height: 500px !important;
        color: #fff;
        margin: 0px;
        left: -35px;
        position: absolute;
        background: transparent;
        height: auto;
        top: 80px;
    }

    .menu.menuEffects ul{

        color: #fff;
    }
    .menu.menuEffects ul li:hover{
        background-color:transparent;
    }

    ul.navbar-nav li ul.submenu li:hover a{
        color: #ff3e58!important;
    }
    ul.navbar-nav li ul.sub-menu{
        display:none;
    }
    .navbar-nav li:hover .sub-menu{
        display:block;
        transition: all 0.35s ease;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        transform:none;
    }
    .navbar-nav li:hover > .sub-menu{
        position: relative;
        left: 5px;
        top: 0px !important;
        visibility: visible;
    }
    header ul.nav.navbar-nav li {
        width: 100%;
    }
    header ul.nav.navbar-nav {

        flex-wrap: wrap;
    }
    body.side-menu .main-content{
        padding-left:260px;
    }

    body .reglog i {
        margin-right: 0px;
    }
    body .reglog a {
        margin: 15px 10px 0px 0px;
        text-align: center;
        padding: 12px 14px;
        color: #fff;
        font-weight: 400;
        background: #262430;
        border-radius: 5px;
        font-size: 12px;
        letter-spacing: 0.4px;
        transition: 0.35s;
        position: relative;
        top: 0;
        display: block;
    }
    body .reglog {
        display: block;
        padding: 0px;
    }
    body .userwrap .uwind > a{
        width: 35px;
        height: 35px;
        padding-top:0px;
    }
    img.ulmyavatar {
        width: 100%;
    }
    body .headersearchw input[type=search]{
        height: 38px;
    }
    body .userwrap{
        padding: 18px 15px 0px 0px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }
    body .profwwrap .userwrap, body .pdetails .userwrap{
        display:none;
    }
    .userwrap .uwind {
        font-size: 19px;
        color: white;
        text-align: center;
        transition: all 0.35s ease;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        opacity: 1;
        position: relative;
        top: 0px;
        margin-left: 0px;
        line-height: 55px;
    }
    .userwrap .uwind > a {
        display: block;
        color: white;
        position: relative;
        width: 35px;
        height: 35px;
        overflow: hidden;
        border-radius: 10px;
        background: #4d4b4f;
    }

    .userwrap {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        padding: 40px 25px 10px 0px;
    }
    .ulbgames, .ulbfriends{
        float:left;
        width:50%;
        color:#848aaf;
        font-size:16px;
        text-transform: uppercase;
        margin-top:20px;
        padding: 0px 0px 0px 15px;
    }
    .ulbfriends{
        padding: 0px 15px 0px 0px;
    }
    .ulbgames span, .ulbfriends span{
        color:#fba919;
        display:block;
        padding-top:0px;
    }
    .userwrap .uwind .submenuw{
        z-index: 1000;
        padding-top: 20px;
    }
    .userwrap .uwind .submenu li {
        width: 100% !important;
        padding: 0px !important;
    }
    .userwrap .uwind label:hover + .submenuw, .userwrap .uwind label + .submenuw:hover {
        visibility: visible;
        opacity: 1;
    }
    /*position the label*/

    .proflink label {
        position: absolute;
        display: block;
        cursor: pointer;
        top: 0px;
        opacity: 0;
    }



    .proflink input:checked~ul.submenu {
        visibility: visible;
        /* transition: all 0.35s ease; */
        /* -webkit-transition: all 0.35s ease; */
        -moz-transition: all 0.35s ease;
        top: 75px;
        opacity: 1;
    }
    .proflink input, .proflink ul.submenu {


        list-style: none;
        box-shadow: 0 6px 16px rgba(0,0,0,.4),0 0 4px rgba(0,0,0,.05)!important;
    }
    .proflink .submenuw, .proflink input{
        position: absolute;
        top: 52px;
        width: 300px;
        right: 0px;
        visibility: hidden;
        opacity:0;
        transition: all 0.35s ease;
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
    }

    .proflink ul.submenu a {
        display: block;
        text-align: left;
        padding: 10px 30px;
        height: auto;
        line-height: 34px;
        font-size: 12px;
        text-transform: uppercase;
        color: white;
        letter-spacing: 0.5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .proflink ul.submenu li:last-child a {
        border-bottom: 0px !important;
    }
    .proflink ul.submenu a i {
        margin-right: 10px;
    }
    ul.usermenu {
        position: relative;
        z-index: 10;
        text-align: center;
        font-size: 14px;
        list-style: none;
        text-transform: uppercase;
        padding-bottom:20px;
    }
    ul.usermenu {
        position: relative;
        z-index: 10;
        text-align: center;
        font-size: 14px;
        list-style: none;
        text-transform: uppercase;
        /* color: white; */
    }
    .usermenu a {
        display: block;
        width: 100%;
        padding: 17px 30px;
        font-size: 13px;
        color: white !important;
        text-align: left;
        text-transform: capitalize;
        letter-spacing: 1px;
        font-weight: 400 !important;

    }
    .usermenu a.active, .usermenu a:hover {
        background: rgba(0, 0, 0, 0.2) !important;

    }
    .usermenu a i {
        margin-right: 10px;
        width: 20px;
        text-align: center;
    }



}

@media screen and (min-width:1000px) and (max-width:1300px){
    .hsearch{
        padding:0px 5px!important;
    }
    .hsocial{
        padding-left:2px;
    }
    ul[id^="gallery_content_center_"] > li{
        width: 50% !important;
    }
    ul[id^="gallery_content_center_"].gc-padding > li {
        width: 49% !important;
        margin:0.5% !important;
    }
    .footer_fourcolumns .footer_column{
        width:50%;
    }
}




@media screen and (max-width:1300px){
    .container{
        width: 950px;
    }
    header.boxed{
        width: 950px !important;
    }
}

@media screen and (min-width: 1001px){
    .nav-previous {
        margin: 10px 0px;
        display: block;
        float: left;
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .nav-next {
        display: block;
        text-align: right;
        float: right;
        margin: 10px 0px;
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

}
@media screen and (max-width: 768px){
    .container{
        width: 100%;
        flex-wrap: wrap;
        padding: 0px 20px;
    }
    .container .container{
        padding-left:0px;
        padding-right:0px;
    }
    .col-12, .col-8, .col-4, .col-9, .col-3, .col-7{
        width:100%;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    body .woocommerce-ordering{
        padding-right: 0px;
        padding-left: 0px;
    }
    body.woocommerce ul.products li.product{
        width:100% !important;
        padding-left:0px !important;
        padding-right:0px !important;
        max-width:none;
    }
    footer .footer_column {
        width: 100% !important;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
        position: absolute;
        top: 0px;
        width: 200%;
        left: -50%;
        height: 1px;
        background: rgba(255, 255, 255, 0.2);
        content: '';
        display: block;
        border: 0px;
        opacity: 0.1;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li{
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width: 600px){
    .container{
        width: 100%;
    }
    .single-project .nav-tabs li {
        margin-right: 0px;
        width: 50%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 480px){
    header .col-3 {
        max-width: 50%;
    }
    header .col-3 img {
        width: 100%;
    }
    .fake-upload-btn{
        width:100%;
        position:relative;
    }
    .fake-upload-btn input[type="file"] {

        opacity: 0;
        position: absolute;
        width: 100%;
        padding-left: 0px;
        height: 100%;
        z-index: 10;
    }
    .container{
        width: 100%;
    }
    #error-404 h1 {
        font-size: 150px;
        line-height: 100px;
    }
    #error-404 h2 {
        text-transform: uppercase;
        font-size: 30px;
    }
    .page-title-wrap .container {
        padding: 0px 20px;
    }
    .elementor-widget-sw_projects .nav-tabs li, .prof-tabs .nav-tabs li{
        margin-right: 0px;
        width: 50%;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .elementor-widget-sw_projects .nav-tabs, .prof-tabs .nav-tabs {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: left !important;
    }
}


@media screen and (max-width:768px){
    .comment-content{
        padding-left:0px;
        padding-right:0px;
        clear: both;
        margin-top: 50px;
    }
    .comment-list ul.children{
        padding-left: 0px !important;
        margin-left: 0px !important;
        border-left: 0px !important;
    }
    .comment-metadata time{
        float: left;
        clear: right;
    }
    html body{
        display:block;
    }

    /* Header boxed full width on mobile */
    header.boxed{
        width: 100% !important;
    }

    /* Images portfolio responsive */

    .cr__images_portfolio ul li {
        width:100%!important;
    }
    /* Container Full Responsive*/

    .blog-nosidebar .container, .blog-standardfull .container{
        width: 100%!important;
    }
    .spcard{
        min-width:100%;
        float:none;
        padding:0px;
    }
    .slick-slider .spcard, .slick-slide{
        min-width: 0px;
        width:auto;
    }
    .spcard.blogs-featured .spdata{
        width:100%;
    }
    .spcard.blogs-featured .spheader{
        width:100%;
        position:relative;
        min-height: 170px;
    }
    .spcard.blogs-featured.no_image .spheader{
        width: 100%;
        position: absolute;
        min-height:0px;
    }
    .spcard.blogs-featured .spbgimg{
        width:100%;
        height:316px;
    }
    /* Footer Menu Responsive*/
    .footer_fourcolumns .footer_column{
        width:100%;
        float:none;
    }
    .footer_column .menu{
        list-style:none;
        margin:10px auto;
    }

    body .ih-wrap h2 {
        font-size: 15vw;
    }

}


/* Main loop */

@media screen and (min-width:1300px) and (max-width:1400px){
    .container{
        width: 1200px;
    }
}