/*
Theme Name: Eagle Europe
Description: Eagle Europe Theme 
Author: Swimming Hippo
*/

/*

*************** FONTS ***************

Futura Regular
-----------------------------
font-family: arial,sans-serif;
font-style: normal;
font-weight: 400;

Futura Bold
-----------------------------
font-family: arial,sans-serif;
font-style: normal;
font-weight: 700;

Lato Light
-----------------------------
font-family: "lato",sans-serif;
font-style: normal;
font-weight: 300;

Lato Regular
-----------------------------
font-family: "lato",sans-serif;
font-style: normal;
font-weight: 400;

Lato Bold
-----------------------------
font-family: "lato",sans-serif;
font-style: normal;
font-weight: 700;

*/

:root {
  --bgcolor1: #32316c;
}

.top_menu li:hover .sub-menu{
display:block;
}


.top_menu li .sub-menu li {
    list-style: none;
    float: left;
background: var(--color6);
color: #fff;
    width: 100%;
}

.top_menu li .sub-menu li a {
    width: 100%;
color: #fff;
}

.top_menu li .sub-menu li::after{
    content: "";
    color: #FFF;
    font-size: 12px;
    line-height: 38px;
    font-family: "lato",sans-serif;
    font-style: normal;
    font-weight: 300;
}

.top_menu li .sub-menu li:hover{ background: var(--color6);}
.top_menu li .sub-menu li a:hover{ background: var(--color6);}


.top_menu li .sub-menu {
    position: absolute;
    top: 39px;
    padding: 0;
    margin: 0;
    z-index: 2;
    width: 100px;
    right: 0;
display:none;
}


body { 
padding:0; margin:0; 
font-family: "lato",sans-serif;
font-style: normal;
font-weight: 300;
}

.outer_wrapper { width:100%; /*float:left;*/ }

.inner_wrapper { width:970px; margin:auto; }

/*.container{ padding: 2%; width:96%; }*/

.clearfix { clear:both; }

 
.header_space{
height:39px; 
float: left;
width: 100%;
 }


.slicknav_menu {
	display:none;
}

.full_header{ /*position:fixed;*/ z-index:88888;
background-color: #f7f7ff !important;
}

.header_one{ 
	height:39px; 
	z-index:99999;
  background-color: #f7f7ff !important;
}

.header_two { 
  background-image: url(
    /staticimg/themes/eagle/images/menu_white_fade.png)!important;
  background-repeat:repeat-x!important;
  background-position:top!important;
  /*border-top: 8px solid var(--color6);*/
  padding-top: 16px;
}

.main_logo {
margin-top: 14px;
}

.main_menu { list-style:none; float:right; padding:0; margin:0;}

.main_menu li { float:left; margin-top: 12px;}

.main_menu li a{
font-family: arial,sans-serif;
font-style: normal;
font-weight: 700;
padding: 40px 10px 10px 10px;
text-decoration:none;
float: left;
color:#32316c;
font-size:15px;
}

/* Applications */
.item1{ 
background-image:url(/staticimg/themes/eagle/images/icon_applications.png); 
background-position:center top; 
background-repeat:no-repeat;
}

.item1:hover {
  background-image: url(/staticimg/themes/eagle/images/icon_applications_hover.png); }

.item1 a:hover {color:#76b866;}

/* Services */
.item2{
background-image:url(/staticimg/themes/eagle/images/icon_services.png); 
background-position:center top; 
background-repeat:no-repeat;	
}

.item2:hover{
background-image:url(/staticimg/themes/eagle/images/icon_services_hover.png); 
}

.item2 a:hover {color:#c51f72;}

/* Products */
.item3{
background-image:url(/staticimg/themes/eagle/images/icon_products.png); 
background-position:center top; 
background-repeat:no-repeat;
}

.item3:hover{
background-image:url(/staticimg/themes/eagle/images/icon_products_hover.png); 
}

.item3 a:hover {color:#2a8ab2;}

/* Resources */
.item4 {
background-image:url(/staticimg/themes/eagle/images/icon_resources.png); 
background-position:center top; 
background-repeat:no-repeat;
}

.item4:hover {
background-image:url(/staticimg/themes/eagle/images/icon_resources_hover.png); 
}

.item4 a:hover {color:#f3523d;}


/* Sectors */
.item5 {
background-image:url(/staticimg/themes/eagle/images/icon_sectors.png); 
background-position:center top; 
background-repeat:no-repeat;
}

.item5:hover {
background-image:url(/staticimg/themes/eagle/images/icon_sectors_hover.png); 
}

.item5 a:hover {color:#f3523d;}


/* Hardware */
.item6 {
background-image:url(/staticimg/themes/eagle/images/icon_hardware.png); 
background-position:center top; 
background-repeat:no-repeat;
}

.item6:hover {
background-image:url(/staticimg/themes/eagle/images/icon_hardware_hover.png); 
}

.item6 a:hover {color:#c8b932;}



.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #32316c;
}

.download_btn {
  height: 39px;
  color: #333;
  font-size: 12px;
  float: left;
  width: 285px;
  padding: 10px 2%;
}

.download_btn:hover{background-color:rgba(255, 255, 255,0.2);}

.download_btn img {
  height: 19px;
  width: 20px;
  margin-right: 10px;
  float: left;
}
.download_btn span {
  height: 19px;
  width: 210px;
  line-height: 1.8;
  float: left;
  font-weight: 400;
}

.top_menu {float:left; padding:0; margin:0; list-style:none;}

.top_menu li {
    float: left;	
    position: relative;
}

.top_menu li a{ 
padding: 11px 12px;
color: #333;
text-decoration: none;
float: left;
font-size: 14px;
font-family: arial,sans-serif;
font-style: normal;
font-weight: 300;
/*text-transform: uppercase;*/
}

.top_menu li a:hover{ 
   text-decoration: underline;
background: var(--bgcolor6);  
}

/*.top_menu li::after{ 
content:"|"; 
color:#FFF;   
font-size: 12px;
line-height: 38px;
font-family: "lato",sans-serif;
font-style: normal;
font-weight: 300;
}*/

.top_menu li:last-child::after{ content:""; }

.diagonal_outer_wrapper {
width: 100%;
/*float:left;*/ 
color: #fff;
background: var(--contentbglight2);
}

.diagonal_inner_wrapper {
width: 964px;
margin:auto;
color: #fff;
padding: 35px 0 15px;
position:relative;
}

.diagonal_space {
padding: 2% 0;
height: 20px;
}

.slider_wrapper{ 
width:100%; 
/* float:left; */

}

.home_content_wrapper{ 
width:100%; 
float:left; 
background: var(--contentbackground);
padding-bottom: 4%;
}

.home_content_wrapper h1{   
  color: #32316c;
  font-size: 40px;
  font-family: arial,sans-serif;
  font-style: normal;
  font-weight: 700;
  /*text-transform: uppercase;*/ 
  /*text-align: center;*/
  width:100%;
  float:left;
  padding: 2% 0;
  }
  
.home_content_text{ 
width:100%; 
float:left;
font-family: "lato",sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 300;
color: #0e0d42;
/*text-align: center;*/
}

.home_content_button{ width:100%; float:left; text-align: center; padding-top: 2%; }

.home_content_button a{
background-color: rgba(111, 110, 152, 0.3);
padding: 12px 24px;
line-height: 40px;
color: #32316c;
font-family: arial,sans-serif;
font-style: normal;
font-weight: 700;
text-decoration: none;
border-radius: 24px;
font-size: 14px;
 }
 
 .home_content_button a:hover{background-color: rgba(111, 110, 152, 0.2); }


.blog_ticker{
width: 100%;
float: left;
font-family: "lato",sans-serif;
font-style: normal;
font-weight: 300;
color: #32316c;
text-align: center;
background: #efc3ff;
margin-top: 0px;
height: .125px;
}

.market_sectors_grid{ 
width:50%; 
float:left;  
padding: 0 2% 4% 2%;
display:table;
}

.diagonal_inner_wrapper h1{ 
  color: #32316c;
  font-size: 40px;
  font-family: arial,sans-serif;
  font-style: normal;
  font-weight: 700;
  /*text-transform: uppercase;*/
  width: 47%;
  float: left;
  padding: 2%;

}

.market_sectors_grid li { list-style:none; float:left; width:31%; margin:1%; }

.market_sectors_grid li a{ 
  padding: 10%;
  background-color: rgba(225, 225, 225, 0.5);
  width: 80%;
  float: left;
  text-decoration: none;
  color: #FFF;
  /*text-transform: uppercase;*/
  /*text-align: center;*/
  font-size: 15px;
  height: 132px;
  width: 132px;
  vertical-align:baseline;
  }
 
 .market_sectors_grid li a:hover{ 
  background-color: rgba(225, 225, 225, 0.3);
 }

  .market_sectors_grid li a:hover {
    background-color: rgba(178, 201,219, 0.3);
}
 .market_sectors_grid li a img{ margin:13% 0;}

.market_sectors_image{ position: absolute; bottom:4px; right: 2%;  width:345px; }

.logo_box {
  width: 124px;
  padding: 13px 5px 5px 5px;
  height: 155px;
  position: absolute;
  bottom: 0;
  right: 300px;
  background: var(--contentbglight2);
  z-index: 2;
}

.partners_wrapper h1{
color: #32316c;
font-size: 40px;
font-family: arial,sans-serif;
font-style: normal;
font-weight: 700;
text-align: right;
padding: 2%;
background-color: var(--white);
border-radius: 0px 12px 12px 0px;
width: 100%;
}

.partners{ padding:2%; margin:0; list-style:none; width:96%; float:right;}

.partners li {
  float: right;
  margin-left: 4%;
}

.partners li:last-child { margin-left:0;}

.partners li a{ float:left;   line-height: 0; /*text-align: center;*/
}

.partners li a img { height:89px;}



.footer_wrapper{ background:#32316c; /*navbg*/ width:100%; float:left;}

.social { /*text-align: center;*/}

.social img{ padding:0 1%;}

.social img:hover{ 
opacity:0.5;
}

.social_header {
  float: left;
  padding: 10px 0px;
  width: 25px;
  height: 39px;
}
.social_header a {
  float: left;
  width: 50%;
  /*text-align: center;*/
}

.social_header img:hover { opacity:0.5;
}

.address { color:#FFF; /*text-align: center;*/ width:100%; float:left; padding:2% 0;   font-size: 15px;}

.contact { 
color:#FFF; 
/*text-align: center;*/ 
width:100%; 
float:left; 
font-family: "lato",sans-serif;
font-style: normal;
font-weight: 700;   
font-size: 15px;
}

.contact span{ margin-right:2%;}

.contact a{ 
text-decoration:none;
color:#FFF;
}

.contact a:hover{ 
text-decoration:none;
opacity:0.5;
}





@media (max-width: 1070px){
.home_content_wrapper h1{
font-size: 30px;
}

.diagonal_inner_wrapper h1{
font-size: 30px;
}


.partners_wrapper h1{ 
font-size: 30px;
}

.home_content_text{ 
font-size:13px;   
line-height: 20px;
}

.home_content_button a {
font-size: 13px;
}

.address { 
font-size:13px; 
line-height:20px;
}
.contact { 
font-size:13px; 
line-height:20px;
}

}

@media (max-width:970px){
	
/*.inner_wrapper{ width:100%;}*/

.diagonal_inner_wrapper{ width:98%;}

.market_sectors_image {
width: 325px;
bottom: 4px;
}


.logo_box {
  height: 135px;
  right: 285px;
}
}

@media (max-width:960px){
	.partners li a img {
  height: 79px;
}
}


@media (max-width: 870px){
	
.home_content_wrapper h1{font-size: 22px;}
.home_content_wrapper h2{font-size: 20px;}
.diagonal_inner_wrapper h1{
font-size: 20px;
}


.partners_wrapper h1{ 
font-size: 20px;
}

.market_sectors_grid li a {
  font-size: 13px;
  height: 100px;
}

.market_sectors_image {
  width: 285px;
  bottom: 3px;
}

.logo_box {
  height: 120px;
  right: 260px;
}

.market_sectors_grid li a img {
  margin: 7% 0;
}

.diagonal_inner_wrapper {
  width: 96%;
}


	
	
}

@media (max-width:850px){
	.partners li a img {
  height: 69px;
}
}

@media (max-width:767px){
	
.market_sectors_image {
display:none;
}
.logo_box {
 display:none;
}

.diagonal_inner_wrapper {
  overflow: hidden;
}
.market_sectors_grid {
  width: 98%;
}

.market_sectors_grid li {
  width: 31%;
  margin: 1%;
}

.market_sectors_grid li a img {
  margin: 22% 0;
}

.market_sectors_grid li a {

  height: 168px;
}

.diagonal_inner_wrapper h1 {
  width: 98%;
  float: left;
  /*text-align: center;*/
}
	
}


@media (max-width:740px){
	.partners li a img {
  height: 59px;
}
}

@media (max-width:660px){
	#menu {
		display:none;
	}
	
	.header_one{display:none;}
	
	.slicknav_menu {
		display:block;
	}
	
	.logo_MOB{ padding: 10px 10px 4px 10px; }
	
	.main_logo{ display:none;}
	

.main_menu li a {
  padding: 40px 10px 10px 10px;

}

.main_menu {
  list-style: none;
  float: none;
  padding: 0;
  margin: auto;
  width: 486px
}
}

@media (max-width:631px){
	.partners li a img {
  height: 49px;
}
}

@media (max-width:530px){
.market_sectors_grid li a {

  height: 129px;
}
.market_sectors_grid li a img {
  margin: 16% 0;
}


.partners li a { width:100%;}

.partners li {
  float: right;
 margin-left:0;
  width: 33%;
  /*text-align: center;*/
    margin-bottom: 4%;
}
	
}



@media (max-width:510px){
.main_menu li a {
    padding: 40px 4px 10px 4px;
    font-size: 10px;
}

.main_menu {/*width: 300px;*/}

}



@media (max-width:480px){

.market_sectors_grid li a {

  height: 118px;
}
.market_sectors_grid li a img {
  margin: 10% 0;
}

.partners li a img {
  height: 40px;
}
	
	
}


@media (max-width:410px){
	




.market_sectors_grid li {
  width: 48%;
  margin: 1%;
}

.market_sectors_grid li a {
  font-size: 12px;
  height: 152px;
}

.market_sectors_grid li a img {
  margin: 20% 0;
}

}


@media (max-width:320px){
	
	.diagonal_inner_wrapper {
  width: 92%;
}
	
	.market_sectors_grid li {
  width: 48%;
  margin: 1%;
}

.market_sectors_grid li a {
  font-size: 12px;
  height: 120px;
}

.market_sectors_grid li a img {
  margin: 15% 0;
}	
}