@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
F@charset "UTF-8";
/* CSS Document */

html, html * {margin:0;padding:0;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;} /* zeroing code, to make padding and borders uniform across browsers to override browsers defaults */

html,body{padding:0;border:0;font-size:15px;font-style:normal;font-weight:normal;color:#646473;text-rendering:optimizeLegibility;overflow-x:hidden}
body{color:#646473;padding-top:151px !important}
h1{color:#646473;padding-bottom:21px;padding-top:14px;font-size:35px}
h2{color:#646473;padding:7px 0 7px 0;margin-top:35px;font-size:21px}
h3{color:#646473;padding:7px 0 7px 0;margin-top:35px;font-size:18px}
h4{margin:21px 0 3px 0;font-size:14px}
p{margin-top:14px}
td{padding:21px 14px 14px 7px}

#arabic p{direction:rtl;font-size:18px}
#arabic ul li{margin:10px 35px 0 21px;padding:0 0 0 7px;text-align:right;direction:rtl;font-size:18px} /*rtl = direction of the text right to left */
#arabic h2 {direction:rtl;text-align:left}
#language{margin-top:3px;padding-right:20px;float:right}
#language a:active, #language a:visited,#language a{text-decoration:none;color:#999AB1;font-family:"Times New Roman", Times, serif}
#language a:hover {text-decoration:underline}
#CopyRight{text-align:right;font-size:11px;margin:70px 30px 50px 0}
#NewsLogo{margin-top:0;	margin-bottom:20px;font-weight:bold;font-size:18px}
#regions {font-size:10px;}

.photo {display:inline-block;float:left;height:250px;padding-right:14px;vertical-align:top;horizontal-align:center;max-width:300px}
figcaption {font-size:14px;max-width:100%;display:block;text-align:center}
.photo figcaption {font-size:14px;max-width:250px;display:block}

header {background-color:#1F2E5D;margin:0}

#articles p a {font-weight:bold;}
#column-1{width:90%;margin-top:40px;margin-left:35px;margin-bottom:70px;float:left;line-height:1.5;padding-right:14px}
#column-1 p{line-height:1.75}
#column-1 ul li, #column-1 ol li {margin-left:21px;margin-top:3px;padding:7px;line-height:1.75}
#column-1 #bio{clear:both}
#column-1 #bio ul li {margin-left:21px;margin-top:0;padding:0;line-height:2em}
#column-2{margin-top:170px;margin-left:35px;width:100%}
#list ul li{margin:10px 0 0 21px;padding:0 0 0 7px}
#page-heading{letter-spacing:-0.03em;width:100%;font-size:18pt;font-weight:bold;text-align:center;color:#fff;position:absolute;top:160px;z-index:1}
#top-bio{width:400px}
#top-bio img {margin-bottom:35px}
#column-1 #top-bio ul li {margin-left:0px;margin-top:0;padding:0;line-height:2.0em}

@media (max-width:768px) {
	#top-bio img {width:95%;heigth:95%;margin-bottom:35px}
}

@media (min-width:1200px) {
	#top-bio{width:100%;display: block;}
	#column-1 #top-bio ul li {margin-left:300px;margin-top:0;padding:0;line-height:2.0em}
	#h2{width:75%}
}

img.shadow {-webkit-box-shadow:4px 4px 5px #7e796c;-moz-box-shadow:4px 4px 5px #7e796c;-o-box-shadow:4px 4px 5px #7e796c;box-shadow:4px 4px 5px #7e796c;}
main {margin-left:0;margin-right:0;margin-top:100px;background-color:#fff}
main a, main a:active, main a:visited {color:#646473;text-decoration:underline}
main a:hover{color:#CC0E25}

.floatright{-webkit-box-shadow:-4px 4px 5px #7e796c;-moz-box-shadow:-4px 4px 5px #7e796c;-o-box-shadow:-4px 4px 5px #7e796c;box-shadow:-4px 4px 5px #7e796c;float:right;margin:7px 0 10px 21px;border:0;border:0}
.floatleft{-webkit-box-shadow:4px 4px 5px #7e796c;-moz-box-shadow:4px 4px 5px #7e796c;-o-box-shadow:4px 4px 5px #7e796c;box-shadow:4px 4px 5px #7e796c;float:left;margin:7px 35px 10px 0;border:0}
.indent{text-indent:20px}
.indent-2{margin-left:+33px}
.inline-image{display:none}
.bio-image{height:261px;width:200px}
#column-2 .online-review {width:90%;text-align:left}
.online-review{background-color:#eee;margin-top:35px;padding:7px 21px 14px 21px}
.online-review p{margin-left:0}
.online-review p span{color:#FFB600}
.review-date{font-size:12px;font-weight:bold}
.style-logo{margin-left:auto;margin-right:auto;display:block}
.small{font-size:10px}
.medium{font-size:12px}
#badges .medium{text-align:left}
.top-pad{padding-top:14px}
.text-right{text-align:right}
.row:before, .row:after{content:"";display:table;}
.row:after{clear:both}
.column{width:100%}

#sitemap ul li ul li{padding:0}
.label {display:none} /*hides social icon label for mobile devices*/

#badges {float:left;margin-left:0;width:380px;text-align:center}

/*TABLET VIEW: Media query asking for the size of a tablet to apply a new style (only the ones that need change) when it gets to the BREAK POINT of 761px*/
@media (min-width:761px) {
#column-1{width:61%;margin-top:40px;margin-left:70px;padding-right:70px;float:left;background:url(../images/bkgrd/index-right-back.jpg) no-repeat 0 0;background-position:top right;backgroud-attachment:scroll;margin-right:10px;min-height:600px}
#column-2{margin-top:70px;margin-left:14px;}
#page-heading{letter-spacing:-0.03em;width:100%;font-size:27pt;font-weight:bold;text-align:center;color:#fff;position:absolute;top:230px}
main {margin-top:200px}
.label {display:inline}
.inline-image{margin:35px auto 14px auto;display:block;-webkit-box-shadow:-4px 4px 5px #7e796c;-moz-box-shadow:-4px 4px 5px #7e796c;-o-box-shadow:-4px 4px 5px #7e796c;box-shadow:-4px 4px 5px #7e796c;height:90%;width:90%;}
.bio-image{align:left;display:block;-webkit-box-shadow:-4px 4px 5px #7e796c;-moz-box-shadow:-4px 4px 5px #7e796c;-o-box-shadow:-4px 4px 5px #7e796c;box-shadow:-4px 4px 5px #7e796c}
}

/* Online Form */
#form {display:block;page-break-inside:avoid;background-color: #000}
#form h2 {color:#1F2E5D;padding:7px 0 7px 0;margin-top:75px;font-size:35px}

.highlight{padding:9px 14px 21px 14px;margin-top:35px;border-width:4px;border-style:double}
.highlight p{margin-left:0}
.highlight-b{background-color:#1F2E5D;color:#fff;padding:7px;font-size:17px}
p.box{padding-left:14px;margin-right:14px}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:760px) {
  h1{padding-bottom:17px;padding-top:7px;font-size:20px}
  h2{padding:3px 0 3px 0;margin-top:31px;font-size:16px}
  h3{padding:3px 0 3px 0;margin-top:31px;font-size:14px}
}

/*LARGER DESKTOPS: Media query asking for the size of a tablet to apply a new style (only the ones that need change) when it gets to the BREAK POINT of 1024px*/
@media (min-width:1024px) {
header {height:151px;padding:35px}
#column-1{width:65%;margin-top:40px;margin-left:70px;float:left}
#page-heading{letter-spacing:-0.03em;width:100%;font-size:27pt;font-weight:bold;text-align:center;color:#fff;position:absolute;top:230px}
.label {display:inline}
.style-logo{float:left}
.inline-image{margin:35px auto 14px auto;display:block;-webkit-box-shadow:-4px 4px 5px #7e796c;-moz-box-shadow:-4px 4px 5px #7e796c;-o-box-shadow:-4px 4px 5px #7e796c;box-shadow:-4px 4px 5px #7e796c;height:90%;width:90%;}
}

@media (max-width: 767px) {
  #column-1,#column-2{box-sizing:border-box;float:none;margin-left:0;margin-right:0;padding:0 30px;width:100%}
  #column-2,#form h2 {margin-top:0}
}

/* Breadcrumbs
------------------------------*/
.breadcrumbs{font-size:10px;border-bottom:1px solid #e9e9e9;color:#858585}
.breadcrumbs i{margin:0 6px}
.breadcrumbs a{text-decoration:none;color:#777;font-weight:600}
.breadcrumbs a:hover{color:#cc0e25}
.breadcrumbs span{margin-right:20px;position:relative}
.breadcrumbs a:before{border-bottom:6px solid transparent;border-left:6px solid rgba(0, 0, 0, 0.2);border-top:6px solid transparent;content:"";display:inline-block;position:absolute;right:-11px;top:2px}
.breadcrumbs a:after {border-bottom:5px solid transparent;border-left:5px solid #fff;border-top:5px solid transparent;content:"";display:inline-block;position:absolute;right:-10px;top:3px}
@media screen and (min-width:500px) {
    .breadcrumbs{font-size:12px}
	.breadcrumbs span {margin-right:40px}
	.breadcrumbs a:before{right:-23px;top:3px}
	.breadcrumbs a:after{right:-22px;top:4px}
}
#column-2 .title {color:#082D75;text-align:left;font-size:25px;font-weight:bold;letter-spacing:0.1px;line-height:1.3em;margin-bottom:20px;margin-top:100px;font-family:Verdana, Geneva, sans-serif}
#column-2 ul li {list-style:none;text-align:left;width:70%;display:block;padding:1px 0 1px 0;margin-left:-40px;height:auto;line-height:1.2em;color:#062D5D}
#column-2 ul li a,#column-2 ul li a:link,#column-2 ul li a:active{display:block;color:#777;font:500 17px Verdana, Geneva, sans-serif;padding:11px 0 11px 0;text-decoration:none;line-height:1.3em;border-bottom:solid 1px #E9E9E9}
#column-2 ul li a:hover{color:#CC0E25;padding:11px 0 11px 0;border-bottom:solid 1px #E9E9E9;line-height:1.3em;text-decoration:underline}

/* To Adapt video to any screen size */
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%}

/*Reviews used within the body, such as PI page */
#reviews {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#294757+0,1a2657+100 */
	background: #1F2E5D; /* Old browsers */
	width:100%;color: #fff;padding:1em 0 10em;text-align:center}

#reviews h6 {color:#fff;margin:0.25em 0;font-size:25px}
#reviews p {font-size:16px;padding:0 21px 0 21px}
#reviews-list {margin: -8em 2em 4em 0em} /*moves the box of the first review 8em up, over the blue background */
.yellow-stars {color:#FFB600;letter-spacing:0.5em;z-index:999}

/* Footer */
#new-footer{background:#861A0D;color:#fff;font-size:15px;padding:2em 0}
#new-footer a{color:#fff}
#new-footer ul{font-size:2em;list-style:none;margin:0 0 0.5em;padding:0}
#new-footer ul li{display:inline;margin-left:0.25em}
#new-footer address{font-style:normal}

/* --- styles for home page --- */
/*  Hero: main image in home page */

	
	
	
/* small phones */
@media screen and (min-width:320px) {
	#hero{height:auto;padding-top:0;position:relative;margin-top:-180px;background-color:transparent}
	#arabe-sabe-content{font-size:15px;left:auto;margin:0;padding:30px 0 80px 0;position:relative;margin-top:120px;transform:none;width:100%}
	#arabe-sabe-content h1{width:100%;margin:0;text-align:center;color:#fff;font-size:1.3em;line-height:1em;margin-top:0}
	#hero-wrapper{background:#222;height:auto;left:auto;position:relative;top:auto;width:100%}
	#hero #hero-wrapper #arabe-sabe-content p{color:#D7D7D7;font-size:16px;margin-top:-20px;padding:0 7px 0 7px;text-align:justify}
	#hero #hero-wrapper #arabe-sabe-content img{width:100%;padding-bottom:40px}
}

/* Samsung Galaxy */
@media screen and (min-width:360px) {
	#hero{height:auto;padding-top:0;position:relative;margin-top:-160px}
}

/* Iphone 10 */
@media screen and (min-width:375px) {
	#hero{height:auto;padding-top:0;position:relative;margin-top:-160px}
}

/* Google Pixel */
@media screen and (min-width:411px) {
	#hero{height:auto;padding-top:0;position:relative;margin-top:-160px}
}

/* Iphone 11 */
@media screen and (min-width:414px) {
	#hero{height:auto;padding-top:0;position:relative;margin-top:-160px}
}

/*-- tablets --*/
@media (min-width: 760px) {
		#hero{height:auto;padding-top:0;position:relative;margin-top:-160px}
		
}

@media (min-width: 991px) {
	#hero #hero-wrapper #arabe-sabe-content img{display:none}
	#hero{background:url(../images/bkgrd/el-arabe-sabe-2.jpg) no-repeat center center;background-size:cover;height:100vh;margin-top:-200px;position:relative}

	#hero-wrapper{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,191919+100&0.5+0,1+100 */
	background-color:#0B162E; /* FF3.6-15 */
	height:100%;
	left: 53%; /* aligns black square on the home page for text message. It was 50%. For not as wide photos can be changed to 50% */
	position:absolute;top:0;width:60%}

	#arabe-sabe-content{
	color: #fff;
	left: 39%; /* aligns text message over blac#statuek square on main banner on home page. It was 50% */
	margin-top: 110px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 500px
} /*width was 400px*/
	#arabe-sabe-content h1{color:#fff;font-size:40px;line-height:1em;margin-top:0;margin-bottom:7px} /*font size was 3.88 em; margin-top was 7px*/
	#arabe-sabe-content h3{color:#fff;font-size:17px;margin-top:40px;font-weight:normal;margin-bottom:0;margin-left:14px} /*font size was 19; margin-top was 0*/
	#arabe-sabe-content strong{color:#fff}
	#arabe-sabe-content ul {list-style-type: none;}
	#arabe-sabe-content ul li {padding-bottom:25px;margin-left:-14px}
	#arabe-sabe-content ul li a {color:#fff;text-decoration:none;font-size:17px}
	#arabe-sabe-content ul li a:hover {text-decoration:underline}
	
}
	


/*  Statue */
#statue{background:url(../images/statue.jpg) no-repeat center center fixed;background-size:cover;height:28vh}

/* Contact */
#contact-wrapper{background:#fff;box-shadow:0 20px 80px rgba(0,0,0,0.1);margin:-8em 20% 4em;padding:80px;text-align:center}
#contact-wrapper h2 {font-size:2.5em;margin:0}
#contact-wrapper .message{text-align:left}

/* Special Message */
#message-wrapper{background:#fff;box-shadow:0 20px 80px rgba(0,0,0,0.1);margin:7em 10% 4em;padding:80px}
#message-wrapper h2 {font-size:2.5em;margin:43px 0 0 0;text-align:center}

/*-- tablets and smartphones --*/
@media (max-width: 767px) {
		#message-wrapper{background:#fff;box-shadow:none;margin-top:7em;padding:0}
		#message-wrapper img{width:45%}
#message-wrapper h2 {font-size:2em;margin:43px 0 0 0;text-align:center}
}


/* --- Results -- */
#results-box{background:rgba(30, 45, 94, 0.9);border-radius:3px;margin:60px auto;padding:50px;width:616px}
#results {background:url(../images/statue.jpg) no-repeat center center fixed;background-size:cover;color:#fff;padding-bottom:4em;position:relative;text-align:center}
#results:before{background:#1E2D5E;bottom:0;content:"";display:block;left:0;opacity:0.5;position:absolute;top:0;width:100%}
#results h2{color: #fff;font-weight:bold;line-height:1;margin:0 0 30px;font-size:3em}
#featured{background:#fff;border-radius:3px;margin:60px auto 10px auto;padding:50px;width:917px}
#featured p {color: #1A2D5F;font-size:42px;font-weight:bold;text-align:center}

/*  Services */
#services{background:url(../images/flag.jpg) no-repeat center center fixed;background-size:cover;color:#fff;padding-bottom: 4em;position: relative;text-align:center}
#services:before{background: #1E2D5E;bottom:0;content:"";display:block;left:0;opacity:0.5;position:absolute;top:0;width:100%}
#services h2{font-size:35px;color:#000;margin:0}
#services h5{color:#1E2D5E;font-size:22px;margin:0}
#services img{border-radius:3px}
#services-wrapper{background:#fff;border-radius:4px;box-shadow:0 20px 80px rgba(0,0,0,0.5);color:#4A4A4A;margin-bottom:60px;padding:80px 0 0;position:relative;top:-20px} /*top was -60px*/
.services{list-style:none;margin:0;padding:0}
.services:before,.services:after{clear:both;content: "";display:table;width:100%}
.services > li{float:left;padding:30px 60px;position:relative;width:33.3333%}
.services > li:before{background:#e4e4e4;bottom:120px;content:"";display:block;left:0;position:absolute;top:120px;width:1px}
.services > li:first-child:before{display:none}
.services > li ul{font-size:14px;list-style:none;margin:0 0 1em -1em;text-align:left}
.services > li ul li{padding-left:15px;position:relative}
.services > li ul li:before{background:#4A4A4A;border-radius:50%;content:"";display:block;height:3px;left:0;position:absolute;top:0.8em;width:3px}

/* -- Reviews --*/
#reviews-home {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#294757+0,1a2657+100 */
	background: #294757; /* Old browsers */
	background: -moz-linear-gradient(left, #294757 0%, #1a2657 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #294757 0%,#1a2657 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #294757 0%,#1a2657 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#294757', endColorstr='#1a2657',GradientType=1 ); /* IE6-9 */
	color:#fff;padding: 4em 0 12em;text-align: center}
#reviews-home h2{color:#fff;margin:0.25em 0;font-size:35px}
#reviews-home h5{color:#DEC219;margin:0;font-size:22px}
.reviews-home{list-style:none;margin:0;padding:0;text-align:left}
.reviews-home li{background:#eee;color:#646473;font-size:14px;line-height:1.75;margin-bottom:35px;padding:30px}
.reviews-home li .title{font-weight:bold;margin:1em 0}

/* -- Buttons --*/
a.btn,a.btn:visited{width: 300px;background:#398ed8;border:0;border-radius:7px;color:#fff;display:inline-block;font-family:inherit;font-size:14px;line-height:30px;padding:0 30px;transition:all 0.3s ease;text-decoration:none}
a.btn:hover{background:#324B9B;color:#fff}


a.btn-red, #column-1 a.btn-red, #column-1 a.btn-red:visited{background:#398ed8;margin-top:14px;color:#fff;}
#reviews-list a.btn,#badges a.btn{color: #fff}
a.btn-red:hover, #column-1 a.btn-red:hover{background:#9F0717}
img{height:auto;max-width:100%}


/*-- tablets --*/
@media (max-width: 991px) {
		#contact-wrapper{margin:-8em 0 4em}
		#results h2{font-size:2.5em}
		.services > li{padding: 40px}
		#services{background: url(../images/flag.jpg) no-repeat center center;background-size:cover;margin-top:0}
		.video {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
		.video iframe, .video object, .video embed {position:absolute;top:0;left:0;width:100%;height:100%}
		#new-footer p,#new-footer .social{text-align:center}
		#regions {font-size:10px;text-align:center;margin-right:14px}
}

/*-- smartphones --*/
@media (max-width: 767px) {
		#contact-wrapper{padding:60px 30px}
		#featured {margin:0;padding:30px;width:100%}
		#results-box{margin:0;padding:30px;width:100%}
		#services-wrapper{margin-bottom:20px}
		#services-wrapper h2{margin: 0 30px 30px}
		.services > li{float:none;padding:15px;width:100%}
}

/* --------- HEADER ---------*/
.navbar{background:transparent;border:1px solid transparent;z-index:99;border-radius:0;margin-top:-72px;height:10px;width:76%;float:right}


@media screen and (max-width:990px) {
	.navbar{margin-top:0}
	}

.navbar > .container {padding-right:2px;position:relative;width:93%;float:right /* left Padding for the whole nav bar */}

/* text of dropdwon optios on top nav bar */
.navbar a {font-size:13px} 

.xv-menuwrapper .dl-trigger{display:none}
.xv-menuwrapper .dl-menu{position:static;display:block;padding:0;margin:0;text-align:left;float:none}
.xv-menuwrapper .dl-menu > li{list-style:none;display:block;float:left;height:100%;line-height:100%;position:relative}
.xv-menuwrapper .dl-menu li{margin:0 3px 0 3px}
.xv-menuwrapper .dl-menu li a.active{color:#ccc}

/* styling top-level buttons on nav bar */
.xv-menuwrapper .dl-menu > li > a {padding:0 6px;display:block;font-family:"PT Sans", Helvetica, Arial, sans-serif;color:#fff;line-height:55px;position:relative;font-size:13px;text-transform:uppercase;font-weight:bold}
.xv-menuwrapper .dl-menu > li.parent > a{padding-right:14px}
.xv-menuwrapper .dl-menu > li.parent > a.active{color:#ccc} 
.xv-menuwrapper > ul > li.parent > a::after {content:"";position:absolute;width:0;height:0;border:4px solid transparent;border-top-color:#d3eced;right:4px;top:27px}
.xv-menuwrapper .dl-menu > li > a:hover{color:#ccc;text-decoration:underline;opacity:1} 
.xv-menuwrapper li.parent {position:relative}
.xv-menuwrapper li.parent.megamenu{position:static}
.xv-menuwrapper li.parent.megamenu.small-menu{position:relative}*/
.xv-menuwrapper li.parent.megamenu > .lg-submenu{display:block;width:80%;text-align:justify;left:auto;right:0;padding:0}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu{min-width:660px;width:auto;left:0;right:auto;margin-left:0}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu{min-width:190px;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li{font-family:'Raleway', sans-serif;list-style:none;border-top:1px solid rgba(0, 0, 0, 0.08);padding:5px 10px;margin-left:0}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li a{display:block;line-height:30px;color:#fff;margin:0;font-size:15px}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li:hover{background:rgba(0,0,0,0.2)}
.xv-menuwrapper li.parent.megamenu.small-menu > .lg-submenu > li > .lg-submenu li:hover a{color:#fff}
.xv-menuwrapper li.parent.megamenu > .lg-submenu > li{display:inline-block;text-align:left;vertical-align:top;padding:0}
.xv-menuwrapper li.parent.megamenu > .lg-submenu > li > a{font-weight:800;color:#13212d;display:block}

/* Stilying of first level items within drop down menu */
.xv-menuwrapper .dl-menu > li.parent > ul{padding:0;position:absolute;left:0;top:100%;min-width:230px;background:#1E2D5E;visibility:hidden;opacity:0}
.xv-menuwrapper .dl-menu > li.parent:hover > ul,
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent:hover > ul{visibility:visible;opacity:1;transform:translateY(0);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0)}

/* stylying of items on first level dropdown menu when only one column*/
.xv-menuwrapper .dl-menu > li.parent > ul > li,.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li {font-family:'Raleway', sans-serif;display:block;list-style:none;border-top:1px solid rgba(0, 0, 0, 0.08);padding:5px 10px}
.xv-menuwrapper .dl-menu > li.parent > ul > li > a,.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li a{display:block;line-height:28px;color:#fff;font-size:15px}
.xv-menuwrapper .dl-menu > li.parent > ul > li:hover,.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul li:hover{background:rgba(0,0,0,0.2)}

/* Stilying of second level submenus */
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li:hover{background:transparent}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li:hover a{color:#13212d}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li > ul > li:hover a{color:#EE3908}
.xv-menuwrapper .dl-menu > li.parent.megamenu > ul > li:hover{background:none}
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent:after{position:absolute;top:0;right:10px;line-height:40px;font-family:'FontAwesome';speak:none;
    -webkit-font-smoothing:antialiased;
    content:"\f0da";color:#13212d}

.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul {
    /* Ragu disabled to menu issue fix in IE */
    left:100%;top:0}

/* 615 to 470 Ragu Fixed Menu issue */
.xv-menuwrapper .dl-menu > li.parent > ul > li.parent ul.inline-submenu > li:hover{background:transparent}
.xv-menuwrapper button:after{display:none}
.xv-menuwrapper .dl-back{display:none !important}

/* === 28-Responsive ==== */

/* Large desktop */
@media (min-width:1200px) {}

@media (max-width:1199px) {
    .xv-menuwrapper li.parent.megamenu > .lg-submenu figure{width:230px;max-height:270px}
    .xv-menuwrapper li.parent.megamenu > .lg-submenu{width:85%}
}

.visible-xsm {display:none !important}

@media (max-width:1199px) {
    .xv-menuwrapper{display:none}
    .visible-xsm{display:block !important}
}

@media (min-width:600px) {
    .xv-menuwrapper .dl-menu > li.parent > ul,
    .navbar ul.dropdown-menu li a {
        -webkit-transition:all 0.3s ease-in-out;
        -moz-transition:all 0.3s ease-in-out;
        -o-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out}
    .xv-menuwrapper li {
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -o-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out}
}

@media (max-width:767px) {}
@media (max-width:500px) {}
@media (max-width:360px) {}

/* Common styles of menus */
/*------ dl-menuwrapper are required for mobile navigation ------*/
.dl-menuwrapper{position:absolute;left:-97px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);width:100%;max-width:300px;float:left;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%}

/*----- formatting of the button for the nav on mobile ------*/
.dl-menuwrapper button{float:left;background:#1E2D5E;border:none;width:38px;height:36px;text-indent:-900em;overflow:hidden;position:relative;margin-left:20px;margin-top:-30px;cursor:pointer;outline:none}

/* formatting of the dropdown menu fo mobile nav */
.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#1E2D5E}
.dl-menuwrapper button:after{content:'';position:absolute;width:26px;height:2px;background:#fff;top:8px;left:6px;box-shadow:0 10px 0 #fff, 0 20px 0 #fff} /* Styles first line of mobile navigation sqaure menu bar */
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.dl-menuwrapper li{position:relative;margin:0}
.dl-menuwrapper li a{display:block;position:relative;padding:10px 16px;font-size:16px;line-height:20px;font-weight:300;color:#fff;outline:none;cursor:pointer}
.dl-menuwrapper li ul li a{display:block;position:relative;left:0px;padding:10px 8px;outline:none;cursor:pointer}
.dl-menuwrapper li ul li ul li a{display:block;position:relative;left:0px;padding:10px 0 10px 8px;outline:none;cursor:pointer}

/* Required to change the background color while scrolling trhough the dropdown menu on mobile*/
.no-touch .dl-menuwrapper li a:hover{text-decoration:underline;color:#ccc}

.dl-menuwrapper li.dl-back > a{padding-left:10px}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after {position:absolute;top:0;line-height:40px;font-family:'FontAwesome';speak:none;-webkit-font-smoothing:antialiased;content:"\f0da"}
.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(212, 204, 198, 0.6);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dl-menuwrapper li > a:after{right:10px;color:#6B9BDB}
.dl-menuwrapper .dl-menu{margin:5px 0 0 0;position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all 0.3s ease}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{display:none}

/* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. NEEDED FOR MOBILE NAVIGATION */

.dl-menuwrapper .dl-menu.dl-subview li,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subview > a {display:none}
.dl-menuwrapper .dl-menu.dl-subview li.dl-subview,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block}

/* Formatting of the top horizontal portion of the header */
.fixed {width:100%;min-width:320px;max-width:100%;height:105px}

/* Header */

/* Used to define the top section of the page */
#sticktop {width:100%;top:0;left:0;z-index:999999 !important;position:fixed;background:#1E2D5E;box-shadow:0 4px 12px rgba(0, 0, 0, 0.5);transition:all 0.3s ease;height:116px}
#sticktop.shrink{height:85px}
#sticktop .container{position:relative}

/* Logo */
	#logo{float:left}
	#logo img{height:79px;margin:-10px;transition:all 0.3s ease;width:auto}
	#logo-mobile{display:none}
	.shrink #logo img{height:65px;margin:0 0}
		
	#navbar-tools{color:#ccc;list-style:none;margin-top:-20px;padding:0;position:absolute;right:90px;top:0;transition:all 0.3s ease}
	.shrink #navbar-tools{top:5px}
	#navbar-tools li{float:left}
	#navbar-tools a{color:#fff}
	#navbar-phone{border-right:2px solid rgba(216, 216, 216, 0.4);color:#8C8C8C;font-size:13px;line-height:1.5em;margin-right:10px;
padding-right:10px;text-align:right}
	#navbar-phone a{display:block;font-size:16px}
	#navbar-language{font-size:14px;padding-top:0}
	#navbar-language-2{margin:-55px -30px 0 0;position:absolute;right:0;top:11px;transition:all 0.3s ease;text-align:right}
	#navbar-language-2 ul li{list-style:none;line-height:1.4em}
	#navbar-language-2 a{color:#fff;font-size:13px}
	#navbar-language-2 a:hover{color: #ccc;text-decoration:underline}

.fixed .bg-contain{
	width: 100%;
	overflow: hidden;
	position: absolute;
	height: 100%;
	left: -253px;
	top: 151px;
}
.fixed .bg{width:100%;height:80%;position:absolute;top:-147px;margin-left:0;left:1px}
/*top portion of header*/
.fixed .ilayout{position:relative}
.fixed .ilayout .container{padding:0 0px}
.fixed .ilayout .container .message{margin-left:auto;margin-right:auto;margin-top:30px;width:40%}
.fixed .ilayout .container .message p{text-align:center}
.fixed .ilayout .container .message a{color:#fff;font-size:18px}
.fixed .ilayout .container .message a:hover{text-decoration:underline}
@media screen and (min-width:991px) {
	.fixed .ilayout .container .message{margin-left:auto;margin-right:auto;margin-top:-30px;width:30%}
	.fixed .ilayout .container .message a{font-size:30px}
	}


/*  Smartphones */
	@media (max-width: 991px) {
		body{padding-top:80px}
		#header,#header.shrink{height:80px}	
		#logo img{display:none}
		#logo-mobile{float:left;display:block}
		#logo-mobile img{height:57px;margin-top:7px;padding:7px 0 7px 77px}	
		.shrink #logo-mobile img{height:40px;margin:10px 0}
		#navbar-phone{display:none}
		#navbar-phone span{display:none}
		#navbar-language{padding:0;margin:0}
		#navbar-language-2{margin:0;padding:0;clear:both;margin-right:10%;position:absolute;top:-8px;transition: all 0.3s ease;display:inline-block;text-align: right;z-index:99999999}
		#navbar-language-2 ul{list-style:none}
		#navbar-language-2 a{color:#fff;font-size:13px;line-height:1.9em}
		#navbar-language-2 a:hover{color:#ccc;text-decoration:underline}
	}
	
	/* 21.3. Smartphones
	-----------------------------------------------------------*/
	@media (max-width: 767px) {
		body{padding-top:80px}
		#header,#header.shrink{height:80px}	
		#logo img{display:none}
		#logo-mobile{float:left;display:block}
		#logo-mobile img{height:57px;margin-top:7px;padding:7px 0 7px 0}
		.shrink #logo-mobile img{height: 40px;margin:10px 0}		
		#navbar-phone{display:none}
		#navbar-phone span{display:none}
		#navbar-language{padding:0;margin:0}
		#navbar-language-2{margin:0;padding:0;clear:both;margin-right:10%;position:absolute;top:-8px;transition:all 0.3s ease;display:inline-block;text-align:right;z-index:99999999}
		#navbar-language-2 ul{list-style:none}
		#navbar-language-2 a{color: #fff;font-size: 13px;line-height:1.9em}
		#navbar-language-2 a:hover{color:#ccc;text-decoration:underline}
	}
	
p.announcement{font-weigh:bold;font-size:21px;text-align:center}
img.page{width:100%; max-width:800px;margin-bottom:35px;display:block}