/*-----------------------------------
** ELAPH ARABIC V4.1 DEC.2024 BY ELAPH TEAM **
-----------------------------------*/

@import url("fonts.css");

html {direction: rtl;}
body {font-family:"Yakout W20 Bold";}
h1, h2, h3, h4, h5, h6 {font-family:"HelveticaNeueLTW20-Bold"; font-weight:800 !important;}
.header__menu ul li a {font-family:"HelveticaNeueLTW20-Bold";}
.post__small-text h4.title-16 {font-size: 17px;}
@media only screen and (min-width: 1200px) and (max-width: 1500px) { .container { max-width: 1100px; } } 
@media only screen and (min-width: 1500px) { .container { max-width: 1100px; } }
body { background:#efefef; font-family:"Yakout W20 Bold"; font-weight: normal; font-style: normal; color: #666666; text-align: right;}

.img, img { max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.f-left { float: left; }

.f-right { float: right; }
.fix { overflow: hidden; }

a,
.button { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

button { cursor: pointer; }

a:focus,
.button:focus { text-decoration: none; outline: none; }

a:focus,
a:hover { color: inherit; text-decoration: none; }

a,
button { color: inherit; outline: medium none; }

button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; }

.uppercase { text-transform: uppercase; }

.capitalize { text-transform: capitalize; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; color: #212428; margin-top: 0px; font-style: normal; text-transform: normal; line-height: 1.4; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit; }

h1 { font-size: 40px; font-weight: 500; }

h2 { font-size: 35px; }

h3 { font-size: 28px; }

h4 { font-size: 22px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

ul { margin: 0px; padding: 0px; }

li { list-style: none; }

p { font-size: 14px; font-weight: normal; line-height: 26px; color: #000; margin-bottom: 15px; }

hr { border-bottom: 1px solid #eceff8; border-top: 0 none; margin: 30px 0; padding: 0; }

label { color: #7e7e7e; cursor: pointer; font-size: 14px; font-weight: 400; }

*::-moz-selection { background: #1c1c21; color: #ffffff; text-shadow: none; }

::-moz-selection { background: #1c1c21; color: #ffffff; text-shadow: none; }

::selection { background: #1c1c21; color: #ffffff; text-shadow: none; }

/*--
- Input Placeholder
-----------------------------------------*/
*::-moz-placeholder { color: #1c1c21; font-size: 14px; opacity: 1; }

*::placeholder { color: #1c1c21; font-size: 14px; opacity: 1; }

.fix { overflow: hidden; }

.clear { clear: both; }

.pos-relative { position: relative; }

.banner970 {padding: .5rem;background: #eee;}
.banner160 {position: absolute;left: 0; margin-top: 1.56em;}
.grey-bg { background: #01507f; }

.white-bg { background: #ffffff; }

.black-bg { background: #1c1c21; }

.theme-bg { background: #df0001; }

.header-menu-bg { background: #cc2121; }

.header-top-bg { background: #dd3333; }

.black-color { color: #1c1c21; }

.theme-color { color: #df0001; }

article p {font-size: 20px; color:#000; line-height: inherit;}

.row-10 { margin-left: -10px; margin-right: -10px; }
.row-10 > [class*="col"] { padding-left: 10px; padding-right: 10px; }

.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px; }

.mt-25 { margin-top: 25px; }

.mt-30 { margin-top: 30px; }

.mt-35 { margin-top: 35px; }

.mt-40 { margin-top: 40px; }

.mt-45 { margin-top: 45px; }

.mt-50 { margin-top: 50px; }

.mt-55 { margin-top: 55px; }

.mt-60 { margin-top: 60px; }

.mt-65 { margin-top: 65px; }

.mt-70 { margin-top: 70px; }

.mt-75 { margin-top: 75px; }

.mt-80 { margin-top: 80px; }

.mt-85 { margin-top: 85px; }

.mt-90 { margin-top: 90px; }

.mt-95 { margin-top: 95px; }

.mt-100 { margin-top: 100px; }

.mt-105 { margin-top: 105px; }

.mt-110 { margin-top: 110px; }

.mt-115 { margin-top: 115px; }

.mt-120 { margin-top: 120px; }

.mt-125 { margin-top: 125px; }

.mt-130 { margin-top: 130px; }

.mt-135 { margin-top: 135px; }

.mt-140 { margin-top: 140px; }

.mt-145 { margin-top: 145px; }

.mt-150 { margin-top: 150px; }

.mt-155 { margin-top: 155px; }

.mt-160 { margin-top: 160px; }

.mt-165 { margin-top: 165px; }

.mt-170 { margin-top: 170px; }

.mt-175 { margin-top: 175px; }

.mt-180 { margin-top: 180px; }

.mt-185 { margin-top: 185px; }

.mt-190 { margin-top: 190px; }

.mt-195 { margin-top: 195px; }

.mt-200 { margin-top: 200px; }

.mt-17 { margin-top: 17px; }

/*-- Margin Bottom --*/
.mb-5 { margin-bottom: 5px; }

.mb-10 { margin-bottom: 10px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-25 { margin-bottom: 25px; }

.mb-30 { margin-bottom: 30px; }

.mb-35 { margin-bottom: 35px; }

.mb-40 { margin-bottom: 40px; }

.mb-45 { margin-bottom: 45px; }

.mb-50 { margin-bottom: 50px; }

.mb-55 { margin-bottom: 55px; }

.mb-60 { margin-bottom: 60px; }

.mb-65 { margin-bottom: 65px; }

.mb-70 { margin-bottom: 70px; }

.mb-75 { margin-bottom: 75px; }

.mb-80 { margin-bottom: 80px; }

.mb-85 { margin-bottom: 85px; }

.mb-90 { margin-bottom: 90px; }

.mb-95 { margin-bottom: 95px; }

.mb-100 { margin-bottom: 100px; }

.mb-105 { margin-bottom: 105px; }

.mb-110 { margin-bottom: 110px; }

.mb-115 { margin-bottom: 115px; }

.mb-120 { margin-bottom: 120px; }

.mb-125 { margin-bottom: 125px; }

.mb-130 { margin-bottom: 130px; }

.mb-135 { margin-bottom: 135px; }

.mb-140 { margin-bottom: 140px; }

.mb-145 { margin-bottom: 145px; }

.mb-150 { margin-bottom: 150px; }

.mb-155 { margin-bottom: 155px; }

.mb-160 { margin-bottom: 160px; }

.mb-165 { margin-bottom: 165px; }

.mb-170 { margin-bottom: 170px; }

.mb-175 { margin-bottom: 175px; }

.mb-180 { margin-bottom: 180px; }

.mb-185 { margin-bottom: 185px; }

.mb-190 { margin-bottom: 190px; }

.mb-195 { margin-bottom: 195px; }

.mb-200 { margin-bottom: 200px; }

/*-- Margin Left --*/
.ml-5 { margin-left: 5px; }

.ml-10 { margin-left: 10px; }

.ml-15 { margin-left: 15px; }

.ml-20 { margin-left: 20px; }

.ml-25 { margin-left: 25px; }

.ml-30 { margin-left: 30px; }

.ml-35 { margin-left: 35px; }

.ml-40 { margin-left: 40px; }

.ml-45 { margin-left: 45px; }

.ml-50 { margin-left: 50px; }

.ml-55 { margin-left: 55px; }

.ml-60 { margin-left: 60px; }

.ml-65 { margin-left: 65px; }

.ml-70 { margin-left: 70px; }

.ml-75 { margin-left: 75px; }

.ml-80 { margin-left: 80px; }

.ml-85 { margin-left: 85px; }

.ml-90 { margin-left: 90px; }

.ml-95 { margin-left: 95px; }

.ml-100 { margin-left: 100px; }

.ml-105 { margin-left: 105px; }

.ml-110 { margin-left: 110px; }

.ml-115 { margin-left: 115px; }

.ml-120 { margin-left: 120px; }

.ml-125 { margin-left: 125px; }

.ml-130 { margin-left: 130px; }

.ml-135 { margin-left: 135px; }

.ml-140 { margin-left: 140px; }

.ml-145 { margin-left: 145px; }

.ml-150 { margin-left: 150px; }

.ml-155 { margin-left: 155px; }

.ml-160 { margin-left: 160px; }

.ml-165 { margin-left: 165px; }

.ml-170 { margin-left: 170px; }

.ml-175 { margin-left: 175px; }

.ml-180 { margin-left: 180px; }

.ml-185 { margin-left: 185px; }

.ml-190 { margin-left: 190px; }

.ml-195 { margin-left: 195px; }

.ml-200 { margin-left: 200px; }

/*-- Margin Right --*/
.mr-5 { margin-right: 5px; }

.mr-10 { margin-right: 10px; }

.mr-15 { margin-right: 15px; }

.mr-20 { margin-right: 20px; }

.mr-25 { margin-right: 25px; }

.mr-30 { margin-right: 30px; }

.mr-35 { margin-right: 35px; }

.mr-40 { margin-right: 40px; }

.mr-45 { margin-right: 45px; }

.mr-50 { margin-right: 50px; }

.mr-55 { margin-right: 55px; }

.mr-60 { margin-right: 60px; }

.mr-65 { margin-right: 65px; }

.mr-70 { margin-right: 70px; }

.mr-75 { margin-right: 75px; }

.mr-80 { margin-right: 80px; }

.mr-85 { margin-right: 85px; }

.mr-90 { margin-right: 90px; }

.mr-95 { margin-right: 95px; }

.mr-100 { margin-right: 100px; }

.mr-105 { margin-right: 105px; }

.mr-110 { margin-right: 110px; }

.mr-115 { margin-right: 115px; }

.mr-120 { margin-right: 120px; }

.mr-125 { margin-right: 125px; }

.mr-130 { margin-right: 130px; }

.mr-135 { margin-right: 135px; }

.mr-140 { margin-right: 140px; }

.mr-145 { margin-right: 145px; }

.mr-150 { margin-right: 150px; }

.mr-155 { margin-right: 155px; }

.mr-160 { margin-right: 160px; }

.mr-165 { margin-right: 165px; }

.mr-170 { margin-right: 170px; }

.mr-175 { margin-right: 175px; }

.mr-180 { margin-right: 180px; }

.mr-185 { margin-right: 185px; }

.mr-190 { margin-right: 190px; }

.mr-195 { margin-right: 195px; }

.mr-200 { margin-right: 200px; }


.pt-5 { padding-top: 5px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }

.pt-35 { padding-top: 35px; }

.pt-40 { padding-top: 40px; }

.pt-45 { padding-top: 45px; }

.pt-50 { padding-top: 50px; }

.pt-55 { padding-top: 55px; }

.pt-60 { padding-top: 60px; }

.pt-65 { padding-top: 65px; }

.pt-70 { padding-top: 70px; }

.pt-75 { padding-top: 75px; }

.pt-80 { padding-top: 80px; }

.pt-85 { padding-top: 85px; }

.pt-90 { padding-top: 90px; }

.pt-95 { padding-top: 95px; }

.pt-100 { padding-top: 100px; }

.pt-105 { padding-top: 105px; }

.pt-110 { padding-top: 110px; }

.pt-115 { padding-top: 115px; }

.pt-120 { padding-top: 120px; }

.pt-125 { padding-top: 125px; }

.pt-130 { padding-top: 130px; }

.pt-135 { padding-top: 135px; }

.pt-140 { padding-top: 140px; }

.pt-145 { padding-top: 145px; }

.pt-150 { padding-top: 150px; }

.pt-155 { padding-top: 155px; }

.pt-160 { padding-top: 160px; }

.pt-165 { padding-top: 165px; }

.pt-170 { padding-top: 170px; }

.pt-175 { padding-top: 175px; }

.pt-180 { padding-top: 180px; }

.pt-185 { padding-top: 185px; }

.pt-190 { padding-top: 190px; }

.pt-195 { padding-top: 195px; }

.pt-200 { padding-top: 200px; }

.pt-300 { padding-top: 300px; }

/*-- Padding Bottom --*/
.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }

.pb-25 { padding-bottom: 25px; }

.pb-30 { padding-bottom: 30px; }

.pb-35 { padding-bottom: 35px; }

.pb-40 { padding-bottom: 40px; }

.pb-45 { padding-bottom: 45px; }

.pb-50 { padding-bottom: 50px; }

.pb-55 { padding-bottom: 55px; }

.pb-60 { padding-bottom: 60px; }

.pb-65 { padding-bottom: 65px; }

.pb-70 { padding-bottom: 70px; }

.pb-75 { padding-bottom: 75px; }

.pb-80 { padding-bottom: 80px; }

.pb-85 { padding-bottom: 85px; }

.pb-90 { padding-bottom: 90px; }

.pb-95 { padding-bottom: 95px; }

.pb-100 { padding-bottom: 100px; }

.pb-105 { padding-bottom: 105px; }

.pb-110 { padding-bottom: 110px; }

.pb-115 { padding-bottom: 115px; }

.pb-120 { padding-bottom: 120px; }

.pb-125 { padding-bottom: 125px; }

.pb-130 { padding-bottom: 130px; }

.pb-135 { padding-bottom: 135px; }

.pb-140 { padding-bottom: 140px; }

.pb-145 { padding-bottom: 145px; }

.pb-150 { padding-bottom: 150px; }

.pb-155 { padding-bottom: 155px; }

.pb-160 { padding-bottom: 160px; }

.pb-165 { padding-bottom: 165px; }

.pb-170 { padding-bottom: 170px; }

.pb-175 { padding-bottom: 175px; }

.pb-180 { padding-bottom: 180px; }

.pb-185 { padding-bottom: 185px; }

.pb-190 { padding-bottom: 190px; }

.pb-195 { padding-bottom: 195px; }

.pb-200 { padding-bottom: 200px; }

/*-- Padding Left --*/
.pl-5 { padding-left: 5px; }

.pl-10 { padding-left: 10px; }

.pl-15 { padding-left: 15px; }

.pl-20 { padding-left: 20px; }

.pl-25 { padding-left: 25px; }

.pl-30 { padding-left: 30px; }

.pl-35 { padding-left: 35px; }

.pl-40 { padding-left: 40px; }

.pl-45 { padding-left: 45px; }

.pl-50 { padding-left: 50px; }

.pl-55 { padding-left: 55px; }

.pl-60 { padding-left: 60px; }

.pl-65 { padding-left: 65px; }

.pl-70 { padding-left: 70px; }

.pl-75 { padding-left: 75px; }

.pl-80 { padding-left: 80px; }

.pl-85 { padding-left: 85px; }

.pl-90 { padding-left: 90px; }

.pl-95 { padding-left: 95px; }

.pl-100 { padding-left: 100px; }

.pl-105 { padding-left: 105px; }

.pl-110 { padding-left: 110px; }

.pl-115 { padding-left: 115px; }

.pl-120 { padding-left: 120px; }

.pl-125 { padding-left: 125px; }

.pl-130 { padding-left: 130px; }

.pl-135 { padding-left: 135px; }

.pl-140 { padding-left: 140px; }

.pl-145 { padding-left: 145px; }

.pl-150 { padding-left: 150px; }

.pl-155 { padding-left: 155px; }

.pl-160 { padding-left: 160px; }

.pl-165 { padding-left: 165px; }

.pl-170 { padding-left: 170px; }

.pl-175 { padding-left: 175px; }

.pl-180 { padding-left: 180px; }

.pl-185 { padding-left: 185px; }

.pl-190 { padding-left: 190px; }

.pl-195 { padding-left: 195px; }

.pl-200 { padding-left: 200px; }

/*-- Padding Right --*/
.pr-5 { padding-right: 5px; }

.pr-10 { padding-right: 10px; }

.pr-15 { padding-right: 15px; }

.pr-20 { padding-right: 20px; }

.pr-25 { padding-right: 25px; }

.pr-30 { padding-right: 30px; }

.pr-35 { padding-right: 35px; }

.pr-40 { padding-right: 40px; }

.pr-45 { padding-right: 45px; }

.pr-50 { padding-right: 50px; }

.pr-55 { padding-right: 55px; }

.pr-60 { padding-right: 60px; }

.pr-65 { padding-right: 65px; }

.pr-70 { padding-right: 70px; }

.pr-75 { padding-right: 75px; }

.pr-80 { padding-right: 80px; }

.pr-85 { padding-right: 85px; }

.pr-90 { padding-right: 90px; }

.pr-95 { padding-right: 95px; }

.pr-100 { padding-right: 100px; }

.pr-105 { padding-right: 105px; }

.pr-110 { padding-right: 110px; }

.pr-115 { padding-right: 115px; }

.pr-120 { padding-right: 120px; }

.pr-125 { padding-right: 125px; }

.pr-130 { padding-right: 130px; }

.pr-135 { padding-right: 135px; }

.pr-140 { padding-right: 140px; }

.pr-145 { padding-right: 145px; }

.pr-150 { padding-right: 150px; }

.pr-155 { padding-right: 155px; }

.pr-160 { padding-right: 160px; }

.pr-165 { padding-right: 165px; }

.pr-170 { padding-right: 170px; }

.pr-175 { padding-right: 175px; }

.pr-180 { padding-right: 180px; }

.pr-185 { padding-right: 185px; }

.pr-190 { padding-right: 190px; }

.pr-195 { padding-right: 195px; }

.pr-200 { padding-right: 200px; }

.img-100 { width: 100%; }

.btn { background: #01507f; padding: 15px 50px; line-height: 1; border-radius: 0; color: #ffffff !important; font-weight: 700; text-transform: uppercase; font-size: 14px; }
.btn:hover { background: #df0001; color: #ffffff; }
.btn-border { background: transparent; border: 1px solid #1c1c21; color: #1c1c21; }
.btn-border:hover { background: #1c1c21;   color: #ffffff;   border-color: #1c1c21; }
.btn-soft { border-color: #e9e9e9; padding: 14px 30px; color: #333333; background: transparent; font-weight: 600; }
.btn-soft:hover { background: #1c1c21;   color: #ffffff;   border-color: #1c1c21; }

#scrollUp { background: #1c1c21; height: 50px; width: 50px; position: absolute; right: 60px; bottom: 60px; text-align: center; color: #fff; font-size: 18px; line-height: 47px; }
#scrollUp:hover { background: #df0001; }
@media (max-width: 767px) { #scrollUp { right: 30px;   bottom: 20px; } }

.col-20 { width: 20%; }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .col-20 { width: 25%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .col-20 { width: 30%; } }
@media (max-width: 767px) { .col-20 { width: 100%; } }

.col-40 { width: 40%; }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .col-40 { width: 50%; } }
@media (max-width: 767px) { .col-40 { width: 100%; } }

.section-title h2 { font-size: 24px; font-weight: 700; text-transform: uppercase; position: relative; line-height: 1; padding-right: 3px; }
.section-title h2::before { background: #df0001; height: 100%; width: 3px; content: ""; position: absolute; top: 0; right: 0; }
.section-title h2::after { background: #333333; height: 1px; width: 99%; content: ""; position: absolute; bottom: 0; left: 0; }
.section-title h2 span{z-index: 999; position: relative;line-height: 2rem;padding-left: 1rem;padding-right: .5rem;}
.post-comments .section-title h2{ padding-right: 6px !important;}
.post-comments .section-title h2 span{ background: #ffffff !important;}
.post-comments-form .section-title h2{  padding-right: 6px !important;}
.post-comments-form .section-title h2 span{ background: #ffffff !important;}
.section-title-2 h2 { background: #df0001; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; color: #fff; padding: 10px 30px; border-radius: 2px; margin: 0; }

.gallery-active.owl-carousel .owl-nav div { background: #ffffff; height: 35px; left: 20px; line-height: 36px; opacity: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; visibility: hidden; width: 35px; }

.gallery-active.owl-carousel .owl-nav div.owl-next { left: auto; right: 20px; }

.gallery-active.owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible; }

.gallery-active.owl-carousel .owl-nav div:hover { background: #1c1c21; color: #ffffff; }

.app-text h2 { font-size: 36px; font-weight: 600; line-height: 1.1; }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .app-text h2 { margin-bottom: 20px; } }

.app-store a { margin-left: 10px; display: inline-block; }
@media (max-width: 767px) { .app-store a { margin: 0;   margin-left: 5px;   margin-right: 5px;   margin-bottom: 5px; } }

.instagram-item i { position: absolute; top: 50%; left: 0; right: 0; text-align: center; color: #ffffff; font-size: 35px; opacity: 0; z-index: 9; transition: .3s; transform: translateY(-50%); }

.instagram-item:hover i { opacity: 1; }

.instagram-item a:before { position: absolute; background: #1c1c21; content: ""; top: 0; right: 0; height: 100%; width: 100%; transition: .3s; opacity: 0; }

.instagram-item:hover a:before { opacity: .7; }

/* 13. pagination */
.pagination { display: block; margin: 0; overflow: hidden; border-radius: 0; padding-bottom: 3px; }
.pagination ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; list-style: none; padding: 0; margin: 0; }
.pagination ul li { display: inline-block;   margin-right: 2px;   margin-bottom: 10px; }
.pagination ul li a, .pagination ul li span {   float: none; }
.pagination ul li a {   background: #F7F7FD;     font-size: 14px;     color: #3b3b3b;     font-weight: 700;     display: inline-block;     padding: 9px 18px;     box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); }

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span { color: #df0001; }

.page-title-bar h1 { color: #ffffff; font-size: 40px; font-weight: 700; }
@media only screen and (min-width: 768px) and (max-width: 991px) { .page-title-bar h1 { font-size: 35px; } }
@media (max-width: 767px) { .page-title-bar h1 { font-size: 32px; } }

/* 2. Overlay */
[data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; }
[data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; }

/*-- Overlay Color --*/
[data-overlay="light"]::before { background-color: #ffffff; }

[data-overlay="dark"]::before { background-color: #1c1c21; }

[data-overlay="dark-gradient"]::before { background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.904) 100%); background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.904) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.904) 100%); }

/*-- Overlay Opacity --*/
[data-opacity="1"]::before { opacity: 0.1; }
[data-opacity="2"]::before { opacity: 0.2; }
[data-opacity="3"]::before { opacity: 0.3; }
[data-opacity="4"]::before { opacity: 0.4; }
[data-opacity="5"]::before { opacity: 0.5; }
[data-opacity="6"]::before { opacity: 0.6; }
[data-opacity="7"]::before { opacity: 0.7; }
[data-opacity="8"]::before { opacity: 0.8; }
[data-opacity="9"]::before { opacity: 0.9; }

/* 3. Header */
@media (max-width: 767px) { .header__top-menu ul { text-align: center; } }
.header__top-menu ul li { display: inline-block; margin-right: 15px; }
@media (max-width: 767px) { .header__top-menu ul li { margin-right: 7px; } }
.header__top-menu ul li a { color: #ffffff; font-size: 12px; padding: 12px 0; display: block; }
.header__top-menu ul li a:hover { color: #df0001; }
.header__social { line-height: 1; }
@media (max-width: 767px) { .header__social { margin-bottom: 15px; } }
.header__social a { color: #ffffff; font-size: 12px; margin-left: 15px; }
.header__menu ul li {display: inline-block;/*position: relative; */}
.header__menu ul li a {color: #ffffff;padding:17px 15px;line-height: 1;font-size: 15px;display: block;font-weight: 500;position: relative; }
.header__menu ul li:hover > a, .header__menu ul li.active > a { background: #df0001; }
.header__menu ul li:hover > a::before, .header__menu ul li.active > a::before { opacity: 1; }
.header__menu ul li ul.submenu { width: 100%;display: inline-flex; position: absolute; top: 110%; right: 0; opacity: 0; visibility: hidden; z-index: 99; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.header__menu ul li ul.submenu li { display: inline-flex; border-left: 1px solid #333; }
.header__menu ul li ul.submenu li:last-child { border-bottom: 0; }
.header__menu ul li ul.submenu li a { padding: 20px 15px; font-size: 15px; }
.header__menu ul li ul.submenu li a:before { display: none; }
.header__menu ul li ul.submenu li ul.submenu { left: 100%; top: 0; opacity: 0; visibility: hidden; }
.header__menu ul li ul.submenu li:hover > ul.submenu { opacity: 1; visibility: visible; }
.header__menu ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%; }


/* menu colors */
.politics ul.submenu {background:#014f7d;color:#fff;}
.business ul.submenu {background:#336957;color:#fff;}
.sports ul.submenu {background:#cf6921;color:#fff;}
.entertainment ul.submenu {background:#3c7bb5;color:#fff;}
.lifestyle ul.submenu {background:#56386a;color:#fff;}
.technology ul.submenu {background:#087f9f;color:#fff;}
.culture ul.submenu {background:#c12d45;color:#fff;}
.opinion ul.submenu {background:#006cc1;color:#fff;}
.food ul.submenu {background:#ffbf00;color:#fff;}
.health-science ul.submenu {background:#087f9f;color:#fff;}
.book-review ul.submenu {background:#7a3e4c;color:#fff;}


.header__right-icon { line-height: 1; }
@media (min-width:900px) {.header__right-icon{margin-top:17px;}}
@media (max-width:500px) {.header__right-icon{margin-top:17px;margin-bottom:17px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) { .header__right-icon.f-right { float: none; } }
@media (max-width: 767px) { .header__right-icon.f-right { float: none; } }
.header__right-icon a { color: #ffffff; font-size: 14px; margin-left: 30px; }
@media only screen and (min-width: 768px) and (max-width: 991px) { .header__right-icon a:first-child {   margin-left: 0; } }
@media (max-width: 767px) { .header__right-icon a:first-child {   margin-left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .header__menu-area { padding: 5px 0; } }
.header__menu-area {background:#ffffff;}
.menu__border { border-top: 1px solid #eee; }
.header__menu-white ul li a { color: #1c1c21; }
.header__menu-white ul li a:before { display: none; }
.header__menu-white ul li:hover > a, .header__menu-white ul li.active > a { color: #df0001; background: transparent; }
.header__menu-white ul li ul.submenu li a { color: #ffffff; }
.header__menu-white ul li ul.submenu li:hover > a, .header__menu-white ul li ul.submenu li.active > a { color: #df0001; }
.header__menu-white ul li ul.submenu li:hover > ul.submenu { opacity: 1; visibility: visible; }
.header__menu-white ul li:first-child a { padding-left: 0; }
.header__menu-black ul li a { color: #1c1c21; }
.header__menu-black ul li:hover > a, .header__menu-black ul li.active > a { background: #f6f5f5; color: #000; }
.header__menu-black ul li:hover > a::before, .header__menu-black ul li.active > a::before { opacity: 1; }
.header__menu-black ul li ul.submenu li a { color: #ffffff; background: transparent; }

.header__menu-black ul li ul.submenu li:hover > ul.submenu { opacity: 1; visibility: visible; }
.header__icon-black { line-height: 1; }
.header__icon-black a { color: #1c1c21; }
.header__icon-black a:hover { color: #df0001; }
.header-top-border { border-bottom: 1px solid #e9e9e9; }
.top-menu-black ul li a { color: #fff; }
.header-date { margin-top: 7px; }
.header-date span { font-size: 13px; }

@media (max-width: 767px) { .header-social-black.f-right { float: none; text-align: center; } }

.header-social-black a { color: #fff; }
.header-social-black a:hover { color: #df0001; }

@media (max-width: 767px) { .top-form { display: none; } }

.top-form form { position: relative; width: 190px; }
.top-form input { width: 100%; height: 42px; background: #1c1c21; border: 0; padding: 0 15px; }
.top-form input::placeholder { color: #ffffff; opacity: .6; }

.top-form button { position: absolute; top: 0; right: 0; height: 100%; width: 40px; border: 0; background: no-repeat; color: #ddd; }

/* extra info */
.extra-info { background: #222 none repeat scroll 0 0; height: 100%; padding: 30px; position: fixed; right: 0; top: 0; transition: all 0.7s ease 0s; width: 360px; z-index: 999; overflow-y: scroll; transform: translateX(100%); -webkit-transform: translateX(100%)/* apple devices */; }
@media (max-width: 767px) { .extra-info { width: 300px;   padding: 15px; } }

.extra-info.info-open { transform: translateX(0); -webkit-transform: translateX(0); }
.extra-info-left { right: inherit; left: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.extra-info.extra-info-left.info-open { transform: translateX(0); -webkit-transform: translateX(0); }
.close-icon { margin-top: -16px; text-align: right; }
.social-icon-right { border-bottom: 1px solid #444; padding-bottom: 20px; margin-bottom: 30px; }
.close-icon > button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #ddd; cursor: pointer; font-size: 20px; padding: 0; }
.social-icon-right > a { color: #999; display: inline-block; margin-right: 12px; }
.social-icon-right > a:hover { color: #df0001; }
.side-menu { border-bottom: 1px solid #444; padding-bottom: 12px; }
.side-menu ul li { margin-bottom: 15px; }
.side-menu ul li a { color: #ddd; font-size: 14px; }
.side-menu ul li:hover a { color: #df0001; }
#search-modal { background-color: rgba(23, 26, 33, 0.95); }
#search-modal .modal-dialog { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: none; outline: 0; }
#search-modal .modal-dialog .modal-content { background: 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; }
#search-modal .modal-dialog .modal-content form { width: 555px; position: relative; }
@media (max-width: 767px) { #search-modal .modal-dialog .modal-content form { width: 300px; } }
#search-modal .modal-dialog .modal-content form input { width: 100%; font-size: 36px; border: none; border-bottom: 3px solid rgba(255, 255, 255, 0.1); background: 0 0; color: #fff; padding-bottom: 12px; padding-right: 40px; }
#search-modal .modal-dialog .modal-content form input::-moz-placeholder { font-size: 35px; color: #666; }
@media (max-width: 767px) { #search-modal .modal-dialog .modal-content form input::-moz-placeholder { font-size: 25px; } }
#search-modal .modal-dialog .modal-content form input::placeholder { font-size: 35px; color: #666; }
@media (max-width: 767px) { #search-modal .modal-dialog .modal-content form input::placeholder { font-size: 25px; } }
#search-modal .modal-dialog .modal-content form button { position: absolute; right: 0; margin-bottom: 3px; font-size: 30px; color: rgba(255, 255, 255, 0.5); background: 0 0; border: none; cursor: pointer; top: 11px; }
.white__header .mean-container a.meanmenu-reveal { border: 1px solid #1c1c21; color: #1c1c21; }
.white__header .mean-container a.meanmenu-reveal span { background: #1c1c21; }
.header__top-search { padding-right: 70px; }
@media only screen and (min-width: 768px) and (max-width: 991px) { .header__top-search { padding-right: 0px; } }
@media (max-width: 767px) { .header__top-search { padding-right: 0px;   margin-bottom: 30px; } }
.header__top-search form { position: relative; }
.header__top-search form input { width: 100%;   height: 40px;   border: 0;   padding: 0 15px;   background-color: #cc2121;   box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.3);   color: #fff;  }
.header__top-search form input::placeholder, .header__top-search form input::-moz-placeholder {   color: #ffffff;     opacity: .7; }
.header__top-search form input::placeholder { color: #fff; font-size: 14px; opacity: .8; }
.header__top-search form button { position: absolute;   right: 0;   top: 0;   height: 100%;   width: 50px;   border: 0;   background: no-repeat;   color: #ffffff;   font-size: 12px; }

.header-red ul li a { padding: 30px 18px; }
.header-red ul li a:before { display: none; }

.header-red ul li:hover > a, .header-red ul li.active > a { background: transparent; opacity: .8; }

.header-red ul li ul.submenu li a { color: #ffffff; }

.header-red ul li ul.submenu li:hover > a, .header-red ul li ul.submenu li.active > a { color: #df0001; }

.header-red ul li ul.submenu li:hover > ul.submenu { opacity: 1; visibility: visible; }

.header-red ul li:first-child a { padding-left: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .header-red-icon { margin-top: 18px; } }

@media (max-width: 767px) { .header-red-icon { margin-top: 18px; } }

/* Weather */
@font-face { font-family: 'weather'; src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot"); src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg") format("svg"); font-weight: normal; font-style: normal; }

#weather { text-align: right; text-transform: uppercase; line-height: 1; }

#weather i { color: #444; font-family: weather; font-size: 70px; font-weight: normal; font-style: normal; line-height: 0; text-transform: none; }

.icon-0:before { content: ":"; }

.icon-1:before { content: "p"; }

.icon-2:before { content: "S"; }

.icon-3:before { content: "Q"; }

.icon-4:before { content: "S"; }

.icon-5:before { content: "W"; }

.icon-6:before { content: "W"; }

.icon-7:before { content: "W"; }

.icon-8:before { content: "W"; }

.icon-9:before { content: "I"; }

.icon-10:before { content: "W"; }

.icon-11:before { content: "I"; }

.icon-12:before { content: "I"; }

.icon-13:before { content: "I"; }

.icon-14:before { content: "I"; }

.icon-15:before { content: "W"; }

.icon-16:before { content: "I"; }

.icon-17:before { content: "W"; }

.icon-18:before { content: "U"; }

.icon-19:before { content: "Z"; }

.icon-20:before { content: "Z"; }

.icon-21:before { content: "Z"; }

.icon-22:before { content: "Z"; }

.icon-23:before { content: "Z"; }

.icon-24:before { content: "E"; }

.icon-25:before { content: "E"; }

.icon-26:before { content: "3"; }

.icon-27:before { content: "a"; }

.icon-28:before { content: "A"; }

.icon-29:before { content: "a"; }

.icon-30:before { content: "A"; }

.icon-31:before { content: "6"; }

.icon-32:before { content: "1"; }

.icon-33:before { content: "6"; }

.icon-34:before { content: "1"; }

.icon-35:before { content: "W"; }

.icon-36:before { content: "1"; }

.icon-37:before { content: "S"; }

.icon-38:before { content: "S"; }

.icon-39:before { content: "S"; }

.icon-40:before { content: "M"; }

.icon-41:before { content: "W"; }

.icon-42:before { content: "I"; }

.icon-43:before { content: "W"; }

.icon-44:before { content: "a"; }

.icon-45:before { content: "S"; }

.icon-46:before { content: "U"; }

.icon-47:before { content: "S"; }

#weather h2 { margin: 0; color: #444; font-size: 35px; font-weight: 600; }

#weather ul { margin: 0; padding: 0; }

#weather li { font-size: 14px; }

#weather .currently { margin: 0 20px; }

.black-icon.mean-container a.meanmenu-reveal { border: 1px solid #222; color: #222; }

.black-icon.mean-container a.meanmenu-reveal span { background: #222; }

/* 4. Hero */
.hero__thumb img { width: 100%; }

.hero__text { position: absolute; bottom: 0; left: 0; padding: 25px 28px; }
.hero__text h3 { margin: 0; font-size: 26px; font-weight: 500; }
@media (max-width: 767px) { .hero__text h3 {   font-size: 18px; } }
.hero__text h3 a { color: #ffffff; }
.hero__text h3 a:hover {   color: #df0001; }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .hero__text h3.pr-100 {   padding-right: 0; } }
@media (max-width: 767px) { .hero__text h3.pr-100 {   padding-right: 0; } }
.hero__text-small h3 { font-size: 16px; }

.slide-height { min-height: 730px; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) { .slide-height { min-height: 500px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .slide-height { min-height: 600px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .slide-height { min-height: 500px; } }
@media (max-width: 767px) { .slide-height { min-height: 530px; } }

.slider__text h3 { font-size: 40px; font-weight: 600; color: #ffffff; }
.slider__text h3:hover { color: #df0001; }
@media (max-width: 767px) { .slider__text h3 { font-size: 32px; } }

.slider-meta li { color: #aeaeae; }

.slider-arrow button.slick-arrow { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); background: none; border: 0; width: 60px; font-size: 25px; padding: 0; color: #ffffff; z-index: 9; border-radius: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height: 50px; }

.slider-arrow button.slick-next { left: auto; right: 30px; }

.slider-arrow:hover button { opacity: 1; visibility: visible; }

.slider-arrow button:hover { background: #df0001; color: #ffffff; border-color: #df0001; }

.slider-active-stage .single-slider:before { display: none; }

.slider-active-stage .single-slider.slick-center:before { display: block; }

.slider-active-stage .slider { display: none; }

.slider-active-stage .slick-center .slider { display: block; }

/* 5. News */
.breaking__meta ul li { display: inline-block; margin-right: 25px; font-size: 13px; }
@media (max-width: 767px) { .breaking__meta ul li { margin-right: 15px; } }
.breaking__meta ul li i { margin-right: 7px; color: #df0001; }

.breaking__wrapper { position: relative; border: 1px solid #ddd; }
.breaking__wrapper .breaking__title { font-size: 14px; font-weight: 600;
height:100%; text-transform: uppercase; background: #df0001; padding: 15px 35px; color: #ffffff; display: inline-block; position: absolute; right: 0; top: 0; margin: 0; z-index: 9; line-height: 0.9; }
@media only screen and (min-width: 768px) and (max-width: 991px) { .breaking__wrapper .breaking__title {   display: block;     position: static; } }
@media (max-width: 767px) { .breaking__wrapper .breaking__title {   display: block;     position: static; } }
.breaking__wrapper .breaking__ticker-active {  background:#f6f5f5;}
@media (min-width:768px){.breaking__wrapper .breaking__ticker-active {padding: 10px 3px 10px 25px;}}
@media (max-width:500px){.breaking__wrapper .breaking__ticker-active {padding: 10px 3px 11px 25px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) { .breaking__wrapper .breaking__ticker-active {   padding-left: 15px; } }
@media (max-width: 767px) { .breaking__wrapper .breaking__ticker-active {   padding-left: 15px; } }
.breaking__wrapper .breaking__ticker-active li a { line-height: 1;   font-size: 14px; }
.breaking__wrapper .breaking__ticker-active .owl-nav div { color: #1c1c21;   position: absolute;   left: 30px;   top: 9px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {   .breaking__wrapper .breaking__ticker-active .owl-nav div {     top: -36px;       color: #ffffff; } }
@media (max-width: 767px) {   .breaking__wrapper .breaking__ticker-active .owl-nav div {     top: -36px;       color: #ffffff; } }
.breaking__wrapper .breaking__ticker-active .owl-nav div.owl-prev { left: 10px; }

.post-cat { display: inline-block; }
.post-cat a { background: #df0001; padding: 4px 15px; color: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: 600; border-radius: 2px; }
.post-cat a.color1 { background: #f2709c; }
.post-cat a.color2 { background: #d39d38; }
.post-cat a.color3 { background: #e100ff; }
.post-cat a.color4 { background: #348ac7; }
.post-cat a.color5 { background: #8dc26f; }
.post-cat a.color6 { background: #5b86e5; }
.post-cat a.color8 { background: #4135bf; }
.post-cat a.color9 { background: #45a247; }
.post-cat a.color10 { background: #8e44ad; }
.post-cat a.color11 { background: #c779d0; }
.post-cat a.color11 { background: #f2994a; }
.post-cat a.color12 { background: #6190e8; }
.post-cat a.color13 { background: #43c6ac; }
.post-cat.r-0 a { border-radius: 0; padding: 4px 14px; }

.post-absolute { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; }

.sm-cat { line-height: 1; }
.sm-cat a { font-size: 12px; text-transform: capitalize; }

.postbox__thumb { position: relative; }
.postbox__thumb a img { width: 100%; }
@media (max-width: 767px) { .postbox__thumb a img {   width: 100%; } }

.postbox__text-meta ul { line-height: 1; }
.postbox__text-meta ul li { display: inline-block; font-size: 12px; margin-right: 10px; text-transform: uppercase; }
.postbox__text-meta ul li i { margin-right: 4px; }

.postbox__text h4 { font-size: 14px; font-weight: 500; }
.postbox__text h4.title-30 { font-size: 30px; }
.postbox__text h4.title-24 { font-size: 24px; }
.postbox__text h4.title-22 { font-size: 22px; }
.postbox__text h4.title-20 { font-size: 20px; }
.postbox__text h4.title-18 { font-size: 18px; }
/*.postbox__text h4.title-16 { font-size: 16px; }*/
.postbox__text h4.title-13 { font-size: 13px; }
.postbox__text h4.font-600 { font-weight: 600; }
.postbox__text h4 a { color: #212428; }
.postbox__text h4 a:hover { color: #df0001; }
@media (max-width: 512px) { .postbox__text h4 { font-size: 24px;} }

.post__small { overflow: hidden; }
@media (max-width: 460px) {.post__small a img { width: 100%; } .post__small-thumb img{width: 100%;}}
.entertainment .post__small-text {  border-bottom: none;}
.post__small-text { line-height: 1; border-bottom: 1px solid #eee;}
.post__small-text h4 { font-weight: 600;   margin-top: 6px; }
.post__small-text h4:hover {   color: #df0001; }
.post__small-text h4.title-13 {   font-size: 13px; }
.post__small-text h4.title-14 {   font-size: 14px; }
.post__small-text h4.title-16 {   font-size: 16px;     font-weight: 500; }
.post__small-text-meta ul li { font-size: 11px; }
.post__small-text-meta ul li i {   margin-left: 4px; }

.side-post span.title { font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 18px; }

.side-post .post__small-thumb img { width: 90px; }

.side-post .post__small-text .sm-cat { color: #ddd; }

.side-post .post__small-text h4 { color: #ddd; }
.side-post .post__small-text h4:hover { color: #df0001; }

.side-post .post__small-text .post__small-text-meta ul li { color: #ddd; }

.video-play { position: absolute; bottom: 0; right: 0; text-align:center;}
.video-play a { background: #ffffff; height: 35px; width: 35px; display: inline-block; color: #9d9371; line-height: 35px; font-size: 12px; }

.post__features { position: relative; }
.post__features:after { position: absolute; content: ""; border: 1px dashed #ffffff; top: 0; top: 10px; left: 10px; right: 10px; bottom: 10px; }
.post__features-thumb img { width: 100%; }
.post__features-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; z-index: 9; }
.post__features-content h4 { font-size: 15px;   color: #ffffff;   font-weight: 500; }
.post__features-content h4.title-24 {   font-size: 24px;     font-weight: 600; }
.post__features-content h4 a:hover {   opacity: .5; }
.post__features-author span { font-size: 12px; color: #ffffff; }

.meta-top { margin-bottom: 5px; }
.meta-top span { font-size: 12px; color: #666; text-transform: uppercase; }

.red-meta ul li span { color: #ffffff; }

.red-meta ul li i { color: #df0001; }

.content-pad { padding: 30px; }

.border { border: 1px solid #e9e9e9; }

.title-theme h2 { display: inline-block; font-size: 16px; font-weight: 600; color: #ffffff; padding: 12px 25px; text-transform: uppercase; border-radius: 5px; line-height: 1; margin: 0; }

.news-tabs li a { color: #8a8a8a; font-size: 14px; font-weight: 600; text-transform: uppercase; }

.blog-no-border:after { display: none; }

.border-dashed { border: 1px dashed #e9e9e9; padding: 30px; }

.pos-static { position: static; }

.post-content-sm { padding: 15px; }
.post-content-sm h4 { font-size: 13px; margin: 0; }
.post-content iframe {width:100%;}
.post-sm-gallery .owl-nav div { position: absolute; height: 30px; width: 30px; left: 30px; top: 50%; transform: translateY(-50%); background: #fff; text-align: center; line-height: 30px; color: #444; transition: .3s; }
.post-sm-gallery .owl-nav div:hover { background: #df0001; color: #ffffff; }
.post-sm-gallery .owl-nav div.owl-next { left: auto; right: 30px; }

.category-wrapper { padding: 50px; padding-top: 250px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .category-wrapper { padding-top: 150px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .category-wrapper { padding-top: 100px; } }
@media (max-width: 767px) { .category-wrapper { padding: 25px;   padding-top: 100px; } }
.category-wrapper h1 { font-size: 40px; font-weight: 700; color: #ffffff; padding-right: 150px; line-height: 1.3; }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .category-wrapper h1 {   padding-right: 80px;     font-size: 25px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .category-wrapper h1 {   padding-right: 0px;     font-size: 25px; } }
@media (max-width: 767px) { .category-wrapper h1 {   padding-right: 0px;     font-size: 20px; } }

.cat-heading h1 { font-size: 40px; font-weight: 700; text-transform: uppercase; line-height: 1; color: #fff; margin: 0; }

.cat-gallery a i { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 99; font-size: 16px; text-align: center; border: 2px solid red; display: inline-block; height: 50px; width: 50px; margin: auto; color: #df0001; border-radius: 50%; line-height: 46px; background: #ffffff; }

.cat-gallery .owl-nav div { position: absolute; height: 30px; width: 30px; left: 30px; top: 50%; transform: translateY(-50%); background: #fff; text-align: center; line-height: 30px; color: #444; transition: .3s; }
.cat-gallery .owl-nav div:hover { background: #df0001; color: #ffffff; }
.cat-gallery .owl-nav div.owl-next { left: auto; right: 30px; }

.read-more { font-weight: 600; text-transform: capitalize; font-size: 14px; }
.read-more:hover { color: #df0001; }

/* 6. Breadcrumb */
.breadcrumb { background: #f7f7fd; border-radius: 0; margin: 0; }
.breadcrumb li { font-size: 14px; color: #999; }
.breadcrumb li a { font-size: 14px;   color: #666; }
.breadcrumb li a:hover {   color: #df0001; }

.breadcrumb-item + .breadcrumb-item::before { content: ">"; font-size: 13px; }

/* 7. Post details */
.widget-border { border: 1px solid #e9e9e9; padding: 10px;background:#ffffff;}
@media only screen and (min-width: 992px) and (max-width: 1200px) { .widget-border { padding: 15px; } }

.widget-title { font-size: 24px; font-weight: 600; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid #e9e9e9; }

.widget-subscribe input { width: 100%; height: 48px; border: 1px solid #e9e9e9; margin-bottom: 15px; padding: 0 12px; }

.tagcloud a { color: #666; border: 1px solid #e9e9e9; font-size: 13px; padding: 10px 15px; display: inline-block; line-height: 1; margin-bottom: 9px; margin-right: 7px; }
.tagcloud a:hover { background: #1c1c21; border-color: #1c1c21; color: #ffffff; }

.widget ul li { margin-bottom: 10px;}
.widget ul li:last-child { margin: 0; }
/*.widget ul li::before { content: "\f30b"; font-family: "Font Awesome 5 Free"; margin-right: 8px; font-weight: 700; font-size: 11px; position: relative; top: -1px; }*/
.widget ul li a { font-size: 13px; padding: 5px;text-align: center;}
.widget ul li a span { float: right;   color: #666; }
.widget ul li a:hover { color: #df0001; }

.post__small-text-meta li:before { display: none; }

.details-title { font-size: 32px; font-weight: 600; }

.share-post-link a { height: 30px; width: 30px; display: inline-block; color: #ffffff; text-align: center; line-height: 32px; font-size: 16px; border-radius: 5px; margin-right: 5px; margin-bottom: 5px; }
.share-post-link a.facebook { background: #1f3d7c; }
.share-post-link a.messenger { background: #4C6EF5; }
.share-post-link a.whatsapp { background: #0CB757; }
.share-post-link a.twitter { background: #000; }
.share-post-link a.favorits { background: #df3520; padding: 4px; width: 32px; height: 32px;}
.share-post-link a.instagram { background: #f4513d; }
.share-post-link a.dribbble { background: #1f3d7c; }
.share-post-link a.pinterest { background: #990011; }
.share-post-link a.google-plus { background: #df3520; }
.share-post-link a:hover { opacity: .7; }

blockquote::before { content: "\f10d"; font-family: "Font Awesome 5 Free"; margin-right: 8px; font-weight: 700; font-size: 40px; top: 0; color: #EEEEEE; z-index: -1; left: 0; }

blockquote { margin: 25px 0 25px 0px; padding-left: 30px; position: relative; border-left: 6px solid #EEEEEE; }
blockquote p { padding: 0; font-size: 24px; line-height: 1.4; font-weight: 500; color: #1c1c21; }
blockquote footer { color: #666; font-weight: 500; position: relative; padding-left: 27px; }
blockquote footer::before { content: "";   height: 2px;   width: 17px;   top: 12px;   left: 0;   display: block;   position: absolute;   background: #888; }

.content__tags > span { font-size: 14px; margin-right: 5px; font-weight: 600; }

.content__tags-list a { border: 1px solid #e9e9e9; color: #444; display: inline-block; font-size: 12px; padding: 8px 15px; margin-bottom: 5px; font-weight: 600; text-transform: capitalize; margin-right: 5px; }
.content__tags-list a:hover { border-color: #1c1c21; background: #1c1c21; color: #ffffff; }

.media-left { width: 150px; }
.media-left a { display: inline-block; }

.author-meta { padding: 30px; border: 1px solid #eee; }
.author-meta .media-body { padding-left: 18px; }
@media (max-width: 767px) { .author-meta .media-body {   padding-left: 0px;     padding-top: 10px; } }
.author-meta .media-body span a { color: #444;   font-size: 18px;   font-weight: 600;   display: inline-block;   margin-bottom: 3px; }
.author-meta .media-body span a:hover {   color: #df0001; }
.author-meta .media-body p { margin-bottom: 10px; }
.author-meta .social a { color: #666; font-size: 14px; margin-right: 15px; }
.author-meta .social a:hover { color: #df0001; }

.s-content__nav a { font-size: 20px; line-height: 1.5; color: #1c1c21; font-weight: 600; }
.s-content__nav a:hover { color: #df0001; }

.s-content__nav span { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 2.5px; color: #7e7e7e; margin-bottom: 12px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/* blog comments */
.comments-avatar { float: left; width: 103px; }

.avatar-name { margin-bottom: 2px; overflow: hidden; }
.avatar-name h5 { font-size: 14px; font-weight: 600; display: inline-block; margin-right: 10px; }
.avatar-name span { color: #646464; font-size: 12px; }

.comments-box { margin-bottom: 50px; }

.comments-reply { padding-left: 80px; }
@media (max-width: 767px) { .comments-reply { padding-left: 0px; } }

.comments-text { overflow: hidden; padding-left: 20px; }
.comments-text p { color: #646464; font-size: 14px; line-height: 24px; margin-bottom: 15px; }
.comments-text a { color: #444; display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.comments-text a:hover { color: #df0001; }

.post-comments-form input[type=text], .post-comments-form input[type=submit] { border: 1px solid #e6e6e6; height: 45px; margin-bottom: 25px; padding: 0 15px; }
.post-comments-form textarea { border: 1px solid #e6e6e6; height: 130px; margin-bottom: 25px; padding: 15px; width: 100%; }

/* 8. Portfolio area */
.portfolio-thumb { position: relative; overflow: hidden; }
.portfolio-thumb img { width: 100%; transition: .3s; }
.portfolio-thumb::before { background: #000; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; visibility: hidden; width: 100%; z-index: 1; }
.portfolio-thumb a { position: absolute; top: 50%; left: 0; right: 0; margin: auto; background: red; width: 50px; height: 50px; line-height: 50px; color: #fff; text-align: center; border-radius: 50%; opacity: 0; z-index: 9; transform: translateY(-50%); }

.portfolio-wrapper:hover .portfolio-thumb::before { opacity: .85; visibility: visible; }

.portfolio-wrapper:hover .portfolio-thumb img { transform: scale(1.2) rotate(7deg); }

.portfolio-wrapper:hover .portfolio-thumb a { opacity: 1; }

.portfolio-wrapper { position: relative; }

.portfolio-menu > button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #3b3f42; cursor: pointer; font-weight: 600; margin: 0 3px; padding: 5px 15px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.portfolio-menu > button:hover, .portfolio-menu > button.active { background: #df0001; color: #ffffff; }

.portfolio-menu > button:focus { outline: 0 none; }

/* 9. Contact area */
.contact-form h3 { font-size: 26px; font-weight: 600; margin-bottom: 40px; }

.contact-form input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: currentcolor currentcolor #cccccf; border-image: none; border-style: none none solid; border-width: 0 0 1px; font-size: 13px; height: 50px; margin-bottom: 30px; width: 100%; border: 0; border: 1px solid #ddd; padding: 0 15px; }

.contact-form textarea { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: currentcolor currentcolor #cccccf; border-image: none; border-style: none none solid; border-width: 0 0 1px; height: 125px; margin-bottom: 30px; width: 100%; border: 1px solid #ddd; padding: 15px; }

.contact-info span { color: #646464; display: block; font-size: 17px; margin-bottom: 10px; }

.contact-info h2 { color: #414149; font-size: 40px; font-weight: 700; margin-bottom: 30px; }

.contact-meta-info h4 { font-size: 18px; font-weight: 500; margin-bottom: 10px; }

.contact-meta-info P { margin-bottom: 0; }

#contact-map { height: 500px; }

/* Footer */
.footer-bg {background: #01507f; }

.subscribe-title h2 { color: #e5e5e5; font-size: 24px; font-weight: 600; text-transform: uppercase; text-align: right; padding-right: 25px; padding-top: 4px; }
@media only screen and (min-width: 768px) and (max-width: 991px) { .subscribe-title h2 { text-align: left; } }
@media (max-width: 767px) { .subscribe-title h2 { text-align: left; } }

.subscribe-form form { position: relative; }
.subscribe-form form input { width: 60%; border: 0; height: 35px; background: #004067; color: #ffffff; padding: 10px;}
.subscribe-infostxt {font-size: 12px;color: #fff;}
.subscribe-form form input::placeholder { color: #fff; font-size: 14px; opacity: .8; }
.subscribe-form form button { position: absolute; top: 0; left: 0; background: #023858; border: 0; height: 35px; cursor: pointer; text-transform: capitalize; color: #ddd; font-size: 14px; }
.subscribe-form form button:hover { color: #df0001; }

.subscribe-form form input::-moz-placeholder { color: #808080; }

.subscribe-separator {border-bottom: 1px solid #fff; }

.footer-widget p { color: #fff; margin-bottom: 25px; }

.footer-social a { height: 35px; width: 35px; display: inline-block; color: #ffffff; text-align: center; line-height: 36px; font-size: 13px; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; }
.footer-social a.facebook { background: #1f3d7c; }
.footer-social a.twitter { background: #000; }
.footer-social a.instagram { background: #9d30ec; }
.footer-social a.youtube { background: #bb0000; }
.footer-social a.pinterest { background: #990011; }
.footer-social a.google-plus { background: #df3520; }
.footer-social a.googleplay { background: #222222; }
.footer-social a.apple { background: #222222; }
.footer-social a.whatsapp { background: #01E675; }
.footer-social a:hover { opacity: .7; }

.footer-widget h3 { color: #e5e5e5; font-size: 16px; font-weight: 600; margin-bottom: 15px; }

.footer-widget ul li { margin-bottom: 5px; }
.footer-widget ul li:last-child { margin: 0; }
.footer-widget ul li a { color: #9e9e9e; font-size: 13px; }
.footer-widget ul li a i { margin-right: 5px; }
.footer-widget ul li a:hover { color: #ffffff; }

.copyright-area { border-top: 1px solid #146494; }

.copyright p {margin: 0;color: #ffffff; }
.mainstory {background: #01507f;}
.videoshome {/*background:#014f7d;*/padding-top: 2rem;color:#000;}
.videoshome .postbox__text h4 a {color: #000;}
.videoshome #loadmore {background: #ffffff;color: #333333 !important;}
.ichra9atkitab .postbox__thumb {height:330px;overflow:hidden;}
.nissaeelaph {/*background:#014f7d;*/padding-top: 2rem;color:#000;}
.nissaeelaph .postbox__thumb{height:auto;overflow:hidden;}
.nissaeelaph .postbox__text h4 a {color: #000;}

.article__google-news {width: auto;text-align: center;border-radius: 50px;box-shadow: 0px 0px 4px #ccc;border: 1px solid #ccc;margin: 1rem 0;}
.article__google-news:hover {background: #eee;}  

/** with sizes **/
.w-10 {width: 10%!important;}
.w-20 {width: 20%!important;}
.w-30 {width: 30%!important;}
.w-40 {width: 40%!important;}
.w-60 {width: 60%!important;}
.w-70 {width: 70%!important;}
.w-80 {width: 70%!important;}
.w-90 {width: 90%!important;}

/** **/ 
.opinion .postbox__text {color:#fff; height: 100%;}
.opinion .postbox__text h4 a {color: #fff;font-size:18px;}
.opinion .postbox__text .author p{color: #fff;font-weight: bold;font-size: 10px;}
.opinion .post__small-text-meta {font-size: 12px;}

.news-area .boxed {background:#fff; border-radius:.3rem; box-shadow:0px 1px 5px #ccc; overflow: hidden; width: 100%;}
.listing .boxed {background:#fff; border-radius:.3rem; overflow: hidden;}
@media (min-width:700px) {
.news-area .box-lg {min-height: 464px;max-height: 465px;}
.news-area .box-md {min-height: 227px;max-height: 228px;}
.news-area .box-sm {min-height: 464px;max-height: 465px;}
.news-area .box-lg h4{font-size:24px;}
.news-area .box-md .postbox__thumb {height:142px !important; overflow:hidden}
.sidebare .post__small-thumb {width:100px;}
.videoshome .postbox__thumb .itemvideoinhome{height:187px;overflow:hidden;}
}
.videoshome .video-item-home .itemvideoinhome img.placeholder{display:none;}
@media (min-width:1500px) {.news-area .box-lg .postbox__thumb {height:295px; overflow:hidden}}
@media (max-width:500px){.smallpic{position: relative !important;} .sidebare .post__small-thumb {width:100%;} }

.cat-area .boxed {background:#fff; border-radius:.3rem; box-shadow:0px 1px 5px #ccc; overflow: hidden;}
.cat-area .boxed.sports {background:#cf6921;color:#ffffff;}
.cat-area .boxed.sports h4 a{color:#ffffff;font-size:28px;}
.cat-area .boxed.sports p{color:#ffffff;font-size:20px;}

.cat-area .boxed.business {background:#336957;color:#ffffff;}
.cat-area .boxed.business h4 a{color:#ffffff;font-size:28px;}
.cat-area .boxed.business p{color:#ffffff;font-size:20px;}

.cat-area .boxed.politics {background:#014F7D;color:#ffffff;}
.cat-area .boxed.politics h4 a{color:#ffffff;font-size:28px;}
.cat-area .boxed.politics p{color:#ffffff;font-size:20px;}

.cat-area .boxed.health {background:#087f9f;color:#ffffff;}
.cat-area .boxed.health h4 a{color:#ffffff;font-size:28px;}
.cat-area .boxed.health p{color:#ffffff;font-size:20px;}

.opinonblochome {background:#c8c8c8;padding:10px;border-radius:5px; min-height: 155px;}
.opinonblochome .postbox__text h4 {line-height: 20px;}
.opinonblochome .postbox__text h4 a{color:#2b2b2b;font-size:20px;}
.opinonblochome .author {color: #2b2b2b;background: #fff;font-size: 12px;padding: 3px 10px;/*position: absolute;*/border-radius: 5px;} 
.opinonblochome .comments {color: #2b2b2b;}
.opinonblochome .postbox__thumb {width: 100px;height: 100px;border-radius: 100%;display: block;overflow: hidden;box-shadow: 0px 0px 5px #000;float: right; margin-left: 20px;}


.p-relative {position:relative;}
.overlay-tech {bottom: 0;background: #087f9f;padding: 1rem;color:#fff;width:100%;min-height: 100px;position: relative;}
.overlay-tech h4 a{color:#fff;text-shadow: 0px 1px 4px #000;}
.overlay-food {bottom: 0;background: rgba(255, 193, 7);padding: 1rem;color:#fff;width:100%;position: relative;}
.overlay-food h4 a{color:#000;}
.overlay-food li{color:#000;}
.overlay-lifestyle {position: absolute;bottom: 0;background: rgba(156, 39, 176, 0.85);padding: 1rem;color:#fff;width:100%;}
.overlay-lifestyle h4 a{color:#fff;text-shadow: 0px 1px 4px #000;}
.post-details {border: 1px solid #e9e9e9;padding: 10px;background: #ffffff;}

@media (min-width:1000px) {
.cat-sm-post .post__small.boxed .post__small-thumb {overflow:hidden; height:138px;}
.postbox.boxed .postbox__thumb {overflow:hidden; height:293px;}
.opinion .postbox__thumb {height: 200px;background: #141819;overflow: hidden;}
.opinion .opinonblochome {border: 1px solid #555; padding:1rem;}
.opinion .o-pr-0 {padding-right:0; }
.opinion .o-pl-0 {padding-left:0;}
} 
.thevideo .watchvideo{position: absolute;top: 45%;width: 100%;text-align: center;background: rgba(0, 0, 0, 0.5);display:none;}
.thevideo:hover .watchvideo{display:block;}
@media (max-width:500px){.opinion .postbox__thumb {height: 210px;background: #141819;overflow: hidden;} .opinion .opinonblochome {border: 1px solid #555;}
.opinion .o-pr-0 {padding-left:0; }
.opinion .o-pl-0 {padding-left:0;}
}


/* menu colors */
.header__menu .politics:hover {color:#014f7d; border-bottom: 2px solid;}
.header__menu .business:hover {color:#336957; border-bottom: 2px solid;}
.header__menu .sports:hover {color:#cf6921; border-bottom: 2px solid;}
.header__menu .entertainment:hover {color:#3c7bb5; border-bottom: 2px solid;}
.header__menu .lifestyle:hover {color:#56386a; border-bottom: 2px solid;}
.header__menu .technology:hover {color:#087f9f; border-bottom: 2px solid;}
.header__menu .culture:hover {color:#c12d45; border-bottom: 2px solid;}
.header__menu .opinion:hover {color:#006cc1; border-bottom: 2px solid;}
.header__menu .food:hover {color:#ffbf00; border-bottom: 2px solid;}
.header__menu .health-science:hover {color:#087f9f; border-bottom: 2px solid;}
.header__menu .book-review:hover {color:#7a3e4c; border-bottom: 2px solid;}

.header__menu .politics ul.submenu li a:hover {background:#014f7d !important;color:#fff !important;}
.header__menu .business ul.submenu li a:hover {background:#336957 !important;color:#fff !important;}
.header__menu .sports ul.submenu li a:hover {background:#cf6921 !important;color:#fff !important;}
.header__menu .entertainment ul.submenu li a:hover {background:#3c7bb5 !important;color:#fff !important;}
.header__menu .lifestyle ul.submenu li a:hover {background:#56386a !important;color:#fff !important;}
.header__menu .technology ul.submenu li a:hover {background:#087f9f !important;color:#fff !important;}
.header__menu .culture ul.submenu li a:hover {background:#c12d45 !important;color:#fff !important;}
.header__menu .opinion ul.submenu li a:hover {background:#006cc1 !important;color:#fff !important;}
.header__menu .food ul.submenu li a:hover {background:#ffbf00 !important;color:#fff !important;}
.header__menu .lth-scien ul.submenu li a:hover {background:#087f9f !important;color:#fff !important;}

.header__menu .politics.active {color:#014f7d; border-bottom: 2px solid;}
.header__menu .business.active {color:#336957; border-bottom: 2px solid;}
.header__menu .economics.active {color:#336957; border-bottom: 2px solid;}
.header__menu .sports.active {color:#cf6921; border-bottom: 2px solid;}
.header__menu .entertainment.active {color:#3c7bb5; border-bottom: 2px solid;}
.header__menu .lifestyle.active {color:#56386a; border-bottom: 2px solid;}
.header__menu .technology.active {color:#087f9f; border-bottom: 2px solid;}
.header__menu .culture.active {color:#c12d45; border-bottom: 2px solid;}
.header__menu .opinion.active {color:#006cc1; border-bottom: 2px solid;}
.header__menu .food.active {color:#ffbf00; border-bottom: 2px solid;}
.header__menu .health-science.active {color:#087f9f; border-bottom: 2px solid;}
.header__menu .book-review.active {color:#7a3e4c; border-bottom: 2px solid;}

.title-theme.politics h2{background:#014f7d;color:#fff;}
.title-theme.news h2{background:#014f7d;color:#fff;}
.title-theme.newspapers h2{background:#014f7d;color:#fff;}
.title-theme.business h2{background:#336957;color:#fff;}
.title-theme.economics h2{background:#336957;color:#fff;}
.title-theme.sports h2{background:#cf6921;color:#fff;}
.title-theme.entertainment h2{background:#3c7bb5;color:#fff;}
.title-theme.lifestyle h2{background:#56386a;color:#fff;}
.title-theme.technology h2{background:#087f9f;color:#fff;}
.title-theme.culture h2{background:#c12d45;color:#fff;}
.title-theme.opinion h2{background:#006cc1;color:#fff;}
.title-theme.food h2{background:#ffbf00;color:#fff;}
.title-theme.health-science h2{background:#087f9f;color:#fff;}
.title-theme.book-review h2{background:#7a3e4c;color:#fff;}

.title-theme.politics .nav-link.active{color:#014f7d;border-bottom: 2px solid;}
.title-theme.news .nav-link.active{color:#014f7d;border-bottom: 2px solid;}
.title-theme.newspapers .nav-link.active{color:#014f7d;border-bottom: 2px solid;}
.title-theme.business .nav-link.active{color:#336957;border-bottom: 2px solid;}
.title-theme.economics .nav-link.active{color:#336957;border-bottom: 2px solid;}
.title-theme.sports .nav-link.active{color:#cf6921;border-bottom: 2px solid;}
.title-theme.entertainment .nav-link.active{color:#3c7bb5;border-bottom: 2px solid;}
.title-theme.lifestyle .nav-link.active{color:#56386a;border-bottom: 2px solid;}
.title-theme.technology .nav-link.active{color:#087f9f;border-bottom: 2px solid;}
.title-theme.culture .nav-link.active{color:#c12d45;border-bottom: 2px solid;}
.title-theme.opinion .nav-link.active{color:#006cc1;border-bottom: 2px solid;}
.title-theme.food .nav-link.active{color:#ffbf00;border-bottom: 2px solid;}
.title-theme.health-science .nav-link.active{color:#087f9f;border-bottom: 2px solid;}
.title-theme.book-review .nav-link.active{color:#7a3e4c;border-bottom: 2px solid;}

.bbc-post {background: #ececec;}

.badge.Politics {background:#014f7d;color:#fff;}
.badge.Business {background:#336957;color:#fff;}
.badge.Sports {background:#cf6921;color:#fff;}
.badge.Entertainment {background:#3c7bb5;color:#fff;}
.badge.Lifestyle {background:#56386a;color:#fff;}
.badge.Technology {background:#087f9f;color:#fff;}
.badge.Culture {background:#c12d45;color:#fff;}
.badge.Opinion {background:#006cc1;color:#fff;}
.badge.Food {background:#ffbf00;color:#fff;}
.badge.Health-science {background:#087f9f;color:#fff;}
.badge.Book-review {background:#7a3e4c;color:#fff;}

h2.sec_title{position: relative;padding-left: 8px;font-size: 25px;}
h2.sec_title::before {height: 38px;width: 4px;content: "";position: absolute;top: 0;left: 0;}
h2.sec_title::after {height: 1px;width: 99%;content: "";position: absolute;bottom: 0;right: 0;}
h1.sec_title{position: relative;padding-left: 8px;font-size: 25px;}
h1.sec_title::before {height: 38px;width: 4px;content: "";position: absolute;top: 0;left: 0;}
h1.sec_title::after {height: 1px;width: 99%;content: "";position: absolute;bottom: 0;right: 0;}
.list-view .author {font-size: 10px;}
.title-headline-post {font-size: 25px;}
.sec_title.News {color:#014f7d;}
.sec_title.Newspapers {color:#014f7d;}
.category-list-view.News h4 a{color:#014f7d;}
.category-list-view.Newspapers h4 a{color:#014f7d;}
.title-headline-post.News{color:#014f7d;}
.title-headline-post.Newspapers{color:#014f7d;}
.sec_title.News::after {background:#014f7d;}
.sec_title.Newspapers::after {background:#014f7d;}
.sec_title.Politics {color:#014f7d;}
.category-list-view.Politics h4 a{color:#014f7d;}
.title-headline-post.Politics{color:#014f7d;}
.sec_title.Politics::after {background:#014f7d;}
.sec_title.Economics {color:#336957;}
.category-list-view.Economics h4 a{color:#336957;}
.title-headline-post.Economics{color:#336957;}
.sec_title.Economics::after {background:#336957;}
.sec_title.Sports {color:#cf6921;}
.category-list-view.Sports h4 a{color:#cf6921;}
.category-list-view.Lifestyle h4 a{color:#56386a;}
.title-headline-post.Sports{color:#cf6921;}
.sec_title.Sports::after {background:#cf6921;}
.sec_title.Entertainment {color:#3c7bb5;}
.category-list-view.Entertainment h4 a{color:#3c7bb5;}
.title-headline-post.Entertainment{color:#3c7bb5;}
.sec_title.Entertainment::after {background:#3c7bb5;}
.sec_title.Lifestyle {color:#56386a;}
.category-list-view.LifeStyle h4 a{color:#56386a;}
.category-list-view.LifeStyle.postbox__text h4 a{color:#56386a;}
.title-headline-post.LifeStyle{color:#56386a;}
.sec_title.Lifestyle::after {background:#56386a;}
.sec_title.Technology {color:#087f9f;}
.category-list-view.Technology h4 a{color:#087f9f;}
.title-headline-post.Technology{color:#087f9f;}
.sec_title.Technology::after {background:#087f9f;}
.sec_title.Culture {color:#c12d45;}
.category-list-view.Culture h4 a {color:#c12d45;}
.title-headline-post.Culture {color:#c12d45;}
.sec_title.Culture::after {background:#c12d45;}
.sec_title.Opinion {color:#006cc1;}
.category-list-view.Opinion h4 a{color:#006cc1;}
.title-headline-post.Opinion {color:#006cc1;}
.sec_title.Opinion::after {background:#006cc1;}
.sec_title.Food {color:#ffbf00;}
.category-list-view.Food h4 a{color:#ffbf00;}
.title-headline-post.Food {color:#ffbf00;}
.sec_title.Food::after {background:#ffbf00;}
.sec_title.Health-science {color:#087f9f;}
.category-list-view.Health-science h4 a{color:#087f9f;}
.title-headline-post.Health-science {color:#087f9f;}
.sec_title.Health-science::after {background:#087f9f;}

.sec_title.Book-review {color:#7a3e4c;}
.category-list-view.Book-review h4 a{color:#7a3e4c;}
.title-headline-post.Book-review {color:#7a3e4c;}
.sec_title.Book-review::after {background:#7a3e4c;}

.author-post-img {border-radius: 100%;}
.placeholder.loaded {display: none !important;}
@media (max-width:460px) {.placeholder.loaded {display: none !important;}}
.img-post-article.loaded {position: relative;;}
.news-area.videoshome h2 {color:#afa300;position: relative;padding-right: 8px;}
.news-area.videoshome h2::before {background:#afa300;height: 38px;width: 4px;content: "";position: absolute;bottom: 0;right: 0;}
.news-area.videoshome h2::after {background:#afa300;height: 1px;width: 99%;content: "";position: absolute;bottom: 0;right: 0;}

@media (min-width:700px) {
.category-list-view .postbox__thumb {height: 200px;overflow: hidden;}
section .entertainment .postbox .postbox__thumb {height: 293px;overflow: hidden;}
section .entertainment .post__small-thumb {height: 122px;overflow: hidden;}
section .business .postbox .postbox__thumb {height: 300px;overflow: hidden;}
section .business .post__small-thumb {height: 183px;overflow: hidden;}
/*section .lifestyle .postbox .postbox__thumb {height: 345px !important;overflow: hidden;}*/
section .lifestyle .post__small-thumb {height: 122px;overflow: hidden;}
}

@media (min-width:700px) {section .technology  .post__small-thumb {height: 160px;overflow: hidden;}}
section .culture .post__small-thumb {height: 183px;overflow: hidden;}
section.food .post__small-thumb {/*height: 180px;*/overflow: hidden;}
.section.sports .post__small-thumb {height: 183px;overflow: hidden;}
.section.business .post__small-thumb {/*height: 180px;*/overflow: hidden;}
section.politics .section-title h2 {color:#014f7d;}
section.politics .section-title h2::before {background:#014f7d;}
section.politics .section-title h2::after {background:#014f7d;}
section.videos .section-title h2{color:#000;}
section.videos .section-title h2::before{background:#000;}
section.videos .section-title h2::after{background:#000;}

.badge-dark {background-color: #ffffff !important;border: 1px solid #ccc !important;color: #333;margin: 5px 0;font-size: 12px;}

section.politics a{color:#014f7d;}
.section.business .section-title h2{color:#336957;}
.section.business a{color:#336957;}
.section.politics a{color:#014f7d;}
.section.business .section-title h2::before{background:#336957;}
.section.business .section-title h2::after{background:#336957;}
.section.sports .section-title h2{color:#cf6921;}
.section.sports a{color:#cf6921;}
.section.sports .section-title h2::before{background:#cf6921;}
.section.sports .section-title h2::after{background:#cf6921;}
.section.entertainment .section-title h2{color:#3c7bb5;}
.section.entertainment a{color:#3c7bb5;}
.section.entertainment .section-title h2::before{background:#3c7bb5;}
.section.entertainment .section-title h2::after{background:#3c7bb5;}
.section.lifestyle .section-title h2{color:#56386a;}
.section.lifestyle a{color:#56386a;}
.section.lifestyle .section-title h2::before{background:#56386a;}
.section.lifestyle .section-title h2::after{background:#56386a;}
section .technology .section-title h2{color:#087f9f;}
section .technology .section-title h2::before{background:#087f9f;}
section .technology .section-title h2::after{background:#087f9f;}
section .culture .section-title h2{color:#c12d45;}
section .culture a{color:#c12d45;}
section .culture .section-title h2::before{background:#c12d45;}
section .culture .section-title h2::after{background:#c12d45;}
section.opinion .section-title h2{color:#006cc1;}
section.opinion a{color:#006cc1;}
section.opinion .section-title h2::before{background:#006cc1;}
section.opinion .section-title h2::after{background:#006cc1;}
section.food .section-title h2{color:#ffbf00;}
section.food .section-title h2::before{background:#ffbf00;}
section.food .section-title h2::after{background:#ffbf00;}
section.jaridatjaraed .postbox__thumb {max-height: 100px; overflow: hidden;}
section.bbc .section-title {background:#ececec;text-align: center;}
section.bbc .section-title h2::before{background:#ececec;}
section.bbc .section-title h2 {margin: 0;}
section.bbc .section-title h2::after{background:#ececec;}
section.bbc .bbcbottom {background:#ececec;}
section.bbc .bbcbottom a {color:#000000;}
section.bbc .boxed {background: #ffffff;}

section .bbcpodcats {background:#fff; color: #000;}
section .bbcpodcats .post-title {color: #212428; font-size: 14px;}
section .bbcpodcats .post-title a{color: #212428;}
section .bbcpodcats .paly-btn.popup-video {width: 50px;position: absolute;left: 43%;top: 28%;background: #fff;border-radius: 100%;height: 50px; display: flex;justify-content: center;align-items: center;}
section .bbcpodcats .paly-btn.popup-video i {color: #bb1919;}
section .bbcpodcats .section-title.section-title-four {background:#000; padding: 1rem; text-align: center;}
section .bbcpodcats .section-title.section-title-four h2 {color: #fff;}
section .bbcpodcats .section-title.section-title-four h2 span {color: #bb1919;}
section .bbcpodcats .section-title.section-title-four h2::before {background:none;}
section .bbcpodcats .section-title.section-title-four h2::after {background:none;}
section .bbcpodcats #description p {color:#000; font-size: 19px;}
section .bbcpodcats .editor-post-thumb-three { overflow: hidden; height: 130px; position: relative;display: flex;justify-content: center;align-items: center;}
section .bbcpodcats .editor-post-thumb-three img { min-width: 310px;}


.bannertag {text-align: center;}
.banner.sticky {position: -webkit-sticky;position: sticky;top: 0;left:0;width: 160px;height: 600px;float:left;}
.banner.sticky-r {position: -webkit-sticky;position: sticky;top: 0;right:0;width: 160px;height: 600px;float:right;}
.banner.sticky-articles {position: -webkit-sticky;position: sticky;top: 0;right:0;width:300px;}



@media (max-width:769px) {
  .banner.sticky{display: none !important;}
  .banner.sticky-r{display: none !important;}
  .mobileserchlk {position: absolute;left: 5%;z-index: 999;}
  .logostickymobile {display: none;}
  .stickymenu .logostickymobile {display: block;position: absolute;left: 40%;z-index: 999;}
  .btm_ad_mob_fixed {position: fixed; bottom: 0; text-align: center; background-color: #efefef; width: 100%; z-index: 999;}
}
@media (min-width:770px) {.logostickymobile {display: none;} .stickymenu .logostickymobile {display: none;}.btm_ad_mob_fixed{display: none;}}

.bbc .postbox__text {border:1px solid #eee;}
.business .post__small-text {border-bottom:none;}
.culture .post__small-text {border-bottom:none;}
.sports .post__small-text {border-bottom:none;}
.jaridatjaraed .postbox__text {border:1px solid #eee;}
.aktar9iraa .post__small-text {border-bottom:1px solid #eee;}
.aktar9iraa .post__small-text:last-child {border-bottom:none;}
.caption {background: #27292b; color: #fff; text-align: center; font-size: 13px;}

.post-details .politics {color:#014f7d;}
.post-details .article_time {font-size:10px;}
article .details-title-upper {clear: both; font-size: 19px;}
artcile .Headline.name {font-size: 26px;}

/** FOR DESKTOP ONLY **/
@media (min-width:900px){
  /*.jaridatjaraed .post__small-thumb {overflow: hidden;height: 135px;}*/
  .bbc .post__small-thumb {overflow: hidden;height: 114px;}
  .aktar9iraa .post__small-thumb {height: 150px; overflow: hidden;}
}
.cc_container .cc_message{color: #fff;font-size: 15px !important;}
.cc_btn.cc_btn_accept_all {font-size: 15px !important;}
.error {
  text-align: right;
  display: block;
  color: #dc3545;
  padding-right: 15px;
  font-size: 14px;
  margin-top: 2px;
}
input.form-control.error {
  border: 1px solid #dc3545;
}
textarea.form-control.error {
  border: 1px solid #dc3545;
}
.g-recaptcha.error {
  border: solid 1px #dc3545;
  width: 23em;
}
.hide {
  display: none;
}
.lazy{
  position: relative;
}
.lazy img{
  display: block;

}
.placeholder{
  position: relative;
  z-index: 1;
}
.placeholder.loaded{
  z-index: -1;
  opacity: 0;
}
.lozad{
  top: 0;
}

@media (min-width:769px) {.smallpic{position: absolute; width: 100%;}}

#articlebody {overflow-x:clip; word-wrap:break-word;}
#articlebody img {height: auto !important;}
#articlebody table {width:auto !important; height: auto !important;}
.telegram-content a {background: #1e96c9; color: #fff; padding: 0 1rem;float: right;} 
@media (max-width:460px) {.list-view .postbox .lozad.loaded{width: 100%;}}

li.urgent a{color:red !important;}
@media (min-width:769px) {
  .politics .cat-sm-post .post__small:last-child{margin-bottom: 0 !important}
  .lifestyle .cat-sm-post .post__small:last-child{margin-bottom: 0 !important}
}

.politics .post__small-text h4 , .lifestyle .post__small-text h4{ display: block!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  min-height: 46px;
  padding: 0;
  margin: 0;}
.instagram-container {box-sizing: border-box;}
.instagram-content {border: 1px solid #D02F80;color: #333;font-size: 18px;line-height: 28px;padding: 20px 20px 20px 20px;background-color: rgb(255,255,255);}
.instagram-content span a{background: #D02F80;color: #fff;padding: 0 1rem;line-height: normal;}  
.telegram-container {box-sizing: border-box;}
.telegram-content {border: 1px solid #0084ff;color: #333;font-size: 18px;line-height: 28px;padding: 20px 20px 20px 20px;background-color: rgb(255,255,255);}
.telegram-content span a{background: #0084ff;color: #fff;padding: 0 1rem;line-height: normal;}
.imageCont { float: left; width: 50px; height: 50px;}
.whatsapp-container {box-sizing: border-box;}
.whatsapp-content {border: 1px solid #2AB200;color: #333;font-size: 18px;line-height: 28px;padding: 20px 20px 20px 20px;background-color: rgb(255,255,255);}
.whatsapp-content span a{background: #2ab200;color: #fff;padding: 0 1rem;line-height: normal;}
.facebook-container {box-sizing: border-box;}
.facebook-content {border: 1px solid #3578E5;color: #333;font-size: 18px;line-height: 28px;padding: 20px 20px 20px 20px;background-color: rgb(255,255,255);}
.facebook-content span a{background: #3578E5;color: #fff;padding: 0 1rem;line-height: normal;}
.twitter-container {box-sizing: border-box;}
.twitter-content {border: 1px solid #000;color: #333;font-size: 18px;line-height: 28px;padding: 20px 20px 20px 20px;background-color: rgb(255,255,255);}
.twitter-content span a{background: #000;color: #fff;padding: 0 1rem;line-height: normal;}
.instagram-content, .telegram-content span, .whatsapp-content span, .facebook-content span, .twitter-content {font-size: 14px;font-weight: normal;line-height: 26px;color: #807e7e;}

.ESP-box {width: 100% !important;}

.food .post__small-text h4.title-16{display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-height: 25px;
    padding: 0;
    margin: 0;}
.icontophome {position: absolute;z-index: 9;background: rgba(255, 255, 255, 0.66);padding: .8rem 1rem;font-size: 10px;left: 20px;top: 10px;box-shadow: 0px 0px 5px #000;border-radius: 6px;}
.carousel-caption {background: #000000c7;color: #fff;text-align: center;width: 100%;margin: 0;right: 0;bottom: 0;}
.carousel-caption h5{color:#fff;}
.carousel-caption p{color:#fff;}

.gender-nl{float: right;width: 35%;position: relative;background: #004067;border: none;color: #fff;margin-left: 1rem;border-radius: 0;font-size: 13px;height: 35px;padding: 0rem 1rem;}
.corona-container {
  width: 100%;
    max-width: calc(1600px - 50px);
  padding: 0 10px;
  margin: 0 auto 20px;
}
.coronavirus {
  color: #FFF;
}
.coronavirus > div {
  width: 33.3333%;
  text-align: center;
  padding: 2px;
}
.coronavirus > div > div {
  padding: 5px;
}
@media only screen and (min-width: 1280px) {
  .coronavirus > div > div {
    font-size: 24px;
  }
}
.newcases {
  background-color: #014F7D;
}
.recovered{
  background-color: #207B43;
}
.death {
  background-color: #B22635;	
}
    .Unresolved{
        background-color: #F9AB00;	
    }
#death, #recovered, #infected, #Unresolved {
  color: #000;
  background-color: #E1E6F0; 
}
#data-msg {
  margin-bottom: 10px;
  margin-top: 5px;
  color: #000000;
}
#data-msg::before {
  content: "";
    display: inline-block;
    background-color: #eb1515;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation: ripple 1s cubic-bezier(.39,.58,.57,1) infinite alternate;
    margin-left: 7px;
    position: relative;
    top: 1px;
}
    #data-msg .more{
        float:left;
        color:#014F7D;
    }

    #articlebody p a{color:#014F7D; }
    #articlebody ul {padding-right: 20px;margin: 1rem 0;}
    #articlebody ul li {list-style: inherit;}
    #articlebody ul li a {font-size:22px; text-decoration: underline;}
    #articlebody #articleshtsia  {padding: 0;}
    #articlebody #articleshtsia li {list-style: none;background: #fbfbfb;box-shadow: 0px 0px 2px #ccc;padding: .6rem; margin-bottom: 10px; float: right; width: 100%;}
    #articlebody #articleshtsia li a{text-decoration: none; color:#000;font-size: 17px;}
#articlebody #articleshtsia li a img{width: 100px; margin-left: 1rem; float: right;}

.sharethis-inline-share-buttons {float: right;}

.newspaperblochome {background:#fff;padding:10px;border-radius:5px; min-height: 155px;box-shadow:0px 0px 4px #bbb;}
.newspaperblochome .postbox__text h4 {line-height: 20px;}
.newspaperblochome .postbox__text h4 a{color:#2b2b2b;font-size:20px;}
.newspaperblochome .author {color: #2b2b2b;background: #efefef;font-size: 12px;padding: 3px 10px;/*position: absolute;*/border-radius: 5px;}
.newspaperblochome .comments {color: #2b2b2b;}
.newspaperblochome .postbox__thumb {width: 100px;height: 100px;border-radius: 100%;display: block;overflow: hidden;box-shadow: 0px 0px 5px #000;float: right; margin-left: 20px;}
/*PHOTO ON ARTICLE */
.photoonarticle {float: left;width: 110px;height: 110px;display: block;overflow: hidden;box-shadow: 0px 0px 8px #ccc;border-radius: 100%;margin-right: 10px;}

.owl-carousel.owl-rtl .owl-item {padding-right: 10px;}

/* HIDE BANNER STICKY ON IPAD PRO */
@media (max-width:1024px){.banner.sticky {display: none;} .banner.sticky-r {display: none;} }

/* NEW POLL */
.pol_new h3{font-size:15px; color:#01507f; margin-top:1rem;}
.pol_new .form-check {padding-right: 1.25rem; padding-left: none;}
.pol_new .form-check-input {margin-right: -1.25rem; margin-left: none;}
.fuse_bottom_sticky,.fuse_bottom_sticky_mob {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
}
.fuse_bottom_sticky .fuse-slot {
  transform: translate3d(0,0,0);
}
 @media screen and (min-width: 601px) {
  .fuse_bottom_sticky_mob { 
    display: none;
  } 
}
.stickymenu {position: fixed;top: 0;width: 100%;z-index:9999;box-shadow: 1px 0px 2px #333;right:0;}
.btm_ad_mob_fixed {right:0;}
@media(max-width:500px) {
  .header__top-area {display:none;}
  .logostickymobile {display: block !important;position: absolute;left: 40%;z-index: 999;}
  .header__middle {display:none;}
  .extra-info {display:none;}
  .black-icon.mean-container a.meanmenu-reveal span {background: #00507f;}
  .breaking__wrapper {float:right;width: 100%;}
  .breaking__ticker-active_load {float: right;max-width: 300px;} 
  .breaking__ticker-active_load span { padding: 10px 75px !important;}
  .breaking__wrapper .breaking__title {float: right;width: 20%;line-height: 16px;}
  .breaking__wrapper .breaking__ticker-active {float: right;max-width: 80%;padding: 15px 12px 15px;}
  ol.breadcrumb {display:none;}
  .hasthags {display: flex;overflow-x: scroll;width: 100%;}
  .hasthags span {height: auto !important;padding-top: 7% !important;float: right !important;}
  .hasthags a {display: flex;}
  }
.breaking__ticker-active_load span {padding: 10px 130px;display: inline-block;}
.hasthags {background:#fff; border:1px solid #c9c9c9; box-shadow:0px 3px 3px #d9d9d9;}
.hasthags .tags {overflow-x:auto;}
.hasthags span{background:#f6f5f5;padding:.8rem; border-left: 1px solid #c9c9c9;display: inline-block;color:#9b9b9b;margin-left:1rem;}
.hasthags a{background:#efefef;padding:0 .8rem; border: 1px solid #d7d7d7;font-size: 14px;border-radius: 4px;color:#9b9b9b;}
.hasthags a:hover{background:#d8d8d8;}
@media (max-width:500px) {.hasthags {float:right; white-space: nowrap;} .hasthags span{height: 130px;padding-top: 1.5% !important;float: right;}
.hasthags a{ display: inline-block;margin: 4px;float: right;}
.hasthags::after {content: " ";width: 30px;height: 43px;display: block;position: absolute;left: 16px;background: rgb(160 160 160);background: linear-gradient(90deg, rgb(160 160 160) 0%, rgba(1,79,125,0) 100%);}
}
.breaking__ticker-active_load span {padding: 10px 130px;display: inline-block;}
@media (min-width: 700px) {
  .section.mokhtarat .post__small-thumb {
      height: 140px;
      overflow: hidden;
  } }
.section.mokhtarat .post__small-text {background:#111; color:#fff; min-height: 100px; padding: .5rem;}
.section.mokhtarat .post__small-text a{color:#fff;}
.section.mokhtarat .section-title a {color:#111;}
.section.mokhtarat .section-title h2::after {background: #111;}
.section.mokhtarat .section-title h2::before {background: #111;}
@media (min-width: 769px) {
.mokhtarat .post__small-thumb img {
    height: -webkit-fill-available;
}}
.hidden{display:none;}
.visible{display:block;}
.pol_new h3{font-size:27px; color:#01507f; margin-top:1rem;}
.pol_new h3.msg{font-size:15px; color:#207B43; margin-top:1rem;}
.pol_new .form-check {padding-right: 1.25rem; padding-left: none;}
.pol_new .form-check-input {margin-right: -1.25rem; margin-left: none;}

/* CAN 2022 */
.sports-home {background:url("https://e1.elaphjournal.com/resources/imgs/can2022/bg_can_home.jpg") no-repeat center !important; background-size: cover !important;}
@media (max-width:416px) {.sports-home{background-size:cover !important;}}
.sports.can2022 h2 a{color:#3bb54b;}
.sports.can2022 .section-title h2::before {background: #3bb54b;}
.sports.can2022 .section-title h2::after {background: #3bb54b;}
.sports-home a{color:#fff !important;}
.lematch a {font-size: 11px;}
.lematch {background: #ffcd0040; border-radius: 8px; padding: 0.8rem;}
.lematch  .championnat{color: #fff; font-size: 12px; margin: 0;}
.match-info .championnat{color:#fff; font-size: 12px; margin: 0;}
.match-info .scores {color: #f59e00;font-size: 21px;line-height: 16px;font-weight: 900;}
.match-info .score {display: block;float: right;margin: 8px 0;width: 100%;}
.match-info .score span{color: #f59e00; font-size: 32px; font-weight: 700;}
.match-info .live {margin:0;}
.match-info .live span{color: #fff;font-size: 12px;background: #f54748;padding: 1px 15px;border-radius: 10px;display: inline-block;}
.match-info .time{color:#fff; font-size: 12px;margin: 0;}
.sports-home .owl-carousel .owl-dots.disabled, .sports-home .owl-carousel .owl-nav.disabled {display: block;}
.sports-home .post-sm-gallery .owl-nav div {left:0;}
.sports-home .post-sm-gallery .owl-nav div.owl-next {right:0;}
.tslesmatchs {font-size:11px;}


/* HTSIA BLOC */
section.htsi .section-title {background:#fff;}
section.htsi .allitemshtsia {background-color: #eee;}
section.htsi .section-title h2::before{background:#fff;}
section.htsi .section-title h2 {margin: 0;}
section.htsi .section-title h2::after{background:#fff;}
section.htsi .bbcbottom {background:#fff;}
section.htsi .bbcbottom a {color:#ffffff;}
section.htsi .boxed {background: #fff;}
section.htsi .postbox__text  {background: #efefef;border-bottom: 1px solid #b3b3b3; }
section.htsi .postbox__textb  {background: #efefef;border-bottom: 1px solid #b3b3b3; padding-bottom: 1rem; }
section.htsi .postbox__textb a {color: #000; }
section.htsi .postbox__textb p {color: #000; }
section.htsi .postbox__textb h3:after {content:" "; width:50%; height:6px; background-color: #000;display: block;top: 10px;position: relative;}

.miniitems .border-l {border-left:1px solid #b3b3b3;}
.miniitems .border-l:last-child {border-left:0;}
.miniitems .border-l:nth-child(3) {border-left:0;}

.miniitems .border-l:nth-child(4) .postbox__text {border-bottom:none;}
.miniitems .border-l:nth-child(5) .postbox__text{border-bottom:none}
.miniitems .border-l:nth-child(6) .postbox__text {border-bottom:none}

.kottabblochome {background:#fff;padding:10px;border-radius:5px; min-height: 130px; height: 100%; box-shadow: 0 2px 4px #cccc;}
.kottabblochome .postbox__text {display: inline-block; width: 100%;}
.kottabblochome .postbox {display: inline-block; width: 100%;}
.kottabblochome .postbox__text h4 {line-height: 20px;}
.kottabblochome .postbox__text h5 {color: #24408f;}
.kottabblochome .postbox__text h4 a{color:#000;font-size:20px;}
.kottabblochome .author {color: #2b2b2b;background: #fff;font-size: 12px;padding: 3px 10px;position: absolute;border-radius: 5px;}
.kottabblochome .comments {color: #fff;}
.kottabblochome .postbox__thumb {width: 100px;height: 100px;border-radius: 100%;display: block;overflow: hidden;box-shadow: 0px 0px 5px #000; margin: 0;}
.icontophome {position: absolute;z-index: 9;background: rgba(255, 255, 255, 0.66);padding: .8rem 1rem;font-size: 10px;left: 20px;top: 10px;box-shadow: 0px 0px 5px #000;border-radius: 6px;}
.biggstory .postbox__text h2{color:#fff;}
@media (min-width:513px) {.biggstory .postbox__text {position:absolute; bottom:0; background:rgb(0 0 0 / 40%);}}
@media (max-width:512px) {
    .biggstory .postbox__text h2{font-size:20px;}
    .biggstory .postbox__text-meta{display:none;}

}
/**@media (max-width:414px) {.post-content p{display: -webkit-box;}}**/
.facebook-container, .instagram-container, .twitter-container, .telegram-container {clear: both;}
.post-content ul{list-style-type: square !important;padding: unset;}
.post-content ul li a{color: #014f7d;}
.photoonarticle {float: left;width: 110px;height: 110px;display: block;overflow: hidden;box-shadow: 0px 0px 8px #ccc;border-radius: 100%;margin-right: 10px;}
.carousel-item {max-height:350px; overflow:hidden;}
@media (max-width:512px) {.carousel-item {max-height:210px; overflow:hidden;}}
.font-manage a {background:#fff; box-shadow:0 0 3px #ccc;  border-radius:5px; width:35px; font-size:18px; color: #414141; font-weight: 800;}
.hidden{display: none;}
.visible{display:block;}
	.share-post-link {float: right; width: 100%;}
#audiozone{padding: 0 1rem;float: right;width: 56%;}
.audiozonemob{width: 100% !important;margin: 1rem 0;padding: 0 !important;}
/*# audiozone .azone{} #audiozone .azone h6{color: #01507F;} */
#audiozone .azone audio {width: 100%;padding: 6px;margin: -12px 0px;} 

.event {background-color:#000;}
.event .bg-black {background-color:#000; color:#fff;position: relative; display: flex; align-content: center;align-items: center;}
.event .bg-black .title {/*position:absolute;*/bottom:0; padding: 1rem; text-align: center;}
.event .bg-black .title2 {position: absolute;width: 96%;bottom: 20%;}
.event .bg-black h1{position: relative; color:white;font-size: -webkit-xxx-large;text-shadow: 0px 2px 20px black;}
.event .bg-black h3{ color:white;}
.event .bg-black p{color:white;}
.event .bg-black a{color:#fff;}
.event .bg-black a:hover{color:#fff; }
.event .bg-black img {}
.event .bg-black .caption {position: absolute;bottom: 10px; text-align: center;text-shadow: 1px 1px 7px #000;   width: 100%;font-size: 18px;}	
.event .postbox__text-meta ul li:first-child {margin: 0;}
.event .postbox__text-meta ul li:first-child i{margin: 0;}
.event .share-post-link {float:left;width: auto;top: 60px;position: relative;}


/** HEADER ON MOBILE **/
@media(max-width:500px) {
.header__top-area {display:none;}
.logostickymobile {display: block !important;position: absolute;left: 40%;z-index: 999;}
.header__middle {display:none;}
.extra-info {display:none;}
.black-icon.mean-container a.meanmenu-reveal span {background: #00507f;}
.breaking__wrapper {float:right;width: 100%;}
.breaking__ticker-active_load {float: right;max-width: 300px;} 
.breaking__ticker-active_load span { padding: 10px 75px !important;}
.breaking__wrapper .breaking__title {float: right;width: 20%;line-height: 16px;}
.breaking__wrapper .breaking__ticker-active {float: right;max-width: 80%;padding: 15px 12px 15px;}
ol.breadcrumb {display:none;}
.hasthags {display: flex;overflow-x: scroll;width: 100%;}
.hasthags span {height: auto !important;padding-top: 7% !important;float: right !important;}
.hasthags a {display: flex;}
}
.breaking__ticker-active_load span {padding: 10px 130px;display: inline-block;}
@media(max-width:500px) { .header__top-area {display:none;} .logostickymobile {display: block !important;position: absolute;left: 40%;z-index: 999;} .header__middle {display:none;} .extra-info {display:none;} .black-icon.mean-container a.meanmenu-reveal span {background: #00507f;} .breaking__wrapper {float:right;width: 100%;} .breaking__ticker-active_load {float: right;max-width: 300px;} .breaking__ticker-active_load span { padding: 10px 75px !important;} .breaking__wrapper .breaking__title {float: right;width: 20%;line-height: 16px;} .breaking__wrapper .breaking__ticker-active {float: right;max-width: 80%;padding: 15px 12px 15px;} ol.breadcrumb {display:none;} .hasthags {display: flex;overflow-x: scroll;width: 100%;} .hasthags span {height: auto !important;padding-top: 7% !important;float: right !important;} .hasthags a {display: flex;} } .breaking__ticker-active_load span {padding: 10px 130px;display: inline-block;} 
header {font-family: helveticaneueltw20-bold;}
header ul li a {color: #01507f; font-size: 14px;}
.fa-heart.text-red {color: firebrick;}
.actionhead {background: #01507f;color: #fff;padding: 0.4rem 0.6rem;display: inline-block;}
.actionhead:hover {background:#fff ;color: #003656;}

.breaking__ticker-active_load span {padding: 10px 130px;display: inline-block;}
.hasthags {background:#fff; border:1px solid #c9c9c9; box-shadow:0px 3px 3px #d9d9d9;}
.hasthags .tags {overflow-x:auto;}
.hasthags span{background:#f6f5f5;padding:.8rem; border-left: 1px solid #c9c9c9;display: inline-block;color:#9b9b9b;margin-left:1rem;}
.hasthags a{background:#efefef;padding:0 .8rem; border: 1px solid #d7d7d7;font-size: 14px;border-radius: 4px;color:#9b9b9b;}
.hasthags a:hover{background:#d8d8d8;}
@media (max-width:500px) {.hasthags {float:right; white-space: nowrap;} .hasthags span{height: 130px;padding-top: 1.5% !important;float: right;}
.hasthags a{ display: inline-flex;margin: 4px;float: right; align-items: center;}
.hasthags::after {content: " ";width: 30px;height: 43px;display: block;position: absolute;left: 16px;background: rgb(160 160 160);background: linear-gradient(90deg, rgb(160 160 160) 0%, rgba(1,79,125,0) 100%);}
}

.stickymenu {position: fixed;top: 0;width: 100%;z-index:9999;box-shadow: 1px 0px 2px #333;right:0;}
.btm_ad_mob_fixed {right:0;}


.post-editors .owl-nav div { position: absolute; height: 30px; width: 30px; left: 30px; top: 50%; transform: translateY(-50%); background: #fff; text-align: center; line-height: 30px; color: #444; transition: .3s; }
.post-editors .owl-nav div:hover { background: #df0001; color: #ffffff; }
.post-editors .owl-nav div.owl-next { left: auto; right: 30px; }
.post-editors {background:#fff;padding:10px;border-radius:5px; min-height: 155px;box-shadow:0px 0px 4px #bbb; }
.post-editors .editor-item{text-align: center; }
.post-editors .postbox__thumb {width: 170px;height: 170px;border-radius: 100%;display: block;overflow: hidden;box-shadow: 0px 0px 3px #eee;}
/*.post-editors .postbox__thumb img {  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.post-editors .postbox__thumb img:hover {  -webkit-filter: inherit; filter: inherit;}*/


/** LECTEUR DE PODCATS ELAPH **/
.more h2 {text-align: center;
  font-size: 23px;
  border-top: 1px solid #444;
  margin-top: 1rem;
  padding-top: 1rem;}

.podcast-player {
  padding: 20px;
  border: 1px solid #000000;
  animation: fadeIn 1s ease-out;
  text-align: center;
  background: #eee;
  height: inherit;
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.podcast-player h3 {color: #000;}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

audio {
  width: 100%;
  margin-top: 10px;
}

.controls {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.controls button {
  margin: 0 15px;
  padding: 20px;
  font-size: 30px;
  color: white; /* Texte blanc */
  background-color: #333; /* Fond sombre */
  border: none;
  border-radius: 50%; /* Boutons ronds */
  cursor: pointer;
  box-shadow: 0 5px 10px rgba(0, 123, 255, 0.2);
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.controls button:disabled {
  background-color: #555; /* Couleur pour les boutons désactivés */
  box-shadow: none;
}

.controls button:hover {
  background-color: #444; /* Change la couleur au survol */
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3);
}

.controls button:active {transform: scale(1);}
.progress-container {margin-top: 20px;width: 100%;}
.progress-bar {width: 100%;height: 10px;background-color: #555; /* Fond de la barre de progression */border-radius: 5px;position: relative;overflow: hidden;}
.progress-bar .progress {height: 100%;background-color: #007bff; /* Barre de progression bleue */width: 0%;border-radius: 5px;transition: width 0.3s ease;}
.time {margin-top: 5px;font-size: 14px;font-weight: bold;}
.button-container {display: flex;margin-top: 20px;animation: slideIn 1s ease-out;align-items: center;justify-content: space-evenly;}
.button-container button {border-radius: 100%;padding: 1rem;height: 50px;width: 50px;position: relative;background: none; border:0;}
.button-container button:disabled {background: #888;}
.button-container button#play-pause-btn {width: 70px;height: 70px;padding: 24px 0;background: #000;border: 3px solid #eee; }
.button-container button#play-pause-btn .fa-pause {color:#bb1919;}
.button-container button#play-pause-btn .fa-play {color:#007bff;}
.button-container button .fa-redo-alt:before {position: absolute;font-size: 50px;left: 0;top: 0;}
.button-container button .fa-undo-alt:before {position: absolute;font-size: 50px;left: 0;top: 0;}
.button-container button .fa-redo-alt {font-size: 11px;}
.button-container button .fa-undo-alt {font-size: 11px;}

@keyframes slideIn {0% { transform: translateY(50px); opacity: 0; }100% { transform: translateY(0); opacity: 1; }}