/*** Spinner Start ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease-out, visibility 0s linear .5s;
    z-index: 99999;
 }

 #spinner.show {
     transition: opacity .8s ease-out, visibility 0s linear .0s;
     visibility: visible;
     opacity: 1;
 }
/*** Spinner End ***/

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 99;
}

.fw-thin {
    font-weight: 100;
}

.text-uppercase {
    font-size: 14px;
}

/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.link-hover {
    transition: 0.5s;
}

.link-hover:hover {
    color: var(--bs-primary) !important;
}


.img-zoomin {
    transition: 0.5s;
}

.img-zoomin:hover {
    transform: scale(1.1);
}

/*** Topbar Start ***/
.sticky-top {
    transition: 0.5s;
    background: var(--bs-white);
}

.topbar {
    padding: 10px 0;
}

.topbar .top-info {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

.topbar .top-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

@media (max-width: 1400px) {
    .sticky-top .top-link {
        display: none;
    }
    
}

.topbar .top-link a {
    font-size: medium;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

.topbar .top-link a small:hover {
    color: var(--bs-secondary) !important;
    transition: 0.5s;
}

.topbar .top-link a small:hover i {
    color: var(--bs-primary) !important;
}

#note {
    position: relative;
    animation: noteAnimate 10s infinite;
    animation-timing-function: ease-in-out;
    display: flex;
    align-items: center;
}

@keyframes noteAnimate {
    from {left: -735px;}
    to {left: 735px;}
}

/*** Topbar End ***/

/*** Navbar Start ***/
.navbar .navbar-nav .nav-link {
    padding: 10px 15px;
    font-weight: 400;
    font-family: 'Fredoka', sans-serif;
    font-size: 16px;
    transition: .5s;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.sticky-top.bg-white .navbar .navbar-nav .nav-link:hover,
.sticky-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 8px;
}

@media (min-width: 1200px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        font-weight: 400;
        font-family: 'Fredoka', sans-serif;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
}

.dropdown .dropdown-menu a:hover {
    background: var(--bs-secondary);
    color: var(--bs-primary);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light) !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
}

@media (min-width: 1200px) {
    .navbar .navbar-collapse .border-top {
        border-top: none !important;
    }
}

#searchModal .modal-content {
    background: rgba(255, 255, 255, .8);
}
/*** Navbar End ***/


/*** Features Start ***/
.features {
    width: 100%;
    background: linear-gradient(rgba(26, 125, 255, 0.5), rgba(255, 255, 255, 0.3)), url(../img/features-background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*** Features End ***/


/*** Top News Start ***/
.news-2 h3 {
    position: relative;
}

.news-2 h3::after {
    content: "";
    line-height: 1.3rem;
    background: var(--bs-secondary);
    position: absolute;
    width: 68%;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    right: 0;
    opacity: 0.2;
}
/*** Top News End ***/


/*** Latest News Start ***/
.latest-news .latest-news-carousel.owl-carousel{
    position: relative;
}

.latest-news .latest-news-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: -65px;
    right: 70px;
    font-size: 20px;
    padding: 2px 20px;
    transition: 0.5s;
    margin-right: 10px;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    border-radius: 20px;
}

.latest-news .latest-news-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: -65px;
    right: 0;
    font-size: 20px;
    margin-left: 10px;
    padding: 2px 20px;
    transition: 0.5s;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    border-radius: 20px;
}

.latest-news .latest-news-carousel.owl-carousel .owl-nav .owl-prev:hover,
.latest-news .latest-news-carousel.owl-carousel .owl-nav .owl-next:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
    border-radius: 10px;
}
/*** Latest News End ***/


/*** Whats New Start ***/
.populer-news .whats-carousel.owl-carousel {
    position: relative;
}

.populer-news .whats-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: -80px;
    right: 70px;
    font-size: 20px;
    padding: 2px 20px;
    transition: 0.5s;
    margin-right: 10px;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    border-radius: 20px;
}

.populer-news .whats-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: -80px;
    right: 0;
    font-size: 20px;
    margin-left: 10px;
    padding: 2px 20px;
    transition: 0.5s;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    border-radius: 20px;
}

.populer-news .whats-carousel.owl-carousel .owl-nav .owl-prev:hover,
.populer-news .whats-carousel.owl-carousel .owl-nav .owl-next:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
    border-radius: 10px;
}

.populer-news .tab-class .nav-item a.active {
    background: var(--bs-primary) !important;
}

.lifestyle .lifestyle-item {
    position: relative;
    overflow: hidden;
}

.lifestyle .lifestyle-item img {
    transition: 0.5s;
}

.lifestyle .lifestyle-item:hover img {
    transform: scale(1.2);
}

.lifestyle .lifestyle-item .lifestyle-content {
    position: absolute;
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    padding: 20px; 
    display: flex; 
    flex-direction: column; 
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
/*** Whats New End ***/


/*** Banner Section start ***/
.banner-2 {
    position: relative;
}

.banner-content-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(rgba(26, 125, 255, 0.7), rgba(255, 255, 255, 0.7));
    z-index: 2;
}
/*** Banner Section End ***/


/*** Footer Start ***/
.footer button:hover {
    background: var(--bs-white) !important;
    color: var(--bs-primary) !important;
}

.footer .footer-item-1 .line-h {
    line-height: 38px;
}

.footer .footer-item-1 a i {
    transition: 0.5s;
}

.footer .footer-item-1 a:hover i {
    color: var(--bs-primary) !important;
}

.footer .footer-item-3 a {
    line-height: 38px;
}

.footer .footer-item-2 a {
    transition: 0.5s;
}

.footer .footer-item-2 a:hover {
    color: var(--bs-primary) !important;
}

.footer .footer-item-3 a {
    transition: 0.5s;
}

.footer .footer-item-3 a:hover {
    color: var(--bs-primary) !important;
}

.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
/*** Footer End ***/



@keyframes glowing {
       from {
     color:#300
  }
  to {
    color:#F00
  }
      }
	   #boxed { 
         -webkit-animation: glowing 1s ease-in-out infinite alternate;
  -moz-animation: glowing 1s ease-in-out infinite alternate;
  animation: glowing 1s ease-in-out infinite alternate;
	  
      }
	  
	  
	  
	  
	  
	  

/* COMMRNTOR*/

.chargemore{padding:5px; margin:4%; margin-left:0; margin-right:0; font-weight:bold;border:1px solid #CCC; font-size:150%; text-align:center; background-color:#EEE; color:#000;}
.comentor{ background-color:#FFF; ; width:100%; }
.comentorcontent{ width:100%; margin-top:4%; margin-bottom:4%; margin-left:auto; margin-right:auto; float:left;}
.rowcoment{ width:100%;  float:left;padding:5px; margin-left:auto; margin-right:auto; margin-top:20px;; } /* user box*/
.rowcoment .rowcoment{ width:100%; float:right;}
.pico{ font-size:40px; float:left; width:10%; overflow:hidden;} /* user avatar*/
.pico img{ width:100%}
.iscomment{ float:right; margin-left:10px;background-color:#FFF; width:100%;  padding:20px; text-align:left; border-radius:15px; border:2px solid #CCC; padding-top:10px;} /* user data*/
.isdate{ padding:10px; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #EEE; font-size:13px;color:#666; background:#EEE;border-radius:8px; } /* user data*/
.isdate a { color:#3CC;font-weight:bold
;}
.iswritten{ font-size:100%; font-weight:normal; padding:10px; padding-left:0; padding-right:0;; text-align:left;} /* user texte*/
.reply{ float:right;} /* user texte*/
#cona{ display:inline; width:50%;}
.slider2 p, .slider2 h3{ text-align:left;}
.comment-form{ display:block; margin-top:20px; float:left; width:100%; text-align:left; }
.input100{ width:100%; margin-bottom:25px; margin-left:0; margin-right:0;; }
.input100 input, .input100 textarea, .input100 select{ width:100%; padding:15px; display:block;border:1px solid #EEE; min-width:100%;max-width:100%; border-radius:0px ; overflow:hidden; outline: none;color:#000; font-weight:normal; font-size:100%; font-family:Arial, Helvetica, sans-serif;}
.input100 textarea{ min-height:190px;}
.input100 label{ display:block; padding:10px;border-radius:0px ; margin-bottom:0px; width:100%; text-align:left; background-color:#EEE; color:#666; font-weight:bold; letter-spacing:2px; font-size:13px; text-transform:uppercase; }


.input50{ width:49%; margin:0px; display:inline-block; margin:4px;; overflow:hidden;; }
.input50 input, .input50 textarea, .input50 select{ width:100%; padding:15px; display:block;border:1px solid #000; min-width:100%;max-width:100%; border-radius:0px 0px 0px 0px; overflow:hidden; outline: none;color:#000; font-weight:bold; font-size:120%; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box;}
.input50 textarea{ min-height:190px;}
.input50 label{ display:block; padding:20px;border-radius:3px 3px 0px 0px ; margin-bottom:0px; width:100%; text-align:left; background-color:#DDD; color:#CCC; font-weight:bold; letter-spacing:2px; padding-bottom:4px; padding-top:4px; font-size:13px; text-transform:uppercase; }



.comentor button { display:inline-block; width:auto; padding:10px; color:#FFF;background-color:#000; margin-top:2%; margin-bottom:2%; border:0px solid #03F;   letter-spacing:2px; cursor:pointer; text-transform:uppercase;;}
.comentor button:hover{ border:0px solid #FE0000; ; background-color:#333; }
.input100 input:hover, .input100 textarea:hover, .input100 select:hover, .input50 input:hover, .input50 textarea:hover, .input50 select:hover{ background-color:#FC0; color:#630}
#maped, .comentorcontent iframe,  .comentorcontent frame{float:right!important;; width:100%!important;; margin-bottom:15px;  border:4px solid #FE0000; margin-left:20px;}
.condition{ font-size:14px; color:#666; list-style:upper-alpha}
.condition li{ padding:10px; }
#cona{ text-align:left;}
.mainloader{width:100%; height:100%; position:fixed; z-index:2000; background-color:#FFF; text-align:center;}
.innerloader{width:70px; height:70px; position:fixed; z-index:2000; background-color:#F00; margin:auto; top:0; bottom:0; left:0; right:0;text-align:center; animation: glow 1.5s infinite alternate;border-radius:100px; text-align:center; line-height:70px; color:#FFF; font-size:10px;}

.mainloader1{width:100%; height:100%; position:fixed; z-index:2000; background:url(../img/blanck.png); text-align:center;}
.innerloader1{width:50px; height:50px; position:fixed; z-index:2000; background-color:#F00; margin:auto;  bottom:4%;  right:4%;text-align:center;border-radius:0px; text-align:center; line-height:50px; color:#FFF; font-size:8px;animation: glow2 0.7s infinite alternate; ;}
#contactForm select{ padding:15px; background-color:#FFF; border:1px solid #CCC; width:100%;}
#responder{padding:15px; background-color:#FFF; border: 2px solid #CCC;border-bottom: 2px solid #FFF;border-radius:5px; box-shadow:1px 2px 1px 1px #CCC;}	  
.cancel{ float:right; color:#F00; font-size:13px; font-weight:bold; cursor:pointer;}
.comecontaner{border-left: 2px solid #CCC; border-radius:0px!important; width:90%; margin-left:10%;border-top: 0px dashed #EEE;}
.fa-star{ color:#FC0}
.ecrimessage{background-color:#EEE;width:100%;  text-align:center;; margin-left:auto; margin-right:auto; margin-top:0; padding-bottom:15px; padding-top:15px; }
.ecrimessageiner{ width:100%; margin-top:8%; margin-bottom:3%; height:auto; margin-left:auto; margin-right:auto;margin-top:0; }

.ecrimessageiner ul{ width:22%;background-color:#FFF;margin:0; height:500px; overflow:hidden;; padding-left:15px;padding-right:15px;padding-bottom:15px;;display:inline-block; margin:1%;; box-sizing:border-box; list-style:none; box-shadow:1px 1px 50px 1px #CCC;}
.ecrimessageiner ul li{ list-style:none; margin:0; padding:0;padding-top:15px;padding-bottom:15px; text-align:left; border-bottom:3px dotted #CCC; }
.ecrimessageiner ul li:last-child{ border-bottom:0px solid #DDD;}
.ecrimessageiner ul li a{ font-weight:normal; font-size:14px;}
.ecrimessageiner ul li a:hover{ text-decoration:underline;}
.ecrimessageiner ul li span{ display:block; font-size:12px; text-align:center; text-align:left; padding:5px;}
.ecrimessageinerbarre1, .ecrimessageinerbarre2, .ecrimessageinerbarre3,.ecrimessageinerbarre4{width:90%; color:#FFF; margin-left:auto; margin-right:auto; background-color:#F00; margin-bottom:15px;}
.ecrimessageinerbarre2{background-color:#F90;}
.ecrimessageinerbarre3{background-color:#39F;}
.ecrimessageinerbarre4{background-color:#003;}
	  .ecrimessageinerbarre1 h4, .ecrimessageinerbarre2 h4, .ecrimessageinerbarre3 h4,.ecrimessageinerbarre4 h4{color:#FFF; padding:5px;}
	  .captioned{ color:#333; border-bottom:0px solid #CCC; background-color:#FFF; font-size:12px; padding:4px; font-style:italic; text-align:center; letter-spacing:0.3px; margin-bottom:25px;}
.tago a{ width:auto; display:inline-block; padding:8px; min-width:100px; text-align:center; background-color:#DDD; color:#000; margin-right:8px; margin-bottom:8px; padding-left:10px; padding-right:10px; border:1px solid #CCC;box-shadow:1px 5px 8px 3px #EEE; font-size:12px;}
.partheme{
	font-size:250%; width:100%; background-color:#FFF; border-bottom:0px solid #CCC; margin-bottom:15px;; padding:10px; text-align:center;}
.archives{width:100%; padding:15px; text-align:center; background:#EEE; border-bottom:1px solid #CCC;}
.archives select, .archives input{ width:auto; display:inline-block; font-weight:bold;margin:1px; padding:13px; text-align:center; height:50px;border:1px solid #000 }
.archives input{ background-color:#000; color:#FFF; border-radius:0; font-weight:bold; text-transform:uppercase; }
@keyframes glow2 { from {  box-shadow: 0 0 100px 1px #000; }to { box-shadow: 0 0 50px 15px #F00;}}
#logoco{ border-radius:0px; border:3px solid #1B7DFF;width:210px; position:absolute; top:11px; left:0%;border-image: linear-gradient(to right, #0CA6DA 0%, #3a4ed5 100%) 1;}


@media (max-width: 760px) {
    #logoco{position:none; top:0px; left:0%; right:0%; margin:auto; border:3px solid #F4F6F8; width:190px;   box-shardow: 0 0 1px 1px #999;
	border-raditus:0px 0px 5px 5px;;border-image: linear-gradient(to right, #0CA6DA 0%, #3a4ed5 100%) 1; border-top:0px; box-shadow:1px 1px 5px 1px #999;}
#bg-lightedit{ height:auto;}}
@media (max-width: 1400px) {
    .ecrimessageiner ul{ width:96%; height:auto;}
    
}