@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');





* { }

html { font-size:100%; }

html, body, 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, img, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }

ol, ul { list-style: none; }

:focus { outline: 0; }

a{  color: #f16d23;  }

a, a:link { text-decoration: none; outline:none; color: #ff1421; }

img{ max-width: 100%; }

p { padding:0.3571rem 0; font-size: 1rem; color: #666; }

.clear { clear:both; }

a:focus{ outline: none; }

input:focus{ outline: none; }

button:focus{ outline: none; }

body{ margin:0; padding:0; font-size:0.875rem; color:#000000; background:#ffffff; font-family: 'Montserrat', sans-serif; }

.var-row{ align-items: center; }



.main-header{ padding: 1rem 0rem; }

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

.header-right ul{ display: flex; justify-content: flex-end; align-items: center; }

.header-right ul li{ color: #000; font-size: 0.9375rem; font-weight: 600; }

.header-right ul li a{ color: #000; display: inline-block; }

.header-right ul li a:hover{ color: #ff4851; }

.header-right ul li.login a{ padding-right: 0.7143rem;  }

.header-right ul li.register a{ padding-left: 0.7143rem; border-left: #000 solid 1PX;}



.main-header .navbar{ padding: 0rem; margin: 0rem;}

.main-header .logo-sec{ margin-right: 2.143rem; }

.menubar{}

.menubar ul{}

.menubar ul li{ margin-right: 1.5rem; }

.menubar ul li a{ color: #000; font-size: 0.9375rem; font-weight: 600; padding: 0px; }

.menubar ul li a:hover{ color: #ff4851; background-color: transparent; }

.menubar ul li.current-menu-item a{ color: #ff4851; }





.slide-blog-box{ position: relative; }

.slide-blog-box .blog-thumb{}

.slide-blog-box .blog-thumb img{ height: 550px; object-fit: cover; }

.slide-blog-box .slider-layer{ position: absolute;  width: 100%; bottom: 0; background-color: rgba(0, 0, 0, .7); padding: 15px; z-index: 99; }

.slide-blog-box .blog-title{}

.slide-blog-box .blog-title a{ color: #fff; font-size: 1.5rem; line-height: 26px;  font-weight: 700; }

.slide-blog-box .blog-info{ display: flex; align-items: center; padding-top: 0.7143rem; }

.slide-blog-box .blog-info span{ display: inline-block; color: #7d7e7d; font-size: 0.8571rem; margin-right: 1rem; font-weight: 600; }



.home-banner{ position: relative; }

.home-banner .owl-dots{ display: none; }

.home-banner .owl-nav{}

.home-banner .owl-nav button{ position: absolute; background-color: rgba(255, 20, 33, .5) !important; margin: 0rem !important; width: 50px; height: 50px; color: #fff !important; border-radius: 0px !important;} 

.home-banner .owl-nav button.owl-prev{ left: 0; top: 50%; }

.home-banner .owl-nav button.owl-next{ right: 0; top: 50%; } 

.home-banner .owl-nav button span{ font-size: 2.857rem; line-height: 2.143rem; }

.home-banner .owl-nav button{}

.home-banner .owl-nav button span{ font-size: 0px; display: block; width: auto; height: 15px; }

.home-banner .owl-nav button.owl-prev span{ background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center center; }

.home-banner .owl-nav button.owl-next span{ background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: center center; }

.top-add{}

.top-add img{ max-width: 100%; }

.top-blog-list{}

.top-blog-list h2{ font-size: 1.2rem; color: #000; padding-bottom: 0.7143rem; font-weight: 700; }

.side-blog-list .blog-thumb{}

.side-blog-list .blog-thumb img{ height: 120px; width: 100%; object-fit: cover; }

.side-blog-list .blog-title{ font-size: 0.875rem; color: #000; padding: 0.7143rem 0rem; }

.side-blog-list .blog-title a{ display: inline-block; font-size: 0.8125rem; color: #000; line-height: 0.8125rem;

	display: block;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

 }

.side-blog-list .blog-info{ padding-top: 0rem; }

.side-blog-list .blog-info span{ font-size:  0.6429rem; margin-right: 0.7143rem;}

.side-blog-list .slide-blog-box{ margin-bottom: 15px; }



.other-section{ padding: 2.857rem 0rem 0rem 0rem; }

.other-news-wrap{}

.other-news-wrap h2{ color: #000; padding-bottom: 1rem; font-size: 1.5rem; font-weight: 700; }



.other-blog-box{ margin-bottom: 1.286rem; background-color: #f7f7f7; }

.other-blog-box .media{ align-items: center; }

.other-blog-box .media .media-left{ width: 200px }

.other-blog-box .media .media-left img{ max-width: 175px; }

.other-blog-box .media .blog-info{ padding-top: 0.7143rem; border-top:#c4c4c4 solid 1px; margin-top:  0.7143rem;  }

.other-blog-box .media .blog-title{ font-size: 1.143rem; font-weight: 700; padding-bottom: 0.5714rem; line-height: 1.429rem; }

.other-blog-box .media .blog-title a{ color: #000; } 

.other-blog-box .media .blog-des{ font-size:  0.7857rem; font-weight: 500; }

.other-blog-box .blog-info{}

.other-blog-box .blog-info span{  display: inline-block; color: #7d7e7d; font-size: 0.7143rem; margin-right: 0.5714rem; font-weight: 600; }







.footer-top{ background-color: #000000; padding: 50px 0px; }

.f_section{}

.f_section h2{ font-size: 20px; font-weight: 500; color: #fff; padding-bottom: 20px; }

.f_section ul{}

.f_section ul li{ margin-bottom: 10px; }

.f_section ul li a{ font-size: 15px; color: #9d9d9d; font-weight: 500; padding: 0px; }

.f_section ul li a:hover{ color: #ff4851; background-color: transparent; }

.f-menu{ column-count: 2; }

.f-social{ padding-top: 20px; }

.f-social a{ display: inline-block; color: #656565; margin-right: 15px; font-size: 25px; }

.f-social a:hover{ color: #ff4851; }

.f-news-wrap .other-blog-box{ background-color: transparent; margin-bottom: 15px; }

.f-news-wrap .other-blog-box .media-left{ width: 130px; }

.f-news-wrap .other-blog-box .media-left img{ width: 120px; height: 70px; object-fit: cover; }

.f-news-wrap .other-blog-box .blog-title{ line-height: 18px;  }

.f-news-wrap .other-blog-box .blog-title a{ font-size: 0.8rem; line-height: 18px; color: #9d9d9d;

	display: block;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

 }

 .f-news-wrap .other-blog-box .media{ align-items: inherit; }

 .f-news-wrap .other-blog-box .blog-title a:hover{ color: #ff4851; }

 .f-news-wrap .other-blog-box .blog-info{ margin-top: 0px; padding-top: 5px; border-top: none; }

.f-news-wrap .other-blog-box .blog-info span{ margin: 0px; padding: 0px 5px; border-right:#9d9d9d solid 1px;  line-height: 12px; }

.f-news-wrap .other-blog-box .blog-info span:last-child{ border-right: 0px; }


.no-post{
    background-color: #f7f7f7;  padding: 10px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
-moz-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
}
.no-post p{ text-align: left; color: #333; font-size: 0.9rem; font-weight: 500; }



.donate-btn{ padding-top: 20px; }

.donate-btn a{ display: inline-block; background-color: #ff1421; border: #ff1421 solid 2px; padding: 10px 30px; font-size: 1rem; letter-spacing: 1px; font-weight: 600; color: #fff; }

.donate-btn a:hover{ color: #ff1421; background-color: #fff; }



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

.donation-wrap h2{ font-size: 1.5rem; font-weight: 700; color: #000; padding-bottom: 20px; }

.donation-txt{ text-align: center; padding-top: 20px; }

.donation-txt p{ font-weight: 500; font-size: 1rem; }



.twitter-wrap{ height: 250px; overflow: auto; }



body::-webkit-scrollbar {

  width: 1em;

}

 

body::-webkit-scrollbar-track {

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}

 

body::-webkit-scrollbar-thumb {

  background-color: darkgrey;

  outline: 1px solid slategrey;

}



.footer-bottom{ background-color: #333333; padding:10px 0px; }

.footer-bottom .copyright-txt{ font-size: 13px; color: #ffffff; }

.footer-bottom .copyright-txt a{ color: #fff; }

.copyright-txt span{ color: #23be3d; }



.single-blog-post{ margin-bottom: 30px; background-color: #f7f7f7; 

	-webkit-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);

-moz-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);

box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);

}

.single-blog-post .c-blog-list-img{ }

.single-blog-post .c-blog-list-img img{ height: 250px; width: 100%; object-fit: cover; }

.single-blog-post .c-blog-list-c{ padding: 10px; }

.single-blog-post .c-blog-list-c h3{ font-size: 1.143rem; font-weight: 700; padding-bottom: 0.5714rem; line-height: 1.429rem; }

.single-blog-post .c-blog-list-c h3 a{ color: #000;

	display: block;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

 }

 .single-blog-post .c-blog-list-c h3 a:hover{ color: #ff4851; }

.single-blog-post .c-blog-list-c .text p{ font-size: 0.8rem; font-weight: 500; color: #333; }

.single-blog-post .c-blog-list-c .blog-info{ display: flex; align-items: center; padding-top: 0.7143rem; }

.single-blog-post .c-blog-list-c .blog-info span{ display: inline-block; color: #7d7e7d; font-size: 0.75rem; margin-right: 10px; font-weight: 500; }





.single-blog-wrap{}

.single-blog-wrap h3{ color: #333; font-size: 1.3rem; line-height: 26px; font-weight: 700; padding-bottom: 1rem; }

.single-blog-wrap .content-img{ margin-bottom: 1rem; }

.single-blog-wrap .content-img img{ width: 100%; height: 350px; object-fit: cover; }

.single-blog-wrap p{ font-size: 0.85rem; line-height: 1.5rem; font-weight: 500; color: #333; margin-bottom: 2rem; padding: 0rem; }

.single-blog-wrap .blog-info{ padding-bottom: 10px; }

.single-blog-wrap .blog-info span{ display: inline-block; color: #7d7e7d;  font-size: 0.9rem; margin-right: 0.5714rem; font-weight: 600; }


.single-blog-wrap .blog-info{ display: flex; justify-content: space-between; align-items: center; }

.vote-box{}
.vote-box a{ display: block; background-color: #ff1422; border:#ff1422 solid 2px; color: #fff; padding: 5px 10px; line-height: 15px; font-weight: 600; width: 75px;
    text-align: center; }
.vote-box a:hover{ background-color: #fff; color: #ff1422; }





.comments-area {

    padding: 20px;

    background: #f7f7f7;

    margin-top: 20px;

    border: #ddd solid 1px;

}

.single-post .comments-area h2 {

     font-size: 18px;

     font-weight: bold;

     color: #000;

     margin-bottom: 15px;

 }

 

 .comments-area .comment-respond .comment-form input[type="text"],

 .comments-area .comment-respond .comment-form input[type="email"],

 .comments-area .comment-respond .comment-form input[type="url"],

 .comments-area .comment-respond .comment-form textarea {

     display: block;

     border: 2px solid #d1d1d1;

     height: 50px;

     line-height: 50px;

     width: 100%;

     padding: 0 10px;

 }

.comment-respond form.comment-form .comment-form-cookies-consent label{ display: inline; font-size: 14px; font-weight: 600; }
 

 .comments-area .comment-respond .comment-form textarea {

     height: 80px;

 }



 body.single-post .comments-area .comment-form-comment textarea {

     margin-bottom: 10px !important;

 }

 

 body.single-post .comment-form-cookies-consent input[type="checkbox"] {

     margin-right: 10px;

 }

 

 body.single-post .comments-area input[id="submit"] {

     background: #ff1422;

     padding: 14px 30px;

     transition: 0.5s;

     position: relative;

     line-height: 100%;

     border-radius: 0px;

     color: #fff;

     display: inline-block;

     border: none;

 }

 

 body.single-post .comments-area input[id="submit"]:hover,

 body.single-post .comments-area input[id="submit"]:focus {

     background: #333;

     color: #fff;

     outline: none;

 }

 .navigation.post-navigation{ display: none; }


 .comments-area .comment-form label .required{ color: #f00; }







 .blog-sidebar{}

 .blog-sidebar h2.widget-title{ background: #ff1422; color: #fff; padding: 10px 15px; font-weight: 700; font-size: 1.2rem; line-height: 1.5rem; }

 .blog-sidebar ul{ background-color: #f7f7f7; 

 	-webkit-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);

-moz-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);

box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);

 }

 .blog-sidebar ul li{}

 .blog-sidebar ul li a{ display: block; padding: 10px 10px; border-bottom: #eaeaea solid 1px; color: #333; font-size: 1rem; font-weight: 600; }

 .blog-sidebar ul li.current-cat a{ color: #ff1422; }

 .blog-sidebar ul li:last-child a{ border-bottom: none; }

 .blog-sidebar ul li a:hover{ color: #ff1422; }

 .blog-sidebar .recent_post{}

 .blog-sidebar .recent_post .media{ margin: 15px 0px 0px 0px; align-items: center;
    background-color: #f7f7f7; 
    -webkit-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
-moz-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
  }

 .blog-sidebar .recent_post .media .media-left{ width: 165px; }

 .blog-sidebar .recent_post .media .media-left img{ width: 150px; height: 100px; object-fit: cover; }

 .blog-sidebar .recent_post .media .media-body{}

 .blog-sidebar .recent_post .media .media-body h3{ font-size: 0.8rem; line-height: 1rem; padding-bottom: 1rem; }

 .blog-sidebar .recent_post .media .media-body h3 a{ color: #333; display: block; font-weight: 700;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; 
}

.blog-sidebar .recent_post .media .media-body span{ display: inline-block; color: #7d7e7d; font-size: 0.7143rem; margin-right: 10px; font-weight: 600; }



.contact-bottom{ background-color: #f7f7f7; padding: 30px 0px; border-top: #ddd solid 1px; margin-top: 50px; }

.contact-address h2 { font-size: 2rem; color: #333; padding-bottom: 20px; font-weight: 700; padding-left: 0px;}

.contact-address ul li {color: #333; font-size: 1rem; font-weight: 600; margin-top: 15px; position: relative; padding-left: 2rem;}

.contact-address ul li span { position: absolute; top: 0; left: 0;}

.contact-address ul li a { display: inline-block; color: #333; font-size: 1rem; font-weight: 600;}



.contact-map{}

.contact-map iframe{ width: 100%; height: 300px; }



.frm-wrap{ background-color: #ff1422; padding: 30px; }

.frm-wrap h2{ color: #fff; padding: 0px 0px 15px 0px; font-weight: 700; font-size: 1.8rem; line-height: 1.5rem; }

.frm-wrap h3{ color: #fff; padding: 0px 0px 15px 0px; font-weight: 700; font-size: 1.8rem; line-height: 1.5rem; }

.frm-wrap .form-control{ height: 40px; border-radius: 0px; font-weight: 500; font-size: 0.8rem;}

.frm-wrap label{ color: #fff; font-weight: 500; font-size: 0.8rem;}

.frm-wrap textarea.form-control{ height: 120px; resize: none; font-weight: 500; font-size: 1rem; }

.frm-wrap input[type="submit"]{ background-color: #fff; border: #fff solid 2px; border-radius:0px; color: #76110c; font-weight: 600; font-size: 1.2rem; padding: 10px 30px;  }

.frm-wrap input[type="submit"]:hover{ color: #fff; background-color: transparent; }

.btn-primary:not(:disabled):not(.disabled):active{ background-color: transparent; border-top: #fff; }

.frm-wrap .has-error .help-block{ color: #fff; }



.frm-wrap button[type="submit"]{ background-color: #fff; border: #fff solid 2px; border-radius:0px; color: #76110c; font-weight: 600; font-size: 1rem; line-height: 1.2rem; padding: 10px 20px; }

.frm-wrap button[type="submit"]:hover{ color: #fff; background-color: transparent; }

.frm-wrap button[type="submit"]:focus{ color: #fff; background-color: transparent; box-shadow: none; }



.frm-wrap button[type="button"]{ background-color: #fff; border: #fff solid 2px; border-radius:0px; color: #76110c; font-weight: 600; font-size: 1rem; line-height: 1.2rem; padding: 10px 20px;  }

.frm-wrap button[type="button"]:hover{ color: #fff; background-color: transparent; }

.frm-wrap button[type="button"]:focus{ color: #fff; background-color: transparent; box-shadow: none; }

.profile-wrap .tab-content{ background-color: #ff1422; padding: 15px; }

.profile-wrap .tab-content form label{ color: #fff; font-weight: 500; font-size: 0.8rem; }

.profile-wrap .tab-content form .form-control{ height: 40px; border-radius: 0px; font-weight: 500; font-size: 0.8rem }

.profile-wrap .tab-content form button[type="submit"]{ background-color: #fff; border: #fff solid 2px; border-radius:0px; color: #76110c; font-weight: 600; font-size: 1rem; line-height: 1.2rem; padding: 10px 20px; }

.profile-wrap .tab-content form button[type="submit"]:hover{ color: #fff; background-color: transparent; }

.profile-wrap .tab-content form button[type="submit"]:focus{ color: #fff; background-color: transparent; box-shadow: none; }

.profile-wrap ul.nav-tabs{}

.profile-wrap ul.nav-tabs li{ border-radius: 0px; }

.profile-wrap ul.nav-tabs li a{ background-color: #ccc; color: #333; font-size: 1.2rem; font-weight: 500; border: none; border-radius: 0px; }

.profile-wrap ul.nav-tabs li a:hover{ background-color: #ff1422; color: #fff; font-size: 1.2rem; font-weight: 500; border: none; border-radius: 0px; }

.profile-wrap ul.nav-tabs li a.active{ background-color: #ff1422; color: #fff; font-size: 1.2rem; font-weight: 500; border: none; border-radius: 0px; }

.captcha-image .cf7ic_instructions span{ color: #fff !important; }



.frm-wrap .col-xs-8.col-md-10 {

    flex: 0 0 100%;

    max-width: 100%;

    padding: 0;

}



.d_half {

    flex: 0 0 50%;

    max-width: 50%;

}

.form-img{ background-color: #f7f7f7; height: 100%; position: relative; }

.d_half .frm-wrap{ height: 100%;  display: flex; align-items: center;}

.form-img{}

.form-img img{ width: 100%; height: 100%; object-fit: cover; }



.bottom-txt{ padding-top: 50px; }

.bottom-txt h4{ color: #fff; font-size: 1rem; font-weight: 600; }

.bottom-txt h4 a{ color: #fff; text-decoration: underline;}





.video-box{}

.video-box .video-box-bottom{ background-color: #f7f7f7; padding: 0px 15px;

    -webkit-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);

-moz-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);

box-shadow: 0px 3px 10px 0px rgba(221,221,221,1); }

.video-box .title-layer{ font-size: 1.2rem; line-height: 1.2rem; color: #000; padding: 10px 0px; font-weight: 700;}

.video-box .title-layer a{ color: #333; display: inline-block;

    display: block;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

 }

.video-box .video-pic{ position: relative; }

.video-box .video-pic img{ width: 100%; height: 250px; object-fit: cover; }

.video-box .video-pic .video-pic-layer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); z-index: 9; text-align: center; display: flex; align-items: center; justify-content: center; }

.video-box .video-pic .video-pic-layer img{ width: auto; height: auto; }

.video-box .blog-info span{ display: inline-block; color: #7d7e7d;  font-size: 0.9rem; margin-right: 0.5714rem;  font-weight: 600; }



.video-box .video-sec{}

.video-box .video-sec iframe{ width: 100%; }

.des-layer{ font-size: 0.8rem; font-weight: 500; line-height: 1.2rem; color: #000; }



.video-sidebar .other-blog-box{ background-color: transparent; }

.video-sidebar .other-blog-box .media .blog-title{ font-size: 0.8rem; line-height: 1rem; padding-bottom: 1rem;}

.video-sidebar .other-blog-box .media .blog-title a{

    display: block;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

}



.video-sidebar .other-blog-box .media .blog-info{ margin-top: 0px; padding-top: 0.2rem; }



.video-sidebar .other-blog-box .media .media-left{ width: 165px; }

.video-sidebar .other-blog-box .media .media-left iframe{ width: 150px; height: 100px; object-fit: cover; }

.video-sidebar .other-blog-box .blog-info span{ margin-right: 10px; }



.video-sidebar.other-news-wrap h2{ font-size: 1.5rem; }

.u_pro img{ border: #ddd solid 1px; } 

.u_pro{ font-weight: 600; color: #000;word-break: break-all; }

.u_pro a{ font-weight: 600;}


.bottom-video-box{ margin-top: 30px;
    background-color: #f7f7f7; 
    -webkit-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
-moz-box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
box-shadow: 0px 3px 10px 0px rgba(221,221,221,1);
 }
.bottom-video-box .blog-thumb{}
.bottom-video-box .blog-thumb iframe{ width: 100%; max-width: 100%; height: 250px; object-fit: cover; }
.bottom-video-box .blog-title{ padding: 10px;}
.bottom-video-box .blog-title a{ display: inline-block; color: #333; font-size: 1rem; line-height: 1.2rem; font-weight: 700; }
.bottom-video-box .blog-info{padding: 0px 10px 10px 10px;}
.bottom-video-box .blog-info span{ display: inline-block; color: #7d7e7d; font-size: 0.8571rem; margin-right: 1rem; font-weight: 600; }


/* -------------- Inner Banner -------------- */







.innerBanner{ position: relative; }



.innerBanner img{ width: 100%; max-width: 100%; max-height: 350px; object-fit: cover; } 



.innerBanner .title_breadcrumb{ position: relative; border-bottom: #ddd solid 1px; background-color: #f5f5f5; }



.innerBanner .title_breadcrumb-inner{ width: 100%; }



.innerBanner .title_breadcrumb-inner span{  }



.innerBanner .title_breadcrumb-inner h1{ font-size: 25px; color: #000; font-weight: 600;  }



.breadcrumb_bottom{ padding: 15px 0px;}



.breadcrumb_bottom ul{ text-align: left; }



.breadcrumb_bottom ul li{ display: inline-block; color: #000; margin: 0px 5px;  font-weight: 600; }



.breadcrumb_bottom ul li strong{ font-weight: 700; }



.breadcrumb_bottom ul li a{ display: inline-block; color: #e31e24; }



.inner-cont{ padding: 50px 0px; }



.inner-page.shop{ background-color: #fff; }



/* ===================================

    Header & Navigation

====================================== */





.header-appear{

    /*height: 70px;*/

    position: fixed;

    top: 0;

    padding: 10px 0px;

    z-index: 999;

    width: 100%;

    background-color: #fff;

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}







header {

    width: 100%;

    z-index: 99;

}







/*header top bar*/



.top-header-area{

    position: absolute;

    top: 0;

    z-index: 99;

    width: 100%;

    display: block;

    height: 45px;

    line-height: 45px;

    font-size: 14px;

	

}





.top-header-area ~ .navbar-top-default{

    background-color: #000;

    top: 45px;

    height: 65px;

}



.header-appear .top-header-area{

    display: none;

}



.header-appear .top-header-area ~ .navbar-top-default{

    top: 0;

}



/* nav top default */



.navbar-top-default{

    position: absolute;

    top: 0;

    z-index: 99;

    overflow: hidden;

    /*height: 90px;*/

    width: 100%;

	background-color: var(--color-black);

    -webkit-transition: all .1s ease;

    -moz-transition: all .1s ease;

    -ms-transition: all .1s ease;

    -o-transition: all .1s ease;

    transition: all .1s ease;

}







.header-appear .navbar-top-default {

    /*height: 70px;*/

    position: fixed;

    z-index: 999;

    background-color: var(--color-black);

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}







/* animation */



@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@-o-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}

@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}
.logo-phone .navbar-brand{display: none !important;}

.comment-form-comment label {  position: relative;}
.comment-form-comment label:after { content: '*'; position: absolute; color: #f00;}

#wpmpRegisterForm label{ position: relative; }
#wpmpRegisterForm label:after { content: '*'; position: absolute; color: #fff;}


.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {
    border: 2px solid #fff !important;
}


.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{ color: #fff; }

.profile-wrap .tab-content #home{ opacity: 1 !important; }

.pld-like-dislike-wrap{ margin-bottom: 0px; }


.pld-like-wrap a{ color: #22bf3c !important; }

.pld-dislike-wrap a{ color: #ff1423 !important; }

.pld-like-dislike-wrap .pld-common-wrap{ margin-right: 5px; }

.pld-common-wrap{ min-width: 30px; }

.pld-like-dislike-wrap .pld-common-wrap span{ margin-right: 5px; }

.pld-like-dislike-wrap{ display: none; }
span.like-dislike .pld-like-dislike-wrap{ display: block; }

/******25.11.2020****/
.profile-img {
    background: #333;
    padding: 20px 0;
    margin-right: 25px;
}
.profile-img img {
    text-align: center;
    margin: 0 auto;
    width: 100px !important;
    height:100px !important;
    object-fit: cover;
}
.dashboard-menu ul{ padding-top:20px; }
.dashboard-menu ul li {
    text-align: left;
    line-height: 2px;
    border-bottom: 1px solid #292929;
    color: #fff;
    
}
.dashboard-menu ul li:hover {
    background: #ff1421;
    color: #fff;
}
.dashboard-menu ul li:last-child{ border-bottom: none; }
.dash-menu ul li a{ padding: 15px; font-weight: 500; font-size: 14px; color: #fff; display: block;}
.dashboard-menu ul li span {
    padding-right: 10px;
    font-size: 15px;
    color: #fff;
}
.dash-list{
    box-shadow: 2px -1px 10px -2px rgba(146,142,142,0.75);
    -webkit-box-shadow: 2px -1px 10px -2px rgba(146,142,142,0.75);
    -moz-box-shadow: 2px -1px 10px -2px rgba(146,142,142,0.75);
    background: #fff;
    padding: 20px;
     max-height: 300px;
    overflow-x: hidden;
}
.dash-list h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.dash-list .like-wrapper {
    padding-top: 15px;
}
.dash-list .like-wrapper ul li a{
    color: #000 !important;
}
.like-wrapper ul{ padding-left: 17px; }
.like-wrapper ul li{ list-style: circle; padding: 10px 0; font-weight:500;}
.dash-list h3 span {
    border-radius: 50px;
    display: inline-block;
    padding: 0 7px;
    line-height: 22px;
    margin-left:8px;
    color: #000;
    width: auto;
    background: #ddd;
    font-weight: 500;
}
.dash-list i {
    color: #595a5a;
    padding: 0px 5px;
}


span.like-dislike{}
.vote-box{ display: flex; }
.vote-box a{  background-color: transparent; border: none; color: #666; padding: 0px; width: auto; margin-right: 10px; }
.vote-box a i{ margin-right: 5px; }

.vote-box a.c-like:hover{ color: #22bf3c !important; }
.vote-box a.c-dislike:hover{ color: #ff1522 !important; }
.vote-box a.like-active-red{ position: relative; top: 5px; }
.vote-box a.like-active-green{ color: #22bf3c !important; position: relative; top: 5px; }
.vote-box a.like-active-red{ color: #ff1522 !important; }
.vote-box a.c-like.add_vote{ position: relative; top: 5px; }
.vote-box .c-dislike.add_vote{ position: relative; top: 5px; }


.vote-box a.like-active-red i{ font-size: 0; height: 16px; width: 40px; position: relative; top: -10px;
    background-image: url(../images/dislike-pic.png); background-repeat: no-repeat; background-size: 40px;  }

.vote-box a.like-active-green i{ font-size: 0; height: 16px; width: 40px; position: relative; top: -14px;
    background-image: url(../images/like-pic.png); background-repeat: no-repeat; background-size: 40px;  }

.vote-box a.c-like.add_vote i{ font-size: 0; height: 16px; width: 40px; position: relative; top: -14px;
    background-image: url(../images/like-pic.png); background-repeat: no-repeat; background-size: 40px; }

.vote-box .c-dislike.add_vote i{ font-size: 0; height: 16px; width: 40px; position: relative; top: -10px;
    background-image: url(../images/dislike-pic.png); background-repeat: no-repeat; background-size: 40px; }

.other-blog-box .blog-info span.like-dislike .vote-box a.c-like.add_vote, 
.other-blog-box .blog-info span.like-dislike .vote-box a.c-dislike.add_vote,
.bottom-video-box .blog-info span.like-dislike .vote-box a.c-like.add_vote,
.bottom-video-box .blog-info span.like-dislike .vote-box a.c-dislike.add_vote,
.single-blog-wrap .blog-info span.like-dislike .vote-box a.c-like.add_vote,
.single-blog-wrap .blog-info span.like-dislike .vote-box a.c-dislike.add_vote,
.recent_post .blog-info span.like-dislike .vote-box a.c-like.add_vote,
.recent_post .blog-info span.like-dislike .vote-box a.c-dislike.add_vote{
    top: 0;
}


.dash-list.like h3 i{ color: #23be3e;}
.dash-list.dislike h3 i{ color: #fe1226;}


.twitter-tweet.twitter-tweet-rendered iframe{ height: 440px; }