/* ====================== Custom CSS Webseite Arix ====================== */
/* ===========================Colors ===================== */
/* Logo Yellow: #FFDF00; Logo Red: #910000; Logo Blue: #00B4F9; Footer Color: #2e3336; Footer Text Col: #7f8c97; Grey Red: #7b4949; */
/* neues blau #19333d
/* neues orange: #ec671c
/* DEBUG *{ border: 1px solid red; }  */

.orangecol {
    color: #ec671c;
}

.greycol {
    color: #1d2127;
    margin-top: 0px !important;
}

/* Career p */
.pheller {
    color: #ddd;
    font-size: 15px !important;
}

.hellercol {
    color: #ddd;
}


/* =========== Menü enger zusammen ====== */
@media (min-width: 992px)   {
#header .header-nav-main nav > ul > li > a {
    padding: 10px 20px !important;
    }}



/* ============================ Career =============================== */

/* button color */
html .btn-primary {
    color: #777;
    background-color: #fff !important;
    border-color: #ec661c #ec661c #ec661c !important;
}

/* Career - Schrift im Button */
.butFont {
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
    font-family: 'open_sansregular' !important;
}


.pBut {
    font-size: 0.8em;
    font-weight: 400;  
}


/* p auf 15 px */
.p15 {
    font-size: 15px !important;
}

/* Widget *
.whiteBorder {
    border: 2px solid #667178;
}

/* Career link font size */
.clfs {
    font-size: 15px !important;
    color: #ec671c;
}


@media (max-width: 991px)   {
.margTopFluid {
        margin-top: 50px !important;
    }}

/* Career - grauer Hintergrund */
.greyBG {
    background-color: #667178;
}

/* Line height contact us h4 */
h4.smh4care {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
}




/* === h1 auf china und ny weniger line height (abstand nach unten) === */
h1.lessLineH {
    line-height: 20px !important;
}


/* Untermenü auf den services seiten */
.whiteBorder {
    border: 2px solid #fff;
}


/* Team Thum Info Color */
.thumb-info .thumb-info-type {
    background-color: #ec671c !important;
}


/* b2 - istead of bold just slightly bigger and darker */
.b2 {
    color: #444;
    line-height: 20px;
    margin: 0 0 20px;
    font-size: 15px;
    text-transform: uppercase !important;
}


/* Team Thumb info letter spacing */
.thumb-info .thumb-info-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(23, 23, 23, 0.8);
    bottom: 10%;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    letter-spacing: 0px !important;
    padding: 9px 11px 9px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 90%;
}

/* Font Import */
@font-face {
    font-family: 'shadows_into_lightregular';
    src: url('shadowsintolight-regular-webfont.woff2') format('woff2'),
         url('shadowsintolight-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.shadow {
    font-family: 'shadows_into_lightregular' !important;
}


@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Light.woff2') format('woff2'),
         url('OpenSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.open-sans {
    font-family: 'open_sansregular' !important;
}



.feature-box.feature-box-style-2 h4 {
    font-size: 1.6em !important;
    
}


/* =============== Padding ======================= */
.padBot50 {
    padding-bottom: 50px;
}

.padBot100 {
    padding-bottom: 100px;
}

.padBot200 {
    padding-bottom: 200px;
}

.padTop30 {
    padding-top: 30px;
}

.padTop50 {
    padding-top: 50px;
}

.padTop80 {
    padding-top: 80px;
}

.padTop100 {
    padding-top: 100px;
}



/* ==================== Margin ===================== */
.margTop50 {
    margin-top: 50px;
}

.margBot50 {
    margin-bottom: 50px;
}




.feature-box.feature-box-style-3 .feature-box-icon {
    line-height: 30px;
}

.feature-box .feature-box-icon {
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    top: -2px;
}

/* 2 Logos Desktop and Mobile */
@media (min-width: 992px) {
	.logo-default {
		display: block !important;
	}
	.logo-small {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.logo-default {
		display: none !important;
	}
	.logo-small {
		display: block;
		width: 120px !important;
		height: 59px !important;
	}

	#header .header-logo {
		width: auto !important;
		height: auto !important;
	}
}

/* Logo Margin */
#header .header-logo img {   
    margin-bottom: 0px;    
}

/* Header Top Padding */
#header .header-top {  
    padding: 0px 0;   
}



/* == Page Up Arrow Color  == */
.fa-chevron-up:before {    
	color: #ec671c;
}

/* p Font Size */
p {
    color: #777;
    line-height: 24px;
    margin: 0 0 20px;
    font-size: 13px;
}

p.tall {
	color: #777;
    line-height: 28px;
    margin: 0 0 20px;
    font-size: 18px;
}

p.tallAbout {
	color: #5d5d5d;
    line-height: 38px;
    margin: 0 0 20px;
    font-size: 16px;
}

.small, small {
    font-size: 95%;
}

/* ======== Fa Icons Top ================== */
.feature-box.feature-box-style-3 .feature-box-icon i.fa, .feature-box.feature-box-style-3 .feature-box-icon .icons {
    color: #19333d;
}
/* FA Icons Team */
.list.list-icons li > .fa:first-child, .list.list-icons li a:first-child > .fa:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #19333d;
    border-color: #19333d;
}

.feature-box.feature-box-style-3 .feature-box-icon {
    border-color: #19333d;
}

/* == Divider Color == */
html .divider.divider-primary.divider-small hr {
    background: #19333d;
}


/* === Slider ==== */
element.style {
	    font-size: 30px;
}

/* a */
a:hover {
    text-decoration: none;
    color: #ec671c !important;
}

a {
   /* color: #00B4F9; */
   color: #5f818e;
}


/* ====================== Menu ======================== */


/* Menu Font Size */
@media (min-width: 992px) {
#header .header-nav-main nav > ul > li > a {
    display: inline-block;    
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 25px;
    text-transform: uppercase;
}
}

html #header.header-semi-transparent .header-body:before, html #header.header-semi-transparent-light .header-body:before {
	background: transparent;
}

#header .header-nav-main nav > ul > li:hover > a {
	background-color: transparent !important;
	color: #ec671c !important;
}

/* Dropdown Active BG and Color Main & Mobile */
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {    
    color: #fff !important;
	background-color: #19333d !important;    
}

/* Main Menu Active Fonts Color */
@media (min-width: 992px) {
#header .header-nav-main.header-nav-main-light nav > ul > li.active > a {
    color: #19333d;
}}

/* Main Menu Active White BG - important adds white on hover */
@media (min-width: 992px) {
#header .header-nav-main.header-nav-main-light nav > ul > li.active >a{
    background: #FFF !important;
}}

/* Mobile Menu Button no margin */
@media (max-width: 991px) {
#header .header-nav-bar .header-btn-collapse-nav {
    margin-top: 0px;
}}

#header .header-btn-collapse-nav {
    margin-bottom: 0px;
}

/* ============== Home ====================== */

.bg1 {
	background: url("../img/bg/bg1.jpg") ;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding-top: 30px;
	padding-bottom: 70px;
}


/* ========== Intros ================== */
.introPad {
	padding-top: 0px;
	padding-bottom: 0px;
	background: #ec671c;
}

h1.home1 {
    font-size: 2.6em;
    line-height: 44px;
    margin: 0 0 32px 0;	
	
}

h1.home2 {
    font-size: 1.4em;
    line-height: 28px;
    margin: 0 0 20px 0;	
	
}

h1 {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 32px;
    margin-top: 20px;
	margin-bottom: 5px;
	color: #fff;
	letter-spacing: 1px;
}

/* = noch notwendig? ============================== *
@media (max-width: 770px) {
	h1, h2 {
	color: #ffffff;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 20px;
    margin-top: 10px;
	margin-bottom: 0px;
}}      

*/



h3 {
	margin-bottom: 10px;
}

h4.center {
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 17px;
    margin: 12px 0 12px 0;
}


/* smaller h4  intelligence */
h4.smh4 {
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
    font-family: 'open_sansregular' !important;
    text-transform: uppercase !important;    
}


h5 {
    font-size: 1.1em !important;
}

h6.center {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 15px;
    margin: 2px 0 4px 0;
}

p.likeH {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 5px;
    color: #fff;
    letter-spacing: 1px;
}    



section.page-header h1 {
    border-bottom-color: #00B4F9;
}

ul.reLis {
    font-size: 1.2em;
    font-weight: 400;
	
}


/* Text & Color Boxes */
.home.col-md-6 {
	padding: 0px;
}


.home1.col-md-6 {
	background-color: #FFDF00;
	padding-top: 2px;
}

.home2.col-md-6 {	
	background-color: #ec671c;
	padding-top: 2px;
}

.home2.col-md-6 h6 {
	color: #fff;
	background-color: #ec671c;
	}

	
.home2.col-md-6 h4 {
	color: #fff;
	background-color: #ec671c;
	}
/* Highlight home2 */
.home2Res.col-md-6 {	
	background-color: #ec671c;
	padding-top: 2px;
}

.home2Res.col-md-6 h6 {
	color: #fff;
	background-color: #ec671c;
	}

	
.home2Res.col-md-6 h4 {
	color: #fff;
	background-color: #ec671c;
	}	

.home3.col-md-6 {
	background-color: #19333d;
	padding-top: 2px;
}
/* Highlight Intelligence */
.home3Res.col-md-6 {
	background-color: #19333d;
	padding-top: 2px;
}

.equal {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
}

.hcol {
	color: #7f8c97;
}

/* Research */
.singleColred {
	color: #910000;   
	font-weight: 400;
}

/* Intelligence */
.singleCol {
	color: #19333d;   
	font-weight: 400;
}


/* ========================About Arix=============== */
.about-pics{
    background-color: #fcfcfc;
    margin-bottom: 0px;	
    overflow: hidden;
    padding: 20px 0 60px 0;
    position: relative;
    text-align: left;
}


/* =======================  Services ==================== */
html .inverted-primary {
    background-color: #19333d;
}

.feature-box.feature-box-style-2 .feature-box-icon i.fa, .feature-box.feature-box-style-2 .feature-box-icon .icons {
    color: #19333d;
}

.alternative-font {
    color: #19333d;
}

.container.serv {
	padding-top: 50px;
}

/* ======================== Industries ======================== */

.page-header.industries {
    margin-bottom:  0px;
    min-height: 50px;
    padding: 20px 0;   
}

.container.industries {
	margin-bottom: 60px;
}

.row.indu {
	margin-top: 40px;
}



/* =========================== Team ======================= */

/* Background */
.bgTeam {
	background-color: #fff;
}

/* Pic Size */
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;	
    max-width: 100%;
    height: auto;
}}

.center
{
margin-left:auto;
margin-right:auto;
}

/* ========================= Footer ================= */
#footer h1 {
    text-indent: -99999px;
	line-height: 1px;
	margin-bottom: 10px;
}

/* Less pad bot copyright */
.c-layout-footer-7 .c-postfooter {
    padding-bottom: 15px !important;
}


/*======= No Margin ============*/
#footer.short {
	 padding-top: 15px;
}

#footer .footer-copyright {
    background: #fff;
    margin-top: 10px;
    padding-top: 0px;
}

#footer {    	
    font-size: 0.9em;
    margin-top: 0px;
    padding: 70px 0 0;
    position: relative;
    clear: both;
}

/* Copyright */
p.copyR {
	font-size: 12px;
}
/* Impressum Footer */

#footer .phone {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding-bottom: 15px;
    margin-top: -5px;
}

.list.list-icons li > .fa:first-child, .list.list-icons li a:first-child > .fa:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #999;
    border-color: #19333d;
}

/*  ============================ Services ======================= */

.featured-box .box-content {
    border-radius: 8px;
    border-top: 1px solid #CCC;
    border-top-width: 4px;
    padding: 10px 10px 10px 10px;
    position: relative;
    top: -1px;
}

/* === Impressum ==== */

h1.impr {
	font-size: 24px;
	margin-top: 40px;
}

/* Remove white space at bottom for Index and China */
html {
background:#31383c;
height:100%;
padding:0;
margin:0;
}


/* Footer always on bottom
.main {
	min-height: calc(100vh - 1200px);
}
 */
/*==== Fonts =====
body {
	font-family: 'Roboto', sans-serif;
	}
	
@font-face {
font-family: ‘fs_albertregular’;
src: url(‘fs_albert-webfont.eot’);
src: url(‘fs_albert-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fs_albert-webfont.woff2’) format(‘woff2’),
url(‘fs_albert-webfont.woff’) format(‘woff’),
url(‘fs_albert-webfont.ttf’) format(‘truetype’),
url(‘fs_albert-webfont.svg#fs_albertregular’) format(‘svg’);
}

INDEX PAGE.
<link rel=”stylesheet” type=”text/css” href=”font/stylesheet.css”> 	*/

/* Heller Footer 
#footer{
	background-color: #212121;
	border-top: 4px solid #212121;
    padding-top: 15px;
}

#footer .footer-copyright {	
    margin-top: 10px;
    padding-top: 0px;
}

#footer {    
    font-size: 0.9em;
    margin-top: 0px;
    padding: 70px 0 0;
    position: relative;
    clear: both;
}

#footer.short  p  {
    color: #F9F9F9;
	}
*/

/* Neuer Index Footer */
.c-layout-footer-7 {
	padding-top: 40px;
  margin: 0;
  background-color: #2e3336; }
  .c-layout-footer-7 .c-input {
    background-color: #2e3336;
    border-color: #3f464d;
    color: #58626d; }
  .c-layout-footer-7 .c-prefooter {
    padding: 70px 0 35px 0; }
  .c-layout-footer-7 .c-content-title-1 .c-title {
    color: #d5dfe5;
    margin-bottom: 25px; }
  .c-layout-footer-7 .c-head {
    margin: 5px auto; }
    .c-layout-footer-7 .c-head .c-left .socicon {
      margin-top: 3px; }
      .c-layout-footer-7 .c-head .c-left .socicon .socicon-btn {
        width: auto;
        height: auto;
        padding: 13px;
        background-color: #2a2e31; }
        .c-layout-footer-7 .c-head .c-left .socicon .socicon-btn + .socicon-btn {
          margin-left: 5px; }
    .c-layout-footer-7 .c-head .c-right {
      float: right; }
      .c-layout-footer-7 .c-head .c-right .socicon-btn {
        margin: 0; }
      .c-layout-footer-7 .c-head .c-right .c-title {
        float: left;
        margin: 20px 30px 0;
        color: #d5dfe5; }
      .c-layout-footer-7 .c-head .c-right .c-icons {
        float: left; }
        .c-layout-footer-7 .c-head .c-right .c-icons > .socicon-btn {
          width: auto;
          height: auto;
          padding: 13px;
          float: left;
          margin-left: -1px;
          border-color: #353b3e; }
          .c-layout-footer-7 .c-head .c-right .c-icons > .socicon-btn:hover {
            background-color: #32383b; }
  .c-layout-footer-7 .c-body .c-twitter {
    width: 340px;
    color: #b1c4d0; }
  .c-layout-footer-7 .c-body .c-links {
    float: left;
    padding: 0; }
    .c-layout-footer-7 .c-body .c-links > li {
      list-style-type: none;
      line-height: 30px; }
      .c-layout-footer-7 .c-body .c-links > li > a {
        color: #b1c4d0; }
        .c-layout-footer-7 .c-body .c-links > li > a:hover {
          color: #e7eef3; }
    .c-layout-footer-7 .c-body .c-links + .c-links {
      padding-left: 50px; }
  .c-layout-footer-7 .c-body .c-address {
    margin: 0;
    color: #7e8b93; }
  .c-layout-footer-7 .c-foot {
    padding-bottom: 5px; }
    .c-layout-footer-7 .c-foot .c-text {
      margin: 0; }
  .c-layout-footer-7 .c-line {
    width: 100%;
    height: 1px;
    background-color: #393f42;
    margin: 40px auto; }
  .c-layout-footer-7 .c-postfooter {
    padding: 30px 0; 
	background-color: #31383c;
	}
    .c-layout-footer-7 .c-postfooter .c-copyright {
      font-size: 15px;
      margin: 0; }
    .c-layout-footer-7 .c-postfooter .c-payments {
      margin-right: -5px; }
    .c-layout-footer-7 .c-postfooter .c-col {
      height: 38px;
      line-height: 38px; }

@media (max-width: 991px) {
  /* 991px */
  .c-layout-footer-7 .c-head .c-right {
    float: none;
    margin-top: 30px; }
    .c-layout-footer-7 .c-head .c-right > .c-title {
      display: none; }
  .c-layout-footer-7 .c-body .c-links, .c-layout-footer-7 .c-body .c-twitter {
    margin-bottom: 40px; }
  .c-layout-footer-7 .c-body .c-twitter {
    width: 100%; }
  .c-layout-footer-7 .c-foot .c-text {
    margin-bottom: 40px; } }
	
.c-font-regular {
    color: #7f8c97 !important;
}

.footHcol {
	color: #eeeeee;
}

.hideCol {
	font-size: 0.2em;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}


/* ===================== Slider Button ========================== */
.slider-container.light .tp-caption a {
    color: #f2f2f2 !important;
}



/* Slider Schrift weiss */
.slider-container.light .featured-label, .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label {
    color: #777!important;
    font-size: 26px !important;
}



/* Unterlegte Boxen in Market research */
        /* Style for the colored box */
        .colored-box {
            background-color: #777; /* Change to your desired background color */
            padding: 3px;
            border-radius: 5px;
        }

        /* Style for the text inside the box */
        .colored-box-text {
            color: #fff; /* Change to your desired text color */
        }

p.noMarg {
    margin-bottom: 0px !important; 
}

/* Laufband *
            .marquee {
                height: 50px;
                overflow: hidden;
                position: relative;
                background: #fefefe;
                color: #333;
                border: 1px solid #4a4a4a;
            }
            
            .marquee p {
                position: absolute;
                width: 100%;
                height: 100%;
                margin: 0;
                line-height: 50px;
                text-align: center;
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
                -moz-animation: scroll-left 2s linear infinite;
                -webkit-animation: scroll-left 2s linear infinite;
                animation: scroll-left 20s linear infinite;
            }
            
            @-moz-keyframes scroll-left {
                0% {
                    -moz-transform: translateX(100%);
                }
                100% {
                    -moz-transform: translateX(-100%);
                }
            }
            
            @-webkit-keyframes scroll-left {
                0% {
                    -webkit-transform: translateX(100%);
                }
                100% {
                    -webkit-transform: translateX(-100%);
                }
            }
            
            @keyframes scroll-left {
                0% {
                    -moz-transform: translateX(100%);
                    -webkit-transform: translateX(100%);
                    transform: translateX(100%);
                }
                100% {
                    -moz-transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                }
            }

*/






/* =========================== Slider Button Transparent BG =================================
html .btn-primary {
	color: #fff;
	background:rgba(1,1,1,0.4);   
	border: none !important;
}

.btn-link {
	background:rgba(1,1,1,0.4);  
}

.btn-link:hover {
	background:rgba(1,1,1,0.4);  
}

.btn-link:active {
	background:rgba(1,1,1,0.4);  
}

html .btn-primary:hover {
    border: none !important;
    background:rgba(1,1,1,0.6);  
}
html .btn-primary:active {
    border: none !important;
    background:rgba(1,1,1,0.6);  
}

 */