#snav .fa,#snav li span{vertical-align:middle;height:35px;line-height:35px}#snav.en{left:0;text-align:left}#snav.en li span{left:-100px}#snav.en li a:hover span{left:35px}#snav.ar{right:0;text-align:right}#snav.ar li span{right:-100px}#snav.ar li a:hover span{right:35px}#snav{position:fixed;top:30%;z-index:9999;font-size:18px;font-family:'Open Sans',sans-serif}#snav ul{list-style:none}#snav *{margin:0;padding:0;outline:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#snav li a{text-decoration:none;color:#fff;display:block;position:relative}#snav .fa{font-size:18px;width:35px;text-align:center;position:relative;z-index:4}#snav li span{font-size:15px;width:auto;white-space:nowrap;overflow:hidden;display:block;padding:0 15px;position:absolute;top:0;visibility:hidden;z-index:3;background-color:#555}#snav li a:hover .fa{transform:rotate(720deg);color:#fff}#snav li a:hover span{visibility:visible}#snav li .fa{background-color:#f46d42;color:#fff}#snav li:nth-child(10n+1) a:hover .fa,#snav li:nth-child(10n+1) span,#snav li:nth-child(10n+10) a:hover .fa,#snav li:nth-child(10n+10) span,#snav li:nth-child(10n+2) a:hover .fa,#snav li:nth-child(10n+2) span,#snav li:nth-child(10n+3) a:hover .fa,#snav li:nth-child(10n+3) span,#snav li:nth-child(10n+4) a:hover .fa,#snav li:nth-child(10n+4) span,#snav li:nth-child(10n+5) a:hover .fa,#snav li:nth-child(10n+5) span,#snav li:nth-child(10n+6) a:hover .fa,#snav li:nth-child(10n+6) span,#snav li:nth-child(10n+7) a:hover .fa,#snav li:nth-child(10n+7) span,#snav li:nth-child(10n+8) a:hover .fa,#snav li:nth-child(10n+8) span,#snav li:nth-child(10n+9) a:hover .fa,#snav li:nth-child(10n+9) span{background-color:#007bac}

.pop-up-background {
	background: rgba(255,255,255,.8);
	cursor: pointer;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100
}
.pop-up-background-modal {
	cursor: default
}
.pop-up {
	visibility: hidden;
	left: 50%;
	margin-left: -400px;
	max-width: 800px;
	position: absolute;
	top: 100px!important;
	width: 90%;
	z-index: 100
}
.pop-up.small {
	margin-left: -200px;
	max-width: 400px
}
.pop-up.medium {
	margin-left: -300px;
	max-width: 600px
}
.pop-up.large {
	margin-left: -400px;
	max-width: 800px
}
.pop-up-content {
	background: #fff;
	-webkit-box-shadow: 0 1px 10px 2px #ccc;
	-moz-box-shadow: 0 1px 10px 2px #ccc;
	box-shadow: 0 1px 10px 2px #ccc;
	min-height: 30px;
	padding: 24px
}
.pop-up-content .close, .pop-up-footer {
	text-align: right
}
.pop-up-footer {
	padding-top: 24px
}
.pop-up-body {
	font-size: 16px;
	color: #666
}
.pop-up-display-content {
	display: none
}
.pop-up .close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 99
}
.pop-up .close a {
	font-size: 18px;
	width: 24px;
	height: 24px;
	background: url(../img/icon-cross.png) no-repeat;
	display: inline-block;
	opacity: 1!important
}
.pop-up-btn {
	padding: 8px 15px;
	display: inline-block;
	background: #3B4658;
	border-radius: 3px;
	margin-left: 10px;
	color: #fff;
	font-size: 15px;
	text-decoration: none
}
.pop-up-btn:focus, .pop-up-btn:hover {
	background: #6A798E
}
.pop-up .screen-reader-text {
	position: absolute;
	top: -9999px;
	left: -9999px
}
.ie6 .pop-up {
	border: 10px solid #CED4E2;
	width: 600px
}
#pop-up-1 h1, #pop-up-2 h1, #pop-up-3 h1, #pop-up-4 h1, #pop-up-5 h1 {
	margin-top: 0!important
}
@media only screen and (max-width:760px) {
.pop-up.large {
	left: 5%;
	margin: 0
}
}
@media only screen and (max-width:480px) {
.pop-up.medium, .pop-up.small {
	left: 5%;
	margin: 0
}
.pop-up-content {
	padding: 12px
}
.pop-up-footer {
	padding-top: 12px
}
}