/*
colors:
green header: rgba(198,223,95,1)
orange: #f06c00; 
background color flesh :#fff9d4
*/
:root{
    --cold:#2c3531;
    --cola:#116466;
    --colc:#d9b08c;
    --colb: #116466;
    }

html, body {
    margin: 0;
    padding: 0;
 }
 
 body{
 background-color:var(--cold);
 color:var(--colb);

 }
 footer{
     background-color: var(--cola);
 }
 
 .title_txt{
     text-shadow:1px 1px black;
     margin: 20px;
 }
 /* 
 التنبيه */
 #temp_TV{
     display:flex;
     overflow: hidden;
     border-bottom: 3px solid black;
     background-color: white;
     position:relative;
 }
 
 .news_holder{
     flex:0 0 85%;
 }
 
 #temp_TV .news_holder h3{
     white-space: nowrap;
     position: relative;
     display:inline;
     top:30% ;
 }
 
 .TVtitle{
 position: absolute;
 right:-45%;
     padding-right:10px;
     background-image: linear-gradient(to right ,transparent 30%,white 45%); 
     margin:0;
     z-index:10;
     animation-name: notice;
     animation-duration: 1s;
     animation-iteration-count: infinite;
 }
 
 /* -------for call us button------*/
.animate{
    -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.animate-3{
    -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.call_us_container{
  position: absolute ;
  top: 550px;
  left:50px;
  background:var(--blue);
  width: 100vw;
  max-width:100%;
  max-width:100%;
  padding:0;
  display:  flex;
}
  
.button_1{
  background:black;
  border:5px solid gold;
  color:  white;
  font-size:  20px;
  padding:  12px;
  display:  flex;
  width: 100%;
  max-width: 250px;
  border-radius: 100px;
  overflow:hidden;
  height:65px;
  text-align:center;

}
  
  
.text-call_us_container{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  margin-top:65px;

}

.button_1:hover{
  cursor:pointer;
  background:purple;
}
.button_1:hover .text-call_us_container{
  transform: translate(0px,-48px)!important;
}
.button_1:hover .first{
  opacity:0;
}
.button_1 .last{
  opacity:0;
}
.button_1:hover .last{
  opacity:1;
}
 /*------------------topics sticky btns-------*/
 .sticky-icon {
  z-index: 1;
  position: fixed;
  top: 15%;
  right: 0%;
  width: 230px;
  display: flex;
  flex-direction: column;
}
.sticky-icon a {
  transform: translate(160px, 0px);
  border-radius: 50px 0px 0px 50px;
  text-align: left;
  margin: 4px;
  text-decoration: none;
  padding: 10px;
  font-size: 22px;
  white-space: nowrap;
  border:1px dotted #d9b08c;
  transition: all 0.4s ease-out;
}
.sticky-icon a:hover {
  color: #fff;
  transform: translate(20px, 0px);
  box-shadow: 0px 0px 5px white;
  border:none;
}
.topic_btn{
	background-color:#116466;
	color:#FFF;
}
 /*------------------end of topics btns-------*/
 @keyframes notice {
     from   { transform: scale(0.9);}
     25%  {transform: scale(1.1);}
     75%  {transform: scale(1);}
     to   {transform: scale(1);}
 }
 
 

 
 /* header panel slider style*/
 
 .slider {   
 width: 100%;
 background-color: transparent;
 color:  var(--colb);
 overflow:hidden;
 /*264348*/
 
 }
 
 .wordwrap { 
 width:40%;
 }
 
 .row{
     color:white;
 }
 
 /* Change the color of links on hover */
 .info_card_btn:hover {
   background-image: linear-gradient(to top ,transparent,rgba(198,223,95,1));
   border-bottom-color: red;
 }
 
 #websites_holder {
 background: #fff9d4 ;/*#ffffff ;*/
 width:99.5%;
 border: 1px 0 5px 0 gray;
 box-shadow: inset 0 0 10px #000000;
 }
 
 .centered_text{
     text-align:center;
     text-shadow: 1px 1px grey;
 }
 
 @media screen and ( min-width: 0 ) {/*-----------------------------------------------*/
 nav a {
     font-size: 11px;
 }
 nav p {
 display:none;
 }
 #temp_TV .news_holder h3{
     font-size:11px;
 }
 .news_holder{
     height:27px;
 }
 .TVtitle{
     display:none;
 }
 }
 @media screen and ( min-width: 400px ) {/*-----------------------------------------------*/
 nav a {
     font-size: 12px;
 }
 nav p {
 display:none;
 }
 #temp_TV .news_holder h3{
     font-size:14px;
 }
 .news_holder{
     height:30px;
 }
 .TVtitle{
     display:inline-block;
     font-size:22;
 }
 }
 @media screen and ( min-width: 750px ) {/*-----------------------------------------------*/
 nav p {
 display:block;
 }
 nav a {
     font-size: 19px;
 }
 .news_holder{
     height:30px;
 }
 .TVtitle{
     font-size:24;
 }
 }
 @media screen and ( min-width: 1000px ) {/*-----------------------------------------------*/
  nav a {
     font-size: 22px;
 }
 #temp_TV .news_holder h3{
     font-size:18px;
 }
 .news_holder{
     height:40px;
 }
 .TVtitle{
     font-size:32;
 }
 }
 @media screen and ( min-width: 1500px ) {/*-----------------------------------------------*/
     nav a {
     font-size: 28px;
 }
 #temp_TV .news_holder h3{
     font-size:22px;
 }
 .news_holder{
     height:48px;
 }
 .TVtitle{
     font-size:40;
 }
 
 }
@media (max-width: 767px) {
    .call_us_container {
          display: none;
    }
}
 
/* for social media footer styles */

 .fa {
    padding: 20px;
    font-size: 30px;
    width: 35px;
    text-align: center;
    text-decoration: none;
    border-radius: 25%;
    margin: 5px 3px;
  }
  
  .fa:hover {
      opacity: 0.7;
  }
  
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }
  
  .fa-linkedin {
    background: #007bb5;
    color: white;
  }
  
  .fa-youtube {
    background: #bb0000;
    color: white;
  }
  
  .fa-instagram {
    background: #125688;
    color: white;
  }
  
  
  .fa-reddit {
    background: #ff5700;
    color: white;
  }