/* Local Gibson (replacing Avenir) font import, please adapt the path to the font to your custom theme */

@font-face {
    font-family: "Gibson";
    src: url("../fonts/gibson/Gibson-Regular.woff2") format("woff2"), url("../fonts/gibson/Gibson-Regular.woff") format("woff");
    font-weight: 400;
  }
  
  @font-face {
    font-family: "Gibson";
    src: url("../fonts/gibson/Gibson-Medium.woff2") format("woff2"), url("../fonts/gibson/Gibson-Medium.woff") format("woff");
    font-weight: 500;
  }
  
  @font-face {
    font-family: "Gibson";
    src: url("../fonts/gibson/Gibson-SemiBold.woff2") format("woff2"), url("../fonts/gibson/Gibson-SemiBold.woff") format("woff");
    font-weight: 600;
  }

/* Google fonts import, add this to the head of your custom template */
/* The Bitter font replaces the italic font */
/* Use the font family Noto Naskh Arabic  Naskh Arabic when displaying arabic content */
/* Use the font family Noto Naskh Arabic  Serif TC when displaying chinese content */


/* GENERAL */
html 
{
  	font-size: 16px;
   	overflow-x: hidden; 
    overflow-y: scroll; 
    
  @media screen and (min-width: 900px) {
    font-size: 18px;
  }
    
  @media screen and (min-width: 1200px) {
    font-size: 20px;
  }
}

h1, h2, h3
{
	font-family: "Gibson";
	
}
p
{font-family: "Gibson";}

li
{font-family: "Gibson";}

td
{font-family: "Gibson";}
.link-secondary
{
	font-family: "Gibson";
}
.link-primary
{
	font-family: "Gibson";
}
.label-primary
{
	font-family: "Gibson";
}
body
{
	    font-family: Gibson, Arial, Helvetica, sans-serif;
	    background-color: #f5fafc;
}
#headermenu {
    background-color: #e5f5fb;
    border-bottom: 2px solid #009cd6;
    height: 1.7rem;
}
.site-heading
{
	font-size: 1rem;
}
.site-tagline
{
	font-size: 2rem;
}

.wpml-ls-item-ar a span
{
	font-family:"Noto Naskh Arabic ";
}


#footer .list-unstyled
{
	width: 100%;
}
body#ar .site-heading
{
	font-size: 1rem;
	text-align: right;
	font-family:"Noto Naskh Arabic ";
}
body#ar .site-tagline
{
	font-size: 2rem;
	text-align: right;
	font-family:"Noto Naskh Arabic ";
}
body#ar .site-description
{
	text-align: right;
	font-family: 'Noto Naskh Arabic ';
}
body#ar .link_text
{
	text-align: right;
	font-family: "Noto Naskh Arabic ";
}
body#ar .spotlight-strapline
{
	text-align: right;
	font-family: "Noto Naskh Arabic ";
}
body#ar .more_link_text
{
	text-align: right;
	float: right;	
	font-family: "Noto Naskh Arabic ";
}
body#ar .nav-item
{
	font-family: "Noto Naskh Arabic ";
}
body#ar #headermenu .nav-item .nav-link, .nav-item .nav-link
{
	font-family: "Noto Naskh Arabic ";
}
body#ar #navbarSupportedContent
{
	text-align: right;
}

body#ar #navbarSupportedContent li.nav-item a
{
		font-family: "Noto Naskh Arabic ";
}
body#ar #footer{}
body#ar #footer .link-secondary
{
	font-family:"Noto Naskh Arabic ";
}
body#ar #footer .link-primary
{
	font-family: "Noto Naskh Arabic ";
}
body#ar #footer .label-primary
{
	font-family: "Noto Naskh Arabic ";
}

body#ar footer
{
	text-align: right;
}
body#ar #footer_logo_container
{
	text-align: right;
}
body#ar #footer .list-unstyled
{
	padding-right: 0px;	
}
body#ar div.language_switcher_wrapper 
{
	position: relative;
}
body#ar div.language_switcher_wrapper a#language_switcher {
	background-image: url("../images/icon-languages.png");
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	text-indent: 1000px;
}

body#ar .sidebar-link-list {
	display: block;
	width: 100%;
	text-align: right;
	background-image: url("../img/icon-arrow-thin-left.png");
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family:"Noto Naskh Arabic ";
	margin-left: 30px;
}

body#ar .promotional_news_01_content
{
	
}
/* RUSSIAN */

body#ru .site-heading
{
	font-size: 1rem;
	font-family: "Gibson";
}
body#ru .site-tagline
{
	font-size: 2rem;
	font-family: "Gibson";
}
body#ru .site-description
{
	font-family: 'AvenirNextW06-Regular';
}
body#ru .link_text
{
	font-family: "Gibson";
}
body#ru .spotlight-strapline
{
	font-family: "Gibson";
}
body#ru .more_link_text
{
	font-family: "Gibson";
}
body#ru .nav-item
{
	font-family: "Gibson";
}
body#ru #headermenu .nav-item .nav-link, .nav-item .nav-link
{
	font-family: "Gibson";
}
body#ru #navbarSupportedContent li.nav-item a
{
		font-family: "Gibson";
}
body#ru #footer{}
body#ru #footer .link-secondary
{
	font-family:"AvenirNextW06-Regular";
}
body#ru #footer .link-primary
{
	font-family: "Gibson";
}
body#ru #footer .label-primary
{
	font-family: "Gibson";
}

/* CHINESE */

body#zh-hans .site-heading
{
	font-size: 1rem;
	font-family:"Noto Serif TC";
}
body#zh-hans .site-tagline
{
	font-size: 2rem;
	font-family:"Noto Serif TC";
}
body#zh-hans .site-description
{
	font-family:"Noto Serif TC";
}
body#zh-hans .link_text
{
	font-family: "Noto Serif TC";
}
body#zh-hans .spotlight-strapline
{
	font-family:"Noto Serif TC";
}
body#zh-hans .more_link_text
{
	font-family:"Noto Serif TC";
}
body#zh-hans .nav-item
{
	font-family:"Noto Serif TC";
}
body#zh-hans #headermenu .nav-item .nav-link, .nav-item .nav-link
{
	font-family: "Noto Serif TC";
}
body#zh-hans #navbarSupportedContent li.nav-item a
{
		font-family: "Noto Serif TC";
}
body#zh-hans #footer{}
body#zh-hans #footer .link-secondary
{
	font-family:"Noto Serif TC";
}
body#zh-hans #footer .link-primary
{
	font-family: "Noto Serif TC";
}
body#zh-hans #footer .label-primary
{
	font-family: "Noto Serif TC";
}


.spotlight-strapline
{
	font-family: "Gibson";
	font-size: 1rem;
}

.spotlight-strapline.horizontal
{
	min-height: 43px;
}
#innerpage-banner
{
	width: 100%;
	height: 350px;
	position: relative;
	background-repeat: no-repeat;
	
    background-position: top center;
    background-size: cover;
}

.sidebar-link-list 
{
	display: block;
	width: 100%;
	text-align: left;
	background-image: url("../img/icon-arrow-thin-right.png");
	background-repeat: no-repeat;
	background-position: right;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: "Gibson";
}
.sidebar-link-list a
{
	color: #343a40;
	text-decoration: none;
	font-family: "Gibson";
	font-size: .9rem;
	display: block;
}
.sidebar-link-list a:hover
{
	color: #19a2dc;
}
.navbar-nav.main-nav
{
	margin-left: 3rem;
	margin-right: auto;
}

body#ar .navbar-nav.main-nav
{
	margin-left: auto;
	margin-right: 0rem;
	padding-right: 0px;
}
body#ar .navbar-nav.main-nav li
{
	padding-right: 30px;
}
body#ar .navbar-nav.main-nav li.sector_menu
{
	padding-right: 30px;
}

.modal-footer {
	font-size: 1rem;
	font-family: "Gibson";
}
.btn.sharp {
  border-radius:0;
}
.dropdown-menu
{
	position: absolute;
	left: -50px;
}
body .dropdown-menu 
{
	position: absolute;
	left: -50px;
	border: none;
}





.dropdown-menu ul
{
	padding-left: 10px;
	padding-right: 10px;
}
.dropdown-menu li
{
	list-style: none;
	margin: 10px;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding-bottom: 5px;
}

/* Active Menu */


 .dropdown-menu li a.wpml-ls-link
 {
 	text-decoration: none;
 	font-size: 0.75rem;
 }
  .dropdown-menu li a.wpml-ls-link:hover
 {
 	color: #029ee0;
 }
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native
{
	font-family:"Gibson";
	color: #000000;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native:hover
{
	font-family:"Gibson";
	color: #029ee0;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="es"], .dropdown-menu li.wpml-ls-item.wpml-ls-item-es a.wpml-ls-link span.wpml-ls-native
{
	font-family:"Gibson";
	color: #000000;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="es"]:hover
{
	font-family:"Gibson";
	color: #029ee0;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="fr"], .dropdown-menu li.wpml-ls-item.wpml-ls-item-fr a.wpml-ls-link span.wpml-ls-native
{
	font-family:"Gibson";
	color: #000000;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="fr"]:hover
{
	font-family:"Gibson";
	color: #029ee0;
}

.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="ar"], .dropdown-menu li.wpml-ls-item.wpml-ls-item-ar  a.wpml-ls-link span.wpml-ls-native
{
	font-family:"Noto Naskh Arabic ";
	color: #000000;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="ar"]:hover
{
	font-family:"Noto Naskh Arabic ";
	color: #029ee0;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="zh-hans"], .dropdown-menu li.wpml-ls-item.wpml-ls-item-zh-hans  a.wpml-ls-link span.wpml-ls-native
{
	font-family:"Noto Serif TC";
	color: #000000;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="zh-hans"]:hover
{
	font-family:"Noto Serif TC";
	color: #029ee0;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="ru"], .dropdown-menu li.wpml-ls-item.wpml-ls-item-ru  a.wpml-ls-link span.wpml-ls-native
{
	font-family:"Gibson";
	color: #000000;
}
.dropdown-menu li a.wpml-ls-link span.wpml-ls-native[lang*="ru"]:hover
{
	font-family:"Gibson";
	color: #029ee0;
}
.dropdown-menu li:last-child
{
	list-style: none;
	margin: 10px;
	border-bottom: 0px solid #cccccc;
	text-align: left;
	padding-bottom: 0px;
}
.dropdown-menu.megamenu
{
	width: 80vw;
}
body#ar .dropdown-menu
{
	position: absolute;
	left: -50px;
	text-align: center;
}

body#ar #ITUDThematicCats.dropdown-menu
{
	position: absolute;
	left: 0px;
	text-align: center;
	right: 0px;
	background-color: #ffffff;
}


.list-unstyled {
	padding-left: 0;
	list-style: none;
	width: 49%;
	display: inline-block;
}
/* [1] The container */
a.img-hover-zoom {
  width: 100%;
height: auto;
display: block; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
a.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
a.img-hover-zoom:hover img {
  transform: scale(1.5);
}
 
.menu-link-primary
{
	font-family: "Gibson";
}

.nav-item .nav-link, .nav-item .nav-link, .nav-item.dropdown .nav-link {
	color: rgba(0,0,0) !important;
	font-family: "Gibson";
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

#headermenu .nav-item .nav-link, .nav-item .nav-link {
	font-family: "Gibson";
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
	font-size: .75rem;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	font-weight: 500;
}
.main-nav li
{
	
}

.main-nav .nav-link {
	color: #000 !important;
	font-family: "Gibson";
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
	font-size: .9rem;
}

.videoOverlay 
{
	display: contents;
	width: 100%;
	height: 100%;
	position: relative;
}
.videoOverlayicon {
	width: 40px;
	height: 40px;
	display: inline-block;
	background-color: #ffffff4f;
	border-radius: 50%;
	position: absolute;
	top: 35%;
	left: 45%;
	background-image: url("../images/play--filled--alt.svg");
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -1000px;
	overflow: hidden;
}

.sector_menu_thumb
{
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-size: cover;
}
section#hero-banner
{
	
	height: 500px;
	width: 100%;
	padding: 0px;
}
.bg-thehow
{
	background: rgb(241,77,75);
	background: -moz-linear-gradient(90deg, rgba(241,77,75,1) 0%, rgba(237,72,70,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(241,77,75,1) 0%, rgba(237,72,70,1) 100%);
	background: linear-gradient(90deg, rgba(241,77,75,1) 0%, rgba(237,72,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f14d4b",endColorstr="#ed4846",GradientType=1); 
	
	background: rgb(53,157,182);
	background: -moz-linear-gradient(90deg, rgba(53,157,182,1) 0%, rgba(75,172,173,1) 72%, rgba(122,213,214,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(53,157,182,1) 0%, rgba(75,172,173,1) 72%, rgba(122,213,214,1) 100%);
	background: linear-gradient(90deg, rgba(53,157,182,1) 0%, rgba(75,172,173,1) 72%, rgba(122,213,214,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#359db6",endColorstr="#7ad5d6",GradientType=1); 
}

.jumbotron
{
	background: rgb(53,157,182);
	background: -moz-linear-gradient(90deg, rgba(53,157,182,1) 0%, rgba(75,172,173,1) 72%, rgba(122,213,214,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(53,157,182,1) 0%, rgba(75,172,173,1) 72%, rgba(122,213,214,1) 100%);
	background: linear-gradient(90deg, rgba(53,157,182,1) 0%, rgba(75,172,173,1) 72%, rgba(122,213,214,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#359db6",endColorstr="#7ad5d6",GradientType=1); 
	
}
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.ytp-cued-thumbnail-overlay-image {
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
}
.parent:hover .child,
.parent:focus .child {
}
#crsl-impactstories .story-category 
{
	background-image: url("blue-dot.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position-y: 5px;
	background-size: 15px;
	color: #413e3e;
	font-family: "Gibson";
}
.nopadding
{
	padding: 0px;
}
.more_link_text
{
	font-family: "Gibson";
	color: #000000;
	
	-webkit-transition: color 0.2s ease-out;
 	-moz-transition: color 0.2s ease-out;
 	-o-transition: color 0.2s ease-out;
 	-ms-transition: color 0.2s ease-out;
 	transition: color 0.2s ease-out;
}
.more_link_text:hover
{
	font-family: "Gibson";
	color: #009cd6;
	text-decoration: none;
}
.link_text
{
	font-family: "Gibson";
	color: #000000;
	
	-webkit-transition: color 0.2s ease-out;
 	-moz-transition: color 0.2s ease-out;
 	-o-transition: color 0.2s ease-out;
 	-ms-transition: color 0.2s ease-out;
 	transition: color 0.2s ease-out;
}
.link_text:hover
{
	font-family: "Gibson";
	color: #009cd6;
	text-decoration: none;
}

/*ALERT STYLES */


.alert-message
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.alert-message h4
{
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message p:last-child
{
    margin-bottom: 0;
}
.alert-message code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-message-success
{
    background-color: #F4FDF0;
    border-color: #3C763D;
}
.alert-message-success h4
{
    color: #3C763D;
}
.alert-message-danger
{
    background-color: #fdf7f7;
    border-color: #d9534f;
}
.alert-message-danger h4
{
    color: #d9534f;
}
.alert-message-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}
.alert-message-warning h4
{
    color: #f0ad4e;
}
.alert-message-info
{
    background-color: #f4f8fa;
    border-color: #5bc0de;
}
.alert-message-info h4
{
    color: #5bc0de;
}
.alert-message-default
{
    background-color: #EEE;
    border-color: #B4B4B4;
}
.alert-message-default h4
{
    color: #000;
}
.alert-message-notice
{
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.alert-message-notice h4
{
    color: #444;
}

/* ALERT STYLES END */


.carousel .carousel-item img
{
	width: 100%;
}

.round
{
	border-radius: 50%;
}
.card-title, .carousel .carousel-item h4
{
	font-family: "Gibson";
}
.card-title, .carousel .carousel-item h4 a, .card-title a
{
	color: #000000;
}

section
{
	padding-left: 30px;
	padding-right: 30px;
}

.container 
{
  max-width: 960px;
}

.pricing-header 
{
  max-width: 700px;
}


.display-4
{
	font-size: 2em;
}
.sectionHeader
{
	font-size: 3em;
	font-weight: bold;
}

section#areasofaction .card-body
{
	height: 170px;
	padding: 30px;
}
section#areasofaction .aa_description
{
	font-size: 1.4em;
}

#impactareas
{
}

section#impactareas .card .card-title
{
	font-size: 2em;
}

section#footer
{
	background-color: #009cd6;
	
}
section#footer a
{
	color: #ffffff;
}
#crsl-impactstories
{
	margin: 0px;
	padding: 0px;
}
#crsl-impactstories .carousel-item .card
{
	min-height: 500px;
}
.hide
{
	display: none;
}

.ico-wrap {
	font-size: 2rem;
	font-weight: bold;
	font-family: Gibson;
	text-align: center;
	background: black;
	display: inline-block;
	padding: 10px;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	color: #ffffff;
}

section#main-banner
{
	background-color: #ffc315;
}
/* ABOUT AREA */

#about
{
	padding-top: 30px;
}

."about_area_wrapper"
{
	
}
.about_area_thumb img.logo
{
	width: auto;
	
}
.about_area_thumb img
{
	width: auto;
	
}
.about_area_description 
{
	background-color: #ffffff;
	font-family: "AvenirNextW04-Light";
	font-size: 1rem;
	padding: 0px;
	width: 100%;
}
.about_area_video_frame
{
	width: 100%;
}

/* ABOUT AREA */


/* AREA OF ACTION */

#areasofaction
{
	padding-top: 30px;
}

.action_area_wrapper
{
	
}
.action_area_thumb img
{
	width: 100%;
	
}
.action_area_description 
{
	background-color: #ffffff;
	font-family: "AvenirNextW04-Light";
	font-size: 1.4rem;
	padding: 30px;
	width: 100%;
	min-height: 250px;
}


/* AREA OF ACTION */



/* CAROUSEL */

  .carousel {

}
.carousel .carousel-inner .control-box 
{
	position: absolute;
}
.carousel .carousel-item {
	text-align: center;
	overflow: hidden;
	height: 500px;
	padding: 5rem;
}
.carousel .carousel-item h4 {
}
.carousel .carousel-item img {
	max-width: 100%;
	display: inline-block;
}
.carousel .carousel-item .btn {
	border-radius: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	background: #a177ff;
	padding: 6px 15px;
	margin-top: 5px;
}
.carousel .carousel-item .btn:hover {
	background: #8c5bff;
}
.carousel .carousel-item .btn i {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
.carousel .thumb-wrapper {
	margin: 5px;
	text-align: left;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);   
}
.carousel .thumb-content {
	padding: 15px;
	font-size: 13px;
}
.carousel-control-prev, .carousel-control-next {
	height: 44px;
	width: 44px;
	background: none;	
	margin: auto 0;
	border-radius: 50%;
	border: 3px solid rgba(0, 0, 0, 0.8);
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 36px;
	position: absolute;
	top: 50%;
	display: inline-block;
	margin: -19px 0 0 0;
	z-index: 5;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
	font-weight: bold;
}
.carousel-control-prev i {
	margin-left: -3px;
}
.carousel-control-next i {
	margin-right: -3px;
}
.carousel-indicators {
	bottom: -50px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	border: none;
}
.carousel-indicators li {	
	background: #ababab;
}
.carousel-indicators li.active {	
	background: #555;
}
/* CAROUSEL */

/* The hero image */
.hero-image 
{
	/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read 
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("photographer.jpg");*/
	
	
	/* Set a specific height */
	height: 100vh;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  
  height: auto;
background-repeat: no-repeat;
background-size: auto 100%;
background-color: #ffc315;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  width: 100%;
}

.cta-text
{
	font-weight: bold;
	font-size: 3.5rem;
}

/* NAVIGATION */

.dropdown-toggle::after
{
	content: none;
}
div.language_switcher_wrapper a#language_switcher
{
	background-image: url("../images/icon-languages.png");
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	text-indent: -1000px;
}
div.language_switcher_wrapper.show a#language_switcher
{
	background-image: url("../images/icon-languages-blue.png");
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	text-indent: -1000px;
}

body.ar div.language_switcher_wrapper a#language_switcher
{
	background-image: url("../images/icon-languages.png");
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	text-indent: -1000px;
	direction: ltr;
}
body.ar div.language_switcher_wrapper.show a#language_switcher
{
	background-image: url("../images/icon-languages-blue.png");
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	text-indent: -1000px;
	direction: ltr;
}


/* MEDIA QUERIES */

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  
  #footer .social-link
  {
  	text-align: right;
  }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
  
  #headermenu #main_nav
        {
        }
  		#headermenu #main_nav .navbar-nav
  		{
  		}
  		body .dropdown-menu
  		{
  			position: inherit;
  			left: auto;
  		}
  		.dropdown-menu ul
  		{
  			padding-left: 0px;
  		}
  		.dropdown-menu li
  		{
  			margin-left: 0px;
  		}
  		.dropdown-menu li:last-child
  		{
  			margin-left: 0px;
  		}
  		
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS */
  #headermenu #main_nav
        {
        }
  		#headermenu #main_nav .navbar-nav
  		{
  		}
  		
  		body .dropdown-menu
  		{
  			position: inherit;
  			left: auto;
  		}
  		
  		.navbar-nav.main-nav
  		{
  			margin-left: 0px;
  		}
  		.dropdown-menu ul
  		{
  			padding-left: 0px;
  		}
  		.dropdown-menu li
  		{
  			margin-left: 0px;
  		}
  		.dropdown-menu li:last-child
  		{
  			margin-left: 0px;
  		}
  		.navbar-brand img
  		{
  			width: calc(100% - 41px);
  			height: auto;
  		}
  		li.sector_menu
  		{
  			background-color: #c4e7f4;
  			padding-left: 10px;
  			margin-bottom: 15px;
  		}
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /* CSS */
  
  #headermenu #main_nav
        {
        }
  		#headermenu #main_nav .navbar-nav
  		{
  		}
  		body .dropdown-menu
  		{
  			position: inherit;
  			left: auto;
  		}
  		.navbar-nav.main-nav
  		{
  			margin-left: 0px;
  		}
  		.dropdown-menu ul
  		{
  			padding-left: 0px;
  		}
  		.dropdown-menu li
  		{
  			margin-left: 0px;
  		}
  		.dropdown-menu li:last-child
  		{
  			margin-left: 0px;
  		}
  		.navbar-brand img
  		{
  			width: calc(100% - 41px);
  			height: auto;
  		}
  		li.sector_menu
  		{
  			background-color: #c4e7f4;
  			padding-left: 10px;
  			margin-bottom: 15px;
  		}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  /* CSS */
  
  		.navbar-nav.main-nav
        {
        	margin-left: 0;
        	margin-right: auto;
        }
        .list-unstyled
        {
        	width: 100%;
        	padding-bottom: 0px !important;
        	padding-top: 0px !important;
        }
        .list2-last
        {
        	border: 0px;
        }
        #headermenu #main_nav
        {
        }
  		#headermenu #main_nav .navbar-nav
  		{
  		}
  		body .dropdown-menu
  		{
  			position: inherit;
  			left: -120px;
  			padding-left: 20px;
  		}
  		#language_switcher_wrapper_block
  		{
  			display: none;
  		}
  		.mobile_view_language_switcher .nav-item.dropdown.language_switcher_wrapper
  		{
  			position: absolute;
  		}
  		body .mobile_view_language_switcher .dropdown-menu.mobile.show
  		{
  			position: absolute;
			left: -90px;
  		}
  		.dropdown-menu ul
  		{
  			padding-left: 0px;
  		}
  		.dropdown-menu li
  		{
  			margin-left: 0px;
  		}
  		.dropdown-menu li:last-child
  		{
  			margin-left: 0px;
  		}
  		.navbar-brand img
  		{
  			width: calc(100% - 41px);
  			height: auto;
  		}
  		li.sector_menu
  		{
  			background-color: #c4e7f4;
  			padding-left: 10px;
  			margin-bottom: 15px;
  		}
}