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

/*

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

Futura Regular
-----------------------------
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 400;

Futura Bold
-----------------------------
font-family: "futura-pt",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;

*/



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


.top_menu li .sub-menu li {
    list-style: none;
    float: left;
    background-color: #32316c;
    width: 100%;
}

.top_menu li .sub-menu li a {
    width: 76px;
    text-align: center;
}

.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 {
    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%; float:left; }

.clearfix { clear:both; }

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


.slicknav_menu {
	display:none;
}

.full_header{ position:fixed; z-index:88888;}

.header_one {  
background: -webkit-linear-gradient(left, #32316c, #32316c, #32316c, #b2c9db); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #32316c, #32316c, #32316c, #b2c9db); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #32316c, #32316c, #32316c, #b2c9db); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #32316c, #32316c, #32316c, #b2c9db); /* Standard syntax (must be last) */ 
	height:39px; 
	z-index:99999;
}

.header_two { height:140px; 
background-image:url(images/menu_white_fade.png); 
background-repeat:repeat-x; 
background-position:top;
}

.main_logo {
  float: left;
  padding: 14px 2%;
}

.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: "futura-pt",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(images/icon_applications.png); 
background-position:center top; 
background-repeat:no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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



.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: -webkit-linear-gradient(left, #32316c, #32316c, #32316c, #b2c9db);
  background: -o-linear-gradient(right, #32316c, #32316c, #32316c, #b2c9db);
  background: -moz-linear-gradient(right, #32316c, #32316c, #32316c, #b2c9db);
  background: linear-gradient(to right, #32316c, #32316c, #32316c, #b2c9db);
}

.download_btn {
  height: 19px;
  color: #FFF;
  font-size: 12px;
  float: left;
  width: 175px;
  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: 145px;
  line-height: 1.8;
  float: left;
  font-weight: 400;
}

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

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

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

.top_menu li a:hover{ 
color: #FFF;
background-color:rgba(255, 255, 255,0.2);
}

.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: -webkit-linear-gradient(bottom left, #b2c9db , #ead1bc); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right top, #b2c9db, #ead1bc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right top, #b2c9db, #ead1bc); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right top, #b2c9db , #ead1bc); /* Standard syntax (must be last) */
transform:  rotate(358deg) scale(1) skew(-2deg) translate(0px);
-webkit-transform:  rotate(358deg) scale(1) skew(-2deg) translate(0px);
-moz-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
-o-transform:  rotate(358deg) scale(1) skew(-2deg) translate(0px);
-ms-transform:  rotate(358deg) scale(1) skew(-2deg) translate(0px);
-webkit-backface-visibility: hidden;
}

.diagonal_inner_wrapper {
width: 964px;
margin:auto;
color: #fff;
padding: 35px 0 15px;
transform:  rotate(2deg) scale(1) skew(3deg) translate(0px);
-webkit-transform:  rotate(2deg) scale(1) skew(3deg) translate(0px);
-moz-transform: rotate(2deg) scale(1) skew(3deg) translate(0px);
-o-transform:  rotate(2deg) scale(1) skew(3deg) translate(0px);
-ms-transform:  rotate(2deg) scale(1) skew(3deg) translate(0px);
position:relative;
}

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

.slider_wrapper{ 
width:100%; 
float:left; 
}

.home_content_wrapper{ 
width:100%; 
float:left; background-image:url(images/content_light_blue_BG.png); 
background-position:center top;
background-repeat:repeat-x;
background-size:cover;
padding-bottom: 4%;
}

.home_content_wrapper h1{   
  color: #32316c;
  font-size: 40px;
  font-family: "futura-pt",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-weight: 300;
color: #898989;
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: 5px 5px 5px 5px;
  line-height: 31px;
  color: #32316c;
  font-family: "futura-pt",sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
 }
 
 .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-color: #32316c;
}

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

.diagonal_inner_wrapper h1{ 
color: #FFF;
  font-size: 40px;
  font-family: "futura-pt",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: 122px;
  vertical-align:baseline;
  }
 
 .market_sectors_grid li a:hover{ 
  background-color: rgba(225, 225, 225, 0.3);
  -webkit-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
  -moz-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
  -o-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
  -ms-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
 }

  .market_sectors_grid li a:hover {
    background-color: rgba(178, 201,219, 0.3);
    -webkit-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
    -moz-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
    -o-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
    -ms-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
}
 .market_sectors_grid li a img{ margin:13% 0;}

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

.logo_box {
  width: 64px;
  padding: 13px 5px 5px 5px;
  height: 155px;
  position: absolute;
  bottom: 0;
  right: 300px;
  background-color: #FFF;
  z-index: 2;
}

.partners_wrapper h1{
	color: #32316c;
	font-size: 40px;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	text-align: right;
	float: right;
	padding: 2%;
	}

.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; 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: 55px;
}
.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: 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;
}
	
	
	
}