/*---common css---*/
.bg-x{
	background-color: #f2d900 !important;
}
.text-x {
	color: #f2d900 !important;
}
.border-x {
    border: 1px solid #f2d900 !important;
}
.bg-y{
	background-color: #000000 !important;
}
.text-y {
	color: #000000 !important;
}
.text-justify {
    text-align: justify;
}
/*---/common css---*/
.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
padding:0;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}
/*---top header----*/
ul.social-link li a {
    text-decoration: none;
    color: #fff;
    padding: 6px 10px;
    font-size: 17px;
}
ul.social-link li a:hover {
    background-color: #efefef;
    color: #000000;
}

ul.right-list li {
    border-left: 1px solid #fff;
    padding: 6px 0px;
}
ul.right-list li a {
    color: #ffffff;
    padding: 7px 10px;
    text-decoration: none;
    font-size: 13px;
}
ul.right-list li a:hover {
    background-color: #ffffff;
    color: #000000;
}
li.a-plus a {
    background-color: #fff;
    color: #000000 !important;
}
li.a-plus a:hover {
    color: #dd6e03 !important;
}
/*---/top header----*/
.news-logo {
/*  width: 400px;*/
}
/*---main header css---*/
@media (max-width:1024px) {
    .f-sz {
        font-size: 12px;
    }
}
@media (max-width:768px) {
	#navbarNavDropdownDesktop{
		display:none !important;
	}
    .navbar-collapse {
        background-color: #fff;
    }
    ul.navbar-nav.custom-nav li a {
        color: #1c1c1c !important;
    }
    ul.dropdown-menu.custom-menu-list li a {
    padding: 10px 30px !important;
    }
    .f-sz {
        font-size: 33px;
    }
}
@media (max-width:500px) {
	
    .f-sz {
        font-size: 17px !important;
    }
	.nomobile{
		display:none !important;
	}
}
@media (min-width: 1024px) {
  #navbarNavDropdown{
		display:none !important;
	}
}
@media (min-width:769px) {
	
    li.nav-item.dropdown:hover .dropdown-menu.custom-menu-list{
        display: block;
		padding:0;
    }
}
ul.navbar-nav.custom-nav li a {
    font-size: 14px;
    padding: 12px 10px;
    margin: 0px 0px;
    color: #ebebeb;
}
ul.navbar-nav.custom-nav li a:hover {
    color: #000000;
    background-color: #f0f0f0;
}
@media (max-width:425px) {
	.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 45% !important;
    top: 0px !important;
    padding: 0;
  }

	ul.navbar-nav.custom-nav {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	ul.navbar-nav.custom-nav li a {
	    border-top: 1px solid #ffffff2e;
	}
}
ul.dropdown-menu.custom-menu-list li a {
    margin: 0;
    padding: 7px 10px;
    background-color: #f5f5f5;
    color: #000000;
}
ul.dropdown-menu.custom-menu-list li a:hover {
	background-color: #f2d900;
	color: #000000;
}
/*---/main header css---*/

/*---banner-slider---*/
#main-banner > .owl-carousel > .owl-dots {
    display: none !important;
}
#main-banner > .owl-carousel > .owl-nav > button.owl-prev span, 
#main-banner > .owl-carousel > .owl-nav > button.owl-next span {
    line-height: 0 !important;
    font-size: 50px !important;
}
#main-banner > .owl-carousel > .owl-nav > button.owl-prev {
    background-color: #0000004a !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 6em;
    font-size: 30px;
    border-radius: 25px;
}
#main-banner > .owl-carousel > .owl-nav > button.owl-next {
    background-color: #0000004a !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 6em;
    font-size: 30px;
    border-radius: 25px;
}
/*@media (min-width:1024px) {
    #main-banner > .owl-carousel > .owl-nav > button.owl-prev {
        position: absolute;
        left: -510px;
    }
}
@media (max-width:768px) {
    #main-banner > .owl-carousel > .owl-nav > button.owl-prev {
        position: absolute;
        left: 0px;
    }
}*/
@media (max-width:768px) {
    #main-banner > .owl-carousel > .owl-nav > button.owl-prev {
        bottom: 2.5em;
    }
    #main-banner > .owl-carousel > .owl-nav > button.owl-next {
        bottom: 2.5em;
    }
}
@media (max-width:425px) {
    #main-banner > .owl-carousel > .owl-nav > button.owl-prev {
        bottom: 1.5em;
    }
    #main-banner > .owl-carousel > .owl-nav > button.owl-next {
        bottom: 1.5em;
    }
}
/*---/banner-slider---*/
#latest-news > .owl-carousel > .owl-dots {
    display: none !important;
}
#latest-news > .owl-carousel > .owl-nav > button.owl-prev span, 
#latest-news > .owl-carousel > .owl-nav > button.owl-next span {
    line-height: 0 !important;
    font-size: 30px !important;
}
#latest-news > .owl-carousel > .owl-nav > button.owl-prev {
    background-color: #0000004a !important;
    color: #fff !important;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 4em;
    font-size: 18px;
    border-radius: 25px;
}
#latest-news > .owl-carousel > .owl-nav > button.owl-next {
    background-color: #0000004a !important;
    color: #fff !important;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    bottom: 4em;
    font-size: 18px;
    border-radius: 25px;
}
/*---/banner-slider---*/
#gellary > .owl-carousel > .owl-dots {
    display: none !important;
}
#gellary > .owl-carousel > .owl-nav > button.owl-prev span, 
#gellary > .owl-carousel > .owl-nav > button.owl-next span {
    line-height: 0 !important;
    font-size: 30px !important;
}
#gellary > .owl-carousel > .owl-nav > button.owl-prev {
    background-color: #0000004a !important;
    color: #fff !important;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 4em;
    font-size: 18px;
    border-radius: 25px;
}
#gellary > .owl-carousel > .owl-nav > button.owl-next {
    background-color: #0000004a !important;
    color: #fff !important;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    bottom: 4em;
    font-size: 18px;
    border-radius: 25px;
}
/*---/banner-slider---*/
div#clients .owl-nav, div#clients .owl-dots {
    display: none;
}
/*---/banner-slider---*/

/*---footer---*/
ul.footer-list li a:hover {
    color: #000000 !important;
}
ul.social-media li {
    display: inline-block;
}
ul.social-media li a {
    display: inline-block;
    border-radius: 20px;
    padding: 6px 2px;
    text-align: center;
    width: 35px;
    height: 35px;
}
ul.yagi{	display:inline-flex;	list-style:none;	padding:0;}ul.yagi li{	width:48%;	padding: 5px;    text-align: center;}
/*---/footer---*/