@font-face {
    font-family: HelveticaNeue;
    src: url(/_layouts/sfda/new/fonts/Roma.woff) format("woff");
    src: url(/_layouts/sfda/new/fonts/Roma.eot?#iefix), url(/_layouts/sfda/new/fonts/Roma.ttf) format("truetype"), url(/_layouts/sfda/new/fonts/Roma.svg#88820c1d-bb1c-4797-ae48-3d3a36fb5c10) format("svg")
}

/* footer */

.newfooter {
    background-image: url("/_layouts/sfda/new/images/backgraund.png");
    background-attachment: scroll;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size:100%
}
.newfooter .wrapper{
    float:none;
    margin:auto
}
.newfooter section ul {
    margin: auto;
    text-align: center
}
.newfooter section li {
    display: table;
    float: right;
    width: 24%;
}
.newfooter section li a {
    display: table-row;
    text-align: center;
    vertical-align: middle;
    height: 87px;
}
.newfooter section li div {
    margin: auto;
    opacity: .8;
    height:80px;
    background-repeat:no-repeat;
    background-position:center;
    transition:opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -ms-transition:transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    -webkit-transition: transform .25s ease-in-out;
}
.newfooter section li div:hover{
    opacity:1;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);

}
.newfooter section ul a  {
    text-align: center!important;
    display: table-row;
    font-size: 22px;
    font-family: HelveticaNeue, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration:none;
	color:black;
}
.newfooter section ul p{
	display:block	
}
body{
    background-image:none!important;
}
footer {
    margin-top: 30px;
    clear: both
}
footer .footertop {
    padding: 25px 0;
    margin-top: 70px;
    margin-bottom: 48px;
    height: 200px;
    background-color: transparent;
    width: 94%;
    margin-left: 13%;
    margin-right: 6%;
    display: block;
		float:none;

}
.footertop ul {
    float: right;
    list-style: none;
    width: 25%
}
.footertop ul li {
    padding: 0 25px 0 0
}
.footertop ul li p {
    text-align: right;
    color: rgb(0, 0, 0);
    font-family: HelveticaNeue, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 22px;
    padding-bottom: 15px;
    /* font-weight: bold; */
}
.footertop ul li a {
    text-align: right;
    color: #000000;
    font-family: HelveticaNeue, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    width: 82%;
    float: right;
    clear: both;
    padding: 12px 0;
    text-decoration: none;
    border-top: 0px solid transparent;
}
.footertop ul li.last a {
    padding-bottom: 0
}
.footertop ul li a:hover {
    color: #002129;
}

.footerbottom p,
.footerbottom p a {
    color: #666;
    font-family: HelveticaNeue, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    text-align: right;
	    text-decoration: none;

}
.footerbottom p span{float:left}
.footerbottom p span:last-child{display:none}
.footerbottom p a:hover{
	font-weight:bold;
}
.footerbottom {
    width: 100%;
    display: table-row;
    float: left;
    padding: 25px 0;
    margin-bottom: 10px;
}
.footerbottom p {
    float: right;
    width: 47%;
    display: table-cell;
    vertical-align: bottom;
    height: 29px;
    padding-top: 3px;
}
.footerbottom p a {
    float: left;
    padding: 0 5px;
}
.footerbottom p a {
    float: left;
    padding: 0 5px;
    border-left: 1px solid #555;

}
.footerbottom p a:first-child{
	    border-left: 0px solid #555;
}
.footerbottom img {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 0;
    float: right;
}
/* footer */
.fixedmenu{position:fixed;top:0;z-index:9999;width:100%;}
.fixedmenu ul a{font-size:14px};
.fixedmenu .shownav{
	top:50px
}

.fixedmenu .mobileApp{top:0px}

div#srchContainer input{
    border: 1px solid #c5c5c5;
    margin: 0px 0 0px 0;
    padding: 0 2px;
    color:#5e5e5f;
    font-family: HelveticaNeue;
    line-height:1!important;
    height:20px;
	    width: auto;

}
div#srchContainer input:focus{outline-color: transparent;border-color:#2196F3;}
div#srchContainer a{
    display:block;
    width: 24px;
    height: 24px;
    background-image:url("/_layouts/sfda/new/images/search.png");
    float:left;
    margin-right:5px;
    position:relative;
    top: -1px;
    cursor: pointer;
    background-size: 24px;
}
section.sfdavision {
    background: url(/_layouts/sfda/new/images/background_vision.png) no-repeat;
    background-position:center center;
    background-repeat:repeat
}
.mainMenu .wrapper > a {

    display:none
}
.mainMenu .wrapper{
	position:relative;
}



.fixedmenu.mainMenu .wrapper > a {
    display:block;
    background-image:url("/_layouts/sfda/new/images/logosfda_White.png");
    width:200px;   
    position:absolute;
    top:0;
    right:71%;
    background-size:150px;
    background-repeat:no-repeat;
    background-position:center center;
	height:50px;
}
.betaversin{
    float: right;
    margin-top: 88px;
    margin-right: -55px;
    font-family: tahoma;
    color: white;
    background-color: #ffb4b4;
    /* font-weight: bold; */
    padding: 5px;
    border-radius: 7px;
    box-shadow: rgba(58, 58, 58, 0) 0px 0px 0px;
	-webkit-text-stroke: 0px rgba(0,0,0,0.1);

    }
.scrollup {
	width: 64px;
	height: 27px;
	position: fixed;
	bottom: 50px;
	left: 0;
	display: none;
	text-indent: -9999px;
	background: url(/_layouts/sfda/new/images/scrolltop.png) no-repeat 29px #ccc;
	background-size: 30px;
	z-index: 999;
	padding: 10px;	
	border-radius: 0px 20px 20px 0;
}
.scrollDown {
	width: 64px;
	height: 27px;
	position: fixed;
	bottom: 50px;
	left: 0;	
	text-indent: -9999px;
	background: url(/_layouts/sfda/new/images/scrolldown.png) no-repeat 29px #ccc;
	background-size: 30px;
	z-index: 999;
	padding: 10px;	
	border-radius: 0px 20px 20px 0;
}
#ctl00_Footer_editpanel{position: relative;top: 100px;}
.footernew #ctl00_Footer_editpanel{position: initial;top: 0px;}
@media screen and (max-width: 1420px) {
.footerbottom p{width:41%}
}
/* top links*/

.topLinks {
    background-color: #eeeeee;
    height: 39px;
    line-height: 1;
}
.topLinks li {
    display: inline-block;
    font-family: HelveticaNeue;
    color: #5e5e5f;
    height: 18px;
    font-size: 16px;
}
.Social i {
    margin: 3px;
}
.links li,
.Social li:first-child {
    border-left: 1px solid #5e5e5f;
    margin: 5px 0px;
    padding: 0px 10px;
}
.links li:last-child {
    border-left: 0px solid #5e5e5f;
}
.topLinks li a,
.topLinks li a:visited,
.topLinks li a:hover {
    text-decoration: none;
    color: #5e5e5f
}
.topLinks ul {
    margin: 0;
    padding: 5px;
    direction: rtl;
}
.topLinks ul.links {
    float: right
}
.topLinks ul.Social {
    float: left
}
.Social {
    padding: 0;
    margin: 0;
}
.clear {
    clear: both;
}
.wrapper {
    width: 85%;
    margin: auto;
	max-width: 1375px;
		float:none;

}
.blockcontent .wrapper{
	width:100%
}
i.facebook,
i.instgram,
i.rss,
i.twitter,
i.youtube {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAAAXCAMAAACxghqAAAAAnFBMVEVMaXE7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlA7RlDFnfOvAAAAM3RSTlMAjwhwoLBQ0C8Qwh/7E+X38V68KZcYStUD6O3b34iEAaiAaXkMtT4zY8mUzK03nFdUQyMDr92hAAADR0lEQVR4Xr3YaXeiSBzF4Uuxhl0EBFziRlyibcz9/t9tCJbd0TOHwh4zzyte8jtV/ItTYDSpp7nA/+GoHUzThMLZEBvDwwOCfcgb4T4A2IrmZ/y4GVtQGPI8C4tHwsa8x3EAXrlveNynltS6AByovfECKqOpm4rlKlsPAsuBWsobsesmE+7BP4wAfaw1XOURG7buplAz+pbNRv5Zq0Y7j469gFrFGy4AjSVWs/mIUnhEDxa1V7SymBfv5w2U3kmWb44DlQ2rwjQGcc+yNf+tjPgSDFy2/BPUlqQZ4MuKkr8TULJJmugjnOOBspeOssYxYWsAJYtkuRQA5pTcFzyzzDb+S9lY13WXhOMVaA1ifsmhIio2qvQ0PFAaQGmphyRHuq6LPmUHU688DsqHysaaNuYVyMhdZWh8jtiIhlDITrxnQSmm5Bd9yj58aiKePFQ2LYBiSgn84qcZgOCdDVug27KMeWfzQFmIXl48YF0AvcpOjvPOGq2aO8c5keBFfPp95C2UJ+k9XzxQ9g6F9ct3ok+ZA0TM0bIYAw4JXs0ADCOSkYduc95JoDbVKpITTVuii9Aq3rLzPmWCdNByyKIty7dp+SdtycYvdBMmb22BJ83G15q1rutjkuGU0ke/NbPu1qxRDMLrhHvdkfQzdFu6/K5aP60sJ+sB2jLboRQWPcoS1mjIB1kGvNSU2/DMxgrddN7Q8bQyjaQNllqs2cN9Qk0vSQ57lFnkTM7G/FsZigMbB/kPNEK3wuA3u+J5ZcalzPYmnp0thvPjdkvyrUcZ5uSoPc8MXMu8DICw2RjKL+0TCtbcpxR6+Jkyx/YWb1urb5kw2PolZFnmkgcBbNjYA0GvkbBxKYUOfrDsqNV9y4BjmiT7IyDLDmxoAEyS5evlBYyu48bazna8SjI8s+zXbdl0kExJHlX/+hvc2ZDw2RgDsOR2TEm66OAcfEr2xyueWra6lI1F7tlBftxlmxnJAJ0q6rijs0REOTLW/mXw6yRLdMoGae0mhu4AeG6ZF5GRTdrRKBpPKtqJHGxdUkYL68Yi4h7p7zE/vjx8kPTRz9PLcPJ5b5T93T2ISONqVqDhkpwCORsFnk8zTXMFlc+FcSPdir+7u/oHJLraXYBZm0kAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    display: block;
    width: 17px;
    height: 17px;
    background-size: 159px!important;
}
i.instgram {
    background-position: right center;
}
i.vision2030 {
    background: url(/_layouts/sfda/new/images/visoin.png) right center no-repeat;
    display: block;
    width: 140px;
    height: 108px;
    float: left;
    margin-left: -9px;
    background-size: 120px;
    margin-top:0;
}
i.visionpro2020 {
    background: url(/_layouts/sfda/new/images/visionProgLogo.png) right center no-repeat;
    display: block;
    width: 186px;
    height: 108px;
    float: left;
    margin-left: -72px;
    background-size: 142px 55px;
    margin-top: 1px;
}
.sfdaLogo {
    background: url(/_layouts/sfda/new/images/logo_sfda2.png) no-repeat;
    width: 305px;
    float: right;
    margin-top: 27px;
    height: 64px;
}
.logo {
    display: inline-block;
    width: 100%;
    padding: 0;
    height: 117px;
}
i.youtube {
    background-position: -103px center;
}
i.facebook {
    background-position: -75px center;
}
i.twitter {
    background-position: -35px center;
}
i.rss {
    background-position: left center;
}
.Social a:hover i {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat
}
a:hover i.rss {
    background-position: left center
}
/* end of top links */
/*
    Nav
*/

nav ul li ul li a,
nav ul>li a {
    color: #fff
}
nav>ul>li>a{
    font-weight:bold;
}
nav>ul>li.active , nav>ul>li:hover  {background-color:#283f50}
nav,
.mainMenu {
    height: 47px;
    display: block;
    border-bottom: 3px solid #464E54;
    background: #3E5D75;
    line-height: 1
}

nav > ul>li > a {
    float: right;
}
nav > ul>li > ul>li> a::before{
	content:" ";
	background-color:#ccc;
	width:10px;
	height:10px;
	float:right;
	position:relative;
	top:6px;
	right:12px;
	display:block;
	border-radius:10px 
}
nav>ul>li>ul>li>ul>li{
	margin-right:13px;

}
nav>ul>li>ul li a:hover{
	color:#ccc;
}
nav>ul>li>ul li a{
		padding: 0 20px 0 16px;
}
nav>ul>li>ul>li>a{
font-weight: 800;
}
nav>ul>li>ul>li>ul>li> a{
		background: url(/_layouts/sfda/new/images/arow.png) right 59% no-repeat;
		padding: 0 20px 0 16px;
}

nav ul > li a {
    font-size: 17px;
    padding: 15px 17px 16px;
    text-decoration: none;
    text-align: right;
    font-family: HelveticaNeue;
    box-sizing: border-box;
}
nav ul>li a i.droparrow {
    float: left;
    margin-right: 10px;
    margin-top: 5px
}


nav>ul>li {
   margin: 0;
   float: right;
   height: 50px;
   text-align: center;
}

nav > ul > li > ul {
   position: absolute;
   display: none;
   top: 50px;
   right: 1%;
   width: 1024px;
   
   z-index: 9;
   padding: 5px;
	float:right;

}
nav>ul>li>ul li{
	 text-align:right;
	 padding:3px;
	 box-sizing: border-box;
}
.shownav > li >a{
		
}



nav>ul>li>ul>li>ul {
	text-align:right;
	margin-top:10px;
	margin-right:10px;
}

.shownav {          
	display: flex;
	flex-direction: column ;
	flex-wrap: wrap;
	height: 400px;
	background: url(/_layouts/sfda/new/images/back.png) left bottom no-repeat #607d8b;
	box-sizing:border-box;
}

nav> ul>li:first-child> a i.droparrow {
    width: 16px;
    height: 14px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAQAAACMJlQBAAAASElEQVR4AZWKwQ2AMBDD3EoMeRMyJTrEr3X6wfnFHmx0Afd+rav+qPVLrUQ6k9RKUitJrcTa1GiA5sykJ8I4uPw4eGgHyb/gBSoEs0Q9OpxXAAAAAElFTkSuQmCC) left center no-repeat;
    margin-top: 2px;
}
nav >ul>li:first-child > a{
	color:transparent;
	width:50px;
	font-size:0
}
.droparrow {
    width: 7px;
    height: 4px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAQAAADoz+32AAAAMElEQVQIW2P4b/8/DQ4dGP4z/feCcrz+MzEwMPxn+x8M5IT8Z2OAgP/c/wP+c4NYAOPfG7G1+jCoAAAAAElFTkSuQmCC) left center no-repeat
}


.mobileApp {
    position: absolute;
    color: white;
    height: 80px;
    top: -20px;
    right: 86%;
    width: 189px;
    z-index: 50;
    box-shadow: rgba(58, 58, 58, .8) 0px 0px 0px;
    transition: box-shadow 0.3s linear;
}
.mobileApp:hover {
    box-shadow: rgba(58, 58, 58, .8) 0px 0px 3px;
}
.mobileApp p,
.mobileApp a {
    background-image: url(/_layouts/sfda/new/images/mobileAppsBG.png);
    padding: 5px;
    line-height: 1.5;
    font-family: HelveticaNeue;
    position: relative;
    display: block;
    background-color: #487496;
    text-align: center;
    margin-bottom: 5px;
    height: 30px;
    margin: 0;   
}
.mobileApp p {
    margin-bottom: 3px
}
.mobileApp a:hover,
.mobileApp a,
.mobileApp a:visited {
    text-decoration: none;
    color: white;
    background-position-y: 88px;
    padding-left: 35px;
}
.mobileApp a i {
    background-image: url(/_layouts/sfda/new/images/mobile_icon.png);
    background-repeat: no-repeat;
    display: inline;
    height: 26px;
    width: 22px;
    float: right;
    margin-right: 21px;
}
/*
    End of Nav
*/
.betaversin{
    float: right;
    margin-top: 88px;
    margin-right: -55px;
    font-family: tahoma;
    color: white;
    background-color: #ffb4b4;
    /* font-weight: bold; */
    padding: 5px;
    border-radius: 7px;
    box-shadow: rgba(58, 58, 58, 0) 0px 0px 0px;
	-webkit-text-stroke: 0px rgba(0,0,0,0.1);

    }
@media screen and (max-width:1504px){
	.mainMenu .wrapper{width:100%}
}
@media screen and (max-width:1300px){		
	.fixedmenu.mainMenu .wrapper > a {right:77%}
	.fixedmenu .mobileApp{top:50px;}
	.mobileApp{font-size:13px;right:80%;width: 165px;}
	 nav ul > li a {font-size:14.5px}
}
@media screen and (max-width:1260px){
	.mobileApp{
		top:50px;
		position:absolute;
		right:80%
		
	}
	.fixedmenu.mainMenu .wrapper > a{
		display: none;
	}
	.fixedmenu .mobileApp{top:50px;}
}
@media screen and (max-width:1108px){
	nav ul > li a{
	font-size:13px
	}
	.fixedmenu ul a{font-size:13px};
}