/*============================================Home Content Start==========================================*/
        .homecontent .homenews {width:100%;}
        .homecontent .homenews .homenewsimg {text-align:center;}
        .homecontent .homenews .homenewsimg img {max-width:100px;position:relative;top:30px;opacity:0;animation:toptobottom30 1.5s forwards 0.5s;}
        .homecontent .homenews .homenewstextwelcome {text-align:center;color:#CDBAA8;text-shadow:2px 2px 2px #000;position:relative;top:-30px;opacity:0;animation:bottomtotop30 1.5s forwards 0.7s;font-family:CairoBold;}
        .homecontent .homenews .homenewstextlloc {text-align:center;color:#f0e7c4;text-shadow:1px 1px 2px #000;position:relative;top:-30px;opacity:0;animation:bottomtotop30 1.5s forwards 0.9s;margin-bottom:1.5rem;}
        .homecontent .homenews .homenewstextmain {color:#efdd9a;text-shadow:1px 1px 1px #000;position:relative;top:-30px;opacity:0;animation:bottomtotop30 1.5s forwards 0.7s;font-family:CairoBold;}
        .homecontent .homenews .homenewstextsub {color:#fff;text-shadow:1px 1px 1px #000;position:relative;top:-30px;opacity:0;animation:bottomtotop30 1.5s forwards 0.9s; padding:0px 2rem 0px 2rem;}
        .homecontent .homenews .homenewsbtn {margin:3rem 0rem;opacity:0;animation:opacity0to1 1.5s forwards 1.3s;text-align:center;}
        .homecontent .homenews .homenewsbtn a {min-width:200px; padding:0.3rem 0.9rem; color:#f0f1ea; background-color:#4b4a67; border-radius:6px;box-shadow:1px 1px 2px #000;cursor:pointer;}
        .homecontent .homenews .homenewsbtn a:hover {color:#fff; background-color:#8b1313; box-shadow:3px 3px 5px #000;}
        @media (max-width :1023px) {
            .homecontent .homenews {padding:15px;}
            .homecontent .homenews .homenewsimg img {width:20%;}
            .homecontent .homenews .homenewstextwelcome {font-size:1.3rem;}
            .homecontent .homenews .homenewstextlloc {font-size:1.1rem;}
            .homecontent .homenews .homenewstextmain {font-size:1.1rem;}
            .homecontent .homenews .homenewstextsub {font-size:1rem;}
            .homecontent .homenews .homenewsbtn a {font-size:1.5rem;}
            .homecontent .rightcolumn {background-image:url('/images/bg.jpg');background-position:bottom right;background-repeat:no-repeat; background-size:cover;padding-bottom:30px;}              
        }
        @media (min-width:1024px) {
            .homecontent {position:relative;}
            .homecontent .homenews {padding:30px;}
            .homecontent .homenews .homenewstextwelcome {font-size:1.8rem;}
            .homecontent .homenews .homenewstextlloc {font-size:1.6rem;}
            .homecontent .homenews .homenewstextmain {font-size:1.4rem;}
            .homecontent .homenews .homenewstextsub {font-size:1.3rem;}
            .homecontent .homenews .homenewsbtn a {font-size:2rem;}            
            /*.homecontent .rightcolumn {position:absolute;right:0px;top:0px;width:70%;}*/
            .homecontent .rightcolumn {position:absolute;left:0px;top:0px;width:70%;}  
        }
/*============================================Home Content Ends==========================================*/







/*============================================Legislation Form Start==========================================*/
        .legislationsearchform .controls {text-align:center;}                                
        .legislationsearchform .controls a {color:#212121;font-size:1.4rem;font-weight:bold;margin-right:1rem;transform:scale(0.9);display:inline-block}
        .legislationsearchform .controls a:hover {color:#8b1313;transform:scale(1)}
        @media (max-width :1023px) {
            .homecontent .legislationsearchform {background-color:#A38560;margin-top:0.6rem;}
            .homecontent .legislationsearchform div.heading{background-color:#4b4a67;height:60px;line-height:60px;color:#fff;font-size:2rem;text-align:center;}
            .homecontent .legislationsearchform .controls {padding:1.1rem;}
            .homecontent .legislationsearchform div.controls input[type=submit]:hover{background-color:#a68849;box-shadow:2px 2px 5px #000;}  
        }
        @media (min-width:1024px) {
            /*.homecontent .leftcolumn {position:absolute;left:0px;top:20px;width:30%;opacity:0;animation:toptobottom30 1.5s forwards 1.5s;}*/
            .homecontent .leftcolumn {position:absolute;right:0px;top:20px;width:30%;opacity:0;animation:toptobottom30 1.5s forwards 1.5s;}
            .homecontent .legislationsearchform {box-shadow:2px 2px 1px #000;width:100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.3), 0 4px 4px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);}
            .homecontent .legislationsearchform div.heading{background-color:#4b4a67;height:60px;line-height:60px;color:#fff;font-size:2rem;text-align:center;}
            .homecontent .legislationsearchform div.controls{background-color:#7E6849;padding:0.5rem 1rem 1rem 1rem;} 
        }
/*============================================Legislation Form Ends==========================================*/






/*============================================Side Links Start==========================================*/
        .sidelinks {margin-top: 4px;height:100px;font-size:0;overflow:hidden;background-color: #ddd1c3;}
        .sidelinks a {display: block;width: 100%;}
        .sidelinks .sidelinkscontainer {color: #4b4a67;transform:scale(0.8);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
        .sidelinks .sidelinkimg {width: 40%;height:100px;vertical-align: middle;display:inline-block;padding:0.6rem;text-align:center;}
        .sidelinks .sidelinkinfo {width: 60%;height:100px;vertical-align: middle;padding:0.6rem; display:inline-block;text-align: center;font-size: 1.3rem;position:relative;}
        .sidelinks .sidelinkinfo p {top:50%;position:absolute;transform : translateY(-50%);}
        .sidelinks:hover {background-color: #f9f7f5;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.3), 0 4px 4px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);}
        .sidelinks:hover .sidelinkscontainer {color: #8b1313;transform:scale(1); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
        .sidelinks.wlegislations {background-color: #ddd1c3; }
        .sidelinks.wlegislations .sidelinkinfo {color: #4b4a67;}
        .sidelinks.wlegislations:hover{background-color: #f9f7f5;}
        .sidelinks.wlegislations:hover .sidelinkinfo{color: #8b1313;}

        .sidelinks.etraining {background-color: #F4F3EE; }
        .sidelinks.etraining .sidelinkinfo .etrainingheading {color: #8b1313;}
        .sidelinks.etraining .sidelinkinfo .etrainingname {color: #6b6b6b;}
        .sidelinks.etraining:hover{background-color: #fcfbfa;}
        .sidelinks.etraining:hover .etrainingheading {color: gray;}
        .sidelinks.etraining:hover .etrainingname {color: #8b1313;}


/*============================================Side Links Ends==========================================*/







/*============================================All Services Start==========================================*/
        .allservices {font-size:0;text-align:center;}
        .allservices .serviceouter {width:33.3%;text-align:center;display:inline-block;}
        .allservices .service {background-color:#4b4a67; margin:6%; position:relative;overflow:hidden;cursor:pointer;transition:0.4s}
        .allservices .service .serviceicon {margin-top:2rem;}
        .allservices .service .serviceicon span {font-size:6rem;color:#fff}
        .allservices .service .servicetitle {font-size:1.4rem;color:#fff;margin:2rem;}
        .allservices .service .servicenote {opacity:0;position:absolute;top:100%;width:100%;height:100%; background-color:#ddd1c3; transition:all 0.4s ease-in-out; }
        .allservices .service .servicenote p {color:#4b4a67;font-size:1.3rem;padding:1rem;}        
        .allservices .service .servicenote .readmore {position:absolute;width:100%;background-color:#8b1313;color:#fff;text-align:center;bottom:0;padding:0px;}
        .allservices .service .servicenote .readmore a {color:#fff;display:block;padding:1rem;}
        .allservices .service:hover .servicenote,.allservices .service:focus .servicenote,.allservices .service:active .servicenote {opacity:1;top:0;z-index:1000;} 
        @media (min-width:951px){
            .allservices .service:hover {transform:scale(1.1); transition:0.4s;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.3), 0 4px 4px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);}
        }
        @media (min-width:680px) and (max-width:950px) {
            .allservices .serviceouter {width:50%;}
            .allservices .service .servicenote p {color:#4b4a67;font-size:1.5rem;padding:0.5rem;}
            .allservices .service:hover {transform:scale(1.1); transition:0.4s;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.3), 0 4px 4px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);}
        }
        @media (max-width:679px){
            .allservices .serviceouter {width:100%;}
            .allservices .service {margin:1rem;}
            .allservices .service .servicenote p {color:#4b4a67;font-size:1.5rem;padding:0.5rem;}
        }
/*============================================All Services Ends==========================================*/







/*============================================Legislation Start==========================================*/
        .legislations {background-color:#A38560; padding:1rem 0;}
        .legislations .sectiontitle {color:#fff;border-bottom: thin dashed #fff;}
        .legislations .Latestlegislations {margin:1% 2%;}
        .legislation {padding:1rem; background-color:#FEFDFF;border-bottom:1px solid #A38560;cursor:pointer;}
        .legislation .collapseexpand {float:right;margin-left:5px;margin-top:8px; background-color:#7B6547;color:#edeaea;}
        .legislation .ArTitle {direction:rtl;text-align:right;font-size:1.3rem;color:#826F4A;padding-right:40px;}        
        .legislation .otherdetails {margin-top:5px;padding-right:37px;}
        .legislation .otherdetails div{display:inline-block;padding:5px;}
        .legislation .otherdetails div i {color:#826949;margin-left:4px;}
        .legislation .header {font-weight:bold;color:#826949;font-size:1.2rem;}
        .legislation .hvalue {color:#707070;font-size:1.2rem;}
        .legislation .otherdetails .og {margin-right:1rem;}
        .legislation .options {margin-top:1rem;padding-right:37px;background-color:#E8E8E8;margin-right:37px;padding:8px;display:none;cursor:default}
        .legislation .options .links {display:inline-block; width:45%;vertical-align:top;}
        .legislation .options .links ul {list-style-type:none;}
        .legislation .options .links ul li {padding-right:21px;}
        .legislation .options .links a {font-size:1.3rem;text-align:justify;color:#88292F;}
        .legislation .options .links a:hover {color:#A38560}
        .legislation .options .links i {color:#826949;margin-left:5px;font-size:1.5rem;}
        @media (max-width:570px){
            .legislation .otherdetails div {display: block;}
            .legislation .otherdetails .og{margin-right:0px;}            
        }
        @media (max-width:950px) {
            .legislation .options .links {display:block; width:95%;}
            .legislation .options .links div {margin-top:1rem;}
        }
/*============================================Legislation Ends==========================================*/






/*============================================News Start==========================================*/
        .news {background-color:#fffdf6;padding-bottom:30px;}
        .news .newsrecord {padding:0.9rem;}
        .news .NewsImage img {border-radius: 15px 15px !important;width:100%;}
        .news .NewsDate {margin-top: .3rem;direction: rtl;text-align: right;color: dimgray;font-size:1rem;}
        .news .NewsDate i {margin-left : 4px;}
        .news .NewsTitle {direction: rtl; text-align: right;color: #85714C;font-size:1.2rem;}
        .news .NewsText {direction: rtl;text-align: right;font-size: 1rem;margin-top:10px; color: #76766B;font-size:1.1rem;}
/*============================================News Ends==========================================*/