@import url('https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&subset=arabic');
/*@import "lesshat";*/
@font-face {
    font-family: 'Rockwell Condensed';
    src: url('../fonts/Rockwell-CondensedBold.eot');
    src: url('../fonts/Rockwell-CondensedBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rockwell-CondensedBold.woff2') format('woff2'),
        url('../fonts/Rockwell-CondensedBold.woff') format('woff'),
        url('../fonts/Rockwell-CondensedBold.ttf') format('truetype'),
        url('../fonts/Rockwell-CondensedBold.svg#Rockwell-CondensedBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body{font-family: 'Cairo', sans-serif;}
.img-res {
	width:110%;
}
a{text-decoration:none;}
.slider-text {
	position: absolute;
	top: 30%;
	right: 60px;
	text-align:left;
}
.slider-text h2 {
	font-size: 40px;
	font-weight: 700;
	color:#7b706a;
	line-height: 50px;
	text-shadow: rgb(238, 238, 238) 0px 5px 5px;
}
.slider-text h1 {
	font-size: 80px;
	font-weight: 900;
	color: rgb(19, 195, 187);
	text-shadow: rgb(238, 238, 238) 0px 5px 5px;
}
#home {
	padding-top: 99px;
	overflow: hidden;
	background:#fff;
}
#home .owl-dots {
	display: block;
	position: absolute;
	left: 0px;
	top: 40%;
	width: 40px;
	background: rgb(255, 255, 255);
	padding: 5px;
	border-radius: 0px 10px 10px 0px;
}
#home .owl-dots .owl-dot{
	padding: 5px;
	border-radius:10px;
	display: block;
	margin:10px 8px;
}
#home .owl-dots .owl-dot.active span {
	height: 30px;
	width: 10px;
	background:#54c3bd;
	display:block;
	border-radius: 10px;
}
#home .owl-dots .owl-dot span {
	height: 30px;
	width: 10px;
	display:block;
	background: #dedbd9;
	border-radius: 10px;
}
#home .owl-dots .owl-dot span:hover{
	background: rgb(189, 183, 180);
}

#home.owl-carousel .owl-stage-outer, #home.owl-carousel .owl-stage, #home.owl-carousel .owl-stage-outer, #home.owl-carousel .owl-item{height:100% !important;}
#home.owl-carousel .owl-item img{width:100%;}

.qaboos{max-width:530px; display:table; margin-top:15px;}
.qaboos .photo{display:table-cell; vertical-align:top;}
.qaboos .message{display:table-cell; vertical-align:top; font-size:28px; color:#7b706a; line-height:40px; text-align:left; font-weight:700; padding-left:15px;}
.qaboos .message span{color:#d9be73; width:100%; display:block;margin-bottom: 10px; margin-top:15px;}


.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}

.top-head{ z-index: 99; position:relative; height:99px !important;}

/*================== Home Page HTML STYLE HERE ==========*/

.first-section{background:#fff;}
.first-section.visible header{visibility:visible;}
header {background:#fff; border-radius:0px; position:relative; }
header .top-header{float:right;}
header .top-header .call{display:inline-block; width:auto; background:url(../img/call.svg) center left no-repeat; padding: 6px 10px 10px 30px;   vertical-align: top; font-size:10px; color:#7b706a; font-weight:700;}
header .top-header .call .number{color:#54c3bd; font-size:16px; font-weight:700;}

header .top-header .top-links{background:#54c3bd; border-radius:0px 0px 10px 10px; display:inline-block; width:auto;}
header .top-header .top-links ul{margin:0px; padding:0px;}
header .top-header .top-links ul li{margin:0px; padding:0px 7px;  display:inline-block; vertical-align:top; }
header .top-header .top-links ul li a{font-size:12px; color:#ffffff;line-height:20px; border-right:#6acbc6 solid 1px; font-weight:600;}
header .top-header .top-links ul li.ar a{border-radius:50%; width:30px; height:30px; line-height:20px; text-align:center; border-right:0px;}
header .top-header .top-links ul li.search a{background:#d9be73; border-radius:50%; width:30px; height:30px; line-height:20px; text-align:center; padding:2px 7px; border-right:0px;}
header .top-header .top-links ul li.search a img{width:15px; vertical-align:middle;     margin-top: -2px;}

header .navbar-default{margin-bottom:0px; padding:0px;}
header .navbar-default .navbar-nav > li a span img{width:12px; }
header .navbar-default {background-color: #fff; border-color: #e7e7e7; border-top:#54c3bd solid 5px; border-radius:0px;}
header .navbar-brand{height:auto;}
header .navbar-default .navbar-brand{width:350px;    height: 100%; border-right: #eee solid 1px;padding: 22px 20px 22px 30px;}
header .navbar-default .navbar-brand img{width:100%;}
    header .navbar-default .navbar-nav > li > a {
        padding: 10px 8px;
        font-size: 15px;
        font-weight: 700;
        color: #54c3bd;
        display: inline-block;
        text-decoration: none;
    }
header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li > a:focus {color:#d9be73;}
#home{position:relative; padding:0px; margin:0px;}
#home:after{background:url(../img/media-bg-bottom-gold.png) bottom right no-repeat; height:270px; width:575px; content:''; position:absolute; bottom:0; right:0;}
.navbar-right{clear:right;}
.dropdown-menu{box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 8px; border:0px; background: #54c3bd;}
.dropdown-menu > li > a{font-weight:600; padding:5px 20px; color:#fff;}
.dropdown-menu > li > a:hover{color:#fff; background:transparent; text-decoration:underline;}

/*== Second Section style start here ==*/

.d-flex {  height:100%; display:table; }
.d-flex .col-sm-6{height: 100%; vertical-align: middle;  float: none;   position: relative;  }

.d-none {  height:100%; display:block; }
.d-none .col-sm-6{height: auto; vertical-align: middle;  float: left; display: inline-block;  position: relative;  }

.second-section .about-us-bg, .ministry-section-bg{padding-top:1%;}
.second-section.visible{background:url(../img/media-bg-bottom.png) bottom right no-repeat, url(../img/media-bg-left.png) bottom left no-repeat; visibility: visible;}
.cd-section.second-section > div{background:transparent;}
.about-us-bg{background:url(../img/media-bg.png) top left no-repeat;}
.about-us{padding-top:0px; /*height: 100vh;  vertical-align: middle; float: none; display: table-cell;*/}
.about-us .grey-box{background:#f8f8f8; box-shadow:rgba(0, 0, 0, 0.15) 0px 5px 15px; display:table; position:relative; margin-bottom:30px; padding:0px;}
.about-us .grey-box .image{display:table-cell; vertical-align:top;}
.about-us .grey-box .image img{vertical-align:top;}
.about-us .grey-box .text{display:table-cell; vertical-align:top; color:#404040; padding:15px; line-height:18px; font-size:14px;}
.about-us .grey-box .text h4{color:#54c3bd; font-weight:700; font-size:20px; margin-bottom:5px;}
.about-us .grey-box .text p{text-align:justify;}
.about-us .grey-box .text .more-link{background:#54c3bd; float:right; border-radius:10px 0px 0px 0px;  padding:0px 10px; font-size:14px; position:absolute; bottom:0; right:0;}
.about-us .grey-box .text .more-link a{color:#fff; }

.ministry-section-bg{background:url(../img/media-bg-right.png) top right no-repeat;}
.ministry-section{padding-top:0px; /* height: 100vh;  vertical-align: middle;  display: table-cell; width:100vh;*/  }
.ministry-section .ministry-box{background:#f8f8f8; box-shadow:rgba(0, 0, 0, 0.25) 0px 5px 15px; display:block; position:relative; margin-bottom:0px; width:100%; padding:20px 15px}
.ministry-section .ministry-icon{text-align:center;}
.ministry-section .ministry-icon i{background:#54c3bd; border-radius:50%; height:70px; width:70px; line-height:70px; display:inline-block; box-shadow:rgba(0, 0, 0, 0.25) 0px 5px 15px; margin-bottom:10px;}
.ministry-section .ministry-icon i img{vertical-align:middle; width:auto; display:inline-block;}
.ministry-section h4{color:#54c3bd; font-weight:700; font-size:16px; margin-bottom:5px;}
.s-title h2{font-size:22px; color:#54c3bd; font-weight:700; line-height:20px; text-align:left; margin-bottom:15px; padding-left: 50px;}
.ministry-section iframe{height:400px;}

#feature-slider .owl-prev{left:-15px; background: url(../img/left-arrow.png) center 50% no-repeat !important; height:40px; width:32px; position:absolute;}
#feature-slider .owl-next{right:-15px; background: url(../img/right-arrow.png) center 50% no-repeat !important; height:40px; width:32px; position:absolute;}
#feature-slider .owl-controls { margin-top: 0px;}
#feature-slider .owl-nav {    position: absolute;    top: 38%; width:100%;}
#feature-slider .owl-nav span{display:none;}


#video-slider .owl-nav .owl-prev{left:0px;  border-radius: 0; background-position: center center !important; height:40px; width:32px; position:absolute; background: url(../img/left-arrow.png) center 50% no-repeat !important; background-color: #fff !important;}
#video-slider .owl-nav .owl-next{right:0px; border-radius: 0; background-position: center center !important; height:40px; width:32px; position:absolute; background: url(../img/right-arrow.png) center 50% no-repeat !important; background-color: #fff !important; }
#video-slider .owl-controls { margin-top: 0px;}
#video-slider .owl-nav {    position: absolute;    top: 41%; width:100%;}
#video-slider .owl-nav span{display:none;}


.social-post{width:100%;}
.social-post .nav{background:#d9be75; display:table; width:100%;}
.social-post .nav li{display:table-cell; width:33%; border-right:#eee solid 1px; text-align:center;}
.social-post .nav li a{color:#fff; border-radius:0px; border-right:#fff solid 0px; padding:5px 0px; display:inline-block; width:100%;}
.social-post .nav li a i{font-size:24px;}
.social-post .nav a.active {color:#54c3bd;  background-color: #54c3bd; color:#fff;}
.social-post .nav > li > a:hover{text-decoration: none;    background-color: #54c3bd; color:#fff;}
.social-post .tab-content{width:100%; padding:15px; border:#ddd solid 1px; border-top:0px; background:#fff;}
.social-post .post-list{padding:10px 0px;}
.social-post .post-list h3{color:#54c3bd; font-size:22px; line-height:30px; font-weight:700;}
.social-post .post-list p{color:#424242; font-size:16px; line-height:22px;}



/*== Third Section style start here ==*/
.third-section{background:#fff;}
.media-bg{background:#d9be73 url(../img/media-bg.png) top left no-repeat; }
.media-section{ position:relative; vertical-align:middle; padding:30px 15px;}
.media-section .s-title h2{font-size:28px; color:#fff; font-weight:700; line-height:30px; text-align:left; margin-bottom:15px;}
.media-section .link{color:#fff; position:absolute; top:35px; right:15px; text-decoration:none; font-size:14px;}
.media-center-tab{padding-top:15px;}
.media-center-tab .nav-tabs{border-bottom:rgba(255, 255, 255, 0.25) solid 1px;}
.media-center-tab .nav-tabs > li{display:inline-block;}
.media-center-tab .nav-tabs > li a{color:#fff; font-size:14px; cursor:pointer; padding: 10px 15px;    display: inline-block;}
.media-center-tab .nav > li > a:hover{background-color: rgba(255, 255, 255, 0.15); border:0px solid transparent;}
.media-center-tab .nav > li > a.active{background-color: rgba(255, 255, 255, 0.15); border:0px solid transparent; color:#fff;}


.media-center-gallery .media-image{border:#fff solid 2px; width:100%; display:inline-block; margin-top:30px; box-shadow:rgba(0, 0, 0, 0.15) 0px 5px 15px; transition:ease all 0.5s; position:relative;}
.media-center-gallery .media-image img{width:100%;  transition:ease all 0.5s; vertical-align:top;}
.media-center-gallery .media-image:hover img{box-shadow:rgba(0, 0, 0, 0.25) 0px 5px 15px}
.media-center-gallery .media-image .gallery-info{position:absolute; bottom:0; left:0; width:auto; height:auto; text-align:center; background:#54c3bd; border-radius:0px 10px 0px 0px}
.media-center-gallery .gallery-info h4{font-size:12px; padding:5px 10px; text-align:center;}
.media-center-gallery .gallery-info h4 strong{font-weight:700;}


.services-box-bg{background:url(../img/media-bg-right-gold.png) top right no-repeat, url(../img/media-bg-bottom.png) bottom right no-repeat; }
.services-box{ padding-top:50px;}
.services-box .white-box{background:#fff; box-shadow:rgba(0, 0, 0, 0.15) 0px 10px 15px; position:relative; margin:30px 0; padding:20px 15px 40px 15px; border:#f7f7f7 solid 1px; text-align:center; color:#404040; font-size:14px; line-height:20px; display:inline-block}
.services-box .white-box i{display:inline-block; vertical-align:top; background:#fff; box-shadow:rgba(0, 0, 0, 0.15) 0px 10px 15px; width: 80px; height: 80px;text-align: center; line-height: 80px;    border-radius: 50%; margin-top: -60px; margin-bottom:15px;}
.services-box .white-box i img{vertical-align:middle; width:50px;}
.services-box .white-box h4{color:#54c3bd; font-weight:700; font-size:16px; margin-bottom:5px;}
.services-box .white-box .more-link{background:#54c3bd; float:right; border-radius:10px 0px 0px 0px;  padding:0px 10px; font-size:14px; position:absolute; bottom:-1px; right:-1px;}
.services-box .white-box .more-link a{color:#fff; }

.services-title h4{font-size:20px; line-height:20px; color:#7b706a; margin-bottom:10px; }

/*== Fourth Section style start here ==*/

.fourth-section.visible{background:url(../img/media-bg-left-blue.png) top left no-repeat, url(../img/media-bg-right-blue.png) top right no-repeat; visibility:visible; position:relative;}
.fourth-section.visible:after{background:url(../img/media-bg-bottom.png) bottom right no-repeat; position:absolute; right:0; bottom:0; height:150px; width:250px; content:'';}
.fourth-section.visible .container-fluid{background:transparent;}
.middle-section{height: 100vh;  vertical-align: middle; float: none; display: table-cell;}

.fourth-section .row{margin-top:8%;}

.events{color:#404040; font-size:14px; line-height:18px; position:relative; display: block;    width: 100%;}
.events .event-image{position:relative; margin-bottom:15px;}
.events .event-image img{width:100%;}
.events h4{font-size:20px; font-weight:700; line-height:26px; color:#7b706a; margin-bottom:15px;}
.events .date{background:#54c3bd; float:right; border-radius:10px 0px 0px 0px;  padding:0px 10px; font-size:12px; position:absolute; bottom:0px; right:-1px;}
.events .date a{color:#fff; }
.events .link{position:absolute; top:7px; right:55px; text-decoration:none;}
.events .link a{color:#54c3bd;}
.events .link a:hover{color:#d9be73;}
.events .owl-pagination { display: block; position: absolute;     right: 0px; top: -10%; left: auto; width: auto;  padding: 0px; border-radius: 0px; background:transparent;}
.events .owl-theme .owl-controls .owl-page span{height:10px;}
.events .owl-theme .owl-controls .owl-page.active span{height:10px;}
.events .owl-controls .owl-item{display:table ; width:100% !important;}
.events .owl-buttons{    position: absolute; top: -40px; right: 30px;}
.events .owl-theme .owl-controls .owl-buttons div{padding: 3px 0px; height:20px; width:20px;}
.events .owl-theme .owl-controls .owl-buttons div.owl-prev{background-size:20px !important; left:-15px;}
.events .owl-theme .owl-controls .owl-buttons div.owl-next{background-size:20px !important;}
.events .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, .events .owl-theme .owl-controls .owl-buttons div.owl-next:hover{opacity:0.5;}

.events .owl-nav {  position: absolute; top: -37px; width: 100%; text-align: right; margin-left: 3px;} 
.events .owl-nav span{display:none;}
.events .owl-nav .owl-prev{left:-15px; background: url(../img/left-arrow.png) center top no-repeat !important; height: 25px;
width: 25px; background-size:20px !important;}
.events .owl-nav .owl-next{background: url(../img/right-arrow.png) center top no-repeat !important; height: 25px;
width: 25px; background-size:20px !important; }


.updates{color:#fff; font-size:14px; line-height:18px; position:relative;}
.updates .updates-image{position:relative; margin-bottom:15px;}
.updates .updates-image img{width:100%; vertical-align:top;}
.updates h4{font-size:20px; font-weight:700; line-height:26px; color:#fff; margin-bottom:5px;}
.updates .date{background:#54c3bd; float:right; border-radius:10px 0px 0px 0px;  padding:0px 10px; font-size:12px; position:absolute; bottom:0px; right:-1px;}
.updates .date a{color:#fff; }
.updates .link{position:absolute; top:7px; right:55px; text-decoration:none;}
.updates .link a{color:#54c3bd;}
.updates .link a:hover{color:#d9be73;}
.updates .owl-pagination { display: block; position: absolute;     right: 0px; top: -10%; left: auto; width: auto;  padding: 0px; border-radius: 0px; background:transparent;}
.updates .owl-theme .owl-controls .owl-page span{height:10px;}
.updates .owl-theme .owl-controls .owl-page.active span{height:10px;}
.update-box{ background: rgba(0, 0, 0, 0.36); border-radius: 0px 10px 10px 0px; position: absolute; z-index: 9; bottom: 40px; max-width: 90%; padding:10px;}

.updates .owl-buttons{    position: absolute; top: -40px; right: 30px;}
.updates .owl-theme .owl-controls .owl-buttons div{padding: 3px 0px; height:20px; width:20px;}
.updates .owl-theme .owl-controls .owl-buttons div.owl-prev{background-size:20px !important; left:-15px;}
.updates .owl-theme .owl-controls .owl-buttons div.owl-next{background-size:20px !important;}
.updates .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, .updates .owl-theme .owl-controls .owl-buttons div.owl-next:hover{opacity:0.5;}



/*== Five Section style start here ==*/

.five-section .footer-bg{vertical-align:top; background:#54c3bd url(../img/footer-bottom.png) right bottom no-repeat; height:100%;  }
.client-logo{background:#f8f8f8; padding:20px 0px; vertical-align:top; width:100%;     box-sizing: border-box;}
.client-logo .owl-item{ border-radius:5px; text-align:center; padding:0px 15px;}
.client-logo .owl-item .item{background:#fff; border-radius:5px;}
.client-logo .owl-theme .owl-controls .owl-buttons div{margin-top:0px;}
.newsletter-bg{background:url(../img/newsletter-bg.png) top left repeat; padding:30px 0px;}
.newsletter-bg .s-title h2{color:#fff; margin-bottom:0px;}
.newsletter-bg .s-title h2 a{color:#fff;}
.newsletter-bg .s-title h2 a:hover{text-decoration:none;}
.newsletter-bg p{color:#fff; font-size:12px;}

.client-logo .owl-item img{width:auto; display: inline-block;}
.client-logo .owl-nav{position:absolute;  top:40%; width:100%;}
.client-logo .owl-nav span{display:none;}
.client-logo .owl-nav .owl-prev{background: url(../img/left-arrow.png) center top no-repeat !important; width: 32px; content: none; position: absolute;
top: 40%; left: -35px; height: 40px;}
.client-logo .owl-nav .owl-next{background: url(../img/right-arrow.png) center top no-repeat !important; width: 32px; content: none; position: absolute;
top: 40%; right: -35px; height: 40px;}

.newsletter-form{ text-align:center;}
.newsletter-form input{background:rgba(255, 255, 255, 0.43); color:#fff; font-size:14px; text-align:left; padding:10px 15px; display:inline-block; border:0px; width:250px; height:46px;}
.newsletter-form button{display:inline-block; border:0; shadow:none; height:46px;}
.blue-btn{background:#54c3bd; color:#fff; font-weight:700; font-size:14px; padding:10px 15px; line-height:26px;}
.blue-btn:hover{background:#d9bd73; color:#fff; }

.social-icons{text-align:right;}
.social-icons li{display:inline-block; list-style:none;}
.social-icons li a{background:rgba(255, 255, 255, 0.43); color:#fff; padding: 0px; font-size: 22px;line-height: 46px; width: 46px; height:46px; display: inline-block; text-align: center;}
.social-icons li a:hover{color:#d9bd73;}

.footer{background:url(../img/footer-right.png) top left no-repeat; padding:70px 0px 0px 0px; height:100%; position:relative;}

.footer h4{font-size:20px; color:#fff; line-height:24px; font-weight:700; margin-bottom:10px;}
.footer .footer-links { margin:0px; padding:0px;}
.footer .footer-links li{list-style-position: inside; position:relative; padding-left:15px;}
.footer .footer-links li:before{background:#fff; height:4px; width:4px; position:absolute; top:12px; left:0; content:'';}
.footer .footer-links li a{    font-size: 14px; color: #fff;line-height: 26px;}


.footer .footer-details { margin:0px; padding:0px;}
.footer .footer-details li{ font-size: 14px; color: #fff;line-height: 26px;}
.copyright{font-size: 14px; color: #fff;line-height: 26px; text-align:center; border-top:#fff solid 1px; padding-top:15px; margin-top:40px;}
.copyright a{color: #fff; text-decoration:none;}


header .navbar-default .navbar-brand{padding: 10px 20px 1px 15px;}

/*====== NEW STYLE START HERE 22-05-2019*/

.list-icons{width:auto; display:inline-block; }
.list-icons ul{margin:0px; padding:0px 5px;}
.list-icons ul li{list-style:none; display:inline-block; font-size:20px; color:#7b706a; line-height:20px; vertical-align:top;}
.list-icons ul li a{ color:#7b706a; padding:0px 5px;}
.list-icons ul li:hover a{ color:#54c3bd;}

header .navbar-default .navbar-brand {  padding: 10px 20px 10px 15px;}
header .navbar-nav{ border-top:#eee solid 1px; margin-top:-40px!important; width:100%;}
header .navbar-collapse{padding:0px;}
.footer .list-icons{width:auto; display:block; margin-top:15px;}
.footer .list-icons ul{margin:0px; padding:0px 0px;}
.footer .list-icons ul li{list-style:none; display:inline-block; font-size:20px; color:#7b706a; line-height:20px; vertical-align:top;}
.footer .list-icons ul li:first-child{padding-left:0px;}
.footer .list-icons ul li a{ color:#fff; padding:0px 5px;}
.footer .list-icons ul li:hover a{ color:#d9be75;}



/*====== NEW STYLE START HERE 14-06-2019*/


.call{background:url(../img/call.png)  0px center  no-repeat; }
.services{background:url(../img/services-center.png) 0px center  no-repeat; }
.newsletter{background:url(../img/newsletter.png)  0px center  no-repeat; }
.ministry{background:url(../img/ministry.png)  0px center  no-repeat; }


.newsletter-bg{padding:0px;}
.newsletter-bg p{font-size:14px; font-weight: 700;}
.newsletter-bg .newsletter-text{padding:30px 0px 30px 30px; transition:ease all 0.5s; transition: transform .33s; transform-style: preserve-3d; height: 100%;
align-items: center; display: flex;}
.newsletter-bg .newsletter-text:hover{background-color:#54c3bd; }
.cube {    height: 100px;    transition: transform .33s;    transform-style: preserve-3d;}
.flippety {    transform: translateZ(50px);    height: 100%;}
.flop {  height: 100%;    width: calc(100% + 5px);    transform: rotateX(-90deg) translateZ(-50px);    background-color: #54c3bd;}
.cube:hover {    transform: rotateX(89deg);}
.cube:hover .flippety {  visibility: hidden;}


.footer .footer-links {margin:15px 0px; text-align:center;}
.footer .footer-links li{list-style:none; border-right:#eee solid 1px; font-size:18px;  margin-bottom:10px; display:inline-block; width:auto; padding:0px;}
.footer .footer-links li:last-child{border:0px;}
.footer .footer-links li:before{display:none;}
.footer .footer-links li a{padding:0 10px; line-height:18px; font-weight:700; font-size:16px;}



.footer .footer-links.dark {margin:15px 0px; text-align:center;}
.footer .footer-links.dark li{list-style:none; border-right:#7a6f69 solid 1px; font-size:18px;  margin-bottom:10px; display:inline-block; width:auto; padding:0px;}
.footer .footer-links.dark li:last-child{border:0px;}
.footer .footer-links.dark li:before{display:none;}
.footer .footer-links.dark li a{padding:0 10px; line-height:18px;  font-weight:700; font-size:16px; color:#7a6f69;}

.footer-bottom {text-align:center; max-width:1024px; margin:0 auto; width:100%;}
.footer-bottom p {font-size:14px; line-height:20px; padding:0px 0px 25px 0px;}

.footer-bottom h5{font-size:16px; font-weight:700; margin-bottom:10px;}
.footer-bottom .list-inline{width:100%;}
.footer-bottom .list-inline li{width:auto; list-style:none; display:inline-block; padding:2px; text-align:center;}
.footer-bottom .list-inline li span{display:block; font-size:12px; color:#fff;}
.footer{padding-top:30px;}
.copyright{border-top:0px;}

.social-icons {    text-align: center;    position: fixed;    width: 40px;    right: 0;    top: 20%;    background: #d9be75; display:none;}
.social-icons li a{background:transparent; width:40px;}
.social-icons li a:hover{color:#54c3bd;}




/*Header change on 14-06-2019*/

header .navbar-default{padding:0 15px;}
header .navbar-nav {    border-top: #eee solid 0px;    margin:5px 0px 0px 0px;    width: auto;}
header .navbar-default .navbar-nav > li > a {    padding:8px 10px;   font-size: 16px;font-weight: 600;    color: #54c3bd; line-height:24px;}
header .navbar-default .navbar-brand {    padding: 20px 20px 20px 15px;}
header .top-header .call{padding:6px 10px 6px 30px;}

.vision-logo {    width: 350px;    position: absolute;    left: auto;    top: 100%;    right: 0;    z-index: 9;}


.main-menu {width:100%; display:block;}
ul.main-menu > li{width:auto; display:inline-block; }
.navbar-nav .dropdown-menu{position:absolute;}
.dropdown-toggle::after{display:none;}
.header{display:flex; }
.header .logo{display:inline-block; width:95%;}
.header .right-menu{ display:inline-block; width:auto; max-width:72%;}

/*======= Mega Menu Change */


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {    color: #fff;    background-color: #54c3bd; text-decoration:none;}
.mega-dropdown {  position: static !important;}
.mega-dropdown-menu {    padding:30px 15px;    width: 100%;    box-shadow: none;    -webkit-box-shadow: none; margin-top:0px; background:rgba(84, 195, 189, 0.75);}

.mega-dropdown-menu > li > ul {  padding: 0;  margin: 0;}
.mega-dropdown-menu > li > ul > li {  list-style: none;}
.mega-dropdown-menu > li > ul > li > a {  display: block;  color: #fff;  padding:7px 0px; white-space:normal; font-size:14px; line-height: 20px;}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {  text-decoration: underline; color:#FFF;}
.mega-dropdown-menu .dropdown-header {  font-size: 16px;  color: #FFF; font-weight:700;  padding:8px 0px;  line-height: 30px;     border-bottom: #eee solid 1px;    margin-bottom: 5px;}
.mega-dropdown-menu .dropdown-header a{padding:0px;}
.main-menu .services-division{padding-top:50px !important;}
.main-menu li.last ul{float:right; left:auto; right:0px;}
dropdown-menu .dropdown-menu li{ line-height:30px;}
ul.dropdown-menu.mega-dropdown-menu .menu-col{display:inline-block; vertical-align:top; width: 19%;  padding: 0 15px;}
.navbar-toggler{display:none;}
.mega-dropdown-menu > li ul > li.dropdown-header > a{font-size: 16px;  }

/*INNER PAGES STYLE START HERE */
.inner-pages .footer-bg{background:#54c3bd url(../img/footer-bottom.png) right bottom no-repeat;}
.inner-pages-content{padding:5px 0}
.opendata-banner{position:relative}
.opendata-banner img{width:100%}
.inner-pages .page-title{position:absolute;right:5%;bottom:2px;font-size:36px;background-color:rgba(123,112,106,0.4);padding:20px 50px;border-radius:20px 20px 0 0;font-weight:bold;line-height:32px; text-align:center}
.nav-title{background-color:#7b706a;color:#FFF;font-size:18px;line-height:45px;border:1px solid #FFF;border-radius:10px;position:absolute;left:-4%;width:100%;padding-left:33px}
.inner-pages-content .leftside-nav{background:#54c3bd url(../img/right-nav-bg.png) no-repeat bottom right;padding:18px;position:relative;border-radius:10px}
.leftside-nav .panel{margin-bottom:0;background-color:transparent;border:0;border-radius:0;box-shadow:none}
.leftside-nav .list-group-item-success{background-color:transparent}
.leftside-nav .list-group-item{border:0}
.leftside-nav a.list-group-item-success:hover,a.list-group-item-success:focus{background-color:transparent;text-decoration:underline}
.inner-pages-content .leftside-nav #MainMenu a{color:#FFF;font-size:18px;line-height:45px}
.inner-pages-content .leftside-nav #MainMenu a:after{content:'\f105';font-family:fontAwesome;position:absolute;right:0}
.inner-pages-content .leftside-nav #MainMenu a div .no-content:after{content:''}
.leftside-nav .list-group-item{background-color:transparent;padding:0}
.leftside-nav a.list-group-item:hover{background-color:transparent}
.leftside-nav a:hover{text-decoration:none}
.leftside-nav #MainMenu{padding-top:50px}
.opendata .about-opendata a{margin-top:0; color: #17c3bb;}
.open-data-box{border:1px solid #d8d8d8;border-radius:10px;font-family:'Cairo',sans-serif}
.open-box-title{border-bottom:1px solid #d8d8d8}
.open-box-title h3{font-size:18px;color:#54c3bd;font-weight:bold;padding:0 17px 0 30px;background:url(../img/open-box-title-icon.png) 15px 21px no-repeat;line-height:50px;position:relative;}
.open-box-title h3 span{ position:absolute; top:8px; right:5px;}
.padding-15{padding:15px}
.open-box-content{font-size:16px;color:#7b706a;line-height:20px;padding:15px;display:table;width:100%; text-align: justify;}
.open-box-content .open-box-content-img{display:table-cell;vertical-align:middle}
.open-box-content .open-box-content-img i{background:#eee;border-radius:50%;height:120px;width:120px;line-height:175px;display:inline-block;text-align:center}
.open-box-content .open-box-data{display:table-cell;vertical-align:middle;padding-left:15px}
.mt-25{margin-top:25px}
.about-opendata{margin:40px 0 20px 0}
.about-opendata p{font-size:16px;color:#7b706a;line-height:20px;font-family:'Cairo',sans-serif; text-align: justify;}
.text-custom-color{color:#17c3bb}
.sec-name{display:inline-block}
.sec-name-icon{margin-left:15px}
.sec-name-img{display:inline-block}
.sec-name h3{color:#7b706a;font-size:18px;font-weight:bold;display:inline-block;vertical-align:top;margin:3px 10px}
.right{float:right;display:inline-block}
.right-icons li{display:inline-block;padding:0 8px; vertical-align:middle; transition: .2s;}
/*.right-icons li:hover{ filter: sepia(100%) brightness(1.2);}*/

.inner-pages.opendata  .leftside-nav li:first-child{border-bottom:0px;}
.inner-pages.opendata  .leftside-nav li:last-child{border-top:0px;}
.leftside-nav .accordion{width:100%;padding:10px 0px}
.leftside-nav .accordion .link{cursor:pointer;display:block;padding:0;line-height:45px;color:#FFF;font-size:18px;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.leftside-nav .accordion .link:hover{color:#dabe74;}
.leftside-nav .accordion li:last-child .link{border-bottom:0}
.leftside-nav .accordion li i{position:absolute;top:16px;left:12px;font-size:18px;color:#fff;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.leftside-nav .accordion li i.fa-chevron-down{right:12px;left:auto;font-size:16px}
.leftside-nav .accordion li.open .link{color:#7b706a; font-weight:700;}
.leftside-nav .accordion li.open i{color:#fff}
.leftside-nav .accordion li.open i.fa-chevron-down{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.leftside-nav .submenu{display:none;background:transparent;font-size:15px}
.leftside-nav .submenu li{border-bottom:1px solid transparent}
.leftside-nav .submenu a{display:block;text-decoration:none;color:#fff;padding:12px 15px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease; font-size:16px; position:relative;}
.submenu a.active {    font-weight: bold;    color: #dabe74 !important;}
.leftside-nav .submenu a:hover{color:#dabe74 !important}
.leftside-nav .submenu a:after{background:url(../img/menu-right-arrow.png) center center no-repeat; content:''; position:absolute; top:10px; right: 15px;    width: 20px;    height: 20px;}
.leftside-nav .submenu a.active:after{background-image:none;}
.leftside-nav .submenu a:hover{color:#FFF}
.leftside-nav li{position:relative;}

.leftside-nav li a.active {    background-color: #7b706a;    color: #FFF;    font-size: 18px;    line-height: 45px;    border: 1px solid #FFF;    border-radius: 10px;    position: relative;     width: 100%;    display: block;    padding-left: 30px;    margin-left: -30px;    box-sizing: content-box;}
.leftside-nav .submenu li a.active {    background-color: #7b706a;    color: #FFF;    font-size: 16px;    line-height: 20px;    border: 1px solid #FFF;    border-radius: 10px;    position: relative;     width: 100%;    display: block;    padding-left: 20px;    margin-left:-10px; box-sizing:border-box; }


.inner-pages .vision-logo {    width: 220px;    left: auto;    top: 100%;    right: 0;    z-index: 9;    display: inline-block; position:relative;}




/*--------------------*/
.back-link a {font-size: 20px; color: #d9be73; vertical-align: bottom;}
.back-link i {color:#d9be73; margin-right:10px; }
.leftside-nav .accordion li i.fa-caret-down {right: 12px; left: auto; font-size: 20px;}
.leftside-nav .accordion li.open i.fa-caret-down{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.inner-pages .leftside-nav{	padding:0;}
.inner-pages .leftside-nav li:first-child{	border-bottom:1px solid rgba(255, 255, 255, 0.5);}
.inner-pages .leftside-nav .submenu li:first-child{	border-bottom: 0px solid #FFF;}
.inner-pages .leftside-nav .link{	border-bottom: 0px solid #FFF;	padding: 0 18px; font-weight:700;}
.inner-pages .leftside-nav li:last-child{	border-top: 1px solid rgba(255, 255, 255, 0.5);}
.inner-pages .leftside-nav .submenu li:last-child{	border-top: 0px solid #FFF;}



/*======E services-inner-mod===========*/
.eservices-inner-mod .leftside-nav {
    background: #54c3bd url(../img/right-nav-bg.png) no-repeat bottom right;
}
.subpage-title img {
    float: right;
}
.subpage-title p {
    font-size: 17px;
    font-weight: bold;
    vertical-align: middle;
    margin-top: 17px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
}
.no-padding-side{
	padding-left:0 !important;
}
.enquiries-data .open-box-data span {
	display: block;
}
.enquiries-data .open-box-content-img {
    display: table-cell;
    vertical-align: bottom;
	padding-right:10px;
}
.enquiries-data .open-box-data p {
    color: #7b706a;
	font-weight:600;
}
.enquiries-data {
	width: 100%;
    padding: 0 10px;
}
.enquiries-data li {
	display: inline-block;
    width:32%;
}
.term-condition li{
    margin: 5px 0;
	position: relative;
    padding-left: 20px;
}
.term-condition li i{
    margin-right: 5px;
	    position: absolute;
    left: 0;
    top: 3px;
}
.block{
	display:block;
}
.target-sector li{
	background: linear-gradient(to bottom, rgba(123,112,106,1) 0%, rgba(123,112,106,1) 50%, rgba(163,155,151,1) 50%, rgba(163,155,151,1) 100%);
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px;
	padding: 5px 17px;
}
.target-sector .open-box-content-img{
	vertical-align:unset;
}
.target-sector .open-box-data {
	text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    font-size: 20px;
	padding-left:5px;
}
.mt-73{
	margin-top:73px;
}
.right-box-shadow{
	box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.2);
}
.right-box .open-box-title h3{
	background:url(../img/open-box-title-icon-colored.png) 15px center no-repeat;
}
.right-box .qr-code {
    display: table;
    margin: 0 auto;
    padding: 10px 0;
}
.right-box p{
	text-align:center;
}
.right-box-colored{
	background-color:#17c3bb;
	border-radius:10px;
}
.right-box-colored .open-box-content{
	padding:5px 15px;
}
.right-box-colored .open-box-content {
	font-size: 19px;
    color: #FFF;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.right-box-colored h3 {
    color: #FFF;
    text-align: center;
    background: none !important;
}
.right-box-colored .open-box-title {
    border-bottom: 1px solid #FFF;
}
.stars {
    width: 100%;
    text-align: center;
}
.stars li {
    display: inline-block;
    margin: 15px 0 0 0;
}
.right-box-colored .rating-content{
	text-align: center;
	font-size: 9px;
	font-weight: normal;
	margin-bottom:15px;
}
/*---slider---*/

.service-stages .owl-carousel .owl-item{padding:0 15px; box-sizing:border-box;}
.service-stages .owl-nav {    position: absolute;    top: 40%; width:100%;}
.service-stages .owl-nav span{display:none;}
.service-stages .owl-prev{left: 7px;     background: url(../img/services-left-arrow.png) center top no-repeat !important; height: 28px; width: 28px;}
.service-stages .owl-next{right: 5px;     background: url(../img/services-right-arrow.png) center top no-repeat !important; height: 28px; width: 28px; position:absolute;}
.service-stages .icon-box{background:url(../img/slider-icon.png) center center no-repeat; width:77px; height:77px; text-align:center; line-height:80px; color:#fff; font-size:20px; font-weight:700; margin:0 auto 10px auto; }
.service-stages p{font-size:11px; color:#08a69f; line-height:14px; text-align:center;}




.eservices-mod .nav-tabs .nav-link {    display: block;    padding: 20px;    border: 1px solid #dee2e6; transition:ease all 0.5s;   text-align: center;    color: #17c3bb;    text-decoration: none;    font-weight: bold;    font-size: 20px;    border-radius: 15px 15px 0 0;    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);	text-transform:none;}
.eservices-mod .nav-tabs .nav-link:hover{	background-color:#FFF;	box-shadow:none;	color:#17c3bb;}
.nav-tabs .nav-link.active{	background-color:#FFF;	box-shadow:none; text-transform: capitalize; 	color:#17c3bb; border-bottom:#fff solid 1px; }
/*.nav-tabs .nav-link.active span{display:block; }*/

.eservices-mod #tabsJustifiedContent {    border: 1px solid #dee2e6;    border-top: none;	 border-radius:0 0 15px 15px;}
.eservices-mod .no-border{	border:none !important;}
.eservices-mod .filter-box {	border: 1px solid #d8d8d8;    float: left; width:100%; max-width:60%;	padding:10px;	border-radius: 10px;}
.eservices-mod .filter-box .filter-icon{text-align:center; line-height:40px; transition: .2s;}
.eservices-mod .filter-box .filter-icon:hover{ filter: sepia(100%) brightness(1.2); }
.eservices-mod .filter-box .filter-icon img{vertical-align:middle;}
.eservices-mod .filter-box .form-control {    display: inline-block;    width:100%; border-radius:10px; box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.10);}
.eservices-mod .form-control{	height:auto;	font-size:16px;	 border-radius:10px; box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.10);}
.eservices-mod .tab-box .open-box-content .open-box-content-img {    display: table-cell;    vertical-align: middle;    text-align: right;}
.eservices-mod .tab-box .tab-apply-button {    border: 1px solid #54c3bd;    color: #54c3bd;    border-radius: 20px;    padding: 0px 20px;	vertical-align: super;	margin-left:5px;}
.eservices-mod .tab-box .tab-apply-button:hover {border: 1px solid #54c3bd;    color: #fff; background:#54c3bd; text-decoration:none;   }
.eservices-mod .tab-box .open-box-content {	border-bottom: 1px solid #d8d8d8;}
.eservices-mod .tab-box .open-box-content .open-box-data{	font-weight:600;	width:80%;}
.eservices-mod .sub-tab.active, .sub-tab:hover{	background-color:#7b706a !important;}
.eservices-mod .subnav-icon{    vertical-align: middle;    margin-left: 20px;}
.eservices-mod .sub-tab {    background-color: #17c3bb;    color: #FFF !important;    border: none !important;    border-radius: 10px !important;    box-shadow: none !important;    margin: 25px 10px;	position:relative;}
.eservices-mod .sub-tab.active:after {    background: url(../img/subnav-icon-bottom.png) no-repeat;    position: absolute;    content: "";    height: 35px;    width: 35px;    top: 85%;    right: 22%;}

.eservices-mod .nav-tabs {    vertical-align: bottom;    align-items: flex-end;}
.content-body h1{font-size:20px; color:#424242; padding:0 15px;}
.content-body{padding:15px 0px;}
.services-classification .tab-pane {display:none; }
.services-classification .tab-pane.active{display:block;}



/*breadcrumb*/
.breadcrumb{background:transparent; padding:0px; margin:0px;}
.breadcrumb li:first-child{background:none; margin-right:0px;}
.breadcrumb li img{vertical-align:top; transition:0.2s;}
/*.breadcrumb li img:hover{ filter: sepia(100%) brightness(1.2); }*/
.breadcrumb li{background:url(../img/sec-name-icon.png) 100% 43% no-repeat; color: #dabe74; font-size:18px;font-weight:bold;display:inline-block;vertical-align:top; line-height: 22px; padding-right:15px; margin-right:10px;}
.breadcrumb li:after{display:none;}
.breadcrumb li a {    color: #dabe74;}


.custom-table{padding:0 10px;}
.custom-table table th{font-size:16px; color:#54c3bd; font-weight:700; vertical-align:top;} 
.custom-table table td{    font-size: 14px;    color: #7b706a;    line-height: 20px;}

.custom-table .tab-apply-button {  border: 1px solid #54c3bd;    color: #54c3bd;    border-radius: 20px;    padding: 0px 10px;	vertical-align: super;	margin-left:5px;margin-bottom: 5px;    display: inline-block;}
.custom-table .tab-apply-button:hover {border: 1px solid #54c3bd;    color: #fff; background:#54c3bd; text-decoration:none;   }


/*=============Press relase page==============*/

.press-release .filter-box{
	max-width:100%;
}
.double-arrow-right img {
    margin-top: 11px;
}
.double-arrow-right {
    text-align: center;
    line-height: 32px;
    background-color: #dabe74;
    border-radius: 10px;
	border: 1px solid #ced4da;
	transition: .3s;
}
.double-arrow-right:hover{
	background-color:#54c3bd;
	border:1px solid #54c3bd;
}
.double-arrow-right:hover a img {
    filter: invert(100%);
}
.double-arrow-right.search{
	line-height:26px;
}
.p-7{
	padding:7px !important;
}
.press-release-img {
    padding: 12px;
    height: auto;
}
.press-release-box .open-box-title{
	border:none;
}
.press-release-list span{
	float:right;
	padding-right:17px;
	margin-top:16px;
}
.press-release-list li {
    display: inline-block;
    margin: 20px 18px 0 13px;
}
.press-release-list li a {
    vertical-align: super;
    margin-left: 7px;
    font-size: 16px;
    color: #54c3bd;
    font-weight: 600;
}
.press-release-list li a:hover{
	color:#dabe74;
}
.press-release-content h4{
	font-size:18px;
	margin-bottom: 10px;
	font-weight: 600;
	color:#7b706a;
}
.press-release-content h4:hover{
	color:#dabe74;
	text-decoration:none;
}
.press-release-list li a:hover, .press-release-content a:hover{
	text-decoration:none;
}
.press-release-content a:hover{
	color:#7b706a;
}
.press-release-content p {
    margin-bottom: 20px;
}


/*.press-release.inner-pages .leftside-nav li:nth-child(2){	border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.press-release.inner-pages .leftside-nav .submenu li:nth-child(2){	border-bottom: 0px solid #FFF;}
.press-release.inner-pages .leftside-nav li:nth-child(3){	border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.press-release.inner-pages .leftside-nav .submenu li:nth-child(3){	border-bottom: 0px solid #FFF;}
*/
/*=====================Contact Minister page=============*/

.contact-minister-text {
    font-size: 18px;
    color: #7b706a;
    padding: 0 17px 0 30px;
    /* background: url(../img/sec-name-icon.png) 15px center no-repeat; */
    line-height: 50px;
    border-bottom: 1px solid #d8d8d882;
    /*border-radius: 10px;*/
}
.form-label{
	font-size: 16px;
	color: #7b706a;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 7px;
}
.contact-minister-form .captcha {
    padding-top: 10px;
}
.contact-minister-form .form-button{
	background-color: #7a6f69;
	border: none;
	color: #FFF;
	font-size: 16px;
	padding: 10px 30px;
	border-radius: 50px;
	font-weight:600;
}
.contact-minister-form .form-button:hover{
	opacity:0.8;
}



/*
.news.inner-pages .leftside-nav li:nth-child(2){	border-bottom: 0px solid #FFF;}
.news.inner-pages .leftside-nav .submenu li:nth-child(2){	border-bottom: 0px solid #FFF;}
.news.inner-pages .leftside-nav li:nth-child(3){	border-bottom: 0px solid #FFF;}
.news.inner-pages .leftside-nav .submenu li:nth-child(3){	border-bottom: 0px solid #FFF;}
.news.inner-pages .leftside-nav li:first-child {    border-bottom: 0px solid rgba(255, 255, 255, 0.5);}


*/
    .inner-pages .visual-library-box{
	box-shadow: 0px 0px 7px rgba(0,0,0,0.18);
	position:relative;	
	overflow: hidden;
}
.inner-pages .visual-library-data {
    background-color: #d1d1d1;
    margin-top: -2px;
	padding:20px 10px;
}
.inner-pages .visual-library-data p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.inner-pages .visual-library-data span {
	font-weight:normal;
}
.visual-library-label {
    position: absolute;
    font-size: 16px;
    color: #FFF;
    top: 20px;
    left: 15px;
    background-color: #000;
    font-weight: bold;
	padding: 7px 10px 7px 23px;
    background: url(../img/white-right-arrow-chairman.png) center left 8px no-repeat #000;
}
.mb-70{
	margin-bottom:70px;
}
.img-box {
    height: 100%;
    overflow: hidden;
    -webkit-transition: .3s ease;
    transition: .5s ease;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
    padding-top: 33px;
}
.img-box:hover img{-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	-webkit-transition: .35 ease;
    transition: .5s ease;
	
}
.img-box img{
	height:100%;
	width:100%;
	webkit-transition: .5s ease;
    transition: .5s ease;
}
.photo-gallery p {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 20px;
    margin-left: 10px;
}
.img-box .demo-gallery-poster {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%;}
.img-box:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.4);
  opacity:1;   position: absolute;  left: 0;  top: 0px;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
  height:100%; width:100%; text-align:center;
}
.img-box .demo-gallery-poster img{width:auto; height:auto; position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-10px;}

header .collapse:not(.show) {
    display: block;}
	
/*======Overview Page===========*/
.no-border-bottom{
	border-bottom:0 !important;
}
.overview-text p{
	font-size: 16px;
	color: #7b706a;
	line-height: 20px;
	padding-top:30px;
	text-align: justify;
	padding-bottom:10px;
}
.overview-text img{
	padding-top:40px;
}
.pt-25{
	padding-top:25px !important;
}

/*legislation-box*/
.legislation-box{
	border: 1px solid #d8d8d8;
	border-radius: 10px;
}
.legislation-box .open-box-title{
	border-bottom:0;
	width:14%;
}
.legislation-box h3{
	padding:5px 30px;
	margin-left:10px;
	background: url(../img/open-box-title-icon.png) 15px 27px no-repeat;
}
.legislation-box .legislation-text {
    font-size: 16px;
    color: #d9be73;
	line-height: 20px;
	text-align: justify;
	font-weight:bold;
	text-decoration:none;
	cursor:default;
}
.legislation-data{
	width:50%;
}
.rightside-date{
	width:18%;
}
.download-text {
    font-size: 16px;
    color: #736964;
    padding: 0 25px;
    line-height: 30px;
    float: right;
    border: 1px solid #55c3ba;
    border-radius: 50px;
	width:auto;
}
.legislation-box .row.d-table{
	width:100%;
}
/*Chairman page*/
.chairman-text p{
	padding-top:16px;
}
.chairman-speech .visual-library-label {
    font-size: 14px;
    padding: 4px 3px 4px 19px;
    background: url(../img/white-right-arrow-chairman.png) center left 5px no-repeat #000;
}
.chairman-speech .visual-library-data{
	padding:10px;
}
.chairman-speech-box {
    background: url(../img/chairman-bg-1.png) top right no-repeat;
	background-color:#dabe74;
	border-radius:10px;
}
.chairman-box-bg{
    background: url(../img/chairman-bg-2.png) bottom left no-repeat;
}
.chairman-speech-box .minister-img {
    position: absolute;
    bottom: 0px;
	left: -50px;
}
.chaiman-content {
    padding: 45px;
}
.chaiman-content h3 {
    font-size: 30px;
	line-height: 40px;
}
.chaiman-content h4 {
    font-size: 20px;
	font-weight:bold;
	line-height: 20px;
}
.chaiman-content p {
    font-size: 16px;
    line-height: 20px;
	text-align: justify;
}
/*======survey page========*/
.survey-que {
    font-size: 18px;
    color: #54c3bd;
    font-weight: bold;
}
.survey-que:before{
	content:url(../img/tick-icon.png);
	margin-right:10px;
	vertical-align: top;
}
.open-box-content.survey-form{
	display:block;
}
.survey-form label {
    font-size: 16px;
	margin: 0 6px;
	font-weight: 600;
}
.survey-form-items li {
    display: inline-block;
}
.accessibility-text{
	font-size: 18px;
	color: #7b706a;
	line-height: 26px;
	font-weight: 700;
	margin-left: 42px;
	margin-top: 15px;
}
.view-result i {
    margin-left: 10px;
}
.view-result {
    color: #d9be73;
	font-size: 16px;
	float: right;
	line-height: 2px;
}
.view-result:hover{
	color:#7b706a;
}
.survey-form.contact-minister-form .form-button {
    margin: 25px 0;
}
.survey-custom-table .table td, survey-custom-table .table th {     border-top: none;    border-left: 1px solid #54c3bd;    text-align: center;    padding: 13px 0; white-space:nowrap;}
.survey-custom-table .table th {     border-top: 1px solid #54c3bd;    border-bottom: 1px solid #54c3bd;    font-size: 20px;    font-weight: bold;    color: #54c3bd; padding: 20px 0px;}
.open-data-box.survey-data-box {    border: 1px solid #54c3bd;}
.survey-custom-table .table {margin-bottom:0;}
.survey-data-box .open-box-title{border-bottom:none;}
.survey-custom-table .table th:first-child, .survey-custom-table .table tr:first-child {	text-align: left;    padding-left: 70px;    border-left: 0; width: 40%;}
.survey-custom-table p {    text-align: left;    margin-left: 30px;}
.survey-custom-table td, .survey-custom-table p, .survey-custom-table a {    font-size: 14px;    color: #7a6f69;    font-weight: normal;}
.survey-custom-table td span {    display: inline-block;    vertical-align: middle;    margin-right: 10px;}

/*--survey popup--*/
.view-result-popup .modal-header h3 {
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    text-decoration: underline;
    text-transform: uppercase;
	line-height:50px;
}
.view-result-popup .modal-title {
    font-size: 18px;
}
.modal-content.view-result-popup{
	background-color: #d9be73;
	border:none;
	border-radius:10px;
}
.view-result-popup .modal-header {
    display: inline-block;
	text-align:center;
	border-bottom:0;
}
.custom-popup .modal-dialog {
    max-width: 570px;
    margin: 70px auto;
}
.view-result-popup .close {
    float: right;
    font-size: 35px;
    font-weight: normal;
    line-height: 1;
    color: #FFF;
    opacity: 1;
    position: relative;
    top: -37px;
}
/*=============Main Page====================*/
/*.partner-directory.inner-pages .leftside-nav li:nth-child(4){	border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.partner-directory.inner-pages .leftside-nav .submenu li:nth-child(4){	border-bottom: 0px solid #FFF;}
.partner-directory.inner-pages .leftside-nav li:nth-child(5){	border-bottom: 0px solid #FFF;}
.partner-directory.inner-pages .leftside-nav .submenu li:nth-child(5){	border-bottom: 0px solid #FFF;}
.partner-directory.inner-pages .leftside-nav li:last-child{border-top:0px solid rgba(255, 255, 255, 0.5);}*/


.partner-box{
	height:100%;
	
}

.partner-list a {
   /* background-color: #7b706a;*/
    width: 100%;
    text-align: center;
    color: #FFF;
    padding: 5px 10px;
	display:inline-block;
    border-radius: 10px;
	font-weight:bold;
	text-transform:uppercase;
}



.partner-list img {
	display:block;
	margin: 0 auto;
	margin-bottom: 10px;
	
}





.main-detail-box {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    padding: 10px;
}
.main-details-content {
    margin-left: 100px;
    color: #54c3bd;
}
.main-detail-box .main-details-logo{
	display:inline-block;
}
.main-detail-box h1 {
    display: inline-block;
    color: #54c3bd;
    vertical-align: top;
    margin-top: 27px;
    font-size: 30px;
    font-weight: bold;
    margin-left: 10px;
}
.main-details-list li {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    width: 75%;
	display:flex;
	line-height: 20px;
}
.main-details-list li span{
	margin-right:10px;
}
.main-details-content h3{
	color: #54c3bd;
    vertical-align: top;
    margin-top: 27px;
    font-size: 20px;
    font-weight: bold;
    line-height:50px;
}
.main-details-content p{
	color: #746a65;
    margin-bottom: 27px;
    font-size: 14px;
	line-height:18px;
	font-weight:600;
	text-align: justify;
}
.main-content-social{
	width:80%;
	border-top:1px solid #d7d4d2;
}
.main-content-social li {
    display: inline;
    vertical-align: middle;
	margin-top:10px;
}
.main-content-social img, .main-content-social a{
	margin-top:10px;
}
.main-details-site{
	float: right;
	padding-top: 4px;
	font-size: 20px;
	font-weight: bold;
	color: #54c3bd;
}
.main-details-map {
    margin-top: 40%;
    margin-left: -5%;
}


.follow-us.left-section {
    position: fixed;
    top:47% !important;
    right: -41px;
    z-index: 1020;
    direction: rtl;
    transition: right .1s ease-in;
}
.follow-us.left-section.active {
    right: 0;
}
.follow-us.left-section li {
    margin-bottom: 1px;
}
.follow-us.left-section li a, .follow-us.left-section li .social {
    overflow: hidden;
    width: 41px;
    height: 43px;
    display: block;
    background-color: #c1c1c1;
    transition: all .2s linear;
    position: relative;
    padding-right: 41px;
    box-sizing: border-box;
	text-decoration:none !important;
}
.follow-us.left-section li a span, .follow-us.left-section li .social span {
    color: #fff;
    white-space: nowrap;
    display: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 41px;
    padding: 0 0 0 10px;
    text-align: left;
}
.follow-us.left-section li a:after, .follow-us.left-section li .social:after {
    content: '';
    background-image: url(../img/social-icons.png);
    background-repeat: no-repeat;
    display: block;
    text-indent: -99999px;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}
.follow-us.left-section li a.guide-tour:after, .follow-us.left-section li .social.guide-tour:after {
    content: '';
    background-image: url(https://www.moccae.gov.ae/assets/d343dd8/tourguidicon.aspx?v2.0);
    width: 41px;
    height: 43px;
    background-position: center;
    background-color: #54c3bd;
}
.follow-us.left-section li a.poll:after, .follow-us.left-section li .social.poll:after {
    background-position: -41px 0;
}
.follow-us.left-section li a.feedback:after, .follow-us.left-section li .social.feedback:after {
    background-position: -84px 0;
}
.follow-us.left-section li a.social, .follow-us.left-section li .social.social {
    background-image: none;
}
.follow-us.left-section li a.social span, .follow-us.left-section li .social.social span {
    padding: 0;
}
.follow-us.left-section li a.social:after, .follow-us.left-section li .social.social:after {
    background-image: url(../img/icon-2017-modify.png);
    background-position: 0 -616px;
    background-repeat: no-repeat;
}
.follow-us.left-section li a.social a, .follow-us.left-section li .social.social a {
    display: inline-block;
}
.follow-us.left-section li a:hover, .follow-us.left-section li .social:hover {
    width: auto;
    min-width: 115px;
    background-color: #54c3bd;
}


.follow-us.left-section li a.social a:hover, .follow-us.left-section li .social.social a:hover {
    width: auto;
    min-width: auto;
}
.follow-us.left-section li a.social:hover, .follow-us.left-section li .social.social:hover {
    background-color: #c1c1c1;
}
.follow-us.left-section li a:hover span, .follow-us.left-section li .social:hover span {
    display: block;
}
.follow-us.left-section li a.rate:hover i {
    display: inline-block; margin: 10px;
}
.follow-us.left-section li a.rate:hover i:hover{ transform: scale(1.2);}
.follow-us.left-section li a.facebook:after, .follow-us.left-section li .social.facebook:after {
    background-position: -164px 0;
}
.follow-us.left-section li a.twitter:after, .follow-us.left-section li .social.twitter:after {
    background-position: -205px 0;
}
.follow-us.left-section li a.youtube-me:after, .follow-us.left-section li .social.youtube-me:after {
    background-position: -246px 0;
}
.follow-us.left-section li a.instagram:after, .follow-us.left-section li .social.instagram:after {
    background-position: -287px 0;
}
.follow-us.left-section li a.linkein:after, .follow-us.left-section li .social.linkein:after {
    background-position: -324px 0;
}

.vision-logo1 {
    position: absolute;
    left: auto;
    top: 100%;
    right: 345px;
    z-index: 9;
}
.vision-logo1 img{ width:100%;}
.mobile_app_icon {
	float: left;
	margin: 4px 20px 0px;
}
.mobile_app_icon ul li {
	display: inline-block;
}
.vision-logo2 {
	width: 100%;
}
.vision-logo2 img{ width:100%;}

/*New Style CHANGES 22-08-2019*/
.vision-logo{background:url(../img/tringle-bg.png) bottom right no-repeat; padding:10px;  width: 500px;     height: 171px;  top:100%;}
.vision-logo .tedad-logo {position: absolute; top: 27px; right: 68px; width: 170px; }
.vision-logo .oman-vision {	position: relative; top: 0px; left: 125px; width: 160px;}
.btn-blue{    background: #54c3bd; display: inline-block; border: none; padding: 10px 30px; margin-top:15px;
border-radius: 50px; font-size: 16px !important; font-weight:600 !important; color:#FFF; line-height: 1 !important;}
.btn-blue i{vertical-align:middle; line-height:38px; display:inline-block;}
.btn-blue:hover{background: #d9be73;color: #fff;}

.slider-text{z-index:999; }
#home:after{z-index:0; display:none;}
#home .item:after{background:url(../img/media-bg-bottom-gold.png) bottom right no-repeat; height:270px; width:575px; content:''; position:absolute; bottom:0; right:0;}



/*==========leguslation page=============*/
.box-bg{
	background-image:url(../img/legislations-bg.png);
	background-repeat:no-repeat;
	background-position:center;
}
.border-bottom.biodiversity-box {
    border-bottom: 1px solid #cac6c3 !important;
}
.biodiversity-box {
	display:table;
	width:100%;
	padding:15px 0;
}
.rightside-date a{
	cursor:pointer;
	margin-right:15px;
}
.legislations-right-content .biodiversity-img{
	position:relative;
}
.legislations-right-content p {
    position: absolute;
    top: 12%;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    left: 20%;
}
.biodiversity-box .legislation-data {
    width: 80%;
	display:table-cell;
}
.biodiversity-box .rightside-date {
    width: 20%;
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}
.biodiversity-box .rightside-date img{
	transition: all 0.1s;	
}
.biodiversity-box .rightside-date img:hover {
    transform: scale(1.05);
}
.legislation-data{
    font-size: 16px;
    color: #7b706a;
    padding: 0 0px 0 35px;
    line-height: 20px;
	vertical-align:middle;
}
/*==========Nature Reserve===========*/
.open-box-data .nature-reserve-readmore {
    color: #736964;
    vertical-align: middle;
    border: 1px solid #54c3bd;
    border-radius: 50px;
    padding: 5px 30px;
    margin: 15px 0 0 0;
    font-size: 16px;
	display:inline-block;
	text-transform: capitalize;
}
.open-box-data .nature-reserve-readmore span{
	vertical-align: text-bottom;
}
.biodiversity-text {
    font-size: 15px;
    color: #7b706a;
    line-height: 20px;
    padding: 15px;
}
.design-box-right-content a{
	border:none;
	padding:0;
	margin: 0 5px;
}
.design-box {
    margin-top: 13px;
}
.design-box .nature-details-dots {
    display: inline-block;
    width: auto;
    float: left;
    margin-top: 4px;
}
.design-box  .design-box-right-content {
    float: right;
}
/*==============Polls===============*/
.open-data-bgbox{background:url(../img/media-bg-bottom.png) no-repeat bottom right;}
.open-data-bgbox .polls-content p{font-weight:600; font-size:16px;margin-bottom: 20px;}
.polls-content .polls-socialmedia{width:100%; margin-left:30px; margin-top:30px;}
.polls-content .polls-socialmedia li{display:inline-block; margin-right:10px; vertical-align: top;}
.polls-content .polls-socialmedia img {    max-width: 45px;}
.polls-content span{display: inline-block;vertical-align: top;margin-right: 10px;}
.poll-box{text-align:center;}
.poll-box .prev-polls {font-size: 20px; color: #54c3bd;  margin-top:15px;  font-weight: 600;  width: 100%; display: inline-block; text-decoration: underline;}
.poll-box p{font-weight:600; font-size:16px; margin-top:35px; min-height:75px;}
.poll-box .prev-poll-button {     margin-top: 35px;    display: inline-block;    padding: 10px 15px;    background-color: #7b706a;    color: #FFF;    border-radius: 15px;}
.poll-box .prev-poll-button:hover{text-decoration:underline;}

/*==========Kids Corner===================*/

.kids-overview {    font-family: 'Rockwell Condensed';    font-size: 40px; margin:35px 0;}
.kids-overview span {	    font-size: 32px;    color: #7b706a;}
.kids-text {    font-size: 16px;    color: #7b706a;    line-height: 24px; text-align: justify;}
.kids-corner-img {    margin-top: 70%;}
.kids-corner-main {    margin-top:30px;}
.kids-corner-box {    background-color: #000;    border-radius: 15px;    text-align: center;    padding:25px 10px;}
.kids-corner-box h3 {     font-family: 'Rockwell Condensed';    font-size: 24px;    margin-top: 15px; text-shadow: 2px 1px 2px #000000; min-height:50px; color:#FFF;}
.kids-corner-thumb a:hover{text-decoration: none !important;}
.sea-green-bg {    background-color: #54c3bd;}
.golden-bg {    background-color: #dabe74;}
.brown-bg {    background-color: #7b706a;}

.kids-overview-boxes li {    display: inline-block; width: 24%; vertical-align: top; padding-right:40px;}



/*===============Kids Gallery===================*/
.kids-gallery .img-box:hover img{transform: scale(1);}
.kids-gallery .img-box img{min-height:212px; max-height:212px;}
.kids-gallery .img-box{height:auto; overflow:visible;}
.kids-gallery .owl-prev {    background: url(../img/prev-arrow.png) center center no-repeat !important;    width: 25px;}
.kids-gallery .owl-next {    background: url(../img/next-arrow.png) center center no-repeat !important;    width: 25px;}
.kids-gallery .owl-prev{top: auto;left: auto;height: 40px;bottom: -16%;right: 30px;background-color: #54c3bd !important; height:25px;}
.kids-gallery .owl-next{top: auto;left: auto;height: 40px;bottom: -16%;right: 0px;background-color: #54c3bd !important; height:25px;}
.kids-gallery .owl-theme .owl-controls .owl-buttons div{border-radius:5px;}
.kids-gallery  p{text-transform: capitalize; color: #7b706a; font-weight: 600;}
.banner-icon {    width: 100px;    position: relative;  margin: -70px auto 0 auto;}

.kids-gallery .owl-nav{text-align: right; margin-top: 10px;}
.kids-gallery .owl-nav span{display:none;}
.kids-gallery .owl-nav .owl-prev{margin-right:10px;}
.kids-gallery .owl-nav .owl-prev, .kids-gallery .owl-nav .owl-next{border-radius:5px;}
.kids-gallery .photo-data {    position: absolute;    top: auto;    bottom: 13px; left:6px;}
.kids-gallery .img-box .kids-videos iframe{min-height: 212px; max-height: 212px; width:100%;}
.kids-gallery .open-box-title h3{background: url(../img/open-box-title-icon.png) 15px 22px no-repeat;}



/*========projects-initiatives=============*/

.projects-initiatives-content p{font-weight:600;}
.projects-initiatives-content h1 {    font-size: 30px;    font-weight: bold;    margin-bottom: 25px;    color: #54c3bd;    text-transform: capitalize; text-align: left;}
.projects-initiatives-content .projects-initiatives-readmore { margin-top: 20px; display: inline-block; background-color: #7a6f69; border: none; color: #FFF;
font-size: 16px; padding: 10px 25px; border-radius: 50px; font-weight: 600; text-transform:capitalize}

/*================Environmental occasions=========*/

.environment-img-box h6 {    color: #54c3bd;    font-size: 24px;    font-weight: bold;    margin: 10px 0;}
.environment-img-box p {     font-size: 20px; font-weight: 700; color:#d9be73;}
.environment-img-box span{margin-right:10px;}
.occasion-filter .form-control{height:36px;}
.occasion-filter .date-icon{background:url(../img/calender-icon.png) no-repeat 96% center;}
.upcoming-event-slider .owl-nav {   position: absolute;    top: -48px;    right: 15px;}
.upcoming-event-slider .owl-nav .owl-prev {    margin-right: 10px;    border-radius: 5px;}
.upcoming-event-slider .owl-nav .owl-next {    border-radius: 5px;}
.upcoming-event-slider .owl-nav span {    display:none;}

.upcoming-event-detail {    padding: 25px 40px;}
.upcoming-event-detail p {    font-size: 16px;    margin-bottom: 10px;    font-weight: 700; line-height:20px; text-transform: none;}
.upcoming-event-detail .upcoming-event-detail-text  {color: #7b706a; line-height:24px;}
.upcoming-event-detail .upcoming-event-list{margin:20px 0 10px 0;}
.upcoming-event-detail .upcoming-event-list li {    color: #7b706a;    font-size: 16px;    font-weight: 700;    margin-bottom: 7px; }
.upcoming-event-detail .upcoming-event-list li span{display: inline-block; vertical-align: middle;}
.time-to-event{ display: inline-block;width: 100%;border-radius: 10px;box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.10);padding: 20px 10px;color: #dabe74; text-align: center; position:relative; z-index:111; margin-top:45px; border: 1px solid #d8d8d8;}
.time-to-event div{    display: inline-block;    font-size: 34px;    font-weight: bold;}
.timer span {    font-size: 20px;}
.time-to-event p {    font-size: 16px;    color: #7b706a;    text-transform: none;    position: absolute;    top: -36px;    right: 20px;    left: auto;    border: 1px solid #d8d8d8;    padding: 8px 25px;    border-radius: 15px 15px 0 0;    border-bottom: 0; z-index:1;}
.calendar-info {    font-size: 16px;    font-weight: 600;}
.calendar-info li {    margin-bottom: 10px;}
.calendar-info li span { height: 15px;    width: 15px;    border-radius: 50%;    display: inline-block;    vertical-align: bottom;    margin-right: 10px;}
.events-calendar .datepicker table{ border-radius: 10px;box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.10);padding: 10px 20px; margin-bottom:30px;}
.events-calendar .datepicker thead tr th, .events-calendar .datepicker tbody tr td{ color: #54c3bd; font-weight: 600 !important;font-size: 16px !important;}
.events-calendar .datepicker table tr td.active.active,
.events-calendar .datepicker table tr td.active:hover.active{background: #dabe74;color: #FFF !important; border-radius:50%; line-height:42px;}
.events-calendar .datepicker tbody tr td.old, .events-calendar .datepicker tbody tr td.new{color: #CCC;}
.events-calendar .glyphicon-chevron-right:before{content:url(../img/golden-next-arrow.png);}
.events-calendar .glyphicon-chevron-left:before{content:url(../img/golden-prev-arrow.png);}
.events-calendar .datepicker tbody tr td.day.envi-event{background-color:transparent; border:2px solid #7b706a; border-radius:50%;}
.events-calendar .datepicker tbody tr td.day.envi-occasion{background-color:transparent; border:2px solid #54c3bd; border-radius:50%;}


.golden-text{color:#d9be73 !important;}
.environment-box{padding:20px;}
.summer-camp-details .summer-camp-button {  background-color: #dabe74; width: auto;    padding: 10px 20px;    border-radius: 15px;    display: inline-block;    color: #FFF;    font-size: 18px !important;  box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.15);}
.summer-camp-details .summer-camp-text {   font-weight: 400 !important; color: #7b706a;font-size: 16px;margin: 20px 0;line-height: 20px; font-weight: 400 !important; text-align: justify;}
.summer-camp-details p {
    font-weight: 400 !important;
    color: #7b706a;
    font-size: 16px;
    margin: 20px 0;
    line-height: 20px;
    font-weight: 400 !important;
    text-align: justify;
}
.summer-camp-list li {    font-size: 16px;  color: #7b706a;  font-weight: 700;    margin-bottom: 15px;}
.envir-image-slider .item img{width:100%;}
.envir-image-slider .owl-nav .owl-prev{background: url(../img/big-white-arrow-prev.png) center top no-repeat !important; width: 34px; left: 7px;height: 55px; border-radius:0 !important; position: absolute;}
.envir-image-slider .owl-nav .owl-next{background: url(../img/white-right-arrow.png) center top no-repeat !important; width: 34px; right: 7px;height: 55px; border-radius:0 !important; left: auto; position: absolute;}
.envir-image-slider .owl-nav {    top: 40%;    position: absolute; width:100%;}
.envir-image-slider .owl-nav span{display:none;}
.summer-camp-register-button { display: inline-block; background-color: #7a6f69; border: none; color: #FFF; font-size: 16px; padding: 10px 30px; border-radius: 50px; font-weight: 600;}
.summer-camp-register-button:hover {color:#FFF;}



/*================Project Initiative=========*/
.hm-message-box{background:url(../img/hm-message-bg.png) right no-repeat; background-size: 60%; padding:25px 0;}
.hm-message-box h5 {    color: #54c3bd;    font-weight: 700;    font-size: 20px;    margin: 20px 0;}
.projects-initiatives-details h4 {    color: #54c3bd;    font-weight: 700;    font-size: 26px;}
.projects-initiatives-details p {    color: #000;    margin-top: 5px;    font-size: 16px;    font-weight: 600;}
.hm-message-box p {    font-size: 18px;    color: #000;    line-height: 26px;    width: 50%;    font-weight: 400; margin-bottom:20px; text-align: justify;}
.projects-initiatives-details p {    margin-bottom: 10px;}
.projects-initiatives-details a img {   display: inline-block;    vertical-align: middle;}
.projects-initiatives-details a {    font-size: 20px;    color: #54c3bd;    font-weight: bold;}


/*========chairman page========*/

.speech-item-slider .visual-library-box{margin:0 10px; }
.speech-item-slider .visual-library-box img{width:100%;}
.speech-slider-pdf .newsletter-box {    min-height: 267px; padding-left: 10px;}
.speech-slider-pdf .newsletter-box p {    font-size: 16px;    color: #7b706a;    margin-top: 20px;    text-transform: none;}
.speech-slider-pdf .newsletter-box span {    padding-left:0px; line-height:30px; font-size: 16px;    color: #54c3bd;    margin-top: 20px;    text-transform: none; font-weight:bold;}

.speech-item-slider .owl-nav{text-align: right; margin-top: 10px;}
.speech-item-slider .owl-nav span{display:none;}
.speech-item-slider .owl-nav .owl-prev{margin-right:10px;}
.speech-item-slider .owl-nav .owl-prev, .speech-item-slider .owl-nav .owl-next{border-radius:5px;}
.speech-slider-pdf .newsletter-box img{width:auto;}



/*==Vision mission page==============*/

.vision-content p{font-weight:600; font-size:18px;}
.vision-content .open-box-content-img{text-align:center;}
.values-list li {    font-weight: 600;    font-size: 18px;    margin-bottom: 5px;    position: relative; padding-left:20px;}
.values-list li:before{position: absolute; top: 5px; left: 0; background: url(../img/values-list-style.png) no-repeat; content: ''; width: 12px; height: 12px;}
.vision-row{display:flex;}
.vision-row .open-data-box{height:100%;}

/*==========Guide Me Popup========*/

.custom-guide-me{top:50px;}
.custom-guide-me .modal-dialog{max-width:600px;}
.custom-guide-me .modal-content{border-radius:15px; background:url(../img/media-bg-bottom.png) right bottom no-repeat #FFF;}
.custom-guide-me .modal-header{border-bottom:none;}
.custom-guide-me .modal-header .close {  font-size: 18px;    background-color: #54c3bd;    border-radius: 50%;    color: #FFF;   box-shadow: none;    padding: 5px 10px; margin:0; line-height:1; opacity: 1; padding: 0px 6px 3px 6px; position: absolute; top: 20px; right: 20px;}
.custom-guide-me .modal-title {     color: #54c3bd;    text-align: center;    width: 100%;    font-size: 26px;    font-weight: bold; padding: 10px 0;}
.custom-guide-me .modal-body p { font-size: 18px;  color: #000; width: 90%; text-align: left; margin: 0 auto; padding: 00px 0 20px 0; font-weight: 600; position:relative; line-height:24px;}
.custom-guide-me .modal-body p::before {    content: ' ';    height: 8px;    width: 8px;    background-color: #54c3bd; display: inline-block;    position: absolute;   top: 7px;    left: -12px;}
.popup-radio {    color: #54c3bd;	margin: 20px 50px;}
.popup-radio .container-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 18px; user-select: none;   font-weight: 600; text-transform: capitalize; }
.popup-radio .container-radio input {  position: absolute;   opacity: 0;   cursor: pointer; }
.popup-radio .container-radio .checkmark {   position: absolute;  top: 0;  left: 0; height: 18px; width: 18px;  background-color: #9b9b9b;  border-radius: 50%;}
.popup-radio .container-radio:hover input ~ .checkmark {  background-color: #ccc;}
.popup-radio .container-radio input:checked ~ .checkmark {  background-color: #9b9b9b;}
.popup-radio .container-radio .checkmark:after {  content: "";  position: absolute;  display: none;}
.popup-radio .container-radio input:checked ~ .checkmark:after {  display: block;}
.popup-radio .container-radio .checkmark:after { 	top: 30%;left: 28%;width: 8px; height: 8px; 	border-radius: 50%;	background: #6d6d6d;}
.popup-radio button {background-color: #7a6f69; border: none; color: #FFF; font-size: 22px; padding: 10px 40px; border-radius: 15px; display: table;   margin: 30px auto;    font-weight: 600;}
.popup-radio button:hover{opacity:0.8}


/*===============Internation organisation Page=======*/

.organisations-box .organisations-details-list li {    font-size: 16px;    font-weight: 600;    color: #000;    margin: 5px 0;}
.keywords-search .form-control {    height: 40px;}
.organisations-filters .double-arrow-right img {    margin-top: 13px;}
.organisations-filters .double-arrow-right{height:40px;}
.organisations-filters .filter-box{padding:0; border:none;}

/*===========Climate Affairs Page=============*/

.climate-affairs p {    color: #7b706a;    font-size: 16px;    line-height: 20px; text-align: justify;}
.climate-affair-accordian .card{border:0; margin-bottom:15px;}
.climate-affair-accordian .card .card-header h3{ border: none;  border-bottom: 1px solid #d8d8d8 !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; }
.climate-affair-accordian .card-header {    padding: 0;    margin-bottom: 0;    background-color: transparent;    border-bottom: 0;}
.climate-affair-accordian .card-header .open-box-title h3 {box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.10); border-radius:10px; cursor:pointer;}
.climate-affair-accordian .climate-affair-text p {    margin: 10px 0;}
.climate-affair-accordian .values-list li{font-size: 16px; margin: 8px 0; text-align: justify; line-height:20px;}
.climate-affair-accordian .values-list li a{color: #54c3bd;}
.climate-affair-accordian .card .card-header .collapsed .open-box-title h3{background: url(../img/open-box-title-icon.png) 15px center no-repeat;}
.climate-affair-accordian .card .card-header .open-box-title h3{background: url(../img/open-box-title-icon-down.png) 15px center no-repeat;}
.climate-affairs-list {    border-top: 2px solid #54c3bd;}
.climate-affairs-list li {    display: inline-block;    margin: 25px 0;    width: 19%; color: #7b706a; font-size: 18px;    font-weight: 600;}
.climate-affairs-list li span {    display: inline-block;    vertical-align: middle;}


/*=============Data Impact page==============*/
.data-impact-videobox{   border: 1px solid #c7c3c4;    padding: 25px;    border-radius: 15px; background:url(../img/data-impact-bg.png) top left no-repeat;}
.data-impact-videobox p {    font-style: italic;    color: #54c3bd;    font-weight: 600;    margin-top: 95px;}
.data-imapact-content .beneficiaries-date {    background-color: #d9be73;    display: inline-block;    padding: 5px 10px;    color: #FFF;    font-weight: 700;    font-size: 16px;    margin-bottom: 15px;}
.data-imapact-content p {font-size: 16px; font-weight:600;}
.beneficiaries-right-content p{    font-weight: 700 !important; text-transform: uppercase;    line-height: 22px;}
.beneficiaries-right-content {    float: right; margin-top:15px; max-width: 425px; width:100%;}
.data-imapact-box {max-height:388px; overflow-y:scroll; width:100%; position:relative;}

.about-opendata a {    color: #FFF;    font-size: 18px;    padding: 8px;    margin-top: 25px;    display: inline-block;}
.about-opendata a span {    padding-left: 15px;    display: inline-block;    vertical-align: middle;}

.initiatives-slider .owl-nav .owl-prev{left: 3px; background: url(../img/left-blue-arrow.png) center top no-repeat !important; height: 20px; width: 12px;
position: absolute; top: 35px;}
.initiatives-slider .owl-nav .owl-prev span, .initiatives-slider .owl-nav .owl-next span{display:none;}
.initiatives-slider .owl-nav .owl-next{right:0px; background: url(../img/right-blue-arrow.png) center top no-repeat !important; height: 20px; width: 12px;
position: absolute; top: 35px;}
.initiatives-slider .ministry-icon {    text-align: center;}

.custom-scrollbar{	margin: 0px -2px 5px;}
.custom-scrollbar::-webkit-scrollbar-track{	background-color: #e2e2e2;}
.custom-scrollbar::-webkit-scrollbar{	width: 6px;	background-color: #e2e2e2;}
.custom-scrollbar::-webkit-scrollbar-thumb{	background-color: #c5c3c1; }


/*==========Audio Library================*/
.audio-library-box {  background-color: #ebebeb;  border-radius: 10px; }
.audio-library-box img{width:100%;}

/*=============download-logos===========*/

.download-logos-text{font-size: 16px; color: #000; font-style: italic; line-height: 24px; text-align: justify;}
.download-logos-box .open-box-data{display:table; padding:0; width: 100%; text-align:center;}
.download-logos-box .open-box-content{padding:15px 0;}
.download-logos-box .open-box-data h4{font-size: 20px; font-weight: bold; border-top: 1px solid #d8d8d8; padding-top:15px;}
.download-logo {    text-align: center;}
.logo-format {    margin-bottom: 15px;}
.logo-format li {    display: inline-block; padding: 10px 20px;    margin: 0 3px;    font-size: 16px;    font-weight: 600;}
.logo-format li a{color:#FFF;}
.logo-format ul{width:100%; text-align:center; margin-top:15px;}


/*=========Kids coloring=========*/

.kids-coloring-img img{width:100%;}
.kids-coloring-box { border: 3px solid #54c3bd;     border-radius: 15px;   text-align: center;    padding: 15px 0;}
.kids-coloring-content h4 {    display: inline-block;    padding: 5px 10px;    font-size: 16px;    font-weight: 600; position:relative; color:#FFF;}
.kids-coloring-content h4::before {    content: url(../img/download-icon.jpg);    background-color: transparent;    position: absolute;    left: -20px;}
.kids-coloring-content {    margin: 15px 0px 25px 30px; text-align:left;}
.kids-coloring-content p {    color: #000;    font-size: 16px;    font-weight: 600;    margin-top: 10px;}
.kids-coloring-box-main{max-width:300px; text-align:center;}


/*=========International Agreement============*/
.agreement-title{	text-transform:none;}
.agreement-box h3{	padding: 15px 30px;font-size:15px;	font-weight:600;	line-height:22px;}
.legislation-box.agreement-box .legislation-text{	font-size:15px;}
.agreement-box .open-box-title{width:80%;}
.agreement-box .open-box-data{width:20%; text-align:right;}
.agreement-box .open-box-data a{margin:0;}


/*Detail page*/
.agreement-details h3 { font-size: 16px; color: #7b706a; border-bottom: 2px solid #d9be73; display: inline-block; line-height: 30px; 
text-transform: uppercase; font-weight: 700; }
.agreement-list li {font-size: 16px; color: #7b706a; position: relative; line-height: 20px; margin: 15px 0; padding-left: 20px;}
.agreement-list li:before{background:url(../img/open-box-title-icon.png) no-repeat !important; position:absolute; left:0;}



/*==========Service Charter======*/
.service-charter-list li {  font-size: 16px;    color: #7b706a;    line-height: 28px;    list-style-position: inside;   position: relative; margin: 5px 0; list-style: disc; margin-left: 30px;}
.contat-us-list{margin-left:25px;}
.contat-us-list li {    display: inline-block;    width: auto;    font-size: 16px; margin-right: 15px;}
.contat-us-list li span{margin-right:8px; color:#7b706a; font-weight:700;} 
.contat-us-list li a{color: #54c3bd; font-weight: 600;}

/*==========Help Center======*/

.subpage-title h2 { font-size: 18px; font-weight: 600; color: #7b706a; margin-top: 25px; }

.e-service-data h1{font-size:24px; margin-bottom:15px;}
.e-service-data .projects-initiatives-readmore span{display:inline-block; vertical-align:middle; margin-right:10px;}
.e-service-data .open-box-content-img img {   width: 150px;     float: right;}


/*=========service-center========*/

.service-center-list li { font-size: 16px; font-weight: 400; line-height: 20px; margin: 10px 0; color: #7b706a; text-align: justify;}
.service-center-list p {    font-size: 26px;    color: #54c3bd;    font-weight: bold; margin-bottom:20px;}
.service-center-list li:before{position: absolute; top: 5px; left: 0; background: url(../img/service-center-list-style.jpg) no-repeat; content: ''; width: 12px; height: 12px;}


/*==============Polltion center==========*/

.pollution-center-accordian .card{margin:20px 0;}
.pollution-center-accordian .card .card-header h3{text-transform:none; padding: 15px 17px 15px 30px; line-height:22px;}
.pollution-center-accordian .card .open-box-title h3 span{margin:0;	}
.pollution-center-list{margin-left:10px; margin-bottom:40px;}
.pollution-center-list li{font-size: 16px; margin: 15px 0; font-weight:normal}
.pollution-center-list li a{color: #54c3bd;}
.pollution-control-deatils span{font-weight:700;}
.pollution-control-deatils a{color:#54c3bd;}
.pollution-level-box .open-box-content .open-box-data{padding-left:0;}
.pollution-level-box .open-box-content{padding-top:0;}
.pollution-level-box .open-box-content span{color:#54c3bd; font-weight:700;}
.pollution-level-box .service-center-list li{display:block;}
.pollution-level-box a{color: #54c3bd; display: block; font-size: 16px; line-height: 28px; font-weight: bold;} 
.pollution-control-table .table th{border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
.pollution-control-table th{padding:10px; font-size:16px; font-weight:600; color: #7b706a;}
.pollution-control-table td{line-height: 22px; font-size:16px; color: #7b706a;}
.service-center-list p span{font-size:16px;}

/*----pollution-reporting-form----*/

.pollution-reporting-details {    border: 1px solid #d8d8d8; border-radius: 10px; color: #7b706a; font-size: 16px; line-height: 24px; padding: 15px;}
.pollution-reporting-details span { font-weight: bold;}
.pollution-reporting-form .survey-form-items li label{font-size: 16px; margin: 6px; font-weight: 600; color: #7b706a;}
.pollution-reporting-form .occasion-filter p { color: #7b706a; font-size: 14px; line-height: 18px; }
.pollution-reporting-form  input[type="radio"]{margin-right:6px;}
.pollution-reporting-form .survey-form-items .radios label{font-size: 16px; margin: 6px; font-weight: 600; color: #7b706a; margin-left:10px;}
.pollution-reporting-form .upload-label {position: absolute; top: 4px;  right: 8px; left: auto; z-index: 1; background: #54c3bd; border-radius: 15px;   color: #fff; font-weight: 600; padding: 5px 15px; height: 26px; line-height: 16px; font-size: 12px;}
.pollution-center-accordian .contact-minister-form .form-button{margin-left:10px;}
.bootstrap-datetimepicker-widget{background-color:#FFF;}
.pollution-reporting-form .form-label{margin-left:0;}

/*=======Environment Notification Page==========*/
.envt-notification .open-box-data p { font-size: 16px; font-weight: 600; margin-left:20px; }
.envt-notification .open-box-data p:before{	content: url(../img/call-green.png); 	position: absolute;	left: -35px; top: -5px; }
.envt-notification .open-box-content p {    font-size: 16px;     font-weight: 400; 	margin-top:5px;	margin-bottom:10px;  position:relative;}
h4.download-logos-text{margin-left: 18px;}
.envt-notification .open-box-title h3{background: url(../img/open-box-title-icon.png) 15px 20px no-repeat;}

/*==========Ministry Achivement===*/
.ministry-achievements .open-box-content-img img {   width: 150px;     float: right; margin-left:20px;}

/*=====Environment Strategy========*/
.env-strategy h3 { line-height: 22px; padding: 10px 0 10px 34px; background: url(../img/open-box-title-icon.png) 15px 16px no-repeat;}
.env-strategy .open-box-title h3 span{margin-top:0; margin-right:8px;}


/*=========Social Media=======*/
.social-media ul{border-bottom:1px solid #d8d8d8; vertical-align: bottom; align-items: flex-end;}
.social-media ul li{margin-right:10px; width: 10%; margin-bottom:-1px;}
.social-media ul li a{ display: block; padding: 20px; border: 1px solid #dee2e6; transition: ease all 0.5s; text-align: center; color: #17c3bb; border-radius: 15px 15px 0 0; box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2); font-size:20px;}
.social-media ul li a.active, .social-media ul li a:hover {   background-color: #FFF; box-shadow: none;     color: #17c3bb; border-bottom: #fff solid 1px;}

.social-media .tab-content{border:1px solid #d8d8d8; border-radius: 0 0 15px 15px; border-top:0px; padding: 15px 20px;}


/*============Vision-logo===========*/

.vision-logo{right:300px; width: 410px; height: 131px; left:auto; top: 100%; background-size: 80%; background-position:top;}
.vision-logo .oman-vision{left: 150px; top:0;}
.vision-logo-tedad{right:0; left:auto;}
.vision-logo .tedad-logo{top:20px; right:30px; left:auto;}
.vision-logo .tedad-logo img{width:70px;}

/*==========Searchbox=======*/

.search .dropdown-menu{right:0; left:auto; min-width:25rem; padding:10px; background:#FFF; border-radius:7px; top:29px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;}
.search .dropdown-menu:before {    content: ''; display: inline-block; border-left: 12px solid transparent; border-right: 12px solid transparent;     border-bottom: 12px solid #FFF; position: absolute; top: -8px; left: auto; width: auto; height: auto; right: 8px; }
.search .dropdown-menu input{position:relative;}
.search .form-button {position: absolute; top: 11px; right: 10px; padding: 9px 15px; font-size: 16px; border-radius: 0 10px 10px 0;}

/*==========Newsletter======*/

.custom-newsletter-popup .modal-body{padding:1rem 12rem 5rem 12rem;}
.custom-newsletter-popup .contact-minister-form{position:relative;}
.custom-newsletter-popup .contact-minister-form .form-button{position: absolute; top: 1px; left: auto; right: 0px; font-size: 18px; padding: 0px 20px; border-radius: 0 10px 10px 0; height: 34px; }
.custom-guide-me.custom-newsletter-popup .modal-body p{width:100%;}
.newsletter{cursor:pointer;}

/*========Changes===========*/

.enquiries{padding:0;}
.enquiries-data {    padding: 0 0px 0 10px;}
.enquiries-data .open-box-content-img {padding-right: 5px;}
.enquiries-data a{color: #7b706a;}
.enquiries-data a:hover{color: #17C3BB;}
.target-sector a:hover{text-decoration:none;}
.legislation-date{float:right;}
.legislation-date1{float:left; color:#54c3bd;}
.rightside-date .file-size {font-size: 14px; line-height: 36px; font-weight: 600; color: #000; padding-right: 10px;}
.download-text img {   display: inline-block;    vertical-align: middle;    margin-right: 5px;}
.rightside-date a.download-text{    color: #54c3bd !important;  padding:5px 25px; line-height: 10px; transition: all .3s; margin-right:0;}
.rightside-date a:hover{color:#000 !important;}
.eservices-mod .organisations-filters .filter-box{max-width:100%;}
.legislation-box.agreement-box h3{	background: url(../img/open-box-title-icon.png) 15px 20px no-repeat;}
.international-orga-list li{width: 32%;}
.legislation-box.agreement-box h3 p{color: #7b706a; text-transform:none; font-weight: normal; line-height:20px;}
.legislation-box.agreement-box .legislation-text {font-size: 16px;  font-weight: normal; line-height:20px;}
.pollution-control-details span{font-weight:700}
.pollution-control-details a{color: #54c3bd}
.pollution-control-details span img {display: inline-block; vertical-align: middle;  margin-right: 5px;}
.pollution-control-details p {  margin-bottom: 5px;}
.tell-friend-form.contact-minister-form .captcha {  padding-top: 0px;}
.feedback-radio label{display:block; margin:5px 0;}
.ministry-achievements .open-box-title h3{line-height: 29px; padding: 10px 17px 10px 30px;}
.disclaimer-box {  min-height: 255px;}
.e-service-img{height:150px; width:150px; display:block; float:right}
.e-service-data .open-box-data p{min-height:60px;}
.upcoming-event-list a{color: #7b706a;}
.partner-list img{height: auto; width: 100%;}
.partner-list a{padding:5px 0;}

.main-test .partner-list img{height: auto; width: auto;}
.main-test .partner-list .main-title{background-color: #7b706a; width: 100%; text-align: center; color: #FFF; padding: 5px 10px; display: inline-block;
border-radius: 10px; font-weight: bold; font-size:13px; text-transform: uppercase;}

/*==============accessibility============*/

.font-size{border:1px solid #d8d8d8; border-radius:10px; padding:15px 10px; color: #7b706a; text-align:center;}
.font-size .f-10{font-size:10px;}
.font-size .f-16{font-size:16px;}
.font-size .f-22{font-size:22px;line-height: 25px;}
.font-size .f-28{font-size:28px;line-height: 30px;}
.font-size .f-34{font-size:34px;line-height: 35px;}
.font-size .f-40{font-size:40px;line-height: 45px;}
.accessibilitypage-text h3 {font-size: 16px;    color: #fff;    border-bottom: 2px solid #fff;   display: inline-block;   line-height: 30px;    text-transform: uppercase;    font-weight: 700;}
.accessibilitypage-text p {   font-size: 16px;     color: #fff;     line-height: 20px;    padding-top: 30px;}
.accessibilitypage-list li{font-weight:normal; font-size:16px;}
.accessibilitypage-list li:before{background: url(../img/white-tick.png) no-repeat;}
.accessibilitypage{padding:80px 0;}
.ordered-list{color: #7b706a; font-weight:700; margin-top:25px; font-size:16px;}
.ordered-list li{ margin:5px 0;}
.accessiblity-box {min-height: 442px;}


/*===========Important Links==========*/

.imp-links li a{color: #7b706a; }


/*==============Publish data=========*/

.publish-data-box .open-box-title h3{line-height: 24px; background: url(../img/open-box-title-icon.png) 15px 18px no-repeat; padding: 10px 30px;}
.publish-data .open-box-content-img {  width: 20%;}
.publish-data .open-box-data{width:80%; text-align:left;}
.publish-data .open-box-data a:hover{color:#d9be73; text-decoration:none;}

/*===========Contact Us=============*/

.contact-details h3{margin-bottom:20px; }
.contact-details p {    font-size: 16px;  color: #7b706a;     font-weight: 600; position:relative; padding-left:40px; margin-bottom:25px; line-height:20px;}
.contact-details a {    font-size: 16px;    color: #7b706a;}
.contact-details p span {  position: absolute; left: 0px; top:-5px;}
.m-25{margin:25px 0;}
.e-form-details {   padding: 30px 0; }
.contact-e-form {    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px; padding:0 10px}
.e-form-details h2 {   font-size: 16px;    text-transform: uppercase;     font-weight: bold; line-height:20px;}
.e-form-details p {   font-size: 16px;    margin-top:10px; font-weight: 600; line-height:20px;}
.location-map {   margin: 25px 0; border:16px solid #FFF; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;}
.img-right{text-align:right}


/*===========Archives==========*/


.archive-box .open-box-title {    width: 65%;}
.archive-box .open-box-title a{color: #54c3bd;}
.archive-box .sub-section{width:15%; font-size: 16px;     color: #7b706a; line-height: 20px; text-align:right;}
.archive-box .pages, .archive-box .visitors {width:10%; font-size: 16px;     color: #7b706a; line-height: 20px; text-align:right;}
.archive-box .legislation-data{padding:0;}

/*====News Archives====*/

.news-archives .rightside-date a.download-text{line-height:20px;}
.archive-pagination .page-link{font-size: 16px; color: #7b706a; font-weight:600; line-height: 20px; vertical-align: middle;}
.archive-pagination .page-link{ border:1px solid #d8d8d8; padding:10px;}
.archive-pagination .page-item:first-child .page-link{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.archive-pagination .page-item:last-child .page-link {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.page-item.active .page-link{background-color: #54c3bd; border-color: #54c3bd;}

/*========Changes===========*/
.feedback-popup .modal-body{padding:2rem}
.tooltip-inner{font-size:14px;}
.data-impact-button {   margin-top: 15px !important;}
.blank-box {    height: 250px;    width: 100%;}

.feedback-radio h3 {    font-size: 22px;}

.ministry-achievements .open-data-box {   min-height: 280px;}

.close-popup a{  font-size: 18px !important; background-color: #54c3bd !important; border-radius: 50% !important; color: #FFF !important; box-shadow: none !important; padding: 5px 10px !important; margin: 0 !important; line-height: 1 !important; opacity: 1 !important; padding: 0px 6px 3px 6px !important;
position: absolute !important; top: -20px !important; right: -300px !important; text-decoration:none !important;} 


/*====Custom Radio Button=============*/
.cus-radio {  display: block;   position: relative;  padding-left: 35px;  margin-top: 0px;  cursor: pointer;  font-size: 22px;  -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;  font-size: 19px;  color: #7b706a;  line-height: 25px;    font-weight: 600;}
.cus-radio input {  position: absolute;  opacity: 0;  cursor: pointer;}
.checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: #eee;  border-radius: 50%;}
.cus-radio input:checked ~ .checkmark {	background-color: #54c3bd;}
.checkmark:after {  content: "";  position: absolute;  display: none;}
.cus-radio  input:checked ~ .checkmark:after {  display: block;}
.cus-radio .checkmark:after { 	top: 9px;	left: 9px;	width: 8px;	height: 8px;	border-radius: 50%;	background: white;}
.align-radiobutton {    margin-top: 25px;}
.align-radiobutton label {    display: inline-block;}

/*===========Changes=============*/
.etender-text img{padding-top: 20px;}
.overview-text .link{ 	font-size: 16px;    color: #54c3bd;    line-height: 20px; }
.etender-register p{ 	padding-top: 18px; }
.resize-btn .btn-blue{padding: 5px 37px;   border-radius: 25px;        font-size: 16px;        font-weight: 600;}
.envt-award-list li{width: 24%;}
.vision-content li {    font-size: 18px;    font-weight: 600;}
.open-box-data .nature-reserve-readmore img {  width: auto;	padding-top: 0;}
.main-top {    float: right;}
.main-top .contact-minister-form {     float: left; margin-right:20px;}
.main-top .pagination {    float: right;}
.e-service-data .open-data-box {   min-height: 233px;}
.open-data-strategy-img {    width: auto !important;    margin: 0 auto;    display: table;}
.contact-minister-form input[type=text]{height:36px;}

.side-logos {    text-align: center;    position: fixed;  width:100px; right: 0px;    top: 15%; z-index:11; padding:5px; }
.side-logos a{cursor:pointer;}
.side-logos a img{margin-bottom:5px;}
.oman-vision img {    width: 80px;}
.tedad-logo img {    width: 60px;}
.popup-logos {    margin: 0 auto;display: table;padding: 0px 0px 50px 0;}
.popup-logos a{display:table-cell; width:50%; text-align:center;}
.popup-logos a:hover{text-decoration:none;}
.popup-logos .oman-vision img, .popup-logos .tedad-logo img {width:auto; margin:0 25px;}
.popup-logos h4 {   font-size: 18px;    color: #000;	font-weight: 600;line-height: 24px;display: inline-block;}
.open-box-content .open-box-content-img img{margin:0 5px;}


/*---------Sitemap----------*/
.sitemap_content h2 { background-color: #f5f5f5; font-size: 20px; color: #333; font-weight: 600; line-height: 26px; padding: 15px; margin-bottom: 15px;}
.sitemap_content ul{ margin-bottom:30px;}
.sitemap_content ul li:first-child{ padding:0px;}
.sitemap_content ul li a { width: 100%; border-bottom: 1px dashed #ccc; display: inline-block; font-size: 15px; line-height: 18px; color: #7b706a; margin-bottom: 0px; padding: 10px 0px; transition: all 0.5s ease 0s;}
.sitemap_content ul li h3 { font-size: 17px; color: #54c3bd; font-weight: 600; line-height: 22px; margin-bottom: 5px;}
.sitemap_content ul li h3 a{ color: #54c3bd; font-size:17px; line-height:22px; margin-bottom:5px;}
.sitemap_content ul li i { width: 15px; transition: all 0.5s ease 0s;}
.sitemap_content ul li a:hover{ color: #54c3bd; text-decoration:none;}
.sitemap_content ul li a:hover i { padding-left:4px;}

.visual-library-box-img{ overflow:hidden;}
.visual-library-box-img img{ transform: scale(1); transition: all 0.3s;}
.visual-library-box:hover img{ transform: scale(1.1);}

.visual-library-box.cmng_sn .visual-library-box-img{ position:relative;}
.visual-library-box.cmng_sn:hover .visual-library-box-img::before{ width:100%; height:100%; background-color:rgba(0,0,0,0.5); content:''; position:absolute; left:0px; top:0px; z-index:1;}
.visual-library-box.cmng_sn span{ width: 130px; height: 25px; font-size: 22px; color: #fff; display:none; position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; text-align: center; z-index: 2; transition: all 0.5s ease 0s;}
.visual-library-box.cmng_sn:hover span{ display:block;}

.main-box .partner-list {   border-bottom: 1px solid #d8d8d8; min-height: 191px;}
.main-test .partner-list .main-title{margin-bottom:20px;}
.audio-gallery .img-box {    height: auto;}
.visual-library-box img {    transition: all 0.5s;    overflow: hidden;}
.hm-message-popup .modal-dialog {    max-width: 800px;}
.hm-message-popup .modal-title {padding:0;}
.etender-text-box {    min-height: 130px;}
.open-box-data p {    text-align: justify;}

 
 /*Left menu change*/
 .inner-pages .leftside-nav li{	border-bottom:1px solid rgba(255, 255, 255, 0.5); }
 .inner-pages .leftside-nav li:last-child{border-top:0px; border-bottom:0px; padding-bottom:5px;}
 .inner-pages .leftside-nav li .submenu li{border-bottom:0px;}


.download-logo img {    width: auto;    max-height: 126px;}
.color-book-slider .owl-item img {   display: block;    width: auto;    margin: 0 auto;}
.kids-publication .newsletter-box{min-height:auto;}

.ministry-section .ministry-icon a:hover{text-decoration:none;}
.support-service-button a{margin:0 10px}
.right-box .open-box-title h3 {    	text-transform:capitalize}
.right-box .qr-code{margin:0 auto !important;}
.right-box-shadow .open-box-data p{ text-align:center;}
.climate-affairs-list li{width: 24%;}
.international-orga-list li {    width: 32%;}
.services-box .white-box p {    min-height: 101px;}
.eservice-video-btn {    padding: 13px 25px !important;    margin: 0 10px;}

.text-slider{width:100%; display:flex; }
.text-slider .open-box-content-img {width: 30%; }
.text-slider .open-box-data{width:70%; padding-left:0px;}
.text-slider .owl-dots {position:absolute; bottom:-30px;}
.text-slider .owl-dots .owl-dot{background:#d9be73; width:10px; height:10px; margin-right:3px;}
.text-slider .owl-dots .owl-dot.active{background:#54c3bd; }


/*=======Publication & Reports page======*/

.publication .legislation-box {    border: none;    border-radius: 0;   padding: 20px 0;}
.knowledge-books, .reports{padding:25px;}

.knowledge-books.speech-slider-pdf .newsletter-box{min-height:auto; margin-bottom:25px;}
.knowledge-books .speech-slider-pdf .newsletter-box{min-height:auto; margin-bottom:25px;}
.brown-text{color: #7b706a !important;}

/*=======Loader======*/
.loader, .loader:after { border-radius: 50%; width: 100px; height: 100px;}
.loader {margin: 0px auto; font-size: 10px; position: relative; text-indent: -9999em; transform: translateZ(0);  animation: load8 1.1s infinite linear; top:50%; margin-top:-150px; background:url(../img/climate-gif.gif) center center no-repeat; width:300px; height:300px; background-size:100%;}
/*@-webkit-keyframes load8 {
	0% {
    	-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
    	-webkit-transform: rotate(360deg);
        transform: rotate(360deg);
     }
}
@keyframes load8 {
	0% {
    	-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
    	-webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}*/
#loadingDiv { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#FFF; z-index:9999;}

/*===============Changes================*/

header .top-header .top-links ul li.search a.advance-search-text {color:#54c3bd; font-size: 16px; text-align: center;background: transparent; display: table; width: 100%; margin-top: 10px;}
.search .dropdown-menu{padding-bottom:3px;}
.img-replace {  display: inline-block;  overflow: hidden;  text-indent: 100%;  color: transparent;  white-space: nowrap;}

/*-------------------------------- Map Popup -------------------------------- */
.cd-popup {  position: absolute;  left: 0;  top: 0;  height: 100%;  width: 100%;  opacity: 0;  visibility: hidden;  transition: opacity 0.3s 0s, visibility 0s 0.3s;    }
.cd-popup.is-visible {  opacity: 1;  visibility: visible;  transition: opacity 0.3s 0s, visibility 0s 0s; transform: translate(0, 0);}
.cd-popup-container {  position: absolute;max-height: 90%; min-height: auto; width: 50%; left: auto; right: 5px; bottom: 5px; top:auto; border-bottom-left-radius: 30px; border-top-right-radius: 30px; background: #55c3bd; color: #fff; padding: 2.8125rem; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-out; box-shadow: 7px 0px 15px 0px rgba(20, 29, 41, 0.1);}
.cd-popup-container p {  padding: 3em 1em;}
.cd-popup-container .cd-popup-close {  position: absolute;  top: 8px;  right: 8px;  width: 30px;  height: 30px;  border-radius: 50%; background-color: #d9be73;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {  content: '';  position: absolute;  top: 14px;  width: 14px;  height: 3px;  background-color: #FFF;}
.cd-popup-container .cd-popup-close::before {  transform: rotate(45deg);  left: 8px;}
.cd-popup-container .cd-popup-close::after { transform: rotate(-45deg);  left: 8px;}
.is-visible .cd-popup-container { transform: translateY(0);}
.mapModal-title {   color:#fff; font-size: 16px; font-weight: 600; margin-bottom: 3px; line-height: 22px; text-align: left; margin-top: 10px; }
.mapModal-title span{  font-size: 14px; font-weight: 400; line-height: 18px; margin-top: 5px; display:block;}


/*===============Changes=============*/

.climate-affair-accordian .sub-accordian .card-header .open-box-title h3{ box-shadow:none !important; border-top: 0; background: none !important; border-bottom: 3px solid #54c3bd !important; border-radius: 0px !important; padding: 0 17px 0 15px;}
.sub-accordian{background: #f9f9f9; padding:20px; border:none !important;}
.img-title {    display: inline-block;  margin-right: 10px;}
.img-title img {    vertical-align: middle;}
.climate-affair-accordian .sub-accordian .card-header .open-box-title h3 span {    position: absolute;    top: -1px;    right: 15px; transform: rotate(90deg);}
.climate-affair-accordian .sub-accordian .card-header .open-data-box{border:none;}
.climate-affair-accordian .sub-accordian .card{background-color:transparent;}


.knowledge-books, .reports {    padding: 20px;}


#return-to-top{position:fixed;bottom:20px;right:20px;background:#d9be75;width:35px;height:35px;display:block;text-decoration:none;border-radius:5px;display:none;transition:all .3s ease; z-index:9999;}
#return-to-top img{margin:0 auto;position:relative;top:10px;transition:all .3s; display:table;}
#return-to-top:hover{background:#54c3bd}
#return-to-top:hover img{top:7px;}


/*===============Changes -11/12/2019 =============*/

.climate-change-detailbox .open-box-content .open-box-content-img i{height: 80px; width: 80px; line-height: 120px;}
.climate-change-detailbox .open-box-content .open-box-content-img img{width:50px;}
.climate-change-detailbox .open-box-content p{font-size:14px; }
.climate-change-detailbox .text-slider .open-box-data { width: 65%;}

.climate-change .open-box-content .open-box-content-img{text-align:right; margin-right:15px;}

.climate-change-detailbox { margin: 25px; margin-top: 0;}
.climate-change-detailbox .open-data-box{margin-top:25px;}
.leftside-nav .submenu li a.active{padding-left:36px; margin-left:10px;}
.inner-pages .leftside-nav .link{padding: 0 5px 0 26px;}
.leftside-nav .submenu a {padding: 12px 5px 12px 46px;}



.photo-gallery a:hover p {color: #54c3bd !important; }
.photo-gallery a:hover{text-decoration:none;}
.pp_social{display:none;}
.pp_nav p{color: #54c3bd !important; font-size:14px; font-weight:600}
.shared-gallery .img-box { height: auto}

/*.legislations-right-content {height: auto;width: 100%;}
.legislations-right-content .biodiversity-img{border-radius: 50%; height: 100%; width: 100%;}
.open-box-content .open-box-content-img > img{ height: 200px; border-radius: 50%; width:200px;}

.data-imapact-box .open-box-content-img img, .content-body .open-box-content-img img{height: auto; width: auto; border-radius: 0; }
.data-imapact-box .open-box-content .open-box-content-img, .content-body .open-box-content .open-box-content-img{width:auto;}

.publish-data .open-box-content-img img{height: auto; width: auto; border-radius: 0; }
.publish-data .open-box-content .open-box-content-img{width:auto;}
.overview-text img { margin-top: 40px; border-radius: 50%; height: 220px; width: 220px; padding:0;}
.nature-reserve-readmore img {width: auto; height: auto; margin: 0;}
.news-details { height: auto !important; width: auto !important; border-radius: 0 !important;}
.eservices-inner-mod-page img{height:auto !important; width:auto !important; border-radius: 0 !important;}
.opendatastrategy-img { height: auto !important; width: auto !important; border-radius: 0 !important;}*/

/*===========Map Changes=======*/

.oman-map{ margin:0 auto; text-align:center; width:100%;}
.map img{width:50%; margin:0 auto;}

.lay-homeMap { background-color: #fff;    position: relative;  border: 1px solid #d0d0d0;    position: relative;	padding: 0.5rem 5rem;}
.mapFilter {    position: absolute;    top: 0;    right: 0;    background-color: #eee;    overflow: hidden;    -webkit-border-top-right-radius: 30px;    border-top-right-radius: 30px;    -webkit-border-bottom-left-radius: 30px;    border-bottom-left-radius: 30px;    width: 230px; z-index:99;}
.mapFilter .mapFilter-item {    padding-left: 2.5rem;    padding-right: 15px;    font-size:14px;	line-height:28px;    padding-top: 0.9375rem;    padding-bottom: 0.9375rem;    position: relative;    color: #000;    cursor: pointer;    -webkit-transition-property: all;    transition-property: all;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;    -webkit-border-bottom-left-radius: 30px;    border-bottom-left-radius: 30px;    -webkit-border-top-right-radius: 30px;    border-top-right-radius: 30px;    direction: rtl;    text-align: right;}
.mapFilter .is-mapFilterActive {    background-color: #55c3bd;    color: #fff;}
.mapFilter .is-mapFilterActive .mapFilter--icon {    fill: #fff;}
.mapFilter .mapFilter--icon {    width: 25px;    cursor: pointer;    -webkit-transform: translate(0, 5px);    -ms-transform: translate(0, 5px);    -o-transform: translate(0, 5px);    transform: translate(0, 5px);	vertical-align:top;}
.cls-1 {    fill: #fff;    fill-rule: evenodd;}
.mapFilter .is-mapFilterActive:before {    border-right: 5px solid #fff;    display: none;}
.mapFilter .mapFilter-item:before {    display: block;    content: "";    width: 0px;    height: 0px;    border-top: 5px solid transparent;    border-bottom: 5px solid transparent;    border-right: 5px solid #ffffff;    position: absolute;    left: 20px;    top: 50%;    -webkit-transform: translate(0, -50%);    -ms-transform: translate(0, -50%);    -o-transform: translate(0, -50%);    transform: translate(0, -50%);}
.vectorMap .vectorMap--marker .mapFilter--icon {    fill: #edf6fd;}
.vectorMap .vectorMap--marker .mapFilter--icon {    fill: #edf6fd;}
.mapFilter .mapFilter-item:hover {    background-color: #e2e2e2;}
.mapFilter .is-mapFilterActive:hover {    background-color: #55c3bd;}


.mapModal { position: absolute; max-height: 90%; min-height: 65%; width: 60%; left: 5px; right: auto; top: 5px; border-bottom-left-radius: 30px;    border-top-right-radius: 30px; background: #484343; color: #fff; padding: 2.8125rem; z-index: -1; opacity: 0; visibility: hidden; webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;    -webkit-transform: translate(20px, 0);    -ms-transform: translate(20px, 0);    -o-transform: translate(20px, 0);    transform: translate(20px, 0);    opacity: 0;    box-shadow: 7px 0px 15px 0px rgba(20, 29, 41, 0.1);}
.mapModal .mapModal-close {    position: absolute;    top: 10px;    left: 10px;    cursor: pointer;    width: 35px;    height: 35px;    border-radius: 50%;    padding-top: 7px;    background-color: #343434;    text-align: center;    -webkit-transition-property: all;    transition-property: all;
    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.mapModal .mapModal-close > svg {    fill: #fff;    width: 15px;    height: 15px;}


.oman-map svg#Layer_1{margin-right:150px;}
.oman-map svg path#OMN2414{fill:#d7b473;}
.oman-map svg path#OMN2411{fill:#d7b473;}
.oman-map svg path#OMN2406{fill:#7b706a;}
.oman-map svg path#OMN2426{fill:#7b706a;}
.oman-map svg path#OMN2404{fill:#ccc;}
.oman-map svg path:hover{fill:#3da29d !important;}
.targetDiv{display:none;}
.mapFilter .mapFilter-item a{display:block; width:100%;}
.oman-map .targetDiv{text-align:left;}
.oman-map .img {width:100%;}

.map1 .map-div {position: relative;}
.map1 .map-div .icon{width: 35px; height: 35px; position: absolute; cursor:pointer; z-index: 9;}
.map1 .map-div .icon1 { top: auto; bottom: 15%; left: 10%;}
.map1 .map-div .icon2 { top: auto; bottom: 33%; left: 26%;}
.map1 .map-div .icon3 { top: 34%; bottom: auto; left: 23%;}
.map1 .map-div .icon.icon4{width: 25px; height: 25px; position: absolute;}
.map1 .map-div .icon4 { top: 38%; bottom: auto; left: 39%;}
.map1 .map-div .icon.icon5{width: 20px; height: 20px; position: absolute;}
.map1 .map-div .icon5 { top: 28%; bottom: auto; left: 33%;}

.map2 .map-div {position: relative;}
.map2 .map-div .icon{width: 35px; height: 35px; position: absolute; cursor:pointer; z-index: 9;}
.map2 .map-div .icon1 { top: auto; bottom: 15%; left: 10%;}
.map2 .map-div .icon2 { top: auto; bottom: 33%; left: 26%;}
.map2 .map-div .icon3 { top: 34%; bottom: auto; left: 23%;}
.map2 .map-div .icon.icon4{width: 25px; height: 25px; position: absolute;}
.map2 .map-div .icon4 { top: 38%; bottom: auto; left: 39%;}
.map2 .map-div .icon.icon5{width: 20px; height: 20px; position: absolute;}
.map2 .map-div .icon5 { top: 28%; bottom: auto; left: 33%;}

.map3 .map-div {position: relative;}
.map3 .map-div .icon{width: 35px; height: 35px; position: absolute; cursor:pointer; z-index: 9;}
.map3 .map-div .icon1 { top: auto; bottom: 15%; left: 10%;}
.map3 .map-div .icon2 { top: auto; bottom: 33%; left: 26%;}
.map3 .map-div .icon3 { top: 34%; bottom: auto; left: 23%;}
.map3 .map-div .icon.icon4{width: 25px; height: 25px; position: absolute;}
.map3 .map-div .icon4 { top: 38%; bottom: auto; left: 39%;}
.map3 .map-div .icon.icon5{width: 20px; height: 20px; position: absolute;}
.map3 .map-div .icon5 { top: 28%; bottom: auto; left: 33%;}

.contact-minister-form select.form-control { height: 36px !important;}

.innermode-right-img {width: 100%; float: right; text-align: right;}
.side-logos{position:absolute; top:8%;}
.side-logos img{display:inline-block !important;}
.tedad-logo img{width: 60px !important;}
.oman-vision img { width: 80px !important;}
.popup-logos .oman-vision img, .popup-logos .tedad-logo img{width:auto !important;}


.sidecontent-img {border-radius: 50%; height: 200px; width: 200px; margin-left: 15px !important;}
.e-service-img{border-radius: 50%;}
.overview-text img{padding:0;}


.double-arrow-right.submit-btn input[type=submit]{border: none; background: url(../img/double-arrow-right.png) no-repeat center; height: 100%; width: 100%;}

.statisticsBox{padding-top:25px;}
.number-box {text-align: center; color: #010000; padding: 10px 0px; transition: ease all 0.5s; }
.number-box .counter-total {display: block; font-size: 40px; color: #54c3bd; font-weight: 700; margin-bottom: 10px;}
.number-box i {display: inline-block;  vertical-align: top; background: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 15px; width: 80px; height: 80px;
    text-align: center; line-height: 80px; border-radius: 50%; margin-bottom: 10px;}
.number-box i img { vertical-align: middle;   width: 40px;}
.number-box h4{color: #404040; line-height: 18px; font-size: 16px; font-weight:700;}


.owl-carousel .owl-item .client-pic{position:relative;}
.owl-carousel .owl-item .client-pic:before{position:absolute; content:''; background-image:url(../img/slider-effect.png); background-position:right bottom; height:100%; width:100%; z-index:1; top:0; left:0; background-size: 100% 100%;}
#home .item::after{z-index:1;}


.projects-initiatives-content a.tree-title:hover{ text-decoration:none;}
.projects-initiatives-content a.tree-title:hover h1{ color:#dabe74;}


.quantity-update .form { border: 1px solid #ced4da; display: inline-block; border-radius: 10px;}
.quantity-update .value-button { display: inline-block; border: 0px solid #ddd; margin: 0px; width: 40px; height: 40px; text-align: center; vertical-align: top; padding: 0; background: #d9be75; user-select: none; color: #000; line-height: 36px; font-size: 16px; font-weight: 700;}
.quantity-update .value-button:hover {  cursor: pointer;}
.quantity-update .form #decrease,
.quantity-update .form #decrease1,
.quantity-update .form #decrease2 { margin-right: -4px; border-radius: 10px 0 0 10px; }
.quantity-update .form #increase,
.quantity-update .form #increase1,
.quantity-update .form #increase2 {  margin-left: -4px;  border-radius: 0 10px 10px 0; }
.quantity-update .form #input-wrap { margin: 0px; padding: 0px;}
.quantity-update input.number,
.quantity-update input.number1,
.quantity-update input.number2 {text-align: center;  border: none; border-top: 0px solid #ddd; border-bottom: 0px solid #ddd; margin: 0px; width: 40px; height: 40px;}
.quantity-update input[type=number]::-webkit-inner-spin-button,
.quantity-update input[type=number]::-webkit-outer-spin-button { margin: 0; }

.checkout-page .biodiversity-box .legislation-data {    width: 50%; display: table-cell; }
.checkout-page .biodiversity-box .rightside-date { width:10%; text-align:center; }


.double-arrow-right.submit-btn input[type=submit] {
    border: none;
    background: url(/img/double-arrow-right.png) no-repeat center;
    width: 100%;
    background-position-y: 10px;
}

.summer-camp-details .summer-camp-text {
    line-height:26px;
}

.alert {
    padding:10px;
    margin:10px;
    font-size:18px;
}
.required {
    font-size:16px;
    color:red;
}

.qse:hover {
    background-image: url(/ar/img/TreeButtonHover.png) !important;
}

.qse1:hover {
    background-image: url(/img/aboutHover.png) !important;
}

.qse2:hover {
    background-image: url(/img/climatedataHover.png) !important;
}
.qse3:hover {
    background-image: url(/img/policyHover.png) !important;
}

.qse4:hover {
    background-image: url(/img/projectHover.png) !important;
}
.qse5:hover {
    background-image: url(/img/trainingHover.png) !important;
}

.qse6:hover {
    background-image: url(/img/contactsHover.png) !important;
}

.qse7:hover {
    background-image: url(/img/eventsHover.png) !important;
}




.main-menu li:hover {
    background-color: #23b1b0;
}

.main-menu li a:hover {
    color: #fff !important;
}

.map2 .map-div .icon11 {
    top: 39%;
    bottom: auto;
    left: 78%;
    width: 30px;
    height: 33px;
}
.top-banner {background: #54c3bd url(../img/top-banner.png) right bottom no-repeat;
}