/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);*/

/* RESETS */
body {
    background-color: white;
    margin:0;
    padding: 0;
    font-size: 14px;
    font-family: 'Open Sans';
    color: #666;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

html.ios {
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

html.ios,
html.ios body {
    height: initial !important;
}


::-moz-selection {
    background: #FFF498;
}

::selection {
    background: #FFF498;
}

::-moz-selection {
    background: #FFF498;
}

img::-moz-selection {
    background: transparent;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

body {
    -webkit-tap-highlight-color: #FFF498;
}
h1, h2, h3, h5, h6 {
    color: #2A5CB9;
    font-weight: bold;
}

h4 {
    color: #2185D0;
    font-weight: bold;
}

p {
    margin: 20px 0 20px 0;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
    color: #0074D9;
    text-decoration: none;
    outline: 0;
}

hr:hover, hr:focus {
    color: #40a6ff;
}

.custom-header-text {
    text-transform: uppercase !important;
    font-size:50px !important;
}

/*end resets*/



/*semantic-ui OVERRIDES */
.secondary.menu.fixed {
    width: 10px;
}
.ui.labeled.button {
    font-family: 'Open Sans';
    font-weight: 100;
}

/*add this class to your element to align text justify*/
.justified {
    text-align: justify;
}

/*add this class to your element to underline your text*/
.underline {
    text-decoration: underline;
}

.hidden.content i {
    position: relative;
    font-size: 2em !important;
    text-align: center;
    color:#3D99E6;
}




/* OUTDATED BROWSER */
#outdated{
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100% !important;
    text-align: center; text-transform: uppercase; z-index: 99999;
    background-color: #b9c6d1; color: black;
}

* html #outdated {
    position: absolute;
}

.outdatedIcons {
    margin-top: 20px !important;
    margin-bottom: 40px !important;
}

.outdatedIcons .header {
    color: black !important;
    font-family: 'Open Sans';
    font-weight: 100;
    font-size: 34px !important;
}

#outdated div img {
    margin: 150px auto 0px auto;
}

#outdated h6 {
    font-size: 25px;
    line-height: 25px;
    margin: 50px auto 20px auto;
}

#outdated p {
    font-size: 12px;
    line-height: 12px;
    margin: 0;
}

#outdated .grid .column h3 img {
    margin-top: 0px !important;
}

#outdated #btnUpdateBrowser {
    border-radius: 30px !important;
    padding: 15px 40px;
    font-family: 'Open Sans';
    font-weight: 100;
    font-size: 14px;
    margin-top: 20px;
}

.mozilla {
    border-radius: 30px !important;
    margin-top: 20px !important;
}

#outdated .centered.row {
    margin-top: 20px;
}

#btnUpdateBrowser {
    color: black !important;
}

#outdated #btnUpdateBrowser:hover {
    color: #f25648 !important;
    background-color:#ffffff;
}

#outdated .last {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 20px;
    height: 20px;
}

#outdated .last[dir='rtl'] {
    right: auto !important;
    left: 25px !important;
}
/*end outdated browser styles*/






/*PRE MENU*/
/*pre menu with social media and language */

/*change dropdown language text color on hover*/
.language.dropdown:hover i,
.language.dropdown:hover .text {
    color: white !important;
}

.pre-menu {
    margin-bottom: 0px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: #1B1B1B !important;
    padding: 0 32px !important;
}

.pre-menu.pre-menu-after-scroll {
    background-color: white !important;
}

.pre-menu a.item {
    border-radius: 0 !important;
    font-weight: 400 !important;
    font-family: 'Open Sans' !important;
    padding: 6px 16px !important;
    color: gray !important;
}

.language {
    z-index: 9999 !important
}


/*social media icons hover effect*/

/*.pre-menu .right.menu a:hover .instagram {
    color: #CFC9B3 !important;
}*/

.pre-menu .right.menu a:hover .facebook {
    color: #3b5998 !important;
}
.pre-menu .right.menu a:hover .google.plus {
    color: #DC4E41 !important;
}
.pre-menu .right.menu a:hover .linkedin {
    color: #0077B5 !important;
}
.pre-menu .right.menu a:hover .youtube.play {
    color: #E62117 !important;
}

.pre-menu .right.menu .item i {
    margin: auto !important;
}

/* MAIN TOP MENU */
.main-menu {
    padding: 0 !important;
}

.top-menu {
    position: absolute;
    width: 100% !important;
    z-index: 100 !important;
    background: rgba(255,255,255, 0.7);
    /*background-image: linear-gradient(to right, rgba(255,255,255,1),rgba(255,255,255,0.2),rgba(255,255,255,0.1), rgba(255,255,255,0.1));
    */
    transition: all 0.5s ease !important;
}

.top-menu.placeholder {
    /*position: fixed !important;*/

    background: rgba(255,255,255, 0) !important;
    display: none !important;
    transition: 0.5s !important;
}

.top-menu.fixed {
    background-color: white;
    box-shadow: 0 2px 2px -2px gray;
    transition: 0.5s ease;
}

/*.top-menu.fixed {
    background-color: rgba(255,255,255,0.2) !important;
}*/


.top-menu .column {
    /*border-bottom: 0.1px solid white;*/
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.top-menu .row.menu-bottom-border {
    box-shadow: 0 2px 2px -2px gray;
    /*padding: 0 !important */
}

.top-menu .column .menu {
    background: rgba(255,255,255, 0);
    border: none;
    box-shadow: none;
}

.top-menu .column .menu:hover {
    background-color: none !important;
}

.top-menu .column .menu a.item  {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 0px;
    box-shadow: none !important;
    color: black;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 20px;
    font-size: 22px;
    font-weight: 200;
    transition: .3s ease-in-out;
}

.top-menu .column .menu .right.menu a.active.item {
    border-bottom: 6px solid #FF6D00 !important;
    background: transparent !important;
}

.top-menu .column .menu .right.menu a.item:hover {
    border-bottom: 6px solid #FF6D00 !important;
    background: transparent !important;
    transition: all 0.5s ease !important;
    color: #174995;
}

.top-menu.fixed .column .menu .right.menu a.item:hover {
    border-bottom: 6px solid #FF6D00 !important;
    background: transparent !important;
    color: #174995;
}

.top-menu .column .menu a.item:before {
    width: 0;
    border-bottom: 6px solid transparent !important;
}

.top-menu.fixed .column .menu a.item.active {
    color: black;
}

.top-menu.fixed .column .menu a {
    padding-bottom: 40px;
    padding: 10px 20px;
    transition: .4s ease-in-out;
    color: black;
}

.top-menu .column .menu a.item:nth-of-type(1) img {
    width: 10px;
    height: 10px;
    padding: 2px 0;
}

.top-menu.fixed .column .menu a.item:nth-of-type(1) img{
    width: 10px;
    height: 10px;
    transition: .4s;
}

.ui.padded.grid:not(.vertically):not(.horizontally) {
    margin: auto !important;
}

div.top-menu.resize > div > div > div > a {
    padding: 6px 0 !important;
}





/*TABULAR MENU*/

/* begin tabular menu on careers and services*/
.railMenu .tablet-computer-only .tab {
    padding: 40px 20px !important;
}

.railMenu .mobile-only a.item i {
    margin-bottom: 0rem !important;
}

.railMenu > .menu.sticky.fixed.top > a.ui.item.tab > i {
    margin: auto !important;
}

/*end tabular menu on careers and services*/

.tabular.menu > a.item {
    border: none !important;
}

.tabular.menu > a.active.item {
    background-color: rgba(0,0,0,0.1) !important;
    /* color: !important; */
}

.railContent .tab h1.header .sub.header {
    font-size: 22px;
    letter-spacing: 1px;
    transition: .3s ease-in-out;
    cursor: default;
}


/*HERO HEADERS*/

/*GLOBAL*/
#down-arrow {
    position: absolute;
    width: 100%;
    margin: 50px auto !important;
}

.hero {
    padding: 160px 0 !important;
    box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.6);
    background-size: cover !important;
    background-position: center center;
}

.hero .column h1.header .content {
    box-shadow: inset 0px 0px 0 2000px rgba(255,255,255,0.2);
    padding: 40px;
}

.hero .column h1.header .sub.header {
    color: white;
    font-size: 32px;
    margin-top: 40px;
}

/*HOME*/
#home-heroHeader {
    background: url('../images/hero-header-homepage.jpg'); /* home hero image */
    padding: 240px 0 !important; /* home hero is taller than on the other pages */
}
#home-heroHeader .column h1.header .content {
    padding: 100px;

}
#home-heroHeader .column h1.header .sub.header {

}

/*SERVICES*/
#services-heroHeader {
    background: url(../images/hero-header-services.jpg); /* services hero image */
}
#services-heroHeader .column h1.header .content {

}
#services-heroHeader .column h1.header .sub.header {

}

/*PORTFOLIO*/
#portfolio-heroHeader {
    background: url(../images/hero-header-portfolio.jpg); /* portfolio hero image */
}
#portfolio-heroHeader .column h1.header a {
}
#portfolio-heroHeader .column h1.header .sub.header {

}
/*CAREERS*/
#careers-heroHeader {
    padding: 0 !important;
    height: 500px;
    background: url(../images/hero-header-careers.jpg); /* careers hero image */
}
#careers-heroHeader .column h1.header .content {
    box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0);

}
#careers-heroHeader .column h1.header .content a {
}
#careers-heroHeader .column h1.header .sub.header {
    margin-top: 200px !important;
}

/*CONTACT*/
#contact-heroHeader {
    background: url(../images/hero-header-contact.jpg); /* contact hero image */
}
#contact-heroHeader .column h1.header .content {
    margin-top: 50px;
}
#contact-heroHeader .column h1.header .sub.header {
    margin-top: 10px; /* sub header should have less space from top */
}

/*POLICY*/
#policy-heroHeader {
    background: url(../images/hero-header-policy.jpg); /* contact hero image */
}
#policy-heroHeader .column h1.header .content {
    margin-top: 50px;
}
#policy-heroHeader .column h1.header .sub.header {
    margin-top: 10px;
}


/*HOMEPAGE CARDS*/
.homepage-cards .card .content h2.ui.header span {
    font-size: 22px;
}


.grid.hero {
    margin: 0 !important
}

/*CONTACT*/

.ui.grid.segmentation > .column {
    padding: 50px 10px !important;
    margin: 0px !important;
    background-color: #f5f5f5;
}

.ui.grid.segmentation {
    padding-bottom: 16px !important;
    padding-top: 1px !important;
}

/*google map overlay -- used to prevent scrolling of the map on hover*/
.overlay-map {
    background: transparent;
    width: 100%;
    height: 570px;
    top: 940px;
    margin-top: -410px;
    position: absolute;
    z-index: 99;
}

.info .row .column:nth-of-type(2) ul {
    list-style-type: none;
    padding-left: 0px;

}

.scrollFix {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}

.info .row .column:nth-of-type(2) ul li a {
    color: black;
    font-size: 14px;
}

.info .row .column:nth-of-type(2) ul li {
    padding-bottom: 5px !important;
}

.info .row .column:nth-of-type(1){
    margin-top: 0px !important;
}

/* Form styles */
.segmentation form input {
    border-radius: 0px !important;
    background-color: #f6f6f6 !important;
    border: none !important;
    border-left: 2px solid lightgray !important;
}

input:focus::-webkit-input-placeholder {
    transition: opacity 0.3s ;
    opacity: 0;
}

#ContactButton {
    padding: 20px;
    background-color: white;
    box-shadow: none !important;
    color: black !important;
}

#ContactButton:hover i{
    color: #4273DF;
}

input:focus ~ i {
    color: #3B83C0 !important;
}









/*SERVICES*/

/*#services-wrapper {
    background-color: #F8FCFF;
}*/

/*image gallery*/
div.services-gallery > div.column > div.ui.fluid.image > div.ui.dimmer {
    background-color: rgba(0,0,0,.35) !important;
    border-radius: 2px;
}

.services-gallery .column {
    padding: 4px 4px !important;
    cursor: pointer;
}

.services-gallery .column .image{
    border-radius: 2px;
}

.services-gallery {
    margin: 0 !important;
}

.services.railContent .tab .content {
    font-size: 17px;
    font-weight: 100;
    letter-spacing: -0.4px;
}

.tabular.menu.servicesMenu > a.item {
    font-family: 'Open Sans';
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 100;
}

.tabular.menu.servicesMenu > a.item:hover {
    border-bottom: 6px solid #FF6D00 !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
    color: #174995;
}

.tabular.menu.servicesMenu > a.active.item {
    border-bottom: 6px solid #FF6D00 !important;
    background: transparent !important;
}

/* change colors of circled icons inside left vertical tabular menu */
.tabular.menu.servicesMenu > a.active.item {
    background-color: rgba(234, 234, 234,1) !important;
}

.tabular.menu.servicesMenu > a.item.active i {
     color: white !important;
    box-shadow: 0 0 0 .1em rgba(0,0,0,0) inset;
    -webkit-transition: .4s ease-in-out;
}

.tabular.menu.servicesMenu > a.item:nth-of-type(1).active i{
    background-color: rgba(33,133,208,1) !important;
}

.tabular.menu.servicesMenu > a.item:nth-of-type(2).active i{
    background-color: rgba(242,113,28,1) !important;
}

.tabular.menu.servicesMenu > a.item:nth-of-type(3).active i{
    background-color: rgba(219,40,40,1) !important;
}

.tabular.menu.servicesMenu > a.item:nth-of-type(4).active i{
    background-color: rgba(163,51,200,1) !important;
}

.tabular.menu.servicesMenu > a.item:nth-of-type(5).active i{
    background-color: rgba(33,186,69,1) !important;
}

.tabular.menu.servicesMenu > a.item:nth-of-type(6).active i{
    background-color: rgba(0,181,173,1) !important;
}

/*header for each tab content*/
.services.railContent .tab h1.header {
    font-size: 28px;
    margin-top: 0px !important;
    padding: 14px 14px 14px 0;
    display: inline-block;
    margin-left: 0px;
    transition: .8s ease-in-out;
    position: relative;
    /*border: 1px solid lightgray;*/
    color: #39CCCC;
    cursor: default;
    width: 100%;
}

/*header of each tab content with underline animation on hover*/
.services.railContent .tab h1.header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 2px;
    left: 0%;
    border-left: 1px solid black !important;
    border-bottom: 1px solid #FF6D00;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .6s ease-in-out;
}

/*.services.railContent .tab:hover h1.header:before {
    width: 40%;
    left: ;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;

}*/

.services.railContent .tab:hover h1.header {
    /*margin-left: 20px;*/
    transition: .6s ease-in-out;

}

.services.railContent .tab:hover h1.header .sub.header {
    /*margin-left: 30px;*/
    transition: .6s ease-in-out;

}






/* PORTFOLIO */

.mix {
    padding: 75px 14px !important;
/*    font-size: 14px;
    line-height: 1.6;
    font-family: 'Open Sans';
    color: #666;*/
}

#portfolio-wrapper {
    background-color: #fff;
}

.ui.long.modal i.close.icon {
    color: #fff !important;
}

.portfolioRailMenu {
    display: none !important;
}


/*.mix.row:nth-child(odd) {
    background-color: #F8FCFF;
}

.mix.row:nth-child(even) {
    background-color: white;
}*/

/*container for portfolio*/
#Container {
    margin: auto;
    width: 100%;
    /*margin-top: 100px;*/
}

/*hide all portfolio items initially*/
#Container .mix {
    display: none;
}

/* images for modals header */
.hero-header-modal-design {
    background: url(../images/careers-card1.png) center center;
}

.hero-header-modal-controls {
    background: url(../images/careers-card2.png) center center;
}

.hero-header-modal-plc-programming {
    background: url(../images/careers-card3.png) center center;
}

.hero-header-modal-installation {
    background: url(../images/careers-card1.png) center center;
}
.hero-header-modal-robotics {
    background: url(../images/careers-card1.png) center center;
}

.hero-header-modal-automation {
    background: url(../images/careers-card2.png) center center;
}

.modal .grid .column .header .content a {

}
.modal .grid .column .header .content .sub.header {
    color: white;
}




.hero-header-modal-design,
.hero-header-modal-controls,
.hero-header-modal-plc-programming,
.hero-header-modal-installation,
.hero-header-modal-robotics,
.hero-header-modal-automation {
    margin-left: 0px !important;
    width: 100% !important;
    padding: 200px 0 !important;
    background-size: cover;
    box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.5);
}

.portfolioMenu {
    margin-top: -181px !important;
    background-color: transparent !important;
}

.portfolioMenu .inverted.menu {
    color: black !important;
    background-color: transparent !important;

}



.stopScroll {
    overflow: hidden !important;
    position: fixed !important;
}

.portfolioMenu .inverted.menu a.item {
    color: black !important;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 400;
    margin-right: 10px !important;
    background-color: white;
    padding: 15px !important;
    line-height: 1.3;
    border-radius: 0 !important;
}

.portfolioMenu .inverted.menu a.item:last-of-type {
    margin-right: 0px !important;
}

.portfolioMenu .inverted.menu a.item:nth-of-type(1).active,
.portfolioMenu .inverted.menu a.item:nth-of-type(1):hover,
.portfolioMenu .inverted.menu a.item:nth-of-type(1).active:hover {
    color: black !important;
    background: white !important;
}

.portfolioMenu .inverted.menu a.item:nth-of-type(2):hover {
    color: #2185D0 !important;
}

.portfolioMenu .inverted.menu a.item:nth-of-type(3):hover {
    color: #F2711C !important;
}

.portfolioMenu .inverted.menu a.item:nth-of-type(4):hover {
    color: #DB2828 !important;
}

.portfolioMenu .inverted.menu a.item:nth-of-type(5):hover {
    color: #A333C8 !important;
}

.portfolioMenu .inverted.menu a.item:nth-of-type(6):hover {
    color: #21BA45 !important;
}

.portfolioMenu .inverted.menu a.item:nth-of-type(7):hover {
    color: #00B5AD !important;
}

.portfolioMenu .inverted.menu a.item:hover {
    background-color: white;
}

.portfolioMenu .inverted.menu a.item.active:hover {
    color: white !important;
    -webkit-transition: .4s ease-in-out;
}

.portfolioMenu .inverted {
    background-color: #F5F5F5 !important;
}

.ui.vertical.tabular.menu {
    border-right: 1px solid #EAEAEA;
}

.modal-image-container img{
    box-shadow: inset 0px 0px 0 500px rgba(0,0,0,0.5) !important;
}

.design-modal-header {
    position: absolute;
    top: 50%;
    z-index: 10;
    color: white !important;
}

.design-modal-header .sub.header {
    color: white !important;
}

/*LAYOUT*/

.pusher::after {
    background: rgba(0,0,0,0.4) !important;
    z-index: 99 !important;
}
.wrapper {
    padding: 70px 0;
    background-color: #F5F5F5;
}




/*CAREERS*/


/*accordion tabs small arrow at careers*/
.accordion .title .header .icons i:nth-of-type(2) {
    left: 25px !important;
}

/*if period expires this class is added below the expiration date*/
.expired {
    color: red !important;
}

.careers-layout .menu .item {
    padding: 30px !important;
    font-size: 1.2em;
    font-family: 'Open Sans';
    font-weight: 100;
}

.railMenu .mobile-only a.item:nth-of-type(4) {
    padding: 10px !important;
}

.position-requirements ul {
    padding-left: 30px !important;
}

.position-requirements h1.header {
    padding-left: 0px !important;
}

.careers-layout .menu .item .label {
    margin-left: 0px;
    margin-top: 0px !important;
}

.careers-layout .menu .ui.active.item {
    border: 1px solid #2185D0 !important;
    border-right: 0 !important;
}

.open-positions {
    margin: 150px 0 !important;
    background-color: red;
}

.open-positions-wrap {
    background-color: #f6f6f6;
}

.card .image .dimmer {
    background-color: rgba(0,0,0,0.5) !important;
}

.position-requirements h1.header {
    font-weight: 300;
    display: inline-block;
    padding-bottom: 10px;
    color: #3D88E1 !important;
    position: relative;
    font-family: 'Open Sans'
}

.position-requirements h1.header:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    bottom: 2px;
    left: 0%;
    border-bottom: 1px solid #3D88E1;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.position-requirements h1.header:hover:before {
    width:100%;
    /* left: %; */
    -webkit-transition: .4s ease-in-out;
}



.secondary.fixed.menu {
    padding-top: 50px !important;
}













/* FOOTER */

.footer-wrap {
    background-color: #2A3035;
    position: relative !important;
    margin: 0 auto !important;
    z-index: 999999;
}

.footer-wrap .footer {
    color: white;
}

.footer-wrap .footer .row:first-of-type {
    padding: 80px 0 !important;
}

.footer-wrap .footer .row:first-of-type .column h4 {
    font-weight: 900 !important;
}

.footer-wrap .footer .row:first-of-type .column .list .item a {
    color: white;
}

.footer-wrap .footer .row:first-of-type .column:nth-of-type(1) div.item {
    padding: 10px 0;
}

.footer-wrap .footer .row:first-of-type .column:nth-of-type(2) div.item {
    padding: 10px 0;
}

.footer-wrap .footer .row:first-of-type .column:nth-of-type(3) div.item {
    padding: 10px 0;
}

.footer-wrap .footer .row:first-of-type .column:nth-of-type(3) div.item:last-of-type {
    padding:10px 0;
}

.footer-wrap .footer .row:first-of-type .column:nth-of-type(3) div.item:last-of-type .image .header {
    position: relative;
    margin-top: -33px !important;
}

.footer-wrap .footer .row:first-of-type .column:nth-of-type(4) div.item {
    padding: 10px 0;
}

.footer-wrap .footer .row:first-of-type .column:nth-of-type(4) div.item:last-of-type {
    padding: 8px 0;
}

.footer-wrap .footer .row:first-of-type .column:nth-of-type(4) div.item:last-of-type .image .header {
    position: relative;
    margin-top: -33px !important;
}

.gr-comp-divider {
    width: 111%;
}

.ui.grid.copyright .column {
    padding: 24px 0 35px 0;
    background-color: #2F353A;
    color: lightgray;
}







/* MEDIA QUERIES FOR: MOBILE, TABLET, LAPTOP, DESKTOP AND WIDER SCREENS */
/* ====================================================================== */

/* MOBILE VIEW */

@media screen and (max-width: 767px) {


    /*HERO HEADERS*/

    /*GLOBAL*/
    #down-arrow {
        position: absolute;
        width: 96%;
        margin: 0px auto !important;
    }

    .hero {
        padding: 80px 0 !important;
        box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.6);
    }

    .hero .column h1.header .content {
        box-shadow: inset 0px 0px 0 2000px rgba(255,255,255,0.2);
        padding: 10px;
        margin: 0 10px;
    }

    .hero .column h1.header .content a {
        font-size: 1rem;
    }

    .hero .column h1.header .content .sub.header {
        font-size: 1rem;
        margin-top: 10px;
    }

    /*HOME*/
    #home-heroHeader {
        padding: 160px 0 !important; /* home hero is taller than on the other pages */
    }
    #home-heroHeader .column h1.header .content {
        padding: 5px 18px 20px 18px;
    }
    #home-heroHeader .column h1.header .content a {
        font-size: 14px;
    }
    #home-heroHeader .column h1.header .content .sub.header {
        font-size: 14px;
    }

    /*CAREERS*/
    #careers-heroHeader {
        height: 300px;
    }
    #careers-heroHeader .column h1.header .content {
        box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0);
    }
    #careers-heroHeader .column h1.header .content .sub.header {
        margin-top: 100px !important;
    }

    /*CONTACT*/
    #contact-heroHeader {
    }
    #contact-heroHeader .column h1.header {
        text-align: center;
    }
    #contact-heroHeader .column h1.header .content {
        padding: 5px 45px 20px 45px;
    }
    #contact-heroHeader .column h1.header .content .sub.header {
        margin-top: 10px; /* sub header should have less space from top */
    }

    /*POLICY*/
    #policy-heroHeader {

    }
    #policy-heroHeader .column h1.header {
        text-align: center;
    }
    #policy-heroHeader .column h1.header .content {
        padding: 5px 45px 20px 45px;
    }
    #policy-heroHeader .column h1.header .content .sub.header {
        margin-top: 10px;
    }

















    .overlay.fixed {
        width: 100% !important;
        z-index: 9999 !important;
    }

    .portfolioRailMenu {
        display: block !important;
    }

    .portfolioSubMenu {
        border-radius: 0 !important;
        border: 0 !important;
    }

    #portfolio-wrapper > div > div.row > div.four.wide.column.railMenu > div > a.item.filter > i {ƒ
        margin: 0 auto !important;
    }
    #portfolio-wrapper > div > div.row > div.four.wide.column.railMenu > div > a.item.filter {
        border-radius: 0 !important;
    }
/*    .portfolioSubMenu {
        margin: 0 auto !important;
    }*/

    .homepage-cards.container {
        margin: 0 !important;
        padding: 0 !important
    }

    .mix {
        padding: 20px 0 !important;
    }

    .servicesMenu-sticky a.item:nth-of-type(1).active > i {
        color: #2185D0 !important;
    }

    .servicesMenu-sticky a.item:nth-of-type(2).active > i {
        color: #F26202 !important;
    }

    .servicesMenu-sticky a.item:nth-of-type(3).active > i {
        color: #DB2828 !important;
    }

    .servicesMenu-sticky a.item:nth-of-type(4).active > i {
        color: #A333C8 !important;
    }

    .servicesMenu-sticky a.item:nth-of-type(5).active > i {
        color: #21BA45 !important;
    }

    .servicesMenu-sticky a.item:nth-of-type(6).active > i {
        color: #00B5AD !important;
    }

    body > div.ui.dimmer.modals.page.transition.visible.active > div > div.image.content.recaptcha {
        padding: 1px !important;
    }

    .careersCard {
        margin: auto 2% !important;
    }

    .section .container.floating {
        text-align: center;
    }

    #portfolio-wrapper > div > div.row > div.four.wide.column.railMenu > div > a > i {
        margin: auto !important;
    }

    body > div.pusher > div.wrapper > div > div > div.four.wide.column.railMenu > div.ui.vertical.fluid.tabular.labeled.icon.mobile-only.menu.sticky > a.ui.item.tab > i {
        margin: auto !important;
    }

    body > div.pusher > div.wrapper > div > div > div.four.wide.column.railMenu > div.ui.vertical.fluid.tabular.labeled.icon.mobile-only.menu.sticky > a.ui.item.tab > i {
        margin: auto !important;
    }

    #careers-wrapper,
    #portfolio-wrapper,
    #services-wrapper {
        padding: 30px 0 !important;
    }

    .wrapper {
        padding: 50px 0 100px 0;
    }

/*    .fixpadding {
        padding: 0 25px !important;
    }*/

    .hidethis {
        display: none !important;
        min-height: 0 !important;
    }

    /* height for action buttons inside modals */
    div.actions {
        height: 110px;
    }

    .closeSubMenu {
        /*position: fixed !important;*/
        z-index: 9999 !important;
        margin-bottom: 8px !important;
    }

    body > div.pusher > div.wrapper > div > div > div.four.wide.column.careers-layout.railMenu > div.ui.vertical.fluid.tabular.labeled.icon.mobile-only.menu.sticky > a.ui.item.closeSubMenu > i {
        margin: auto !important;
    }

    .careers-layout .menu .item {
        padding: 20px !important;
        font-size: 1.2em;
    }

    .ro-entity.fixed {
        margin-top: -1.1em !important;
    }

    #ro .section.group-companies-labels {
        top: 20px;
    }

    .infocard {
        padding: 20px 0 0 0 !important;
        font-size: 14px !important;
    }

    .infocard .grid .column .description {
        padding: 5px 0 30px 0 !important;
    }

    .infocard .header {
        font-size: 16px !important;
    }

    #Container {
        height: auto !important;
    }

    #Container > div.mix > .grid {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #Container > div.mix > .grid .column {
        padding: 10px 0 !important;
    }



    .position-requirements h1.header {
        font-size: 26px;
    }

    .pre-menu .right.menu {
        margin: 0 auto;
    }

    .pre-menu .right.menu a.item {
        margin: 0 10px;
    }

    /* content padding if submenu is closed*/
    .railContent.sixteen.wide {
        padding: 0 0 0 16px !important
    }

    /* content padding if submenu is opened*/
    .railContent.twelve.wide {
        padding: 0 0 0 0px !important
    }

    .railMenu {
        padding-left: 0px !important;
    }

    .railMenu .mobile-only {
        margin-top: 0px;
    }

    .careers {
        padding-top: 0px !important;
    }

    .railMenu .mobile-only {
        margin-top: 0px;
    }

    .services {
        padding-top: 0px !important;
    }


    .railContent {
        padding: 0px !important;
    }

    .ui.grid.container.railContainer {
        margin-left: 0px !important;
    }

    .column.railMenu {
        padding-left: 0px !important;
        margin-left: 0px !important;
        left: 0px !important;
    }

    .column.railMenu.fixed {
        padding-right: 17px !important;
        left: 0px !important;
    }

    .column.railContent {
        padding: 0px !important;
    }

    .railContent .tab h1.header {
        font-size: 20px;
        margin-top: 14px;
        padding: 14px;
        color: #39CCCC;
    }

    .railContent .tab h1.header .sub.header {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .services.railContent .tab .content {
        font-size: 16px;
        /*letter-spacing: 0.8px;*/
    }

    #usa .ui.grid.container {
        padding: 0px !important;
    }

    .pre-menu {
        padding: 0 !important;
        top: 0 !important;
    }

    .pre-menu a.item {
        padding: 10px 5px !important;
    }

    .pre-menu .right.menu a.item {
        padding: 10px 5px !important;
    }

    /* google map */
    #map {
        height: 400px;
    }

    #map > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div:nth-child(1) > div.gm-style-iw > div:nth-child(1) > div > div > div > div > div.sixteen.wide.column > div:nth-child(2) > h1:before {
        font-size: 12px !important;
    }

    .overlay-map {
        background:transparent;
        width:100%;
        left: 0;
        height:400px;
        top:882px;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        position: absolute;
        z-index: 99;
    }

    /* toggle menu button */
    .launch {
        position: fixed !important;
        z-index: 9999 !important;
        margin-top: 10px !important;
    }


    /*careers positions tabs*/
    .tablet-computer-only {
        display: none !important;
    }

    .mobile-only {
        display: block;
    }

    /*services secondary menu*/
    .tabular.menu > a.item {
        border: none !important;
        padding: 10px !important;
    }

    .info .row .column:nth-of-type(2) ul li a {
        font-size: 14px;
    }

    /* footer */
    .footer img.ui.mini.image {
        display: inline !important;
    }

    .footer .content.header-font {
        font-size: 14px !important;
    }

    .gr-comp-divider1 {
        width: 100%;
    }

    .gr-comp-divider2 {
        display: none;
    }

    .footer-wrap .footer .row:first-of-type .column:nth-of-type(3) h4 {
        display: none !important;
    }

    .footer-wrap .footer .row:first-of-type .column:nth-of-type(3) {
        padding-top: 0px !important;
    }

    .footer-wrap .footer .row:first-of-type .column:nth-of-type(2) {
        padding-bottom: 0px !important;
    }

}


/* ====================================================================== */


/* TABLET VIEW */

@media (max-width: 991px) and (min-width: 768px) {

   /* .hero-title {
        text-align: center !important;
    }

    .contact-header .column .hero-title .content {
        margin: 0px auto !important;
        text-align: center !important;
    }

    .contact-header .column .hero-title .content a  {
        font-size: 30px !important;
        text-align: center !important;
    }

    .contact-header .column .hero-title .content .sub.header  {
        font-size: 26px !important;
    }

    .portfolioMenu .inverted.menu a.item {
        margin-right: 6px !important;
        font-size: 12px !important;
        padding: 20px 15px !important;
    }

    .portfolioMenu .column .menu .item {
        padding: 34px !important;
    }

    .hero-header.contact-header {
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }

    h1.homepage-hero-title {
        position: relative;
        top: 250px !important;
    }

    .heroTitle-home {
        background-color: rgba(255,255,255,0.2) !important;
        padding: 40px !important;
    }

    .homeTitle {
        font-size: 40px !important;
        word-spacing: -2px !important;
        letter-spacing: -2px !important;
        font-family: 'arial' !important;
        line-height: 100%;
    }

    .homeSubtitle {
        font-size: 34px !important;
    }*/



    .careers-layout .menu .item {
        padding: 18px 0px 18px 10px !important;
        font-size: 1em;
    }

    .infocard {
        padding: 40px 0 !important;
        font-size: 14px !important;
    }

    .infocard .grid .column .description {
        padding: 5px 0 5px 0 !important;
    }

    .infocard .header {
        font-size: 20px !important;
    }



}


/* ====================================================================== */


/* LAPTOP VIEW */

@media (max-width: 1201px) and (min-width: 991px) {

/*    .homeTitle {
        font-size: 48px !important;
    }

    .homeSubtitle {
        font-size: 34px !important;
    }*/

}


/* ====================================================================== */


/* ALL VIEWS EXCEPTING MOBILE VIEW */
@media screen and (min-width:768px) {

    .launch {
        position: fixed !important;
        z-index: 9999 !important;
        margin-top: 10px !important;
        display: block !important;
    }

    .tablet-computer-only {
        display: block;
    }

    .mobile-only {
        display: none !important;
    }

    .top-menu .column .menu a.item:nth-of-type(1) img {
        width: 71px;
        height: 80px;
        transition: .4s;
    }

    .top-menu.fixed .column .menu a.item:nth-of-type(1) img {
        width: 46px;
        height: 50px;
        transition: .4s;
    }

/*    .homeTitle {
      word-spacing: 0px !important;
      letter-spacing: 0px !important;
      font-family: 'arial' !important;
      font-size: 40px !important;
    }

    .homeSubtitle {
      margin-top: 40px !important;
      font-family: 'Open sans' !important;
      font-size: 28px !important;

    }*/

    .footer img.ui.mini.image {
        display: none;
    }

    .footer .content.header-font {
        font-size: 14px;
    }

    .gr-comp-divider1 {
        width: 117.5% !important;
    }

}

/* ====================================================================== */


/* ALL VIEWS EXCEPTING MOBILE AND TABLET */

@media screen and (min-width:992px) {
    .top-menu .column .menu a.item:nth-of-type(1) img {
        width: 71px;
        height: 80px;
        transition: .4s;
    }

    .top-menu.fixed .column .menu a.item:nth-of-type(1) img {
        width: 46px;
        height: 50px;
        transition: .4s;
    }

    .launch {
        display: none !important;
    }

    .footer img.ui.mini.image {
        display: inline;
    }

    .footer .row .column:nth-of-type(2) .item:nth-of-type(1) .content.header-font {
        font-size: 13.8px;
    }

    .footer .row .column:nth-of-type(2) .item:nth-of-type(4) .content.header-font {
        font-size: 12.2px;
    }

    .footer .row .column:nth-of-type(2) .item:nth-of-type(5) .content.header-font {
        font-size: 11.5px;
    }

    .gr-comp-divider1 {
        width: 113.5% !important;
    }

}

/* ====================================================================== */


/* DESKTOP VIEW AND WIDE SCREENS */
@media screen and (min-width:1201px) {

/*    .homeTitle {
    font-size: 40px !important;
    }*/



}


/* ====================================================================== */

/* WIDE SCREENS ONLY */

@media screen and (min-width: 1201px) {

    .retrofit-modal {
        width: 578px !important;
    }

    .footer img.ui.mini.image {
        display: inline;
    }

    .footer .row .column:nth-of-type(2) .item:nth-of-type(1) .content.header-font {
        font-size: 14px;
    }

    .footer .row .column:nth-of-type(2) .item:nth-of-type(4) .content.header-font {
        font-size: 14px;
    }

    .footer .row .column:nth-of-type(2) .item:nth-of-type(5) .content.header-font {
        font-size: 14px;
    }

    .gr-comp-divider1 {
        width: 111% !important;
    }

}

.cc-btn {
  border-radius: 5px;
  border-width: 1px !important;
  font-weight: 300 !important;
}