/**
* style.css
* Author: melad Noor 
* (c) 2018 now-time.com
*/
@import "bootstrap.min.css";
@font-face {
  font-family: 'arabicfonts';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoKufiArabic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'arabicfonts';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoKufiArabic-Bold.ttf) format('truetype');
}
body{
  font-family: 'arabicfonts', Arial;
  font-size:16px;
  background: #f4f4f4;
  line-height: 1.5;
	direction: rtl;
	color: #1d2129;
	  font-weight: 400;
}
h1, h2 ,h3{font-size: 24px;}.wrapper{width: 1200px; margin: auto;}.TimeNow{text-align: center; padding: 10px 5px 34px 5px; background-color: #04679e; border-bottom: 1px solid #29487d;}section{-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); padding: 10px; background-color: #fff; font-weight: bold; margin: -20px auto auto auto;}.clock span{font-size: 80px; display: block; color: #fff; margin: -26px 0px; font-family: 'dubai', sans-serif;}.TimeNow label{color: #f9ff00; font-size: 20px; display: block; padding: 8px;}.navbar-custom{background-color: #4267b2;}/* change the brand and text color */.navbar-custom .navbar-brand,.navbar-custom .navbar-text{color: rgba(255,255,255,.8);}/* change the link color */.navbar-custom .navbar-nav .nav-link{color: rgba(255,255,255,.5);}/* change the color of active or hovered links */.navbar-custom .nav-item.active .nav-link,.navbar-custom .nav-item:hover .nav-link{color: #ffffff;}.container{margin: -20px auto auto auto;}.timebar{background-color: #04679e!important;}.timesec1{background-color: #f9f9f9!important; border: 1px solid #dfdfdf;}.timesec2{border: 1px solid #dfdfdf;}.badge-logo{color: #fff; background-color: #343a40; font-size: 22px;}.badge-more{color: #fff; background-color: #6c757d; font-size: 17px;}.btn-city{color: #fff; background-color: #4267b2; border-color: #4267b2;}.linkover{color: #4267b2; font-size: 18px; font-weight: 500; line-height: 1;}.morelinkcity{color: #4267b2; font-size: 18px; font-weight: 500; line-height: 1; padding: 20px;}.morecom{z-index: 2; color: #fff; background-color: #4267b2; border-color: #4267b2;}.linkmore{color: #fff;}.morecityin{margin: 18px; color: #ffffff; background-color: #04679e; border-color: #007bff;}.timelive{
    font-size: 22px;
    background-color: #4267b2;
    color: white;
}
.timelive2{
    font-size: 34px;
    background-color: #e2e2e2;;
    color: #4267b2;
}
.maindif{color: #fff;}

.badge-clockdif{color: #fff;
    font-size: 15px;
    background: #7d8184;
}
.badge-setting{color: #fff;
    font-size: 13px;
}		
		
/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 409px) {
 .clock span {
    font-size: 60px;
  }
}	 
	
/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 409px) {
h1, h2 ,h3{ 
font-size: 20px;
  }
}

#footer {
    background: #04679e!important;
	padding: 2rem 1rem;
border-radius: .3rem
	
}
#footer h5{
	padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}
		
#setting,#sharefb{display:none}
/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */


	

/* Twitter */
.socialm {

    padding: 20px;
    font-size: 22px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}