﻿
@media only screen and (min-width: 1601px)
{	
	.w950{ max-width:950px !important;}
	.w1520{ max-width:1520px !important;}
	
	.HpExpertiesTxt{padding:30px 0 0 40px;letter-spacing:0.8px;}
    .HpExpertiesTxt1, .HpExpertiesTxt2, .HpExpertiesTxt3{height:150px !important;}
    
    .HpServicesTitleDiv{padding-top:40px;}
    .HpServicesTxt{padding:25px 0 25px;height:135px;letter-spacing:0.9px;}
    
    .HpOurServicesTitle{padding-top:80px;}
}


/*////// HpExpertiesTxt and HpServicesTxt - Start //////*/ /* Elements with fixed height to alignelement to bottom inside a grid*/
.HpServicesTxt{line-height:1.3;}



@media only screen and  (min-width:1201px) and (max-width: 1600px)/*PC*/
{	
    .HpExpertiesTxt{padding:30px 0 0 40px;letter-spacing:0.8px;}
    .HpExpertiesTxt1, .HpExpertiesTxt2, .HpExpertiesTxt3{height:230px !important;}
    
    .HpServicesTitleDiv{padding-top:40px;}
    .HpServicesTxt{padding:25px 0 25px;height:175px;letter-spacing:0.9px;}
    
    .HpOurServicesTitle{padding-top:80px;}

    .pagination-indicator {
        left: 23.8%;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1200px)/*PC*/
{	
    .HpExpertiesTxt{padding:30px 0 0 40px;letter-spacing:0.8px;}
    .HpExpertiesTxt1, .HpExpertiesTxt2, .HpExpertiesTxt3{height:280px !important;} 
    
    .HpServicesTitleDiv{padding-top:40px;}
    .HpServicesTxt{padding:25px 0 25px;height:185px;letter-spacing:0.9px;}  
    
    .HpOurServicesTitle{padding-top:80px;}
}
@media only screen and  (min-width:771px) and (max-width:980px)/*tablet*/
{	
    .HpExpertiesTxt{padding:20px 0 0 30px;font-size:16px;letter-spacing:0.8px;}

    .HpExpertiesTxt1, .HpExpertiesTxt2{height:145px !important;}
    .HpExpertiesTxt3{height:125px !important;}
    
    .HpServicesTitleDiv{padding-top:25px;}
    .HpServicesTxt{padding:9px 0 25px;height:125px;letter-spacing:0.9px;}  
    
    .HpOurServicesTitle{padding-top:70px;}

    .pagination-indicator {
        left: 80px !important;
    }
    .owl-2 {
        padding-right: 18px !important;
    }
 }
 @media only screen and  (min-width:576px) and (max-width:770px)/*tablet*/
{	
    .HpExpertiesTxt{padding:20px 0 0 30px;font-size:16px;letter-spacing:0.8px;}

    .HpExpertiesTxt1, .HpExpertiesTxt2{height:240px !important;}
    .HpExpertiesTxt3{height:150px !important;}
    
    .HpServicesTitleDiv{padding-top:25px;}
    .HpServicesTxt{padding:9px 0 25px;height:155px;letter-spacing:0.9px;}  
    
    .HpOurServicesTitle{padding-top:70px;}

    .pagination-indicator {
        left: 75px !important;
    }
    .owl-2 {
        padding-right: 18px !important;
    }
    #project_slider {
        margin-left: 17px !important;
    }
 }
@media only screen and (max-width: 575px)/*mobile*/
{	
    .HpExpertiesTxt{padding:20px 0 0 40px;font-size:16px;letter-spacing:0.8px;}
    
    .HpServicesTitleDiv{padding-top:28px;padding-bottom:10px;}
    .HpServicesTxt{padding:9px 0 25px;letter-spacing:0.8px;font-size:17px;padding-bottom:30px;} 

     .HpOurServicesTitle{padding-top:60px;}

     .pagination-indicator {
        left: 55px !important;
    }
    .arrow-container {
        padding-right: 30px !important;
    }
}
/*////// HpExpertiesTxt - End //////*/


/* Pagination indication for slider */
.pagination-container {
    position: relative;
}
.pagination-indicator {
    display: inline-block;
    position: absolute;
    left: 23.8%;
    bottom: 30px;
    z-index: 1;
}
.pagination-item {
    border-radius: 50%;
    padding: 5px;
    background-color: #FD341B;
    width: 15px;
    height: 15px;
    display: inline-block;
    transition: background-color .15s ease-in;
    cursor: pointer;
}
.pagination-item.active {
    background-color:white;
}
.pagination-item:not(:first-child) {
    margin-left: 34px;
}

.MenuLinkSelected{color:#FD341B !important;}

.fade {
   opacity: 0;
   transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out;
   }
.fade:hover {
   opacity: 0.5;
}

html {
  scroll-behavior: smooth;
}
h1{padding-top:0px;margin-top:0px;font-family: 'Exo';font-weight:normal;letter-spacing:1.5px;}
h2{color:#FD341B;font-family: 'Exo';font-weight:bold !important;}

.Grey{color:#89828B;}
* {box-sizing: border-box;}

body { 
color:#1A2F4B;
direction:ltr;
font-size:19px;
font-family: 'Proxima Nova Cn Rg';

  margin: 0;
  /*max-width:1920px;*/
}
.Credit,visited{color:Black;font-weight:normal;text-decoration:none;}
.Credit:hover{color:Black;}
.HpExpertiesTxt{color:#1A2F4B !important;}
/*
.ContainerWidth100{
width:100% !important;
margin:0px !important;padding:0px !important;

}*/

.Content1{font-family:Proxima Nova Cn Lt;color:#2A2E33 !important;}
.Content2{font-family:Proxima Nova Cn Rg;color:#2A2E33 !important;padding:20px 0 0px;}

    .row > .col,
    .row > [class*="col-"] {
      padding-right: 28px;
      padding-left: 28px;
    }
/*Shrinking Header - Start*/
#ShrinkingHeader {
  /*  display:none;*/
  overflow: hidden;
  padding: 47px 0px 0px;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  background:url(../images/bg_StickyHeader.gif) repeat-x;
}

.MenuLink,visited{color:#2A2E33;text-decoration:none;font-family:'Exo';letter-spacing:1px;}
.MenuLink:hover{color:#FD341B;text-decoration:none;}

.TabMenuItem,visited{font-family:'Exo';letter-spacing:0.8px;font-size:16px;}
.TabMenuItem:hover{color:Red !important;}

#ShrinkingHeader #ShrinkingHeaderMenuLinksDiv a {
  font-weight: normal;
  transition: 0.4s;
  /*padding-top:30px !important;*/
}
#ShrinkingHeader #ShrinkingHeaderLogo_Meteor {
    /*width:287px;*/
  transition: 0.4s;
  cursor:pointer !important;
}
.ShrinkingHeader-right {
  float: right;
}

/*Shrinking Header - End*/

.HpExpertiesImg{width:100%;max-width:460px;}
.HpRepresentImg{width:100%;padding:45px 0 45px 0;}

.HpRepresentImg{mix-blend-mode: normal;opacity: 1;}/*hover effect*/
.HpRepresentImg:hover{mix-blend-mode: luminosity;opacity: 0.4;}/*hover effect*/

.HpServicesTitleDiv{font-size:20px;font-weight:bold;font-family:'Exo';white-space:nowrap;letter-spacing:0.8px;}

.HpServicesTitleLink,visited{color:#1A2F4B;text-decoration:none;}
.HpServicesTitleLink:hover{color:#1A2F4B;text-decoration:none;}

.ServicesTitle{color:#1A2F4B;font-weight:normal;font-family:'Exo';white-space:nowrap;letter-spacing:0.8px;}
.ServicesTxt{color:#1A2F4B;padding-bottom:30px;}

.HpAboutTitle{color:#FFFFFF;font-weight:normal;font-family: 'Exo';letter-spacing:0.6px;}

.Footer{font-size:16px;line-height:34px;padding:50px 0px 30px 0px !important;}

.btn-primary,.btn-primary:active,.btn-primary:visited,.btn-primary:focus{
background:#1A2F4B;border-color:#1A2F4B;color:#FFFFFF;margin-bottom:80px;}
.btn-primary:hover{
background:#FD341B;border-color:#FD341B;color:#FFFFFF;}

.btn-secondary,.btn-secondary:active,.btn-secondary:visited,.btn-secondary:focus{
background:#FD341B;border-color:#FD341B;color:#FFFFFF;margin-bottom:80px;}
.btn-secondary:hover{
background:#FFFFFF;border-color:#FFFFFF;color:#1A2F4B;}

.btn-success,.btn-success:active,.btn-success:visited,.btn-success:focus{
background:#FD341B;border-color:#FD341B;color:#FFFFFF;width:80px !important;}
.btn-success:hover{
background:#89828B;border-color:#89828B;color:#FFFFFF;}


.ContactLabel{font-size:14px;color:#89828B;padding-top:10px;}
.ValidatorDiv{width:20px;}
.ValidatorImg{padding-top:40px;}

.ContactRow{white-space:nowrap;}

input {
  font-family: 'Proxima Nova Cn Rg';}
  
input[type=text] {

color:#2A2E33 !important;

  background-color:#ffffff;
  border: none  !important;
  border-bottom: 1px solid #89828B !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0  !important;
  padding-left:0px;

}

input[type="text"]:focus,
select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ClientsLine{width:100%;height:1px;background:#CBC9CB;}

.AboutContactDiv{background:#1A2F4B !important;position:relative;width:500px;height:71px;margin:40px 0 40px}
.AboutContactDiv:hover{background:#FD341B !important;}

.AboutContactInnerDiv{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:White;font-family:'Exo';font-size:15px;}

.KeyFactsRow{font-family:'Exo';}

.ButtonW147{font-family: 'Exo';font-size:16px;width:160px;height:47px;}


.ContactTitle{font-family:'Exo';}
.HpContactTextBox{font-family: 'Proxima Nova Cn Rg';height:30px;}
.ButtonContact{font-family: 'Exo';font-size:16px;width:118px !important;height:38px !important;}
.RepresentTitle{font-family:'Exo';font-weight:bold;}

.PageTitle{font-family:Proxima Nova Cn Lt;font-weight:Normal;}/*font-family: 'Exo Medium';*/

.MobileMenuItemSpacing{margin:15px 0 15px;}
.MobileMenuMainItemDiv{height:20px;cursor:pointer;}
.MobileMenuMainItemNEW{font-size:17px;letter-spacing:0.5px;font-family:'Exo';margin:0px 0 0px;cursor:pointer;}
.MobileMenuSubItemNEW {font-size:17px;letter-spacing:0.5px;font-family:'Exo';color:#89828B; display:block;padding:9px 0px 8px 40px;cursor:pointer;}

.MobileMenuArrow{padding-bottom:10px;}

.IconCloseMenu{color:#89828B !important;}

.HpSliderImg{width:1920px;height:530px;}

.ContactLink,visited{color:#89828B;}
.ContactLink:hover{color:#89828B;}



@media only screen and  (min-width:962px) and (max-width:1200px)/* Large */
{	
    .SendaMessageTitle{padding-top:80px !important;} 
}

@media only screen and (min-width: 961px)/* PC */
{		
	
	.TitleHpWeRepresent{padding-bottom:40px;}
	h2{padding:0 0 0 0;font-size:26px;letter-spacing:1.2px;}
	.OurLocalClientsTitle{padding:50px 0 14px 0;}
	.H2Industry{padding:60px 0 14px 0px !important;}
	.H2Services{padding:60px 0 14px 0px !important;}	
	.ProjectsTitle{padding-top:30px;}
	.RepresentDiv{margin-top:93px;}
	.SendaMessageTitle{padding-left:15px !important;}
	.ContactLabelDiv{height:15px !important;position:relative;top:10px;}
	.PaddingTopContactPage{padding-top:100px;}
	.ExpertiesBottomSpacing{height:70px;}
	 .AnchorIndustryServices:before {
        content: "";display: block;
        padding-top:120px; 
	 }
	 .AnchorZero:before {/*the padding-top fixes the sticky header anchore distortion */
        content: "";display: block;
        padding-top:0px; /* header height + empty space */
        /*margin-top: -50px;*/ /* header height to degrees padding’s space */
    }
    .Anchor:before {/*the padding-top fixes the sticky header anchore distortion */
        content: "";display: block;
        padding-top:140px; /* header height + empty space */
        /*margin-top: -50px;*/ /* header height to degrees padding’s space */
    }
    .AnchorServicesKeyFacts:before {/*the padding-top fixes the sticky header anchore distortion */
        content: "";display: block;
        padding-top:114px; /* header height + empty space */
        /*margin-top: -50px;*/ /* header height to degrees padding’s space */
    }
    .AnchorServicesPage:before {/*the padding-top fixes the sticky header anchore distortion */
        content: "";display: block;
        padding-top:80px; 
        margin-top: -20px; /* header height to degrees padding’s space */
    }
    
    
    .ServicesTitle{font-size:42px;padding-bottom:10px;}
    .ServicesTxt{font-size:19px;letter-spacing:0.9px;}
    
    .RepresentTitle{font-size:17px;letter-spacing:1.7px;}
    .Content1{font-size:24px;letter-spacing:0.5px;}
    .Content2{font-size:19px;letter-spacing:0.5px;line-height:1.8;}
    
    .ButtonServices{font-family: 'Exo';font-size:16px;width:160px;height:47px;}
    .HpRepresentImg{max-width:180px;}
    .ClientsImgDiv{margin-top:40px;}
    .ClientsImg{width:180px;}
    .ClientsBottomLine{margin-top:40px;}

    .PageTitle{font-size:110px;letter-spacing: 6px;font-weight:normal;}
    
    .KeyFactsImg{max-height:57px;margin:80px 0 0 68px;}
    .KeyFactsBigNumber{font-size:80px;}
    .KeyFactsSubTitle{font-size:30px;position:relative; top:-25px;letter-spacing:0.9px;padding:8px 0 5px;}
    .KeyFactsTxt{height:130px;font-size:18px;position:relative; top:-25px;}

    .KeyFactsLine1{width:214px;height:1px;background:#E7E6E8;margin:30px 0 5px;}
    .KeyFactsLine2{width:214px;height:1px;background:#E7E6E8;margin:0 0 70px;}

    .ServicesRowFirst{padding:40px 0 0 0;}
    .ServicesRowSecond{padding:100px 0 0 0;}
    .ServicesRowThird{padding:100px 0 0 0;}
    .ServicesRowFourth{padding:100px 0 0 0;}

    .ServicesLine{background:#89828B !important;width:1px;height:143px;margin:0px 0px 0px 30px;}
    .SliderImgTemp{url('../images/slider.jpg')} /*Slider_Tablet_Temp.png*/
    #ShrinkingHeaderLogo_Meteor{padding-left:62px !important;}
    
    .ArrowRed{padding:10px 0 35px 40px;}
    .ContactTitle{font-size:18px;color:#2A2E33;padding:0px 0 0px;}

    .HP_AboutDiv{
        margin-top:80px;
        background:url('../images/HP_About_PC.jpg') center no-repeat;
        background-size: 100% 100%;             
    }    
    .HpAboutTitle{font-size:36px;padding-top:70px;}
    .HpAboutTxt{width:60%;}
    
    .DisplayIfMobile{display:none;}
    .HideInPC{display:none !important;}
    
    .CompanyContactDiv{padding-left:5px;}
    
    .FormInlile {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
    }    

    .HpContactTextBox{width:240px !important;font-size:17px;}
    .HpMessageTextBox{width:555px !important;font-size:17px;}
    .FlInPC{float:left;} 
}

@media only screen and  (min-width:561px) and (max-width:960px)/* Tablet */
{	
	.MobileMenuMainItemNEW{padding-left:24px;}
	h2{padding:0 0 31px 0px;font-size:24px;letter-spacing:1.2px;}
	.OurLocalClientsTitle{padding:50px 0 14px 0;}
	.H2Industry{padding:50px 0 14px 0px !important;}
	.H2Services{padding:50px 0 14px 0px !important;}
	
	.AnchorIndustryServices:before {
        content: "";display: block;
        padding-top:60px; 
	 }
	
	.ProjectsTitle{padding-top:20px;}
	.RepresentDiv{margin-top:53px;}
	.MeetUsDiv{padding-left:10px !important;}
	.SendaMessageTitle{padding-left:0px !important;}
	.ContactColsDiv{padding-left:15px !important;}
	.ContactLabelDiv{height:25px !important;position:relative;top:20px;}
	.IconOpenMenu{padding-top:7px;padding-right:6px;}

	.ExpertiesBottomSpacing{height:70px;}
    .HeaderMobile{height:90px;margin-top:15px;}
    .MobileMeteorLogo{max-width:228px;}
    
    .Anchor:before {/*the padding-top fixes the sticky header anchore distortion */
        content: "";display: block;
        padding-top:100px; /* header height + empty space */
        /*margin-top: -50px;*/ /* header height to degrees padding’s space */
    }
    
    .ServicesTitle{font-size:30px;padding-bottom:18px;font-size:42px;}
    .ServicesTxt{font-size:19px;letter-spacing:0.8px;width:530px;line-height:1.6;}
    
    
    .HP_AboutTriangle{display:none;}
     .RepresentTitle{font-size:21px;letter-spacing:1.2px;}
    .Content1{font-size:28px;letter-spacing:0.5px;}
    .Content2{font-size:19px;letter-spacing:0.5px;line-height:1.8;}
    
    .ButtonServices{font-family: 'Exo';font-size:15px;width:140px;height:43px;}
    .HpRepresentImg{max-width:148px;}
    .Tabs_FirstItem{margin-left:50px;}
    .ClientsImgDiv{margin-top:40px;}
    .ClientsImg{width:180px;}
    .ClientsBottomLine{margin-top:40px;}

    .PageTitle{font-size:50px;letter-spacing:1.5px;}

    .KeyFactsImg{max-height:57px;margin:50px 0 0 68px;}
    .KeyFactsBigNumber{font-size:80px;}
    .KeyFactsSubTitle{font-size:30px;position:relative; top:-25px;letter-spacing:0.9px;padding:8px 0 5px;}
    .KeyFactsTxt{width:214px;height:90px;font-size:18px;position:relative; top:-25px;}

    .KeyFactsLine1{width:214px;height:1px;background:#E7E6E8;margin:20px 0 0px;}
    .KeyFactsLine2{width:214px;height:1px;background:#E7E6E8;margin:0 0 70px;}    
    
    .ServicesRowFirst{padding:30px 0 0 0;}
    .ServicesRowSecond{padding:70px 0 0 100px;}
    .ServicesRowThird{padding:70px 0 0 0;}
    .ServicesRowFourth{padding:70px 0 0 0;}

    .ServicesLine{background:#89828B !important;width:65px;height:1px;margin:24px 0px 24px;}    
    
    .ArrowRed{padding:10px 0 35px 40px;}
    .ContactTitle{font-size:18px;color:#89828B;padding:40px 0 0px;}
    
    .HP_AboutDiv{
     background-image: url('../images/Hp_About_Tablet.JPG');
    background-size: 100% 100%;
     background-repeat: no-repeat;
    height:1035px;
    }
    .HpAboutTitle{font-size:36px;padding-top:92px;}
    .HpAboutTxt{width:100%;}
        
    .DisplayIfPC{display:none;}    
    .HideInTablet{display:none !important;}     
    
    .HpContactTextBox{width:600px !important;font-size:16px;}
    .HpMessageTextBox{width:600px !important;font-size:16px;}
}
@media only screen and  (min-width:561px) and (max-width:750px)/* Tablet - Small */
{	
    .HpContactTextBox{width:400px !important;font-size:16px;}
    .HpMessageTextBox{width:400px !important;font-size:16px;}
}

@media only screen and (max-width: 560px)/* Mobile */
{	
	.ServicesPageServicesTitle{padding-top:50px;}
	.TitleHpWeRepresent{padding-top:20px;}
	.MobileMenuMainItemNEW{padding-left:7px;}
	h2{font-size:20px;padding:0 0 31px 0px;letter-spacing:0.4px;}
	.OurLocalClientsTitle{padding:50px 0 0 0;}
	.HpH2{padding-left:0px !important;}
	.H2Industry{padding:40px 0 14px 0px !important;}
	.H2Services{padding:40px 0 14px 0px !important;}
	
	
	
	.AnchorIndustryServices:before {
        content: "";display: block;
        padding-top:60px; 
	 }
	 
	.KeyFactsTitle{padding-bottom:0px !important;}
	.ProjectsSpaceIndustry{padding-top:30px;}
	.ProjectsTitle{padding-top:0px;padding-left:0px !important;}
	.RepresentDiv{margin-top:53px;}
	.ContactColsDiv{padding-left:15px !important;}
	.MeetUsDiv{padding-left:10px !important;}
	
	.ContactLabelDiv{height:15px !important;position:relative;top:20px;}
	.IconOpenMenu{padding-top:4px;}
	
	.ExpertiesBottomSpacing{height:100px;}
    .HeaderMobile{height:70px;}
    .MobileMeteorLogo{max-width:160px;}
     
    .HP_AboutTriangle{display:none;}
    .RepresentTitle{font-size:20px;letter-spacing:1px;}
    .Content1{font-size:20px;letter-spacing:0.4px;}
    .Content2{font-size:17px;letter-spacing:0.5px;line-height:1.6}
    
    .ServicesTitle{font-size:32px;padding-top:16px;}
    .ServicesTxt{font-size:17px;letter-spacing:0.8px;line-height:1.6;}
    
    
    .ButtonServices{font-family: 'Exo';font-size:15px;width:140px;height:43px;}
    .HpRepresentImg{max-width:134px;}
    .AboutContactDiv{width:290px;height:90px;margin:40px 0 40px}
    .ClientsImgDiv{margin-top:20px;}
    .ClientsImg{width:180px;}
    .ClientsBottomLine{margin-top:20px;}

    .PageTitle{font-size:50px;letter-spacing:1.5px;}

    .KeyFactsImg{max-height:57px;margin:50px 0 0 0;}
    .KeyFactsBigNumber{font-size:80px;}
    .KeyFactsSubTitle{font-size:30px;position:relative; top:-25px;letter-spacing:0.9px;padding:8px 0 5px;}
    .KeyFactsTxt{width:214px;font-size:18px;position:relative; top:-25px;}

    .KeyFactsLine1{width:214px;height:1px;background:#E7E6E8;margin:20px 0 0px;}
    .KeyFactsLine2{width:214px;height:1px;background:#E7E6E8;margin:0 0 70px;}    
    
    .ServicesRowFirst{padding:10px 0 0 0;}
    .ServicesRowSecond{padding:60px 0 0 0;}
    .ServicesRowThird{padding:60px 0 0 0;}
    .ServicesRowFourth{padding:60px 0 0 0;}

    .ServicesLine{background:#89828B !important;width:65px;height:1px;margin:24px 0px 30px;}
    
    
    .ArrowRed{padding:22px 0 35px 40px;}
    .ContactTitle{font-size:18px;color:#89828B;padding:30px 0 0 0px;}
    
    .MeetUsTitle{padding-top:60px;}
    .SendaMessageTitle{padding-left:0px !important;padding-top:60px;}
    
    .HP_AboutDiv{
     background-image: url('../images/Hp_About_Mobile.JPG');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     height:760px !important;
    }
    .HpAboutTitle{font-size:30px;padding-top:58px;}
    .HpAboutTxt{width:324px;}
      
    .DisplayIfPC{display:none;}    
    .HideInMobile{display:none !important;} 
    
    .HpContactTextBox{width:300px !important;font-size:17px;}
    .HpMessageTextBox{width:300px !important;font-size:17px;}
}
@media only screen and  (min-width:200px) and (max-width:450px)/* Mobile - Small */
{	
    .HpContactTextBox{width:250px !important;}
    .HpMessageTextBox{width:250px !important;}
}

.MoveArrow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  /*margin-top: auto;*/
  margin-right: auto;
  /*margin-bottom: auto;*/
  margin-left: auto;
  overflow: hidden;
  -webkit-transform:translateY(0);
  transition: transform .5s ease;
} 
.MoveArrow:hover {
  -webkit-transform:translateX(30px);  
}

/*

/*Stick Tabs - Start*/
#navbar {
    top:86px;
    overflow: hidden;
    background:White !important;

}
#navbar a {
    font-family: 'Exo';font-size: 16px;color:#2A2E33 !important;text-decoration: none;      
    text-align: center; padding: 14px 16px;  margin-right:23px;
    float: left;
    display: block;
    
    background-repeat:no-repeat;
    width:200px;height:50px;    
}
#navbar a:hover {color: #ffffff !important;}
#navbar a.active {background:White !important;}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/*
.sticky +  {
  padding-top: 60px;
}*/
.LineGreyWide{background:url(../images/NavBarLine.png);width:100%;height:1px;}

/*Stick Tabs - End*/


@media only screen and (min-width: 2201px)
{	
    .Tabs_FirstItem{margin-left:500px;}
}

@media only screen and  (min-width:2101px) and (max-width:2200px)
{	
    .Tabs_FirstItem{margin-left:450px;}
}
@media only screen and  (min-width:2001px) and (max-width:2100px)
{	
    .Tabs_FirstItem{margin-left:350px;}
}
@media only screen and  (min-width:1901px) and (max-width:2000px)
{	
    .Tabs_FirstItem{margin-left:200px;}
}
@media only screen and  (min-width:1801px) and (max-width:1900px)
{	
    .Tabs_FirstItem{margin-left:200px;}
}
@media only screen and  (min-width:1701px) and (max-width:1800px)
{	
    .Tabs_FirstItem{margin-left:200px;}
}
@media only screen and  (min-width:1601px) and (max-width:1700px)
{	
    .Tabs_FirstItem{margin-left:200px;}
}
@media only screen and  (min-width:961px) and (max-width:1600px)
{	
    .Tabs_FirstItem{margin-left:100px;}
}

@media only screen and (min-width: 1301px) 
{	
	.MenuLink{font-size: 20px;padding-right:27px;}
}
@media only screen and (min-width: 1201px) and (max-width:1300px)
{	
	.MenuLink{font-size: 18px;padding-right:20px;}
}

@media only screen and (min-width: 1201px)
{	
    .HeaderMobile{display:none;}
    .MainContentDiv{padding-top:138px;}
}
@media only screen and (max-width: 1200px)
{	
    #ShrinkingHeader {display:none;}
    #navbar{display:none !important;}
}


.slide-menu{padding-top:60px;}

@media only screen and  (min-width:771px) 
{	
	.slide-menu{width:340px;}
	.MobileMenuDiv{width:277px;margin-left:40px;}	
}
@media only screen and  (max-width:770px) 
{	
	.slide-menu{width:100%;}
	.MobileMenuDiv{width:277px;margin-left:40px;}
}
@media only screen and  (min-width:601px) 
{	
    .MobileMenuDiv{padding-top:15px;}
    .IconCloseMenu{position:absolute;top:20px;right:-20px;font-size:22px !important;/*padding-top:40px !important;padding-right:18px !important;*/}
}
@media only screen and  (max-width:600px) 
{	
    .IconCloseMenu{position:absolute;top:2px;right:-20px;font-size:22px !important;/*padding-top:27px !important;padding-right:9px !important;*/}
}

.MobileProjectTitle{padding:21px 35px 0 18px;color:#2A2E33;font-family:Exo;font-size:22px;font-weight:bold;text-align:left;}
.MobileProjectTxt{padding:0px 35px 50px 18px;color:#2A2E33;font-family:Exo;font-size:16px;font-weight:normal;text-align:left;}

.MobileProjectLineDiv{padding:17px 18px 17px 18px !important;}
.MobileProjectLine{background:#89828B;width:100%;height:1px;}

/* arrows */
.arrow-container {
    display: inline-block;
    text-align: right;
    margin-top: -30px;
    margin-bottom: 10px;
    width: 100% !important;
    padding-right: 60px;
}
.arrow-container .arrow {
    display: inline-block;
}
.arrow {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.arrow.gray-color {
    color: #89828B;
}
.arrow.orange-color {
    color: #FD341B;
}
.separator {
    width: 1px;
    height: 25px;
    background-color: #89828B;
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}